1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
| #menu_secondaire .elemmenu2 {
background-image: url('../images/menu_1.jpg');
background-repeat: repeat-y;
width: 224px;
height: 40px;
padding-left: 13px;
line-height:14px;
border-top: 3px solid white;
}
#menu_secondaire .elemmenu2 a {
font-size: 14px;
font-weight: bold;
color: #e1e1e1;
text-decoration: none;
}
.elemmenu3 {
background-repeat: repeat-y;
width: 224px;
height: 24px;
padding-left: 13px;
line-height:14px;
border-bottom: 1px solid white;
}
.elemmenu3.sub {
background-image: url('../images/menu_3_act.jpg') !important;
background-repeat: repeat-y;
border-bottom: 0px solid white;
}
.elemmenu3.act {
background-image: url('../images/menu_3_act.jpg') !important;
background-repeat: repeat-y;
border-bottom: 0px solid white;
}
#menu_secondaire .elemmenu2.act { <---- Si jenleve le background-image cela affecte le sous menu (par exemple "chambres") qui est en fait #menu_secondaire .elemmenu3.act
background-image: url('../images/menu_1_orange_hover.jpg')!important;
background-repeat: repeat-y;
width: 224px;
}
.elemmenu3 {
background-image: url('../images/menu_2_orange.jpg');
background-repeat: repeat-y;
}
.elemmenu3:hover {
background-image: url('../images/menu_2_orange_hover.jpg');
background-repeat: repeat-y;
}
.elemmenu3:hover a, .elemmenu3.act a, .elemmenu3.sub a{
color:#545454;
}
.elemmenu3.sub {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fe980f;
}
.elemmenu3.act{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fe980f;
} |