/* CSS Document */

div#menu { 
          width: 184px; 
         } 
		 

div#menu ul { 
             padding:1; 
             width: 184px; 
             border:1px solid; 
             margin:0px;
			  
			 
            } 
			
			

/*On positionne les elements du menu */ 
div#menu ul li { 
                position:relative;
				 /*on enleve les icones de liste */ 
                list-style: none;
				 /*ajout d'une bordure de separation d'element:*/ 
                border-bottom:1px solid; 
				 /*Ici on définit la couleur des derniers niveaux de menu que nous appelons "basiques":*/ 
		        background-color: #ECFFF5;
				 /*alignement du texte des différents niveau du menu*/
				 text-align: center;
				
               } 
			   

div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 184px; /*1840px correspond au décalage a droite, on décale de la taille du ul de base*/ 
               }   
			   

div#menu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
              }
			  
			  
div#menu li.sousmenu 
			  { 
               background: #FF3366; /*fond jaune pr les sous-menu*/
              }			
			  
			    
/* fond blanc pour le menu */ 
div#menu a { 
            color: #000000
           } 

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/ 
div#menu li:hover { 
                   background: #CCCCCC;           /*Couleur de survol des "basiques" */
                  } 

div#menu li.sousmenu:hover { 
                            background: #33FF99; /* Couleur de survol des sousmenus(ceux qui possèdes une flèche)*/
                           } 

 
div#menu li.sousmenu { 

                        /* Rajout d'une petite fleche pour les sous menu */
						background:url(../images/fleche.gif) 95% 50% no-repeat;
						/*	On définit la couleur d'arrière plan des sousmenus(ceux qui possèdes une flêch) */
						 background-color: #ECFFF5
						
                     } 
					 

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a { 
               text-decoration: none; 
               padding: 6px 0 6px 8px; 
               display:block; 
               8px solid #000000; width:174px 
              } 
			  
			  

/* la bordure de chaque hauteur a une couleure de survol*/ 

div#menu ul ul li a:hover { 
                           border-left-color: #CC0066 ; 
                          } 
div#menu ul ul ul li a:hover { 
                              border-left-color: #FF0066;  
                             }
div#menu li a:hover { 
                     border-left-color: #FF3366; 
                    } 							 
							 
/* On cache tous les sous menu avec la propriété display none */ 
div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 184px; 
                display:none
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau2 { 
                                                  display:block; 
                                                 }

A:link {
	COLOR: #000000; TEXT-DECORATION: none; border-color:#FFFFFF;     
}
A:active {
	COLOR: #003d72; TEXT-DECORATION: underline;}
A:visited {
	COLOR:#000000; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #dd6900; TEXT-DECORATION: underline;
}