@import"reset.css";
@import"grid.css";
@import url(https://fonts.googleapis.com/css?family=Kalam);

body {
	font:15px/19px Arial, Helvetica, sans-serif;
	color:#848383;
	position:relative;
	min-width:1036px;
	background:#000
}
html, body {
	height:100%;
}
html {
	min-width:100%
}
/* Global Structure---------------------------------------- */
.main {
	margin:0 auto;
	width:940px;
	position:relative;
}

.container_12 {
	position:relative;
}
/*----- txt,links,lines,titles -----*/
	
.box-1{
     border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	position:relative;
	padding-bottom:12px
	}
	.box-1 img{
	 width:100%;
	 border-radius:13px 13px 0 0;
	-moz-border-radius:13px 13px 0 0;
	-webkit-border-radius:13px 13px 0 0;	
	}
	
 .box-1  figcaption{
	background:#cd96c9;
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	right:0;
	font-size:20px;
	line-height:22px;
	color:#fff;
	padding:12px 70px;
	text-align:center;
	border-radius:0 0 13px 13px;
	-moz-border-radius:0 0 13px 13px;
	-webkit-border-radius:0 0 13px 13px;	
	}
.box-1  figcaption a{
background:url(../images/marker-1.png) no-repeat 0 0;
width:31px;
height:31px;
display:block;
position:absolute;
top:8px;
right:39px}
.box-1  figcaption a:hover{background-position:0 bottom}	

h1, h2, h3, h4, h5, h6 {
	color:#fff;
	position:relative;
	line-height:1em;
	font-weight:normal
}
h1 {
    font-family: 'Kalam', cursive;
	font-size:35px;
	line-height:34px;
}
h2 {
	font-size:35px;
	line-height:32px;
	padding-bottom:28px
    font-family: 'Kalam', cursive;
}
h3 {
	font-size:45px;	
	font-family: 'Kalam', cursive;
	text-align: center;
	padding-bottom:46px}

h4 {
	font-size:25px;
	line-height:24px;
	color:#9A9A9A;
	font-family: 'Kalam', cursive;
	padding:14px 0 10px;
	
}
h4 a{color:#ef97cc;}


h5 {
	font-size:20px;
	line-height:22px;
	color:#7c7c7c;
	padding-bottom:30px
}
h6 {
	font-size:16px;
	line-height:18px;
}
a {
	text-decoration:none;
	cursor:pointer
}
a:focus {
	outline:none;
}
a:hover {
	text-decoration:underline
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
p {color:#fff;
	padding-bottom:19px;
}


.fleft {
	float:left
}
.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.overflow {
	overflow:hidden
}

.relative {
	position:relative;
}

.img-indent {
	float:left;
	margin:8px 20px 0 0;
}


.block {
position:relative;
z-index:100}


.extra-block,
.extra-block1 {
 min-height:100%;
 margin: 0 auto -38px;
 position:relative; 
}

.extra-block{background:url(../images/tail-bg-cont.png) repeat-x 0 bottom}
.extra-block1 {
    margin: 0 auto -49%;
}

.padding-top{
    padding-top: 20px;
}

.imgrelative{
    position: relative;
    left: 10px;
    bottom: 10px;
}

/**********bgstretcher*************/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
	top: 0;
	left: 0;
}
.bgstretcher UL,
.bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.bgstretcher UL,
.bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bgstretcher-area,.bgstretcher-page{height:100%}/*down or up grey home page*/

.nav-buttons{text-align:center;padding-bottom:17px;}
#nav{overflow:hidden;display:inline-block}
#nav li{float:left;overflow:hidden;margin:0 10px}
#nav li a{display:block;background:url(../images/pags.png) no-repeat 0 0;
width:19px;height:19px;
line-height:0;font-size:0;
}
#nav li a:hover,#nav li.showPage a{background-position: 0 bottom}



/*********************************header*************************************/


header {
	position:relative;
	z-index:1000;
}
header h1 {
	z-index:10;	
	display:block;
	float:left;
	padding:0}


.row-nav {
	background:url(../images/tail-bg-nav.png);
	padding:6px 0 11px
}

nav{float:right;padding:12px 0 0 0}
.menu {
	font-size:0;
	line-height:0;
	padding:0;
	z-index:99;
	position:relative;
	margin-right:21px;
}

.menu > li {
	position:relative;
	float:left;	
	margin-left:11px;
	 border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:url(../images/point.png)}

.menu li  a{
	color:#b3adad;
    font-size:18px;
	line-height:20px;
	display:block;	   
	position:relative;
	text-decoration:none !important;	
	padding:7px 12px 9px;
	font-family: 'Noto Sans', sans-serif;
	}
		

.menu li.current,
.menu li:hover {
background:#a38c7b;
}

.menu li.current a,
.menu li:hover a{
color:#fff

}

/********************** Content style ************************/
section#content {
	position:relative;
	z-index:10;
	padding:92px 0;
	
}
.border-vert{background:url(../images/border-vert.png) repeat-y 477px 0}

.img-rounded img{
	  border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;}

.img-rounded1 img{
	  border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;}

.img-indent{margin:39px 0 35px}

.center-img {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.row-1{background:url(../images/tail-bg-top.png);padding:21px 0 23px}

.main-block{width:1036px;
margin:0 auto;background:url(../images/tail-cont.png);
     padding:38px 0;
	 border-radius:13px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;	
	min-height: 565px;
}

.infosaccueil{
	background-color: rgba(0,0,0,0.7);
	width: 250px;
	position: absolute;
	top: 90px;
	left: 40px;
	padding: 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.infosaccueil p{
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	margin: 5px;
	padding: 0;
}

#contactaccueil{
	font-family: 'Kalam', cursive;
	font-size: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}

.centerchambre {
    font-size: 40px;
    color: white;
    margin-top: 40px;
    text-align: center;
}

.centerchambre2 {
    font-size: 40px;
    color: white;
    margin-top: 100px;
    text-align: center;
}

.gristitre {
    color:#9A9A9A;
    margin-top: 40px;
    font-size: 38px;
}


/********************** links  & buttons ************************/
.link-1 {
	display:inline-block;
	color:#f4bfdf;
}

.button {
	display:inline-block;
	font-family: 'Noto Sans', sans-serif;
	color:#fff;
	font-size:17px;
	line-height:1.2em;
	background:#a38c7b;
	padding:6px 12px 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:2px
}
.button:hover {	
	background:#000;
	text-decoration:none;
}

/*  Lists */

.list-services{}
.list-services > li{padding-top:6px}
.list-services > li:first-child{padding:0;}

/*  Lists */
.list {

	padding:0 0 27px
}
.list li {
	margin-bottom:2px;
	line-height:16px;
	padding:0 0 0 18px;
	color:#fff;
	background:url(../images/marker-2.png) no-repeat 1px 5px
}
.list li a {
	color:#fff;
	font-size:14px;	
	background:url(../images/marker-2.png) no-repeat 1px 5px;	
	padding:0 0 0 18px;	
}

/*----- es-carousel -----*/
.es-carousel-wrapper {
  position: relative;
  z-index: 99;
}
.es-carousel {
  overflow: hidden;

}
.es-carousel ul {
  display: none;
  overflow:hidden
}
.es-carousel ul li {
  height: 100%;
  float: left;
  display: block;
   width:300px
}
.es-carousel ul li figure{margin-bottom:26px}

.es-nav {
  right: 0;
  bottom: -30px;
  position: absolute;
}
.es-nav span {
  display: block;
  line-height: 0;
  font-size: 0;
  width: 32px;
  height: 33px;
  text-indent: -5000px;
  z-index: 99;
  cursor: pointer;
  display:inline-block !important;
  
}
.es-nav span.es-nav-next {
  background: url(../images/next.png) no-repeat 50% 50% #a38c7b;
  	  border-radius:0 6px 6px 0;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-left:1px solid #cbadc8

}

.es-nav span.es-nav-prev {
 background: url(../images/prev.png) no-repeat 50% 50% #a38c7b;
   	  border-radius:6px 0 0 6px ;
	-moz-border-radius:6px 0 0 6px ;
	-webkit-border-radius:6px 0 0 6px ;
	border-right:1px solid #735470
 
}
.es-nav span:hover {background-color:grey}

/* Lightbox image */
.magnifier {
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.magnifier img {
	position:relative;
	z-index:2;
  opacity: 1;
  filter: alpha(opacity=100);
	
}
.magnifier span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	 background:url(../images/fancybox/magnify.png) center center no-repeat;	
	z-index:1;
}


/*----- map -----*/

.map {
	margin:0 0 31px;
	
}
.map iframe {
	height:400px;
	overflow: hidden;
	width:100%;
	     border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
/*----- address -----*/

#address{
    margin: 0 auto;
    width: 300px;
    color:#fff;
    text-align: center;
    line-height: 1.5em;
}

.mail-1 {
	color:#fff;
	display:inline-block;
	text-decoration:underline;
}
.mail-1:hover {
	text-decoration:none
}

dl.address dt{padding-bottom:18px}
dl.address dt span {
	display:block;
}
dl.address dt,dl.address dd {
	font-size:14px;
	line-height:18px;
	color:#848383;}

dl.address dd span {
	display:inline-block;
	width:100px;
}

.tripadvisor{
    width: 120px;
    padding-top: 730px;
    margin: 0 auto;
}

/***** contact form *****/
#contact-form {
  position: relative;
  vertical-align: top;
  z-index: 1;
  margin: -2px 0 0;
}
#contact-form div {
  overflow: hidden;
}
#contact-form fieldset {
  border: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
#contact-form label {
  display: block;
  min-height: 45px;
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#contact-form .message {
  min-height: 313px;
  display: block !important;
  width: 100%;
}
#contact-form input,
#contact-form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
  border: 1px solid #49413d;
  background: url(../images/tail-input.png);
  padding: 5px 15px;
  margin: 0;
  font-size: 16px;
  line-height: 20px !important;
  color: #b0adac;
  outline: none;
  width: 220px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form input {
  height: 30px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contact-form .area .error {
  float: none;
}
#contact-form textarea {
  width: 100%;
  height: 273px;
  resize: none;
  overflow: auto;
}
#contact-form .success {
  border: 1px solid #49413d;
  background: #000;
  display: none;
  position: absolute;
  left: 0;
  font-family:Arial, Helvetica, sans-serif;
  top: 0;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  text-transform: none;
  width: 100%;
  z-index: 20;
  padding: 12px 0;
}
#contact-form .success span {
  display: block;
  text-align: center;
  padding: 26px 10px;
}
#contact-form .success strong {
  font-weight: normal;
  display: block;
  color: #807c79;
}
#contact-form .error,
#contact-form .empty {
  color: #f00;
  font-size: 11px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  padding: 2px 4px 0px 0;  
  text-transform: none;
  position: absolute;
  bottom: 28px;
  left: 223px;
}
#contact-form .message .error,
#contact-form .message .empty {
  bottom: 22px;
  left:0;
}
.buttons-wrapper {
  position: relative;
}
.buttons-wrapper a {
  margin-right: 48px;
  cursor: pointer;
}


/******************** Footer ******************/
footer {
	padding:9px 0;
	background:#000;
}

.privacy {
	color:#fcf9f9;
	font-size:12px;
	line-height:20px;	
}
.privacy span{color:#747373;margin:0 4px}
.privacy strong{color:#747373;font-weight:normal;}
.privacy strong a{color:#747373}
.privacy a {
	font-size:12px;
	color:#fcf9f9;	
	display:inline-block;
}

p {
	text-align:justify;
}

a {color:white}

.tg  {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.tg td{font-size:16px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;}
.tg th{font-size:16px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;}
.tg .tg-b4e1{font-size:16px;background-color:#a38c7b;color:#ffffff}
.tg .tg-xtq5{background-color:#656565;font-size:16px;color:#ffffff;text-align:center}
.tg .tg-qljm{font-size:16px;background-color:#9b9b9b;color:#ffffff;text-align:center}
.tg .tg-48xx{font-size:16px;background-color:#a38c7b;color:#ffffff;text-align:center}

.margingite{
    padding-top: 60px;
}

/* ---- Modern additions for gite page ---- */
.lead {
  font-size: 18px;
  line-height: 1.6;
  color: #eaeaea;
}

.card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 20px;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  height: 100%;
}
.card-content {
  display: flex;
  gap: 20px;
}
.card-content figure {
  flex-shrink: 0;
  margin: 0;
  width: 120px;
}
.card-content img {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 100%;
}
.card-text {
  flex-grow: 1;
}
.card-text h4 {
  color: #fff;
  padding: 0 0 8px 0;
  margin: 0;
  text-align: left;
}
.card-text p {
  padding-bottom: 12px;
  margin: 0;
  font-size: 14px;
  color: #b0adac;
}

/* Check-styled lists */
.list.list-check {
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 15px;
}
.list-check li {
  background: none !important;
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
  page-break-inside: avoid;
  break-inside: avoid;
}
.list-check li:before {
  content: '\2713';
  position: absolute;
  left: 0;
  top: 1px;
  color: #a38c7b;
  font-weight: bold;
  font-size: 14px;
}

/* Responsive gallery grid */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  align-items: stretch;
}
.gallery-grid a {
  display: block;
  overflow: hidden;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}
.gallery-grid a img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .3s ease, opacity .3s ease;
}
.gallery-grid a:hover img {
  transform: scale(1.03);
  opacity: .9;
}

@media (max-width: 1200px) {
  .gallery-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}