@charset "utf-8";
/* CSS Document */
/*------------- LOGOS -------------*/

#aqua img{
	position:absolute;
	top:8px;
	left:30px;
	border:none!important;
	width:155px;
	height:142px; 
}

#logo_gite{
	position:absolute;
	top:10px;
	left:620px;
	text-align:right;
	width:170px;
}

#logo_gite img{
	float:right;
	padding: 0px 0px 0px 10px;
	width:45px;
}

#logo_gdf{
	position:absolute;
	top:10px;
	left:800px;
}

#logo_gdf2{
	position:relative;
	text-align:center;
	height:80px;
}

#logo_gdf img, #logo_gdf2 img{
	width:80px;
	height:80px;
	border:none!important;
}

#logo_cheque{
	position:absolute;
	top:10px;
	left:20px;
}

#logo_cheque img{
	width:100px;
	height:98px;
}

/*------------ General --------------*/

#container{
	position: relative;
	color: black;	
	width: 1000px;
	/*background: url(_images/papillion2.jpg) repeat;*/
	background-color:#FFFFCC;
	}

body{
	margin: 0px;
	padding: 0px;
	background: url(_images/bord.jpg) repeat-y 1000px;
	background-color: #FFFFCC;
}


h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:32px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:15px;
	text-align:center;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	margin:20px 0px 15px 0px;
}

h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

p{
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: justify;
	display: block;
	font-family: Tahoma;
	font-size: 14px;
	line-height: 20px;
	}
	
/*---------------------- Images -----------------------*/	
	
.img_h {
	position:relative;
	width:121px;
	height:69px;
}

.img_v {
	position:relative;
	width:69px;
	height:121px;
}

#img_g_abr{
	position:relative;
	width:190px;
	height:103px;
}

.img_g_jas{
	position:relative;
	width:211px;
	height:116px;
}

.img_g_ama{
	position:relative;
	width:184px;
	height:142px;
}
	
#titre span, #introimage span, #corps4 span{
	display: none;
}
	
#titreimage{
	background: url(_images/titre.jpg) no-repeat 265px 40px; 
	width: 1000px;
	height: 150px;
}	


/*------------- Menu -------------*/
#part3{
	position: absolute;
	top: 229px;
	left: 10px;
	width: 185px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	border:1px dashed blue;
	background-color: #FDDE7F;
	}
	

.corps3 {
	font-weight: bold;
	text-align:center;
}
	
#part3 ul li, #part4 ul li, #part5 ul li{
	display: block;
	list-style-type: none;
	cursor: pointer;
	font-weight: bold; 
	margin: 0px 0px 0px -30px;
}
	
#part3 li, #part4 li, #part5 li{
	padding: 3px 0px 0px 13px;
	background: url(_images/bullet02.gif) no-repeat -2px 9px;
}
	
#validator{
	position: absolute;
	top: 560px;
	left: 60px;
	width: 185px;
}

#validator img, #validator2 img{
	border:none;
}
	
/*---------------- Liens Menu --------------*/

#part3 a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #1fb3ff;
}

#part3 a:visited {
	font-weight: bold;
	color: #0066FF;
	text-decoration: none;
}

#part3 a:hover{
	color: #91d9ff;
}

#part3 a:active { 
	color: #1fb3ff;	
}
	
/*------------- Texte Principal -------------*/
	
.corps21, .corps23, .corps24, .corps25, .corps26, .corps27, .corps28, .corps29, .corps30, .corps31,.corps32 {
	margin: 25px;
	word-spacing: 2px;
	text-align: center;
}

.corps22{
margin: 25px;
word-spacing: 3px;
}

#path li{
	background: url(_images/bullet02.gif) no-repeat -2px 9px;
	display: block;
	list-style-type: none;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px -30px;
	padding: 3px 0px 0px 13px;
	font-size:14px;
}

/*-------------- Zone Principale ----------------*/

#part8, #part9, #part10, #part12 {
	position: absolute;
	top:150px;
	left:10px;
	width:860px;
	border:1px dashed blue;
	margin: 10px 10px 10px 200px;
	background: url(_images/motif_prov.jpg) repeat 50px 50px;
}

/*----- Acces -----*/

#part8{
	height:1020px;
	padding: 0px 20px 0px 20px;
}

#part9{
	height:520px;
	padding: 0px 20px 0px 20px;
}



/*-------- salavas ---------*/
#part10{
	height:auto;
	padding: 0px 20px 20px 20px;
}

#contact{
position:relative;
top:-3px;
}

#part11{
position:relative;
top:450px;
left:10px;
width:860px;
height:200px;
border:1px dashed blue;
margin: 10px 10px 10px 200px;
padding: 0px 20px 30px 20px;
background: url(_images/motif_prov.jpg) repeat 50px 50px;
text-align:center;
}

#part12{
	height:400px;
	padding: 0px 20px 30px 20px;
	text-align:center;
}

.par_g{
	position:relative;
	width:450px;
	top:15px;
	margin:0px;
}

.p1{
	line-height:22px;
}

#img_salavas{
	position:relative;
	float:right;
	width:340px;
	top:20px;
	margin-bottom:20px;
}

#img_salavas img,  #img_salavas2 img{
	position:relative;
	width:160px;
}

#img_salavas2 img{
	position:relative;
	margin:5px;
}

#img_b_salavas{
	position:relative;
	top:10px;
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
}

#img_salavas2{
	position:relative;
	float:right;
	width:170px;
	right:80px;
}

#info{
	position:relative;
	text-align:center;
}

#info p{
	position:relative;
	left:100px;
}

/*----------------- Situation - Acces --------------*/

#plan1{
	float:left;
	width:400px;
	text-align:left;
}


#plan2{
	float:right;
	width:400px;
	text-align:left;
}

#cplan{
position:absolute;
float:left;
top:860px;
left:100px;
width:140px;

}
#plan3{
	position:absolute;
	top:540px;
	left:250px;
	width:400px;
	text-align:center;
	margin-bottom:20px;
}

/*--------------- Dispo --------------*/

.dispo{
	position:relative;
	width:230px;
	text-align:left;
	top:20px;
	margin:0px 0px 20px 0px;
}

.txt_dispo{
	position:relative;
	float:right;
	width:500px;
	top:20px;
	right:50px;
	text-align:left;
}

.float_left{
	float: left;
}

/*--------------- Contact ---------------*/

#img_contact{
	position:relative;
	float:right;
	right:10px;
	top:30px;
}

#img_contact img{
	width:300px;
}

/*-------------------- Les Maisons ------------------*/

#bandeau{
	position: relative;
	top:10px;
	background: url(_images/motif_prov.jpg) repeat 50px 50px;
	border:1px dashed blue;
	left:210px;
	height:54px;
	width:900px;
}

#part2, #part6, #part7{
	height:3580px;
	width:250px;
	top: 220px;
	border:1px dashed blue;
	margin: 10px 10px 10px 200px;
	padding: 0px 20px 0px 20px;
	background: url(_images/motif_prov.jpg) repeat 50px 50px;
	position: absolute;
	text-align:center;
}


/*--Colonne JASMINE--*/

#part2{
	left:10px;
}
	
/*--Colonne AMANDINE--*/	

#part6{
	left: 315px;
}

/*--Colonne ABRICOTINE--*/

#part7{
	left: 620px;
}
	
/*-- Logo 3 épis --*/

.epis{
	float:right;
}

#apart2, #apart6, #apart7{
	height:3840px;
	width:250px;
	top: 220px;
	border:1px dashed blue;
	margin: 10px 10px 10px 200px;
	padding: 0px 20px 0px 20px;
	background: url(_images/motif_prov.jpg) repeat 50px 50px;
	position: absolute;
	text-align:center;
}


/*--Colonne JASMINE--*/

#apart2{
	left:10px;
}
	
/*--Colonne AMANDINE--*/	

#apart6{
	left: 315px;
}

/*--Colonne ABRICOTINE--*/

#apart7{
	left: 620px;
}

/*-- Alignement vertical des différentes parties des colonnes--*/

.maison, .cuisine, .salon, .chambre1, .chambre2, .chambre3, .chambre4, .salledebain, .salledebain2, .wc, .buanderie, .piscine, .divers{
	position:absolute;
	width:270px;
	left:8px;
	word-spacing: 2px;
}

.maison{
	top:330px;
}

.cuisine{
	top:530px;
}

.salon{
	top:870px;
}

.chambre1{
	top:1190px;
}

.chambre2{
	top:1440px;
}

.chambre3{
	top:1690px;
}

.chambre4{
	top:1940px;
}

.salledebain{
	top:2190px;
}

.salledebain2{
	top:2430px;
}

.wc{
	top:2680px;
}

.buanderie{
	top:2810px;
}

.piscine{
	top:2930px;
}

.divers{
	top:3230px;
}

/*------- Alignement en allemand --------*/

.amaison, .acuisine, .asalon, .achambre1, .achambre2, .achambre3, .achambre4, .asalledebain, .asalledebain2, .awc, .abuanderie, .apiscine, .adivers{
	position:absolute;
	width:270px;
	left:8px;
}

.amaison{
	top:380px;
}

.acuisine{
	top:580px;
}

.asalon{
	top:950px;
}

.achambre1{
	top:1300px;
}

.achambre2{
	top:1550px;
}

.achambre3{
	top:1800px;
}

.achambre4{
	top:2050px;
}

.asalledebain{
	top:2300px;
}

.asalledebain2{
	top:2540px;
}

.awc{
	top:2810px;
}

.abuanderie{
	top:2950px;
}

.apiscine{
	top:3090px;
}

.adivers{
	top:3490px;
}

/*-----------Colonnes Maisons----------------*/

#col_g, #col_m, #col_d{
	position: absolute;
	width:211px;
	height:200px;
	bottom:20px;
	display:block;
	text-align: center;
}

#col_g{
	left:80px;
	float:left;
}

#col_m{
	left:350px;
}

#col_d{
	left:620px;
	float:right;
}

#col_g span, #col_m span, #col_d span{
	font-weight:bold;
	text-align:center;
}

/*---------------Tableau Tarifs-----------------*/

.tab{
	font-family: Tahoma;
	font-size: 14px;
}


/*---------------Liens-----------------*/

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
}

a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a:hover{
	color:#999999;
}

a:active { 
	color: #CCCCCC;	
}
	
/*------------ Barre de langues --------------*/

#lang{
	position: absolute;
	top: 160px;
	left: 10px;
	width: 185px;
	height:54px;
	font-weight: bold;
	text-decoration: none;
	color: black;
	border:1px dashed blue;
	background-color: #FDDE7F;
	text-align:center;
}

#lang img{
	width:25px;
	height:20px;
}	

#fr{
	position: absolute;
	top:24px;
	left:12px;
	text-align: left;
	vertical-align: middle;
}

#en{
	position: absolute;
	left:53px;
	top:24px;
	text-align: left;
	vertical-align: middle;
}

#de{
	position: absolute;
	left:95px;
	top:24px;
	text-align: left;
	vertical-align: middle;
}

#nl{
	position: absolute;
	left:140px;
	top:24px;
	text-align: left;
	vertical-align: middle;
}