@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:24px;
			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;
}













			  

			  




 





/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 

 { 
                                                  display:block; 
												  
                                                 }





/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menug_gris,
div#menug_bleu,
div#menug_vert,
div#menug_rouge,
div#menug_jaune,
div#menug_6,
div#menug_7,
div#menug_8,
div#menug_9 { 
          width: 900px;  
		  
         } 


div#menug_gris ul ,
div#menug_bleu ul,
div#menug_vert ul,
div#menug_rouge ul,
div#menug_jaune ul,
div#menug_6 ul,
div#menug_7 ul,
div#menug_8 ul,
div#menug_9 ul { 

           	 position:relative;
            
			 font-family:Arial, Helvetica, sans-serif,blue;
			 font-size:17px;
			font-weight:bold;
			 border:0px solid;
         	 top:6px;
			padding:0px;		
  float:left;
  text-align:center;
list-style : none;
            } 



/*On positionne les elements du menu */ 
div#menug_gris ul li,
div#menug_bleu ul li,
div#menug_vert ul li,
div#menug_rouge ul li,
div#menug_jaune ul li,
div#menug_6 ul li,
div#menug_7 ul li,
div#menug_8 ul li,
div#menug_9 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:60px;
				/*background-image:url(../images/bouton_menu_gris.png);*/
			 	background-repeat:no-repeat;
				text-align:center;
		margin:0px;
padding:0px;
float:left;
               } 
 

			   
div#menug_gris li a,
div#menug_bleu li a,
div#menug_vert li a,
div#menug_rouge li a,
div#menug_jaune li a,
div#menug_6 li a,
div#menug_7 li a,
div#menug_8 li a,
div#menug_9 li a  { 

               text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#0066CC;
			   font-weight:bold;
    		      text-align:center;
			   line-height:24px;
			   list-style : none;
              } 
div#menug_gris li a:hover ,			  
div#menug_bleu li a:hover,
div#menug_vert li a:hover,
div#menug_rouge li a:hover,
div#menug_jaune li a:hover,
div#menug_6 li a:hover,
div#menug_7 li a:hover,
div#menug_8 li a:hover,
div#menug_9 li a:hover   {
 				text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:orange;
			   font-weight:bold;
}

div#menug_gris li.sousmenu_gris ,			  
div#menug_bleu li.sousmenu_bleu,
div#menug_vert li.sousmenu_vert,
div#menug_rouge li.sousmenu_rouge,
div#menug_jaune li.sousmenu_jaune,
div#menug_6 li.sousmenu_6,
div#menug_7 li.sousmenu_7,
div#menug_8 li.sousmenu_8,
div#menug_9 li.sousmenu_9  { width:120px;
                      	/*background-image:url(../images/bouton_menu_gris.png);*/
						
         } 
		 
div#menug_gris li.sousmenu2_gris,
div#menug_bleu li.sousmenu2_bleu,
div#menug_vert li.sousmenu2_vert,
div#menug_rouge li.sousmenu2_rouge,
div#menug_jaune li.sousmenu2_jaune,
div#menug_6 li.sousmenu2_6,
div#menug_7 li.sousmenu2_7,
div#menug_8 li.sousmenu2_8,
div#menug_9 li.sousmenu2_9    { 
                      	 /*background-image:url(../images/bouton_menu_gris2.png);*/
						 background-repeat:no-repeat;
						 background-image:url(../images/bouton_menu_gris.png);color:white;
         } 
		  

					 /* 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,
div#menug_bleu ul ul,
div#menug_vert ul ul,
div#menug_rouge ul ul,
div#menug_jaune ul ul,
div#menug_6 ul ul,
div#menug_7 ul ul,
div#menug_8 ul ul,
div#menug_9 ul ul { 
                position: absolute; 
                 
                left: 120px;
                display:none;
				font-size:13px ;
				color:white;
               } 



div#menug_gris ul.niveau2_gris li.sousmenu_gris a,
div#menug_vert ul.niveau2_vert li.sousmenu_vert a,
div#menug_bleu ul.niveau2_bleu li.sousmenu_bleu a,
div#menug_rouge ul.niveau2_rouge li.sousmenu_rouge a,
div#menug_jaune ul.niveau2_jaune li.sousmenu_jaune a,
div#menug_7 ul.niveau2_7 li.sousmenu_7 a

{
 background-repeat:no-repeat;
						 /*background-image:url(../images/bouton_menu_gris.png);*/
						 width: 120px;
						 float:none;
						 height:50px;
						 color:white;
						 
}


/*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.niveau1_gris li.sousmenu2_gris:hover ul.niveau2_gris, 

div#menug_bleu ul.niveau1_bleu li.sousmenu_bleu:hover ul.niveau2_bleu, 

div#menug_bleu ul.niveau1_bleu li.sousmenu2_bleu:hover ul.niveau2_bleu,

div#menug_vert ul.niveau1_vert li.sousmenu_vert:hover ul.niveau2_vert, 

div#menug_vert ul.niveau1_vert li.sousmenu2_vert:hover ul.niveau2_vert, 

div#menug_rouge ul.niveau1_rouge li.sousmenu_rouge:hover ul.niveau2_rouge, 

div#menug_rouge ul.niveau1_rouge li.sousmenu2_rouge:hover ul.niveau2_rouge,

div#menug_jaune ul.niveau1_jaune li.sousmenu_jaune:hover ul.niveau2_jaune, 

div#menug_jaune ul.niveau1_jaune li.sousmenu2_jaune:hover ul.niveau2_jaune,

div#menug_6 ul.niveau1_6 li.sousmenu_6:hover ul.niveau2_6, 

div#menug_6 ul.niveau1_6 li.sousmenu2_6:hover ul.niveau2_6,

div#menug_7 ul.niveau1_7 li.sousmenu_7:hover ul.niveau2_7, 

div#menug_7 ul.niveau1_7 li.sousmenu2_7:hover ul.niveau2_7, 

div#menug_8 ul.niveau1_8 li.sousmenu_8:hover ul.niveau2_8, 

div#menug_8 ul.niveau1_8 li.sousmenu2_8:hover ul.niveau2_8,

div#menug_9 ul.niveau1_9 li.sousmenu_9:hover ul.niveau2_9, 

div#menug_9 ul.niveau1_9 li.sousmenu2_9:hover ul.niveau2_9
 {
                                                  display:block; top:50px; 
left: auto; background-image:url(../images/background_sousmenu.jpg);

                                                 }





div#menug_gris ul.niveau2_gris li.sousmenu_gris:hover ul.niveau3_gris,


div#menug_gris ul.niveau2_gris li.sousmenu2_gris:hover ul.niveau3_gris,


div#menug_bleu ul.niveau2_bleu li.sousmenu_bleu:hover ul.niveau3_bleu,


div#menug_bleu ul.niveau2_bleu li.sousmenu2_bleu:hover ul.niveau3_bleu,

 
div#menug_vert ul.niveau2_vert li.sousmenu_vert:hover ul.niveau3_vert,


div#menug_vert ul.niveau2_vert li.sousmenu2_vert:hover ul.niveau3_vert,


div#menug_rouge ul.niveau2_rouge li.sousmenu_rouge:hover ul.niveau3_rouge,


div#menug_rouge ul.niveau2_rouge li.sousmenu2_rouge:hover ul.niveau3_rouge,


div#menug_jaune ul.niveau2_jaune li.sousmenu_jaunee:hover ul.niveau3_jaune,


div#menug_jaune ul.niveau2_jaune li.sousmenu2_jaune:hover ul.niveau3_jaune,


div#menug_6 ul.niveau2_6 li.sousmenu_6:hover ul.niveau3_6,


div#menug_6 ul.niveau2_6 li.sousmenu2_6:hover ul.niveau3_6,

 
div#menug_7 ul.niveau2_7 li.sousmenu_7:hover ul.niveau3_7,


div#menug_7 ul.niveau2_7 li.sousmenu2_7:hover ul.niveau3_7,


div#menug_8 ul.niveau2_8 li.sousmenu_8:hover ul.niveau3_8,


div#menug_8 ul.niveau2_8 li.sousmenu2_8:hover ul.niveau3_8,

div#menug_9 ul.niveau2_9 li.sousmenu_9:hover ul.niveau3_9,


div#menug_9 ul.niveau2_9 li.sousmenu2_9:hover ul.niveau3_9
{
                                                  display:block; background-image:url(../images/background_sousmenu.jpg);

													 
                                                 }

												 

div#menug_gris ul.niveau3_gris li.sousmenu_gris:hover ul.niveau4_gris,

div#menug_gris ul.niveau3_gris li.sousmenu2_gris:hover ul.niveau4_gris,


div#menug_bleu ul.niveau3_bleu li.sousmenu_bleu:hover ul.niveau4_bleu,


div#menug_bleu ul.niveau3_bleu li.sousmenu2_bleu:hover ul.niveau4_bleu,
 

div#menug_vert ul.niveau3_vert li.sousmenu_vert:hover ul.niveau4_vert,


div#menug_vert ul.niveau3_vert li.sousmenu2_vert:hover ul.niveau4_vert,


div#menug_rouge ul.niveau3_rouge li.sousmenu_rouge:hover ul.niveau4_rouge,


div#menug_rouge ul.niveau3_rouge li.sousmenu2_rouge:hover ul.niveau4_rouge,


div#menug_jaune ul.niveau3_jaune li.sousmenu_jaune:hover ul.niveau4_jaune,


div#menug_jaune ul.niveau3_jaune li.sousmenu2_jaune:hover ul.niveau4_jaune,


div#menug_6 ul.niveau3_6 li.sousmenu_6:hover ul.niveau4_6,


div#menug_6 ul.niveau3_6 li.sousmenu2_6:hover ul.niveau4_6,
 

div#menug_7 ul.niveau3_7 li.sousmenu_7:hover ul.niveau4_7,


div#menug_7 ul.niveau3_7 li.sousmenu2_7t:hover ul.niveau4_7,


div#menug_8 ul.niveau3_8 li.sousmenu_8:hover ul.niveau4_8,


div#menug_8 ul.niveau3_8 li.sousmenu2_8:hover ul.niveau4_8,
 

div#menug_9 ul.niveau3_9 li.sousmenu_9:hover ul.niveau4_9,


div#menug_9 ul.niveau3_9 li.sousmenu2_9:hover ul.niveau4_9  { display:block; 
													 
													 background-image:url(../images/background_sousmenu.jpg);

}

div#menug_gris ul.niveau2_gris li a:hover ,
div#menug_gris ul.niveau3_gris li a:hover ,
div#menug_bleu ul.niveau2_bleu li a:hover ,
div#menug_bleu ul.niveau3_bleu li a:hover ,
div#menug_bleu ul.niveau1_bleu li a:hover ,
div#menug_bleu ul.niveau2_bleu li a:hover ,
div#menug_bleu ul.niveau3_bleu li a:hover ,
div#menug_vert ul.niveau1_vert li a:hover ,
div#menug_vert ul.niveau2_vert li a:hover ,
div#menug_vert ul.niveau3_vert li a:hover ,
div#menug_vert ul.niveau1_vert li a:hover ,
div#menug_vert ul.niveau2_vert li a:hover ,
div#menug_vert ul.niveau3_vert li a:hover ,
div#menug_rouge ul.niveau1_rouge li a:hover, 
div#menug_rouge ul.niveau2_rouge li a :hover,
div#menug_rouge ul.niveau3_rouge li a:hover,
div#menug_rouge ul.niveau1_rouge li  a:hover,
div#menug_rouge ul.niveau2_rouge li  a:hover,
div#menug_rouge ul.niveau3_rouge li  a:hover,
div#menug_jaune ul.niveau1_jaune li :hover, 
div#menug_jaune ul.niveau2_jaune li  a:hover,
div#menug_jaune ul.niveau3_jaune li a:hover,
div#menug_jaune ul.niveau1_jaune li  a:hover,
div#menug_jaune ul.niveau2_jaune li  a:hover,
div#menug_jaune ul.niveau3_jaune li  a:hover,
div#menug_6 ul.niveau1_6 li a:hover, 
div#menug_6 ul.niveau2_6 li a:hover ,
div#menug_6 ul.niveau3_6 li a:hover ,
div#menug_6 ul.niveau1_6 lia:hover,
div#menug_6 ul.niveau2_6 lia:hover,
div#menug_6 ul.niveau3_6 lia:hover,
div#menug_7 ul.niveau1_7 li a:hover ,
div#menug_7 ul.niveau2_7 li a:hover ,
div#menug_7 ul.niveau3_7 li a:hover ,
div#menug_7 ul.niveau1_7 li a:hover,
div#menug_7 ul.niveau2_7 li a:hover,
div#menug_7 ul.niveau3_7 li a:hover,
div#menug_8 ul.niveau1_8 li a:hover ,
div#menug_8 ul.niveau2_8 li a:hover ,
div#menug_8 ul.niveau3_8 li a:hover ,
div#menug_8 ul.niveau1_8 li a:hover,
div#menug_8 ul.niveau2_8 li a:hover,
div#menug_8 ul.niveau3_8 li a:hover,
div#menug_9 ul.niveau1_9 li a:hover ,
div#menug_9 ul.niveau2_9 li a:hover ,
div#menug_9 ul.niveau3_9 li a:hover ,
div#menug_9 ul.niveau1_9 lia:hover,
div#menug_9 ul.niveau2_9 lia:hover,
div#menug_9 ul.niveau3_9 lia:hover
{ 
color:orange;
}