@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Source+Sans+Pro|PT+Sans+Narrow');
html,body{/*height:100%*/
	scroll-behavior: smooth;
}

body {
	font-family: 'PT Sans Narrow', sans-serif;
	background-color: #fff;
	text-align: center;
	color:#383636;
	margin:0;
	font-size:1em;
	scroll-behavior: smooth;
}

a { color:#333 }
div {box-sizing:border-box;}
h2 {
	font-size:1.8em;
	margin:0px 8px;
	font-weight:bold;
	text-align:left;
	border:solid 0px red;
	letter-spacing:0.05em;
}
h3 {
	font-size:1.6em;
	margin:0px;
	font-weight:normal;
	text-align:left;
	letter-spacing: 0.03em;
}
h4 {
	font-size:1em;
	font-weight:normal;
	text-align:left;
	margin:0px;
}
ol {text-align:left}
.center {text-align:center !important}
.left {text-align:left !important}
.right {text-align:right !important}

/*** Accueil Entete ****/

#accueil_entete h1 {
	color:#fff;
	margin:0px;
	font-size:2.5em;
	letter-spacing: 0.03em;
	position:absolute;
	bottom:18%;
	width:100%;
	text-align:center;
	z-index:10;
	text-shadow:1px 1px #333;
	line-height:0.9em;
	border:solid 0px red;
}
#accueil_entete  h1 > span{
	font-size:0.8em;
	letter-spacing:normal;
	font-weight:normal;
	border:solid 0px red;
}

#accueil_entete  h1 > a.down > img {
	filter:opacity(0.6);
	height:50px;
}



#tripadvisor {
	position:absolute;
	top:0;
	margin:0 auto;
	display:block;
	z-index:100;
	text-align:center;
	width:100%;
	z-index:1000;
}
#tripadvisor img{
	max-width:200px;
	width:20%;
	height:auto;
}

#accueil_logo {
	position:absolute;
	width:100%;
	z-index:100;
	border:solid 0px red;
}
#accueil_logo img {
	max-width:175px;
	height:auto;
	margin:auto;
	margin-top:200px;
}

/*** FIN Accueil Entete ****/


/* HEADER */
header { margin-top:30px;margin-bottom:50px;position:relative;border:solid 0px;}
header img { max-width:100%;height:auto;margin:0px;border:solid 0px;vertical-align:top;}
header h1 {
	font-size:1.6em;
	color:#897F72;
	position:relative;
}
header h1 span{
	display:block;
	margin-left:-110px;
	
}

#icones {
	text-align:center;
	margin-top:6px;
	clear:both;
	position:absolute;
	width:45px;
	bottom:10px;
	right:5%;
	z-index:100;
}
#icones img{
	width:auto;
	margin: 10px auto;
}
#icones img:hover{
	filter:saturate(150%);
}

/* PANNEAU */


/* MAIN */
.main {
	background-color: #FEFEFE;
	margin:auto;
	overflow:auto;
	clear:both;
	box-sizing:border-box;
	border:solid 0px gray;
	overflow:auto;
}
.chambre h2{
	padding-top:0px; 
}
div.ancre {height:30px;width:30px;border:solid 0px red;}
div.ancre a{vertical-align:top;}
.main p{
	text-align:justify;
	margin:8px;
}

.main p.texte{
	margin-left:30px;
	margin-right:30px;
}
.main ul li {
	text-align: left;
	margin-left: 30px;
}
/* Carte de visite */
.cartedevisite  {
}
.cartedevisite a {
}
a.down > img {
	filter:opacity(0.2);
	height:50px;
	width:auto;
	z-index:100;
}
a.down:hover > img {
	filter:opacity(0.6);
}

/********** MENU *********/

nav.menu {
	position:fixed;
	top:0;
	text-align:center;
	margin:0 auto;
	width:100%;
	color: #fff;
	clear:both;
	background-color: #b5ab9f;
	border:solid 0px green;
	z-index:1000;
	height:44px;
	box-sizing:content-box;
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.2);
	overflow:visible;
}
#accueil_entete > nav.menu {
	position:relative;
	padding:50px 0;
	border:solid 0px red;
}
#accueil_entete > nav.cloned{
	padding: 10px 0px !important;/* classe créée par "js-sticky-anything" qui s'applique sur le menu */
	border:solid 0px orange;
}



nav.menu > ul{
	margin:0;
	padding:0;
	list-style : none;
	border:solid 0px red;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-evenly;
}
nav.menu ul li{
	display:inline-block;
	vertical-align:top;
	vertical-align:middle;
	position:relative;
	line-height:44px;
	overflow:visible;
}
nav.menu ul li.image{
	min-width:42px;
	vertical-align:middle;
}
nav.menu ul li.mob{
	display:none;
}
nav.menu ul  ul{
	display:none;
}
nav.menu ul li:hover {
	position:relative;
	border:solid 0px red;
}
nav.menu ul li:hover ul{
	display:flex;
	position:absolute;
	z-index:10;
	border:solid 0px;
	margin:auto;
	padding:0;
	background-color: #b5ab9f;
	width:100vw;
	top:44px;
}
nav.menu ul li ul li{
	display:block;
	z-index:10;
	margin-top:4px;
}
nav.menu  a{
	display:inline;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	z-index:10;
	padding-left:15px;
	padding-right:15px;
	text-transform: uppercase;
	font-family: 'PT Sans Narrow', sans-serif;
	line-height:35px;
	border:solid 0px white;
}
nav.menu  a.current{
	font-weight: bold;
	text-decoration:underline;
}
nav.menu ul li ul li a{
	font-size: 1em;
}
nav.menu a:not(.current):hover{
	color:#FFDF92;
}
nav.menu a.image:hover {
	color: transparent;
	background-color: transparent;
}

nav.menu img{
	border:0;
	height:40px;
	width:auto;
	margin:auto;
	margin-top:-1px;
	vertical-align:middle;
}
nav.menu li#langue {
	color:white;
	border:solid 0px red;
}
nav.menu li#langue img{
	color:white;
	border:solid red 0px;
	height:auto;
	vertical-align:top;
	margin-top:-10px;
	padding:0;
	display:none;
}
nav.menu li#langue a, nav.menu li#langue ul li a,  nav.menu li#langue_mob  a {
	border-bottom:solid 1px #d0b091;
	font-size:0.9em;
	border:solid 1px;
	padding: 0px 3px;
}
nav.menu li#langue a:hover{
	background-color:transparent;
	color: #ddd;
	color:#FFDF92;
}
nav.menu li#langue:hover ul{
	display:block;
	border:solid 0px;
	width:24px;
	text-align:center;
	border:solid 0px red;
}
nav.menu li#langue ul li{
	min-width:0;
	border:solid 0px;
	width:24px;
	line-height:24px;
	margin-top:0;
}
nav.menu ul li#langue_mob {
	display:none;
}

div#menu_chambres {
	width:100%;
	border:solid 0px;
	box-sizing:border-box;
	border:collapse;
	background-color:#fff;
	overflow:hidden;
	display:none;
	z-index:1000000;
	margin-top:44px;
	position:relative;
	position:fixed;
	height:44px;
}
div#menu_chambres > div {
	display:inline-block;
	width:25%;
	box-sizing:border-box;
	z-index:1000000;
	margin:0 -2px !important;
	border-left:solid 1px #b5ab9f;
	border-bottom:solid 1px #b5ab9f;
	display:table-cell;
	height:44px;
}
div#menu_chambres > div > a {
	display:block;
	color:#646a71;
	text-transform: uppercase;
	text-decoration:none;
	width:100%;
	border:solid 0px red; 
	line-height:44px;
}
div#menu_chambres > div.current  {
	/*background-color:#d0b091; */
}
div#menu_chambres > div.current > a {
	color:white;
	font-weight:bold;
}
div#menu_chambres > div:not(.current):hover  {
	background-color:rgba(208,176,145,0.5);
	background-color: #b5ab9f;
	border:solid 0px white;

}
div#menu_chambres > div:not(.current):hover  a{
	color:#FFDF92;
}

.annonce {
	font-size: 16px;
	color: #818644;
	font-weight: bold;
}
.tarif table{
	border-collapse: collapse;
	border: 1px outset #666;
	}
	
	
/***** ACCUEIL ******/

#accueil_entete > #fwslider {
	z-index:12; /* pour cacher le sous menu sur la page d'accueil */
}


a.reserver {
	clear:both;
	display:block;
	background-color: #a7a29c;
	width:220px;
	height:60px;
	text-align:center;
	margin:auto;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color:white;
	text-decoration:none;
	line-height:60px;
	text-transform: uppercase;
	border:solid 0px red;
	font-size:0.9em;
}
a.reserver:hover {
	background-image:linear-gradient(rgba(255,255,255,00), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0));
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}


/*** Espacement ***/
div.espace30 {
	width:100% !important;
	max-width:100% !important;
	height:30px !important;
	border:solid 0px orange !important;
	/*background: repeating-linear-gradient(45deg, transparent, transparent 20px, #ddd 20px, #ddd 24px) !important;*/
}
div.espace80 {
	width:100% !important;
	max-width:100% !important;
	height:80px !important;
	border:solid 0px orange !important;
	/*background: repeating-linear-gradient(45deg, transparent, transparent 20px, #ddd 20px, #ddd 24px) !important;*/
}
div.espace {
	width:100% !important;
	max-width:100% !important;
	height:110px !important;
	border:solid 0px orange !important;
	/*background: repeating-linear-gradient(45deg, transparent, transparent 20px, #ddd 20px, #ddd 24px) !important;*/
}

div.espace2 {width:100% !important; max-width:100% !important;height:130px !important;border:solid 0px green !important;}

div.espace3 {width:100% !important; max-width:100% !important;height:160px !important;border:solid 0px red !important; background-color:#FFFFFF !important;}

/* Accueil domaine */
#domaine,#bastides2 > div {
	width:95%;
	position:relative;
	margin: auto;
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	border:solid 0px green;
}
#domaine h2{}

#domaine p{
	text-align:justify;
}
#domaine > div {
	height:auto;
	max-width:600px;
	display:inline-block;
	padding:0px;
	border:solid 0px green;
	margin:0;
	vertical-align:middle;
	overflow:hidden;
	border:solid 0px red;
	
}
#domaine > div > img{
	width:100%;
	height:auto;
	
}
#bastides > div,#bastides2 > div > div {
	height:auto;
	max-width:600px;
	display:inline-block;
	padding:0px;
	border:solid 0px green;
	margin:0;
	vertical-align:middle;
	overflow:hidden;
	border:solid 0px red;
	
}

#bastides2  > div#panneau {
	display:none;
	align-items: stretch;
	align-content: space-evenly;
	background-image:url(photos/bastides2-fond.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;
}


#bastides2  > div > div#pave1 {
	min-height:450px;
}

#bastides2 > div > div#pave2 > div {
	display:flex !important;
  	justify-content: flex-start; 
  	align-content: stretch; 
	align-items: flex-start; 
	flex-wrap : wrap;
	border:solid 0px orange;
}
#bastides2 > div > div#pave2 > div p {
	display:inline-block;
	width:350px; 
	height:auto; 
	margin:8px auto;
}
#bastides2 > div > div#pave2 > div img {
	display:inline-block;
	width:214px; 
	height:107px; 
	margin:8px;
}
div#plus {
	flex:1 100%;
	max-width:none;
	min-height:none;
	min-width:none;
	height:60px;
	min-height:none !important;
	border:solid 0px red;

}
 div#plus span{
	clear:both;
	display:block;
	width:220px;
	height:60px;
	text-align:center;
	margin:auto;
	text-decoration:none;
	line-height:60px;
	text-transform: uppercase;
	font-size:0.9em;
	border:solid 1px #666;
	cursor:pointer;
}
 div#plus span:hover {
	background-color:#ddd;
}	


span#detail {
	display:inline-block;
	padding:0px 25px;
	background-color:#cbc4bc;
	cursor:pointer;
	margin:auto 20px;
	text-align:center;

}
 span#detail {
	text-decoration:none;
	text-transform: uppercase;
	border:solid 0px #666;
	line-height:30px;
	color:black;
}
 span#detail a{ /* pour le bouton Tarifs */
	text-decoration:none;
	color:inherit;
}
 span#detail:hover {
	background-color:#ddd;
}	
.less.active .button-read-more, .button-read-less  {display: none;}
.less.active .button-read-less {display: inline;text-decoration:none;}
.button-read {text-decoration:none;color:#333;font-size: 1.3em;}
.button-read:hover {text-decoration:none;}

.more {margin-top: 10px;border:solid 1px #333;position:absolute;background-color:#fff;padding: 0.5em;;}
.more p {margin: 6px;padding: 0;font-size:0.7em;color:#333;}

#domaine > div:nth-child(1) {
	background-image:url(images/BH-Verdon-fond.png);
	background-position:center center;
	background-repeat: no-repeat;
	display: flex; /* contexte sur le parent */
  	flex-direction: column; /* direction d'affichage verticale */
  	justify-content: center; /* alignement vertical */
	padding-left:10px;
	padding-right:10px;
	min-height:400px;
	
}


#bastides {
	background-image:url(images/BH-Verdon-fond.png);
	background-position:top center;
	background-repeat: no-repeat;
	text-align:center;
	width:95%;
	position:relative;
	margin: auto;
	display:block;
	border:solid 0px green;

}
#bastides > div:nth-child(1) {
	margin:auto;
	max-width:none;
	max-width:800px;
	border:solid 0px red;
}
#bastides div p,#bastides div h2{
	text-align:center;
}

#bastides div#vignettes  {
	max-width:800px;
	width:100%;
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
	border:solid 0px green;
	margin:auto;
}
 #bastides div#vignettes > div  {
	width:350px;
	flex-flow: row nowrap;
	border:solid 0px green;
	justify-content:space-evenly;
	display:table-cell;
	position:relative;
}
 #bastides div#vignettes > div  img  {
	max-width:350px;
	display:block;
	transition:all 0.6s ease-out;
	-webkit-transition:all 0.6s ease-out;
}
#bastides div#vignettes > div   span{
	/*
	line-height:200px;
	height:100%;
	*/
	color:#666;
	font-size:1.6em;
	text-align:center;
	text-transform: uppercase;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0;
	border:solid 0px red;
	color:transparent;
	transition:margin-bottom 0.6s ease-in, color 0.6s ease-out;
}

#bastides  div#vignettes > div:hover  img{
	-webkit-filter: brightness(40%);  
    filter: brightness(40%) ;
	}
#bastides  div#vignettes > div:hover  span{
	color:white;
	margin-bottom:45%;
	}


#bastides  table img {
	max-width:220px;
	height:auto;
	position:relative;
	display:block;
	transition:all 0.6s ease-out;
	-webkit-transition::all 0.6s ease-out;
	vertical-align:top;
	/*transition:all 0.6s ease-out;
	-webkit-transition::all 0.6s ease-out;*/
	vertical-align:top;
}
#bastides  table td:hover img{
	/*-webkit-filter: opacity(40%);  Safari */
    /*filter: opacity(40%);*/
	}

#bastides   table td {
	text-align:center;
	border:solid 0px green;
}
#bastides   table td span{
	/*
	line-height:200px;
	height:100%;
	*/
	color:#666;
	transition:margin-top 0.6s ease-in, font-size 0.6s ease-out;;
	font-size:1em;
	text-align:center;
	text-transform: uppercase;
	width:100%;
}
#chambres    table td  a {
	text-decoration:none;
	text-align:center;
}



#domaine_panorama {
	background-color: transparent;
	width:100%;
}
#domaine_panorama img{
	margin:auto;
	width:100%;
	height:auto;
}



/* Accueil Chambres */
#chambres {
	text-align:center;
	border: solid 0px red;
	display:flex;
	justify-content : space-around;
	flex-wrap:wrap;
}

#chambres > div {
	height:auto;
	display:inline-block;
	vertical-align:middle;
	border: solid 0px green;
	width:50%;
	min-width:500px;
}

#chambres > div p {
	text-align:center;
	margin:6px auto;
}
#chambres > div table  {
	width:auto;
	
}
#chambres > div table td {
	text-align:center;
	padding:8px;
	
}
#chambres > div  table td:hover span{
	/*position:absolute;
	margin-top:-150px;
	margin-left:-50%;
	border:solid 0px red;
	font-weight:bold;
	font-size:1.2em;
	color:#666;
	*/
}






/* Accueil détente et loisirs */

#loisirs {
	width:100%;
	position:relative;
	display:block;
	border: solid 0px green;
	margin:auto;
}
#loisirs  h2{
	text-align:center;
}
#loisirs div.texte{
	max-width:900px;
	margin:auto;
	display:inline-block;
	vertical-align:middle;
	padding:8px;
	border: solid 0px green;
}
#loisirs > table {
	margin:auto;
	display:table;
	border-collapse:collapse;
	border-spacing: 0px;

}
#loisirs > table td {
	display:table-cell;
	border:0px;
}
#loisirs > table td img{
	display:block;
	width:100%;
	height:auto;
}
/**** fenetre modale *****/

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

/*** accueil acces ****/
#acces  {
	width:100%;
	position:relative;
	margin:0px auto;
	border: solid 0px red;
	/*background-color:#b5ab9f;*/
	padding-top:12px;
	padding-bottom:12px;
	
}
#acces > div {
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
	width:100%;
	position:relative;
	border: solid 0px red;
	/*background-color:#b5ab9f;*/
	
}
#acces > div:nth-child(2) {
	align-items:flex-end; /*aligne les boutons vers le bas*/
}
div#acces > div h2 {
	text-align:left !important;
}
div#acces > div h3 {
	text-transform: uppercase;
	font-weight:normal;
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:10px;
}
div#acces > div h4 {
	font-weight:bold;
	margin-bottom:0px;
	margin-top:10px;
}
div#acces  > div img  {
	display:inline-block;
	max-width:550px;
	height:auto;
	width:100%;
}
div#acces > div > div   {
	display:inline-block;
	max-width:550px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
	border:solid 0px red;
}
div#acces > div  > div  p {
	text-align:justify;
	margin:3px 0;
	font-size:0.9em;
	
}

div#acces > div > div ul  {
	text-align:left;
	margin:4px;
	margin-left:0px !important;
}
div#acces > div > div ul li  {
	text-align:left;
	margin:8px;
	list-style-type: circle;
}
div.bouton,input[type="submit"]{
	width:200px;
	height:35px;
	background-color:#dfe1e0 !important;
	line-height:35px;
	box-shadow: 3px 3px rgba(0,0,0,0.2);
	margin:20px auto;
	vertical-align:bottom;
	border:0 !important;
	display:inline-block !important;
	
}
div.bouton:hover,input[type="submit"]:hover{
	background-color:#938c83;
}
div.bouton  a{
	text-decoration:none;
	width:100%;
}
div.bouton a:hover{
	color:white !important;
}
/*** accueil reservation ****/
#accueil_reservation{
	width:100%;
	min-height:300px;
	position:relative;
	margin:auto;
	display:block;
	border: solid 0px green;
 	background-image: url(photos3/accueil-reserver.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display : flex;
  	align-items : center;
}
#accueil_reservation > div {
	margin: auto;
	border: solid 0px red;
}



/*** bas de page ****/

#basdepage {
	text-align:center;
	margin: auto 0px;
	padding:0;
	width:100%;
	color: #fff;
	clear:both;
	background-color: #b5ab9f;
	border:solid 0px red;
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	align-items:center;
}
#basdepage p{
	display:inline-block;
	margin:15px;
	vertical-align:middle;
}
#basdepage img{
	height:150px;
	width:auto;
}
#basdepage a{
	display:inline-block;
	margin:15px;
	font-size: 1em;
	text-transform: uppercase;
	color: #555;
	text-decoration:none;
}
#basdepage a:hover{
	color: #fff;
}



/* VILLA 2019 */

#villa_entete {
	border:solid 0px;
	position:relative;
	margin-top:0px;
}
#villa {
	margin:-60px auto auto;
}
#villa > div.description{
	width:70%;
	position:relative;
	display:block;
	table-layout:fixed;
	border: solid 0px red;

	z-index:100;
	max-width:800px;
	margin:auto;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	padding:8px;
	border: solid 0px green;
	padding-top:60px;
	padding-bottom:60px;
	background-color:#f2f3f4;
}
#villa > div.description p{
	max-width:600px;
	margin:12px auto;
	border: solid 0px green;
}
#villa > div h2{
	text-align:center;
	padding-top:0;
}
#villa  div p{
	text-align:justify;
	text-align-last: center;
	-webkit-text-align-last: center;
	
}
#villa .panneau {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	border:solid 0px green;
	align-items: stretch;
}

#villa > div.panneau > div.equipement {
	display:block;
	border:solid 0px red;
	padding:0 12px;
	margin:0;
	max-width:500px;
	background-image:url(images/BH-Verdon-fond.png);
	background-position:center center;
	background-repeat: no-repeat;
	min-height:450px;
	border:solid 0px red;
}
 div.equipement p,  div.equipement h3{
	max-width:600px;
	margin:12px auto;
	text-align:left !important;
	text-align-last: left !important;
	-webkit-text-align-last: left !important;

}
div.equipement h3{
	margin-top:0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;

}

 div.equipement li{
	list-style-type: disc;
	margin:5px auto;
	text-align:left;
	max-width:600px;
}
#villa > div.equipement ul{
}
#villa > div.panneau table {
	max-width:500px;
	border:solid 0px red;
}
#villa > div.panneau div {
	border:solid 0px red;
}
#villa > div.panneau table td img{
	max-width:100%;
	height:auto;
	display:block;
}
#villa > div.panneau table td img:hover{
	transform: scale(1.1);
}

#villa div.inventaire {
	display:none;
	margin-top:20px;
}
#villa div.insolite{
	background: url(photos/bastides/bastide-insolite001.jpg) no-repeat center center;
	background-size:cover;
	display:relative;
}
#villa div.lesbles{
	background: url(photos/bastides/bastide-lesbles002.jpg) no-repeat center center;
	background-size:cover;
	display:relative;
}
#villa div.chardon{
	background: url(photos/bastides/bastide-chardon001.jpg) no-repeat center center;
	background-size:cover;
	display:relative;
}
#villa div.lavandes{
	background: url(photos/bastides/bastide-lavande05.jpg) no-repeat center center;
	background-size:cover;
	display:relative;
}
#villa div.inventaire > div.opaque{
	background-color:rgba(255,255,255,0.5);
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-between;
}
#villa  div.opaque div{
	max-width:80%;
	min-width:450px;
	text-align:left;
	background-color:rgba(255,255,255,0.8);
	padding:12px;
	margin:12px auto;
}
#villa div.opaque div p{
	text-align:left;
	text-align-last: left;
	-webkit-text-align-last: left ;
}
.exterieur {columns: 2}
#decouvrez {
	max-width:320px;
	margin:auto;
}
#decouvrez h3{
	font-size:1.2em;
	text-transform:uppercase;
	text-indent:10px;
}
#decouvrez > table {
	border:solid 0px red;
}
#decouvrez > table td{
	padding:10px;
	border:solid 0px red;
	width:33%;
}
#decouvrez > table td img{
	width:100%;
	height:auto;
}
#decouvrez > table td span{
	text-transform:uppercase;
}


/* OFFRES 2018 */
#offres {
	width:70%;
	position:relative;
	margin:-60px auto 40px;
	display:block;
	table-layout:fixed;
	border: solid 0px red;
	background-color:#f2f3f4;
	z-index:100;
	padding-top:40px;
	padding-bottom:40px;
}
#offres > div {
	background-image: url(photos3/fond-olivier.png);
	background-position: -50px 0px;
	background-repeat: no-repeat;
}
#offres > div h2{
	text-align:center;
	padding-top:0;
}
#offres > div p{
	text-align:justify;
	text-align-last: center;
	-webkit-text-align-last: center;
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
}
#offres > div p.d6c9b0{
	text-align:center;
	font-size:larger;
	color:#d6c9b0;
	font-weight:bold;
}
#cadre_lightbox_offres {
	position:relative;
	width:100%;
	height:auto;
	margin:auto;
	border:solid 0px green;
	display:table;
	border-spacing:0px 0px;
	table-layout:fixed;
	height:100%;
}
#cadre_lightbox_offres > div{
	display:inline-block;
	position:relative;
	height:100%;
	margin:2px;
	border:solid 0px red;
	overflow:auto;
	display:table-cell;
	vertical-align:middle;
	overflow:visible;
	text-align:center;
}
#cadre_lightbox_offres > div div{
	max-width:450px;
	margin: auto;
	text-align:left;
	border:solid 0px red;
}
#cadre_lightbox_offres div img{
	width:100%;
	height:auto;
	position:relative;
	display:block;
	transition:filter 0.6s ease-out;
}
#cadre_lightbox_offres div p{
	text-align:justify;
	margin: 12px auto;
}
#cadre_lightbox_offres div li{
	text-align:justify;
	margin: 2px auto;
	list-style-type: none;
}
#cadre_lightbox_offres div p.titre{
	font-size:1.5em;
	color:#d6c9b0;
	font-weight:bold;
	padding-right:10px;
	text-align:left;
	border:solid 0px;
}
#cadre_lightbox_offres > table {
	border:0;
	border-collapse:collapse
}
#cadre_lightbox_offres > table td {
	padding:0;
	margin:0;
	text-align:left;
}

/*********************/
/* TARIFS 2018 */
#tarifs_entete img{
	width:100%;
	height:auto;
}
#villa > div.tarifs{
	width:70%;
	position:relative;
	display:block;
	table-layout:fixed;
	border: solid 0px red;

	z-index:100;
	max-width:800px;
	margin:auto;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	padding:8px;
	border: solid 0px green;
	padding-top:60px;
	padding-bottom:60px;
	background-color:#f2f3f4;
	text-align:justify;
}
#villa > div.tarifs p{
	max-width:640px;
	margin:12px auto;
	border: solid 0px green;
	text-align:justify;
	text-align-last:auto;

}
#tarifs h2{
	text-align:center;
}

#tarifs p {
		text-align:justify;
}
.d3b69a {
	color:#d3b69a;
}	


#renseignements {
}
#renseignements div h2{
	text-align:center;
}
#renseignements div{
	position:relative;
	display:block;
	table-layout:fixed;
	border: solid 0px red;
	z-index:100;
	margin:auto;
	border:solid 0px red;
}
#renseignements div h2{
	text-align:center;
}
#renseignements span {text-align:center}

/******** RESERVATION **********/
#reservation {text-align:center}
#reservation p{text-align:center}

#reservation table {vertical-align:top;margin:auto; border:solid 0px green;width:100%;border-spacing:6px;}

#reservation table label{text-align:right !important;border:solid 0px red;display:inline-block; }


#reservation table td{text-align:left;margin:4px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#333;font-style:italic;font-size:inherit;font-family: 'PT Sans Narrow', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#333;font-style:italic;font-size:inherit;font-family: 'PT Sans Narrow', sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#333;font-style:italic;font-size:inherit;font-family: 'PT Sans Narrow', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color:#333;font-style:italic;font-size:inherit;font-family: 'PT Sans Narrow', sans-serif;
}
:placeholder { /* Firefox 18- */
  color:#333;font-style:italic;font-size:inherit;font-family: 'PT Sans Narrow', sans-serif;
}


#reservation input,textarea,select{
	vertical-align:middle;
	display:inline-block;
	height:40px;
	margin:auto;
	border:solid 1px #888;
	}
#reservation textarea{
	min-height:120px;
	border:solid 1px #aaa;
    
	}
#reservation select{
	-moz-appearance: none;
    -webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
	height:44px;
	color:#aaa;font-style:italic;font-size:inherit;font-family: inherit;
	}
#reservation select option:first-child{font-style:normal;color:#bbb}
#reservation select option {color:#333;font-style:normal}

#reservation input[type="submit"] {
	clear:both;
	display:block;
	width:180px;
	height:40px;
	text-align:center;
	margin:auto;
	text-decoration:none;
	line-height:40px;
	text-transform: uppercase;
	border:solid 0px red;
	border-radius:0;
	margin-top:10px;
	border:solid 2px #aaa;
	background-color:#fff;
}
#reservation input[type="submit"]:hover {

	background-color:#ddd;
}
#reservation input#datepicker {
	background-image: url(photos3/calendrier-icon1.png);
	background-repeat: no-repeat;
	background-position: right center;
} 
#reservation input#datepicker2 {
	background-image: url(photos3/calendrier-icon2.png);
	background-repeat: no-repeat;
	background-position: right center;
} 
#reservation input[type="checkbox"]{
	width:15px;
	height:15px;
	display:inline;
}

#reservation label.erreur  {
	color:red;
}
#reservation td.erreur, input.erreur  {
	border:solid 1px red;
}
#reservation td.content3 > input {
	width:32.7%;
}
 #reservation  td.content3 > select{
	width:33%;
}
#reservation  td.content2 > input , #reservation  td.content2 > select,  #reservation  td.content2 > div{
	width:49.3%;
}
#reservation  td.content2 > div{
	display:inline-block;
}
#reservation  td > input , #reservation  td > select, #reservation  td > textarea{
	width:99.3%;
}
#reservation td.content2 > input[type="checkbox"], #reservation td.content3 > input[type="checkbox"]{
	width:15px;
	height:15px;
	display:inline;
}
#reservation td.content5 > span {
	width:19%;
	text-align:center;
	border:solid 0px #ccc;
	display:inline-block;
	
}
#reservation td.content6 > span {
	width:22%;
	text-align:center;
	border:solid 0px #ccc;
	display:inline-block;
	
}
#reservation td.content5 {
	width:98%;
	border:solid 0px #888;
	text-align:center;
	height:40px;
}
#reservation td.content5 > span label{
	color:#333;
}
#reservation td.content5 > span:nth-child(1) label{
	font-style: italic;
	color:#888;
	font-size:0.85em;
}
/***** CHAMBRES ******/
.menu_chambre {
	margin:8px auto;
}
.menu_chambre div{
	display:inline-block;
	width:160px;
	text-align:center;
	vertical-align:top;
}
.menu_chambre div img{
	width:150px;
	height:100px;
	border-radius:6px;
	vertical-align:top;
}
.photochambre {
	float:right;width:620px;margin-right:4px;padding-bottom:6px;
}
.photochambre img{
	max-height:500px;max-width:600px;
}
div.vignettes {
	width:260px;
	margin:auto;
	display:inline-block;
}
img.timbre {
	width:120px;
	height:90px;
	border:solid 1px transparent;
	display:inline-block;
	margin:0;}
img.timbre:hover {
	border:solid 1px grey;
	box-shadow:0px 0px 1px #444;
	transform:scale(1.05);
	border:solid 1px;
	}
/* Scroller Box */
#scroller_container {
 width: 990px;
 height:20px;
 overflow: hidden;
 margin:auto;
 	font-size: 16px;
	color: #818644;
	font-weight: bold;
	white-space:nowrap;

}

  
/**** PRESSE ***/
#revue_presse {
	display:block;	
	width:100%;
	margin:auto;
	margin-top:100px;
	border:solid 0px;
}
#revue_presse div{
}
#revue_presse h2{
	text-align:center;
	margin-bottom:30px;
}
.presse {display:inline-block;width:220px;margin:20px 10px;border:solid 0px green;}

.ic_container{
    vertical-align:baseline;
    margin:0px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.8;
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
/*    text-transform:uppercase;*/
/*    letter-spacing:3px;*/
    font-size:13px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:16px;
    text-align:left;
	color:white !important;
    font-family: 'Lato', sans-serif;

}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;
    line-height:13px;

}

/**** MENTIONS LEGALES ***/
#mentions_legales {
	margin: 100px 40px;
}
#mentions_legales h2 {
    text-align:center;
}