/* Redefinitions des balises HTML */ 

*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:11px/1.1em  Arial;font-weight:normal;color:#959595;}

.titre-edito {
  font:16px Arial;
  font-weight:normal;
  color:#fd6d04;
  margin-top:20px;
}

.texte-edito {
  font:12px Arial;
  font-weight:normal;
  color:#5b5a5a;
  margin-top:5px;
}

img{border:0}

a{text-decoration:underline;outline:none;color:#fd6d04;}
a:hover{text-decoration:none;}

ul{margin:0; list-style:none;}
ol{margin:0;list-style:none;}
dd{margin:0;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
.clear{height:0; line-height:0; font-size:0; clear:both;}
/* Structure generale */ 

body{text-align:center; background:url(images/pix_rep_page.gif) 0 0 repeat;}
	
	#wrapper{width:100%;  background:url(images/bg_wraper.gif) top left repeat-x;}
	#global{width:940px;text-align:left;margin:0 auto; text-align: left; position:relative;}	
	#header{width:100%; background:url(images/banniers.jpg) 0 0 no-repeat; height:172px;}
	#content{float:left; width:919px; padding:18px 0 0 21px;}
	#contentLeft{float:left; width:571px; padding:0 40px 0 15px;}
	#contentRight{float:left; width:260px; }
	#footer{float:left; width:100%; padding:0px}
		
		
#content ul{padding:10px 0 5px 0;}
	#content ul li{background:url(images/puce_li.gif) 0 4px no-repeat; padding:0 0 5px 10px; color:#fd6d04;}
/*Header*/
	#logo{position:absolute; left:0; top:0;}
	#acroche{position:absolute; right:0; top:0;}
	#header a{float:right; color:#FFF; text-decoration:underline; padding:156px 28px 0 0;}
		#header a:hover{text-decoration:none;}
		
/*content*/
	.contentTop{background:url(images/bg_content_top.gif) 0 0 no-repeat; font-size:1px; height:6px;width:898px; float:left;}
	.contentCentre{background:url(images/bg_content_centre.gif) 0 0 repeat-y; width:886px; float:left; padding:0 6px;}
	.blocRecherche{ float:left; width:886px; height:50px; background:url(images/bg_bloc_recheche.gif) 0 0 no-repeat;}
	.acrocheCentre{float:left; width:630px;}
	.acrocheCentre h1{color:#FFF; font-size:20px; padding:10px 0 0 14px;} 
	.searchForm{float:left; width:256px; padding:8px 0 0 0;}
	.searchForm input{background:url(images/bg_input_rechere.gif) 0 0 repeat-x; height:18px; border:1px solid #e0e0e0; color:#929292; width:220px; padding:4px 0 0 6px;vertical-align:middle;}
	.searchForm input.envoie{width:15px; height:16px; border:none; background:none; padding:0; margin:0; }
	.contentBottom{background:url(images/bg_content_bottom.gif) 0 0 no-repeat; font-size:1px; height:6px;width:898px; float:left;}
/*content Left*/
#contentLeft h2{ font-size:20px; color:#686868; padding:0 0 10px 0;}
#contentLeft h2 a{ color:#686868; text-decoration:none; font-size:20px; }
#contentLeft h2 a:hover{ color:#686868; text-decoration:underline; }

#contentLeft p{line-height:16px; padding:0 0 6px 0; text-align:justify;}
#contentLeft a{color:#fd6d04;}
	
.edito{float:left; width:100%;}
	
	.edito p{padding:0 0 6px 0;}
.blog{border-top:1px dotted #959595; float:left; width:100%; padding:10px 0 0 0; margin:10px 0;}
.blogInfo{float:left; width:100%; padding:6px 0 0 0;}
.blocLeft{float:left; padding:0 15px 0 0;width:350px;}
#contentLeft .blocLeft p{padding:4px 0 0 0; margin:0;}
.blocRight{float:left; width:206px; vertical-align:top;}
	
/*content Right*/
.blocNews{float:left; width:250px; padding:0 0 10px 0;}
	.blocnewsTop{float:left; background:url(images/bloc_news_top.gif) 0 top no-repeat;width:238px;padding:0 6px 10px 6px;color:#fd6d04;	}
		.blocnewsTop h3{ font-size:20px; padding:6px 0 8px 0; color:#686868;}
			#content .blocnewsTop ul{padding:0; margin:0;}
			#content .blocnewsTop ul li{font-size:10px;}
			.blocnewsTop img.galerie{padding:0 0 0 12px;}
			.blocnewsTop img.netvibes{padding:0 8px 0 0;}
	.blocnewsBottom{float:left; background:url(images/bloc_news_bottom.gif) 0 bottom no-repeat;width:238px; height:4px;padding:0 6px 0 6px; font-size:1px;}
	

	
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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