/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
display: inline;
position: relative;
top: -11px;
float: left;
padding: 20px 0px 0px 10px;
margin: 0px 0px 0px 0px;
width: 240px;
z-index: 2;
min-height: 20px;
height: auto;
}
body.bodyaccueil #menu{ /* --- DEBUG IE6 ---*/
position: relative;
top: 72px;
padding: 0px;
margin: 0px;
height: 1px;
}
#menu ul{
margin: 0px;
padding: 0;
}
#menu>ul>li{ /* -- supprime la hauteur des li pour IE --*/
display:inline;
}
/*--------------------------------------------------------------------------------------*/
/*----   NIVEAU 01 ----*/

#menu ul li a {
position: absolute; 
top: -130px;
height: 40px;
width: 154px;
display: block;
padding: 0px 0px 0px 0px;
background-position: 0px 8px; 
background-repeat: no-repeat;
float: left;
}
#menu>ul>li>a>span{
display: none;
}
#menu ul li a:hover,
body.bodyLien01 #menu ul li.lien01_on a,
body.bodyLien02 #menu ul li.lien02_on a,
body.bodyLien03 #menu ul li.lien03_on a,
body.bodyLien07 #menu ul li.lien03_on a,
body.bodyLien04 #menu ul li.lien04_on a,
body.bodyLien05 #menu ul li.lien05_on a,
body.bodyLien06 #menu ul li.lien06_on a {
display: block;
background-position: left bottom;
}
#menu ul li.lien01 a{
left: 14px;
background-image: url(bgLien01.gif);
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01_on a{
color: #018F62;
}
#menu ul li.lien02 a{
left: 336px;
background-image: url(bgLien02.gif);
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a{
color: #90BE7A;
}
#menu ul li.lien03 a{
left: 175px;
background-image: url(bgLien03.gif);
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03_on a{
color: #014F36;
}
#menu ul li.lien04 a{
left: 498px;
background-image: url(bgLien04.gif);
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04_on a{
color: #0F8EB3;
}
#menu ul li.lien05 a{
left: 660px;
background-image: url(bgLien05.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05_on a{
color: #0F8EB3;
}
#menu ul li.lien06 a{
left: 821px;
background-image: url(bgLien06.gif);
}
#menu ul li.lien06 a:hover,
#menu ul li.lien06_on a{
color: #0F8EB3;
}
/*--------------------------------------------------------------------------------------*/
/*----   NIVEAU 02 ----*/

/* --- SOUS MENU  --- */
body.bodyLien01 #menu ul li.lien02 ul,
body.bodyLien01 #menu ul li.lien03 ul,
body.bodyLien01 #menu ul li.lien04 ul,
body.bodyLien01 #menu ul li.lien05 ul,
body.bodyLien01 #menu ul li.lien06 ul,
body.bodyLien02 #menu ul li.lien01 ul,
body.bodyLien02 #menu ul li.lien03 ul,
body.bodyLien02 #menu ul li.lien04 ul,
body.bodyLien02 #menu ul li.lien05 ul,
body.bodyLien02 #menu ul li.lien06 ul,
body.bodyLien03 #menu ul li.lien01 ul,
body.bodyLien03 #menu ul li.lien02 ul,
body.bodyLien03 #menu ul li.lien05 ul,
body.bodyLien03 #menu ul li.lien06 ul,
body.bodyLien07 #menu ul li.lien01 ul,
body.bodyLien07 #menu ul li.lien02 ul,
body.bodyLien07 #menu ul li.lien04 ul,
body.bodyLien07 #menu ul li.lien05 ul,
body.bodyLien07 #menu ul li.lien06 ul,
body.bodyLien04 #menu ul li.lien01 ul,
body.bodyLien04 #menu ul li.lien02 ul,
body.bodyLien04 #menu ul li.lien03 ul,
body.bodyLien04 #menu ul li.lien05 ul,
body.bodyLien04 #menu ul li.lien06 ul,
body.bodyLien05 #menu ul li.lien01 ul,
body.bodyLien05 #menu ul li.lien02 ul,
body.bodyLien05 #menu ul li.lien03 ul,
body.bodyLien05 #menu ul li.lien04 ul,
body.bodyLien05 #menu ul li.lien06 ul,
body.bodyLien06 #menu ul li.lien01 ul,
body.bodyLien06 #menu ul li.lien02 ul,
body.bodyLien06 #menu ul li.lien03 ul,
body.bodyLien06 #menu ul li.lien04 ul,
body.bodyLien06 #menu ul li.lien05 ul,
body.bodygenerique #menu ul li.lien01 ul,
body.bodygenerique #menu ul li.lien02 ul,
body.bodygenerique #menu ul li.lien03 ul,
body.bodygenerique #menu ul li.lien04 ul,
body.bodygenerique #menu ul li.lien05 ul,
body.bodygenerique #menu ul li.lien06 ul {
display:none;
}
#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;
position: relative;
}
#menu ul li ul {
margin: 5px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyLien01 #menu ul li.lien01_on ul li a,
body.bodyLien02 #menu ul li.lien02_on ul li a,
body.bodyLien03 #menu ul li.lien04_on ul li a,
body.bodyLien07 #menu ul li.lien03_on ul li a,
body.bodyLien04 #menu ul li.lien04_on ul li a,
body.bodyLien05 #menu ul li.lien05_on ul li a,
body.bodyLien06 #menu ul li.lien06_on ul li a{
position: relative;
top: 0px; 
left: 0px;
width: 185px;
height: auto;
padding: 4px 20px 4px 25px;
margin: 0px 0px 5px 0px;
background-position: 0px 0px;
color: #0066CC;
font-size: small;
text-decoration: none;
font-weight: bold;
}
#menu ul li.lien01 ul li a,
#menu ul li.lien01 ul li.on a,
#menu ul li.lien06 ul li a,
#menu ul li.lien06 ul li.on a{
background-image: url(puceMenuOrange.gif);
}
#menu ul li.lien02 ul li a,
#menu ul li.lien02 ul li.on a{
background-image: url(puceMenuViolette.gif);
}
#menu ul li.lien03 ul li a,
#menu ul li.lien03 ul li.on a{
background-image: url(puceMenuVert.gif);
}
#menu ul li.lien04 ul li a,
#menu ul li.lien04 ul li.on a{
background-image: url(puceMenuRouge.gif);
}
#menu ul li.lien05 ul li a,
#menu ul li.lien05 ul li.on a{
background-image: url(puceMenuBleue.gif);
}
body.bodyLien01 #menu ul li.lien01_on ul li a:hover,
body.bodyLien01 #menu ul li.lien01_on ul li.on a,
body.bodyLien02 #menu ul li.lien02_on ul li a:hover,
body.bodyLien02 #menu ul li.lien02_on ul li.on a,
body.bodyLien03 #menu ul li.lien03_on ul li a:hover,
body.bodyLien03 #menu ul li.lien03_on ul li.on a,
body.bodyLien07 #menu ul li.lien03_on ul li a:hover,
body.bodyLien07 #menu ul li.lien03_on ul li.on a,
body.bodyLien04 #menu ul li.lien04_on ul li a:hover,
body.bodyLien04 #menu ul li.lien04_on ul li.on a,
body.bodyLien05 #menu ul li.lien05_on ul li a:hover,
body.bodyLien05 #menu ul li.lien05_on ul li.on a,
body.bodyLien06 #menu ul li.lien06_on ul li a:hover,
body.bodyLien06 #menu ul li.lien06_on ul li.on a{
color: #FFFFFF;
background-position: 0px -75px;
}
/*--------------------------------------------------------------------------------------*/
/*----   NIVEAU 03 ----*/

#menu ul ul ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}
body.bodyLien01 #menu ul li.lien01_on ul ul li a,
body.bodyLien01 #menu ul li.lien01_on ul ul.on li a,
body.bodyLien02 #menu ul li.lien02_on ul ul li a,
body.bodyLien02 #menu ul li.lien02_on ul ul.on li a,
body.bodyLien03 #menu ul li.lien03_on ul ul li a,
body.bodyLien03 #menu ul li.lien03_on ul ul li a.on,
body.bodyLien03 #menu ul li.lien03_on ul ul.on li a,
body.bodyLien07 #menu ul li.lien03_on ul ul li a,
body.bodyLien07 #menu ul li.lien03_on ul ul li a.on,
body.bodyLien07 #menu ul li.lien03_on ul ul.on li a,
body.bodyLien04 #menu ul li.lien04_on ul ul li a,
body.bodyLien04 #menu ul li.lien04_on ul ul.on li a,
body.bodyLien05 #menu ul li.lien05_on ul ul li a,
body.bodyLien05 #menu ul li.lien05_on ul ul.on li a,
body.bodyLien06 #menu ul li.lien06_on ul ul li a,
body.bodyLien06 #menu ul li.lien06_on ul ul.on li a{
width: 165px;
padding: 4px 0px 4px 45px;
background-position: 0px 0px;
color: #666;
font-size: small;
background-image: none;
font-weight: normal;
}
body.bodyLien01 #menu ul li.lien01_on ul.on ul li a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul li a{
background-image: url(puceMenu02Orange.gif);
}
body.bodyLien02 #menu ul li.lien02_on ul.on ul li a{
background-image: url(puceMenu02Violette.gif);
}
body.bodyLien03 #menu ul li.lien03_on ul.on ul li a,
body.bodyLien07 #menu ul li.lien03_on ul.on ul li a{
background-image: url(puceMenu02Verte.gif);
}
body.bodyLien04 #menu ul li.lien04_on ul.on ul li a{
background-image: url(puceMenu02Rouge.gif);
}
body.bodyLien05 #menu ul li.lien05_on ul.on ul li a{
background-image: url(puceMenu02Bleue.gif);
}
body.bodyLien01 #menu ul li.lien01_on ul.on ul li a:hover,
body.bodyLien01 #menu ul li.lien01_on ul.on ul li.on a,
body.bodyLien06 #menu ul li.lien02_on ul.on ul li a:hover,
body.bodyLien02 #menu ul li.lien02_on ul.on ul li.on a,
body.bodyLien03#menu ul li.lien03_on ul.on ul li a:hover,
body.bodyLien03 #menu ul li.lien03_on ul.on ul li.on a,
body.bodyLien07#menu ul li.lien03_on ul.on ul li a:hover,
body.bodyLien07 #menu ul li.lien03_on ul.on ul li.on a,
body.bodyLien04 #menu ul li.lien04_on ul.on ul li a:hover,
body.bodyLien04 #menu ul li.lien04_on ul.on ul li.on a,
body.bodyLien05 #menu ul li.lien05_on ul.on ul li a:hover,
body.bodyLien05 #menu ul li.lien05_on ul.on ul li.on a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul li a:hover,
body.bodyLien06 #menu ul li.lien06_on ul.on ul li.on a{
color: #000000;
background-position: 0px 0px;
}
#menu ul ul ul ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}
body.bodyLien01 #menu ul li.lien01_on ul.on ul.on ul li a,
body.bodyLien01 #menu ul li.lien01_on ul.on ul.on ul.on li a,
body.bodyLien02 #menu ul li.lien02_on ul.on ul.on ul li a,
body.bodyLien02 #menu ul li.lien02_on ul.on ul.on ul.on li a,
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul li a,
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul li a.on,
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul.on li a,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul li a,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul li a.on,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul.on li a,
body.bodyLien04 #menu ul li.lien04_on ul.on ul.onul li a,
body.bodyLien04 #menu ul li.lien04_on ul.on ul.on ul.on li a,
body.bodyLien05 #menu ul li.lien05_on ul.on ul.on ul li a,
body.bodyLien05 #menu ul li.lien05_on ul.on ul.on ul.on li a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul.on ul li a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul.on ul.on li a{
width: 140px;
padding: 4px 0px 4px 65px;
background-position: 20px -2px;
font-size: x-small;
}
body.bodyLien01 #menu ul li.lien01_on ul.on ul.on ul li a,
body.bodyLien01 #menu ul li.lien01_on ul.on ul.on ul.on li a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul.on ul li a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul.on ul.on li a{
background-image: url(puceMenu02Orange.gif);
}
body.bodyLien02 #menu ul li.lien02_on ul.on ul.on li ul li a,
body.bodyLien02 #menu ul li.lien02_on ul.on ul.on li ul.on li a{
background-image: url(puceMenu02Violette.gif);
}
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul li a,
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul.on li a,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul li a,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul.on li a{
background-image: url(puceMenu02Verte.gif);
}
body.bodyLien04 #menu ul li.lien04_on ul.on ul.on ul li a,
body.bodyLien04 #menu ul li.lien04_on ul.on ul.on ul.on li a{
background-image: url(puceMenu02Rouge.gif);
}
body.bodyLien05 #menu ul li.lien05_on ul.on ul.on ul li a,
body.bodyLien05 #menu ul li.lien05_on ul.on ul.on ul.on li a{
background-image: url(puceMenu02Bleue.gif);
}
body.bodyLien01 #menu ul li.lien01_on ul.on ul.on ul li a:hover,
body.bodyLien01 #menu ul li.lien01_on ul.on ul.on ul li.on a,
body.bodyLien02 #menu ul li.lien02_on ul.on ul.on ul li a:hover,
body.bodyLien02 #menu ul li.lien02_on ul.on ul.on ul li.on a,
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul li a:hover,
body.bodyLien03 #menu ul li.lien03_on ul.on ul.on ul li.on a,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul li a:hover,
body.bodyLien07 #menu ul li.lien03_on ul.on ul.on ul li.on a,
body.bodyLien04 #menu ul li.lien04_on ul.on ul.on ul li a:hover,
body.bodyLien04 #menu ul li.lien04_on ul.on ul.on ul li.on a,
body.bodyLien05 #menu ul li.lien05_on ul.on ul.on ul li a:hover,
body.bodyLien05 #menu ul li.lien05_on ul.on ul.on ul li.on a,
body.bodyLien06 #menu ul li.lien06_on ul.on ul.on ul li a:hover,
body.bodyLien06 #menu ul li.lien06_on ul.on ul.on ul li.on a{
color: #000000;
background-position: 20px -2px;
}