/* CSS Menu horizontal de Badaboum Front */

* html #menu li li{ display: inline;}

#menu li, #menu a , #menu li ul li a {   }
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {text-decoration: none;}


#menu-top 			         { position: absolute; top: 138px; left: 1px; z-index: 7000;	}

/*#menu    			         { position:relative; top: 0px; left: 0px; z-index: 7000;  	}*/


a#menuhaut            { display:block; padding-left:9px; padding-right:9px; padding-top:4px; padding-bottom:4px;  background-color: #efecec;   } 
a.menuhaut:hover      {  display:block; padding:10px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; } 
a.menuhaut:active     {  display:block; padding:10px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }


/* Sous menus */

#menu ul { 									/* CONTENEURS DE SOUS-MENUS */
					position: absolute;   
					width: 163px;  
					margin: 0; padding: 0; }
 
#menu li li ul { position: absolute;
					  margin-top: -23px;
					  margin-left: 163px;}
    
#menu li { 				             /* CONTENEURS DE MENUS PRINCIPAUX */
    				list-style: none; 
               display: inline; display: block;
               float: none; float: left; z-index: 5000; 
               margin: 0;  padding: 0  }

#menu li li {  display: block;  padding: 0; float: none; z-index: 5000; }

#menu a {          display: block; 
                   text-align: left; font-weight: bold; 
   				    color: #000; } 
#menu a:hover {	 color: #000; background-color: #f7dcdc  }
		
#menu li ul li a {                   /* SOUS-MENUS HORS SURVOL DE LA SOURIS */
						  
	                margin: 0; padding: 4px 3px;
						 
	                background-color: #000;  
                   display: block;
                   text-align: left;
                   color: #000}
	 
	 
 #menu li ul li a:hover { color: #000; background-color: #EEE}

#menu li ul    {  border-bottom: 2px solid #999999; border-right: 2px solid #999999 } 

								  
/* Couleur des sous menu  */								  

#menu li ul.sousrubrique     			   	{ background-color: #FFFFFF; border-left: 1px solid rgb(255, 240, 245);  z-index: 5000; filter: alpha(opacity=70); -moz-opacity: 0.7; } 
#menu li ul.sousrubrique li a  				{ background-color: #FFFFFF; border-left: 1px solid rgb(255, 240, 245); } 
#menu li ul.sousrubrique li a:hover  		{ background-color: #FBEDED } 
#menu li ul.sousrubrique ul li a    		{ border-left: 1px solid #000}