/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
	width: 986px;/*990*/
	height: 40px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #fff url(../images/menu.jpg) no-repeat;
}
#menu ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align:center;
}
#menu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li a{
	display: block;
	height: 30px;/*40*/
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
}
#menu ul li a:hover{
	display: block;
	height: 30px;/*40*/
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
}

li#menu_01 a { width: 328px; }
li#menu_02 a { width: 328px; }
li#menu_03 a { width: 330px; }
li#menu_01 a:hover { background: transparent url(../images/menu-on.jpg) 0px 0px no-repeat; }
li#menu_02 a:hover { background: transparent url(../images/menu-on.jpg) -328px 0px no-repeat; }
li#menu_03 a:hover { background: transparent url(../images/menu-on.jpg) -656px 0px no-repeat; }

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

#menu ul li#menu_01 ul.smenu1 li#menu_02 ul.smenu2 li#menu_03 ul.smenu3 {
        width:123px;
}

#smenu1 {
        width:328px;
        text-indent:5px;
        text-align:left;
        margin:0px;
        padding:0px;
        font-size:10px;
}

#smenu2 {
        width:328px;
        text-indent:5px;
        text-align:left;
        margin:0px;
        padding:0px;
        font-size:10px;
}

#smenu3 {
        width:328px;
        text-indent:5px;
        text-align:left;
        margin:0px;
        padding:0px;
        font-size:10px;
}

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

#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:-4px 0px 0px 0px;
        padding:0px;
		border-left:1px solid #971c4e;
        border-bottom:1px solid #971c4e;
        border-right:1px solid #971c4e;
}
#smenu li ul li {
        /* li du deuxième niveau */
        width: 100%;/*110px;*/
        background: #fff;
        margin:0px;
        padding:0px;
		font-size:12px;
}
#smenu li ul li a { /* liens du deuxième niveau */
        height: 20px;
        width: auto;/*110px;*/
        padding: 2px 5px;
        margin:0px;
		background: #fff;
		border-top:1px dashed #971c4e;
        color: #971c4e;
		text-decoration: none;
		font-size:12px;
}
#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
        height: 20px;
        width: auto;/*110px;*/
        padding: 2px 5px;
        margin:0px;
		color: #FFFFFF;
		background: #971c4e;
		text-decoration: none;
		font-size:12px;
		height: 20px;
}
#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
        left: auto;
}