/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
display: inline;
position: relative;
z-index: 1000;
background-color: transparent;
float: left;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
width: 185px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
#left{
float:left;
padding:0px;
width:190px;
}
body.accueil #left{
height: 0px;
width: 0px;
float:left;
}
#menu ul{
background-color: #FFFFFF;
}
#menu ul li{ /* -- supprime la hauteur des li pour IE --*/
}
#menu ul li a {
position: absolute; 
top: -56px;
height: 25px;
width:187px;
display: block;
padding: 5px 0px 0px 0px;
text-decoration: none;
text-align: center;
background-repeat: no-repeat;
background-position: 0px 0px;
color: #FFFFFF;
font-weight: bold;
z-index: 99;
}
#menu ul li a:hover,
#menu ul li.on a,
#menu ul li a.lv1Over{
height: 25px;
display: block;
padding: 8px 0px 0px 0px;
}
/*--- PAR LIENS ---*/
#menu ul li.lien01 a{
left: 12px;
background-image: url(over_niv1_body1.gif);
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01_on a,
#menu ul li.lien01 a.lv1Over{
background-image: url(over_niv1_body1.gif);
background-position: 0px -48px;
}
#menu ul li.lien02 a{
left: 206px;
background-image: url(over_niv1_body2.gif);
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a,
#menu ul li.lien02 a.lv1Over{
background-image: url(over_niv1_body2.gif);
background-position: 0px -48px;
}
#menu ul li.lien03 a{
left: 400px;
background-image: url(over_niv1_body3.gif);
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03_on a,
#menu ul li.lien03 a.lv1Over{
background-image: url(over_niv1_body3.gif);
background-position: 0px -48px;
}
#menu ul li.lien04 a{
left: 594px;
background-image: url(over_niv1_body4.gif);
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04_on a,
#menu ul li.lien04 a.lv1Over{
background-image: url(over_niv1_body4.gif);
background-position: 0px -48px;
}
#menu ul li.lien05 a{
left: 788px;
background-image: url(over_niv1_body5.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05_on a,
#menu ul li.lien05 a.lv1Over{
background-image: url(over_niv1_body5.gif);
background-position: 0px -48px;
}
#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 0px 0px;
padding: 0px 0px 0px 0px;
background-color: transparent;
background-image: url(bg_ul_mg.gif);
background-position: top left;
background-repeat: repeat-x;
width: 190px;
}
#menu ul li ul li a{
background-position: top left;
background-repeat: no-repeat;
color: #666666;
font-weight: normal;
}
#menu ul li.lien01 ul li a{
position: relative;
top: 0px; 
left: 0px;
height: auto;
font-size: 100%;
background-image: url(over_niv2_mg_body1.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
width: 160px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien01 ul li a:hover,
#menu ul li.lien01 ul li a.on,
#menu ul li.lien01 ul li.on a{
background-image: url(over_niv2_mg_body1.gif);
background-repeat: no-repeat;
background-position: 0px -278px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
height: auto;
color: #448416;
background-color: #FFFFFF;
}
#menu ul li.lien02 ul li a{
position: relative;
top: 0px; 
left: 0px;
height: auto;
font-size: 100%;
background-image: url(over_niv2_mg_body2.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
width: 160px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien02 ul li a.on,
#menu ul li.lien02 ul li.on a{
background-image: url(over_niv2_mg_body2.gif);
background-repeat: no-repeat;
background-position: 0px -278px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
height: auto;
background-color: #FFFFFF;
color: #0079C3;
}
#menu ul li.lien03 ul li a{
position: relative;
top: 0px; 
left: 0px;
height: auto;
font-size: 100%;
background-image: url(over_niv2_mg_body3.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
width: 160px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien03 ul li a.on,
#menu ul li.lien03 ul li.on a{
background-image: url(over_niv2_mg_body3.gif);
background-repeat: no-repeat;
background-position: 0px -278px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
height: auto;
color: #7700AE;
background-color: #FFFFFF;
}
#menu ul li.lien04 ul li a{
position: relative;
top: 0px; 
left: 0px;
height: auto;
font-size: 100%;
background-image: url(over_niv2_mg_body4.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
width: 160px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien04 ul li a:hover,
#menu ul li.lien04 ul li a.on,
#menu ul li.lien04 ul li.on a{
background-image: url(over_niv2_mg_body4.gif);
background-repeat: no-repeat;
background-position: 0px -278px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
height: auto;
color: #E47600;
background-color: #FFFFFF;
}
#menu ul li.lien05 ul li a{
position: relative;
top: 0px; 
left: 0px;
height: auto;
font-size: 100%;
background-image: url(over_niv2_mg_body5.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
width: 160px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien05 ul li a:hover,
#menu ul li.lien05 ul li a.on,
#menu ul li.lien05 ul li.on a{
background-image: url(over_niv2_mg_body5.gif);
background-repeat: no-repeat;
background-position: 0px -278px;
padding: 3px 5px 3px 25px;
margin: 0px 0px 0px 0px;
height: auto;
color: #F1B200;
background-color: #FFFFFF;
}
/* --- SOUS MENU  --- */
#menu ul ul ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul li ul ul li a{
color: #000000;
}
#menu ul li.lien01 ul ul li a,
#menu ul li.lien01 ul ul.on li a{
background-image: url(puce_v2_mg_niv2_body1.png);
background-repeat: no-repeat;
background-position: 17px 8px;
width: 157px;
padding: 3px 5px 3px 28px;
margin: 0px 0px 0px 0px;
color: #666666;
}
#menu ul li.lien01 ul ul li a:hover,
#menu ul li.lien01 ul ul li.on a{
background-position: 17px -183px;
background-image: url(puce_v2_mg_niv2_body1.png);
background-repeat: no-repeat;
color: #448416;
}
#menu ul li.lien02 ul ul li a,
#menu ul li.lien02 ul ul.on li a{
background-image: url(puce_v2_mg_niv2_body2.png);
background-repeat: no-repeat;
background-position: 17px 8px;
width: 157px;
padding: 3px 5px 3px 28px;
margin: 0px 0px 0px 0px;
color: #666666;
}
#menu ul li.lien02 ul ul li a:hover,
#menu ul li.lien02 ul ul li.on a{
background-position: 17px -183px;
background-image: url(puce_v2_mg_niv2_body2.png);
background-repeat: no-repeat;
color: #0079C3;
}
#menu ul li.lien03 ul ul li a,
#menu ul li.lien03 ul ul.on li a{
background-image: url(puce_v2_mg_niv2_body3.png);
background-repeat: no-repeat;
background-position: 17px 8px;
width: 157px;
padding: 3px 5px 3px 28px;
margin: 0px 0px 0px 0px;
color: #666666;
}
#menu ul li.lien03 ul ul li a:hover,
#menu ul li.lien03 ul ul li.on a{
background-position: 17px -183px;
background-image: url(puce_v2_mg_niv2_body3.png);
background-repeat: no-repeat;
color: #7700AE;
}
#menu ul li.lien04 ul ul li a,
#menu ul li.lien04 ul ul.on li a{
background-image: url(puce_v2_mg_niv2_body4.png);
background-repeat: no-repeat;
background-position: 17px 8px;
width: 157px;
padding: 3px 5px 3px 28px;
margin: 0px 0px 0px 0px;
color: #666666;
}
#menu ul li.lien04 ul ul li a:hover,
#menu ul li.lien04 ul ul li.on a{
background-position: 17px -183px;
background-image: url(puce_v2_mg_niv2_body4.png);
background-repeat: no-repeat;
color: #E47600;
}
#menu ul li.lien05 ul ul li a,
#menu ul li.lien05 ul ul.on li a{
background-image: url(puce_v2_mg_niv2_body5.png);
background-repeat: no-repeat;
background-position: 17px 8px;
width: 157px;
padding: 3px 5px 3px 28px;
margin: 0px 0px 0px 0px;
color: #666666;
}
#menu ul li.lien05 ul ul li a:hover,
#menu ul li.lien05 ul ul li.on a{
background-position: 17px -183px;
background-image: url(puce_v2_mg_niv2_body5.png);
background-repeat: no-repeat;
color: #F1B200;
}
#menu ul ul ul ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien01 ul ul ul li a,
#menu ul li.lien01 ul ul ul.on li a{
background: url(over_mg_niv04_body01.gif);
background-repeat: no-repeat;
background-position: 25px 6px;
padding: 4px 0px 4px 20px;
margin: 0px 0px 0px 2px;
width: 167px;
color: #666666;
}
#menu ul li.lien01 ul ul ul li a.on,
#menu ul li.lien01 ul ul ul li a:hover{
background: url(over_mg_niv04_body01.gif);
background-repeat: no-repeat;
background-position: 25px -137px;
color: #448416;
}
#menu ul li.lien02 ul ul ul li a,
#menu ul li.lien02 ul ul ul.on li a{
background: url(over_mg_niv04_body02.gif);
background-repeat: no-repeat;
background-position: 25px 6px;
padding: 4px 0px 4px 20px;
margin: 0px 0px 0px 2px;
width: 167px;
color: #666666;
}
#menu ul li.lien02 ul ul ul li a.on,
#menu ul li.lien02 ul ul ul li a:hover{
background: url(over_mg_niv04_body02.gif);
background-repeat: no-repeat;
background-position: 25px -137px;
color: #0079C3;
}
#menu ul li.lien03 ul ul ul li a,
#menu ul li.lien03 ul ul ul.on li a{
background-image: url(puce_v2_mg_niv4_body3.png);
background-repeat: no-repeat;
background-position: 25px 6px;
width: 147px;
padding: 3px 5px 3px 38px;
margin: 0px 0px 0px 0px;
color: #666666;
font-size: x-small;
}
#menu ul li.lien03 ul ul ul li a.on,
#menu ul li.lien03 ul ul ul li a:hover{
background-image: url(puce_v2_mg_niv4_body3.png);
background-repeat: no-repeat;
background-position: 25px -137px;
color: #7700AE;
}
#menu ul li.lien04 ul ul ul li a,
#menu ul li.lien04 ul ul ul.on li a{
background: url(over_mg_niv04_body04.gif);
background-repeat: no-repeat;
background-position: 25px 6px;
padding: 4px 0px 4px 20px;
margin: 0px 0px 0px 2px;
width: 167px;
color: #666666;
}
#menu ul li.lien04 ul ul ul li a.on,
#menu ul li.lien04 ul ul ul li a:hover{
background: url(over_mg_niv04_body04.gif);
background-repeat: no-repeat;
background-position: 25px -137px;
color: #E47600;
}
#menu ul li.lien05 ul ul ul li a,
#menu ul li.lien05 ul ul ul.on li a{
background: url(over_mg_niv04_body05.gif);
background-repeat: no-repeat;
background-position: 25px 6px;
padding: 4px 0px 4px 20px;
margin: 0px 0px 0px 2px;
width: 167px;
color: #666666;
}
#menu ul li.lien05 ul ul ul li a.on,
#menu ul li.lien05 ul ul ul li a:hover{
background: url(over_mg_niv04_body05.gif);
background-repeat: no-repeat;
background-position: 25px -137px;
color: #F1B200;
}
/* --- SOUS MENU FLIP FLAP  --- */
#menu ul li ul.flip{
margin: 0px 0px 0px 0px;
padding: 0px 0px 7px 0px;
position: absolute;
top: -28px;
display: block;
z-index: 1000;
width: 187px;
background-repeat: no-repeat;
background-position: bottom left;
z-index: 999;
}
#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;
background-position: bottom center;
background-repeat: no-repeat;
}
#menu ul li ul.flip li a{
display: block;
width: 165px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 5px 2px 5px 15px;
background-image: none;
text-align: left;
background-position: 5px 8px;
background-repeat: no-repeat;
color: #000000;
}
#menu ul li ul.flip li a:hover{
display: block;
width: 165px;
background-image: none;
background-position: 0px -145px;
background-repeat: no-repeat;
background-color: #FFFFFF;
padding: 5px 2px 5px 15px;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#menu ul li.lien01 ul.flip{
position: absolute;
left:12px;
background-image: url(bg_ul_body1.png);
}
#menu ul li.lien01 ul.flip li a,
#menu ul li.lien01 ul.flip li a{
background-image: url(puce_flip_niv2_body1.png);
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien01 ul.flip li a:hover,
#menu ul li.lien01 ul.flip li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: url(puce_flip_niv2_body1.png);
background-position: 5px 8px;
}
#menu ul li.lien02 ul.flip{
position: absolute;
left:206px;
background-image: url(bg_ul_body2.png);
}
#menu ul li.lien02 ul.flip li a,
#menu ul li.lien02 ul.flip li a{
background-image: url(puce_flip_niv2_body2.png);
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien02 ul.flip li a:hover,
#menu ul li.lien02 ul.flip li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: url(puce_flip_niv2_body2.png);
background-position: 5px 8px;
}
#menu ul li.lien03 ul.flip{
position: absolute;
left:400px;
background-image: url(bg_ul_body3.png);
}
#menu ul li.lien03 ul.flip li a,
#menu ul li.lien03 ul.flip li a{
background-image: url(puce_flip_niv2_body3.png);
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien03 ul.flip li a:hover,
#menu ul li.lien03 ul.flip li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: url(puce_flip_niv2_body3.png);
background-position: 5px 8px;
}
#menu ul li.lien04 ul.flip{
position: absolute;
left:594px;
background-image: url(bg_ul_body4.png);
}
#menu ul li.lien04 ul.flip li a,
#menu ul li.lien04 ul.flip li a{
background-image: url(puce_flip_niv2_body4.png);
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien04 ul.flip li a:hover,
#menu ul li.lien04 ul.flip li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: url(puce_flip_niv2_body4.png);
background-position: 5px 8px;
}
#menu ul li.lien05 ul.flip{
position: absolute;
left:788px;
background-image: url(bg_ul_body5.png);
}
#menu ul li.lien05 ul.flip li a,
#menu ul li.lien05 ul.flip li a{
background-image: url(puce_flip_niv2_body5.png);
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien05 ul.flip li a:hover,
#menu ul li.lien05 ul.flip li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: url(puce_flip_niv2_body5.png);
background-position: 5px 8px;
}
/* pour le troisieme niveau */
#menu ul li ul.flip li{
position: relative;
top: 0px;
left: 0px;
}
#menu ul li ul.flip li ul{
position: absolute;
top: 0px;
left: 0px;
}
#menu ul li ul.flip li ul li a{
background-image: none;
margin: 0px 0px 0px 0px;
padding: 5px 2px 5px 20px;
}
#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,
#menu ul li.lien05 ul.flip li ul{
position: absolute;
top: 0px;
width: 187px;
background-repeat: no-repeat;
background-position: bottom left;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#menu ul li.lien01 ul.flip li ul{
position: absolute;
left: 185px;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background-image: none;
background-image: url(bg_ul_body1.png);
border-top: 1px #448416 solid;
z-index: 999;
}
#menu ul li.lien01 ul.flip li ul li{
background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li.lien01 ul.flip li ul li a,
#menu ul li.lien01 ul.flip li a li a{
background-image: none;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien01 ul.flip li ul li a:hover,
#menu ul li.lien01 ul.flip li ul li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: none;
background-position: 5px 8px;
color: #666666;
}
#menu ul li.lien02 ul.flip li ul{
position: absolute;
left: 185px;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background-image: none;
background-image: url(bg_ul_body2.png);
border-top: 1px #0B68A6 solid;
}
#menu ul li.lien02 ul.flip li ul li{
background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li.lien02 ul.flip li ul li a,
#menu ul li.lien02 ul.flip li a li a{
background-image: none;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien02 ul.flip li ul li a:hover,
#menu ul li.lien02 ul.flip li ul li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: none;
background-position: 5px 8px;
color: #666666;
}
#menu ul li.lien03 ul.flip li ul{
position: absolute;
left: 185px;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background-image: none;
background-image: url(bg_ul_body3.png);
border-top: 1px #7700AE solid;
}
#menu ul li.lien03 ul.flip li ul li{
background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li.lien03 ul.flip li ul li a,
#menu ul li.lien03 ul.flip li a li a{
background-image: none;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien03 ul.flip li ul li a:hover,
#menu ul li.lien03 ul.flip li ul li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: none;
background-position: 5px 8px;
color: #666666;
}
#menu ul li.lien04 ul.flip li ul{
position: absolute;
left: 185px;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background-image: none;
background-image: url(bg_ul_body4.png);
border-top: 1px #E47600 solid;
}
#menu ul li.lien04 ul.flip li ul li{
background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li.lien04 ul.flip li ul li a,
#menu ul li.lien04 ul.flip li a li a{
background-image: none;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien04 ul.flip li ul li a:hover,
#menu ul li.lien04 ul.flip li ul li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: none;
background-position: 5px 8px;
color: #666666;
}
#menu ul li.lien05 ul.flip li ul{
position: absolute;
left: 185px;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
background-image: none;
background-image: url(bg_ul_body5.png);
border-top: 1px #F1B200 solid;
}
#menu ul li.lien05 ul.flip li ul li{
background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li.lien05 ul.flip li ul li a,
#menu ul li.lien05 ul.flip li a li a{
background-image: none;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
}
#menu ul li.lien05 ul.flip li ul li a:hover,
#menu ul li.lien05 ul.flip li ul li a.lv1Over{
width: 165px;
margin: 0px 0px 0px 2px;
padding: 5px 2px 5px 15px;
background-image: none;
background-position: 5px 8px;
color: #666666;
}
/* pour le 4eme niveau */
#menu ul li.lien01 ul.flip li ul li ul,
#menu ul li.lien02 ul.flip li ul li ul,
#menu ul li.lien03 ul.flip li ul li ul,
#menu ul li.lien04 ul.flip li ul li ul,
#menu ul li.lien05 ul.flip li ul li ul,
#menu ul li.lien06 ul.flip li ul li ul{
position: absolute;
display: block;
top: 0px;
}