/* menu */
#menu { width: 780px; height: 40px; 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:195px; height: 0; padding-top: 40px; overflow: hidden; }
#menu #navigation li a,
#menu { background-image: url(../images/menu.jpg); background-repeat: no-repeat; }


/* état normal */
#menu #navigation li#accueil a { background-position: 0 0; }
#menu #navigation li#prestations a { background-position: -195px 0; }
#menu #navigation li#devis a { background-position: -390px 0; }
#menu #navigation li#contact a { background-position: -585px 0; }


/* état au survol */
#menu #navigation li#accueil a:hover { background-position: 0 -40px; }
#menu #navigation li#prestations a:hover { background-position: -195px -40px; }
#menu #navigation li#devis a:hover { background-position: -390px -40px; }
#menu #navigation li#contact a:hover { background-position: -585px -40px; }


/* état au clic */
#menu #navigation li#accueil a:active { background-position: 0 -80px; }
#menu #navigation li#prestations a:active { background-position: -195px -80px; }
#menu #navigation li#devis a:active { background-position: -390px -80px; }
#menu #navigation li#contact a:active { background-position: -585px -80px; }


/* état page active */
li#pageactive1 a { background-position: 0 -120px; }
li#pageactive2 a { background-position: -195px -120px; }
li#pageactive3 a { background-position: -390px -120px; }
li#pageactive4 a { background-position: -585px -120px; }