
#mainMenu1 {
color: #676a5f;
margin: 0;
padding: 0;
/* if the menu is vertical:
# * set border to 'none'
# * padding-left must be equal to padding-right
# */
position: absolute;
/* if the menu is horizontal: use a 'static' position
# * if the menu is vertical: use an 'absolute' or 'fixed' position
# */
}

#menuList1 {
margin-top: 32px;
padding: 0;
/* do not use a position other than 'static' here */
/* if the menu is vertical:
# * margin-left + border-left-width + padding-left must be equal to
# * margin-right + border-right-width + padding-right
# */
}

#menuList1 li {
/* do not change these rules */
display: inline;
margin: 0;
padding: 0;
list-style: none;
/* do not change these rules */
}

#menuList1 li a {
display: block;
width: 224px;
height: 33px;
background: url(../templates/boutique/images/bouton.png) top left no-repeat;
margin: 0;
padding: 0;
/* always set margin to '0' */
/* Win/IE5.0 will ignore border and padding if display is 'inline' */
text-decoration: none;
text-indent: 5px;
font-weight: bold;
line-height: 33px;
color: #fff;
text-transform:uppercase;
}

#menuList1 li a:hover, #menuList1 li a:focus {
background: url(../templates/boutique/images/bouton.png) bottom left no-repeat;
color: #ff4a00;
text-transform:uppercase;
}

#menuList1 li a.actuator {
display: block;
width: 224px;
height: 33px;
background: url(../templates/boutique/images/bouton_fleche.png) top left no-repeat;
color: #fff;
text-transform:uppercase;
padding-right: 0px;
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
background: url(../templates/boutique/images/bouton_fleche.png) bottom left no-repeat;
color: #ff4a00;
text-transform:uppercase;
}

#menuList1 .menu {
background: #e6e9de;
color: #676a5f;
margin: 5px 0 0;
border-right: solid 2px #676a5f;
border-bottom: solid 2px #676a5f;
/*padding: 2px;*/
/* only set '0' or negative margin */
/* border width must be the same on the four sides (in 'px' units) */
/* padding width must be the same on the four sides (in 'px' units) */
position: absolute;
visibility: hidden;
/* always set position to 'absolute' and visibility to 'hidden' */
}

#menuList1 .menu a.actuator{
background: url(../templates/boutique/images/fleche.png) top right no-repeat #e6e9de;
width: 150px;
height: 23px;
}

#menuList1 .menu a.actuator:hover, #menuList1 .menu a.actuator:focus{
background: url(../templates/boutique/images/fleche.png) bottom right no-repeat #ced4bd;
}

#menuList1 .menu a{
background: #e6e9de;
width: 150px;
height: 23px;
line-height: 23px;
}

#menuList1 .menu a:hover, #menuList1 .menu a:focus{
background: #ced4bd;
}

#menuList1 .menu .menu {
margin: 0;
/* if a non-zero padding is set on .menu, set margin-left to margin-left + padding */
}
