#nav{
margin:0; 
padding:0;
width: 1007px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height: 20px; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu #nav ul{top: */
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height: 20px;
}

#nav a{
display:block;
padding: 0;
color:#fff;
text-decoration:none;
background-color:#666;
z-index:9;
text-indent:5px;
}

#nav a:hover{  
background-color:#23b39f;  /*styles des liens actifs*/
color:#333;
}

#nav li{
float:left;
position:relative;
width: 200px;
margin-top:-1px;
margin-right:-1px;
border: 1px solid #FFF;
}

#nav ul {
position:absolute;
display:none;
width: 200px; 			/*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top: 20px; 				/*Position du sous menu par rapport au menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
line-height: 20px; 	/*hauteur des lignes du sous menu*/
margin-top:1px;
}

#nav li ul li{
border: none;
margin:0;
}

#nav li ul a{
width: 200px; /*doit etre egale au #nav ul {width: }*/
height: 20px;
float:left;
background-color: #666; /*Couleur de fond des sous menus*/
color:#fff; 			/*couleur de police des sous menus*/ 
}

#nav ul ul{
top:auto;
line-height: 20px; 	/*hauteur des lignes du sous sous menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}	

#nav li ul ul {
left: 200px; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav ul {width:   */
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#nav a.on { background-color:#23b39f; color:#FFF; font-weight: normal; }
#nav a:hover.on {color:#000;}
#nav li span.on { display:none;  }

#nav li ul {
width: 216px;
height: 200px;
overflow: auto;
}
