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

#menu
{
   width: 500px;
   margin-left: -7px;
   height: 36px;
   padding-top: 8px;
   position: relative;
   background-repeat: no-repeat;
}

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

/* Bouton */
#menu #bouton li#accueil a { background-position: 0 -36px; }
#menu #bouton li#plan a { background-position: -109px 0; }
#menu #bouton li#contact a { background-position: -218px 0; }
#menu #bouton li#liens a { background-position: -327px 0; }

/* Survol */
#menu #bouton li#accueil a:hover { background-position: 0 -36px; }
#menu #bouton li#plan a:hover { background-position: -109px -36px; }
#menu #bouton li#contact a:hover { background-position: -218px -36px; }
#menu #bouton li#liens a:hover { background-position: -327px -36px; }