div#menu
{
  position:absolute;
	width:100%;
	background-image: url(menu_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
  /*
  border: 1px #6F7A8E solid;
  */
	padding-top:5;	
	padding-left:5;	
	padding-bottom:4;	
}

#nav{
  margin:0; 
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:1.8em; 		/*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.8em; 
}

#nav a{
  display:block;
  padding:0px 5px;
  border-left:0px solid #6F7A8E;
  border-right:1px solid #6F7A8E;
  color:#fff;
  text-decoration:none;
  /*background-color:#333;*/
  z-index:9;
}

#nav a:hover{  
  background-color:#000000;  /*styles des liens actifs*/
  color:#6F7A8E;
}

#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:1.8em; 				/*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: 1px solid #6F7A8E;
  border-top: 1px solid #6F7A8E;
  line-height:1.85em; 	/*hauteur des lignes du sous menu*/
}

#nav li ul a{
  width:19em; /*doit etre egale au #nav ul {width: }*/
  height:auto;
  float:left;
  background-color: #333; /*Couleur de fond des sous menus*/
  color:#6F7A8E; 			/*couleur de police des sous menus*/
}

#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;
}

