/* CSS du menu horizontal du Front    */

#menu-top #menu a{   font: bold 10px verdana ; color: #fff; text-decoration: none; text-align: center;}
#menu-top #menu a:hover{color: #ffe000; text-decoration: underline;}
 
 
#menu-top #menu #nous_connaitre a  { width: 105px; text-align: left; }/* Largeur des conteneurs de sous menu    */
#menu-top #menu #nos_activite a    {  width: 94px ; text-align: left; }
#menu-top #menu #nous_rejoindre a  {  width: 105px;  text-align: left; }
#menu-top #menu #nos_valeurs a 	  {  width: 86px;  text-align: left;  }						
									
									 
* html #menu li li   { display: inline;}

#menu                { text-align: left;   z-index: 6000; width: 814px; height: 21px;   padding: 0;}

#menu, #menu ul      { list-style: none }
#menu li             { z-index: 6000; float: left; position:relative; top: 0px; left: 0px; margin: 0; padding: 2px 0 0 0;  height: 33px;  
				           background: url(../images/trait_menu.gif) right top no-repeat ;}
#menu li#acc {width:77px;}
#menu li.conn {width:122px;}
#menu li#act {width:111px;}
#menu li#impl {width:156px;}
#menu li#val {width:103px;}

						   
#menu a {  /* MENUS PRICIPAUX HORS SURVOL DE LA SOURIS */
   				 width: auto; 
	             padding:  8px 0 0 0;  margin: 0 18px  ;
   				 display: block;  
  				    text-align: center;
   				 color: #406f9d;} 
   
	 
#menu a:hover { /* MENUS PRICIPAUX AU SURVOL DE LA SOURIS */
  						 border:none;
						 background: none;  
						 color:  #1d456d}

#menu li ul         { display: none;   }
#menu li:hover ul   { display: block;  }

#menu li ul         { position: absolute; top: 35px; left: 0px; z-index: 7000 }

#menu li ul li      {  float: none; background: none; height: auto;   }

/*                SOUS-MENUS HORS SURVOL DE LA SOURIS                            */
  

#menu li ul li  {   padding: 0 }
	
#menu li ul li a {           
                   text-align: left; 
						 height: auto; 
   					 margin: 0; padding: 4px 0 4px 15px; 
					    border-bottom: 1px solid #27a68f;
	                background-color: #199881;   
                   display: block;
                   color: #fff;}

 #menu li ul li a:hover { border-bottom: 1px solid #27a68f;    
   							  color: #fff;
								  background: #27a68f url(../images/bg_a_menu.gif) 4px 7px no-repeat;     }