@charset"utf-8";
html, body, div, h3, p, ul, li, img{margin:0;padding:0;} 
article, aside, figure, footer, header, hgroup,
menu, nav, section {display: block;}

body{background:#DCDCDC; font-family: 'Lato', Arial, Tahoma, Helvetica, sans-serif;}

html, body, div, h3, p, ul, li, img{margin:0;padding:0;}

#toutes_img{	
			width:876px;
			float:left;
			padding:0px 0px 0px 84px;
			margin-bottom:0px;

}
section{clear:both;}/* tient les images en lignes*/

#content{width:960px;margin:0 auto;background:#fff;}
#contentext{width:960px;margin:3% auto;background:#fff;}
.box{	
		width:135px;
		height:180px;
		background:#fff;
		float:left;
		margin:20px 84px 60px 0px;/* portraites vertical*/
}
.boxhoryz{	
		width:180px;
		height:135px;
		background:#fff;
		float:left;
		margin:20px 84px 60px 0px;/* portraites horizontal*/
}
 div.boxhoryz180{
		position:relative;
		width:180px;
		height:180px;
		float:left;
		margin:20px 84px 60px 0px;
}/* portraites horizontal*/
				
div.boxhoryz180 img{position:absolute;bottom:1% }/* portraites horizontal top:37%;dans vertical 180x180*/
div.boxhoryz180 img{opacity: 1;filter: alpha(opacity=100);}		
div.boxhoryz180 img:hover{opacity: 0.8;filter: alpha(opacity=80);}				
div.boxhoryz180 img a{text-decoration:none;color:#000;}				
.boxh{	
		width:210px;
		height:139px;
		background:#fff;
		float:left;
		margin:20px 82px 40px 0px;
}
.boxvertical{	
		width:139px;
		height:210px;
		background:#fff;
		float:left;
		margin:20px 82px 40px 0px;
}

a img{border:none;border:0;}

.box img {opacity: 1;filter: alpha(opacity=100); }/* For IE8 and earlier */
 
.box img:hover {opacity: 0.8;filter: alpha(opacity=80); text-decoration:none;}/* For IE8 and earlier */
 
.box a{text-decoration:none;color:#000;}
	
#header{
		background:#fff;
		height:40px;	
		text-transform:uppercase;
		padding:0px 20px 2px 20px;
		margin: 0px;
		display:block;
		width:910px;
		font-family:'Lato',Arial, Tahoma, Helvetica, sans-serif;
		font-style:normal;
		border-bottom: 0.5px solid #DCDCDC;			
}
#header  a{text-decoration:none; color:#000;}

#header a:hover{text-decoration:none; color:#C0C0C0;}

div#header p{
			color:#000;
			text-transform:uppercase;
			padding:20px 0px 0px 0px;
			word-spacing:1px;
			display:block;
			font-size:20px;
			font-family: 'Lato', Arial, Tahoma, Helvetica, sans-serif; 
			font-style:normal;

}
span.texte{float:left; display:block;padding:0px; margin:0px;} 

span.back  {	
			float:right; 
			display:block; 
			padding:0px 3px 3px 0px; 
			margin-bottom:0px;
			font-size:15px;
			text-transform:lowercase;

			
} 
 #header p span.back a  {	
			line-height:20px;
			vertical-align:-5px; 

} 

/* page text*/
div#contenuetext {
			color:#000;
			padding:50px 150px 50px 0px;
			word-spacing:0px;
			display:block;
			font-size:18px;
			font-family: 'Lato', Arial, Tahoma, Helvetica, sans-serif; 
			font-style:normal;
			letter-spacing:1px;	
} 
	
div#contenuetext p{
			position:relative;
			text-indent: 100px;
			color:#000;
			padding:0px 0px 0px 0px;
			word-spacing:1px;
			display:block;
			font-family: 'Lato', Arial, Tahoma, Helvetica, sans-serif; 
			font-style:normal;
}
div#contenuetext p span.majuscule{
			position:absolute;
			margin-left: -200px;
			font-size:15px;
			font-style:normal;
			font-family: 'Lato', Arial, Tahoma, Helvetica, sans-serif; 
			word-spacing:0px;
} 
  
#contenuetext  a{text-decoration:none; color:#000;}
#contenuetext a:hover{text-decoration:none; color:#D6812F;}


/* page text fin*/
													
footer{ 		
background:#fff;
height:30px;
padding-top:8px;
padding-left:15px;
text-align:left;
color:#000;
font-size:10px;
font-style:normal;
font-family:'Lato',Arial, Tahoma, Helvetica, sans-serif;
clear:both; 
			/*tient footer en bas, le meme effet avec div,clear:both apres dernier div du box*/
}
footer span{ 		
text-transform:uppercase;
color:#000;
font-style:normal;			
}

footer a{color:#000;text-decoration:none;}

footer  a:hover{color:#9400D3;text-decoration:none;}