/* CSS menu */

dl, dt, dd, ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
background: none;
position: absolute;
z-index: 100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 111px;
height: 20px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color: white;
background: #C80A10;
border-right: 1px solid gray;
margin: 0px;
width: 111px;
height: 20px;
background: url(../img/BG_menu.gif) repeat 0 0 ; /* On met une image de background, que l'on positionne ŕ 0px du bord gauche et 0px du bord haut */
}
#menu dd {
display: none;
border-left: 0px solid silver;
width: 155px;
margin-top: 1px;
filter:alpha(opacity=90);
 -moz-opacity: 0.90;
}
#menu li {
text-align: left;
background: #fff ;
}
#menu li a {
padding-left: 5px;
padding-bottom: 4px;
color: #000;
text-decoration: none;
display: block;
height: 20px;
border: 0 none;
border-bottom: 1px solid #C80A10;
border-left: 1px solid #C80A10;
z-index:101;
}/* background: url(../img/-l.gif) no-repeat 0 0 ; On met une image de background, que l'on positionne ŕ 0px du bord gauche et 0px du bord haut */

#menu dt a {
padding-left: 10px;
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover {
background: #eee;
}

#menu dt a:hover {
background: #C80A10;
}

.pouss{
padding-left: -10px;
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: url(../img/-.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne ŕ 0px du bord gauche et 0px du bord haut */
}
.pousspouss{
padding-left: 11px;
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: url(../img/-l.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne ŕ 0px du bord gauche et 0px du bord haut */
}