@CHARSET "ISO-8859-1";

	body {
		background-color: white;
		margin: 0px;
		width: 1024px;
		font-size: 14px;
	}


	/* Menu a gauche */
	#menu {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 521px;
		margin: 0px;
		background-color: white;
	}

	#menu img {
		width: 521px;
		height: 615px;
		margin: 0px;
	}

	#menu ul {
		position: absolute;
		top: 160px;
		left: 0px;
		font-family: arial;
		font-size: 11px;
		list-style-type: none;
	}

	#menu ul li {
		margin: 17px 0;
	}


	#menu ul li a {
		position: relative;
		color: white;
		text-decoration: none;
	}

	#menu ul li a:hover {
		color: #c4af70;
	}

	#menu ul li a span {
		display: none;
		font-size: 11px;
	}

	/* Lorsque l on passe sur un lien du menu on affiche sa description */
	#menu a:hover span {
		display: block;
		position: absolute;
		top: 0px;
		left: 180px;
		width: 270px;
		background-color: #c4af70;
		color: black;
	}

	/* Bloque contenu de la page */
	#contenu {
		position: absolute;
		top: 170px;
		left: 500px;
		z-index: 500;
		width: 500px;
		background-color: white;
		color: black;
	}

	#contenu .paragraphe {
		margin-bottom: 50px;
		padding: 0px;
		background-color: white;
		font-size: 14px;
		color: black;
	}

	#contenu p.titre {
		margin-top: 5px;
		margin-bottom: 12px;
		font-size: 20px;
		font-weight: bold;
		color: #c4af70;
	}

	#contenu p.indexGauche {
		/* background-color: red; */
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 16px;
		font-weight: bold;
		color: #c4af70;
		text-decoration: underline;
	}

	#contenu p.contenuDroite {
		margin-left: 70px;
	}


	/* Pour placer une image a gauche dans le paragraphe */
	#contenu img.gauche {
		float: left;
		width: 271;
		margin: 0px;
		margin-right: 20px;
	}

	/* Pour placer une image au centre du paragraphe */
	#contenu img.centre {
		display: block;
		width: 271;
		margin-left: auto;
		margin-right: auto;
	}