*{ margin: 0; padding: 0;}
.clear { clear: both;}
a { color: #fe4200;}
p {padding: 20px; text-align: justify;}
img{ border: none;}
body {font-family: arial; font-size: 14px; background: url(/images/bg.gif); text-align: center; position: relative;}
#wrapper { margin: 0 auto; width: 950px; background: url(/images/wrapper_bg_header.png) top center no-repeat; text-align: left; position: relative;}
#header { width: 950px; height: 200px; padding-bottom: 25px;}
#container { width: 950px; background: url(/images/wrapper_bg.png) 41px repeat-y; padding-bottom: 20px; }
#content { margin: 0px 140px 0 125px; }
#contentmedia { margin: 0px 140px 0 95px; }
#footer { width: 950px; height: 100px; background: url(/images/wrapper_bg_footer.png) 38px bottom repeat-y;}
#boy1, #boy2{ position: absolute; bottom: 0;}
#boy1 { left: -200px; width: 349px; height: 553px; background: url(/images/boy1.png) no-repeat;}
#boy2 { right: -180px; width: 334px; height: 571px; background: url(/images/boy2.png) no-repeat;}

#logo { float: left; margin: 25px 0 0 85px;}
#main_nav { margin: 21px 0 0 0;}

#main_nav ul, #footer_nav ul{ float: left; margin: 5px 0 0 100px;  color: white;}
#footer_nav ul { margin: 5px 0 0 135px;}
#main_nav li, #footer_nav li{ display: inline;}
#main_nav li a, #footer_nav li a{ font-family: trebuchet, trebuchet ms; font-weight: bold; font-size: 13px; text-decoration: none; color: white; text-transform: uppercase;}
#main_nav li a:hover, #footer_nav li a:hover{ color: #89ee09; }
/* #main_nav li a:after, #footer_nav li a:after{ content: " | "; color: white;} */
#main_nav li.last a:after, #footer_nav li.last a:after{ content: "";}
#main_nav li#active a, #footer_nav li#active a{ color: #89ee09; }
#main_nav a#buy_bt{ float: right; display: block; width: 199px; height:33px; margin-right: 80px; background: url(/images/bt_buy.gif) no-repeat;} 
#main_nav a#buy_bt:hover{ background: url(/images/bt_buy_on.gif) no-repeat;}

#footer_nav{ padding-top: 25px;}
#copy{ display: block; float: right; font-family: arial; margin-right: 145px; text-align: right; color: white; font-weight: normal; padding-top: 15px; font-size: 11px;}
#copy a{ font-size: 11px; color: #08a7ef;}


/* BLOG */

#blog #content {width: 446px; float: left; margin: 0px 0 0 125px;}
#blog #content .title{ background: url(/images/small_titlebar.png) top no-repeat; border-bottom: 2px solid black; padding: 5px 10px; margin-top: 40px;}
#blog #content .title a.big_title{ font-weight: normal; font-family: trebuchet ms; color: black; font-size: 20px; display: block; margin-bottom: 5px;}
#blog #content .title .infos{ font-size: 11px; font-weight: bold; }
#blog #content .title .infos a{ color: #fe4200;}
div#pagenav{ padding-top: 25px; background: url(/images/small_hr.png) top no-repeat; margin: 25px 0; padding: 10px 20px 0 10px; }
a#lastpage, a#nextpage{ color: #fe4200; float: left; padding-top: 10px;} a#nextpage { float: right;}
#blog p { padding: 15px;}

#right_nav { float: left; width: 230px; background: url(/images/vsep.png) top left no-repeat; margin: 40px 0 0 25px; height: 800px;}
#right_nav .title{ font-family: trebuchet ms; font-weight: bold; font-size: 20px; text-transform: uppercase; display: block; padding-left: 15px; }
#right_nav form#search{ margin: 20px 0 10px 35px; background: url(/images/bg_search.gif) 0 25px no-repeat;  border: 1px solid transparent; }
#right_nav #lastpost,#right_nav #cloud, #right_nav #bydate{ background: url(/images/bg_right_nav.png) top no-repeat; padding: 31px 0 0 0; margin: 20px 0 10px 35px;}
#right_nav .inside{ background: black; color: white; margin: 10px; padding: 5px 5px 15px 5px;}
#right_nav li{ list-style: none; margin: 5px 0;}
#right_nav li:before{ content: "> ";}
#right_nav a{ color: white; text-decoration: none; text-transform: uppercase; } #right_nav a:hover{ color: #08a7ef; }
#right_nav form#search div{ background: none;}
#right_nav form#search input { background: white; float: left; width: 110px; border: none; margin: 27px 0px 30px 20px; padding: 5px;}
#right_nav form#search a.bt_search{display: block; float: right; width: 30px; height: 30px; margin: 25px 17px 0 0;}

/* Contact */
form#contact {padding: 30px; background: url(/images/bg_contact.gif) no-repeat; color: white; font-family: trebuchet ms; text-transform: uppercase;}
form#contact .left{float: left; width: 48%; margin-bottom: 15px;}
form#contact .right{float: right; width: 48%;}
form#contact .full{clear: both; width: 100%;}
form#contact .left label, form#contact .right label,form#contact .full label{width: 100%; display: block; padding: 5px 0; clear: both;}
form#contact input{width: 95%; padding: 5px; margin: 0; }
form#contact textarea{width: 98%; padding: 5px; margin-bottom: 15px;}
form#contact a#envoyer_bt{ display: block; width: 139px; height:33px; background: url(/images/bt_envoyer.gif) no-repeat;} 
form#contact a#envoyer_bt:hover{ background: url(/images/bt_envoyer_on.gif) no-repeat;}

form#contact a#send_bt{ display: block; width: 139px; height:33px; background: url(/images/bt_send.gif) no-repeat;} 
form#contact a#send_bt:hover{ background: url(/images/bt_send_on.gif) no-repeat;}


/* General style */

.hr{ height: 10px; background: url(/images/big_hr.gif) no-repeat; margin: 15px 0;}
h1, h2, h3{ margin: 15px;}
h1{ text-transform: uppercase; font-weight: bold; font-family: trebuchet ms; color: black; font-size: 25px; display: block; background: url(/images/big_hr.gif) bottom no-repeat; padding-bottom: 15px;}
h2{ font-weight: normal; font-family: trebuchet ms; color: black; font-size: 18px; display: block; margin-bottom: 0px;}
h3{ font-weight: bold; font-family: trebuchet ms; color: black; font-size: 16px; display: block; }
img.left, img.right { border: 3px solid black; margin: 15px;}
img.left { float: left;}
img.right {float: right;}

/* --------------------------------------

    =pagination

-------------------------------------- */

.pagination{
padding: 2px;
margin: 5px 0 0 48px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding: 1px;
}

.pagination a, .pagination a:visited{
padding: 1px 5px;
border: 1px solid white;
text-decoration: none;
color: white;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #800000;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: white;
}

.pagination li.nextpage{
font-weight: bold;
}



/*
     