/* CSS Document */

 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
          width: 165px;
          float: left;
         }

div#menu ul {
             padding: 0;
             width: 165px;
             border:1px solid;
             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:*/
               }

div#menu ul ul {
                position: absolute;
                top: 0;
                left: 165px; /*100px 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 */
              } 
              
/*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
                      background: yellow;
                     }

 /* fichier pour internet explorer */
body {
      behavior: url(csshover.htc);
     }
body {
background-image: url(fond-stars.gif);
}
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
                position: absolute;
                top: 0;
                left: 165px;
                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;
                                                 }

/* 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: #FFFF00;
                  }

div#menu li.sousmenu:hover {
                            background: #FFFF00;
                           }

/* 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) 95% 50% no-repeat;
                     }
  
  /*rajout*/  
div#menu  {
background: #FFFF66;
}  

/*rajout*/
li {
background: #FFFF66;
} 

#contenu {
margin-left: 180px;
}