/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 168px;
margin: -142px 0px 0px 0px;
padding: 0px 0px 0px 2px;
color: #000000;
line-height: 1.5em;
}
body.bodyaccueil #menu {
margin: -81px 0px 0px 0px;
}
#menu a {
color: #000000;
}
#menu ul {
/*float: left;*/
width: 164px;
}
#menu ul li {
padding: 0px 0px 3px 0px;
}
#menu ul li a {
display: block;
width: 132px;
height: 27px;
padding: 6px 0px 0px 32px;
background-image: url(fond_bouton_menu.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
text-decoration: none;
}
#menu ul li a:hover,
#menu ul li.on a {
background-position: 0px -110px;
}
#menu ul li ul {
display: none;
}
#menu ul li.on ul {
display: block;
background-color: #FFFFFF;
width: 158px;
margin: 0px 0px 0px 3px;
padding: 5px 0px 0px 0px;
border-bottom: 4px solid #971b46;
background-image: url(ombre_sous_rub.gif);
background-repeat: repeat-x;
}
#menu ul li.on ul li {
padding: 0px 0px 3px 25px;
}
#menu ul li.on ul li a {
display: inline;
text-decoration: none;
background-image: none;
height: 100%;
padding: 0px 0px 0px 12px;
margin:  0px 0px 0px 0px;
background-image: url(puce_sous_rub.gif);
background-repeat: no-repeat;
background-position: 0px -5px;
line-height: 1.5em;
}
#menu ul li.on ul li a:hover,
#menu ul li.on ul li.on a {
background-position: 0px -105px;
font-weight: bold;
}