@charset "UTF-8";
/* CSS Document */
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 
div#menu { 
          width: 190px; 
		  
         } 

div#menu ul { 
             padding: 0; 
             width: 160px; 
              
             margin:0px; 
            } 

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

div#menu ul ul {
	position: relative;
	top: 0;
	left: 160px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
	text-decoration: none; /* plus de soulignement pour les liens */
	text-align: left;
				}   

div#menu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
			   text-align: right;
              }

/*fond jaune pr les sous-menu*/ 
div#menu li.sousmenu {
	background-color: #FFF;
	text-align: left;
                     }

/* fichier pour internet explorer */ 
body { 
      behavior: url("csshover.htc"); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 150px; 
                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 {
	display:block;
	background-color: #FFF;
	text-align: left;
	}

/* fond blanc pour le menu */ 
div#menu a {
	color:#666;
	text-decoration: none; /* plus de soulignement pour les liens */
	text-align: right;
           } 

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/ 
div#menu li:hover {
	text-decoration: none; /* plus de soulignement pour les liens */ 
	text-align: left;
                  } 

div#menu li.sousmenu:hover {
	text-decoration: none; /* plus de soulignement pour les liens */ 
    text-align: right;
					  } 

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

/* 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;
	display:block;
	width:160px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
              } 

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {
	color: #762D7E;
	text-decoration: none; /* plus de soulignement pour les liens */ 
	text-align: right;
                    } 
div#menu ul ul li a:hover { 
                           color: #762D7E; 
						   text-decoration: none; /* plus de soulignement pour les liens */ 
						   text-align: left;
                          } 
div#menu ul ul ul li a:hover { 
                              color: #762D7E; 
							  text-decoration: none; /* plus de soulignement pour les liens */ 
							  text-align: left;
                             }