/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
display: inline;
position: relative;
z-index: 1000;
background-color: transparent;
float: left;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 200px;
}
#menu ul li{ /* -- supprime la hauteur des li pour IE --*/
display:inline;
}
#menu ul li.lien01 a:first-letter{
color: #CC3333;
}
#menu ul li.lien02 a:first-letter{
color: #6699CC;
}
#menu ul li.lien03 a:first-letter{
color: #CC9900;
}
#menu ul li.lien04 a:first-letter{
color: #669900;
}
#menu ul li.lien01 a:hover:first-letter,
#menu ul li.lien01 a.on:first-letter,
#menu ul li.lien01_on a:first-letter,
#menu ul li.lien02 a:hover:first-letter,
#menu ul li.lien02 a.on:first-letter,
#menu ul li.lien02_on a:first-letter,
#menu ul li.lien03 a:hover:first-letter,
#menu ul li.lien03 a.on:first-letter,
#menu ul li.lien03_on a:first-letter,
#menu ul li.lien04 a:hover:first-letter,
#menu ul li.lien04 a.on:first-letter,
#menu ul li.lien04_on a:first-letter{
color: #FFFFFF;
}
#menu ul li a:hover,
#menu ul li a.on,
#menu ul li a.lv1Over {
display: block;
}
#menu ul li a {
position: absolute; 
top: -37px;
height: 20px;
display: block;
padding: 5px 0px 0px 0px;
text-decoration: none;
text-transform: uppercase;
color: #000000;
text-align: center;
font-weight: bold;
border-bottom: #CCCCCC 1px dotted;
}
#menu ul li.lien01 a{
left: 21px;
width:130px;
background: url(bgMenuLien01.gif) no-repeat -1000px -1000px; /* --precharge l'image --*/
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01_on a,
#menu ul li.lien01 a.lv1Over{
background: url(bgMenuLien01.gif) no-repeat center center;
color: #FFFFFF;
}
#menu ul li.lien02 a{
left: 141px;
width:150px;
background: url(bgMenuLien02.gif) no-repeat -1000px -1000px; /* --precharge l'image --*/
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a,
#menu ul li.lien02 a.lv1Over{
background: url(bgMenuLien02.gif) no-repeat center center;
color: #FFFFFF;
}
#menu ul li.lien03 a{
left: 280px;
width:150px;
background: url(bgMenuLien03.gif) no-repeat -1000px -1000px; /* --precharge l'image --*/
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03_on a,
#menu ul li.lien03 a.lv1Over{
background: url(bgMenuLien03.gif) no-repeat center center;
color: #FFFFFF;
}
#menu ul li.lien04 a{
left: 417px;
width:150px;
background: url(bgMenuLien04.gif) no-repeat -1000px -1000px; /* --precherge l'image --*/
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04_on a,
#menu ul li.lien04 a.lv1Over{
background: url(bgMenuLien04.gif) no-repeat center center;
color: #FFFFFF;
}
#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: 0px 0px 10px 15px;
padding: 0px 0px 0px 0px;
}
#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,
#menu ul li.lien06 ul li a{
position: relative;
top: 0px; 
left: 0px;
width: 150px;
height: auto;
font-size: 100%;
background: url(bgSousMenu.gif) no-repeat 0px 3px;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 0px;
text-decoration: none;
text-align: left;
color: #000000;
}
#menu ul li.lien01 ul li a:hover,
#menu ul li.lien01 ul li a.on,
#menu ul li.lien01 ul li.on a,
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien02 ul li a.on,
#menu ul li.lien02 ul li.on a,
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien03 ul li a.on,
#menu ul li.lien03 ul li.on a,
#menu ul li.lien04 ul li a:hover,
#menu ul li.lien04 ul li a.on,
#menu ul li.lien04 ul li.on a,
#menu ul li.lien05 ul li a:hover,
#menu ul li.lien05 ul li a.on,
#menu ul li.lien05 ul li.on a,
#menu ul li.lien06 ul li a:hover,
#menu ul li.lien06 ul li a.on,
#menu ul li.lien06 ul li.on a{
background: #EEEEEE url(bgSousMenu.gif) no-repeat 0px -186px;
color: #000000;
}
#menu ul li ul.on a:first-letter,
#menu ul li.lien01 ul li a:hover:first-letter,
#menu ul li.lien01 ul li a.on:first-letter,
#menu ul li.lien01 ul li a.lv1Over:first-letter,
#menu ul li.lien02 ul li a:hover:first-letter,
#menu ul li.lien02 ul li a.on:first-letter,
#menu ul li.lien02 ul li a.lv1Over:first-letter,
#menu ul li.lien03 ul li a:hover:first-letter,
#menu ul li.lien03 ul li a.on:first-letter,
#menu ul li.lien03 ul li a.lv1Over:first-letter,
#menu ul li.lien04 ul li a:hover:first-letter,
#menu ul li.lien04 ul li a.on:first-letter,
#menu ul li.lien04 ul li a.lv1Over:first-letter,
#menu ul li.lien05 ul li a:hover:first-letter,
#menu ul li.lien05 ul li a.on:first-letter,
#menu ul li.lien05 ul li a.lv1Over:first-letter,
#menu ul li.lien06 ul li a:hover:first-letter,
#menu ul li.lien06 ul li a.on:first-letter,
#menu ul li.lien06 ul li a.lv1Over:first-letter{
color: #000000;
}
#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,
#menu ul li.lien04 ul ul li a:hover,
#menu ul li.lien04 ul ul li.on a,
#menu ul li.lien05 ul ul li a:hover,
#menu ul li.lien05 ul ul li.on a,
#menu ul li.lien06 ul ul li a:hover,
#menu ul li.lien06 ul ul li.on a{
color: #333333;
}
/* --- SOUS MENU  --- */
#menu ul ul ul{
padding: 5px 0px 0px 0px;
margin: 0px 0px 5px 25px;
}
#menu ul li.lien01 ul ul li a,
#menu ul li.lien01 ul ul.on li a,
#menu ul li.lien02 ul ul li a,
#menu ul li.lien02 ul ul.on li a,
#menu ul li.lien03 ul ul li a,
#menu ul li.lien03 ul ul li a.on,
#menu ul li.lien03 ul ul.on li a,
#menu ul li.lien04 ul ul li a,
#menu ul li.lien04 ul ul.on li a,
#menu ul li.lien05 ul ul li a,
#menu ul li.lien05 ul ul.on li a,
#menu ul li.lien06 ul ul li a,
#menu ul li.lien06 ul ul.on li a{
background: url(bgPuceSousMenu01.gif) no-repeat 0px 7px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
text-transform: lowercase;
}
#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,
#menu ul li.lien04 ul ul li a:hover,
#menu ul li.lien04 ul ul li.on a{
background: #EEEEEE url(bgPuceSousMenu01.gif) no-repeat 0px 7px;
}
#menu ul ul ul ul{
padding: 5px 0px 0px 0px;
margin: 0px 0px 5px 10px;
}
#menu ul ul ul ul{
padding: 5px 0px 0px 0px;
margin: 0px 0px 5px 10px;
}
#menu ul li.lien01 ul ul ul.on li a,
#menu ul li.lien02 ul ul ul.on li a,
#menu ul li.lien03 ul ul ul.on li a,
#menu ul li.lien04 ul ul ul.on li a{
background: #FFFFFF url(bgPuceSousMenu01.gif) no-repeat 0px 7px;
}
#menu ul li.lien01 ul ul ul li a.on,
#menu ul li.lien01 ul ul ul li a:hover{
background: url(bgSousMenu02Lien01.gif) no-repeat 0px 8px;
color: #333333;
}
#menu ul li.lien02 ul ul ul li a.on,
#menu ul li.lien02 ul ul ul li a:hover{
background: url(bgSousMenu02Lien02.gif) no-repeat 0px 8px;
color: #333333;
}
#menu ul li.lien03 ul ul ul li a.on,
#menu ul li.lien03 ul ul ul li a:hover{
background: url(bgSousMenu02Lien03.gif) no-repeat 0px 8px;
color: #333333;
}
#menu ul li.lien04 ul ul ul li a.on,
#menu ul li.lien04 ul ul ul li a:hover{
background: url(bgSousMenu02Lien04.gif) no-repeat 0px 8px;
color: #333333;
}
/* --- SOUS MENU FLIP FLAP  --- */
#menu ul li ul.flip{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: -12px;
display: block;
z-index: 10000;
background: #FFFFFF;
border-width: 2px;
border-style: solid;
}
#menu ul li ul.flip li{
display: block; /* --- permet de contrarier le display inline qui supprime la hauteur des li pour IE pour corriger un bug d'affichage en mode flip ---*/
position:relative;
top: 0px; 
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li ul.flip li a{
display: block;
width: 170px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background-image: none;
text-align: left;
}
#menu ul li ul.flip li a:hover{
background-image: none;
color: #FFFFFF;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#menu ul li.lien01 ul.flip{
position: absolute;
left:21px;
border-color: #CC3333;
}
#menu ul li.lien01 ul.flip li a:hover,
#menu ul li.lien01 ul.flip li a.lv1Over{
background: #CC3333;
}
#menu ul li.lien02 ul.flip{
position: absolute;
left: 153px;
border-color: #6699CC;
}
#menu ul li.lien02 ul.flip li a:hover,
#menu ul li.lien02 ul.flip li a.lv1Over{
background: #6699CC;
}
#menu ul li.lien03 ul.flip{
position: absolute;
left: 281px;
border-color: #CC9900;
}
#menu ul li.lien03 ul.flip li a:hover,
#menu ul li.lien03 ul.flip li a.lv1Over{
background: #CC9900;
}
#menu ul li.lien04 ul.flip{
position: absolute;
left: 431px;
border-color: #669900;
}
#menu ul li.lien04 ul.flip li a:hover,
#menu ul li.lien04 ul.flip li a.lv1Over{
background: #669900;
}
/* pour le troisieme niveau */
#menu ul li ul.flip li ul li a{
background-image: none;
}
#menu ul li.lien01 ul.flip li ul,
#menu ul li.lien02 ul.flip li ul,
#menu ul li.lien03 ul.flip li ul,
#menu ul li.lien04 ul.flip li ul{
position: absolute;
left: 180px;
top: -2px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}