.nav{
margin:0; 
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2.3em; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu .nav ul{top: */
}


/**********Pour ne pas exposer l'element en cours supprimer les lignes suivantes*************/

.babbin{font-style:italic} /*Element expose*/
.babbout{font-style:normal} /*Element non expose*/

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

.accueil{
display:black;
padding:4px 4px;
border:0.5px solid #000000;
border-top-left-radius: 10px;
color:#ffffff;
text-decoration:none;
background-color:#000000;  /*Fond Menu*/
z-index:1;
font-size: 12px;
}


.nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2em; 
}


.nav a{
display:black;
padding:5px 5px 0px 2px;
color:#ffffff;
font-family: "Arial;
font-weight: bold;
font-size: 13px;
text-decoration:none;
background-color:#000;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-right: 2px solid #fff;
z-index:1;
}


.nav a:hover{  
background-color:#fff;  /*styles des liens actifs*/
color:#000;
border:2px solid #000;
}


.nav li{
float:left;
position:relative;
}


.nav ul {
position:absolute;
font-size: 13px;
display:none;
width:16em; 			/*Largeur du sous menu; pensez a modifier le .navar li ul a {width: } et .navar li ul ul {left: } */
top:2.3em; 				/*Position du sous menu par rapport au menu*/
z-index:1;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
border-left: 0px solid #000;
border: 1px solid #fff;
text-align:left;
line-height:1.2em; 	/*hauteur des lignes du sous menu*/
}


.nav li ul a{
position:relative;
left:em; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au .navar ul {width:   */
width:16em; /*doit etre egale au .navar ul {width: }*/
height:auto;
float:left;
background-color: #000; /*Couleur de fond des sous menus*/
color:#ffffff; 			/*couleur de police des sous menus*/
text-decoration:none;
text-align:left;
border-left: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}


.nav ul ul{
top:auto;
line-height:1.5em; 	/*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:15em; /*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;
}