/* CSS LA SIESTE SOUS LES POMMIERS */
/* GENERALITES */
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

img.acc {
	border: 0;
	margin-bottom: 10px;
}

a.courant {
	text-decoration: none;
	padding-bottom: 2px;
	color: #C5A177;
	white-space: nowrap;
	background: transparent url(../images/sousliens.gif) bottom left repeat-x;
}

a.courant2:hover {
	color: #8AA580;
}

a.courant2 {
	font-size: 9px;
	text-decoration: none;
	padding-bottom: 2px;
	color: #C5A177;
}

a.courant:hover {
	color: #8AA580;
}

img.esp {
	border: 0;
	margin-left: 5px;
	margin-right: 5px;
}

img.espg {
	border: 0;
	margin-left: 10px;
	margin-top: 20px;
}

img.airbas {
	border: 0;
	margin-bottom: 10px;
}

td, tr, p, li, ul {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

li, ul {
	text-align: left;
}

li, ul {
	list-style-type: none;
	text-indent: 9px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
}

li {
	background: transparent url(../images/puce.gif) top left no-repeat;
}

.ital {
	font-style: italic;	
	font-size: 15px;
	margin-bottom: 20px;
}

h1 {
	font-style:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: 100;
	font-size: 18px;
	color: #C5A177;
	text-indent: 24px;
	text-align: left;
	padding-bottom: 0px;
	background: transparent url(../images/pomme_petite.gif) top left no-repeat;
}

h2 {
	font-style: italic;	
	font-size: 13px;
	margin-bottom: 15px;
	color: #C5A177;
}

div#floatright {
 float: right;
}

div#floatleft {
 float: left;
}

/* MISE EN PAGE */

div#centrage {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: -350px;
	width: 700px;
	background: white url(../images/fond_vert.gif) top right no-repeat;
	text-align: center;
}

div#tete {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 524px;
	height: 228px;
	background: transparent url(../images/badeau_gauche.jpg) top left no-repeat;
}

div#pied {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 137px;
	background: transparent url(../images/pied.jpg) top left no-repeat;
	text-align: left;
	clear: both;
}

div#bt_mail {
	margin: 0;
	padding: 0;
	padding-left: 266px;
	padding-top: 97px;
	width: 200px;
	height: 15px;
}

a.mail {
	display: block;
	width: 200px;
	height: 15px;
	background-image: url(../images/li_mail1.gif);
	background-repeat: no-repeat;
}
	 
a.mail:hover {
	background-image: url(../images/li_mail2.gif);
}

/* ACCUEIL */
div#accueil {
	margin: 0;
	padding: 0;
	padding-top: 228px;
	width: 690px;
}

div#photos_ac {
	margin: 0;
	padding: 0;
	float: left;
	width: 215px;
	text-align: center;
}

div#texte_ac {
	margin: 0;
	padding: 0;
	width: 465px;
	float: right;
	padding-right: 5px;
	text-align: justify;
}

div#ref {
	margin: 0;
	padding: 0;
	background-color: #000;
}

#pho1, #pho2{
	border : solid 1.5px #000;
}

/* HEBERGEMENT */
div#conteneur {
	margin: 0;
	padding: 0;
	padding-top: 228px;
	width: 700px;
	text-align: center;
}

div#conteneur2 {
	margin: 0 auto;
	padding: 0;
	width: 611px;
	text-align: left;
}

div#textes {
	padding-top: 10px;
	text-align: justify;
}

/* PLANS CONTACT */

div#plan1 {
	margin: 0;
	padding: 0;
	width: 642px;
	height: 709px;
	background: transparent url(../photos/grand_plan.jpg) top left no-repeat;
	text-align: left;
}

div#plan2 {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 334px;
	background: transparent url(../photos/petit_plan.jpg) top center no-repeat;
	text-align: left;
}

div#boutonsplanpetit {
	position: relative;
	top: 250px;
	left: 51px;
	margin: 0;
	padding: 0;
	width: 267px;
}

div#boutonsplangrd {
	margin: 0;
	padding: 0;
	width: 164px;
	margin-top: 15px;
	margin-right: 15px;
	float: right;
}

a.precis {
	display: block;
	width: 164px;
	height: 20px;
	background-image: url(../photos/li_voirplanprecis1.gif);
	background-repeat: no-repeat;
}
	 
a.precis:hover {
	background-image: url(../photos/li_voirplanprecis2.gif);
}

a.large {
	display: block;
	width: 267px;
	height: 20px;
	background-image: url(../photos/li_voirplanlarge1.gif);
	background-repeat: no-repeat;
}
	 
a.large:hover {
	background-image: url(../photos/li_voirplanlarge2.gif);
}

a.imprimer1 {
	display: block;
	width: 94px;
	height: 20px;
	background-image: url(../photos/li_imprimerplan1.gif);
	background-repeat: no-repeat;
}
	 
a.imprimer1:hover {
	background-image: url(../photos/li_imprimerplan2.gif);
}

div#animrond {
	clear: both;
	position: relative;
	left: 434px;
	top: 303px;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: transparent url(../photos/onde_grd_plan.gif) top left no-repeat;
}

div#animrond2 {
	position: relative;
	left: 477px;
	top: 191px;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background: transparent url(../photos/onde_petit_plan.gif) top left no-repeat;
}

/* LIENS */

div#liens {
	position: absolute;
	z-index: 3;
	top: 11px;
	right: 10px;
	margin: 0;
	padding: 0;
	width: 137px;
	height: 141px;
}

div#bt_accueil {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 16px;
}

a.accueil {
	display: block;
	width: 55px;
	height: 16px;
	background-image: url(../images/li_accueil1.gif);
	background-repeat: no-repeat;
}
	 
a.accueil:hover {
	background-image: url(../images/li_accueil2.gif);
}

div#bt_hebergement {
	position: absolute;
	top: 16px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 96px;
	height: 24px;
}

a.hebergement {
	display: block;
	width: 96px;
	height: 24px;
	background-image: url(../images/li_hebergement1.gif);
	background-repeat: no-repeat;
}
	 
a.hebergement:hover {
	background-image: url(../images/li_hebergement2.gif);
}

div#bt_confort {
	position: absolute;
	top: 40px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 20px;
}

a.confort {
	display: block;
	width: 120px;
	height: 20px;
	background-image: url(../images/li_confort1.gif);
	background-repeat: no-repeat;
}
	 
a.confort:hover {
	background-image: url(../images/li_confort2.gif);
}

div#bt_loisirs {
	position: absolute;
	top: 60px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 137px;
	height: 21px;
}

a.loisirs {
	display: block;
	width: 137px;
	height: 21px;
	background-image: url(../images/li_loisirs1.gif);
	background-repeat: no-repeat;
}
	 
a.loisirs:hover {
	background-image: url(../images/li_loisirs2.gif);
}

div#bt_reservation {
	position: absolute;
	top: 81px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 88px;
	height: 22px;
}

a.reservation {
	display: block;
	width: 88px;
	height: 22px;
	background-image: url(../images/li_reservation1.gif);
	background-repeat: no-repeat;
}
	 
a.reservation:hover {
	background-image: url(../images/li_reservation2.gif);
}

div#bt_stages {
	position: absolute;
	top: 103px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 21px;
}

a.stages {
	display: block;
	width: 48px;
	height: 21px;
	background-image: url(../images/li_stages1.gif);
	background-repeat: no-repeat;
}
	 
a.stages:hover {
	background-image: url(../images/li_stages2.gif);
}

div#bt_contact {
	position: absolute;
	top: 124px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 57px;
	height: 17px;
}

a.contact {
	display: block;
	width: 57px;
	height: 17px;
	background-image: url(../images/li_contact1.gif);
	background-repeat: no-repeat;
}
	 
a.contact:hover {
	background-image: url(../images/li_contact2.gif);
}