ul {	list-style-type: none; /* on supprime les puces, inutiles */
		margin:0 auto; /* obligé de le laisser, sinon marges sous mozilla, firefox, opera, netscape */
		position: absolute;
		left: 50%;
		margin-left: -390px;
		margin-top: 50px;
		text-align:center;
		width: 780px; /* largeur taille du site pour pouvoir centrer le menu */
		font: 14px Verdana, sans-serif;
		color: rgb(10,64,26); /* vert */
		
		}

	li { 	float: left;

		} /* on aligne les listes sur la gauche */

	.menu a.accueil {	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px; /* espace sous l'image de bouton, zone clicable */
     				float: left;
     				display: block;
     				text-align: center; /* on centre le texte du bouton */
     				text-decoration: none;
     				background-image: url(images/bouteil1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.accueil:hover {	background-image: url(images/bouteil2.jpg); /* image de survol */
				background-repeat: no-repeat;
				color: rgb(141,25,27); /* couleur de survol, bordeaux */
			
				}

	.menu a.accueil:active {	background-image: url(images/bouteil1.jpg);
					background-repeat: no-repeat;
					color: rgb(10,64,26); /* vert */
		
		
					}

	.menu a.domaine {	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px;
     				float: left;
     				display: block;
     				text-align: center;
     				text-decoration: none;
     				background-image: url(images/boutdom1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.domaine:hover {	background-image: url(images/boutdom2.jpg);
				background-repeat: no-repeat;
				color: rgb(141,25,27);
		
				}

	.menu a.domaine:active {	background-image: url(images/boutdom1.jpg);
					background-repeat: no-repeat;
					color: rgb(10,64,26); /* vert */
			
					}

	.menu a.gite {	margin: 0 4px;
     			padding-top: 83px;
			width: 80px; /* on définit la taille du bouton de menu */
     			height: 10px;
     			float: left;
     			display: block;
     			text-align: center;
     			text-decoration: none;
     			background-image: url(images/boutgit1.jpg);
			background-repeat: no-repeat;
			color: rgb(10,64,26); /* vert */
		
			}
	 
	.menu a.gite:hover {	background-image: url(images/boutgit2.jpg);
				background-repeat: no-repeat;
				color: rgb(141,25,27);
		
				}

	.menu a.gite:active {	background-image: url(images/boutgit1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
			
				}

	.menu a.chambre {	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px;
     				float: left;
     				display: block;
     				text-align: center;
     				text-decoration: none;
     				background-image: url(images/boutcha1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.chambre:hover {	background-image: url(images/boutcha2.jpg);
				background-repeat: no-repeat;
				color: rgb(141,25,27);
		
				}

	.menu a.chambre:active {	background-image: url(images/boutcha1.jpg);
					background-repeat: no-repeat;
					color: rgb(10,64,26); /* vert */
			
					}

	.menu a.activite {	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px;
     				float: left;
     				display: block;
     				text-align: center;
     				text-decoration: none;
     				background-image: url(images/boutact1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.activite:hover {	background-image: url(images/boutact2.jpg);
					background-repeat: no-repeat;
					color: rgb(141,25,27);
		
					}

	.menu a.activite:active {	background-image: url(images/boutact1.jpg);
					background-repeat: no-repeat;
					color: rgb(10,64,26); /* vert */
			
					}

	.menu a.tarif 	{	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px;
     				float: left;
     				display: block;
     				text-align: center;
     				text-decoration: none;
     				background-image: url(images/bouttar1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.tarif:hover {	background-image: url(images/bouttar2.jpg);
				background-repeat: no-repeat;
				color: rgb(141,25,27);
		
				}

	.menu a.tarif:active {	background-image: url(images/bouttar1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
			
				}

	.menu a.acces 	{	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px;
     				float: left;
     				display: block;
     				text-align: center;
     				text-decoration: none;
     				background-image: url(images/boutacc1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.acces:hover {	background-image: url(images/boutacc2.jpg);
				background-repeat: no-repeat;
				color: rgb(141,25,27);
		
				}

	.menu a.acces:active {	background-image: url(images/boutacc1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
			
				}

	.menu a.contact {	margin: 0 4px;
     				padding-top: 83px;
				width: 80px; /* on définit la taille du bouton de menu */
     				height: 10px;
     				float: left;
     				display: block;
     				text-align: center;
     				text-decoration: none;
     				background-image: url(images/boutcon1.jpg);
				background-repeat: no-repeat;
				color: rgb(10,64,26); /* vert */
		
				}
	 
	.menu a.contact:hover {	background-image: url(images/boutcon2.jpg);
				background-repeat: no-repeat;
				color: rgb(141,25,27);
		
				}

	.menu a.contact:active {	background-image: url(images/boutcon1.jpg);
					background-repeat: no-repeat;
					color: rgb(10,64,26); /* vert */
			
					}