/******************************************************************************/
/****************************   menus déroulants   ****************************/
/******************************************************************************/

#menuH {
   margin-top: -51px;
   padding: 0;
   list-style-type: none;
   z-index: 100;
   text-align: center;
}
#menuH li {
   display: inline-block;
   margin: 0 3px 0px 0px;
}
#menuH li a {
   display: block;
   margin: 0;
   padding: 10px 5px;
   font-weight : normal;
   font-size : 15px;
   text-decoration : none;
   background: #FFFFFF;
   color: #333333;
   border-bottom: 2px solid #8D8D8D; 
}
#menuH>li>a {
   font-weight: bold;
   font-size: 1.25em;
   letter-spacing: 0.2em;
   color: #555555;
}
#menuH li.accueil a {
   background: transparent;
}
#menuH li.menuSelect a {
   border-bottom-color: #FFFFFF; 
}
#menuH li a:hover {
   text-decoration : underline;
}
#menuH .conteneurSousMenu {
   display: none;
   position: absolute;
   left: 0px;
   background: transparent;
/*
   padding-top: 20px;
   top: -20px;
*/
}
#menuH .conteneurSousMenu {
   padding-top: 10px;
}
#menuH .sousMenu, #menuH .sousMenu .sousSousMenu {
   display: block;
   width: 730px;
   list-style-type: none;
   padding : 4px 25px;
   background: rgba(0,0,0,0.5);
}
#menuH .sousMenu li, #menuH .sousMenu .sousSousMenu li {
   display: inline-block;
   margin: 0;
   padding: 0;
}
#menuH .sousMenu li a, #menuH .sousMenu .sousSousMenu li a {
   display: block;
   font-size : 1.4em;
   padding: 0px 10px;
   border: 0;
   text-decoration: none;
   background: transparent;
   color: white;
   border-right: 1px solid #d97039;
}
#menuH .sousMenu li:last-of-type a{
   border-right: none;
}
#menuH .sousMenu li a:hover, #menuH .sousMenu .sousSousMenu li a:hover {
   text-decoration: none;
}

/*#menuH .sousMenu .sousSousMenu:before  {content: "<div></div>"}*/

/*sous-menus de niveau 2 et plus*/
#menuH .sousMenu .sousSousMenu {
   margin: -24px 0 0 151px;
}
#menuH .sousMenu .sousSousMenu li {
   
}
/*remplace les javascript => ne fonctionne pas sous ie6 et <*/
#menuH li.menuSelect .conteneurSousMenu{display: block;}
#menuH:hover li.menuSelect .conteneurSousMenu {display: none;}
#menuH:hover li.menuSelect:hover .conteneurSousMenu{display: block;}
#menuH li:hover > .conteneurSousMenu { display: block; }
#menuH .conteneurSousMenu li:hover > .sousSousMenu { display: block; }

/******************************************************************************/