@charset "UTF-8";
/* Début menu de navigation */

#Menu { /* Definition de la taille des éléments de la liste  */
	height: 25px;
	width: 1005;
	background: url(design/structure/pm_menu_fr.png);

}

ul#navMenu { /* Placement de la liste sur la page */
	margin: 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	padding: 0px;
	
}

ul#navMenu li { /* Permet aux éléments de la liste d'être l'une à côté de l'autre */
	float: left;
	margin: 0px;
	padding: 0px;
}

ul#navMenu li, ul#navMenu li a { /* Definition de la taille des éléments de la liste  */
	display: block;
	height: 25px;
	background-repeat: no-repeat;
	background: url(design/structure/pm_menu_fr.png);
}


/* HOME */

ul#navMenu li#home a { /* Image sélectionnée*/
	background-position: 0px 0px;
	width: 85px;

}

ul#navMenu li#home  a:hover, ul#navMenu li#home a:focus  { /* Image en hover */
	background-position: 0px -25px;
}

body.p0 ul#navMenu li#home a, ul#navMenu li#home  a:active { /* Image sélectionnée*/
	background-position: 0px -50px;
}

/* AGENDA */

ul#navMenu li#agenda a { /* Image sélectionnée*/
	background-position: -85px 0px;
	width: 97px;
}

ul#navMenu li#agenda  a:hover, ul#navMenu li#agenda a:focus { /* Image en hover */
	background-position: -85px -25px;
}

body.p1 ul#navMenu li#agenda a, ul#navMenu li#agenda  a:active { /* Image sélectionnée*/
	background-position: -85px -50px;
}

/* DISCOGRAPHIE */

ul#navMenu li#discographie a { /* Image sélectionnée*/
	background-position: -183px 0px;
	width: 215px;
}

ul#navMenu li#discographie  a:hover, ul#navMenu li#discographie a:focus { /* Image en hover */
	background-position: -183px -25px;
}

body.p2 ul#navMenu li#discographie a, ul#navMenu li#discographie  a:active { /* Image sélectionnée*/
	background-position: -183px -50px;
}

/* PRESSE */

ul#navMenu li#presse a { /* Image sélectionnée*/
	background-position: -398px 0px;
	width: 141px;
}

ul#navMenu li#presse  a:hover, ul#navMenu li#presse a:focus { /* Image en hover */
	background-position: -398px -25px;
}

body.p3 ul#navMenu li#presse a, ul#navMenu li#presse  a:active { /* Image sélectionnée*/
	background-position: -398px -50px;
}

/* CONTACT */

ul#navMenu li#contact a { /* Image sélectionnée*/
	background-position: -539px 0px;
	width: 85px;
}

ul#navMenu li#contact  a:hover, ul#navMenu li#contact a:focus { /* Image en hover */
	background-position: -539px -25px;
}

body.p4 ul#navMenu li#contact a, ul#navMenu li#contact  a:active { /* Image sélectionnée*/
	background-position: -539px -50px;
}



/* Fin du menu de navigation */