/*!
 * 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: 'Merriweather', serif;
  overflow-x: hidden;
  color:#676767;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}
p {
  font-size: 16px;
  letter-spacing:1px;
  line-height:1.8;
}

p.small {
  font-size: 12px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  color: #676767;
}
b:not(.mentions 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:#676767;
}

strong{
	font-family: 'Inknut Antiqua', serif;
	color:#676767;
	font-size:120%;
}

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

.row{
	max-width:1090px;
	margin:0 auto;
}


.longbar{
	border-bottom:1px dotted #afafaf;
	display:inline-block;
	width:60px;
	margin-bottom:10px;
}
.lb-right{margin-left:50px;}
.lb-left{margin-right:50px;}

#services .scrollfire4 .longbar{
	margin-top:20px;
	margin-bottom:30px;
}

.service-div{
	display:table;
	width: 100%;
}

.service-div-content{
	display:table-row;
	vertical-align:middle;
}

.img-services, .service-div-content p{
	display:table-cell;
	vertical-align:middle;
}
.img-services{
	width:30vw;
	max-width:280px;
	border-radius:3px;
}
.img-services-span{
	border-radius:4px;
	padding: 2vw;
	padding: calc(1vw + 1vh);
	background-color: #68666c;
	border: 1px dotted #ffeace;
	margin-right:6vw;
	display:block;
}
.img-services-span-2{
	margin-left:6vw;
	margin-right:0;
}

.hideme{opacity:0;}
.scrollfire0 p, .scrollfire p, .scrollfire2 p, .scrollfire3 p{opacity:0;}

.chip {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #717174;
	padding: 8px 16px 8px 52px;
	border-radius: 3px;
	/*background-color: #faf9f8;*/
	margin-bottom: 12px;
	margin-right: 10px;
	border: 2px dotted #dadade;
	border: .2vw dotted #dadade;
	font-weight: 900;
	white-space: nowrap;
	position:relative;
	/*cursor:pointer;*/
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chip:hover{
	background-color:#f8f4f1;
}
.chip > img {
    position:absolute;
	top:-2px; left:0;
	height: 42px;
	width: 42px;
	padding:7px;
	opacity:.6;
   /* border-radius: 3px;
	background-color: #717174;*/
	box-sizing:border-box;
}
.chips{
	margin-top:40px;
	margin-bottom:40px;
}

/* HOME */

.index section{
	text-align:center;
}

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

.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;
}


.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");
}


#photo1, #photo2, #photo3, .parallax-header-container{
	height:65vh;
	transition: height 0.3s;
	clear: both;
	padding:0;
	position:relative;
}
.parallax-header-container{
	height:40vh;
}

.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;
	margin-bottom:40px;
	width:100%;
	transition: height 0.3s;
}

.chambres-home-photo-all {
	border:1.5vw solid #fff;
	width:25%;
	aspect-ratio: 1/1;
	/*height:0;*/
	float:left;
	box-sizing:border-box;
	transition: all 0.3s;
	overflow: hidden;
	display:flex;
	align-content: center;
    align-items: center;
    justify-content: center;
	position:relative;
	background-color:rgba(0,0,0,.25);
}

.chambres-home-photo-all-2 {border-color:#fff;}
.chambres-home-photo-all-3 {border-color:#fff;}
.chambres-home-photo-all-4 {border-color:#fff;}
.chambres-home-photo-all:hover{
	border-color:#e9e4e0;
	background-color:rgba(0,0,0,.5);
}
.chambres-home-photo-all .btn-marron{
	background-color:rgba(0,0,0,.25);
	border:none;
}
.chambres-home-photo-all .btn-marron:hover{
	border:none;
}
.chambres-home-photo-all a:hover{
	text-decoration:none;
}
.chambres-home-photo1, .chambres-home-photo2, .chambres-home-photo3, .chambres-home-img{
	transition: all 0.3s;
}

.chambres-home-text{
	padding: 2em;
	text-align:center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	transition: all 0.3s;
	z-index:100;
}
.chambres-home-text p{
	font-size:17px;
	line-height: 1.2;
}

.chambres-home-img{
	position:absolute;
	height:100%;
	width:100%;
	top:0; left:0;
	z-index:-1;
	overflow: hidden;
	transition: all 0.3s;
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
}
.chambres-home-photo1 .chambres-home-img{background-image:url("../img/chambre-home-1.jpg?date=08-01-26");}
.chambres-home-photo2 .chambres-home-img{background-image:url("../img/chambre-home-2.jpg?date=08-01-26");}
.chambres-home-photo3 .chambres-home-img{background-image:url("../img/chambre-home-3.jpg?date=08-01-26");}
.chambres-home-photo4 .chambres-home-img{background-image:url("../img/chambre-home-4.jpg?date=08-01-26");}


.chambres-home-photo-all:hover .chambres-home-img, .chambres-home-photo-all:focus .chambres-home-img{
	background-size:120%;
}
#chambres h3{
	font-size:1.6vw;
	margin-bottom:1.8vw;
	font-weight:700;
	text-transform: capitalize;
	font-family: 'Inknut Antiqua', serif;
	letter-spacing:4px;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

hr.thin-border{
	padding: 0;
	border: none;
	border-top: dotted 2px #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;
}

.header-bottom{
	height:8px;
	box-sizing:border-box;
	background-color:#68666c;
	border-bottom:1px solid #ffeace;
}
.titre-header{
    height: 300px;
    margin-top: 40px;
    background-size: auto;
    background-position: top center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 0 !important;
}
.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");}

@media (min-width: 1921px) {
	.titre-header-tarifs{background-image:url("../img/header-tarifs@3x.jpg");}
	.titre-header-chambres{background-image:url("../img/header-chambres@3x.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, .5);
    background-color: rgba(0,0,0,.1);
}


/* MENU */

.navbar-custom {
  background: #ffffff;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  border-bottom:1px solid #ffeace;
}

.navbar-custom .navbar-brand {
  color: #555555;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #555555;
}
.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}
.navbar-custom .navbar-nav li a {
  color: #555555;
}
.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;
}

.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;
}

.navbar-custom.affix{
	box-shadow: 0px 6px 10px 0px rgba(61,30,64,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:4px;
	-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{
	background-color:#68666c !important;
	font-weight: 500;
	color:#fff;
	border-radius:3px;
}
.navbar-custom .navbar-nav li a.activePage {
    color: #fff;
}
a.btnHome{
	letter-spacing: 0 !important;
	padding-left:19px !important;
	padding-right:19px !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: 90px 0;
}
section.success {
  background: #676767;
  color: white;
}

#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 select,
.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;*/
}

.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: #3d3c40;
    color: #ffeace;
    padding-top: 40px;
    padding-bottom: 40px;
}
footer a, footer a:hover, footer a:focus, footer a:active, footer a.active {
    color: #ffeace;
}
footer p{
	font-size:13px;
	letter-spacing:4px;
}
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-top:40px;
	margin-bottom:80px;
	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-plus::before{ 
	content: "\f0fe";
	font-family: FontAwesome;
	padding-right:15px;
}

.bigbutton{
    margin-top: 40px !important;
    margin-bottom: 50px !important;
    padding: 26px 40px;
    display: inline-block;
    border-radius: 4px;
    background: #676767;
    color: white;
    transition: all .3s;
    font-size: 120%;
    letter-spacing: 4px;
}
.bigbutton:hover{
	background: #d6cbc0;
	color:#3d3c40;
}
.bigbutton>i{
	padding-right: .5em;
}


.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%;
}

#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,.tarifs-dessous{
	width:100%;
	max-width:800px;
	margin: 0 auto;
	border-spacing: 0;
	border-spacing: 5px;
    border-collapse: separate;
}

.tarifs strong{
	color: inherit;
	font-family: "Merriweather", serif;
	text-transform:uppercase;
	display:block;
	padding:10px 0;
}
.tarifs-dessous strong{
	color: inherit;
	font-family: "Merriweather", serif;
	text-transform:uppercase;
}

.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;
}


/* CHAMBRES */

#chambreBalcon{
	background: #f9f8f8;
}
#chambreSup{
	background: #f4f2f1;
}
.sectionChambres p{
	margin-bottom:40px;
}
.sectionChambres .chips p{
	margin-bottom:18px;
}



/* 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:50px !important; }


/* RESPONSIVE */

/* LAPTOP */
@media (max-width: 1350px) {
	.navbar-custom  a{
		font-size: .9em;
		letter-spacing:3px;
	}
	.navbar-custom .navbar-brand img{
		height:50px;
		margin-top:-5px;
	}
}
@media (max-width: 1290px) {
	.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{height:250px;}
	.hotel-home-photos{top:-8%;}
	#photo1, #photo2, #photo3{height:46vh;}
	#chambres h3{margin-top:1vw;}
}
@media (max-width: 1170px) {
	p {
	  font-size: 14px;
	  letter-spacing:1px;
	  line-height:1.7;
	}
	#photo1, #photo2, #photo3{height:36vh;}
	#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;
	}
	#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;
	}
	.invisible-medium-large {display:none !important; }
}

/* 990 */
@media (max-width: 990px) {
	.sectionChambres h2{
		letter-spacing: 5px;
		font-size: 27px;
	}
	.sectionChambres .longbar{
		display:none;
	}
	#photo1, #photo2, #photo3{height:300px; max-height: 40vw;}
	.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{height:200px;}
	.hotel-home-photos{top:-6%;}
	.navbar-custom .navbar-brand {left: 46%;}
	.invisible-medium {display:none !important;}
	.navbar-custom  {font-size: .85em;}
	.visible-medium-small {
		display: inline-block !important;
	}
	.bigbutton{
		letter-spacing:0;
		font-size:100%;
	}
}

/* 690 */
@media (max-width: 767px) {
	header {
		padding-top: 42px;
	}
	p {
	  font-size: 12px;
	  letter-spacing:1px;
	  line-height:1.6;
	}
	h2{
		font-size:4vw;
		letter-spacing:1vw;
	}
	h2 strong{
		font-size:unset;
	}
	.longbar{
		display: none;
	}
	.lb-right{margin-left:4vw;}
	.lb-left{margin-right:4vw;}
	.hotel-home-photo1, .hotel-home-photo2, .hotel-home-photo-blank{height:120px;}
	.hotel-home-photos{top:-3%;}
	.titre-header{
		height:120px;
		background-attachment: inherit;
		background-size: cover;
		margin-top: 0;
	}
	.navbar-nav>li>a {
		padding-top: 26px;
		padding-bottom: 26px;
		padding-left: 26px;
	}
	.navbar-nav>li.language>a {
		margin-left: 22px;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height:100vh;
		padding-bottom: 26px;
		box-shadow: 0 3px 6px rgb(0 0 0 / 25%);
	}
	.titre-header h2{
		font-size:1.7em;
		letter-spacing: 6px;
		line-height:120px;
		max-width: 100%;
		padding:0 5%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.invisible-medium-small {
		display:none !important;
	}
	section {
		padding: 75px 0;
	}
	section.first {
		padding-top: 30px;
	}
	.floating-label-form-group:not(:first-child) {
	  padding-left: 15px;
	  border-left: none;
	}
	footer p{
		font-size:11px;
		letter-spacing:3px;
	}
}

/* 490 */
@media (max-width: 490px) {
	.container, .col-lg-12 {
		padding-right: 8px;
		padding-left: 8px;
	}
	.hotel-home-carte{
		width:100px;
		height:131px;	
		background-size: 100px 131px;
	}
	.hotel-home-photos{
		position:initial;
		margin-bottom:30px;
		display: inline-block;
		width:100%;
	}
	#hotel p { text-align: justify !important; }
	.chambres-home-photo-all, .chambres-home-photo-all-3 {
		clear:both !important;
		float:none !important;
		width:74vw;
		height:74vw;
		margin:0 13vw !important;
	}
	.chambres-home-photo-all, .chambres-home-photo-all-3 {
		width:90vw;
		height:90vw;
		margin:0 5vw !important;
		border:20px solid #f9f8f8;
	}
	#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;
	}
	.navbar-custom {
		background-image:none;
	}
	.invisible-small {
		display:none !important;
	}
	.visible-small {
		display:inline-block !important;
	}
	.tab th{
		display:none;
	}
	.tab table{
		font-size:90%;
	}
	.tab td, .tab th, .tab span{
		padding: 6px;
	}
	.tarifs{border-spacing: 4px; width:100%; }
	.tarifs th, .tarifs td{padding:4px; width:unset !important;}
	.tarifs td{padding:10px 4px;}
	.jssorb051{ bottom:25px !important; }
	.chip{font-size: 12px;}
}

/* MIN */

@media (min-width: 769px) {
	.navbar-toggle {
		display: none !important;
	}
	.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;
	}
	.phone-link{
		pointer-events:none;
	}
}
@media (min-width: 491px) {
  .visible-small {
    display:none !important;
  }
}