body {color:balck;width :100% ;background-color:;font-family:Geneva, Arial, Helvetica, sans-serif;}

section { width :80% ; margin :auto ; padding :10px ; background :white ;}

header{ width :100% ;background-color :#141d2f;}

article {background-color:white;width:65%;display:inline-block;vertical-align: top;background-color:;}


aside {width:34%;display:inline-block;background-color:;
} 
fieldset a {text-decoration:none; color:grey;} 
	fieldset a em{color:blue;} 
	fieldset a em:hover {color:white;font-weight:bold;border-bottom:solid;border-color:orange;border-width:1px;}
		aside fieldset {width:260px;position:relative;
			background-image:-moz-radial-gradient(#2a2a2b, grey);
	background-image:-webkit-radial-gradient(#2a2a2b, grey);
	background-image:-o-radial-gradient(#2a2a2b, grey);
	background-image:radial-gradient(#2a2a2b, grey);
		color:white;border-color:#e0e0e0;border-width:1px;border-radius:10px;}
			aside fieldset h3 {color:white;width:250px;border-bottom:solid;border-width:1px;border-color:grey;text-align:center;}
			aside fieldset h3 strong {color:orange;}
		aside legend {color:#CECECE;font-weight:bold;text-align:right;} 
			aside legend strong {color:orange;}
aside fieldset form inpunt {vertical-align:justify;} aside fieldset form  {vertical-align:justify;height:40px;
}
			
#lesliens {width:215px;height:px;} 
		#lesliens li {color:grey;line-height:20px;} 
			#lesliens li strong{color:orange;}
		#lesliens a {color:grey;text-decoration:none;} 
		#lesliens a:hover {font-weight:bold;color:white;border-bottom:solid;border-color:blue;border-width:1px;}
 			
#lesliens2 {width:255px;height:px;} 
		#lesliens2 li {color:grey;line-height:6px;} 
			#lesliens2 li strong{color:orange;}
		#lesliens2 a {color:white;text-decoration:none;} 
		#lesliens2 em {color:grey;text-decoration:none;}
		#lesliens2 a:hover {font-weight:bold;color:white;border-bottom:solid;border-color:blue;border-width:1px;}
	

		
#titre {width:100%;height:50px;border-bottom:solid;border-color:blue;border-width:1px;
background-image:-moz-linear-gradient(white, #dadadb);
background-image:-webkit-linear-gradient(white, #dadadb);
background-image:-o-linear-gradient(white, #dadadb);
background-image:linear-gradient(white, #dadadb);}			
	#titre h2{color:grey;width:80%;margin-left:;font-size:2em;margin-top:6px;text-align:left;font-family:Letter Gothic Std, Geneva, Arial;} 
	#titre strong {color:blue;} 		
		
#titre a {color:#CECECE;text-decoration:none;}				
	#titre a:hover{text-decoration:none;color:white;}

 
	
#miniature_tube {width:100%;min-height:660px;}
#miniature_tube table {display:inline-block;}
	#miniature_tube table  td{width:215px; text-align:center;height:px;}
	#miniature_tube table  tr{height:45px;}
	#miniature_tube p {color:grey; font-weight:italic;margin-top:-5px;}
#miniature_tube a {color:grey; text-decoration:none;}
	#miniature_tube a:hover{border-bottom:solid;border-color:orange;border-width:1px;}
	

#miniature_grosse {width:100%;height:660px;text-align:center;}	

#miniature_grosse iframe {width:88%;height:540px;margin:auto;}
 

@media(min-width: 980px) and (max-width: 1920px)

{

 

section{   width :100% ;  padding :0px ;}

 


article{width :65% ;  }

aside{width :34% ; }

 #slideref {width:90%;border-radius:5px;margin:auto;}

 
}


@media(min-width: 768px) and (max-width: 979px)

{ 

 

section

{

            width :100% ;

            padding :0px ;

}

#menu {font-size:0.8em;} 



article

{width :90% ;margin:auto;display:block;

            

}
aside

{width :90% ;margin:auto;display:block;}

 
#slideref {width:100%;border-radius:5px;} 
 }

@media(max-width: 767px)

{ 

section{ font-size:0.8em;         width :100% ;        padding :0px ;}
#lesliensfooter {padding-top:3%;}
#menu {font-size:0.8em;} 

article{margin :auto ;width :90% ; float:none; display:block;vertical-align: top; }

aside{   margin :auto ;margin-top :10px; display:block;vertical-align: top;    width :90% ;}

}