/* MENU ------------------------------------------------------------*/
/* PROGRAMMER PAR PATRICK CLAVEAU */
/* ECKINOX MéDIA */

/* =General-----------------------------------------------------------------------------*/
#menu { width: 176px; }
#menu ul { padding: 0; width:176px;  margin:0px; color:#FFF; }
#menu ul li { position:relative; list-style: none; border-bottom:1px #FFF solid; width:176px; line-height:29px; height:29px; }
#menu ul li:hover { font-size:18px; }

#menu li a:hover{ color:#FFF; font-weight:bold; height:29px; overflow:hidden; }
#menu li:hover a{ color:#FFF; font-weight:bold; }
#menu li:hover ul li a{ color:#FFF;  }
#menu li:hover ul li a:hover{ color:#09C;  }
#menu li a { display:block; color:#FFF; padding-left:40px; text-decoration:none; }
#menu ul ul {width:auto; padding: 1px; margin:0; position: absolute; top: 0;  left: 174px; background:#FFF; display:none; } 
#menu ul ul li { background-color:#00718b; text-decoration: none; padding:3px; height:20px; display:block; line-height:20px; font-weight:normal; } 
#menu ul ul li a{ padding-left:0px; }
#menu ul ul li:hover { text-decoration: none;  padding:3px; height:20px; display:block; line-height:20px; }
#menu ul.niveau1 li.sousmenu:hover ul.niveau2{ display:block;}

/*IE6*/
*html #menu ul ul li:hover { text-decoration: none;  height:20px; display:block; line-height:20px;  background:#FFF; }
*html #menu ul ul li{ padding:3px; }
*html #menu ul li a{ height:100%; }
*html #menu ul li.iehack:hover {margin-bottom:-4px;}
*html #menu ul li.iehack:hover ul li {background:#00718b; height:20px; overflow:hidden; border-bottom:1px #fff solid;}
*html #menu ul li.iehack:hover ul li a:hover{ color:#09C; }
*html #menu ul li.iehack:hover ul li a{ padding-left:15px; height:20px; overflow:hidden; }

/*IE7*/
*+html #menu ul li.iehack:hover {margin-bottom:-1px;}
*+html #menu ul li:hover {margin-bottom:3px; padding:0;}

/**+html #menu ul li:hover ul li{ height:20px; overflow:hidden; }
*+html #menu ul li:hover ul li a{ height:20px; overflow:hidden; display:block; }
*+html #menu ul li:hover ul li:hover{ height:20px; overflow:hidden; display:block; }
*+html #menu ul li:hover ul li:hover a{ height:20px; overflow:hidden; display:block; }
*+html #menu ul li:hover ul li:hover a:hover{ height:20px; overflow:hidden; display:block; }*/

*+html #menu ul li.iehack:hover ul li{ height:25px; overflow:hidden; padding:0; margin:0; }
*+html #menu ul li.iehack:hover ul li a{ height:25px; overflow:hidden; display:block; padding:0; margin:0; padding-left:15px; }
*+html #menu ul li.iehack:hover ul li:hover{ height:25px; overflow:hidden; display:block; padding:0; margin:0; }
*+html #menu ul li.iehack:hover ul li:hover a{ height:25px; overflow:hidden; display:block; padding:0; margin:0; padding-left:15px; }
*+html #menu ul li.iehack:hover ul li:hover a:hover{ height:25px; overflow:hidden; display:block; padding:0; margin:0; padding-left:15px; }
/**+html #menu ul ul li { background-color:#00718b; text-decoration: none; padding:auto; height:auto; display:auto; line-height:auto; font-weight:normal; } 
*+html #menu ul ul li a{ padding-left:0px; }*/
/**+html #menu ul ul li{ overflow:hidden; margin:0; height:20px; overflow:hidden; border:1px red solid; padding:0; }
*+html #menu ul ul li a{ height:20px; overflow:hidden; border:1px green solid; }
*+html #menu ul ul li a:hover{ height:20px; overflow:hidden; }
*+html #menu ul ul li:hover a{ height:20px; overflow:hidden; border:1px green solid; }*/