/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
	float:left;
	display:block;
	width:160px;
	height:280px;
	margin:0px;
	padding:25px 0 0 0;
	background: #FFF url(../images/menu.jpg) top left no-repeat;
}
#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:28px;
	margin: 0px;
	padding: 0px;
}
#menu ul li strong{
	display: none;
}


li#menu_01 a { width: 158px; }
li#menu_02 a { width: 158px; }
li#menu_03 a { width: 158px; }
li#menu_04 a { width: 158px; }
li#menu_05 a { width: 158px; }
li#menu_06 a { width: 158px; }
li#menu_07 a { width: 158px; }
li#menu_08 a { width: 158px; }
li#menu_01 a:hover { background: transparent url(../images/menu-on.jpg) -0px -24px no-repeat; }
li#menu_02 a:hover { background: transparent url(../images/menu-on.jpg) 0 -55px no-repeat; }
li#menu_03 a:hover { background: transparent url(../images/menu-on.jpg) 0 -83px no-repeat; }
li#menu_04 a:hover { background: transparent url(../images/menu-on.jpg) 0 -111px no-repeat; }
li#menu_05 a:hover { background: transparent url(../images/menu-on.jpg) 0 -139px no-repeat; }
li#menu_06 a:hover { background: transparent url(../images/menu-on.jpg) 0 -167px no-repeat; }
li#menu_07 a:hover { background: transparent url(../images/menu-on.jpg) 0 -195px no-repeat; }

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

#smenu1 {
	width:170px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
}

#smenu2 {
	width:140px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;	
}
#smenu3 {
	width:120px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
}

#smenu4 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

#smenu5 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

#smenu6 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

#smenu7 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}


#smenu ul {
	margin:0px;
	padding:0px;
}

#smenu li ul {
	/* listes du deuxième niveau */
	position: absolute;
	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;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:0px;
}
#smenu li ul li {
	/*float:left;*/
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #FFF;
	margin:0px;
	padding:0px;
}
#smenu li ul li a { /* liens du deuxième niveau */
	/*float:left;*/
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding:2px 1px;
	margin:0 0 2px 0;
	text-decoration: none;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
	color: #000;
	background: #E5E5E5;
}
#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}