/*** MENU HAUT 
* ul #menuhaut
***/

#menuhaut {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 900px;
 list-style: none;
}

#menuhaut ul {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
}

#menuhaut li {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 line-height: 30px;
}

/*** premier niveau ***/
#menuhaut a {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
 color: #fff;
 line-height: 30px;

}
#menuhaut li a:hover {
 background: #999;
 color: #fff;
}
#menuhaut li a.actif { color: #900;}

#menuhaut li#menuAccueil {width: 140px;}
#menuhaut li#menuSociete {width: 150px;}
#menuhaut li#menuAppareils {width: 150px;}
#menuhaut li#menuServices {width: 150px;}
#menuhaut li#menuCotations {width: 140px;}
#menuhaut li#menuContact {width: 120px;}
#menuhaut li#menuLangue {padding-top: 5px; width: 40px;}

/*** position et largueur des sous-menus ***/
#menuhaut li ul {
 display: none;
 position: absolute;
 width: 150px;
 background: #69c;
 text-align: left;
}

#menuhaut img {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuhaut li ul li a { padding: 0 10px; width: 130px;}
#menuhaut li ul li a:hover {
 background: #999;
}

#menuhaut li ul#smenuAccueil { left: 0;}
#menuhaut li:hover ul#smenuAccueil { display: block;}

#menuhaut li ul#smenuSociete { left: 160px; top: 30px; width: 250px;}
#menuhaut li ul#smenuSociete li a { padding: 0 10px; width: 230px;}
#menuhaut li:hover ul#smenuSociete { display: block;}

#menuhaut li ul#smenuAppareils { left: 310px; top: 30px; width: 200px;}
#menuhaut li ul#smenuAppareils li a { padding: 0 10px; width: 180px;}
#menuhaut li:hover ul#smenuAppareils { display: block;}

#menuhaut li ul#smenuServices { left: 460px;}
#menuhaut li:hover ul#smenuServices { display: block;}

#menuhaut li ul#smenuCotations { left: 620px;}
#menuhaut li:hover ul#smenuCotations { display: block;}

#menuhaut li ul#smenuContact { left: 770px;}
#menuhaut li:hover ul#smenuContact { display: block;}