#cadre /* Éléments des listes */      
{
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;  /* on met une bordure blanche à droite de chaque élément */
	display: block;
	width:850px;
}
#menu /* Ensemble du menu */
{	  
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px;
		 /* hauteur du texte : 12 pixels */
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 27px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	background : #F3DDC7; /* couleur de fond */
	color : #502E1F; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 185px; /* largeur */
}
#menu li /* Éléments des listes */      
{ 
        float : left;   /* pour IE qui ne reconnaît pas "transparent" */ 
		 border-bottom : 1px solid #000;
        border-right : 1px solid #000;
		  /* on met une bordure blanche à droite de chaque élément */
}
html>body #menu li /* IE ne reconnaissant pas le sélecteur ">" */
{
        border-right: 1px solid #000 ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 185px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-bottom : 1px solid #000;
		 border-left: 1px solid #000 ; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
html>body #menu li ul li     /* IE ne reconnaissant pas le sélecteur ">" */          
{
        border-bottom : 1px solid; /* on met une bordure transparente en haut de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	font-weight : normal; /* on met le texte en gras */
	color: #F7E6DE; /* On passe le texte en noir... */
	background: #854d34; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* ///////////////////  menu services   ///////////////////////*/

#menuservices /* Ensemble du menu */
{
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px;
	font-weight:normal; /* hauteur du texte : 12 pixels */
}
#menuservices, #menuservices ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 27px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menuservices a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #D9DFFB; /* couleur de fond */        
        color : #262e5f; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 170px; /* largeur */
}
#menuservices li /* Éléments des listes */      
{ 
        float : left;   /* pour IE qui ne reconnaît pas "transparent" */  
border-bottom : 1px solid #000;
         border-right : 1px solid #000;
		 /* on met une bordure blanche à droite de chaque élément */
}
html>body #menuservices li /* IE ne reconnaissant pas le sélecteur ">" */
{
        border-right: 1px solid #000 ; /* on met une bordure transparente à droite de chaque élément */
}
#menuservices li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 170px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menuservices li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-bottom : 1px solid #000;
		 border-left: 1px solid #000 ;/* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
html>body #menuservices li ul li     /* IE ne reconnaissant pas le sélecteur ">" */          
{
        border-bottom : 1px solid; /* on met une bordure transparente en haut de chaque élément */
}
#menuservices a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #D9DFFB; /* On passe le texte en noir... */
	background: #262e5f; /* ... et au contraire, le fond en blanc */
	font-weight : normal; /* on met le texte en gras */
}
#menuservices li:hover ul, #menuservices li li:hover ul, #menuservices li.sfhover ul, #menuservices li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* ///////////////////  menu economie   ///////////////////////*/

#menueconomie /* Ensemble du menu */
{
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px;
	font-weight:normal; /* hauteur du texte : 12 pixels */
}
#menueconomie, #menueconomie ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 27px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menueconomie a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	background : #C8EEC1; /* couleur de fond */
	color : #0D3C1B; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 173px; /* largeur */
}
#menueconomie li /* Éléments des listes */      
{ 
        float : left;   /* pour IE qui ne reconnaît pas "transparent" */  
		 border-bottom : 1px solid #000; 
        border-right : 1px solid #000;
		/* on met une bordure blanche à droite de chaque élément */
}
html>body #menueconomie li /* IE ne reconnaissant pas le sélecteur ">" */
{
       border-right: 1px solid #000 ; /* on met une bordure transparente à droite de chaque élément */
}
#menueconomie li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 174px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menueconomie li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
       border-bottom : 1px solid #000;
		 border-left: 1px solid #000 ;  /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
html>body #menueconomie li ul li     /* IE ne reconnaissant pas le sélecteur ">" */          
{
      border-bottom : 1px solid;  /* on met une bordure transparente en haut de chaque élément */
}
#menueconomie a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #DAF6E4; /* On passe le texte en noir... */
	background: #155f2c; /* ... et au contraire, le fond en blanc */
	font-weight : normal; /* on met le texte en gras */
}
#menueconomie li:hover ul, #menueconomie li li:hover ul, #menueconomie li.sfhover ul, #menueconomie li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/* ///////////////////  menu qui ?   ///////////////////////*/

#menuqui /* Ensemble du menu */
{
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px;
	font-weight:normal; /* hauteur du texte : 12 pixels */
}
#menuqui, #menuqui ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 27px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menuqui a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #DBDBDB; /* couleur de fond */        
        color : #666666; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 175px; /* largeur */
}
#menuqui li /* Éléments des listes */      
{ 
        float : left;   /* pour IE qui ne reconnaît pas "transparent" */  
		border-bottom : 1px solid #000;
        border-right : 1px solid #000;
		
		/* on met une bordure blanche à droite de chaque élément */
}
html>body #menuqui li /* IE ne reconnaissant pas le sélecteur ">" */
{
        border-right: 1px solid #000 ;
		 /* on met une bordure transparente à droite de chaque élément */
}
#menuqui li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 174px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menuqui li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-bottom : 1px solid #000;
		 border-left: 1px solid #000 ; 
		/* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
html>body #menuqui li ul li     /* IE ne reconnaissant pas le sélecteur ">" */          
{
        border-bottom : 1px solid; /* on met une bordure transparente en haut de chaque élément */
}
#menuqui a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #DBDBDB; /* On passe le texte en noir... */
        background: #666666; /* ... et au contraire, le fond en blanc */
		 font-weight : bold; /* on met le texte en gras */
}
#menuqui li:hover ul, #menuqui li li:hover ul, #menuqui li.sfhover ul, #menuqui li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}






#menuaccueil /* Ensemble du menu */
{
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px;
	font-weight:normal;/* hauteur du texte : 12 pixels */
}
#menuaccueil, #menuaccueil ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 27px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menuaccueil a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #DBDBDB; /* couleur de fond */        
        color : #666666; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 140px; /* largeur */
}
#menuaccueil li /* Éléments des listes */      
{ 
        float : left;   /* pour IE qui ne reconnaît pas "transparent" */   
        border-right : 1px solid #000;
		border-left : 1px solid #000;
		border-bottom : 1px solid #000;
		/* on met une bordure blanche à droite de chaque élément */
}
html>body #menuaccueil li /* IE ne reconnaissant pas le sélecteur ">" */
{
        border-right: 1px solid #000 ; /* on met une bordure transparente à droite de chaque élément */
}
#menuaccueil li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 140px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menuaccueil li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
         border-bottom : 1px solid #000;
		 border-left: 1px solid #000 ;  /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}
html>body #menuaccueil li ul li     /* IE ne reconnaissant pas le sélecteur ">" */          
{
        border-bottom : 1px solid; /* on met une bordure transparente en haut de chaque élément */
}
#menuaccueil a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #EAEAEA; /* On passe le texte en noir... */
	background: #666666; /* ... et au contraire, le fond en blanc */
	font-weight : normal; /* on met le texte en gras */
}
#menuaccueil li:hover ul, #menuaccueil li li:hover ul, #menuaccueil li.sfhover ul, #menuaccueil li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}