/*
==================================================================================================
NAVIGATION
==================================================================================================
*/

/* Menu */

#navigation { width: 904px; height: 44px; margin: 0 0 18px 0; position: relative; z-index: 100; }
#navigation, #menu li a { background: url('../images/spriteMenu.png') no-repeat; }
#menu { margin: 0; padding: 0; }
#menu li { float: left; position: relative; }
#menu li a { float: left; height: 0; padding-top: 44px; overflow: hidden; }

li#accueil a { width: 54px; background-position: 0 0; }
li#fonctionnalites a { width: 154px; background-position: -54px 0; }
li#nouveautes a { width: 125px; background-position: -208px 0; }
li#references a { width: 121px; background-position: -333px 0; }
li#creerUnSite a { width: 133px; background-position: -454px 0; }
li#offreEtConcept a { width: 152px; background-position: -587px 0; }
li#contact a { width: 91px; background-position: -739px 0; }
li#faq a { width: 73px; background-position: -830px 0; }

li#accueil a:hover { background-position: 0 -44px; }
li#fonctionnalites a:hover { background-position: -54px -44px; }
li#nouveautes a:hover { background-position: -208px -44px; }
li#references a:hover { background-position: -333px -44px; }
li#creerUnSite a:hover { background-position: -454px -44px; }
li#offreEtConcept a:hover { background-position: -587px -44px; }
li#contact a:hover { background-position: -739px -44px; }
li#faq a:hover { background-position: -830px -44px; }

li#accueil a:active { background-position: 0 -88px; }
li#fonctionnalites a:active { background-position: -54px -88px; }
li#nouveautes a:active { background-position: -208px -88px; }
li#references a:active { background-position: -333px -88px; }
li#creerUnSite a:active { background-position: -454px -88px; }
li#offreEtConcept a:active { background-position: -587px -88px; }
li#contact a:active { background-position: -739px -88px; }
li#faq a:active { background-position: -830px -88px; }

#menu li a.current { cursor: default; }
li#accueil a.current { background-position: 0 -132px; }
li#fonctionnalites a.current { background-position: -54px -132px; }
li#nouveautes a.current { background-position: -208px -132px; }
li#references a.current { background-position: -333px -132px; }
li#creerUnSite a.current { background-position: -454px -132px; }
li#offreEtConcept a.current { background-position: -587px -132px; }
li#contact a.current { background-position: -739px -132px; }
li#faq a.current { background-position: -830px -132px; }