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

	#menu_all {
	margin: 0;
	padding: 0;
	height: 35px;
	width: 700px;
	position: absolute;
	top: 164px;
	left: 260px;
	/*background-image: url(menu_bg.png);*/
	background-position: 0 0;
	
	}
	#nav {
	list-style-type: none;
	padding-left: 125px;
	margin:0px;
	border: 0;
	width: 575px;
	height: 35px;
	}

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

	/*image de fond*/

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

	#liAccueil, #liMusique, #liBlogue, #livideos, #liphotos, #libio, #liContact {
		display: block;
		position: relative;
		height: 35px;
		background: url(menu.png) no-repeat;
		
	}
	#liSep{
		display: block;
		width:60px;
	}
	
	#liAccueil{
	width:80px;
	}
	#liMusique{
	width:88px;
	}
	#liBlogue{
	width:75px;
	}
	#livideos{
	width:75px;
	}
	#liphotos {
	width:70px;
	}
	#libio{
	width:107px;
	}
	#liContact{
	width:80px;
	}
/*initial states*/

#liAccueil {
	background-position: -118px 0;
}
#liMusique {
	background-position: -203px 0;
}
#liBlogue {
	background-position: -291px 0;
}
#livideos {
	background-position: -366px 0;
}

#liphotos {
	background-position: -441px 0;
}

#libio{
	background-position: -514px 0;
}

#liContact{
	background-position: -621px 0;
}

/*hover and select states*/

#liAccueil:hover, #liAccueil.on {
	background-position: -118px -35px;
}

#liMusique:hover, #liMusique.on {
	background-position: -203px -35px;
}

#liBlogue:hover, #liBlogue.on {
	background-position: -291px -35px;
}

#livideos:hover, #livideos.on {
	background-position: -366px -35px;
}

#liphotos:hover, #liphotos.on {
	background-position: -441px -35px;
}

#libio:hover, #libio.on {
	background-position: -514px -35px;
}

#liContact:hover, #liContact.on {
	background-position: -621px -35px;
}

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

#liAccueil:active {
	background-position: -118px -35px;
}

#liMusique:active {
	background-position: -203px -35px;
}
#liBlogue:active {
	background-position: -291px -35px;
}
#livideos:active  {
	background-position: -366px -35px;
}

#liphotos:active  {
	background-position: -441px -35px;
}

#libio:active{
	background-position: -514px -35px;
}

#liContact:active {
	background-position: -621px -35px;
}