.babbibel{ /*background:#CC6699;*/ width:100%; height:30px; background-image:url(images/fond-babbibel.gif)}

#nav{
clear:both;
font-weight:bold;

margin:0; 
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.2em; /*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:1.2em; 
}

#nav a{
display:block;
/*padding:0px 5px;*/
padding:0.5em 1em;
border:1px solid #CC6699;
color:#000;
text-decoration:none;
/*background-color:#CC6699;*/
z-index:9;
}

#nav a:hover{  
background-color:#ffe500;  /*styles des liens actifs*/
color:#000;
}

#nav li{
float:left;
position:relative;
text-transform: uppercase;
font-size:0.95em;

}

#nav ul {
position:absolute;
display:none;
width:16em; /*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:2.3em; /*Position du sous menu par rapport au menu*/
z-index:10;
/*border-left: 1px solid #F2F2F2;
border-top: 1px solid #F2F2F2;*/
line-height:1.2em; /*hauteur des lignes du sous menu*/
}

#nav li ul a{
width:16em; /*doit etre egale au #nav ul {width: }*/
height:auto;
float:left;
background-color: #d47da9; /*Couleur de fond des sous menus*/
text-transform: none;
color:#000; /*couleur de police des sous menus*/

}

#nav ul ul{
top:auto;
line-height:1.2em; /*hauteur des lignes du sous sous menu*/
}	

#nav li ul ul {
left:16em; /*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;
}