<div id="menu">  
   <ul>
    <li><a id="acc" href="aixoxreation.html">Accueil</a></li>
    <li><a href="!">contact</a></li>
    <li><a href="!">faq</a></li>
   </ul>
 
</div>

#menu{
    height: 57px;
    width: 980px;
    background-color: #251e1a;
    }
     
#menu ul {
    display: inline;
    list-style-type: none;
    height: 36px;
    }
 
#menu li{
    display: inline;
    height: 36px;
    margin-bottom: 0px;
    }
     
#menu a{
    color: #333;
    text-decoration: none;
    width: 112px;
    background-image: url(boutonnorm.png);
    height: 28px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-repeat: no-repeat;
    margin-left: 5px;
    text-align: center;
    margin-top: 20px;
}
 
#menu a:hover{
color:#FFF;
background-image: url(boutonhover.png);}
 
#acc{
    background-image:url(boutonselect.png); /* voila l'id inseré dans le liens de l'accueil */
     
    }