@charset "utf-8";
/* CSS Document */

/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 


/* élément du menu sans lien */

div#menug_gris li a.sanslien,
div#menug_bleu li a.sanslien, 
div#menug_vert li a.sanslien,
div#menug_rouge li a.sanslien{ 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			color:#FFFFFF;  
			
			   font-weight:bold;
				line-height:25px;
				margin:0px;

              } 
			  
div#menug_gris li a.sanslien:hover,
div#menug_bleu li a.sanslien:hover, 
div#menug_vert li a.sanslien:hover,
div#menug_rouge li a.sanslien:hover{ 
 				text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#FFFFFF;
			   font-weight:bold;
}


div#menug_gris { 
          width: 190px;  

         } 

div#menug_gris ul { 
			 margin:0px;
             padding: 0px; 
			 width: 195px; 
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			font-weight:bold;
			 border:0px solid; 
   			 text-align:center;


			
            } 

/*On positionne les elements du menu */ 
div#menug_gris ul li { 
                position:relative; 
                list-style: none; /*on enleve les icones de liste */ 
                border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/ 
				width:195px;
				height:28px;
				text-align:left;
				background-image:url(../images/bouton_menu_gris.png);
			 	background-repeat:no-repeat;
				padding:0px;
				
			
			
               } 

div#menug_gris ul ul { 
                position: relative; 
                top: 0; 
                left: 195px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
				
               }   

div#menug_gris li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			color:#FFFFFF;  
			
			   font-weight:bold;
				line-height:25px;
				margin:0px;

              } 
			  
div#menug_gris li a:hover {
 				text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:red;
			   font-weight:bold;
}
			  
			  /*fond jaune pr les sous-menu*/ 
div#menug_gris li.sousmenu_gris { 
                    background-image:url(../images/bouton_menu_gris.png);
			 		background-repeat:no-repeat;
                     } 
					 /* fichier pour internet explorer */ 
body { 
      behavior: url(menu/csshover.htc); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menug_gris ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; 
                display:none;
				 	
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menug_gris ul.niveau1_gris li.sousmenu_gris:hover ul.niveau2_gris, 
div#menug_gris ul.niveau2_gris li.sousmenu_gris:hover ul.niveau3_gris,
div#menug_gris ul.niveau3_gris li.sousmenu_gris:hover ul.niveau4_gris { 
                                                  display:block; 
                                                 }


/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menug_bleu { 
          width: 195px;  
			
         } 

div#menug_bleu ul { 
           	 position:relative;
             width: 195px; 
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			font-weight:bold;
			 border:0px solid; 
         	 margin:0px;
			padding:0px; 
			
            } 

/*On positionne les elements du menu */ 
div#menug_bleu ul li { 
                position:relative;
                list-style: none; /*on enleve les icones de liste */ 
                border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/ 
				height:28px;
				background-image:url(../images/bouton_menu_bleu.png);
			 	background-repeat:no-repeat;
				text-align:left;
		margin:0px;
padding:0px;

				
				
               } 

div#menug_bleu ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
				
               }   

div#menug_bleu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#FFFFFF;
				
			   font-weight:bold;
    			margin:0px;   
line-height:25px;

              } 
			  
div#menug_bleu li a:hover {
 				text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#0000FF;
			   font-weight:bold;
}
			  
			  /*fond jaune pr les sous-menu*/ 
div#menug_bleu li.sousmenu_bleu { 
                      	 background-image:url(../images/bouton_menu_bleu.png);
			 background-repeat:no-repeat;
                     } 
					 /* fichier pour internet explorer */ 
body { 
      behavior: url(menu/csshover.htc); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menug_bleu ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; 
                display:none;
				 	
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menug_bleu ul.niveau1_bleu li.sousmenu_bleu:hover ul.niveau2_bleu, 
div#menug_bleu ul.niveau2_bleu li.sousmenu_bleu:hover ul.niveau3_bleu,
div#menug_bleu ul.niveau3_bleu li.sousmenu_bleu:hover ul.niveau4_bleu { 
                                                  display:block; 
                                                 }

/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menug_vert { 
          width: 190px;  
			
         } 

div#menug_vert ul { 
           	 position:relative;
             width: 195px; 
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			font-weight:bold;
			 border:0px solid; 
         	 margin:0px;
			padding:0px; 
			
            } 

/*On positionne les elements du menu */ 
div#menug_vert ul li { 
                position:relative;
                list-style: none; /*on enleve les icones de liste */ 
                border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/ 
				height:28px;
				background-image:url(../images/bouton_menu_vert.png);
			 	background-repeat:no-repeat;
				text-align:left;
		margin:0px;
padding:0px;

				
				
               } 

div#menug_vert ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
				
               }   

div#menug_vert li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#FFFFFF;
			   font-weight:bold;
    			margin:0px;   
line-height:25px;

              } 
			  
div#menug_vert li a:hover {
 				text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#006600;
			   font-weight:bold;
}
			  
			  /*fond jaune pr les sous-menu*/ 
div#menug_vert li.sousmenu_vert { 
                      	 background-image:url(../images/bouton_menu_vert.png);
			 		background-repeat:no-repeat;
                     } 
					 /* fichier pour internet explorer */ 
body { 
      behavior: url(menu/csshover.htc); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menug_vert ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; 
                display:none;
				 	
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menug_vert ul.niveau1_vert li.sousmenu_vert:hover ul.niveau2_vert, 
div#menug_vert ul.niveau2_vert li.sousmenu_vert:hover ul.niveau3_vert,
div#menug_vert ul.niveau3_vert li.sousmenu_vert:hover ul.niveau4_vert  { 
                                                  display:block; 
                                                 }

/* menu rouge */
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menug_rouge { 
          width: 190px;  
			
         } 

div#menug_rouge ul { 
           	 position:relative;
             width: 195px; 
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
				font-weight:bold;
			 border:0px solid; 
         	 margin:0px;
			padding:0px; 
			
            } 

/*On positionne les elements du menu */ 
div#menug_rouge ul li { 
                position:relative;
                list-style: none; /*on enleve les icones de liste */ 
                border-bottom:0px solid; /*ajout d'une bordure de separation d'element:*/ 
				height:28px;
				background-image:url(../images/bouton_menu_rouge.png);
			 	background-repeat:no-repeat;
				text-align:left;
		margin:0px;
padding:0px;

				
				
               } 

div#menug_rouge ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
				
               }   

div#menug_rouge li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#FFFFFF;
			   font-weight:bold;
    			margin:0px;   
line-height:25px;

              } 
			  
div#menug_rouge li a:hover {
 				text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#660000;
			   font-weight:bold;
}
			  
			  /*fond jaune pr les sous-menu*/ 
div#menug_rouge li.sousmenu_rouge { 
                      	 background-image:url(../images/bouton_menu_rouge.png);
			 background-repeat:no-repeat;
                     } 
					 /* fichier pour internet explorer */ 
body { 
      behavior: url(menu/csshover.htc); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menug_rouge ul ul { 
                position: absolute; 
                top: 0; 
                left: 195px; 
                display:none;
				 	
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menug_rouge ul.niveau1_rouge li.sousmenu_rouge:hover ul.niveau2_rouge, 
div#menug_rouge ul.niveau2_rouge li.sousmenu_rouge:hover ul.niveau3_rouge,
div#menug_rouge ul.niveau3_rouge li.sousmenu_rouge:hover ul.niveau4_rouge { 
                                                  display:block; 
                                                 }
