/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#wrapmenu {
position:relative;
background:url(trameachure.gif) repeat 0 0 transparent;
}
#wrapmenu h2{
margin:0;
padding:0;
background:url(bgTopUl.png) no-repeat center 5px transparent;
height:40px;
text-transform:uppercase;
color:#db0d4b;
line-height:40px;
padding-left:12px;
font-size:1.2em;
}
.com-menu {
display: inline;
position: relative;
z-index: 1000;
background-color: transparent;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 204px;
background:url(trameachure.gif) repeat 0 0 transparent;
}
.com-menu .lien_accueil{
display:none;
}
.com-menu > ul{
margin: 0px;
padding: 0 0 0 0;
width:204px;
}
.com-menu ul li{ /* -- supprime la hauteur des li pour IE --*/
display:inline;
}
.com-menu ul > li > a {
padding:0 4px 0 20px;
width:180px;
display: block;
color:#fff;
min-height:24px;
border-bottom:1px dashed #840626;
padding-top:5px;
}
.com-menu ul li a {
display: block;
text-decoration: none;
color: #fff;
background:url(puceNiv1.gif) no-repeat 8px -81px transparent;
font-weight:bold;
}
.com-menu ul > li > a:hover,
.com-menu ul > li > a:focus {
background-position:8px 10px;
}
.com-menu ul li.on a{
background:url(puceNiv1.gif) no-repeat 8px -81px #00375c;
}
.com-menu ul li a:hover,
.com-menu ul li a:focus,
.com-menu ul li.on a,
.com-menu ul li a.lv1Over {
display: block;
}
/* --- 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: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.com-menu ul li.on ul > li > a {
position: relative;
width: 179px;
height: auto;
font-size: 100%;
padding:5px 5px 0 20px;
margin: 0px 0px 0px 0px;
text-decoration: none;
text-align: left;
color: #00375c;
font-weight: bold;
background:url(puceNiv2.gif) no-repeat 10px -82px #fff;
border-bottom:1px dashed #00375c;
}
.com-menu ul li.on ul > li > a:hover,
.com-menu ul li ul li.on a{
background:url(puceNiv2.gif) no-repeat 10px 13px #fff;
color: #d50b3e;
}
.com-menu ul ul ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.com-menu ul li.on ul ul li a {
background-color: #fff;
background-image:none;
color:#333333;
padding-left:25px;
width:174px;
}
.com-menu ul li.on ul ul li a:hover,
.com-menu ul li.on ul ul li.on a{
background-image:none;
background-color: #ffffff;
color:#00375c;
}
.com-menu ul ul ul ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.com-menu ul li.lien01 ul ul ul li a,
.com-menu ul li.lien01 ul ul ul.on li a,
.com-menu ul li.lien02 ul ul ul li a,
.com-menu ul li.lien02 ul ul ul.on li a,
.com-menu ul li.lien03 ul ul ul li a,
.com-menu ul li.lien03 ul ul ul li a.on,
.com-menu ul li.lien03 ul ul ul.on li a,
.com-menu ul li.lien04 ul ul ul li a,
.com-menu ul li.lien04 ul ul ul.on li a,
.com-menu ul li.lien05 ul ul ul li a,
.com-menu ul li.lien05 ul ul ul.on li a,
.com-menu ul li.lien06 ul ul ul li a,
.com-menu ul li.lien06 ul ul ul.on li a{
background-color: #fff;
color:#000000;
font-size:0.85em;
padding-left:30px;
width:169px;
}
.com-menu ul li.lien01 ul ul ul li a:hover,
.com-menu ul li.lien01 ul ul ul li.on a,
.com-menu ul li.lien02 ul ul ul li a:hover,
.com-menu ul li.lien02 ul ul ul li.on a,
.com-menu ul li.lien03 ul ul ul li a:hover,
.com-menu ul li.lien03 ul ul ul li.on a,
.com-menu ul li.lien04 ul ul ul li a:hover,
.com-menu ul li.lien04 ul ul ul li.on a,
.com-menu ul li.lien05 ul ul ul li a:hover,
.com-menu ul li.lien05 ul ul ul li.on a,
.com-menu ul li.lien06 ul ul ul li a:hover,
.com-menu ul li.lien06 ul ul ul li.on a{
background-color: #fff;
text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RICH MENU ---*/
 /*--------------------------------------------------------------------------------------------------------------*/
#wrapperrichmenu {
float:left;
margin-left:24px;
}


.opaque {
-moz-opacity:0.2;
opacity: 0.2;
filter:alpha(opacity=20); 
}


.richMenu > ul {
margin:0;
padding:0;
position:relative;
}
.richMenu > ul > li {
position: absolute; 
background-color: transparent;
height: 57px;
text-decoration: none;
text-align: left;
font-size: 1.4em;
color: #FFFFFF;
top:90px;
width:249px;
}
.richMenu > ul > li > a{
text-decoration: none;
color: #FFFFFF;
display: block;
width:213px;
height:40px;
background-position: 0 -57px;
padding:2px 0 15px 23px;
font-weight:bold;
font-size:17px;
text-transform:uppercase;
}
.richMenu > ul > li.lien01 > a{
background-image:url(bgmega01.jpg);
}
.richMenu > ul > li.lien02 > a{
background-image:url(bgmega02.jpg);
}
.richMenu > ul > li.lien03 > a{
background-image:url(bgmega03.jpg);
}
.richmini {
font-weight:normal;
font-size:0.6em;
display:block;
text-transform:none;
}
.richMenu > ul > li.on > a,
.richMenu > ul > li > a:hover,
.richMenu > ul > li > a:focus,
.richMenu > .lv1over > li > a,
.richMenu > .lv1over > li > a,
.richMenu > ul > li:hover,
body.body01 .richMenu > ul > li.lien01 > a,
body.body02 .richMenu > ul > li.lien02 > a,
body.body03 .richMenu > ul > li.lien03 > a{
background-position: 0 0;
}
.richMenu > ul > li.lien01{
left: 222px;
}
.richMenu > ul > li.lien02{ 
left: 471px;
}
.richMenu > ul > li.lien03{
left: 720px;
}
/*--- SOUS NIVEAU RICH MENU ---*/
.richMenu ul > li.lien01 > ul,
.richMenu ul > li.lien02 > ul {
margin: 0;
padding: 0;
display: none;
background: #FFFFFF;
}


.richMenu ul > li.lien01 > ul,
.richMenu ul > li.lien01 > ul,
.richMenu ul > li.lien02 > ul,
.richMenu ul > li.lien02 > ul {
padding: 15px 10px 10px 10px;
display: none;
position: absolute;
z-index: 99;
top: 57px;
left:0;
width: 714px;
background:#E7E7E7;
min-height: 100px;
}
.richMenu ul > li.lien02 > ul,
.richMenu ul > li.lien02 > ul{
left:-249px;
}
.richMenu ul li ul li {
margin: 2px 5px;
display: block;
float: left;
width: 325px;
color: #908888;
font-size: .675em;
text-transform: none;
line-height: normal;
text-align: left;
}
.richMenu ul li ul li a{
display: block;
float: left;
width: 313px;
padding:2px 3px;
text-decoration: none;
background-image: none;
color: #908888;
font-weight: normal;
line-height: 1.2em;
font-size:1.4em;
background:url(puceNiv1.gif) no-repeat 0px -84px transparent;
padding-left:12px;
}
.richMenu ul ul ul > li > a{
background-image: none;
color: #908888;
font-weight: normal;
line-height: 1.2em;
float:left;
}
.richMenu ul li ul li a img{
float: left;
width: 90px;
height: 55px;
}
.richMenu ul li ul li a strong,
.richMenu ul li ul li a span{
display: block;
float: left;
width: 225px;
margin: 0 0 0px 7px;
}
.richMenu ul li ul li a strong{
font-weight: bold;
font-size: 1.2em;
margin-top: 2px;
color:#DA0D4B;
}
.richMenu ul li ul li a:hover{
background-position:0px 10px;
}
.richMenu ul li ul li a:hover strong{
color:#ffffff;
}
/* ---- SOUS SOUS NIVEAU ----*/
.richMenu ul li ul li ul {
margin:0;
padding:0;
}
.richMenu ul li ul li ul li {
margin:0;
padding:0;
}
.richMenu ul li ul li ul li a {
font-size:1.1em;
width:auto;
display:inline;
}
.richMenu ul li ul li ul li a:hover{
color:#ffffff;
background:#DB0D4B;
}