/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#wrapMenu {
 float:left;
 width:940px;
 margin-top:10px;
border-bottom: #682145 5px solid;
}
#wrapMenu .com-menu {
display: inline;
position: relative;
z-index: 1000;
background-color: transparent;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:Arial;
}
#wrapMenu .com-menu ul{
margin: 0px;
padding: 0;
}
#wrapMenu .com-menu ul li{ /* -- supprime la hauteur des li pour IE --*/
display:inline;
}
#wrapMenu .com-menu ul li.lien_accueil {
 display:none;
}
#wrapMenu .com-menu > ul > li > a {
display: block;
text-decoration: none;
color: #000;
font-size:0.9em;
background: #d7d2cb;
text-transform:uppercase;
float:left;
height:45px;
line-height:45px;
margin-right:1px;
background-image:url(plus.png);
background-repeat:no-repeat;
}
#wrapMenu .com-menu ul li a:hover,
#wrapMenu .com-menu ul li.on a,
#wrapMenu .com-menu ul li a.lv1Over {
display: block;
background-color:#682145;
color:#fff;
}
#wrapMenu .com-menu ul li.lien01 a{
padding:0 0 0 5px;
width:121px;
background-position:110px 20px;
}
#wrapMenu .com-menu ul:hover li a{
opacity: 0.6;
}
#wrapMenu .com-menu ul li.lien01 a:hover,
#wrapMenu .com-menu ul li.lien01_on a,
#wrapMenu .com-menu ul li.lien01 a.lv1Over{
background-position:110px -56px;
}
#wrapMenu .com-menu ul li.lien02 a{
width:156px;
padding:8px 20px 0 8px;
line-height:normal;
height:37px;
background-position:159px 28px;
}

#wrapMenu .com-menu ul li a:hover,
#wrapMenu .com-menu ul li a.lv1Over,
#wrapMenu .com-menu ul li a.on{
opacity: 1;
}
#wrapMenu .com-menu ul li.lien02 a:hover,
#wrapMenu .com-menu ul li.lien02_on a,
#wrapMenu .com-menu ul li.lien02 a.lv1Over{
background-position:159px -48px;
}
#wrapMenu .com-menu ul li.lien03 a{
width:100px;
padding:8px 0 0 10px;
line-height:normal;
height:37px;
background-position:80px 28px;
}
#wrapMenu .com-menu ul li.lien03 a:hover,
#wrapMenu .com-menu ul li.lien03_on a,
#wrapMenu .com-menu ul li.lien03 a.lv1Over{
background-position:80px -48px;
}
#wrapMenu .com-menu ul li.lien04 a{
width:65px;
text-align:center;
background-position:52px 20px;
}
#wrapMenu .com-menu ul li.lien04 a:hover,
#wrapMenu .com-menu ul li.lien04_on a,
#wrapMenu .com-menu ul li.lien04 a.lv1Over{
background-position:52px -56px;
}
#wrapMenu .com-menu ul li.lien05 a{
width:100px;
padding:8px 0 0 10px;
line-height:normal;
height:37px;
background-position:80px 28px;
}
#wrapMenu .com-menu ul li.lien05 a:hover,
#wrapMenu .com-menu ul li.lien05_on a,
#wrapMenu .com-menu ul li.lien05 a.lv1Over{
background-position:80px -48px;
}
#wrapMenu .com-menu ul li.lien06 a{
width:109px;
padding:0 0 0 8px;
background-position:100px 20px;
}
#wrapMenu .com-menu ul li.lien06 a:hover,
#wrapMenu .com-menu ul li.lien06_on a,
#wrapMenu .com-menu ul li.lien06 a.lv1Over{
background-position:100px -56px;
}
#wrapMenu .com-menu ul li.lien07 a{
width:128px;
padding:0 0 0 8px;
background-position:120px 20px;
}
#wrapMenu .com-menu ul li.lien07 a:hover,
#wrapMenu .com-menu ul li.lien07_on a,
#wrapMenu .com-menu ul li.lien07 a.lv1Over{
background-position:120px -56px;
}
#wrapMenu .com-menu ul li.lien08 a{
width:128px;
padding:0 0 0 9px;
margin:0;
background-position:120px 20px;
}
#wrapMenu .com-menu ul li.lien08 a:hover,
#wrapMenu .com-menu ul li.lien08_on a,
#wrapMenu .com-menu ul li.lien08 a.lv1Over{
background-position:120px -56px;
}
/* --- SOUS MENU  --- */
#wrapMenu .com-menu ul li ul,
#wrapMenu .com-menu ul.on li ul.on li ul,
#wrapMenu .com-menu ul.on li ul.on li ul.on li ul,
#wrapMenu .com-menu ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}
#wrapMenu .com-menu ul li.on ul,
#wrapMenu .com-menu ul.on li ul.on li.on ul,
#wrapMenu .com-menu ul.on li ul.on li ul.on li.on ul,
#wrapMenu .com-menu ul.on li ul.on li ul.on li ul.on li.on ul{
display: none;
position: relative;
}
#wrapMenu .com-menu ul li ul {
margin: 5px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
/*------------------------------------------------------------------------*/
/* ------------------ SOUS MENU FLIP FLAP  ------------------ */
#wrapMenu .com-menu ul li ul.flip{
margin: 0px 0px 0px 0px;
padding: 10px 15px 10px 15px;
position: absolute;
width: 910px;
left:0;
top:45px;
display: block;
z-index: 10000;
background:#682145;
color:#fff;
border-bottom:5px solid #b3292e;
}
#wrapMenu .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: 0px; 
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}
#wrapMenu .com-menu ul li ul.flip li:first-child{
border-top: none;
}
#wrapMenu .com-menu ul li ul.flip li a{
display: block;
width: 176px;
height: auto;
margin: 0px 20px 0px 1px;
padding: 0px 0px 0px 10px;
background:url(plus.png) no-repeat 0 -70px;
text-align: left;
color: #ffffff;
text-transform: none;
font-weight: normal;
float:left;
min-height:40px;
text-decoration:none;
}
#wrapMenu .com-menu ul li ul.flip li a:hover{
color: #FFFFFF;
text-decoration:underline;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#wrapMenu .com-menu ul li.lien01 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenu .com-menu ul li.lien01 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien01 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien02 ul.flip{
border-bottom:5px solid #4c878f;
}
#wrapMenu .com-menu ul li.lien02 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien02 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien03 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenu .com-menu ul li.lien03 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien03 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien04 ul.flip{
border-bottom:5px solid #445cca;
}
#wrapMenu .com-menu ul li.lien04 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien04 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien05 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenu .com-menu ul li.lien05 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien05 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien06 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenu .com-menu ul li.lien06 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien06 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien07 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenu .com-menu ul li.lien07 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien07 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenu .com-menu ul li.lien07 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenu .com-menu ul li.lien07 ul.flip li a:hover,
#wrapMenu .com-menu ul li.lien07 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* pour le troisieme niveau */
#wrapMenu .com-menu ul li ul li ul.flip li a{
padding: 0px 0px 0px 10px;
}
#wrapMenu .com-menu ul li ul li ul.flip{
display: none; /* mettre sur block pour activer tous les niveaux */ 
background: url(menuBottom2.gif) no-repeat right bottom;
}
#wrapMenu .com-menu ul li ul.flip li ul li a{
background-image: none;
}
#wrapMenu .com-menu ul li.lien01 ul.flip li ul,
#wrapMenu .com-menu ul li.lien02 ul.flip li ul,
#wrapMenu .com-menu ul li.lien03 ul.flip li ul,
#wrapMenu .com-menu ul li.lien04 ul.flip li ul,
#wrapMenu .com-menu ul li.lien05 ul.flip li ul
#wrapMenu .com-menu ul li.lien06 ul.flip li ul{
position: absolute;
left: 180px;
top: -10px;
padding: 10px 0px 0px 0px;
}            
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU EN ---*/
#wrapMenuEn {
 float:left;
 width:940px;
 margin-top:10px;
border-bottom: #682145 5px solid;
}
#wrapMenuEn .com-menu {
display: inline;
position: relative;
z-index: 1000;
background-color: transparent;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:Arial;
}
#wrapMenuEn .com-menu ul{
margin: 0px;
padding: 0;
}
#wrapMenuEn .com-menu ul li{ /* -- supprime la hauteur des li pour IE --*/
display:inline;
}
#wrapMenuEn .com-menu ul li.lien_accueil {
 display:none;
}
#wrapMenuEn .com-menu > ul > li > a {
display: block;
text-decoration: none;
color: #000;
font-size:0.9em;
background: #d7d2cb;
text-transform:uppercase;
float:left;
height:45px;
line-height:45px;
margin-right:1px;
background-image:url(plus.png);
background-repeat:no-repeat;
}
#wrapMenuEn .com-menu ul li a:hover,
#wrapMenuEn .com-menu ul li.on a,
#wrapMenuEn .com-menu ul li a.lv1Over {
display: block;
background-color:#682145;
color:#fff;
}
#wrapMenuEn .com-menu ul li.lien01 a{
padding:0 0 0 5px;
width:121px;
background-position:110px 20px;
}
#wrapMenuEn .com-menu ul:hover li a{
opacity: 0.6;
}
#wrapMenuEn .com-menu ul li.lien01 a:hover,
#wrapMenuEn .com-menu ul li.lien01_on a,
#wrapMenuEn .com-menu ul li.lien01 a.lv1Over{
background-position:110px -56px;
}
#wrapMenuEn .com-menu ul li.lien02 a{
width:164px;
padding:8px 20px 0 8px;
line-height:normal;
height:37px;
background-position:173px 28px;
}

#wrapMenuEn .com-menu ul li a:hover,
#wrapMenuEn .com-menu ul li a.lv1Over,
#wrapMenuEn .com-menu ul li a.on{
opacity: 1;
}
#wrapMenuEn .com-menu ul li.lien02 a:hover,
#wrapMenuEn .com-menu ul li.lien02_on a,
#wrapMenuEn .com-menu ul li.lien02 a.lv1Over{
background-position:173px -48px;
}
#wrapMenuEn .com-menu ul li.lien03 a{
width:100px;
padding:8px 0 0 10px;
line-height:normal;
height:37px;
background-position:75px 28px;
}
#wrapMenuEn .com-menu ul li.lien03 a:hover,
#wrapMenuEn .com-menu ul li.lien03_on a,
#wrapMenuEn .com-menu ul li.lien03 a.lv1Over{
background-position:75px -48px;
}
#wrapMenuEn .com-menu ul li.lien04 a{
width:65px;
text-align:center;
background-position:52px 20px;
}
#wrapMenuEn .com-menu ul li.lien04 a:hover,
#wrapMenuEn .com-menu ul li.lien04_on a,
#wrapMenuEn .com-menu ul li.lien04 a.lv1Over{
background-position:52px -56px;
}
#wrapMenuEn .com-menu ul li.lien05 a{
width:100px;
padding:8px 0 0 10px;
line-height:normal;
height:37px;
background-position:94px 28px;
}
#wrapMenuEn .com-menu ul li.lien05 a:hover,
#wrapMenuEn .com-menu ul li.lien05_on a,
#wrapMenuEn .com-menu ul li.lien05 a.lv1Over{
background-position:94px -48px;
}
#wrapMenuEn .com-menu ul li.lien06 a{
width:109px;
padding:0 0 0 8px;
background-position:95px 20px;
}
#wrapMenuEn .com-menu ul li.lien06 a:hover,
#wrapMenuEn .com-menu ul li.lien06_on a,
#wrapMenuEn .com-menu ul li.lien06 a.lv1Over{
background-position:95px -56px;
}
#wrapMenuEn .com-menu ul li.lien07 a{
width:128px;
padding:0 0 0 8px;
background-position:114px 20px;
}
#wrapMenuEn .com-menu ul li.lien07 a:hover,
#wrapMenuEn .com-menu ul li.lien07_on a,
#wrapMenuEn .com-menu ul li.lien07 a.lv1Over{
background-position:114px -56px;
}
#wrapMenuEn .com-menu ul li.lien08 a{
width:128px;
padding:0 0 0 9px;
margin:0;
background-position:114px 20px;
}
#wrapMenuEn .com-menu ul li.lien08 a:hover,
#wrapMenuEn .com-menu ul li.lien08_on a,
#wrapMenuEn .com-menu ul li.lien08 a.lv1Over{
background-position:114px -56px;
}
/* --- SOUS MENU  --- */
#wrapMenuEn .com-menu ul li ul,
#wrapMenuEn .com-menu ul.on li ul.on li ul,
#wrapMenuEn .com-menu ul.on li ul.on li ul.on li ul,
#wrapMenuEn .com-menu ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}
#wrapMenuEn .com-menu ul li.on ul,
#wrapMenuEn .com-menu ul.on li ul.on li.on ul,
#wrapMenuEn .com-menu ul.on li ul.on li ul.on li.on ul,
#wrapMenuEn .com-menu ul.on li ul.on li ul.on li ul.on li.on ul{
display: none;
position: relative;
}
#wrapMenuEn .com-menu ul li ul {
margin: 5px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
/*------------------------------------------------------------------------*/
/* ------------------ SOUS MENU FLIP FLAP  ------------------ */
#wrapMenuEn .com-menu ul li ul.flip{
margin: 0px 0px 0px 0px;
padding: 10px 15px 10px 15px;
position: absolute;
width: 910px;
left:0;
top:45px;
display: block;
z-index: 10000;
background:#682145;
color:#fff;
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .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: 0px; 
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}
#wrapMenuEn .com-menu ul li ul.flip li:first-child{
border-top: none;
}
#wrapMenuEn .com-menu ul li ul.flip li a{
display: block;
width: 176px;
height: auto;
margin: 0px 20px 0px 1px;
padding: 0px 0px 0px 10px;
background:url(plus.png) no-repeat 0 -70px;
text-align: left;
color: #ffffff;
text-transform: none;
font-weight: normal;
float:left;
min-height:40px;
text-decoration:none;
}
#wrapMenuEn .com-menu ul li ul.flip li a:hover{
color: #FFFFFF;
text-decoration:underline;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#wrapMenuEn .com-menu ul li.lien01 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .com-menu ul li.lien01 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien01 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien02 ul.flip{
border-bottom:5px solid #4c878f;
}
#wrapMenuEn .com-menu ul li.lien02 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien02 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien03 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .com-menu ul li.lien03 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien03 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien04 ul.flip{
border-bottom:5px solid #445cca;
}
#wrapMenuEn .com-menu ul li.lien04 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien04 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien05 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .com-menu ul li.lien05 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien05 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien06 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .com-menu ul li.lien06 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien06 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien07 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .com-menu ul li.lien07 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien07 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* ---- */
#wrapMenuEn .com-menu ul li.lien07 ul.flip{
border-bottom:5px solid #b3292e;
}
#wrapMenuEn .com-menu ul li.lien07 ul.flip li a:hover,
#wrapMenuEn .com-menu ul li.lien07 ul.flip li a.lv1Over{
background:url(plus.png) no-repeat 0 -70px;
}
/* pour le troisieme niveau */
#wrapMenuEn .com-menu ul li ul li ul.flip li a{
padding: 0px 0px 0px 10px;
}
#wrapMenuEn .com-menu ul li ul li ul.flip{
display: none; /* mettre sur block pour activer tous les niveaux */ 
background: url(menuBottom2.gif) no-repeat right bottom;
}
#wrapMenuEn .com-menu ul li ul.flip li ul li a{
background-image: none;
}
#wrapMenuEn .com-menu ul li.lien01 ul.flip li ul,
#wrapMenuEn .com-menu ul li.lien02 ul.flip li ul,
#wrapMenuEn .com-menu ul li.lien03 ul.flip li ul,
#wrapMenuEn .com-menu ul li.lien04 ul.flip li ul,
#wrapMenuEn .com-menu ul li.lien05 ul.flip li ul
#wrapMenuEn .com-menu ul li.lien06 ul.flip li ul{
position: absolute;
left: 180px;
top: -10px;
padding: 10px 0px 0px 0px;
}