/****************************/
/* 	début menu	déroulant	*/
/****************************/
ul, li {
list-style-type:none;
}
 
/*chaque sous-menu*/
#menu ul li {
text-align: center;
position:relative;
float:left;
cursor:pointer;
display:block;
height:17px;
}
#menu ul li a {
font-weight:bold;
padding:5px;
color:#ffffff;
}
#menu ul li a:hover {
font-weight:bold;
color:#FF0000;
}
#menu ul li a:visited {
font-weight:bold;
}
 
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul {
display:none;
position:absolute;
width:125px; 
border-top:none;
top:22px;
margin-top:-5px;
_margin-top:-6px;
left:0;
}
 
#menu ul li ul li {
height:100%;
padding:0;
border:1px solid #000000;
width:165px;
margin-left:-40px;
}
 
#menu ul li ul li a {
background-color:#3e3c3f;
text-align:left;
/*padding-left: 15px;*/
color:#ffffff;
font-size:11px;
font-weight:bold;
display:block;
height:100%;
/* border-top:1px solid #dddddd; */
}
 
au passage de la souris on inverse les couleurs de la case
#menu ul li ul li a:hover {
color:#ff0000;
font-weight:bold;
}
 
/*décalage des sous-menu niveau 2 vers la droite*/
#menu ul li ul li ul {
top:2px;
left:164px;
}
 
/*décalage du sous-menu niveau 2 le plus ŕ droite vers la gauche*/
#menu ul li ul li ul.dernier {
top:2px;
left:-164px;
}