/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
display: inline;
position: relative;
z-index: 99;
background: url(bgMenu.png) no-repeat left top;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 980px;
height: 30px;
}
#menu ul li{
float: left;
}
#menu ul li a {
float: left;
height: 17px;
display: block;
padding: 8px 5px 4px 5px;
text-decoration: none;
color: #FFFFFF;
text-align: center;
border-right: #C21C8A  1px solid;
text-transform: uppercase;
background: url(bgOverMenu.gif) no-repeat -50px -50px;
}
#menu ul li.accueil a,
#menu ul li.lien02 a,
#menu ul li.lien03 a,
#menu ul li.lien04 a,
#menu ul li.lien05 a{
width: 185px;
}
#menu ul li.lien05 a {
border-right: none;
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05.on a,
#menu ul li.lien05 a:focus,
#menu ul li.lien05 a.lv1Over {
background: url(bgOverMenuRight.gif) repeat right top;
}
#menu ul li a:hover,
#menu ul li a:focus,
#menu ul li.on a,
#menu ul li.on ul li.on a,
#menu ul li a.lv1Over,
#menu ul li.on ul li a:hover,
#menu ul li.on ul li a:focus {
color: #F9C41D;
background: url(bgOverMenu.gif) repeat left top;
}
#menu ul li.on a{
font-weight: bold;
}
#menu ul li.on ul li.on a,
#menu ul li.on ul li a{
font-weight: normal;
}
#menu ul ul li a:hover,
#menu ul li.lien05 ul li a:hover,
#menu ul li.lien05.on ul li a,
#menu ul ul li a:focus,
#menu ul ul li.on a,
#menu ul li.on ul li.on a,
#menu ul ul li a.lv1Over,
#menu ul li.on ul li a:hover,
#menu ul li.on ul li a:focus {
background: url(bgPuceMenu.gif) no-repeat left 5px;
}
#menu ul li.on ul li a{
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;
}
#menu ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li.accueil a:hover,
#menu ul li.accueil a:focus,
#menu ul li.accueil_on a{
background: url(bgOverMenuLeft.gif) repeat left top;
}

/* --- SOUS MENU FLIP FLAP  --- */
#menu ul li ul.flip,
#menu ul li ul{
margin: 0px 0px 0px 0px;
padding: 10px 0px 4px 20px;
position: absolute;
width: 960px;
height: 20px;
top: 20px;
left: 0px;
background: url(bgSousMenu.png) no-repeat left bottom;
}
#menu ul li ul.flip{
display: block;
z-index: 10000;
}
#menu ul li ul.flip li{
position:relative;
top: 0px; 
left: 0px;
}
#menu ul li ul.flip li a,
#menu ul li ul li a,
#menu ul li.accueil 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{
padding: 2px 10px 0px 6px;
display: block;
height: auto;
width: auto;
text-transform: none;
background: url(bgPuceMenu.gif) no-repeat left 5px;
text-align: left;
border: none;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#menu ul li.lien01 ul.flip{
}
/* pour le troisieme niveau */
#menu ul li ul.flip li ul li a{
background-image: none;
}
#menu ul li ul.flip li ul{
display: none;
}