/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
	width: 875px;/*966px;*/
	height: 35px;
	margin: 0px;
	padding: 0px 0px 0px 121px;
	background: transparent url(../images/menu_site.jpg) no-repeat;
	font-size:0.8em;
	text-align:center;
}
#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li a{
	display: block;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#menu ul li strong{
display: none;
}
li#menu_01 a { width: 151px; }
li#menu_02 a { width: 151px; }
li#menu_03 a { width: 151px; }
li#menu_04 a { width: 151px; }
li#menu_05 a { width: 151px; }
li#menu_01 a:hover { background: transparent url(../images/menu_site-on.jpg) -121px 0px no-repeat; }
li#menu_02 a:hover { background: transparent url(../images/menu_site-on.jpg) -272px 0px no-repeat; }
li#menu_03 a:hover { background: transparent url(../images/menu_site-on.jpg) -423px 0px no-repeat; }
li#menu_04 a:hover { background: transparent url(../images/menu_site-on.jpg) -574px 0px no-repeat; }
li#menu_05 a:hover { background: transparent url(../images/menu_site-on.jpg) -725px 0px no-repeat; }

/*----------------------------------------------------------------------*/
/* fin - gestion du menu général */
/*----------------------------------------------------------------------*/

#smenu li ul {
	/* listes du deuxième niveau */
	position: absolute;
	width: 148px;/*150px;*/
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	z-index: 99;
}
/*-------*/
#smenu li ul li {
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #FCD7A3;
	border: 1px solid #D07637;
}
#smenu li ul li a { /* liens du deuxième niveau */
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding: 2px 5px;
	text-decoration: none;
	color: #2b2b2b;
}
#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
	color: #FCD7A3;
	background: #D07637;
}
/*-------*/

/*smenu bleu
-----------------------------------------*/
#smenu li#menu_01 ul li {
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #99CDFF;
	border: 1px solid #336799;
}
#smenu li#menu_01 ul li a { /* liens du deuxième niveau */
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding: 2px 5px;
	text-decoration: none;
	color: #04284A;
}
#smenu li#menu_01 ul li a:hover { /* liens survolés du deuxième niveau */
	color: #99CDFF;
	background: #336799;
}
/*smenu bleu
-----------------------------------------*/

/*smenu rose
-----------------------------------------*/
#smenu li#menu_02 ul li {
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #FECCFF;
	border: 1px solid #CB3366;
}
#smenu li#menu_02 ul li a { /* liens du deuxième niveau */
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding: 2px 5px;
	text-decoration: none;
	color: #870136;
}
#smenu li#menu_02 ul li a:hover { /* liens survolés du deuxième niveau */
	color: #FECCFF;
	background: #CB3366;
}
/*smenu rose
-----------------------------------------*/

/*smenu vert
-----------------------------------------*/
#smenu li#menu_03 ul li {
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #D1FDD9;
	border: 1px solid #016600;
}
#smenu li#menu_03 ul li a { /* liens du deuxième niveau */
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding: 2px 5px;
	text-decoration: none;
	color: #0B3609;
}
#smenu li#menu_03 ul li a:hover { /* liens survolés du deuxième niveau */
	color: #D1FDD9;
	background: #016600;
}
/*smenu vert
-----------------------------------------*/

/*smenu violet
-----------------------------------------*/
#smenu li#menu_04 ul li {
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #CCCEFF;
	border: 1px solid #66339A;
}
#smenu li#menu_04 ul li a { /* liens du deuxième niveau */
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding: 2px 5px;
	text-decoration: none;
	color: #27124B;
}
#smenu li#menu_04 ul li a:hover { /* liens survolés du deuxième niveau */
	color: #CCCEFF;
	background: #66339A;
}
/*smenu violet
-----------------------------------------*/

/*smenu orange
-----------------------------------------*/
#smenu li#menu_05 ul li {
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #FFCC9A;
	border: 1px solid #FE6601;
}
#smenu li#menu_05 ul li a { /* liens du deuxième niveau */
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding: 2px 5px;
	text-decoration: none;
	color: #8F3A00;
}
#smenu li#menu_05 ul li a:hover { /* liens survolés du deuxième niveau */
	color: #FFCC9A;
	background: #FE6601;
}
/*smenu orange
-----------------------------------------*/

#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}