/*--- MENU ---*/
#menu {
display: inline;
position: relative;
float: left;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 224px;
}
#menu ul li{ /* -- supprime la hauteur des li pour IE --*/
display: inline;
}
#menu ul li a {
position: absolute; 
top: -60px;
right: 0px;
height: 18px;
width: 120px;
display: block;
padding: 0px 0px 0px 10px;
text-decoration: none;
background-position: 100% -260px; 
background-repeat: no-repeat;
color: #FFFFFF;
font-size: medium;
text-align: left;
}
#menu ul li a:hover{
background-position: 100% 0px; 
}
#menu ul li.lien01 a{
left: 263px;
background-color: #B0CA33;
border: #B0CA33 2px solid;
background-image: url(puceLien01.gif);
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01 a.on{
background-color: #EFF4D6;
background-image: url(puceLien01.gif);
color: #B0CA33;
}
#menu ul li.lien02 a{
left: 403px;
background-color: #00BAF2;
border: #00BAF2 2px solid;
background-image: url(puceLien02.gif);
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02 a.on{
background-color: #CCF1FC;
background-image: url(puceLien02.gif);
color:#00BAF2;
}
#menu ul li.lien03 a{
left: 543px;
background-color: #F29400;
border: #F29400 2px solid;
background-image: url(puceLien03.gif);
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03 a.on{
background-color: #FCEACC;
background-image: url(puceLien03.gif);
color: #F29400;
}
#menu ul li.lien04 a{
left: 684px;
background-color: #A53289;
border: #A53289 2px solid;
background-image: url(puceLien04.gif);
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04 a.on{
background-color: #FFF2FC;
background-image: url(puceLien04.gif);
color: #A53289;
}
#menu ul li.lien05 a{
left:825px;
background-color: #EE3124;
border: #EE3124 2px solid;
background-image: url(puceLien05.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05 a.on{
background-color: #FCD6D3;
background-image: url(puceLien05.gif);
color: #EE3124;
}

#menuExtranet ul li ul,
#menuExtranet ul.on li ul.on li ul,
#menuExtranet ul.on li ul.on li ul.on li ul,
#menuExtranet ul.on li ul.on li ul.on li ul.on li ul,
#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;
}

#menuExtranet ul li.on ul,
#menuExtranet ul.on li ul.on li.on ul,
#menuExtranet ul.on li ul.on li ul.on li.on ul,
#menuExtranet ul.on li ul.on li ul.on li ul.on li.on ul,
#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;
}
/* ---SOUS MENU ---*/
#menu ul li ul {
}
#menu ul li.lien01 ul li a,
#menu ul li.lien02 ul li a,
#menu ul li.lien03 ul li a,
#menu ul li.lien04 ul li a,
#menu ul li.lien05 ul li a{
position: relative;
top: 0px; 
left: 0px;
width: 204px;
height: auto;
padding: 2px 0px 2px 20px;
margin: 0px 0px 5px 0px;
background-position: 0px 2px;
background-color: transparent;
border: none;
color: #000000;
font-size: small;
}
#menu ul li.lien01 ul li a:hover,
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien04 ul li a:hover,
#menu ul li.lien05 ul li a:hover{
background-position: 0px -258px;
}

#menu ul li.lien01 ul li a{
background-image: url(puceLien01.gif);
}
#menu ul li.lien01 ul li a:hover,
#menu ul li.lien01 ul li a.on{
background-image: none;
color: #FFFFFF;
background-color: #B0CA33;
}
#menu ul li.lien02 ul li a{
background-image: url(puceLien02.gif);
}
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien02 ul li a.on{
background-image: none;
color: #FFFFFF;
background-color: #00BAF2;
}
#menu ul li.lien03 ul li a{
background-image: url(puceLien03.gif);
}
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien03 ul li a.on{
background-image: none;
color: #FFFFFF;
background-color: #F29400;
}
#menu ul li.lien04 ul li a{
background-image: url(puceLien04.gif);
}
#menu ul li.lien04 ul li a:hover,
#menu ul li.lien04 ul li a.on{
background-image: none;
color: #FFFFFF;
background-color: #A53289;
}
#menu ul li.lien05 ul li a{
background-image: url(puceLien05.gif);
}
#menu ul li.lien05 ul li a:hover,
#menu ul li.lien05 ul li a.on{
background-image: none;
color: #FFFFFF;
background-color: #EE3124;
}
/* ---SOUS MENU 3EME NIVEAU ---*/
#menu ul li ul ul.on{
width:224px;
margin: -5px 0px 0px 0px;
}
#menu ul li ul ul.on li a{
background-position: 20px 1px;
background-color: transparent;
padding: 2px 0px 2px 34px;
width:190px;
}
#menu ul li ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-position: 20px 5px; 
}
#menu ul li.lien01 ul ul.on{
background: #EFF4D6;
}
#menu ul li.lien01 ul ul.on li a{
background-image: url(puceLien01.gif);
}
#menu ul li.lien01 ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-color: #B0CA33;
}
#menu ul li.lien02 ul ul.on{
background: #CCF1FC;
}
#menu ul li.lien02 ul ul.on li a{
background-image: url(puceLien02.gif);
}
#menu ul li.lien02 ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-color: #00BAF2;
}
#menu ul li.lien03 ul ul.on{
background: #FCEACC;
}
#menu ul li.lien03 ul ul.on li a{
background-image: url(puceLien03.gif);
}
#menu ul li.lien03 ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-color: #F29400;
}
#menu ul li.lien04 ul ul.on{
background: #FFF2FC;
}
#menu ul li.lien04 ul ul.on li a{
background-image: url(puceLien04.gif);
}
#menu ul li.lien04 ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-color: #A25389;
}
#menu ul li.lien05 ul ul.on{
background: #FCD6D3;
}
#menu ul li.lien05 ul ul.on li a{
background-image: url(puceLien05.gif);
}
#menu ul li.lien05 ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-color: #A25389;
}


/* ---SOUS MENU EXTRANET---*/

#menu ul li ul {
}
#menuExtranet ul li ul li a,
#menuExtranet ul li.on ul li a{
position: relative;
top: 0px; 
left: 0px;
width: 204px;
height: auto;
padding: 2px 0px 2px 20px;
margin: 0px 0px 5px 0px;
background-position: 0px 2px;
background-color: transparent;
border: none;
color: #000000;
font-size: small;
}
#menuExtranet ul li ul li a:hover{
background-position: 0px -258px;
background-image: url(puceLien05.gif);
}
#menuExtranet ul li ul li.on a{
color: #EE3124;
background-image: url(puceLien05.gif);
}
#menuExtranet ul li ul li a{
background-image: url(puceLien05.gif);
}
#menuExtranet ul li ul li a:hover{
background-image: none;
color: #EE3124;
background-color: #E5D9CA;
}

/* ---SOUS MENU EXTRANET 3EME NIVEAU ---*/

#menuExtranet ul li ul ul.on{
width:224px;
margin: -5px 0px 0px 0px;
}
#menuExtranet ul li ul ul.on li a{
background-position: 20px 1px;
background-color: transparent;
padding: 2px 0px 2px 34px;
width:190px;
}
#menuExtranet ul li ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-position: 20px 5px; 
}
#menuExtranet ul li ul ul.on li a{
background-image: url(puceLien05.gif);
}
#menuExtranet ul li ul ul.on li a:hover{
background-image: url(puceMenu.gif);
background-color: #E5D9CA;
}