/* menu */
#menu { width: 680px; height: 39px; margin: 0px; position: relative; z-index: 1000; }
#menu #navigation { margin: 0; padding: 0; }
#menu #navigation li { display: inline; }
#menu #navigation li a { float: left; width: 136px; height: 0; padding-top: 39px; overflow: hidden; }
#menu #navigation li a,
#menu { background-image: url(../images/menu.png); background-repeat: no-repeat; }


/* état normal */
#menu #navigation li#accueil a { background-position: 0 0; }
#menu #navigation li#prestations a { background-position: -136px 0; }
#menu #navigation li#references a { background-position: -272px 0; }
#menu #navigation li#contact a { background-position: -408px 0; }


/* état au survol */
#menu #navigation li#accueil a:hover { background-position: 0 -39px; }
#menu #navigation li#prestations a:hover { background-position: -136px -39px; }
#menu #navigation li#references a:hover { background-position: -272px -39px; }
#menu #navigation li#contact a:hover { background-position: -408px -39px; }


/* état au clic */
#menu #navigation li#accueil a:active { background-position: 0 -78px; }
#menu #navigation li#prestations a:active { background-position: -136px -78px; }
#menu #navigation li#references a:active { background-position: -272px -78px; }
#menu #navigation li#contact a:active { background-position: -408px -78px; }


/* état page active */
li#pageactive1 a { background-position: 0 -78px; }
li#pageactive2 a { background-position: -136px -78px; }
li#pageactive3 a { background-position: -272px -78px; }
li#pageactive4 a { background-position: -408px -78px; }