/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 MENU
 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
 
 /* COMMUNS
 ooooooooooooooooo*/
#menublock
{
		width: 982px;
		height : 61px;
		background-image:url('fond_std.png')  ;
		background-repeat : repeat;
	
		display :block;
		font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		color:rgb(255,255,255); /* couleur du texte de menu */
		
}


.link1
{
  display : block; /* on change le type d'element, les liens deviennent des balises de type block */   
        color : #ffffff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par defaut des liens (la plupart du temps = souligne) */
		padding-left: 10px;
		padding-right : 10px;
}

 .niveau1 
 {
  float : left; 
	display : inline;
	border-right : 1px solid #fff; /* on met une bordure blanche a droite de chaque element */      
 }

/* LIGNE 1 
ooooooooooooooooo*/
#menu_ligne1 /* Ensemble du menutop1 */
{
		
		width:946px; /*934*/
		height:20px;
		padding-left:0px;
		margin-left:18px;
		float:left;
		display:inline;
		background-color: rgb(255,141,13);
		

}

#nav1, #nav1 ul { /* toutes les listes */

	padding : 0; /* pas de marge interieure */
	margin : 0; /* ni exterieure */
	list-style : none; /* on supprime le style par defaut de la liste */
	line-height: 20px;  /* on definit une hauteur pour chaque element */
	text-align : left; /* on centre le texte qui se trouve dans la liste */
	background-color: rgb(255,0,0);
}
 
 /* LIENS */
#nav1 a {
	display : block; /* on change le type d'element, les liens deviennent des balises de type block */   
	color : rgb(255,255,255); /* couleur du texte */
	text-decoration : none; /* on supprime le style par defaut des liens (la plupart du temps = souligne) */
	padding-left: 10px;
	padding-right : 10px;
}
#nav1 a:hover /* Lorsque la souris passe sur un des liens */    
{
       color:  rgb(51,126,156); /* On passe le texte en noir... */
       background-color: #ffffff;
	   background-image:url('fleche_bleue.png');
	   background-repeat : no-repeat;
	   background-position:2px 0%;
}


/* AFFICHAGE DES FLECHES A DROITE OU PAS */
#nav1 li ul li/* Elements de sous listes */
{
        /* pour IE qui ne reconnait pas transparent"(comme precedemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque element d'une sous liste */
		border-bottom :0px solid #fff;
		background-color: rgb(51,126,156);
		height:20px;
		color:rgb(255,255,255);
}
 .fleche
 {
		background-image:url('fleche_blanche.png');
		background-repeat : no-repeat;
		background-position:99% 0%;
 }


#nav1 li { /* tous les items de liste */
	float: left;
	
}

#nav1 li  li{ /* tous les items de liste */
	float: left;
	 width: 220px; 
}

/* LARGEUR SOUS LISTE */

#nav1 li ul { /* listes de deuxième niveau */
	position: absolute; /* Position absolue */
    width: 220px;  /*Largeur des sous-listes*/
	background-color:  rgb(51,126,156);
	top: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav1 li ul ul {
	margin: -1em 0 0 220px;
	margin-top :-21px;
}
 
 /* CACHE ET AFFICHAGE DES SOUS MENUS */
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul,#nav1 li:hover ul ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul , #nav1 li.sfhover ul ul ul ul{
	top: -999em;
}
 
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul,#nav1 li li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul , #nav1 li li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	top: auto;

}


/* LIGNE 2 
ooooooooooooooooo*/
#menu_ligne2 /* Ensemble du menutop1 */
{
		
		width:946px; /*934*/
		height:20px;
		padding-left:0px;
		margin-left:18px;
		float:left;
		display:inline;
		background-color: rgb(255,141,13);
		

}

#nav2, #nav2 ul { /* toutes les listes */

	padding : 0; /* pas de marge interieure */
	margin : 0; /* ni exterieure */
	list-style : none; /* on supprime le style par defaut de la liste */
	line-height: 20px;  /* on definit une hauteur pour chaque element */
	text-align : left; /* on centre le texte qui se trouve dans la liste */
	background-color: rgb(255,0,0);
}
 
 /* LIENS */
#nav2 a {
	display : block; /* on change le type d'element, les liens deviennent des balises de type block */   
	color : rgb(255,255,255); /* couleur du texte */
	text-decoration : none; /* on supprime le style par defaut des liens (la plupart du temps = souligne) */
	padding-left: 10px;
	padding-right : 10px;
}
#nav2 a:hover /* Lorsque la souris passe sur un des liens */    
{
       color:  rgb(51,126,156); /* On passe le texte en noir... */
       background-color: #ffffff;
	   background-image:url('fleche_bleue.png');
	   background-repeat : no-repeat;
	   background-position:2px 0%;
}


/* AFFICHAGE DES FLECHES A DROITE OU PAS */
#nav2 li ul li/* Elements de sous listes */
{
        /* pour IE qui ne reconnait pas transparent"(comme precedemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque element d'une sous liste */
		border-bottom :0px solid #fff;
		background-color: rgb(51,126,156);
		height:20px;
		color:rgb(255,255,255);
}


#nav2 li { /* tous les items de liste */
	float: left;
	
}

#nav2 li  li{ /* tous les items de liste */
	float: left;
	 width: 220px; 
}

/* LARGEUR SOUS LISTE */

#nav2 li ul { /* listes de deuxième niveau */
	position: absolute; /* Position absolue */
    width: 220px;  /*Largeur des sous-listes*/
	background-color:  rgb(51,126,156);
	top: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav2 li ul ul {
	margin: -1em 0 0 220px;
	margin-top :-21px;
}
 
 /* CACHE ET AFFICHAGE DES SOUS MENUS */
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul,#nav2 li:hover ul ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul , #nav2 li.sfhover ul ul ul ul{
	top: -999em;
}
 
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul,#nav2 li li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul , #nav2 li li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	top: auto;

}


/* LIGNE 3 
ooooooooooooooooo*/
#menu_ligne3 /* Ensemble du menutop1 */
{
		
		width:946px; /*934*/
		height:20px;
		padding-left:0px;
		margin-left:18px;
		float:left;
		display:inline;
		background-color: rgb(255,141,13);
		

}

#nav3, #nav3 ul { /* toutes les listes */

	padding : 0; /* pas de marge interieure */
	margin : 0; /* ni exterieure */
	list-style : none; /* on supprime le style par defaut de la liste */
	line-height: 20px;  /* on definit une hauteur pour chaque element */
	text-align : left; /* on centre le texte qui se trouve dans la liste */
	background-color: rgb(255,0,0);
}
 
 /* LIENS */
#nav3 a {
	display : block; /* on change le type d'element, les liens deviennent des balises de type block */   
	color : rgb(255,255,255); /* couleur du texte */
	text-decoration : none; /* on supprime le style par defaut des liens (la plupart du temps = souligne) */
	padding-left: 10px;
	padding-right : 10px;
}
#nav3 a:hover /* Lorsque la souris passe sur un des liens */    
{
       color:  rgb(51,126,156); /* On passe le texte en noir... */
       background-color: #ffffff;
	   background-image:url('fleche_bleue.png');
	   background-repeat : no-repeat;
	   background-position:2px 0%;
}


/* AFFICHAGE DES FLECHES A DROITE OU PAS */
#nav3 li ul li/* Elements de sous listes */
{
        /* pour IE qui ne reconnait pas transparent"(comme precedemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque element d'une sous liste */
		border-bottom :0px solid #fff;
		background-color: rgb(51,126,156);
		height:20px;
		color:rgb(255,255,255);
}


#nav3 li { /* tous les items de liste */
	float: left;
	
}

#nav3 li  li{ /* tous les items de liste */
	float: left;
	 width: 220px; 
}

/* LARGEUR SOUS LISTE */

#nav3 li ul { /* listes de deuxième niveau */
	position: absolute; /* Position absolue */
    width: 220px;  /*Largeur des sous-listes*/
	background-color:  rgb(51,126,156);
	top: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav3 li ul ul {
	margin: -1em 0 0 220px;
	margin-top :-21px;
}
 
 /* CACHE ET AFFICHAGE DES SOUS MENUS */
#nav3 li:hover ul ul, #nav3 li:hover ul ul ul,#nav3 li:hover ul ul ul ul, #nav3 li.sfhover ul ul, #nav3 li.sfhover ul ul ul , #nav3 li.sfhover ul ul ul ul{
	top: -999em;
}
 
#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li li li:hover ul,#nav3 li li li li:hover ul, #nav3 li.sfhover ul, #nav3 li li.sfhover ul, #nav3 li li li.sfhover ul , #nav3 li li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	top: auto;

}