<div id="menu">
 
 
     <div class="haut_element_menu">
       <p> Créer son site web </p>
         </div>
        
        <div class="element_menu">
          <ul>
          
        <li><a href="siteweb/debutant.php">Site web pour débutant </a></li>
                <li> Allez plus loin </li>
                <li> Annexe </li>
           </ul>

        </div>
       
       
        <div class="haut_element_menu">
       <p> Graphisme </p>
         </div>
        <div class="element_menu">
      <ul>
            <li> Photoshop </li>
                <li> 3D / 2D </li>
                <li> Fond d'écran </li>
                <li> Icone </li>
          </ul>
        </div>
       
       
        <div class="haut_element_menu">
      <p> Communauté </p>
         </div>
        <div class="element_menu">
          <ul>
             <li> Tutos des membres </li>
             <li> Forum </li>
                 <li><a href="minichat.php"> Mini-chat </a></li>
                 <li><a href="livreor.php"> Livre d'or </a></li>
                 <li><a href="contact.php"> Contact  </a></li>
           </ul>
        </div>
       
        <div class="haut_element_menu">
          <p> Votre compte </p>
        </div>
        <div class="element_menu">
           <ul>
              <li> Profil </li>
           </ul>
           <ul>
              <li> Envoyer une création </li>
                  <li> Vos création </li>
                </ul>
                <ul>
                   <li> Proposer une news </li>
                   <li> Vos news </li>
                </ul>
                <ul>
                   <li> Proposer un tutorial </li>
                   <li> Vos tutos </li>
                </ul>
        </div>
       
                <div class="haut_element_menu">
       <p> Autre </p>
         </div>
        <div class="element_menu">
      <ul>
            <li><a href="batterie/batterie.php"> Batterie </a></li>

          </ul>
        </div>
</div>

#menu
{
   height: auto;
   width: 229px;
   float: left;
   background-image: url("images/menu/menu.gif");
   background-repeat: repeat-y;
   border-right: 1px solid black;
   margin-right: 20px;
   font-family: "Eras Demi ITC", Arial, serif;
   font-size: 0.8em;
}


.haut_element_menu
{
   height: 64px;
   width: 215px;
   margin-left: 5px;
   text-align: center;
   background-image: url("images/menu/haut_element_menu.gif");
}

.element_menu
{
   height: auto;
   width: 205px;
   margin-left: 13px;
   margin-bottom: 5px;
}