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 {position:relative;width:66%;height:;background-color:white;display:inline-block;}
 
#titre {width:100%px;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 h1 {width:100%;font-size:2em;
color:grey;font-family:Letter Gothic Std, Geneva, Arial;}
#titre em {color:orange;font-weight:bold;}
 
 
 aside{position:relative;width:32%;height:;background-color:;display:inline-block;vertical-align: top;
 padding-left:10px;background-image:linear-gradient(.25turn, #dadadb, 5%, white)   ;border-left:solid;border-color:#dadadb;border-width:1px;}
 
 #recherche {width:100%;height:100px;margin:auto;
}
 
 #recherche h3 {color:grey;font-family:Letter Gothic Std, Geneva, Arial;font-size:1.6em;}
 
 #recherche table {width:100%;}
#recherche table td{color:grey;width:; font-weight:bold;} #recherche select {width:80%;} 
#recherche input {float: right;}
 

 
 
 input {cursor:pointer;color:white;border-radius:5px;} input:hover {border-color:orange;color:white;font-weight:bold;}

table.parsite  #nomsite a{color:white;font-weight:bold;} table.parqualif  #qualif {color:white;font-weight:bold;} table.partype  #type {color:white;font-weight:bold;}
#annonce table td{ 
border-bottom:solid;border-color:black;border-width:1px;color:#CECECE;font-size:1em; } #annonce table th{color:white; width:px; }
#annonce {position:relative;margin-left:5px;overflow: scroll;height:660px;width:100%;margin-top:30px;} 
 
#annonce 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);}
 
 
 
 
 #annonce table {border-collapse:collapse;}
#annonce table a {text-decoration:none;color:#CECECE;} #annonce table a:hover {color:orange;}
 
#comm a {color:grey;} #comm a:hover {color:orange;} #site a {color:black;text-decoration:;text-transform:capitalize;font-weight:bold;} #site a:hover {color:orange;text-decoration:underline;}
 #comm em {color:orange;}

#nomsite {width:180px;font-weight:bold;} #qualif {width:115px;text-align:center;color:blue;} #type{width:125px;text-align:center;color:blue;} #prof {width:120px;text-align:center;color:blue;} #comm {width:210px;}












                 
#recherche inpunt:hover{cursor:pointer;color:white;font-weight:bold;border-color:orange;}


 

#EmplacementDeMaCarte { width:100%; height:400px;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;}
#EmplacementDeMaCarte h3 {color:grey;}
#bulle {min-height:200px;}  #bulle p em {color:grey;}


#diapo {width:90%;position:relative;margin:auto;margin-top:px;}




#carre {width:10%;height:70px;
background-image:-moz-radial-gradient(#5b5a59, black);
background-image:-webkit-radial-gradient(#5b5a59, black);
background-image:-o-radial-gradient(#5b5a59, black);
background-image:radial-gradient(#5b5a59, black);
color:white;font-size:0.6em;text-align:center;float:right;margin-top:-20px;border-radius:5px;vertical-align:middle;
border:solid;border-color:grey;border-width:1px;}
#carre1{width:10%;height:70px;
background-image:-moz-radial-gradient(blue, black);
background-image:-webkit-radial-gradient(blue, black);
background-image:-o-radial-gradient(blue, black);
background-image:radial-gradient(blue, black);
color:white;font-size:0.6em;text-align:center;vertical-align:middle;float:right;margin-top:-20px;border-radius:5px;
border:solid;border-color:grey;border-width:1px;}
#carre2{width:10%;height:70px;
background-image:-moz-radial-gradient(#b806ec, black);
background-image:-webkit-radial-gradient(#b806ec, black);
background-image:-o-radial-gradient(#b806ec, black);
background-image:radial-gradient(#b806ec, black);
color:white;font-size:0.6em;text-align:center;vertical-align:middle;float:right;margin-top:-20px;border-radius:5px;
border:solid;border-color:grey;border-width:1px;}
#carre4{width:10%;height:70px;
background-image:-moz-radial-gradient(#e5e80f, black);
background-image:-webkit-radial-gradient(#e5e80f, black);
background-image:-o-radial-gradient(#e5e80f, black);
background-image:radial-gradient(#e5e80f, black);
color:white;font-size:0.6em;text-align:center;vertical-align:middle;float:right;margin-top:-20px;border-radius:5px;
border:solid;border-color:grey;border-width:1px;}
#carre6{width:10%;height:70px;
background-image:-moz-radial-gradient(#ff950c, black);
background-image:-webkit-radial-gradient(#ff950c, black);
background-image:-o-radial-gradient(#ff950c, black);
background-image:radial-gradient(#ff950c, black);
color:white;font-size:0.6em;text-align:center;vertical-align:middle;float:right;margin-top:-20px;border-radius:5px;
border:solid;border-color:grey;border-width:1px;}

#carre b {font-size:0.8em;} #carre1 b {font-size:0.8em;} #carre2 b {font-size:0.8em;} #carre4 b {font-size:0.8em;} #carre6 b {font-size:0.8em;}


#alldiv {width:100px;height:38px;background-image:url("../outils/alldiver.png");float:right;} #alldiv:hover {background-image:url("../outils/alldiverhover.png");}
#imgall {float:right;}









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

{

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

 



 
}



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

{ 

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

#menu {font-size:0.8em;} 
#titre h1 {font-size:200%}
article{width :90% ;margin:auto;display:block; }

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

}
@media(max-width: 768px)

{ 

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

#menu {font-size:0.8em;} 
#titre h1 {font-size:200%}
article{width :90% ;margin:auto;display:block;  }

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

}