/*-- MENU --*/
/* HACK IE6*/
body #menu {
float: left;
margin-top:0px;
width: 190px;
margin-left:-1px;
padding-bottom:250px;
background:#fff url(img_menu_bottom.gif) bottom left no-repeat;
}
/*---*/

html > body #menu {
float: left;
margin-top:0px;
width: 190px;
margin-left:-1px;
margin-right:9px;
padding-bottom:250px;
background:#fff url(img_menu_bottom.gif) bottom left no-repeat;
}
#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 ul.on,
#menu ul.on li ul.on li ul.on li ul.on,
#menu ul.on li ul.on li ul.on li ul.on li ul.on  {
display: block;
}

/* --- LIEN ACCUEIL --- */

#menu ul li.accueil {
background:url(bg_a_dotted.gif) right bottom no-repeat;
}
#menu ul li.accueil a {
background:url(bg_lien01.gif) left bottom;
}
#menu ul li.accueil a:hover {
background:url(bg_lien01.gif) left top;
color: #FFFFFF;
font-weight: bold;
}

body.bodyaccueil #menu ul li.accueil a {
background:url(bg_lien01.gif) left top;
color: #FFFFFF;
font-weight: bold;
}
#menu ul li{
display: block;
width: 167px;
position:relative;
margin:3px 0 3px 0;
height:auto;
padding-bottom:8px;
background:url(bg_a_dotted.gif) right bottom no-repeat;
float: left;
}
#menu ul li a {
text-decoration: none;
margin: 0px 0px 0px 0px;
display: block;
color: #999999;
padding: 0px 5px 0px 20px;
font-variant:small-caps;
font-size:medium;
line-height:20px;
}
#menu ul li ul li{
background-image: none;
}
#menu ul li.on a,
#menu ul li.on a:hover,
#menu ul li a.lv1Over,
#menu ul li a:hover {
color:#FFFFFF;
font-weight:bold;
}
#menu ul li.lien02_on a,
#menu ul li.lien02_on a:hover,
#menu ul li.lien02 a:hover{
color:#FFFFFF;
font-weight:bold;
}

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

#menu ul li ul {
display: none;
font-size: x-small;
}
#menu ul li.on ul {
display: block;
font-size: x-small;
}

#menu ul li ul.on{
margin:10px 0px;
}
#menu ul li ul.on li a{
padding:0px 0px 0px 18px;
margin:0px 0px 0px 5px;
color:#000000;
font-variant:normal;
font-weight:normal;
font-size:small;
}
#menu ul li ul.on li ul.on{
margin:0;
padding:0;
}
#menu ul li ul.on li ul li a {
padding:0px 0px 0px 20px;
margin:0px 0px 0px 20px;
font-size:x-small;
font-weight:normal;
}
#menu ul li ul.on li ul.on li a{
color:#000;
font-weight:normal;
}

/* --- SOUS MENU FLIP FLAP --- */

#menu ul li ul.flip{
width:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
left:167px;
top:0px;
background-image: none;
display:block;
}
#menu ul li ul.flip li{
position:relative;
margin:0px 0px 0px 0px;
padding:0px 15px 0px 0px;
border-bottom:#fff 1px solid;
background-image: none;
}
#menu ul li ul.flip li a{
background-image:none;
margin:0px 0px 0px 0px;
padding:0px 15px 0px 18px;
color:#FFFFFF;
font-variant:normal;
font-size:small;
}
#menu ul li ul.flip li ul{
width:180px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
left:180px;
top:0px;
background-image: none;
}
#menu ul li ul.flip li ul li{
margin:0px 0px 0px 0px;
padding:0px 15px 0px 0px;
}

/* --- LIEN 01 --- */

#menu ul li.lien01 a{
background:url(bg_lien01.gif) left bottom;
}

#menu ul li.lien01_on a,
#menu ul li.lien01_on a:hover,
#menu ul li.lien01 a.lv1Over,
#menu ul li.lien01 a:hover {
background:url(bg_lien01.gif) left top;
}
/* --- SOUS MENU --- LIEN 01 --- */

#menu ul li.lien01 ul.on li a,
#menu ul li.lien01 ul.on li ul li a,
#menu ul li.lien01 ul li ul.on li a,
#menu ul li.lien01 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien01.gif) left 4px no-repeat;
}
#menu ul li.lien01_on ul.on li.on a,
#menu ul li.lien01 ul.on li a:hover{
color:#CC0000;
background:url(bg_menu_ul_li_lien01.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien01_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien01.gif) 3px 4px no-repeat;
}
#menu ul li.lien01_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien01_on ul.on li ul li.on a{
color:#CC0000;
font-weight: bold;
}

/* --- SOUS MENU FLIP FLAP --- LIEN 01 --- */

#menu ul li.lien01 ul.flip{
background:url(bg_lien01_sm.gif) top left  no-repeat #CC0000;
}
#menu ul li.lien02 ul.flip li ul{
background:url(bg_lien01_sm.gif) top left  no-repeat #CC0000;
}
#menu ul li.lien01 ul.flip li a{
background-image:none;
}

/* --- LIEN 02 --- */

#menu ul li.lien02 a{
background:url(bg_lien02.gif) left bottom;
}

#menu ul li.lien02_on a,
#menu ul li.lien02_on a:hover,
#menu ul li.lien02 a.lv1Over,
#menu ul li.lien02 a:hover {
background:url(bg_lien02.gif) left top;
}
/* --- SOUS MENU --- LIEN 02 --- */

#menu ul li.lien02 ul.on li a,
#menu ul li.lien02 ul.on li ul li a,
#menu ul li.lien02 ul li ul.on li a,
#menu ul li.lien02 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien02.gif) left 4px no-repeat;
}
#menu ul li.lien02_on ul.on li.on a,
#menu ul li.lien02 ul.on li a:hover{
color:#CC6600;
background:url(bg_menu_ul_li_lien02.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien02_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien02.gif) 3px 4px no-repeat;
}
#menu ul li.lien02_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien02_on ul.on li ul li.on a{
color:#CC6600;
font-weight: bold;
}
/* --- SOUS MENU FLIP FLAP --- LIEN 02 --- */

#menu ul li.lien02 ul.flip li a{
background-image:none;
}

#menu ul li.lien02 ul.flip{
background:url(bg_lien02_sm.gif) top left  no-repeat #CC6600;
}
#menu ul li.lien02 ul.flip li ul{
background:url(bg_lien02_sm.gif) top left  no-repeat #CC6600;
}

/* --- LIEN 03 --- */

#menu ul li.lien03 a{
background:url(bg_lien03.gif) left bottom;
}

#menu ul li.lien03_on a,
#menu ul li.lien03_on a:hover,
#menu ul li.lien03 a.lv1Over,
#menu ul li.lien03 a:hover {
background:url(bg_lien03.gif) left top;
}
/* --- SOUS MENU --- LIEN 03 --- */

#menu ul li.lien03 ul.on li a,
#menu ul li.lien03 ul.on li ul li a,
#menu ul li.lien03 ul li ul.on li a,
#menu ul li.lien03 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien03.gif) left 4px no-repeat;
}
#menu ul li.lien03_on ul.on li.on a,
#menu ul li.lien03 ul.on li a:hover{
color:#FFCC00;
background:url(bg_menu_ul_li_lien03.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien03_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien03.gif) 3px 4px no-repeat;
}
#menu ul li.lien03_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien03_on ul.on li ul li.on a{
color:#FFCC00;
font-weight: bold;
}

/* --- SOUS MENU FLIP FLAP --- LIEN 03 --- */

#menu ul li.lien03 ul.flip li a{
background-image:none;
}

#menu ul li.lien03 ul.flip{
background:url(bg_lien03_sm.gif) top left  no-repeat #FFCC00;
}
#menu ul li.lien03 ul.flip li ul{
background:url(bg_lien03_sm.gif) top left  no-repeat #FFCC00;
}


/* --- LIEN 04 --- */

#menu ul li.lien04 a{
background:url(bg_lien04.gif) left bottom;
}

#menu ul li.lien04_on a,
#menu ul li.lien04_on a:hover,
#menu ul li.lien04 a.lv1Over,
#menu ul li.lien04 a:hover {
background:url(bg_lien04.gif) left top;
}
/* --- SOUS MENU --- LIEN 04 --- */

#menu ul li.lien04 ul.on li a,
#menu ul li.lien04 ul.on li ul li a,
#menu ul li.lien04 ul li ul.on li a,
#menu ul li.lien04 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien04.gif) left 4px no-repeat;
}
#menu ul li.lien04_on ul.on li.on a,
#menu ul li.lien04 ul.on li a:hover{
color:#336600;
background:url(bg_menu_ul_li_lien04.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien04_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien04.gif) 3px 4px no-repeat;
}
#menu ul li.lien04_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien04_on ul.on li ul li.on a{
color:#336600;
font-weight: bold;
}

/* --- SOUS MENU FLIP FLAP --- LIEN 04 --- */

#menu ul li.lien04 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien04 ul.flip{
background: #336600 url(bg_lien04_sm.gif) top left  no-repeat ;
}
#menu ul li.lien04 ul.flip li ul{
background: #336600 url(bg_lien04_sm.gif) top left  no-repeat;
}



/* --- LIEN 05 --- */

#menu ul li.lien05 a{
background:url(bg_lien05.gif) left bottom;
}

#menu ul li.lien05_on a,
#menu ul li.lien05_on a:hover,
#menu ul li.lien05 a.lv1Over,
#menu ul li.lien05 a:hover {
background:url(bg_lien05.gif) left top;
}
/* --- SOUS MENU --- LIEN 05 --- */

#menu ul li.lien05 ul.on li a,
#menu ul li.lien05 ul.on li ul li a,
#menu ul li.lien05 ul li ul.on li a,
#menu ul li.lien05 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien05.gif) left 4px no-repeat;
}
#menu ul li.lien05_on ul.on li.on a,
#menu ul li.lien05 ul.on li a:hover{
color:#009900;
background:url(bg_menu_ul_li_lien05.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien05_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien05.gif) 3px 4px no-repeat;
}
#menu ul li.lien05_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien05_on ul.on li ul li.on a{
color:#009900;
font-weight: bold;
} 


/* --- SOUS MENU FLIP FLAP --- LIEN 05 --- */

#menu ul li.lien05 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien05 ul.flip{
background: #009900 url(bg_lien05_sm.gif) top left  no-repeat ;
}
#menu ul li.lien05 ul.flip li ul{
background: #009900 url(bg_lien05_sm.gif) top left  no-repeat;
}

/* --- LIEN 06 --- */

#menu ul li.lien06 a{
background:url(bg_lien06.gif) left bottom;
}

#menu ul li.lien06_on a,
#menu ul li.lien06_on a:hover,
#menu ul li.lien06 a.lv1Over,
#menu ul li.lien06 a:hover {
background:url(bg_lien06.gif) left top;
}
/* --- SOUS MENU --- LIEN 06 --- */

#menu ul li.lien06 ul.on li a,
#menu ul li.lien06 ul.on li ul li a,
#menu ul li.lien06 ul li ul.on li a,
#menu ul li.lien06 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien06.gif) left 4px no-repeat;
}
#menu ul li.lien06_on ul.on li.on a,
#menu ul li.lien06 ul.on li a:hover{
color:#3399CC;
background:url(bg_menu_ul_li_lien06.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien06_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien06.gif) 3px 4px no-repeat;
}
#menu ul li.lien06_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien06_on ul.on li ul li.on a{
color:#3399CC;
font-weight: bold;
}  

/* --- SOUS MENU FLIP FLAP --- LIEN 06 --- */

#menu ul li.lien06 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien06 ul.flip{
background: #3399CC url(bg_lien06_sm.gif) top left  no-repeat ;
}
#menu ul li.lien06 ul.flip li ul{
background: #3399CC url(bg_lien06_sm.gif) top left  no-repeat;
}


/* --- LIEN 07 --- */

#menu ul li.lien07 a{
background:url(bg_lien07.gif) left bottom;
}

#menu ul li.lien07_on a,
#menu ul li.lien07_on a:hover,
#menu ul li.lien07 a.lv1Over,
#menu ul li.lien07 a:hover {
background:url(bg_lien07.gif) left top;
}
/* --- SOUS MENU --- LIEN 07 --- */

#menu ul li.lien07 ul.on li a,
#menu ul li.lien07 ul.on li ul li a,
#menu ul li.lien07 ul li ul.on li a,
#menu ul li.lien07 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien07.gif) left 4px no-repeat;
}
#menu ul li.lien07_on ul.on li.on a,
#menu ul li.lien07 ul.on li a:hover{
color:#006699;
background:url(bg_menu_ul_li_lien07.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien07_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien07.gif) 3px 4px no-repeat;
}
#menu ul li.lien07_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien07_on ul.on li ul li.on a{
color:#006699;
font-weight: bold;
} 

/* --- SOUS MENU FLIP FLAP --- LIEN 07 --- */

#menu ul li.lien07 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien07 ul.flip{
background: #006699 url(bg_lien07_sm.gif) top left  no-repeat ;
}
#menu ul li.lien07 ul.flip li ul{
background: #006699 url(bg_lien07_sm.gif) top left  no-repeat;
}



/* --- LIEN 08 --- */

#menu ul li.lien08 a{
background:url(bg_lien08.gif) left bottom;
}

#menu ul li.lien08_on a,
#menu ul li.lien08_on a:hover,
#menu ul li.lien08 a.lv1Over,
#menu ul li.lien08 a:hover {
background:url(bg_lien08.gif) left top;
}
/* --- SOUS MENU --- LIEN 08 --- */

#menu ul li.lien08 ul.on li a,
#menu ul li.lien08 ul.on li ul li a,
#menu ul li.lien08 ul li ul.on li a,
#menu ul li.lien08 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien08.gif) left 4px no-repeat;
}
#menu ul li.lien08_on ul.on li.on a,
#menu ul li.lien08 ul.on li a:hover{
color:#660099;
background:url(bg_menu_ul_li_lien08.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien08_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien08.gif) 3px 4px no-repeat;
}
#menu ul li.lien08_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien08_on ul.on li ul li.on a{
color:#660099;
font-weight: bold;
}
 
/* --- SOUS MENU FLIP FLAP --- LIEN 08 --- */

#menu ul li.lien08 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien08 ul.flip{
background: #660099 url(bg_lien08_sm.gif) top left  no-repeat ;
}
#menu ul li.lien08 ul.flip li ul{
background: #660099 url(bg_lien08_sm.gif) top left  no-repeat;
}



/* --- LIEN 09 --- */

#menu ul li.lien09 a{
background:url(bg_lien09.gif) left bottom;
}

#menu ul li.lien09_on a,
#menu ul li.lien09_on a:hover,
#menu ul li.lien09 a.lv1Over,
#menu ul li.lien09 a:hover {
background:url(bg_lien09.gif) left top;
}

/* --- SOUS MENU --- LIEN 09 --- */

#menu ul li.lien09 ul.on li a,
#menu ul li.lien09 ul.on li ul li a,
#menu ul li.lien09 ul li ul.on li a,
#menu ul li.lien09 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien09.gif) left 4px no-repeat;
}
#menu ul li.lien09_on ul.on li.on a,
#menu ul li.lien09 ul.on li a:hover{
color:#990000;
background:url(bg_menu_ul_li_lien09.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien09_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien09.gif) 3px 4px no-repeat;
}
#menu ul li.lien09_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien09_on ul.on li ul li.on a{
color:#990000;
font-weight: bold;
} 
 
/* --- SOUS MENU FLIP FLAP --- LIEN 09 --- */

#menu ul li.lien09 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien09 ul.flip{
background: #990000 url(bg_lien09_sm.gif) top left  no-repeat ;
}
#menu ulp li.lien09 ul.fli li a:hover{
color:#660099;
background: #990000;
}
#menu ul li.lien09 ul.flip li ul{
background: #000099 url(bg_lien09_sm.gif) top left  no-repeat;
}


/* --- LIEN 10 --- */

#menu ul li.lien10 a{
background:url(bg_lien10.gif) left bottom;
}

#menu ul li.lien10_on a,
#menu ul li.lien10_on a:hover,
#menu ul li.lien10 a.lv1Over,
#menu ul li.lien10 a:hover {
background:url(bg_lien10.gif) left top;
}

/* --- SOUS MENU --- LIEN 10 --- */

#menu ul li.lien10 ul.on li a,
#menu ul li.lien10 ul.on li ul li a,
#menu ul li.lien10 ul li ul.on li a,
#menu ul li.lien10 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien10.gif) left 4px no-repeat;
}
#menu ul li.lien10_on ul.on li.on a,
#menu ul li.lien10 ul.on li a:hover{
color:#FA5C1F;
background:url(bg_menu_ul_li_lien10.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien10_on ul.on li ul.on li a{
background: url(bg_menu_ul_li_ul_lien10.gif) 3px 4px no-repeat;
}
#menu ul li.lien10_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien10_on ul.on li ul li.on a{
color: #FA5C1F;
font-weight: bold;
} 
 
/* --- SOUS MENU FLIP FLAP --- LIEN 10 --- */

#menu ul li.lien10 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien10 ul.flip{
background: #FA5C1F url(bg_lien10_sm.gif) top left  no-repeat ;
}
#menu ulp li.lien10 ul.fli li a:hover{
color:#660099;
background: #990000;
}
#menu ul li.lien10 ul.flip li ul{
background: #FA5C1F url(bg_lien10_sm.gif) top left  no-repeat;
}



/* --- LIEN 11 --- */
#menu ul li.lien11 a{
background:url(bg_lien11.gif) left bottom;
}
#menu ul li.lien11_on a,
#menu ul li.lien11_on a:hover,
#menu ul li.lien11 a.lv1Over,
#menu ul li.lien11 a:hover {
background:url(bg_lien11.gif) left top;
}
/* --- SOUS MENU --- LIEN 11 --- */
#menu ul li.lien11 ul.on li a,
#menu ul li.lien11 ul.on li ul li a,
#menu ul li.lien11 ul li ul.on li a,
#menu ul li.lien11 ul.on li ul li a:hover{
background:url(bg_menu_ul_li_lien11.gif) left 4px no-repeat;
}
#menu ul li.lien11_on ul.on li.on a,
#menu ul li.lien11 ul.on li a:hover{
color:#999999;
background:url(bg_menu_ul_li_lien11.gif) 3px 4px no-repeat;
font-weight: bold;
}
#menu ul li.lien11_on ul.on li ul.on li a{
background:url(bg_menu_ul_li_ul_lien11.gif) 3px 4px no-repeat;
}
#menu ul li.lien11_on ul.on li ul.on li a{
color: #000;
font-weight: normal;
}
#menu ul li.lien11_on ul.on li ul li.on a{
color:#999999;
font-weight: bold;
} 
 
/* --- SOUS MENU FLIP FLAP --- LIEN 11 --- */
#menu ul li.lien11 ul.flip li a{
background-image:none;
}
 
#menu ul li.lien11 ul.flip{
background: #999999 url(bg_lien11_sm.gif) top left  no-repeat ;
}
#menu ulp li.lien11 ul.fli li a:hover{
color:#999999;
background: #999999;
}
#menu ul li.lien11 ul.flip li ul{
background: #999999 url(bg_lien11_sm.gif) top left  no-repeat;
}
#menu ul li ul.flip li.level3 {
background: url(level3.gif) top right no-repeat;
}

li.lien01, .rouge, .lien01 {}
li.lien02, .marron, .lien02 {}
li.lien03, .jaune, .lien03 {}
li.lien04, .vertFonce, .lien04 {}
li.lien05, .vertClair, .lien05 {}
li.lien06, .bleu, .lien06 {}
li.lien07, .bleuClaire, .lien07 {}
li.lien08, .violet, .lien08 {}
li.lien09, .rougeFonce, .lien09 {}
li.lien10, .orange, .lien10 {}
li.lien11, .gris, .lien11 {}