/*
	Auberge des Michels

	Définition des feuilles de style pour la construction du menu sans preload 
	Inspiré d'un article du site http://css.alsacreations.com

	Auteur : Cécile Roussel - Alliances Consultant

*/

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

ul.menu {
	top: 0px;
	left: 0px;
	height: 37px;
	width: 720px;
	background: transparent url("../img/menu.gif") 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: 37px;
	line-height: 37px;			/* hauteur de ligne pour éviter les paddings */
	text-decoration: none;
}

ul.menu li.menuli1 { width: 86px; }		/* Largeurs des boutons */
ul.menu li.menuli2 { width: 84px; }
ul.menu li.menuli3 { width: 116px; }
ul.menu li.menuli4 { width: 82px; }
ul.menu li.menuli5 { width: 98px; }
ul.menu li.menuli6 { width: 94px; }
ul.menu li.menuli7 { width: 86px; }
ul.menu li.menuli8 { width: 74px; }

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

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

a#menu1:hover { background-position: -720px 0%; }
a#menu2:hover { background-position: -806px 0%; }
a#menu3:hover { background-position: -890px 0%; }
a#menu4:hover { background-position: -1006px 0%; }
a#menu5:hover { background-position: -1088px 0%; }
a#menu6:hover { background-position: -1186px 0%; }
a#menu7:hover { background-position: -1280px 0%; }
a#menu8:hover { background-position: -1366px 0%; }