
#nav-container{
	font-size:76%;
	}  
	
#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background-color: #f6453c; /*#daff66;*/	

/* ajout pour essai de personnalisation des menus */
	/* background-image:url(fond.jpg);	 */
	/* background-repeat;*//*: repeat-x;	*/
/* fin d'ajout pour essai de personnalisation des menus*/
	font-weight: bold;
	padding: 0;
/* ajout pour couleur des bordures des cadres en rouge */
	border: solid #f6453c; /*#eda; */  
/* fin d'ajout pour couleur des bordures des cadres*/
	border-width:0.15em 0em 0em 0em;
	margin: 0 0 1em 0;
	text-align:left;
}	

a.intitule {color: #ebf6f2;
} 
a:hover.intitule{color: #f6453c;}

#nav a {
	display: block;
	width: 125px;/*10em*/
	text-decoration: none;
	/*padding: 0.25em 2em;*/
	transition:0.3s;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 125px; /*10em*/

}
/* menu de niveau 1*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;/*14.4em*/
	font-weight: normal;
	margin: 0;	
	/* ajout pour essai de personnalisation des menus de niveau 1*/
	border: solid #f6453c;  /* #7d6340; */ 
	border-width: 1px ;
	background: #F7B008;/*fbf2b8*/
	/*background-image:url(bordrose.jpg);
	background-position: right;
	background-repeat: repeat-y;*/
	/*background-repeat;   */
	/* fin d'ajout pour essai de personnalisation des menus de niveau 1*/
}

#nav li ul a {
	display: block;
	width: 250px;/*10em*/
	color: black ;
	text-decoration: none;
	padding: 0px -10px 0px 0px;
	margin: 5px -10px 5px 5px;
	transition:0.3s;
	
	}

#nav li li {
	padding-right: 0px;/*1em*/
	width: 250px;/*13em*/
}

#nav li ul a {
	width: 250px;/*13em*/
	/*width: 9em;*/
}

#nav li ul ul {
	margin: -1.75em 0 0 250px;/*14em*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
{
	left: -999em; 
}


#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul
{
	left: auto;
}

#nav li.sfhover ul{
	left:auto;
}
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul,
{
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;  
	
}

