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;}

article { width:64%; height:;display:inline-block;}



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

#lesinputs {width:100%;height:50px; margin-left:px} 
#lesinputs input {border-radius:5px;color:white;border-color:grey;vertical-align:middle;float:right;margin-top:-90px;}  #lesinputs input:hover {border-color:orange;cursor:pointer;}

#lesinputs h2{width:80%;color:grey;font-family:Letter Gothic Std, Geneva, Arial;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);}
#lesinputs h2 strong {color:blue;}


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

#blockmoteur1 {width :100%;border:none;margin:auto;
}

#blockmoteur1 p {color:grey;padding-left:40px;font-weight:bold;font-size:0.9em;} #moteur p em{color:grey;font-size:1.2em;font-weight:normal;}
#blockmoteur1 form p {color:orange;font-weight:bold;font-size:0.9em;}
#blockmoteur1 table td {font-size:0.9em;color:blue;} #moteur table {margin-top:-10px;}

#blockmoteur1 h4{width:98%;height:40px;font-family:Letter Gothic Std, Geneva, Arial;font-size:1.6em;vertical-align: middle;
color:grey;}
#blockmoteur1 h4 em {color:#141d2f;font-size:0.8em;}
#blockmoteur1 h4 strong {color:red;}
#blockmoteur1 h2 {color:grey;border-bottom:solid;border-color:blue;border-width:1px;width:100%;text-align:center;font-family:Letter Gothic Std, Geneva, Arial;}
#blockmoteur1 h2 strong {color:orange;}




#EmplacementDeMaCarte, #EmplacementDeMaCarte2 {width:100%;height:550px;text-align:center;}
#bulle h2 {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);
font-family:Letter Gothic Std, Geneva, Arial;
 width:100%;color:#141d2f;text-transform:capitalize;border-bottom:solid;border-color:orange;border-width:1px;} 
#bulle a {color:blue;text-decoration:underline;} #bulle a:hover{color:orange;text-decoration:underline;} 
#bulle {min-height:200px;}  #bulle p em {color:grey;}







#votreliste {position:relative; color:#CECECE;overflow:scroll; width:100%;height:580px;font-size:1em;margin-top:20px;
background-color:black;}
#votreliste table tr {background-image:-moz-radial-gradient(#2a2a2b, black);
	background-image:-webkit-radial-gradient(#2a2a2b, black);
	background-image:-o-radial-gradient(#2a2a2b, black);
	background-image:radial-gradient(#2a2a2b, black);} #votreliste table {border-collapse:collapse;}

#zone {text-align:center;width:60px;} #site {text-align:left;width:210px;text-transform:capitalize;font-weight:bold;} #site a {color:white;text-decoration:none;font-weight:bold;padding-left:12px;} 
#site a:hover {color:orange;} #depart {text-align:center;width:140px;} #qualif {width:60px;text-align:center;}
#ouvre {width:140px;text-align:center;color:#CECECE;} #ouvre em {color:orange;}
#ouvre a {color:#CECECE;text-decoration:none;} #ouvre a:hover{font-weight:bold;color:orange;}
a.info span{display: none;}
a.info{text-decoration:none;position: relative; border-bottom:none;}
a.info:hover span {display:block;position:absolute;z-index: 3;top: px;left: px;}



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

{

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

 
article{width :64% ;display:inline-block; }


aside{width :35% ; display:inline-block;vertical-align: top;}

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

}


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

{ 
section

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



article

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

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

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

@media(max-width: 768px)

{ 
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;} 

}