body, div, td{
font-family: AvantGarde, Verdana, Arial;
font-size: 12px;
letter-spacing: 1px;
}
/*body {behavior: url(csshover.htc);}*/
/*div#menu a {background-color:#F6EFDD}*/
div#menu ul {padding: 0; margin:0px; background-color: #F6EFDD; text-align:center}
div#menu li {background-color:#F6EFDD; width: 160px;padding: 0; margin:0px;}
div#menu li.separ {background-color:#F6EFDD; width: 5px;padding: 0; margin:0px;}
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}
div#menu li.sm2:hover {background: #EDD;}
/* rejout couleur de fond */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:0px solid}

div#menu ul ul {position: absolute;display:none; width:100px}
div#menu li a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
div#menu li.mart a {text-decoration: none; padding: 1px 2px; text-align: left; color: maroon; font-weight: normal; font-size: 11px; letter-spacing: 1px;}
div#menu li.sm2 a {text-decoration: none; padding: 1px 2px ; text-align: left; color: maroon; font-weight: 900; letter-spacing: 1px;}
div#menu li.mart2 a {text-decoration: none; padding: 1px 2px; text-align: left; color: maroon; font-weight: normal; font-size: 11px; letter-spacing: 1px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
 
div#menu li.sm2:hover ul.niveau3 {display:block;}
div#menu li.sm2:hover ul.niveau39 {display:block;}
div#menu ul.niveau2 {top: 23px; left: 0px;}
div#menu ul.niveau3 {top:-1px; left: 160px;}
div#menu ul.niveau39 {top:-1px; left: -160px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #F6EFDD}
div#menu ul.niveau2 li:hover { background: #EBB}
div#menu ul.niveau3 li:hover { background: #EBB}

#m1{width: 165px;}
#m1:hover {background: #EBB}
div#m1 a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
#m2{width: 165px;}
#m2:hover {background: #EBB}
div#m2 a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
#m3{width: 165px;}
#m3:hover {background: #EBB}
div#m3 a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
#m4{width: 165px;}
#m4:hover {background: #EBB}
div#m4 a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
#m5{width: 165px;}
#m5:hover {background: #EBB}
div#m5 a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
#m6{width: 160px;}
#m6:hover {background: #EBB}
div#m6 a {text-decoration: none; padding: 6px 0px; display:block; letter-spacing: 1px; font-size: 12px;}
a.mlk{color: white; text-decoration: none; font-weight: normal; letter-spacing: 1px; font-size: 11px;}
a.mlk:hover{background: #EBB; color: orangered;}
a.mlkc{color: white; text-decoration: none; font-weight: normal; letter-spacing: 1px; font-size: 11px;}
a.mlkc:hover{color: orangered;}
.menubarre{background: #F6EFDD; color: #7E344B; height: 30px; text-align: center; letter-spacing: 1px; word-spacing: 5px; font-weight: 900;}
.menubarreXS{background: #F6EFDD; color: #7E344B; height: 30px; text-align: center; letter-spacing: 0px; word-spacing: 0px; font-weight: 900;}
.menubarre0{height: 30px; background-color: white;}
a.menub{color: #E8970E; text-decoration: none;}
a.menub0{color: maroon; font-weight: 900; text-decoration: none;}
a.prodinfo{color: white; text-decoration: none; letter-spacing: 1px;}
a.prodinfo:hover{color: orange;}
a.tarifprod{color: black; text-decoration: none; letter-spacing: 1px;}
a.tarifprod:hover{color: orange;}
a.tarifprod2{color: maroon; text-decoration: none; letter-spacing: 1px;}
a.tarifprod2:hover{color: orangered;}