/*--------------------------------------------------- */
/*             MENU DEROULANT                         */
/*--------------------------------------------------- */
/* http://marcarea.com/tuto/menu-deroulant-css/       */
#menuDeroulant{
 width: 950px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 160;
 left: 180;
 z-index:10;
}


#menuDeroulant li{
 width: 100px;
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}


#menuDeroulant .sousMenu{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}


#menuDeroulant .sousMenu li{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width:149px;

border-top: 1px solid transparent;
border-right: 1px solid transparent;

 
}



#menuDeroulant li a:link, #menuDeroulant li a:visited{
 display: block;
 height: 1%; color: #FFF;
 margin: 0;
 /*padding: 4px 8px;*/
/* border-right: 1px solid #fff; */
 text-decoration: none;

}


#menuDeroulant li a:hover { 
 /*background-color: #F2462E;*/

}


#menuDeroulant li a:active {
 /*background-color: #5F879D;*/

}



#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited{
 display: block;
 color:#585757; /*#B27777;*/
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color: #E6E4E4;
 /*background: transparent url("../images/fond-menuderoulant.png") repeat;*/
 width:350px;
 text-align:left;

}


#menuDeroulant .sousMenu li a:hover{
 background-image: none;
 background-color: #E8C8C4;
 color:#F2462E
 width:350px;
 text-align:left;
}



#menuDeroulant li:hover > .sousMenu {
 display: block;
}