/* menu haut */
#menu {
margin: 4px 0 0 0;
padding: 0;
text-align: center;
}
#menu LI {
display: inline;
margin: 0px 0px 0px 0px;
/*padding: 4px 0px 4px 0px;*/
margin-top:0px;
float: left;
text-align: center;
voice-family: "\"}\"";
voice-family:inherit;
width: 95px;
background: #CC3333;
}
html>body #menu LI {
width: 95px;
background: #993400;
float: left;
}
#menu LI UL { /* listes de deuxieme niveau */
padding: 0px;
position: absolute;
width: 94px;
background: #993400;
border: 0px solid #000000;
left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
}
#menu LI UL LI { /* sous-listes */
float: none;
width: 92px;
}
#menu LI UL LI A { /* sous-listes */
padding: 3px 0px 3px 5px;
border-width: 0px solid; #CCCCCC
border-right: 2px solid; #CCCCCC
border-top: 1px solid; #CCCCCC
border-bottom: 1px solid; #CCCCCC
border-left: 2px solid; #CCCCCC
font-variant: normal;
font-weight: normal;
text-align: left;
width: 88px;
}
#menu LI UL LI A:hover { /* sous-listes */
padding: 3px 0px 3px 5px;
border-top: 1px solid #e5d4d4;
border-bottom: 1px solid #e5d4d4;
width: 88px;
}
#menu LI:hover UL { /* listes imbriquees sous les items de listes survoles */
left: auto;
}
#menu LI.sfhover UL { /* listes imbriquees sous les items de listes survoles */
left: auto;
margin-left: -48px;
}
#menu A {
padding: 3px 0px 3px 0px; /*elargissement conteneur caractère*/
display: block;
color: #FFFFFF;
border: 1px solid #CCCCCC;
font-size: 100%;
font-variant: 11pt-caps;
font-variant: small-caps;
font-weight: bolder;
text-decoration: none;
width: 93px;
}
#menu A:hover {
background-color: #e5d4d4;
width: 93px;
}