<div id="en_tete">
                <p class="liens_en_tete"><map name="ImageMap1" id="id_map">
                <area shape="rect" coords="64, 180, 126, 203" href="index.php" alt="Accueil">
                <area shape="rect" coords="356, 173, 427, 189" href="index.php?page=Contact" alt="Contact">
                <area shape="rect" coords="473, 172, 579, 186" href="index.php?page=Partenaires" alt="Partenaires">
                </map></p>
        </div>

        <div id="corps">
       
                <div id="menu">
               
                        <ul>
                        <li class="titre">Le club</li>
                        <li><a href="index.php?page=Membres">Membres</a></li>
                        <li><a href="index.php?page=Locaux">Locaux</a></li>
                        <li><a href="index.php?page=Notre Plan D\'Eau">Notre plan d'eau</a></li>
                        <li><a href="index.php?page=Notre Histoire">Notre Histoire</a></li>
                        <li><a href="index.php?page=Adhésion">Adhésion</a></li>
                        <li><a href="index.php?page=Règlement Interieur">Règlement Intérieur</a></li>
                        </ul>
                       
                        <div class="inter_menu"></div>
                       
                        <ul>
                        <li class="titre">La compétition</li>
                        <li><a href="index.php?page=Palmarès">Palmarès</a></li>
                        <li><a href="#">Photos</a></li>   
                        </ul>
                       
                        <div class="inter_menu"></div>
                       
                        <ul>
                        <li class="titre">L'aviron ?</li>
                        <li><a href="#">Principe</a></li>
                        <li><a href="#">Un bateau</a></li>
                        <li><a href="index.php?page=Les différents bateaux">Les différents bateaux</a></li>
                        <li><a href="#">Le coup d'aviron</a></li>                     
                        </ul>
                       
                        <div class="fin_menu"></div>
                       
                </div>
               
                <div id="contenu"></div>
       
</div>

<div id="pied_de_page"></div>

body {
background-color: #656596;
margin:0px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#en_tete{
width:800px;
height:230px;
background-image:url('entete.png');
margin:0px auto;
}

.lien_en_tete{
display:none;
}

#corps {
width:800px;

margin:0px auto;
background-image:url('page.png');

}

#menu {
width:160px;
margin:0px 0px 0px 20px; /*haut, droite, bas, gauche*/
}

#contenu {
width:540px;


float:right;
border:1px solid;
}

#pied_de_page{
width:800px;
height:40px;
margin:0px auto;
background-image:url('page_bas.png');
}