/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#left{
width: 220px;
float: left;
}
#menu {
width:220px;
float:left;
display: inline;
position: relative;
z-index: 99;
float: left;
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul li a{
text-decoration: none;
color: #888888;
display: block;
padding: 15px 60px 0px 10px;
margin: 0px 0px 3px 4px;
color: #FFFFFF;
}
#menu ul li a:hover{
font-weight: bold;
}
#menu ul li.lien01 a{
background: url(over_niv01_body01.png) no-repeat 0px 0px;
height: 32px;
}
#menu ul li.lien01_on a,
#menu ul li.lien01 a:hover{
background: url(over_niv01_body01.png) no-repeat 0px -62px;
}
#menu ul li.lien02 a{
background: url(over_niv01_body02.png) no-repeat 0px 0px;
height: 32px;
}
#menu ul li.lien02_on a,
#menu ul li.lien02 a:hover{
background: url(over_niv01_body02.png) no-repeat 0px -62px;
}
#menu ul li.lien03 a{
background: url(over_niv01_body03.png) no-repeat 0px 0px;
height: 45px;
}
#menu ul li.lien03_on a,
#menu ul li.lien03 a:hover{
background: url(over_niv01_body03.png) no-repeat 0px -80px;
}
#menu ul li.lien04 a{
background: url(over_niv01_body04.png) no-repeat 0px 0px;
height: 32px;
}
#menu ul li.lien04_on a,
#menu ul li.lien04 a:hover{
background: url(over_niv01_body04.png) no-repeat 0px -92px;
}
#menu ul li.lien01 ul li{
background: url(bg_li_niv02_body01.gif) repeat-y 7px 0px;
padding: 0px 10px 0px 0px;
margin: -4px 0px 0px 19px;
width: 190px;
}
#menu ul li.lien02 ul li{
background: url(bg_li_niv02_body02.gif) repeat-y 7px 0px;
padding: 0px 10px 0px 0px;
margin: -4px 0px 0px 19px;
width: 190px;
}
#menu ul li.lien03 ul li{
background: url(bg_li_niv02_body03.gif) repeat-y 7px 0px;
padding: 0px 10px 0px 0px;
margin: -5px 0px 0px 19px;
width: 190px;
}
#menu ul li.lien04 ul li{
background: url(bg_li_niv02_body04.gif) repeat-y 7px 0px;
padding: 0px 10px 0px 0px;
margin: -4px 0px 0px 19px;
width: 190px;
}
#menu ul li.lien01 ul{
background: url(bg_ul_bas_niv02_body01.gif) no-repeat bottom right;
padding: 0px 0px 10px 0px;
margin: 0px 2px 0px 0px;
}
#menu ul li.lien02 ul{
background: url(bg_ul_bas_niv02_body02.gif) no-repeat bottom right;
padding: 0px 0px 10px 0px;
margin: 0px 2px 0px 0px;
}
#menu ul li.lien03 ul{
background: url(bg_ul_bas_niv02_body03.gif) no-repeat bottom right;
padding: 0px 0px 10px 0px;
margin: 0px 2px 0px 0px;
}
#menu ul li.lien04 ul{
background: url(bg_ul_bas_niv02_body04.gif) no-repeat bottom right;
padding: 0px 0px 10px 0px;
margin: 0px 2px 0px 0px;
}
#menu ul li ul li a:hover{
font-weight: normal;
}
#menu ul li.lien01 ul li a{
background: url(pixel.gif) no-repeat 0px 0px;
height: auto;
padding: 5px 0px 5px 20px;
color: #FFFFFF;
}
#menu ul li.lien01 ul li.on a,
#menu ul li.lien01 ul li a:hover{
background: url(over_niv02_body01.gif) no-repeat 0px 0px;
}
#menu ul li.lien02 ul li a{
background: url(pixel.gif) no-repeat 0px 0px;
height: auto;
padding: 5px 0px 5px 20px;
color: #FFFFFF;
}
#menu ul li.lien02 ul li.on a,
#menu ul li.lien02 ul li a:hover{
background: url(over_niv02_body02.gif) no-repeat 0px 0px;
}
#menu ul li.lien03 ul li a{
background: url(pixel.gif) no-repeat 0px 0px;
height: auto;
padding: 5px 0px 5px 20px;
color: #FFFFFF;
}
#menu ul li.lien03 ul li.on a,
#menu ul li.lien03 ul li a:hover{
background: url(over_niv02_body03.gif) no-repeat 0px 0px;
}
#menu ul li.lien04 ul li a{
background: url(pixel.gif) no-repeat 0px 0px;
height: auto;
padding: 5px 0px 5px 20px;
color: #FFFFFF;
}
#menu ul li.lien04 ul li.on a,
#menu ul li.lien04 ul li a:hover{
background: url(over_niv02_body04.gif) no-repeat 0px 0px;
}
/*---*/
#menu ul li.lien01 ul ul.on{
background:url(lien01_Ulon.gif) repeat-y right top;
}
#menu ul li.lien02 ul ul.on{
background:url(lien02_Ulon.gif) repeat-y right top;
}
#menu ul li.lien03 ul ul.on{
background:url(lien03_Ulon.gif) repeat-y right top;
}
#menu ul li.lien04 ul ul.on{
background:url(lien04_Ulon.gif) repeat-y right top;
}
#menu ul ul ul.on li{
background:none;
}
/*---*/
#menu ul li.lien01 ul ul,
#menu ul li.lien02 ul ul,
#menu ul li.lien03 ul ul,
#menu ul li.lien04 ul ul{
padding: 0px 0px 0px 0px;
margin: 0px 2px 0px 0px;
width: 199px;
background-image: none;
}
#menu ul li ul li.on ul li{
margin: 0px 0px 0px 0px;
}
#menu ul li.lien01 ul li.on ul li a,
#menu ul li.lien02 ul li.on ul li a,
#menu ul li.lien03 ul li.on ul li a,
#menu ul li.lien04 ul li.on ul li a{
background-image: none;
height: auto;
padding: 2px 0px 2px 20px;
color: #FFFFFF;
font-size: 0.85em;
}
#menu ul li.lien01 ul li ul li.on a,
#menu ul li.lien01 ul li ul li a:hover{
background: url(over_niv03_body01.gif) no-repeat 0px -4px;
font-weight: bold;
}
#menu ul li.lien02 ul li ul li.on a,
#menu ul li.lien02 ul li ul li a:hover{
background: url(over_niv03_body02.gif) no-repeat 0px -4px;
font-weight: bold;
}
#menu ul li.lien03 ul li ul li.on a,
#menu ul li.lien03 ul li ul li a:hover{
background: url(over_niv03_body03.gif) no-repeat 0px -4px;
font-weight: bold;
}
#menu ul li.lien04 ul li ul li.on a,
#menu ul li.lien04 ul li ul li a:hover{
background: url(over_niv03_body04.gif) no-repeat 0px -4px;
font-weight: bold;
}
#menu ul li ul,
#menu ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}
#menu ul li.on ul,
#menu ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li ul.on li.on ul{
display: block;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIENS ---*/
li.lien01, .Lien01, .lien01 {
color: #663333;
}
li.lien02, .Lien02, .lien02 {
color: #3366CC;
}
li.lien03, .Lien03, .lien03 {
color: #797979;
}
li.lien04, .Lien04, .lien04 {
color: #FF6600;
}
li.access, .AccesReserve, .access {}