/*
	Site Internet : Piscines Jean-Pierre
	Définition des feuilles de style pour la construction du menu sans preload 
	Auteur : Cécile Roussel - Alliances Consultant [2007]
*/

ul.menu, ul.menu li {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.menu {
	top: 0px;
	left: 0px;
	height: 66px;
	width: 679px;
	background: transparent url("../img/menu-piscines.jpg") top left no-repeat;	/* arrière-plan général du menu */
	text-align: center;
}

ul.menu li { float: left; }

ul.menu li a {						/* dimensions et définitions des boutons */
	display: block;					/* mise en block de <a> pour lui donner des dimensions */
	height: 66px;
	line-height: 66px;			/* hauteur de ligne pour éviter les paddings */
	text-decoration: none;
}

ul.menu li.menuli1 { width: 87px; }		/* Largeurs des boutons */
ul.menu li.menuli2 { width: 82px; }
ul.menu li.menuli3 { width: 82px; }
ul.menu li.menuli4 { width: 82px; }
ul.menu li.menuli5 { width: 78px; }

ul.menu li a:hover { background: transparent url("../img/menu-piscines.jpg") top left no-repeat; }

/* décalage de l'arrière-plan pour chaque bouton */

a#menu1:hover { background-position: -679px 0%; }
a#menu2:hover { background-position: -766px 0%; }
a#menu3:hover { background-position: -848px 0%; }
a#menu4:hover { background-position: -930px 0%; }
a#menu5:hover { background-position: -1012px 0%; }