body {background-image: url("../images/granit_vert_fonce.jpg");  margin: 0 px; padding: 0px;font-family: 'Trebuchet MS', times,verdana;  }
			 
#haut { margin-top: 00px;  width: 100%; height: 60px;          }
h1  {font-size: 28px;  color: rgb(200,255,80);margin-top: 15px;padding-left : 380px;}
h2  {font-size: 22px;  color: rgb(200,255,80);margin-top: -5px;padding-left : 200px;}		 

h3 {font-size: 16px;  color: rgb(200,50,0);margin-left: -110px; }
h4 {font-size: 14px;  color: rgb(0,0,0); margin-top: -35px ; } 

/*menu */
dl, dt, dd, ul, li { margin: 0; padding : 0; list-style-type: none;}
#menu  { position:absolue; width: 1050px; height:18px;  margin-left: 100px;  top:0; left:0; z-index:100; }

 
#menu dl {float: left; width: 110px; }
#menu dt { cursor: pointer; text-align: gauche; font-weight: bold; font-size: 18px; color: rgb(200,255,80);border:1px solid red; margin : 0px;  }
#menu dd {display: none; border:0px solid gray; position:absolute;z-index : 120;background-color: rgb(200,0,230);}
#menu li  {text-align: gauche; background : #fff; }
 #menu li  a  {color:#000; text-decoration: none;display: block; width:210px; height: 20px;  background-color: rgb(230,255,230);  border: 1px solid red ; padding-left :6px;        }
#menu dt a   {color:rgb(255,255,255); text-decoration: none;display: block;  }
#menu li a:hover , #menu li a:focus  ,#menu dt a:hover,#menu dt a:focus   {background-color: rgb(100,255,100) ; color:rgb(0,0,0); font-weight: bold;  }
/*fin de menu */
 
p {font-size: 18px; color: rgb(0,0,0); padding: 20px;           }
  
#gauche {width: 110px; font-size: 16px; float: left; padding-left:20px              }
#droite {width:1000px;  background: rgb(255,255,235);   margin-top:10px; margin-left:110px;   border: 2px solid black;}
#gauche_bas{ width:110px;   font-size: 16px; float: left;   }
#droite_bas{width:615px;  background: rgb(255,255,255); padding-left: 115px;
  margin-top:0px;    border: 0px solid black;}
 



.essai_1 {width: 1010px;height: 160px;background : #fff;color:rgb(0,0,0);margin-left: 110px; padding-left :60px;
 border:2px solid red}
.droite_menu {padding-left: 200px; }
 
/*menu */
dl, dt, dd, ul, li { margin: 0; padding : 0; list-style-type: none;}
#menu_essai  { position:absolue; width: 1050px; height:18px;  margin-left: 100px;  top:0; left:0; z-index:100; }

 
#menu_essai dl {float: left; width: 110px; }
#menu_essai dt { cursor: pointer; text-align: gauche; font-weight: bold; font-size: 18px; color: rgb(200,255,80);border:1px solid red; margin : 0px;  }
#menu_essai dd {display: none; border:0px solid gray; position:absolute;z-index : 120;background-color: rgb(200,0,230);}
#menu_essai li  {text-align: gauche; background : #fff; }
 #menu_essai li  a  {color:#000; text-decoration: none;display: block; width:210px; height: 20px;  background-color: rgb(230,255,230);  border: 1px solid red ; padding-left :6px;        }
#menu-essai dt a   {color:rgb(255,255,255); text-decoration: none;display: block;  }
#menu_essai li a:hover , #menu_essai li a:focus  ,#menu_essai dt a:hover,#menu_essai dt a:focus   {background-color: rgb(100,255,100) ; color:rgb(0,0,0); font-weight: bold;  }
/*fin de menu */




 
.separ    {clear: both; margin-top: 00px;  width: 96%; height:60px;                padding-left: 00px;  }

.texte
{ font-size: 20px;color: rgb(200,0,0);}
  
img {margin-top: 20px; margin-left: 20px; width: 720px; }