@charset "utf-8";
/* Feuille CSS - copyright Julien Castanier */

#menu
{
   width: 810px;
   height: 40px;
   position: relative;
   background-repeat: no-repeat;
}

#menu #bouton { margin: 0; padding: 0; }
#menu #bouton li { display: inline; }
#menu #bouton li a { float: left; width: 135px; height: 0; padding-top: 40px; overflow: hidden; background-image: url("../images/menu.png"); background-repeat: no-repeat; }

/* Bouton */
#menu #bouton li#accueil a { background-position: 0px -80px; }
#menu #bouton li#agenda a { background-position: -135px 0px; }
#menu #bouton li#historique a { background-position: -270px 0px; }
#menu #bouton li#blog a { background-position: -405px 0px; }
#menu #bouton li#link a { background-position: -540px 0px; }
#menu #bouton li#contact a { background-position: -675px 0px; }

/* survol */
#menu #bouton li#accueil a:hover { background-position: 0px -80px; }
#menu #bouton li#agenda a:hover { background-position: -135px -40px; }
#menu #bouton li#historique a:hover { background-position: -270px -40px; }
#menu #bouton li#blog a:hover { background-position: -405px -40px; }
#menu #bouton li#link a:hover { background-position: -540px -40px; }
#menu #bouton li#contact a:hover { background-position: -675px -40px; }