/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
.com-menu {
 display: inline;
 position: relative;
 z-index: 998;
 background-color: transparent;
 float: left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 width: 220px;
 font-family:"Open Sans", sans-serif;
}
.com-menu ul{
 margin: 0;
 padding: 0;
}
.com-menu ul li{ /* -- supprime la hauteur des li pour IE --*/
 display:inline;
}
body.accueil .com-menu ul li a {
 top:-49px;
}
.avecImage .com-menu ul li a {
 top: -276px;
}
.com-menu ul li a {
 position: absolute; 
 top: -106px;
 height:50px;
 display: block;
 text-decoration: none;
 text-transform:uppercase;
 text-align:center;
 color: #000;
 padding:0 10px;
 font-size:1.15em;
}
.com-menu ul li a span {
 display:block;
 height:20px;
 padding:15px 10px;
/* background-color:#C5062F;*/
}
.com-menu ul li a:hover span,
.com-menu ul li.on a span,
.com-menu ul li a.lv1Over span {
 color:#FFF;
 background-color:#C5062F;
}
.com-menu ul li.lien01 a{
 left: 0;
 padding-left:0;
}
.com-menu ul li.lien02 a{
 left: 188px;
 width:130px;
 background: url(borderBlack.gif) no-repeat left center;
}
.com-menu ul li.lien03 a{
 left: 338px;
 width:105px;
 background: url(borderBlack.gif) no-repeat left center;
}
.com-menu ul li.lien04 a{
 left: 463px;
 width:77px;
 background: url(borderBlack.gif) no-repeat left center;
}
.com-menu ul li.lien05 a{
 left: 560px;
 padding-right:0;
 background: url(borderBlack.gif) no-repeat left center;
}
/* --- SOUS MENU  --- */
.com-menu ul li ul,
.com-menu ul.on li ul.on li ul,
.com-menu ul.on li ul.on li ul.on li ul,
.com-menu ul.on li ul.on li ul.on li ul.on li ul{
 display:none;
}
.com-menu ul li.on ul,
.com-menu ul.on li ul.on li.on ul,
.com-menu ul.on li ul.on li ul.on li.on ul,
.com-menu ul.on li ul.on li ul.on li ul.on li.on ul{
 display: block;
 position: relative;
}
.com-menu ul li ul {
 margin: 0;
 padding: 0;
}
body.moteur #left ul ul {
 display:none;
}
.com-menu ul li ul li {
 display:block;
}
#left .com-menu ul li ul li a {
 position: relative;
 top: 0px;
 left: 0px;
 height: auto;
 width: 200px;
 font-size:1em;
 padding: 0 10px;
 margin: 0;
 text-decoration: none;
 text-transform: none;
 text-align: left;
 font-weight: normal;
 color: #000;
 background:none;
}
#left .com-menu ul li ul li a span {
 color:#000;
 padding:7px 0 8px 0;
 background:none;
 height:auto;
}
#left .com-menu ul li ul li a:hover, 
#left .com-menu ul li ul li a:hover span, 
#left .com-menu ul li ul li.on a, 
#left .com-menu ul li ul li.on a span {
 color: #FFF;
 background: #C5062F url(bgLien01.png) no-repeat 0 -5000px;
}
#left .com-menu ul li ul li.on a span {
 background-position:0 9px;
 padding-left:20px;
 font-weight:bold;
}
#left .com-menu ul ul ul {
 margin: 0;
 padding: 0;
}
#left .com-menu ul li ul ul li a, 
#left .com-menu ul li ul ul.on li a, 
#left .com-menu ul li ul ul li a span, 
#left .com-menu ul li ul ul.on li a span {
 font-size:0.95em;
 color:#000;
 background:#E3E4E5;
}
#left .com-menu ul li ul ul li a:hover span,
#left .com-menu ul li ul ul li.on a span {
 color:#C5062F;
}
#left .com-menu ul li ul ul li a span {
 padding:5px 0 5px 20px;
}
#left .com-menu ul li ul ul ul li a, 
#left .com-menu ul li ul ul ul.on li a, 
#left .com-menu ul li ul ul ul li a span, 
#left .com-menu ul li ul ul ul.on li a span {
 font-size:0.9em;
 color:#000;
 font-weight:normal;
}
#left .com-menu ul li ul ul ul li a:hover span,
#left .com-menu ul li ul ul ul li.on a span {
 color:#C5062F;
}
#left .com-menu ul li ul ul ul.on li a span {
 padding:2px 0 2px 40px;
}
/*------------------------------------------------------------------------*/
/* ------------------ SOUS MENU FLIP FLAP ------------------ */
body.accueil #left .com-menu ul li ul.flip {
 top: 0;
}
#left.avecImage .com-menu ul li ul.flip {
 top: -226px;
}
body.moteur #left ul ul.flip {
 display:block;
}
.com-menu ul li ul.flip {
 margin: 0px 0px 0px 0px;
 padding: 20px 15px;
 position: absolute;
 width: 670px;
 top: -56px;
 display: block;
 z-index: 10000;
 background:url(bgMenu.png) repeat left top;
}
#left .com-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: 0; 
 left: 0;
 margin: 0
 padding: 0;
 float:left;
 width: 223px;
}
#left .com-menu ul li ul.flip li + li + li + li {
 padding-top:1px;
 background:url(border_menu.png) no-repeat left top;
}
#left .com-menu ul li ul.flip li a {
 display: block;
 min-height:37px;
 height: auto;
 width:auto;
 font-size:1em;
 position:relative;
 top:0;
 left:0;
 margin: 0 5px;
 padding: 5px 0 5px 16px;
 text-align: left;
 color: #FFF;
 background:url(puce_menu.png) no-repeat 0 10px;
 text-transform: none;
 font-weight: normal;
}
#left .com-menu ul li ul.flip li a span {
 display:block;
 padding:0;
 color:#FFF;
 background:none;
 font-weight:normal;
}
#left .com-menu ul li ul.flip li a:hover, 
#left .com-menu ul li ul.flip li a:hover span {
 text-decoration:underline;
 background-color:transparent;
 /*color: #000;
 background: #FFF;*/
}