nav ul{
  padding:0;
  margin: 0;
  list-style:none;
  text-align: left; 										/*alignement des menus*/
  width: 9em; 												/*largeur des menus*/
  margin-bottom: 80px;										/*le menu ne touche pas le bord inférieur du cadre*/
  font-family: verdana;
  
}

nav ul ul{
  padding: 0 10px 0 5px;									/*marges gauche des sous-menus*/
  margin: 2px 5px 2px 15px;									/*marges autour des sous-menus*/
  list-style:none;
  text-align: left; 										/*alignement des sous menus*/
  border: 1px solid rgba(23, 133, 130, 0.7);				/*epaisseur bordure sous-menus turquoise*/
}

/*------les menus-----*/
nav ul li span,
nav ul li #nav2{
	background-color: #002349; 								/*couleur du fond des boutons du menu*/
   	padding: 0 10px 0 5px;									/*marges autour des menus*/ 
   	margin: 0; 
   	color: #957C3D;											/*couleur du menu (or)*/
   	font-family: verdana;
	font-size:13px; 										/*caracteres des menus*/
	font-weight: bold;										/*font grasse*/
}

nav li li{
   background: #003269; 									/*couleur fond du sous menus*/
   border:none;
   margin: 2px; 											/*marge entre les sous menus*/
}

nav a{
  display:block;
  text-decoration: none;
  padding: 0; 												/*hauteur des sous menus*/
}

nav ul li a{
    color: #957C3D;											/*couleur des sous-menus (or)*/
	}
	
nav ul li{
	padding: 2px;											/*marge verticale des sous-menus*/
	}	
    
nav ul li a, li:hover li a{
	font-size:12px; 										/*caracteres des sous/menus*/
	} 
 
nav li a:hover{						
   background: rgba(23, 133, 130, 1);						/*couleur passage souris menus*/
}

nav ul li #nav2:hover{						
   background: rgba(23, 133, 130, 1);						/*couleur passage souris menus*/
}

/*--------------couleurs des liens-----------------*/
	
    
/* souris sur le lien */
#lateral-volet a:hover {
    color: white;
    }
    
#lateral-volet #nav2:hover {
    color: white;
    } 

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------mobiles portrait--------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

nav ul ul{
  width: 10em; 												/*largeur des menus*/
}

nav ul li span,
nav ul li #nav2 {
	font-size:15px; 										/*caracteres des menus*/
}
	
nav ul li {
	padding: 3px;											/*marge verticale entre les sous-menus*/
	}	
    
nav ul li a, li:hover li a {
	font-size:13px; 										/*caracteres des sous/menus*/
	} 
}

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------mobiles paysage--------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 959px) {

}