<div id="corps">
   <div id="contenu">
   
   <h3><span> Blender.Gallery </span></h3>
   
   <p>
       C'est tout le contenu du site ici.<br/>
           Les choses a faire:
   </p>
   <ul>
      <li> Faire le corps </li>
          <li> Régler un bug du menu sous IE </li>
          <li> Faire les news (reprise du futur code du corps) </li>
          <li> Autre éventuelle bug qui surviendrais </li>
   </ul>
   
   </div>
</div>

#corps
{
  width:70%;
  background:#E2E2E2 url(image/bas_menu_06.gif) no-repeat bottom right;
  padding: 0 0 15px 0;
}

#corps h3
{
  background:#C0C0C0 url(image/menu_01.gif) no-repeat top left;
  padding:0; margin:0;
  text-align:center;
}

#corps h3 span
{
  display:block;
  padding:2px 20px;
  background:url(image/menu_05.gif) no-repeat top right;
  color: white;
}

#corps #contenu
{
  background: url(image/bas_menu_02.gif) no-repeat bottom left;
  padding: 0 0 15px 0;
}

#corps p
{
  margin-left: 10px;
}

<div id="menu">

         <div class="haut_gauche_menu">
                 </div>
                 
                <div class="haut_menu">
                   <h3> Tutoriels </h3>
                 </div>
                 
                 <div class="haut_droite_menu">
         </div>
         
                 
                <div class="contenu_menu">
                   <ul>
                      <li> <a href="#">Tuto n°1 </a></li>
                          <li> <a href="#">Tuto n°2 </a></li>
                          <li> <a href="#">Tuto n°3 </a></li>
                          <li> <a href="#">Tuto n°4 </a></li>
                   </ul>
                </div>
               
                <div class="bas_gauche_menu">
                </div>
        <div class="bas_menu">
        </div>   
                <div class="bas_droite_menu">
                </div>
</div>

.haut_gauche_menu
{
   height: 21px;
   width: 26px;
   
   background-image: url("image/menu_01.gif");
   
   float: left; /* Pour bien mettre l'image a gauche */
}

.haut_droite_menu
{
   float: left;
   height: 21px;
   width: 22px;
   
   background-image: url("image/menu_05.gif");
}

.haut_menu
{
  float: left;
  margin-left: 0px; /* A modifier en fonction des marges */
   
  height: 21px;
  width: 13%;   
  background-color: #C0C0C0;
}


/* Contenu menu */
.contenu_menu
{
        height:auto;
        width:17.3%;
       
        background-color:#E2E2E2;
       
        margin-left: 0%;
        margin-top:1.9%;
        margin-right:0%;       
}

/* Bas menu */
.bas_gauche_menu
{
   height: 17px !important;
   width: 19px;
   
   background-image: url("image/bas_menu_02.gif");
   
   float: left; /* Pour bien mettre l'image a gauche */
   margin-left: -3px;
   margin-bottom: 5px;
}

.bas_droite_menu
{
   float: left;
   height: 15px;
   width: 18px;
   
   background-image: url("image/bas_menu_06.gif");
}

.bas_menu
{
  float: left;
  margin-left: 0px; /* A modifier en fonction des marges */
   
  height: 17px;
  width: 14.2%;
   
  background-image: url("image/bas_menu_04.gif");
}


#menu ul
{
   margin: 0px;
   padding: 0px;
   
   list-style-type: none;
}

#menu li
{
   text-align: center;
}

#menu a
{
        background-color:#E2E2E2;
        color:navy;
       
        text-decoration :none;
        font-weight: 700;
       
        display: block;
        width: 100%;
}

#menu a:hover
{
        background-color:#C4CDD9;
        color: #FFA500;
}

#menu
{
  float: left;
}


h3
{
  margin: 0px;
  color: white;
 
  text-align: center;
  font-size: 16px;
 
  padding-top: 1px;
}