#header_menu_ma 
{
background: url(images/menu.gif) no-repeat top;
font-family:Arial;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
width: 976px; 
height: 25px;
z-index:100;
/* Pour que les sous-menus soient visibles même si le js est désactivé       */
/*margin-bottom:130px;*/
}
#header_menu_ma ul 
{
	margin: 0;
	list-style: none;
	
}
#header_menu_ma li 
{
	display: inline;
	font-weight:bold;
	
}
#header_menu_ma li ul li
{
	font-weight:normal;
	
}




/*----------------------*/

/* pour Mozilla et autres navigateurs respectants les normes W3C, on retire la marge sous le header 
(marge utilisé pour afficher les menus déroulants quand JS est désactivé sous IE et autres navigateurs de M***) */
div>#header_menu_ma 
{
	margin-bottom:0px;
}

/*Pour cacher les sous-menus :
Toutes les balises UL placées à l'intérieur d'une balise LI doivent sortir du flux et ne plus être visibles.*/
ul#header_menu li>ul{
  display:none;
}
ul#header_menu li ul{
  display:none;
}

/*Pour afficher les sous-menus au passage de la souris :
Lorsque la souris passe sur une balise LI contenant une balise UL, cette dernière doit apparaître sur la page HTML.*/
ul#header_menu li:hover>ul{
  display:block;
}

/*pour que l'onglet passe dans l'état "survol" (et y reste tant qu'on est dans le sous-menu)
Lorsque la souris passe sur une balise LI (contenue dans une balise ul d'id menu) contenant un lien de classe onglet, modification du background-position du lien */
ul#header_menu li:hover>.onglet{
background-position:0 32px;
}
/*On cache l'image d'onglet générique normale (Séparateur + ellipse) utilisée pour gagner du poids sur les images (+compliqué que d'utiliser seulement l'image background mais gain de poids ...)*/

ul#header_menu li:hover .onglet>img{
display:none;
}


ul#header_menu{
  margin:0px;
  padding:0px;  
  list-style:none;
  width:976;
  height:25px;
  /*background:#00ff00;*/
  font:11px Arial;
  margin-right:100px;
  margin-top:0px;
}

ul#header_menu li{
	position:relative;
  float:right;
  display:block;
  margin:0;
  
}


ul#header_menu li a,ul#header_menu li .onglet{
  display:block;
  padding:0;
  margin:0;
  border:0px solid #CCCCCC;
  color:#ffffff;
  text-decoration:none
}

ul#header_menu ul{
	display:block;/*none normalement mais modifié via js (pour que les menus soient visibles si pas de js */
  position:absolute;
  list-style:none;
  /*top:32px;*/
  left:0;
  margin:0px;
  padding:0px;
  width: 111px;
  
    
  z-index:1;
  text-align:left;
  /* transparence du sous menu ... */
  filter:alpha(opacity=95); /* IE */
	-moz-opacity:0.95; /* Mozilla */
	-khtml-opacity: 0.95; /* Safari */
	opacity: 0.95; /* CSS3 */
	/*--------------------------------*/
}


/* cas des sous menu */
ul#header_menu ul ul{
  top:0px;
  left:111px;
  z-index:2;  
}

ul#header_menu ul li{
  margin:0px;
  padding:0px;
  width:100%;
  /*_display:inline;*/
}


ul#header_menu ul li a{
  display:block;
  width:100%;
	background-repeat:no-repeat;
  background-position:1px 6px;
	margin:0px;
	padding:0px;
	border:none;
}

ul#header_menu ul li a:hover{
  background-color:#000099;
  color:#FFFFFF;
}

ul#header_menu li a.no_pointer{
	cursor:default;
}

ul#header_menu ul li a span{
  display:block;
  padding:4px 0px 4px 10px;
  margin:0;
  border:none;
	cursor:pointer;
	line-height:12px;
	/*width:101px;*/
	
}


ul#header_menu li .onglet{
width:112px;
height:14px;
}

ul#header_menu li .onglet.selected{
background-position:0px 32px;
}
ul#header_menu li .onglet.selected img{
display:none;
}


.txt_onglets
{
	font-size:12px;
	/*display:none;*/
}

/*----------------------------------*/
/* images des onglets */





/* iphone */
ul#header_menu li#header_menu_iphone .onglet{
/*background:url(bg/haut_frm.gif) no-repeat;*/
}







/*----------------------------------*/
/*----------------------------------*/
/* Couleur des roll-over sur les menus */



/* Iphone */
ul#header_menu li#header_menu_iphone ul li a:hover{
	background-color:#ECBD00;
}

/*-------------------------------*/
/* couleur des menus au passage de la souris

/* Iphones */
ul#header_menu li#header_menu_iphone a:hover{
	background-color:#ECBD00;
}

/*----------------------------------*/
/* Couleur des sous menus */

/* Iphone */
ul#header_menu li#header_menu_iphone ul{
	background-color:#B01000;
  border:1px solid #ecbd00;
  border-top:0px;
}