/*
@font-face {
    font-family: "Missy";
    src: url('Missy_BT_Roman.ttf');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url('Poppins.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url('Quicksand.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
@import url('https://fonts.googleapis.com/css?family=Poppins|Quicksand');
body {
	font-family: 'Poppins', sans-serif;
	color: rgb(30,14,13);
	color: #444;
	text-align: center;
	/*background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0) 20%, rgba(0,0,0,0.1) 50%, rgb(255,255,255));
	background-image:linear-gradient(rgb(70,61,60),rgb(70,61,60) 20%, rgb(102,89,87) 60%, rgb(70,61,60));
	background-color: rgb(44,39,37);
	background-color: rgb(70,61,60);*/
	background-color: rgb(255,255,255);
	margin:0px;
	padding:0px;
	font-size:18px;
	quotes: "«" "»";
}
a {
	color: rgb(30,14,13);
}
img {
	display:inline-block;
}
header {
	margin:0;
	padding-bottom:0px;
	width:auto;
	/*background-image:linear-gradient( rgba(47,36,34,1),rgba(79,61,57,0.6) 50%, rgba(47,36,34,1) );
	background-image:linear-gradient( transparent,rgba(255,255,255,0.2) 50%, transparent);*/
	border-bottom:solid 0px white;
	overflow:auto;
	border:solid 0px red;
	margin:auto;
}
header div{
	max-width:1400px;
	margin:auto 12px;
	border-bottom:solid 0px #ABC4E0;
	overflow:auto;
}
header h1{
	/*font-family: 'Amatic SC', cursive;
	font-family: 'Missy', cursive;*/
	font-family: 'Quicksand', sans-serif;
	font-weight:400;
	color: rgb(172,166,166);
	text-align:center;
	font-size:45px;
	/*background-image:radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%,#423F3E);*/
	margin:auto;
	letter-spacing:auto;
	display:inline-block;
	padding-left:6px;
	padding-right:6px;
	border:solid 0px white;
	vertical-align:bottom;
	float:left;
}
header h1 a{
	text-decoration:none;
	color: rgb(172,166,166);
}
header h2 {
	font-family: 'Quicksand', sans-serif;
	font-size:30px;
	font-weight:normal;
	margin:auto;
	margin-top:16px;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	border:solid 0px white;
	vertical-align:bottom;
	float:right;
	color: rgb(172,166,166);
}
#main{
	max-width:1200px;
	clear:both;
	margin: auto;
	overflow:auto;
	quotes: "«\00A0" "\00A0»";
	quotes:'‘‘' '’’';
}
#main h2 {
	text-align:center;
	float:none;
}
#main h3 a {
	text-align:center;
	float:none;
	text-decoration:underline;
}
#main a{
	text-decoration:none;
}
#main p{
	margin:8px;
	font-weight:normal;
	text-align:justify;
	font-size:18px;
}
#main h3{
	text-transform:uppercase;
}
#main td p{
	margin-left:6px;
	margin-right:6px;
	padding-left: 0x;
	padding-right: 0px;
}
#main.accueil {
	margin:auto;
}

#main > #logos{
	float:right;
	margin:8px;
	width:70px;
	text-align:center;
}
#main > #logos img{
	filter: grayscale(100%);
	width:60px;
	height:auto;
	margin: 4px;
	display:inline-block;
	transition: all 0.5s;
}
#main > #logos img:hover{
	filter: grayscale(0%);
	transform:scale(1.1);
}
#main.activites img{
	margin:6px;
	border:solid 1px rgba(255,255,255,0.2);
	max-width:100%;
}
#main h3{
	text-transform:uppercase;
}
#main.activites h4{
	text-align:left;
	margin:6px auto;
	font-weight:bold;
	width:90%;
	text-align:left;
	clear:both;
	text-transform:uppercase;
}
#main.acces{
	max-width:1000px;
}
/*** MENU ***/
nav {
	/*background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.1) 50%,rgba(0,0,0,0));*/
	max-width:100%;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6BBD1;
	border: solid 1px rgba(255,255,255,0.2);
	box-shadow: 5px 5px 5px rgba(255,255,255,1);
	box-shadow: 10px 10px 5px #888888;
	box-shadow:0px 0px 3px 0px rgba(255,255,255,0.4);*/
	border-top: solid 1px rgba(255,255,255,.1);
	border-bottom: solid 1px rgba(255,255,255,.1);
	background-color:#d5d5d5;
	}
nav:hover {
	
	}
#menu {
	max-width:1400px;
	color: #aaa;
	clear:both;
	border:solid 0px red;
	margin: auto;
	background-color:#444141;
	background-color:#d5d5d5;
	text-align:right;
	text-align:left;
	box-sizing:border-box;
	}
#menu a,
#menu a.active,
#menu a.visited {
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	font-weight: normal;
	/*text-transform: capitalize;*/
	font-size: 19px;
	margin-left:8px;
	margin-right:8px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:0px;
	border-top:solid 0px rgba(255,255,255,0.3);
	border-bottom:solid 0px rgba(255,255,255,0.6);
	box-sizing:border-box;
	color:rgba(255,255,255,0.9);
	color:rgb(23,19,19);
	text-shadow:1px 1px 0px rgba(255,255,255,1);
}

#logos a {
	margin-left:2px;
	margin-right:2px;
}
#menu a:hover {
	text-decoration: none;
	border-top:solid 0px rgba(255,255,255,0.9);
	border-bottom:solid 0px rgba(255,255,255,0.8);
	color:#ABC4E0;
	color: #fff;
	text-shadow:1px 1px 0px rgba(0,0,0,1);
	font-weight:normal;
}
#menu a.current {
	border:0;
	font-weight:bold;
	border-bottom:solid 0px #999;
	color:#444;
	padding-bottom:5px;
	margin-top:2px;
	/*background-color:rgba(255,255,255,0.00);
	background-image:radial-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0));*/
	text-transform: capitalize;
	text-transform: uppercase;
}
#menu a.current:hover {
	border:0;
	border-bottom:solid 0px rgba(255,255,255,1);
	color:#fff;
}
#menu a img {
	margin:0;
	padding:0;
	width:20px;
	height:auto;
	vertical-align:-20%;
	opacity:0.8;
	display:inline;
}
#menu a img:hover {
	opacity:1;
	transform:scale(1.1);
}

#menu a.selected {
	text-decoration: none;
}
#menu > div#drapeaux{
}
#menu > div#drapeaux img{
	border:0;
	margin: 4px;
	width:25px;
	height:auto;
}
/***** CARTE DE VISITE *****/
#cartedevisite {
	width:100%;
	position:fixed;
	bottom:0px;
	background-color: rgb(23,19,19);
	background-color:rgb(53,45,45);
	background-color:rgba(205,194,194,1);
	background-color:#d5d5d5;
}
#cartedevisite:hover {
}
#cartedevisite div{
	font-family: 'Quicksand', sans-serif;
	max-width:100%;
	margin:auto;
	border-radius: 0px ;
	text-align:center;
	clear:both;
	padding-bottom: 1px;
	padding-top: 2px;
	overflow:auto;
	quotes: "«\00A0" "\00A0»";
	quotes:'‘‘' '’’';
	bottom:0px;
	font-size:18px;
	font-weight:400;
	color:rgb(23,19,19);

}
#cartedevisite a{
	color:#fff;
	color:rgb(23,19,19);
}
#cartedevisite a:hover{
	text-decoration:none;
	color:white;
	text-shadow:1px 1px 1px rgba(0,0,0,1);
}


/****** Annonce *****/

#annonce{
	text-align:center;
	font-weight:bold;
	font-size:20px;
	/*background-color: rgba(0, 0, 0, 0.1);*/
	width:100%;
	border:solid 0px red;
	box-sizing:border-box;
	margin:auto;
	color: #333;
}
.basdepage {
	margin-top:30px;
	margin-bottom:40px;
	font-size:10px;
	color: #999999;
	clear:both;
}
.basdepage a{
	color: #999999;
	text-decoration: none;
}
.basdepage a:hover{
	color: #999999;
	text-decoration: underline;
}

div.photo {
	float:right;
	margin:20px 40px 10px 5px;
}
div.photo img{
	border:solid 1px #dbd6c3;
	box-shadow: 1px 1px 2px #000;
	margin:1px;
}
.vignette{
	/*border-radius: 4px;*/
	border:solid 1px #dbd6c3;
	box-shadow: 1px 1px 2px #555555;
	margin:1px;
}
	
.vignette:hover{
	border:1px solid #dbd6c3;
	cursor:  pointer;
	transform:  scale(1.1);
}
.leger{
	font-size: smaller;
	}
  
/* // Sudo Slider */
#slider {
	max-width: 1400px;
	margin:6px auto;
	text-align:center;
	display:block;
	position:relative;
	box-sizing:border-box;

	/*box-shadow:0px 1px 3px rgba(255,255,255,0.6);*/
	

	/*box-shadow: 0 88px 149px 49px rgba(255, 255, 255, 0.4), 0 12px 9px -5px rgba(0, 0, 0, 0.5);*/
}
#slider.provence {
	float:left;
	max-width: 700px;
	height:auto;
	box-shadow:none;
	margin:6px 8px;
	box-sizing:border-box;
}
#slider.cuisine {
	max-width: 1200px;
}
#slider.professionnels, #slider.ambiance {
	max-width: 700px;
}
#slider ul {
	margin:0;
	padding:0
}
#slider li {
	width: 100%;
	text-align:left;
	list-style-type:none;
	padding:0;
	margin:0;
}
#slider.provence li {
	border:solid 10px transparent;
}
#slider img {
	width: 100%;
	display:block;
	margin:auto;
	border:solid 0px green;
}
#slider.provence img {
	margin-left:0px;
}
.controls {
	border:solid 0px yellow;
	position:absolute;
	height:auto;
	width:auto;
	display:none;
}
.prevBtn{
	display:none;
	}

.nextBtn{
	display:none;
	}
/**** Images fixes ****/
div.professionnels {
	 white-space: nowrap;
	 max-width:1000px;
	 margin:auto;
}
div.professionnels img{
	 display:inline-block;
	 margin:0;
	 width:50%;
	 height:auto;
}
/****** GITES ********/
.block {
	max-width:1000px;
	/*background-color:#A19481;*/
	clear:both;
	display:block;
	margin:12px auto;
	text-align:left;
	/*display:none;*/
	border:solid 0px rgba(255,255,255,0.0);
	border:solid 0px green;
	overflow:auto;
}
.block p{
	text-align:left;
	margin:6px;
}
.block h3{
	font-size:26px;
	text-transform: uppercase;
	font-style: normal;
	margin-bottom:0px;
	margin-top:12px;
	color:#666;
	width:100%;
	text-align:left;
	border-bottom:solid 2px rgba(255,255,255,.4);
}

.colonne {
	width:120px;
	float:left;
	font-size: 14px;
	padding: 6px;
	margin: 3px 0px 0px 3px;
	text-align:left;
	vertical-align:top;
	border:solid 0px blue;
}
.colonne p{
	margin:2px;
	padding-left: 0px;
	padding-right: 0px;
	clear:both;
	padding:0px;
	text-align:left;
	color:#666;
}
.colonne a{
}
.colonne img{
	height:auto;
	width:100px;
	height:75px;
	vertical-align:middle;
	margin:0;
	margin-right:2px;
	margin-bottom:2px;
	padding:0;
	display:inline-block;
	border:solid 1px rgba(0,0,0,0.2);
	box-sizing:border-box;
	margin-left:2px;
	margin-bottom:2px;
	filter: saturate(50%) brightness(120%);
	border-radius:4px;
}
.over {
	font-size:11px;
}
.colonne img:hover{
	transform: scale(1.1);
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
	border:solid 1px rgba(255,255,255,0.5);
	filter: saturate(100%) brightness(120%);
}
.colonne img.vide:hover{
	transform: none;
	box-shadow: none;
	border:none;
}
img#chambre {
	padding: 0px;
	margin:  8px;
	border-radius: 5px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	display:block;
	max-height:500px;
	width:auto;
}
p.resa {
	float:right;
	margin:0px;
	display:inline-block;
	vertical-align:middle;
	border:solid 1px transparent;
	border-radius:4px;
}
p.resa a{
	border:solid 1px rgba(255,255,255,.2);
	padding:6px 12px;
	background-color:rgba(255,255,255,.1);
	color:#666;
	margin:0px;
	font-size:30px;
	font-weight:normal;
}
p.resa a:hover{
	text-decoration:none;;
	background-color:rgba(255,255,255,.2);
	text-shadow:1px 1px 1px rgba(0,0,0,1);
}
p.resa a:active{
	text-decoration:none;;
	background-color:rgba(255,255,255,.2);
	text-shadow:-1px -1px -1px rgba(0,0,0,1);
}
p.conditions{
	font-size:14px;
}

/*************/
/***** TARIFS *****/
div.conditions {
	margin:auto;
	text-align:left;
	border:solid 1px rgba(255,255,255,0.2);
	max-width:800px;
	background-color:rgba(0,0,0,0.1);
  	border-radius: 4px;
}
table.tarifs, table.reservation {
	margin:auto;
	border-collapse:collapse;
  	border-radius: 4px;
}
table.tarifs {
	margin:auto;
	margin-top:12px;
	margin-left:140px;
	border-collapse:collapse;
	display:inline-block;
	vertical-align:middle;
	font-size:22px;
	border:solid 0px;
}
table.tarifs th {
	font-weight:500;
}
table.reservation th {
	font-weight:bold;
	text-align:right;
	padding:2px 12px;
	/*background-image:linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.05))*/
}
table.reservation td {
	text-align:left;
	padding:6px;
	/*background-image:linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.02))*/
}
table.tarifs th  {
	padding:4px 6px;
}
table.tarifs td  {
	text-align:center;
	border:solid 1px rgba(0,0,0,0.1);
	border-style: solid;
	padding:4px 6px;
}
span.dates {
	font-weight:normal;
	text-align:center;
	font-size:16px;
}
label {
	text-align:right;
	font-weight:500;
	font-size:16px;
	color: #171313;
}
form#reservation {
	background-color:rgba(255,255,255,1);
	border:solid 1px rgba(0,0,0,0.0);
	border-radius:12px;
	text-align:center;
	max-width:900px;
	margin:auto;
	padding-bottom:8px;
}
form#reservation div{
	display:flex;
	justify-content:center;
	flex-flow: row wrap;
	margin:auto;
	border:solid 0px red;
	max-width:650px;
	
}
form#reservation fieldset {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	max-width:320px;
	min-height:240px;
	margin:auto;
	color: rgba(255, 255, 255, 1);
	}
form > table {
	display:inline-block;
	vertical-align:top;
}
form > table > tr {
	/*background-image:linear-gradient(rgba(0,0,0,0.10), rgba(0,0,0,0.05))*/
}
form > table > td {
	text-align:left;
}

form#reservation input:not([type=radio]),
form#reservation textarea {
  background: #fff;
  radius: 3px;
  border:solid 1px grey;
  border-radius: 4px;
  float:left;
  }
form#reservation input:not([type=submit]):focus,
form#reservation textarea:focus {
  background: #fff;
  border:solid 1px #7B4445;
  box-shadow: 2px 2px 2px #aaa;
  border-radius: 4px;
}
/*
form#reservation input[type=submit]  {
  	font-size:18x;
	margin-bottom:6px;
	border: solid 1px black;
  	width:200px;
	margin:auto;
  }
form#reservation input[type=submit]:hover {
  	background: #fff;
	font-style: italic;
  	box-shadow: 2px 2px 2px #aaa inset;
  }
form#reservation input[type=submit]:active {
  box-shadow: 2px 2px 2px #aaa inset;
  font-weight:bold;
  }
*/
form#reservation input[type="submit"]{
	width:auto;
	height:auto;
	float:none;
	text-align:center;
	background-color:#eee;
	text-shadow:1px 1px 1px white;
	padding:2px 4px;
	margin-top:4px;
	width:200px;
	}
form#reservation input[type="submit"]:hover{
	background-color:#bbb;
	text-shadow:1px 1px 1px black;
	color:#fff;
	}
form#reservation input[type="submit"]:focus{
	background-color:#fff;
	color:green;
	text-shadow:none;
	font-weight:bold;
	}
form#reservation input[type="number"]{
	width:20px;}
form#reservation input[type="date"]{
	width:60px;
	float:left;
}



/**/
form#reservation input::-moz-placeholder{
	font-style:italic;
	font-size:90%;
	color:#555;
}
form#reservation input::-webkit-placeholder{
	font-style:italic;
	font-size:90%;
	color:#555;
}
form#reservation input::-ms-placeholder{
	font-style:italic;
	font-size:90%;
	color:#555;
}
/**** ACCES   ***/
#map {
	width: 600px;
	height: 450px;
	float:right;
	margin:6px;
	display:inline-block;
	float:right;
	position:relative;
} 
  
.center {
	text-align:center !important;
}
/********* EXPO  ******/
.expo_titre {
	font-family: 'Quicksand', sans-serif;
	margin:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:40px;
	color:#990000;
}
.expo_stitre {
	font-family: 'Quicksand', sans-serif;
	margin:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:24px;
	color:#990000 !important;
}
.expo_stitre a{
	color:#990000 !important;
}
hr {margin:20px;}