@import url(style.reset.css);

body, html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #ffffff;
}

div#page {
	position: relative;
	width: 1024px;
	height: 685px;
	margin-left: -512px;
	left: 50%;
	top: 10px;
	overflow: hidden;
	background-image: url(images/background.jpg);
}

	h1 {
		height: 1px;
		line-height: 20em;
		overflow: hidden;
	}
	h2 {
		height: 1px;
		line-height: 20em;
		overflow: hidden;
	}
	h3 {
		height: 1px;
		line-height: 20em;
		overflow: hidden;
	}

	div#contenu {
		position: absolute;
		width: 415px;
		height: 120px;
		left: 44px;
		top: 482px;
		overflow: hidden;
		font-family: Arial;
		font-size: 1em;
		color: #61450d;
		text-align: justify;
		line-height: 1.2em;
	}
		
		div#contenu p {
			margin-bottom: 15px;
		}
	
	img#photo_gauche {
		position: absolute;
		width: 213px;
		height: 172px;
		left: 486px;
		top: 296px;
		border: 1px solid #ffffff;
	}
	
	ul#liste_photos_gauche {
		position: absolute;
		left: 703px;
		top: 296px;
		list-style-type: none;
	}
		
		ul#liste_photos_gauche li {
			margin-bottom: 2px;
		}
		
		ul#liste_photos_gauche li a {
			display: block;
			width: 26px;
			height: 27px;
			overflow: hidden;
			background-image: url(images/puce.jpg);
		}
		
		ul#liste_photos_gauche li a:hover {
			background-image: url(images/puce_on.jpg);
		}
	
	img#photo_droite {
		position: absolute;
		width: 213px;
		height: 172px;
		left: 760px;
		top: 296px;
		border: 1px solid #ffffff;
	}
	
	ul#liste_photos_droite {
		position: absolute;
		left: 730px;
		top: 313px;
		list-style-type: none;
	}
		
		ul#liste_photos_droite li {
			margin-bottom: 2px;
		}
		
		ul#liste_photos_droite li a {
			display: block;
			width: 26px;
			height: 27px;
			overflow: hidden;
			background-image: url(images/puce.jpg);
		}
		
		ul#liste_photos_droite li a:hover {
			background-image: url(images/puce_on.jpg);
		}
	
	a#plan {
		position: absolute;
		left: 690px;
		top: 570px;
		font-family: Arial;
		font-size: 0.8em;
		color: #ffffff;
	}
	a:hover#plan {
		font-weight: bold;
		text-decoration: none;
	}

	div#signature {
		position: relative;
		text-align: center;
		width: 1024px;
		top: 20px;
		margin: auto;
		margin-top: 10px;
		font-family: Arial;
		font-size: 0.7em;
	}
		
		div#signature a {
			text-decoration: none;
			color: #eac57b;
		}
		div#signature a:hover {
			color: #61450d;
		}
		
	div#adresse {	
		position: absolute;
		left: 28px;
		bottom: 11px;
	}
	
	p#adresse {
		position: absolute;
		left: 44px;
		bottom: 20px;
		overflow: hidden;
		font-family: Arial;
		font-size: 1.1em;
		color: #61450d;
	}
	p#adresse a {
		text-decoration: underline;
		color: #ffffff;
	}
	p#adresse a:hover {
		text-decoration: none;
	}