/* CSS du menu horizontal, bieler batiste */

.conteneur_menu {
	margin : 0 auto;
	width:850px;
	position:relative;
}
.contenu_menu {
	 top:0em;
}

.menu_accroche {
	font-size:12px;
	float:left;
	line-height:32px;
	padding : 0px 10px;
	font-weight:bold;
}

.bg_edition {
	background-color:#bfd6cd;
	background-image: url(images/puce_menu_edition.gif);
	background-position : left;
	background-repeat : no-repeat;
	padding-left : 15px;
	padding-right : 3px;

}

.couleur_magazine, a.couleur_magazine:link, a.couleur_magazine:visited {
	color:#8cb6a5;
}
a.couleur_magazine:hover {
	color:#526a60;	
	text-decoration : underline;
}

.bold, a.bold:link, a.bold:visited  {
	font-weight:bold;
}



.menuIndicateur{
  
    }

.menu{
    position:relative;
	top:0px;
    left:0em;
    display:block;
    margin:0;
    padding:0;
    height:30px;
    line-height:27px;
    width:850px; /* important for Opera7 */
    background-color: #FFFFFF;
	background-image: url(images/bg_degrade2.gif);
	text-align:left;
    }
    
.menu1 {
	     z-index:200;
}

.menu2{    
    position:relative;
   top:31px; 
    left:0em;
    display:block;
    margin:0;
    padding:0;
    height:32px;
    line-height:28px;
    width:850px; /* important for Opera7 */
    background-color: #8cb6a5;
    text-align:left;
     z-index:100;
    }


.menu ul, .menu2 ul {
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    /*width:124px;*/
    margin:0;
    padding:0;
	
    }
    
.menu li ul {
    visibility:hidden;
    z-index:200;
    }
    
.menu2 li ul {
    visibility:hidden;
      z-index:-1;
    }

.menu li li ul, .menu2 li li ul {
    position:absolute;  /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:150px; 
    margin-top:-19px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    /*width:124px;*/
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    z-index:201;
    }
    
.menu li li{
	display:block;
	float:none;
	 line-height:18px;
	/*width:175px;*/
	z-index:201;
    }
    
.menu2 li li{
	display:block;
	float:none;
	 line-height:18px;
	/*width:175px;*/
 	 z-index:-1;
    }
    
/* correct a little IE bug */
* html .menu li li, * html .menu2 li li{
    display:inline;
	
    }

.menu a{
    text-align: left;
	color:#000000;
    display:block;
    /*width:100px;*/
    font-weight: bold;
    text-decoration:none;
    padding:2px 0;
    margin-left: 6px;
     margin-right: 5px;
      z-index:200;
    }
    
.menu a:hover{
    color: #898988;
    }
 
 .menu2 a:hover{
    color: #75837d;
    }    

/* for a mozilla better display with key nav */
.menu a:focus {
}



/* hide some accessibility stuff */
.menu span{
    display:none;
    }



.menu li li a{
	line-height:15px;
	height:15px;
	width:140px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
	border-top: 0px none #E4E3E3;
	border-right: 1px solid #E4E3E3;
	border-bottom: 1px solid #E4E3E3;
	border-left: 1px solid #E4E3E3;
	background-image: url(images/bg_menu.gif);
	background-repeat: no-repeat;
	 z-index:210;
    }
    
.menu li li li a{
    /*background-color: #7ad; */
    /*border:1px #666 solid;*/
    }
    
.menu li li li li a{
    background-color: #69b;
    /*border:1px #666 solid;*/
    }
    

#menu .menu2 li li a {
	height:15px;
	line-height:15px;
	width:140px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: left;
	border-top: 0px none #E4E3E3;
	border-right: 1px solid #E4E3E3;
	border-bottom: 1px solid #E4E3E3;
	border-left: 1px solid #E4E3E3;
	background-image: url(images/bg_menu2.gif);
	background-repeat: no-repeat;
	  z-index:-1;
}

.menu2 li ul{
   margin-left : -21px;
    }