.nav{
	position:absolute;
	top:10em; 
	
margin:0 10%; 
width:80%;
padding:0;
list-style-type:none;
list-style-position:outside;
line-height:4em; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu .nav ul{top: */
z-index:1000;   
background-color: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 10px 0 #666666;
box-shadow: 0 0 10px 0 #666666;
font-size:small;}

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

.babbin{color:#000; background-color:#FFF;} /*Element expose*/
.babbout{font-style:normal; color:#444;} /*Element non expose*/

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

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

.nav a:active{}
.nav a{
display:block;
padding:0px 20px;
margin:0 10px 0 0;
text-decoration:none;
z-index:9;
font-size: 13px;
text-transform:uppercase;
}

.nav span{ 
display:block;
padding:0px 5px;
border:1px solid #032967;

text-decoration:none;
background-color:#032967;
z-index:9;
}


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

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

}

.nav ul {
position:absolute;
display:none;
width:19em; 			/*Largeur du sous menu; pensez a modifier le .nav li ul a {width: } et .nav li ul ul {left: } */
top:4em; 				/*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*/
border-left: 2px solid #fff;
border-top: 0px solid #fff;
line-height:1.85em; 	/*hauteur des lignes du sous menu*/
}

.nav li ul a{
position:relative;
width:19em; /*doit etre egale au .nav ul {width: }*/
height:auto;
float:left;
background-color: rgba(16, 39, 72, 0.8); /*Couleur de fond des sous menus*/
color:#fff; 			/*couleur de police des sous menus*/
-webkit-box-shadow: 0 0 2px 0 #000;
box-shadow: 0 0 2px 0 #000;} 

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