/* CSS Document */
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menu { 
          width: 140px;
		  margin:auto; 
		  
		  
         } 

div#menu ul { 
             padding: 0; 
             width: 140px; 
             /*border:1px solid;
			 /*border-color:#CCCCCC;*/ 
             margin:0px; 
            } 

/*On positionne les elements du menu */ 
div#menu ul li { 
                position:relative; 
                list-style: none; /*on enleve les icones de liste */ 
                /*border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
				/*border-color:#CCCCCC;*/ 
               } 

div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 140px; /*100px correspond au dcalage a droite, on dcale de la taille du ul de base*/ 
				background:#999999;
				
				
               }   

div#menu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			   color:#000066;
              }	
	
/* 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,div#menu li.sfhover  { 
                   background:#999999; 
				   
				 
                  } 

div#menu li.sousmenu:hover,div#menu li.sousmenu.sfhover{ 
                            background:#CCCCCC;
							
							
							
                           } 

/* Rajout d'une petite fleche pour les sous menu (j'ai pioch cette astuce sur le web ;) )*/ 
div#menu li.sousmenu { 
                      background: url(../images/fleche_026.gif) 98% 50% no-repeat;
					    
                     } 

/* on rajoute une bordure a gauche et des padding, on doit donc rajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a { 
               text-decoration: none;
			   font-size:.8em;
			   padding:8px 0 8px 5px; 
               display:block; 
			   border-left: 8px solid #BBB;
               width:110px;
              } 
	

/* la bordure de chaque hauteur a une couleur de survol*/ 
div#menu ul li a:hover { 
                     
					 border-left-color: red;
					 color: red;
					 
					 } 
div#menu ul ul li a:hover { 
                           border-left-color: #990000;
						    color:#990000;
                          } 
div#menu ul ul ul li a:hover { 
                              border-left-color: #0000FF; 
							  color:#0000FF;
                             }
							 
/*div#menu li a:first-letter {
	font-weight:bold;
	font-size:1.2em;
	}*/		  							 
							 
							 
/* On cache tous les sous menu avec la proprit display none */ 
div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 140px; 
                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.niveau3,div#menu ul.niveau1 li.sousmenu.sfhover ul.niveau2,div#menu ul.niveau2 li.sousmenu.sfhover ul.niveau3{ 
                                                  display:block; 
                                                 }