@charset "utf-8";
/* CSS Document */

body {margin-top:0px; margin-left:0px; color:#FFFFFF; background:#262626; width:100%; }



div#droite{ float:right; background:#343434; width:40%; padding-top:20px; }

/*=== Right Column ===*/
#droite h3, #droite h3 a{
	color: #ffffff;
	background:#a0b127;
	margin:0px;
	padding:0px;
	margin-top:20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:#3F3F3F solid 2px;
	text-transform:uppercase;
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.2em;
}
#droite h3 span{
	
}

#droite .widget{
padding-left:20px;
width:250px;
}

#droite .widget a, #droite .widget a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#droite .widget a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#droite .widget ul, #droite .textwidget 
{
background:#515151;
padding:5px 0px 5px 0px;

}

#droite .textwidget{
padding-left:10px;
padding-right:10px;
}

#droite .widget li{
	padding: 0px 10px 0px 10px;
	margin-bottom:4px;
	}

.btn-cat {
	margin: 1em 0 1.5em;
}

.btn-general{
	background: #a4b92e;
	padding: 5px 10px;
	color: #ffffff;	
}
.btn-continue{
	margin: 0 0 2em;
}

#content .btn-continue a, #content .btn-continue a:visited{
	color:#a0b127;
}
.btn-continue a:hover{
	color:#a0b127;
}


#gauche a, #gauche a:visited { color:#5399bb; text-decoration:none; }

#gauche a:hover {  color:#5399bb; text-decoration:underline;}

div#gauche{ float:left; background:#262626; width:60%; padding-top:20px;}

div#gauche #content ul{
margin-left:30px;
}

div#gauche li{
	padding-bottom:15px;
}

h2{ font-size: 34px; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -2px; line-height: 1.2em; text-align:left; margin-bottom:0px;}

div#footer{ float:left; width:100%; background:#000000; padding-top:20px; }

div#prefooterD{ float:right; width:40%; }

div#prefooterG{ float:right; width:586px; }

div#prefooter01, div#prefooter02, div#prefooter03{ width:270px; }

div#prefooter01 ul, div#prefooter02 ul, div#prefooter03 ul, #droite ul{

margin-left: 0px;

list-style: none;

}

#prefooter01 H2, #prefooter02 H2, #prefooter03 H2{ color:#FFFFFF;text-transform:uppercase;
	font-size:14px;	font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.2em;}

div#prefooter01{ float:left; text-align:justify;}

div#prefooter01 a, div#prefooter01 a:visited{ color:#fb6a04; text-decoration:none; }

div#prefooter02{ float:right; padding-right:30px;  }

div#prefooter02 a, div#prefooter02 a:visited{ color:#9dae27;text-decoration:none;  }

div#prefooter03{ padding-left:20px; }

div#prefooter03 a, div#prefooter03 a:visited{ color:#2c7091; text-decoration:none;  }

div#prefooter01 a:hover, div#prefooter02 a:hover, div#prefooter03 a:hover{ text-decoration:underline; }

#prefooterG .widget ul, #prefooterG .textwidget {

	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}

#prefooterG .widget  li, #prefooterD .widget  li {
border-bottom:#1b1b19 solid 1px;
margin-bottom:8px;
}

#prefooterG .widget  a, #prefooterD .widget  a {
text-decoration:none;
}




#footer a, #footer a:visited { color:#fb6a04; text-decoration:none;}

#footer a:hover{ color:#fb6a04; text-decoration:underline; }

#footer_bas{
float:right;
width:586px;
margin-top:45px;
}

div#logo{ padding-left:10px; margin-top:8px;}

div#header{ float:right; width:585px; height:128px; background:url(images/header.gif) no-repeat; margin-bottom:20px;}

div#feed_header{ float:left; width:55px; margin-left:15px; margin-top:40px;}

div#text_header{ float:right; width:450px; margin-right:45px; margin-top:20px; text-align:justify; 
font-family: Cambria, serif; font-size: 17px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.3em; }

#text_header a, #text_header a:visited{ color:#FFF; font-weight:bold; }



div#contenu{ padding:0px; width:550px; float:right; margin-right:32px; background: #FFFFFF url(images/content_top2.jpg)top left no-repeat;

 
}
div#contenu_top{  width:100%; height:16px; background:url(images/content_top.jpg) top left; }
div#contenu_text{ width:100%;color:#000000; text-align:justify; padding-left:12px; padding-right:6px; font-family: Cambria, serif; font-size: 16px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em; }

div#content{ width:500px; }

#contenu H2 a, #contenu H2 a:visited{ color:#000000; text-decoration:none;}

#contenu H2 a:hover{ color:#000000;  }


.entry-title,.entry-meta {
clear:both;
}

div#menu{ color:#5399bb; font-size: 30px; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -2px; line-height: 30px; text-align:left; margin-bottom:0px; }

.menu li a {
	display: block ;
	line-height: 1em ;
	text-decoration: none ;
	padding: 4px 0 ;
	} 

.entry-content a, .entry-content a:visited {color:#5399bb; text-decoration:none;}


.entry-content a:hover{ color:#5399bb; text-decoration:underline; }

ul#menu{margin: 0 ;	padding: 0 ; margin-left:10px;	list-style-type: none ;}

ul#menu li{margin: 0 0 0 0 ;padding: 0 ;}

ul#menu li a{	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 300px ;	height:43px;	color: #000 ;	text-decoration: none ;	color:#343434;}

ul#menu li#menu1 a { background: url(images/menu1.gif) no-repeat 0 0 ; }
ul#menu li#menu2 a { background: url(images/menu2.gif) no-repeat 0 0 ; }
ul#menu li#menu3 a { background: url(images/menu3.gif) no-repeat 0 0 ; }
ul#menu li#menu4 a { background: url(images/menu4.gif) no-repeat 0 0 ; }
ul#menu li#menu5 a { background: url(images/menu5.gif) no-repeat 0 0 ; }

ul#menu li#menu1 a:hover{background: url(images/menu1.gif) no-repeat 0 -43px; }
ul#menu li#menu2 a:hover{background: url(images/menu2.gif) no-repeat 0 -43px; }
ul#menu li#menu3 a:hover{background: url(images/menu3.gif) no-repeat 0 -43px; }
ul#menu li#menu4 a:hover{background: url(images/menu4.gif) no-repeat 0 -43px; }
ul#menu li#menu5 a:hover{background: url(images/menu5.gif) no-repeat 0 -43px; }

ul#menu li#actif1 a { background: url(images/menuA1.gif) no-repeat 0 0 ; }
ul#menu li#actif2 a { background: url(images/menuA2.gif) no-repeat 0 0 ; }
ul#menu li#actif3 a { background: url(images/menuA3.gif) no-repeat 0 0 ; }
ul#menu li#actif4 a { background: url(images/menuA4.gif) no-repeat 0 0 ; }
ul#menu li#actif5 a { background: url(images/menuA5.gif) no-repeat 0 0 ; }

div#comment_pop{ text-align:right; width:30px; height:30px; float:right; background:url(images/commentaire.gif) top right no-repeat;  margin-top:-42px;  font-weight:bold;}

#comment_pop a, #comment_pop a:visited{ color:#FFF; text-decoration:none;
font-family: Cambria, serif; font-size: 17px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal;

 }

#comment_pop a:hover{ text-decoration:underline; }

.postcomment_pop{ text-align:center; margin-top:2px;}

/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align: center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */


img{

border:0px;

}



ul 

{  

margin: 0; 

padding: 0; 

} 




/*=== Widget styling ===*/


.widget h3{
	text-transform:uppercase; 
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.2em;
}
.widget #recentcomments li{
	background: url(images/hl-dot.gif) repeat-x bottom;
	padding: 0.5em;
	text-align:justify;
}
.widget #recentcomments li a{
	background:none;
	color: #a4b92e;
	text-decoration:none;
}
.widget #recentcomments li a:hover{
	color: #a4b92e;
	text-decoration: underline;
}

.widget #searchform, .widget #calendar_wrap{
	background: #f0eee1;
	height: 1%;
	margin: 0 0 2em;
	padding: 7px 15px 15px
}

.widget #searchform, .widget #calendar_wrap{
	clear: both;
	height: 1%;
	margin: 0 0 14px;
}

.widget #wp-calendar caption {
	font-size:1.2em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom:5px;
	color:#333333;
}

.widget #wp-calendar {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:240px;
}

.widget #wp-calendar thead th {
	color:#333333;
}


.widget #wp-calendar tfoot td {
	padding:10px 0 10px 0;
	text-align:left;
}

.widget #wp-calendar tfoot td#next {
	text-align:right;
}

.widget #wp-calendar td {
	width:auto;			
}

.widget #wp-calendar td a {
	padding:2px;
	text-decoration:underline;
}

.widget #wp-calendar tfoot td a {
	color:#333333;	
}
.quote {
	background:url(images/ico-quote.gif) no-repeat top left;
	margin:9px 0 0;
	width:37px;
	height:29px;
}
.flickr_badge_image img{
	margin: 0 3px 8px;
	padding: 0 7px 5px 0;
	float:left;
}
.flickr img{
	vertical-align:middle;
	margin:6px 0 8px;	
}
.subscribe img{
	vertical-align:middle;
	margin:6px 0 8px;	
}

.wrapper{

	float: left;
	padding: 0 0 0 20px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

.box5{
    float:right;
	width: 100%;
	
	margin:0 0 0 0;
}
.box5 .top,.box5 .bot{
	

	height: 10px;
	overflow: hidden
}
.box5 .top{
	
}
.box5 .spacer{
	margin:0px;


}
.box5 .post img {
	border:0;
}

.btn-arr a{

	color: #ffffff;
	line-height: 25px;
	padding: 5px 10px
}
.btn-arr2{

	float: left;
	padding: 170px 0 0 8px;
	width: 27px
}

/*=== Slider ===*/

.stepcarousel{
background: #FFF;
color:#000000;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 430px;
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
background: #FFF;
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
background: #FFF;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}