/* 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: 136px; left: 0px; z-index: 100 	}
#menu-top 	 #menu             { margin: 0 0 0 0px; padding: 0 0 0 0 ; border-left: 1px solid #cccccc; width: 100%}     
 
a#menuhaut            { display:block; padding-left:4px; padding-right:4px; padding-top:5px; padding-bottom:5px; background-color: #efecec } 
a.menuhaut:hover      { display:block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px } 
a.menuhaut:active     { display:block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px }


/* Sous menus */

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

#menu li li {  display: block;  padding: 0; float: none;}

#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: 2px 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); opacity:.70;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); color:#333 } 
#menu li ul.sousrubrique li a:hover  		{ background-color: #FBEDED } 
#menu li ul.sousrubrique ul li a    		{ border-left: 1px solid #000}