@charset "UTF-8";
/* CSS Document */

	#divNav {
	margin: 0;
	padding: 0;
	height: 40px;
	width: 780px;
	position: absolute;
	top: 160px;
	left: 180px;
	background-image: url(menu.png);
	background-position: 0 0;
	}
	#nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 40px;
	}

	#nav li { 
	margin: 0;
	float: left;
	display: block;
	cursor: pointer;
	}

	/*image de fond*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liAccueil, #liJutra, #liSoiree, #liGalas, #liMedias, #liContact {
		display: block;
		position: relative;
		height: 40px;
		background: url(menu.png) no-repeat;
		_background: url(menu_ie.jpg) no-repeat;
	}
	
	
	#liAccueil{
	width:241px;
	}
	#liJutra{
	width:96px;
	}
	#liSoiree{
	width:141px;
	}
	#liGalas {
	width:85px;
	}
	#liMedias {
	width:72px;
	}
	#liContact{
	width:145px;
	}
/*initial states*/

#liAccueil {
	background-position: 0px 0;
}

#liJutra {
	background-position: -241px 0;
}

#liSoiree {
	background-position: -337px 0;
}

#liGalas {
	background-position: -478px 0;
}

#liMedias {
	background-position: -563px 0;
}
#liContact{
	background-position: -635px 0;
}

/*hover and select states*/

#liAccueil:hover, #liAccueil.on {
	background-position: 0px -40px;
}

#liJutra:hover, #liJutra.on {
	background-position: -241px -40px;
}

#liSoiree:hover, #liSoiree.on {
	background-position: -337px -40px;
}

#liGalas:hover, #liGalas.on {
	background-position: -478px -40px;
}

#liMedias:hover, #liMedias.on {
	background-position: -563px -40px;
}
#liContact:hover, #liContact.on {
	background-position: -635px -40px;
}

/*active states - en cas de 3eme etage*/

#liAccueil:active {
	background-position: 0px -40px;
}

#liJutra:active  {
	background-position: -241px -40px;
}

#liSoiree:active  {
	background-position: -337px -40px;
}

#liGalas:active  {
	background-position: -478px -40px;
}

#liMedias:active {
	background-position: -563px -40px;
}
#liContact:active {
	background-position: -635px -40px;
}