﻿body,html {
margin:0;
height:100%;
}

body{
	background: #F3FCB4;
	font-family: arial;/* on applique une police et une taille de base pour les caractères. Mettre des "" pour un nom de police comportant un espace.*/
}


div#global{
	min-height:100%;
	width:1002px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

div#photo1 {
	position: absolute;
	left:6px;
	top:91px;
	width:267px;
	height:200px;
	background: url(camping/01-camping-les-places-dorees-01.jpg) no-repeat;
}

div#comment_photo1 {
	position: absolute;
	left: 6px;
	top: 292px;
	width: 267px;
	height: 18px;
	background: #ddd;
}

#comment_photo1 p, #comment_photo2 p, #comment_photo3 p {
	margin: 0;
	text-align: center;
	font-size: 11px;
	background: #ddd;
}

div#texte1 {
	margin: 0;
	padding: 0;
	position: absolute;
	left:287px;
	top:91px;
	width:428px;
	height:220px;
	background: url(encadre_texte1.gif) no-repeat;
	}

div#texte1 h1 {
	margin: 12px 0 15px 20px;
	padding-left: 8px;
	height: 15px;
	font-size: 15px;
	width: 300px;
	text-align: center;
	
}

div#texte1 p {
	text-indent: 30px;
	padding: 0;
	margin: 0 12px 5px 12px;
	font-size: 13px;
	width: 400px;
	text-align: justify;
	
}

div#photo2 {
	position: absolute;
	left:729px;
	right:6px;
	top:91px;
	width:267px;
	height:200px;
	background: url(camping/01-camping-les-places-dorees-02.jpg) no-repeat;
}

div#comment_photo2 {
	position: absolute;
	left: 729px;
	right:6px;
	top: 292px;
	width: 267px;
	height: 18px;
	background: #ddd;
}

div#texte2{
	margin: 0;
	padding: 0;
	position: absolute;
	left:6px;
	top:318px;
	width:240px;
	height:220px;
	background: url(encadre_texte2.gif) no-repeat;
}

div#texte2 h1 {
	margin: 8px 0 15px 10px;
	padding-left: 8px;
	height: 15px;
	font-size: 15px;
	width: 150px;
	text-align: center;
	
}

div#texte2 p {
	text-indent: 20px;
	padding: 0;
	margin: 0 10px 5px 15px;
	font-size: 13px;
	width: 210px;
	text-align: justify;
	
}

div#photo3 {
	position: absolute;
	left:258px;
	top:318px;
	width:267px;
	height:200px;
	background: url(camping/01-camping-les-places-dorees-03.jpg) no-repeat;	
}
div#comment_photo3 {
	position: absolute;
	left: 258px;
	top: 519px;
	width: 267px;
	height: 18px;
	background: #ddd;
}

div#texte3 {
	position: absolute;
	left:537px;
	top:318px;
	width:175px;
	height:220px;
	background: url(encadre_texte3bis.gif) no-repeat;
	}

div#texte3 h1 {
	margin: 8px 0 15px 10px;
	padding-left: 8px;
	height: 15px;
	font-size: 15px;
	width: 100px;
	text-align: center;
	
}

div#texte3 p {
	padding: 0;
	margin: 0 10px 5px 15px;
	font-size: 13px;
	width: 150px;
	text-align: justify;
	
}

div#texte4 {
	position: absolute;
	left:724px;
	right:6px;
	top:318px;
	width:272px;
	height:220px;
	background: url(encadre_texte4bis.gif) no-repeat;
	}

div#texte4 h1 {
	margin: 8px 0 15px 10px;
	padding-left: 8px;
	height: 15px;
	font-size: 15px;
	width: 170px;
	text-align: center;
	
}

div#texte4 p {
	padding: 0;
	margin: 0 5px 5px 15px;
	font-size: 13px;
	width: 267px;
	text-align: justify;
	
}

div#icone {
	position: absolute;
	left:6px;
	right:6px;
	top:545px;
	width:990px;
	height:40px;
	background-color:#DDFC94;
	}



