#menu {
float: left;
width:220px ;
margin: auto ;
height: 100% ;
}
.element_menu
{
font-size: 20px;
font-weight: bold;
background-image: url("image/marron.jpg");/*image de fond  en fond du menu*/
background-repeat: repeat;
border: 4px outset  #666666;
text-align: center;
font-weight: bold;
}
.element_menu li
{
        text-align: left;
        background-image: url(image/menu1.jpg);/*image du bouton */
        background-repeat: no-repeat;
       
                margin-top: 18px;
                padding-left: 35px; /*permet de decaler le texte par rapport au bouton*/
                list-style: none;}

<div id="menu"><!-- Ici on mettra le menu -->
 <div class="element_menu">
       <ul>
           <li><a href="index.html">Présentation</a></li>
           <li><a href="services.html">Nos services</a></li>       
           <li><a href="personnels.html">Personnels</a></li>       
                   <li><a href="references.html">Nos références</a></li>               
           <li><a href="lois.html">Nos obligations</a></li>
           <li><a href="tarifs.html">Tarifs</a></li>       
                   <li><a href="devis.html">Devis</a></li>
           <li><a href="mailto:dogma-securite@wanadoo.fr">Contact</a></li>           
           <li><a href="image/plaquette.pdf">Plaquette</a></li>
       </ul>
   </div>
</div>