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

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

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



aside {width:67%;display:inline-block;}
aside h2 {color:grey;font-size:2.0em;border-bottom:solid;border-width:1px;border-color:blue;width:90%;font-family:Letter Gothic Std, Geneva, Arial;
 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);}	

article {background-image:linear-gradient(.25turn, #dadadb, 5%, white)   ;border-left:solid;border-color:#dadadb;border-width:1px;width:32%;display:inline-block;vertical-align:top;}



#EmplacementDeMaCarte {text-align:center;display:inline-block;} 
#carte_ident h2 {width:100%;color:#141d2f;text-transform:capitalize;border-bottom:solid;border-color:orange;border-width:1px;} 
#carte_ident em {color:black;} #carte_ident p {color:grey;}  
 #carte_ident {}


#ident {width:55%;text-align:left;display:inline-block;vertical-align:top;padding-left:1%;}		
#ident p {font-family:Letter Gothic Std, Geneva, Arial;color:grey;font-size:;line-height:;text-align:left;}	
#ident em {color:#141d2f;font-weight:normal;}

#niveau {background-image:-moz-radial-gradient(blue, white);
background-image:-webkit-radial-gradient(blue, white);
background-image:-o-radial-gradient(blue, white);
background-image:radial-gradient(blue, white);
width:28%;float:right;font-family:Letter Gothic Std, Geneva, Arial;
vertical-align:middle;}
#niveau h1 {color:#dcdcde;font-size:1.4em;font-weight:bold;padding-top:px;text-align:center;vertical-align:middle;}
#niveau  strong{color:blue;}

#niveau1 {background-image:-moz-radial-gradient(#b806ec, white);
background-image:-webkit-radial-gradient(#b806ec, white);
background-image:-o-radial-gradient(#b806ec, white);
background-image:radial-gradient(#b806ec, white);
width:28%;float:right;font-family:Letter Gothic Std, Geneva, Arial;
vertical-align:middle;}
#niveau1 h1 {color:#141d2f;font-size:1.4em;font-weight:bold;padding-top:px;text-align:center;vertical-align:middle;}
#niveau1  strong{color:blue;}

#niveau2 {background-image:-moz-radial-gradient(#e5e80f, white);
background-image:-webkit-radial-gradient(#e5e80f, white);
background-image:-o-radial-gradient(#e5e80f, white);
background-image:radial-gradient(#e5e80f, white);width:28%;float:right;font-family:Letter Gothic Std, Geneva, Arial;
vertical-align:middle;}
#niveau2 h1 {color#141d2f;font-size:1.4em;font-weight:bold;padding-top:px;text-align:center;vertical-align:middle;}
#niveau2  strong{color:blue;}

#niveau3 {background-image:-moz-radial-gradient(#ff950c,white);
background-image:-webkit-radial-gradient(#ff950c, white);
background-image:-o-radial-gradient(#ff950c, white);
background-image:radial-gradient(#ff950c, white);width:28%;float:right;font-family:Letter Gothic Std, Geneva, Arial;
vertical-align:middle;}
#niveau3 h1 {color:#141d2f;font-size:1.4em;font-weight:bold;padding-top:px;text-align:center;vertical-align:middle;}
#niveau3  strong{color:blue;}










#blockdetail {width:100%;}

#detail {width:100%;}
#detail fieldset {height:justify;border:none;
background-image:-moz-radial-gradient(white, #dadadb);
	background-image:-webkit-radial-gradient(white, #dadadb);
	background-image:-o-radial-gradient(white, #dadadb);
	background-image:radial-gradient(white, #dadadb);}	
#detail p {color:#141d2f;}
#detail legend {font-size:1.4em;color:grey;font-weight:bold;font-family:Letter Gothic Std, Geneva, Arial;} #detail legend strong{color:orange;}

article h3 {color:grey;font-family:Letter Gothic Std, Geneva, Arial;font-size:1.6em;}

#video {text-align:center;}
  #video a {color:#141d2f;font-weight:bold; text-decoration:underline;}  
#video em {color:grey; } #video a:hover {text-decoration:none;border-bottom:solid;border-color:orange;border-width:1px;} 

#slideref {width:100%;margin:auto;}



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

{

section { width :100% ; padding :0px ;}
aside{width :67% ; }
article {width :32% ;}

}


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

{ 

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



aside {width :90% ;margin:auto; display:block; }
article {width :60% ; margin:auto;display:block;}
}
@media(max-width: 768px)

{ 
section{ width :100% ; padding :0px ;font-size:0.8em;}

#menu {font-size:0.8em;} 

aside {width :90% ;margin:auto;  display:block;}
article {width :60% ;margin:auto;display:block;}
}