/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
body.accueil #menu {
position: absolute;
left: -5000px;
z-index: 1;
}
#menu {
width: 250px;
float: left;
}
#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;
}
#menu ul li{
display: inline;
}
#menu ul li a{
font-size: medium;
font-weight: bold;
text-decoration: none;
display: block;
position: absolute;
z-index: 0;
top: -92px;
height: 35px;
padding: 10px 0px 20px 20px;
background-position: left 0px;
background-repeat: no-repeat;
}
body #menu ul li a:hover,
body #menu ul li.on a{
background-position: left -75px;
color: #FFFFFF ;
}
/* ----- */
#menu ul li.lien01 a{
color: #1790CD;
background-image:url(bgMenuBleu.jpg) ;
width: 222px;
left: 1px;
}
/* ----- */
#menu ul li.lien02 a{
color: #99CC00;
background-image:url(bgMenuVert.jpg) ;
width: 216px;
left: 241px;
}
/* ----- */
#menu ul li.lien03 a{
color: #830F7C;
background-image:url(bgMenuViolet.jpg) ;
width: 480px;
left: 477px;
}
/* -----------------*/
#menu ul li.lien01 ul li a,
#menu ul li.lien02 ul li a,
#menu ul li.lien03 ul li a{
position: relative;
left: 0px;
top: 0px;
height: auto;
font-size: small;
font-weight: normal;
padding: 2px 2px 2px 25px;
margin-left: 15px;
background-position: left 3px;
width: 200px;
}
#menu ul li.lien01 ul li a{
background-image:url(bgPuceMenuBleu01.gif);
color: #1790CD;
}
#menu ul li.lien02 ul li a{
background-image:url(bgPuceMenuVerte01.gif);
color: #99CC00;
}
#menu ul li.lien03 ul li a{
background-image:url(bgPuceMenuViolette01.gif);
color: #830F7C;
}

#menu ul li.lien01 ul li a:hover,
#menu ul li.lien01 ul li.on a,
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien02 ul li.on a,
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien03 ul li.on a{
background-position: left -127px;
}
/* -----------------*/
#menu ul li.lien01 ul ul.on li a,
#menu ul li.lien02 ul ul.on li a,
#menu ul li.lien03 ul ul.on li a{
background-position: 18px 3px;
padding-left: 40px;
width: 185px;
}
#menu ul li.lien01 ul ul li a{
background-image:url(bgPuceMenuBleu02.gif);
color: #1790CD;
}
#menu ul li.lien02 ul ul li a{
background-image:url(bgPuceMenuVerte02.gif);
color: #99CC00;
}
#menu ul li.lien03 ul ul li a{
background-image:url(bgPuceMenuViolette2.gif);
color: #830F7C;
}
#menu ul li.lien01 ul ul li a:hover,
#menu ul li.lien01 ul ul li.on a,
#menu ul li.lien02 ul ul li a:hover,
#menu ul li.lien02 ul ul li.on a,
#menu ul li.lien03 ul ul li a:hover,
#menu ul li.lien03 ul ul li.on a{
background-position: 18px -130px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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.lien05, .Lien05, .lien05 {
color:#CC0000;
}
li.lien06, .Lien06, .lien06 {
color: #FF6600;
}
li.lien07, .Lien07, .lien07 {
color:#FF9900;
}