<div id="banniere">
</div>

        <div id="speed">
            <div id="gauche">

                </div>
                <div id="droite">

                </div>
        </div>
 <div id="menu">
 
 
     <div class="haut_menu">
         </div>
        
        <div class="element_menu">

        </div>
       
       
        <div class="haut_menu">

         </div>
        <div class="element_menu">

        </div>
       
       
        <div class="haut_menu">

         </div>
        <div class="element_menu">
          <ul>

        </div>
       
        <div class="haut_menu">

        </div>
        <div class="element_menu">

        </div>
</div> 

<div id="corps">
</div>

<div id="footer">
</div>

body
{
   height: auto;
   width: 95%;
   background-color: gray;
   margin-left: 60px;
}

#banniere
{
   width: 950px;
   height: 175px;
   border: 1px solid black;
   margin-bottom: 15px;
   text-align: center;
   font-weight: bold;
   text-decoration: underline;
   font-size: 50px;
}

#menu
{
   height: auto;
   width: 200px;
   border: 1px solid black;
}

.haut_menu
{
   height: 30px;
   width: 170px;
   border-top: 1px outset black;
   border-left: 1px outset black;
   border-right: 1px outset black;
   text-align: center;
   margin-left: 15px;
   margin-top: 2px;
}

.element_menu
{
   height: auto;
   width: 170px;
   border: 1px solid black;
   margin-left: 15px;
   margin-bottom: 5px;
}

#speed
{
   width: 950px;
   height: 45px;
   border: 1px inset black;
   margin-bottom: 10px;
}


div #gauche li
{
  list-style-type : none;
  float : left;
  padding: 0 0.5em;
}

div #droite li
{
  list-style-type: none;
  padding : 0 0.5em;
  float : right;
}


#corps
{
   border: 1px solid black;
   width: 750px;
   height: auto;
   margin-left: 215px;
}

#footer
{
   border: 1px solid black;
   width: 900px;
   height: 120px;
   margin-top: 20px;
   margin-left: 210px;
}

img
{
   border: none;
}