/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/

	.nav {
	width: 700px;
	height: 75px;
	background: url(sprite.png) no-repeat;
	position: absolute;
	top: 0px;
	margin:0;
		}

	.nav li {
		display: inline;
		}
	
	.nav li a:link, .nav li a:visited {
		position: absolute;
		top: 0;
		height: 75px;
		text-indent: -9000px;
		overflow: hidden;
		z-index: 10;
		}
		
		
/* = NAVIGATION PRINCIPALE
-------------------------------------------------------------------------- */

	/* = LIEU
	-------------------------------------------------------------------------- */


	.nav .lieu a:link, .nav .lieu a:visited {
		left: 0px;
		width: 65px;
		height: 75px;
		}
		
	.nav .lieu a:hover, .nav .lieu a:focus {
		background: url(sprite.png) no-repeat 0px -75px;
		}
		
	.nav .lieu a:active {
		background: url(sprite.png) no-repeat 0px -75px;
		}
		
	.current-lieu .lieu a:link, .current-lieu .lieu a:visited {
		background: url(sprite.png) no-repeat 0px -75px;
		cursor: default;
		}
		
	.nav-lieu, .nav-lieu-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 65px;
		height: 75px;
		background: url(sprite.png) no-repeat 0px -75px;
		}
		
	.nav-lieu-click {
		background: url(sprite.png) no-repeat 0px 0px;
		}
		

	/* = CARTE/MENUS
	-------------------------------------------------------------------------- */
	

	.nav .carte a:link, .nav .carte a:visited {
		left: 65px;
		width: 125px;
		height: 75px;
		}
		
	.nav .carte a:hover, .nav .carte a:focus {
		background: url(sprite.png) no-repeat -65px -75px;
		}
		
	.nav .carte a:active {
		background: url(sprite.png) no-repeat -65px -75px;
		}
		
	.current-carte .carte a:link, .current-carte .carte a:visited {
		background: url(sprite.png) no-repeat -65px -75px;
		cursor: default;
		}
		
	.nav-carte, .nav-carte-click {
		position: absolute;
		top: 0;
		left: 65px;
		width: 125px;
		height: 75px;
		background: url(sprite.png) no-repeat -65px -75px;
		}
		
	.nav-carte-click {
		background: url(sprite.png) no-repeat -65px 0px;
		}


	/* = PRIVATISATION
	-------------------------------------------------------------------------- */


	.nav .privatisation a:link, .nav .privatisation a:visited {
		left: 190px;
		width: 120px;
		height: 75px;
		}
		
	.nav .privatisation a:hover, .nav .privatisation a:focus {
		background: url(sprite.png) no-repeat -190px -75px;
		}
		
	.nav .privatisation a:active {
		background: url(sprite.png) no-repeat -190px -75px;
		}
		
	.current-privatisation .privatisation a:link, .current-privatisation .privatisation a:visited {
		background: url(sprite.png) no-repeat -190px -75px;
		cursor: default;
		}
		
	.nav-privatisation, .nav-privatisation-click {
		position: absolute;
		top: 0;
		left: 190px;
		width: 120px;
		height: 75px;
		background: url(sprite.png) no-repeat -190px -75px;
		}
		
	.nav-privatisation-click {
		background: url(sprite.png) no-repeat -190px 0px;
		}


	/* = RESERVATIONS
	-------------------------------------------------------------------------- */


	.nav .reservations a:link, .nav .reservations a:visited {
		left: 310px;
		width: 105px;
		height: 75px;
		}
		
	.nav .reservations a:hover, .nav .reservations a:focus {
		background: url(sprite.png) no-repeat -310px -75px;
		}
		
	.nav .reservations a:active {
		background: url(sprite.png) no-repeat -310px -75px;
		}
		
	.current-reservations .reservations a:link, .current-reservations .reservations a:visited {
		background: url(sprite.png) no-repeat -310px -75px;
		cursor: default;
		}
		
	.nav-reservations, .nav-reservations-click {
		position: absolute;
		top: 0;
		left: 310px;
		width: 105px;
		height: 75px;
		background: url(sprite.png) no-repeat -310px -75px;
		}
		
	.nav-reservations-click {
		background: url(sprite.png) no-repeat -310px 0px;
		}
		
		
	/* = GALERIE
	-------------------------------------------------------------------------- */


	.nav .galerie a:link, .nav .galerie a:visited {
		left: 415px;
		width: 135px;
		height: 75px;
		}
		
	.nav .galerie a:hover, .nav .galerie a:focus {
		background: url(sprite.png) no-repeat -415px -75px;
		}
		
	.nav .galerie a:active {
		background: url(sprite.png) no-repeat -415px -75px;
		}
		
	.current-galerie .galerie a:link, .current-galerie .galerie a:visited {
		background: url(sprite.png) no-repeat -415px -75px;
		cursor: default;
		}
		
	.nav-galerie, .nav-galerie-click {
		position: absolute;
		top: 0;
		left: 415px;
		width: 135px;
		height: 75px;
		background: url(sprite.png) no-repeat -415px -75px;
		}
		
	.nav-galerie-click {
		background: url(sprite.png) no-repeat -415px 0px;
		}


	/* = CONTACT
	-------------------------------------------------------------------------- */
	
	
	.nav .contact a:link, .nav .contact a:visited {
		left: 550px;
		width: 150px;
		height: 75px;
		}
		
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(sprite.png) no-repeat -550px -75px;
		}
		
	.nav .contact a:active {
		background: url(sprite.png) no-repeat -550px -75px;
		}
		
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(sprite.png) no-repeat -550px -75px;
		cursor: default;
		}
		
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 550px;
		width: 150px;
		height: 75px;
		background: url(sprite.png) no-repeat -550px -75px;
		}
		
	.nav-contact-click {
		background: url(sprite.png) no-repeat -550px 0px;
		}