/*!
 * Start Bootstrap - Freelancer v3.3.7+1 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  color:#676767;
}
p {
  font-size: 16px;
  letter-spacing:1px;
  line-height:1.8;
}
@media (max-width: 1170px) {
	p {
	  font-size: 14px;
	  letter-spacing:1px;
	  line-height:1.7;
	}
}
@media (max-width: 690px) {
	p {
	  font-size: 12px;
	  letter-spacing:1px;
	  line-height:1.6;
	}
}
p.small {
  font-size: 12px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  color: #776860;
}

.home_link{
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: #d0c6c1;
}

b,
h1,
h2,
h3,
h4,
h5,
h6 {
  	text-transform: uppercase;
	font-weight: 300;
	letter-spacing:10px;
	margin:0;
}

h2{
	font-size:30px;
	margin-bottom:60px;
	color:#776860;
}
@media (max-width: 650px) {
	h2{
		font-size:4vw;
		letter-spacing:1.5vw;
	}
}
strong{
	font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#776860;
}

.thin{
	font-weight:300;
	opacity:.4;
	font-size:80%;
}

.row{
	max-width:1090px;
	margin:0 auto;
}
@media (max-width: 490px) {
	.container, .col-lg-12 {
		padding-right: 12px;
		padding-left: 12px;
	}
	.tbb{
		font-size: 90%;
		letter-spacing: -1px;
	}
}

.longbar{
	border-bottom:1px solid #afafaf;
	display:inline-block;
	width:60px;
	margin-bottom:10px;
}
.lb-right{margin-left:50px;}
.lb-left{margin-right:50px;}
@media (max-width: 650px) {
	.longbar{
		width:7vw;
		margin-bottom:1.2vw;
	}
	.lb-right{margin-left:4vw;}
	.lb-left{margin-right:4vw;}
}
.hideme{opacity:0;}
.scrollfire0 p, .scrollfire p, .scrollfire2 p, .scrollfire3 p{opacity:0;}

.chip {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #ece8e8;
    margin-bottom: 7px;
    margin-right: 5px;
}
.chip > img {
    float: left;
    margin: 0 8px 0 -12px;
    height: 32px;
    width: 32px;
	padding:4px;
    border-radius: 50%;
	background-color: #a9a3a3;
	box-sizing:border-box;
}
.chips{
	margin-bottom:40px;
}

/* HOME */

.simea-home{
	position:absolute;
	top:45%;
	left:25%;
	z-index:0;
	font-size:47px;
	font-weight:700;
	letter-spacing:18px;
	text-shadow: 4px 4px 7px rgba(0, 0, 0, .45);
	color:#ffffff;
	text-align:center;
	width:50%;
}

.simea-corsu-home-1, .simea-corsu-home-2, .simea-corsu-home-3, .simea-corsu-home-4{
	font-size:22px;
	font-weight:400;
	font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:4px;
	position:absolute;
	left:25%;
	z-index:0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
	color:#ffffff;
	text-align:center;
	width:50%;
	font-style: italic;
}
.simea-corsu-home-1{top:12%;}
.simea-corsu-home-2{top:22%;}
.simea-corsu-home-3{top:32%;}
.simea-corsu-home-4{top:37%; font-size:32px;}

@media (max-width: 490px) {
	.simea-corsu-home-1, .simea-corsu-home-2, .simea-corsu-home-3, .simea-corsu-home-4{
		font-size:50px;
	}
	.simea-corsu-home-1{top:12%;}
	.simea-corsu-home-2{top:27%;}
	.simea-corsu-home-3{top:42%;}
	.simea-corsu-home-4{top:52%; font-size:32px;}
	.simea-home{top:60%; font-size:60px;}
}

.hotel-home-carte{
	width:134px;
	height:175px;	
	float:left;
	margin-right:50px;
	background: url("../img/carte.svg");
	background-size: 134px 175px;
	margin-bottom: 12px;
}

@media (max-width: 590px) {
	.hotel-home-carte{
		width:100px;
		height:131px;	
		background-size: 100px 131px;
	}
}

#hotel{
	position:relative;
	padding-top:320px;
}
.hotel-home-photos{
	position:absolute;
	width:90%;
	left:5%;
	top:-10%;
}

.hotel-home-photos-1et2{
	margin:0 auto;
}
.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{
	width:48%;
	height:330px;
	background-size:cover;
	float:left;
	transition: height 0.3s;
}
@media (max-width: 1290px) {
	.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{height:250px;}
	.hotel-home-photos{top:-8%;}
	#hotel{padding-top:250px;}
}
@media (max-width: 990px) {
	.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{height:200px;}
	.hotel-home-photos{top:-6%;}
	#hotel{padding-top:220px;}
}
@media (max-width: 690px) {
	.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{height:120px;}
	.hotel-home-photos{top:-3%;}
	#hotel{padding-top:150px;}
}
@media (max-width: 490px) {
	.hotel-home-photos{
		position:initial;
		margin-bottom:30px;
		display: inline-block;
		width:100%;
	}
	#hotel{padding-top:20px;}
	#hotel p { text-align: justify !important; }
}

#index-gallery{
	padding-bottom: 120px;
	padding-left: 90px;
	padding-right: 90px;
	background-color:#ede9e9;
}
@media (max-width: 690px) {
	#index-gallery{
		padding-left: 40px;
		padding-right: 40px;
	}
}

.hotel-home-photo-blank{width:4%;}
.hotel-home-photo1{
	background-image:url("../img/hotel-home-1.jpg");
}
.hotel-home-photo2{
	background-image:url("../img/hotel-home-2.jpg");
}


section.parallax-container, .parallax-header-container{
	height:65vh;
	transition: height 0.3s;
	clear: both;
	padding:0;
	position:relative;
}
.parallax-header-container{
	height:40vh;
}
@media (max-width: 1490px) {
	section.parallax-container{height:46vh; max-height: 500px;}
}
@media (max-width: 840px) {
	section.parallax-container{height:300px; max-height: 40vw;}
}

.parallax-header-container h2{
	position:absolute;
	top:0;
	width:100%;
	text-align:center;
	color:white;
	font-weight:400;
	font-size:4em;
	margin-bottom:0;
}


#chambres{
	color:#fff;
}
#chambres a,
#chambres a:hover,
#chambres a:focus,
#chambres a:active,
#chambres a.active {
  color: #fff;
}

#chambres-home-photos{
	margin-top:40px;
	width:100%;
	height:33.33vw;
	transition: height 0.3s;
}

.chambres-home-photo-all {
	border:30px solid #f9f8f8;
	width:33.33%;
	height:100%;
	float:left;
	box-sizing:border-box;
	transition: all 0.3s;
	overflow: hidden;
}
@media (max-width: 1100px) {
	#chambres-home-photos{
		height:unset !important;
	}
	.chambres-home-photo-all {
		width:48vw;
		height:48vw;
		border:20px solid #f9f8f8;
	}
	.chambres-home-photo-all-3 {
		clear:left !important;
		float:none !important;
		margin:0 25vw !important;
	}
}
@media (max-width: 590px) {
	.chambres-home-photo-all, .chambres-home-photo-all-3 {
		clear:both !important;
		float:none !important;
		width:74vw;
		height:74vw;
		margin:0 13vw !important;
	}
}
@media (max-width: 490px) {
	.chambres-home-photo-all, .chambres-home-photo-all-3 {
		width:90vw;
		height:90vw;
		margin:0 5vw !important;
		border:20px solid #f9f8f8;
	}
}
.chambres-home-photo-all-2 {border-color:#ede9e9;}
.chambres-home-photo-all-3 {border-color:#e2dcdc;}
.chambres-home-photo-all:hover{
	border-color:#bdaeae;
}
.chambres-home-photo1, .chambres-home-photo2, .chambres-home-photo3, .chambres-home-img{
	width:100%;
	height:100%;
	background-size:cover;
	transition: all 0.3s;
}
.chambres-home-photo1, .chambres-home-photo2, .chambres-home-photo3{
	position:relative;
}
.chambres-home-photo1 .chambres-home-img{background-image:url("../img/chambre-home-1.jpg");}
.chambres-home-photo2 .chambres-home-img{background-image:url("../img/chambre-home-2.jpg");}
.chambres-home-photo3 .chambres-home-img{background-image:url("../img/chambre-home-3.jpg");}


.chambres-home-text{
	position:absolute;
	background-color:rgba(0,0,0,.25);
	top:0; left:0;
	width:100%;
	height:100%;
	text-align:center;
	padding:4vw;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	transition: all 0.3s;
	z-index:100;
}
.chambres-home-img{
	position:absolute;
	top:0; left:0;
}
.chambres-home-text:hover{
	background-color:rgba(0,0,0,.5);
}

.chambres-home-photo-all:hover .chambres-home-img, .chambres-home-photo-all:focus .chambres-home-img{
	transform: scale(1.2);
}
#chambres h3{
	font-size:1.8vw;
	margin-top:3vw;
	margin-bottom:1.8vw;
	font-weight:700;
	text-transform: capitalize;
	font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:4px;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1290px) {
	#chambres h3{
		margin-top:1vw;
	}
}
@media (max-width: 1100px) {
	#chambres h3{
		margin-top:0.2vw !important;
		font-size:2.5vw !important;
	}
	#chambres p{
		font-size:15px !important;
		line-height:1.4 !important;
	}
	.chambres-home-text{
		padding:6vw;
	}
}
@media (max-width: 590px) {
	#chambres h3{
		margin-top:3vw !important;
		font-size:5vw !important;
	}
	#chambres p{
		font-size:17px !important;
	}
	.chambres-home-text{
		padding:11vw;
		line-height: 1.2;
	}
	.chambres-home-text p{
		line-height: 1.4;
	}
}
hr.thin-border{
	padding: 0;
	border: none;
	border-top: solid 1px #fff;
	text-align: center;
	max-width: 7vw;
	margin-bottom:1.8vw;
	transition: all 0.3s;
}
.chambres-home-photo-all:hover hr.thin-border{
	max-width: 100%;
}


/* CONTAINER */
.container{
	width: 100%;
}

.slim{
  font-weight: 100;
}
.slim-cm{
  font-size: 70%;
  display:block;
}
.img-centered {
  margin: 0 auto;
}

header {
  text-align: center;
  color: white;
  padding-top: 50px;
  background: #ffffff;
}
header img {
  display: block;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  header {
    padding-top: 100px;
  }
}

.header-bottom{
	height:8px;
	box-sizing:border-box;
	background-color:#f9f8f8;
	border-bottom:1px solid #e6e4e3;
}
.titre-header{
    height: 300px;
    background-size: cover;
    background-position: top center;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    padding: 0 !important;
	background-color: #a9a3a3;
}
.titre-header-contact{background-image:url("../img/header-contact.jpg");}
.titre-header-tarifs{background-image:url("../img/header-tarifs.jpg");}
.titre-header-reservation{background-image:url("../img/header-reservation.jpg");}
.titre-header-chambres{background-image:url("../img/header-chambres.jpg");}
.titre-header h2{
	width:100%;
	line-height:300px;
	text-align:center;
	color:white;
	font-weight:400;
	font-size:2.8em;
	margin-bottom:0;
	letter-spacing: 12px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, .35);
}
@media (max-width: 690px) {
  .titre-header{
	  height:120px;
	  background-attachment: inherit;
	  background-size: cover;
  }
  .titre-header h2{
    font-size:2em;
	letter-spacing: 10px;
	line-height:120px;
  }
}


/* MENU */

.navbar-custom {
  background: #ffffff;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  border-bottom:1px solid #e6e4e3;
}
@media (max-width: 490px) {
  .navbar-custom {
     background-image:none;
  }
}
.navbar-custom .navbar-brand {
  color: #362923;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #362923;
}
.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}
.navbar-custom .navbar-nav li a {
  color: #362923;
}
.navbar-custom .navbar-nav li a:hover {
  color: #000000;
}
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: #222222;
}
.navbar-custom .navbar-nav li.active a {
  color: white;
  background: #676767;
}
.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: white;
  background: #676767;
}
.navbar-custom .navbar-toggle {
  color: #676767;
  text-transform: uppercase;
  font-size: 10px;
  border-color: white;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #676767;
  color: white;
  border-color: #676767;
}

@media (min-width: 768px){
	.navbar-toggle {
		display: none !important;
	}
}

.navbar{
	min-height: 30px !important;
}
.navbar-custom .navbar-brand {
	padding:0 !important;
	margin:0 !important;
	height: unset !important;
	position: absolute;
	left: 40%;
}
.navbar-custom .navbar-brand-small {
	padding:0 !important;
	margin:0 !important;
	height: unset !important;
	position: absolute;
	left: 15px;
	display:none;
}
.navbar-custom .navbar-brand img{
	height:55px;
	margin-top:-5px;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.navbar-custom .navbar-brand-small img{
	height:35px;
	margin-top:5px;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

@media (max-width: 990px) {
	.navbar-custom .navbar-brand {
		left: 46%;
	}
}
@media (min-width: 768px) {
  .navbar-custom {
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-custom.affix {
    padding: 6px 0;
  }
}

.navbar-custom.affix{
	box-shadow: 0px 6px 10px 0px rgba(48,26,15,0.15);
	border-bottom:1px solid #afafaf;
}
.navbar-custom.affix .navbar-brand{
	left: 45%;
}
.navbar-custom.affix .navbar-brand img{
	height:30px;
	margin-top:0px;
}
.navbar-custom.affix .navbar-nav>li>a{
	padding-top: 6px;
	padding-bottom: 6px;
}

.navbar-custom a{
	font-size: 1em;
	letter-spacing:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.language {
	padding-right:13px !important;
	padding-left:13px !important;
}
.language a{
	display:inline-block !important;
	padding-left:2px !important;
	padding-right:2px !important;
	padding-bottom:4px !important;
}
.activeLang{
	border-bottom:1px solid #afafaf;
	font-weight:700;
}
.activePage{
	border:1px solid #cecac7 !important;
	background-color:#f9f8f8 !important;
	font-weight: 500;
}
a.btnHome{
	letter-spacing: 0 !important;
	padding-left:19px !important;
	padding-right:19px !important;
}
.navbar-nav>li>a {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    line-height: 28px;
	margin-left: 10px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: unset !important;
}
@media (max-width: 1650px) {
	.navbar-custom  a{
		font-size: .75em;
		letter-spacing:1px;
		padding-left:10px !important;
		padding-right:10px !important;
	}
}
@media (max-width: 1350px) {
	.navbar-custom  a{
		font-size: .9em;
		letter-spacing:1px;
	}
	.navbar-custom .navbar-brand img{
		height:50px;
		margin-top:-5px;
	}
}
@media (max-width: 990px) {
  .navbar-custom  {
    font-size: .85em;
  }
}

@media (max-width: 1190px) {
  .invisible-medium-large {
    display:none !important;
  }
}
@media (max-width: 990px) {
  .invisible-medium {
    display:none !important;
  }
}
@media (max-width: 768px) {
  .invisible-medium-small {
    display:none !important;
  }
}
@media (max-width: 767px) {
  .visible-medium-small {
    display:inline-block !important;
  }
}
@media (max-width: 490px) {
  .invisible-small {
    display:none !important;
  }
}
@media (min-width: 491px) {
  .visible-small {
    display:none !important;
  }
}
@media (max-width: 490px) {
  .visible-small {
    display:inline-block !important;
  }
}

.dates-group .text-danger{
	top: 51px;
}
.text-danger ul{
	list-style-type: none;
	padding: 0;
}
.text-danger ul li:before{
	content: "\f06a ";
	font-family: FontAwesome;
	/*padding-right:10px;*/
}
.text-danger ul li{
    width: max-content;
    background: #dca8a3;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    padding: 0 20px;
    position: absolute;
    left: 26px;
    top: -7px;
    letter-spacing: 0;
    height: 28px;
    line-height: 28px;
    border-bottom: none;
}
.help-block {
    width: 100%;
}
.text-danger ul {
    width: 100%;
}

section {
  padding: 75px 0;
}
section.success {
  background: #676767;
  color: white;
}
@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
  section.first {
    padding-top: 30px;
  }
}
#slider{
	padding: 0;
	text-align:center;
}

.floating-label-form-group {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 0;
  /*border-bottom: 1px solid #dddddd;*/
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  font-size: 1.2em;
  background: #faf9f9;
  box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.1);
  resize: none;
  padding: 16px 10px;
  height: auto;
}
.input-group .form-control:not(:first-child):not(:last-child){
	border-radius: 4px !important;
}
.dates-group .input-group {
	position: initial;
}
div.error input,
div.error .floating-label-form-group input,
div.error .floating-label-form-group textarea {
  border: 1px solid rgba(195,101,90,0.3);
  box-shadow: inset 1px 1px 8px 0px rgba(195,101,90,0.3);
}
.floating-label-form-group textarea {
  padding: 20px;
}
.floating-label-form-group input {
  text-align:center;
}
.floating-label-form-group input::placeholder,
.floating-label-form-group textarea::placeholder {
	font-weight:300;
}
.floating-label-form-group label {
  display: block;
  text-align:center;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group-with-focus input::placeholder {
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  /*border-left: 1px dotted #dddddd;*/
}
@media (max-width: 767px) {
	.floating-label-form-group:not(:first-child) {
	  padding-left: 15px;
	  border-left: none;
	}
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #676767;
  top: 0;
  opacity: 1;
}
.input-daterange label {
	text-align:center;
}
.floating-label-form-group-with-focus input::placeholder {
  opacity: 0 !important;
}
form .row:first-child .floating-label-form-group {
  /*border-top: 1px solid #eeeeee;*/
}


footer {
	background-color:#f4f2f1;
	background: linear-gradient(to bottom, rgba(202,200,199,1) 0%,rgba(244,242,241,1) 9%);
	color: #776860;
	padding-top: 40px;
	padding-bottom: 40px;
}
footer p{
	font-size:13px;
	letter-spacing:4px;
}
@media (max-width: 767px) {
	footer p{
		font-size:11px;
		letter-spacing:3px;
	}
}
footer h3 {
  margin-bottom: 30px;
}
footer .footer-above {
  padding-top: 30px;
  background-color: #222;
}
footer .footer-col {
  margin-bottom: 30px;
}
footer .footer-below {
  padding: 25px 0;
  background-color: #233140;
}
.footer-logo{
	width:292px;
	height:57px;
	margin-bottom:40px;
	opacity:.6;
}
footer .copyright{
	margin-top:40px;
	font-size:80%;
}



.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 30px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #676767;
  background: white;
  border: solid 2px white;
}
.btn-marron{
	color: #92847d;
	border: solid 2px #c3b8b3;
	font-size: 18px;
	margin-right:12px;
	margin-left:12px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #ffffff;
  background: #92847d;
  border: solid 2px #92847d;
}

.btn-tarifs::before{ 
	content: "\f00a";
	font-family: FontAwesome;
	padding-right:15px;
}
.btn-reservation::before{ 
	content: "\f073";
	font-family: FontAwesome;
	padding-right:15px;
}


.btn-primary {
  color: white;
  background-color: #1e4058;
  border-color: #1e4058;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #1a242f;
  border-color: #161f29;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1e4058;
  border-color: #1e4058;
}
.btn-primary .badge {
  color: #1e4058;
  background-color: white;
}
.btn-success {
  color: white;
  background-color: #676767;
  border-color: #676767;
  font-weight: 700;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #7e7069;
  border-color: #7e7069;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
.btn-success:active:focus,
fieldset[disabled] .btn-success.active {
  background-color: #676767;
  border-color: #676767;
}
.btn-success .badge {
  color: #676767;
  background-color: white;
}
.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
}
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin: 0;
  font-size: 3em;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
  margin: 30px 0;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #1e4058;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #1e4058;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}
#skipnav a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  transition: top 1s ease-out, background 1s linear;
  z-index: 2000;
}
#skipnav a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #676767;
  outline: 0;
  transition: top 0.1s ease-in, background 0.5s linear;
}
div#maincontent {
  outline: none;
}




/* CONTACT */

#contact{
	
}
#contact h3{
	margin-top:40px;
	margin-bottom:20px;
}
.button {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.1875rem;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    background: #676767;
    color: #fff;
    border: 0;
    line-height: 1.5;
    font-size: 2rem;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    transition: background 0.1s;
}
a.button:hover{color:white}
.largebtn{
	padding: 1rem 2rem;
}

.hoverdownload:hover::before{ 
	content: "\f019";
	font-family: FontAwesome;
	font-size:80px;
	position:absolute;
	bottom:25%;
	left:30%;
	font-weight:400;
	color:white;
	background:rgba(50,50,50,.65);
	padding-top:16px;
	width:150px;
	height:150px;
	text-align:center;
	border-radius:100px;
}

#programme, #programme hr.star-primary:after{
	background:#e6e6e6;
}
#programme hr.star-primary, #programme hr.star-primary:after{
	color:#636363;
	border-color:#636363;
}
.tab table{
	margin:0 auto;
}
.tab td, .tab th, .tab span{
	padding: 10px;
	color:#555;
}

.tab .td1{
	text-align:right;
	font-weight:bold;
}

.tab .td2{
	text-align:left;
}

.tab th{
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#222;
}

.btniti{
	margin-bottom:30px;
}
.btniti button{
	margin:0 auto;
	text-align:center;
	width:100%;
}

@media (max-width: 490px) {
	.tab th{
		display:none;
	}
	.tab table{
		font-size:90%;
	}
	.tab td, .tab th, .tab span{
		padding: 6px;
	}
}

#epreuve td{
	border-bottom:1px solid #ccc;
}
#epreuve tr:last-child td{
	border-bottom:none;
}

#epreuve .stabilo{
	font-weight:bold;
	background:#555;
	color:white;
}

.collap{
    border: 1px solid #98beda;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 22px;
	outline: none;
	background: #f7f7f7;
}

.collap::before{
	content: "\f056 ";
	font-family: FontAwesome;
	color:#fff;
	padding-right:16px;
}

.collapsed::before{
	content: "\f055 ";
	font-family: FontAwesome;
	color:#fff;
	padding-right:16px;
}


.collapseint{
	background: #f7f7f7;
    border-radius: 6px;
    padding: 16px;
	margin-top: 16px;
}


/* TARIFS */

.tarifs{
	width:100%;
	max-width:800px;
	margin: 0 auto;
	border-spacing: 0;
	border-spacing: 5px;
    border-collapse: separate;
}

.tarifs-dessous{
	/*width:60%;*/
	margin:0 auto;
}
.tarifs-dessous td{
	padding:6px;
}

.tarifs td, .tarifs th{padding:4px 6px; vertical-align:middle; }

.tarifs th, .tarifs td{
	padding:8px;
	text-align:center;
	height:60px;
	width:20%;
	border-radius: 0 0 6px 6px ;
}
.tarifs th{
	font-size:12px;
	vertical-align:bottom;
	border-radius: 6px 6px 0 0;
}
.prestaTR td{
	border-radius: 6px 6px 0 0;
}
.tarifs tr td:hover{
	opacity:.8;
}
.tarifs tr td:first-child{
	position:relative;
}
.tarifs td{
	padding:20px 8px;
	font-weight:bold;
	color:#333;
}
.spaceTR td{
	height:16px;
	padding:0;
}
.prestaTR td{
	height:30px;
	padding:0;
	vertical-align:middle;
	text-transform:uppercase;
	background-color:#f4f2f1;
}
.prestaTR td,
.prestaTR a,
.prestaTR a:hover,
.prestaTR a:focus,
.prestaTR a:active{
  color: #5f534d;
}
.prestation{text-align:center !important; font-size:14px;}

.tarifs .chambreDesc{font-weight:400;}

.basse{background:#edeae8;}
.moyenne{background:#cec7c1; color:#222 !important;}
.moyenneplus{background:#ab9c92; color:#111 !important;}
.haute{background:#8a7f75; color:#fff !important;}
.treshaute{background:#67605a; color:#fff !important;}
/*
thead .basse{background:#edeae8; background: linear-gradient(to top, #ffffff -15%,#edeae8 75%);}
thead .moyenne{background:#cec7c1; background: linear-gradient(to top, #ffffff -15%,#cec7c1 75%); color:#222 !important;}
thead .moyenneplus{background:#ab9c92; background: linear-gradient(to top, #ffffff -25%,#ab9c92 75%); color:#111 !important;}
thead .haute{background:#8a7f75; background: linear-gradient(to top, #ffffff -25%,#8a7f75 75%); color:#fff !important;}
thead .treshaute{background:#67605a; background: linear-gradient(to top, #ffffff -25%,#67605a 75%); color:#fff !important;}*/

.sous-tarifs{
	background:#E0CEC5;
	padding:8px 12px;
	border-radius : 8px;
	float:right;
	font-size:90%;
	color:#543627;
	text-align:center;
	margin:0 16px;
}

@media (max-width: 490px) {
	.tarifs{border-spacing: 4px; width:100%; }
	.tarifs th, .tarifs td{padding:4px; width:unset !important;}
	.tarifs td{padding:10px 3px;}
	.tarifs-dessous{
		width:100%;
	}
}


/* CHAMBRES */

#chambreBalcon{
	background: #f9f8f8;
}
#chambreSup{
	background: #f4f2f1;
}
.sectionChambres p{
	margin-bottom:40px;
}
.sectionChambres .chips p{
	margin-bottom:7px;
}
@media (max-width: 1000px) {
	.sectionChambres h2{
		letter-spacing: 5px;
		font-size: 27px;
	}
	.sectionChambres .longbar{
		display:none;
	}
}



/* SLIDER */
.jssorl-004-double-tail-spin img {
	animation-name: jssorl-004-double-tail-spin;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#fff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb051 .i:hover .b {fill-opacity:.7;}
.jssorb051 .iav .b {fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.jssorb051{ bottom:95px !important; }

@media (max-width: 490px) {
	.jssorb051{ bottom:25px !important; }
}


/* OFFRE */

.offre-img{
	display: block;
	width:50%;
	height:200px;
	margin:0 auto 2em auto;
	background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}
#offre-img-yoga{background-image: url("../img/offre-yoga.svg");}
#offre-img-massage{background-image: url("../img/offre-massage.svg");}
#offre-img-rando{background-image: url("../img/offre-rando.svg");}

#offres li{
	margin-bottom: 2.2em;
    margin-top: 1.5em;
}