#menu {position:relative; top:-95px; height:37px; width:90%; z-index:999;width:100%;text-aligne:center;}

#menu ul { margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; border:0px solid #333; border-color:#3A5053 ;}
#menu ul {display:inline-block;} 






#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;background:white;}








#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul.level3 {border : 1px solid black; margin-left:1px;margin-top:-9px;} /*utile juste pour ie6 et ie5.5*/
#menu ul.level2 {border : 1px solid black;}/*utile juste pour ie6 et ie5.5*/








#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {
display:block; 
font:bold 80% arial,sans-serif; 
color:#3A5053; 
line-height:35px; 
text-decoration:none;
padding:0 20px;/*change ecartement entre les titres*/

}






#menu ul.level1 li.level1-li a.level1-a {float:left;font:bold 110% arial,sans-serif; line-height:35px; }/*background du menu principal*/


#menu ul li:hover > ul {visibility:visible; left:-1px; top:35px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-36px; margin-left:0px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:35px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-36px; margin-right:0px;}




#menu a:hover ul {left:0; top:35px;}
#menu li.left a:hover ul {left:auto; right:0px; top:34px;}
#menu li a:hover ul {top:34px;}/*les fenetre se colle bien comme ça pour ie 5.5 et 6*/

#menu li.left ul a {text-align:right;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li a.drop {background: url(bas.png) no-repeat right center;}
#menu li a.fly {background:white url(right.png) no-repeat right center;}
#menu li.left ul a.fly {background:white url(left.png) no-repeat left center;}

#menu li a:hover,
#menu li a.fly:hover {background-color:#E4F1F3;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#E4F1F3;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-6px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-35px; margin-left:-1px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-9px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-35px; margin-right:-0x;}