@import url("responsive.css?version=1");
html {
    scroll-behavior: smooth;
  }
.content-list-input {
    display: flex;
    width: 83%;
    margin-right: 10px;
    margin-top: 16px;
}
.content-formulaire-banniere {position: absolute;left: 0;top: 0;height: 100%;-moz-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%);z-index:  90;right:  0;width: 1200px;margin:  0 auto;}

form#form-reservation {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    top: 54%;
    text-align: center;
    color: rgb(51, 51, 51);
    width: 310px;
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    /* -webkit-transform: translateX(0) translateY(-50%); */
    /* transform: translateX(0) translateY(-50%); */
    padding: 30px 25px 50px;
}.content-formulaire-banniere {position: relative;left: 0;top: 0;height: auto;-moz-transform: translateX(0%);-ms-transform: translateX(0%);/* -webkit-transform: translateX(0%); *//* transform: translateX(0%); */z-index:  90;right:  0;width: 100%;margin:  0 auto;bottom: 0;/* height: 100%; */display: flex;z-index: 999;}

form#form-reservation {
    background: rgb(0 0 0 / 80%);
    position: relative;
    left: 0;
    top: 79%;
    text-align: center;
    color: rgb(51, 51, 51);
    width: 100%;
    height: auto !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    /* -webkit-transform: translateX(0) translateY(-50%); */
    /* transform: translateX(0) translateY(-50%); */
    padding: 30px 18px;
    display: flex;
    flex-wrap: wrap;
    bottom: 1px;
    align-items: center;
}

.input-wrap input, .input-wrap select {
    border: 1px solid rgb(36, 157, 210);
    width: 100%;
    height: 45px;
    background: #fff;
    color: rgb(255, 255, 255);
    padding:  0 20px;
    box-sizing:  border-box;
}
form#form-reservation h2 {
    font-weight: 100;
    font-size: 30px;
    margin: 0px 0 16px;
}
.input-wrap {
    position:  relative;
    margin-bottom: 15px;
}

.input-wrap i {
    position:  absolute;
    right: 10px;
    top: 0;
    bottom:  0;
    height:  100%;
    display:  flex;
    align-items:  center;
    font-size:  14px;
    color: #249dd2;
}

.input-wrap span:before {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    background: rgb(51, 51, 51);
    /* left: 11px; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 8px;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* font-family:  "FontAwesome"; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 15px;
}

.input-wrap span:after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    background: rgb(51, 51, 51);
    /* left: 11px; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 8px;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(-45deg);
    right: 10px;
}

.input-wrap select {
    color: rgb(119, 118, 118);
    padding:  0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.input-wrap select:focus + span:before  {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.input-wrap select:focus + span:after  {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);

    transform: rotate(45deg);
}

button#check-disponibilite {
    width:  100%;
    background: rgb(205 220 57);
    border: 1px solid transparent;
    /* height:  40px; */
    margin-top:  15px;
    font-size:  17px;
    color:  #fff;
    cursor: pointer;
}
.conteneur-banniere {
  position: relative;
  overflow:  hidden;
}
div#slide-banniere img {
    width:  100vw;
    height:  100vh;
}



/******************les plus********************/

.conteneur-plus {
    padding: 30px 0;
}

.content-plus-wrapper {
    display:  flex;
    flex-wrap:  wrap;
}

.bloc-plus-wrapper {
    width:  33%;
    margin-bottom:  20px;
}

.icone-plus {
    width: 60px;
    height: auto;
    margin-right: 15px;
}

.bloc-plus {
    display:  flex;
    align-items: flex-start;
}

.content-text-plus h3 {
    margin-top: 13px;
    margin-bottom: 0;
    color: rgb(36, 157, 209);
}




.content-text-plus p {
    margin-top:  5px;
    font-size:  15px;
    line-height:  1.7;
    opacity: 0.7;
}

.content-text-plus {
    width:  75%;
}

.icone-plus svg {
    width: 100%;
    height: 100%;
    /* display:  flex; */
    /* align-items: flex-start; */
    /* justify-content:  center; */
    fill: rgb(36, 157, 209);
}

.les-plus {
    width: 1350px;
    margin: 50px auto 0;
    max-width:  95%;
}


.les-services {
    /* display:  flex; */
}

.bloc-service-wrapper {
    width:  100%;
    /* height: 535px; */
    background-size:  cover;
    background-position:  top;
    overflow:  hidden;
}

.content-text-service {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    flex-direction:  column;
    height:  100%;
    color:  #ffff;
    font-size:  24px;
    position:  relative;
    position:  absolute;
    z-index:  100;
    top: 0;
    left: 0;
    right:  0;
    bottom:  0;
}

.bloc-service h3 {
    margin:  0;
}

.bloc-service:before {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.3s, -webkit-transform 0.4s;
    -o-transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;
    z-index: 5;
    border-top: 5px solid rgb(255, 255, 255);
    border-bottom: 5px solid rgb(255, 255, 255);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

.bloc-service:after {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.3s, -webkit-transform 0.4s;
    -o-transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;
    z-index: 5;
    border-right: 5px solid rgb(255, 255, 255);
    border-left: 5px solid rgb(255, 255, 255);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.bloc-service:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.bloc-service:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.content-image-- img {
    width:  100%;
    height:  auto;
}

.bloc-service {
    position:  relative;
    overflow:  hidden;
}

.content-image-- img {
    width: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;










    transition: all 0.5s;
    display:  block;
}

.bloc-service:hover .content-image-- img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.conteneur-services {
    overflow:  hidden;
}


/*********************actualite********************/


.conteneur-actualite {
    padding: 40px 0;
    position:  relative;
    z-index:  10;
    background-color: rgb(255, 255, 255);
    margin-top: -7px;
}

.les-actualites {
    width:  1200px;
    margin: 30px auto;
    display:  flex;
}

.bloc-actualite-wrapper {
    width:  32%;
    padding: 0 10px;
    box-sizing:  border-box;
    /* height:  304px; */
    /* overflow:  hidden; */
}

.image-actualite img {
    width:  100%;
    height:  auto;
    display:  block;
}

.content-text-actualite {
    border-left: rgb(232, 232, 232) 1px solid;
    border-right: rgb(232, 232, 232) 1px solid;
    border-bottom: rgb(232, 232, 232) 1px solid;
}

.bloc-titre-actualite {
    font-size: 18px;
    line-height: 140%;
    padding: 23px 30px;
    margin: 0;
}

.bloc-titre-actualite h3 {
    margin:  0;
    font-weight: 300;
    /* font-family: 'Playfair Display', serif; */
    color: rgb(36, 157, 209);
    font-size: 24px;
}

.content-info-publication {
    display:  flex;
    /* justify-content: center; */
    border-top: rgb(232, 232, 232) 1px solid;
    border-bottom: rgb(232, 232, 232) 1px solid;
    padding: 13px 30px;
    font-size: 15px;
}

.date-actualite {
    margin: 0 16px 0 0;
}

.bloc-actualite {
    height: 314px;
    overflow:  hidden;
    border-bottom: 1px solid rgba(216, 216, 216, 0.65);
}

.content-info-publication i {
    margin-right: 6px;
    color: rgb(36, 157, 209);
}

.content-info-publication span {
    opacity:  0.7;
}

.content-info-publication {
    font-size:  14px;
}

.chapeau-actualite p {
    padding: 23px 30px;
    margin: 0;
    font-size: 15px;
    line-height:  1.5;
    opacity:  0.7;
}

.btn-actualite {
    display:  inline-block;
    padding:  10px 15px;
    color:  #fff;
    background: rgb(36, 157, 209);
    cursor:  pointer;
}

.content-button {
    text-align:  center;
}




/******************temoignages***************/


.temoignage {
    width:  1200px;
    margin: 25px auto;
    max-width:  95%;
    display:  flex;
}

.content-description-temoignage {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 20px 30px;
    position: relative;
    border: 1px solid rgb(222, 222, 222);
    -webkit-transition: all .5s;
    transition: all .5s;
    /* height:  230px; */
}

.bloc-temoignage-wrapper {
    width:  33%;
    padding:  0 20px;
}

.libelle-note {
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    color: rgb(36, 157, 209);
}

.note-- {
    text-align: center;
    margin-top: 10px;
}

.note-- .fa-star, .note-- .fa-star-o {
    color: rgb(36, 157, 209);
}

.bloc-temoignage {}

.conteneur-temoignage {
    padding:  30px 0;
    background-color: rgb(245, 243, 240) !important;
    border-top-color: rgb(240, 240, 240) !important;
    border-top-style: solid !important;
    border-bottom-color: rgb(240, 240, 240) !important;
    border-bottom-style: solid !important;
}

.description-temoignage p {
    color: rgb(133, 138, 153);
    font-size:  15px;
    line-height: 1.7;
}

.content-description-temoignage:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -11px;
    right: 0;
    left: -143px;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: rgb(255, 255, 255);
    border-right: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.content-temoin {
    display:  flex;
    align-items:  center;
    justify-content:  center;

}

.image-temoin-- img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow:  hidden;
}

.image-temoin-- {
    margin-right: 7px;
}

.nom-temoin-- h5 {
    margin: 0;
    font-size: 17px;
}

.nom-temoin-localisation- p {
    margin:  0;
    font-size:  15px;
    opacity:  0.5;
}

.bloc-temoignage-wrapper:hover .content-description-temoignage {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 50px 0 rgba(0,0,0,.08);
}





/****************************galerie********************/


.content-image, .content-image-2-full-height {/* width: 100% !important */}
.content-image-2-full-width { width: 60% !important}

.conteneur-galerie {
    padding: 40px 0 0;
    /* overflow:  hidden; */
    margin-bottom: -5px;
    position:  relative;
    z-index:  5;
}

.galerie {
    margin-top:  40px;
    width:  100%;
    display:  flex;
    /* overflow:  hidden; */
}

.content-image img {
}

.content-image.content-image-2-full-width {
    width: 50%;
}

.content-image .image--{
    position: relative;
    /* overflow: hidden; */
    padding: 0;
    width: 100%;
    height: auto;
    /* border: 1px solid rgb(255, 255, 255); */
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* -webkit-box-shadow: 0 0 0 2px  #249dd1, inset 0 0 0 1px #249dd1; */
    /* box-shadow: 0 0 0 2px #249dd1, inset 0 0 0 1px #249dd1; */
    /* box-sizing:  border-box; */
}

.ligne-solo-double {
    display:  flex;
}

.content-bloc-vertical-left, .content-bloc-vertical-right {
    /* width:  25%; */
}

.content-center-- {
    width: 51%;
}

.ligne-solo {
    width: 100%;
}

.conteneur-galerie .content-onglet-list, .content-list-categorie {
    margin-top:  35px;
}

.content-survol-image h4 {
    position: absolute;
    left: 50%;
    top: 45%;
    color: rgb(255, 255, 255);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: bold;
    display: inline-block;
    font-size: 26px;
    text-align: center;
    margin:  0;
}

.content-survol-image {
    display: block;
    position: absolute;
    left: -10px;
    top: 10px;
    background: rgba(42, 57, 68, 0.87);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.content-image:hover .content-survol-image {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 10px;
}

.content-image {
    position:  relative;
}

.input-wrap input, .input-wrap select {
    border: 1px solid rgb(134 134 134);
    width: 100%;
    height: 100%;
    background: #fff;
    color: rgb(255, 255, 255);
    padding:  0 20px;
    box-sizing:  border-box;
    font-size: 17px;
    font-family: inherit;
    box-sizing: border-box;
}
form#form-reservation h2 {
    font-weight: 100;
    font-size: 30px;
    margin: 0px;
    color: #fff;
    width: 100%;
    display: block;
    height: auto;
}
.input-wrap {
    position:  relative;
    margin-bottom: 15px;
    width: 25%;
    margin-bottom: 0;
    margin-right: 10px;
    height: 50px;
}

.content-list-input .input-wrap:last-child {
    margin-right: 0;
}

.input-wrap {}

.input-wrap i {
    position:  absolute;
    right: 10px;
    top: 0;
    bottom:  0;
    height:  100%;
    display:  flex;
    align-items:  center;
    font-size:  14px;
    color: #ffc107;
}

.input-wrap span:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    background: rgb(51, 51, 51);
    /* left: 11px; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 8px;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* font-family:  "FontAwesome"; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 15px;
}

.input-wrap span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    background: rgb(51, 51, 51);
    /* left: 11px; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 8px;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(-45deg);
    right: 10px;
}

.input-wrap select {
    color: rgb(119, 118, 118);
    padding:  0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.input-wrap select:focus + span:before  {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.input-wrap select:focus + span:after  {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

button#check-disponibilite, .content-formulaire-banniere .content-btn a {
    width:  100%;
    background: #DAA520;
    border: 1px solid transparent;
    /* height:  40px; */
    margin-top:  15px;
    font-size:  17px;
    color:  #fff;
    cursor: pointer;
    padding: 1px 12px;
    width: 16%;
    margin-top: 15px !important;
    font-family: inherit;
    height: 50px;
}

.content-formulaire-banniere .content-btn a {width: 100% !important;line-height: 50px;}
.conteneur-banniere {
  position: relative;
  overflow:  hidden;
}
div#slide-banniere img {
    width: 100% !important;
    height: auto;
}



/******************les plus********************/

.conteneur-plus {
    padding: 0 0;
    background: rgb(167 167 167 / 11%);
    border-bottom: 2px solid #d8d8d8;
}

.content-plus-wrapper {
    display:  flex;
    flex-wrap:  wrap;
}

.bloc-plus-wrapper {
    width:  33%;
    margin-bottom:  20px;
}

.icone-plus {
    width: 60px;
    height: auto;
    margin-right: 15px;
}

.bloc-plus {
    display:  flex;
    align-items: flex-start;
}

.content-text-plus h3 {
    margin-top: 13px;
    margin-bottom: 0;
    color: rgb(134 134 134);
}




.content-text-plus p {
    margin-top:  5px;
    font-size:  15px;
    line-height:  1.7;
    opacity: 0.7;
}

.content-text-plus {
    width:  75%;
}

.icone-plus svg {
    width: 100%;
    height: 100%;
    /* display:  flex; */
    /* align-items: flex-start; */
    /* justify-content:  center; */
    fill: rgb(36, 157, 209);
}

.les-plus {
    width: 1350px;
    margin: 50px auto 0;
    max-width:  95%;
}


.les-services {
    /* display:  flex; */
    width: 99%;
    margin: 0 auto;
}

.bloc-service-wrapper {
    width:  100%;
    /* height: 535px; */
    background-size:  cover;
    background-position:  top;
    overflow:  hidden;
}

.content-text-service {
    display:  flex;
    align-items:  center;
    justify-content:  center;
    flex-direction:  column;
    height:  100%;
    color:  #ffff;
    font-size:  24px;
    position:  relative;
    position:  absolute;
    z-index:  100;
    top: 0;
    left: 0;
    right:  0;
    bottom:  0;
}

.bloc-service h3 {
    margin:  0;
}

.bloc-service:before {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.3s, -webkit-transform 0.4s;
    -o-transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;

    z-index: 5;
    border-top: 5px solid rgb(255, 255, 255);
    border-bottom: 5px solid rgb(255, 255, 255);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

.bloc-service:after {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.3s, -webkit-transform 0.4s;
    -o-transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;
    z-index: 5;
    border-right: 5px solid rgb(255, 255, 255);
    border-left: 5px solid rgb(255, 255, 255);
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.bloc-service:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.bloc-service:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.content-image-- img {
    width:  100%;
    height:  auto;
}

.bloc-service {
    position:  relative;
    overflow:  hidden;
}

.content-image-- img {
    width: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display:  block;
}

.bloc-service:hover .content-image-- img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.conteneur-services {
    overflow:  hidden;
}


/*********************actualite********************/


.conteneur-actualite {
    padding: 40px 0;
    position:  relative;
    z-index:  10;
    background-color: rgb(255, 255, 255);
    margin-top: -7px;
}

#les-actualites {
    width: 83% !important;
    margin: 30px auto;
    display:  flex;
}

.bloc-actualite-wrapper {
    width: 32% !important;
    padding: 0 10px;
    box-sizing:  border-box;
    height: auto !important;
    /* overflow:  hidden; */
}

.image-actualite img {
    width:  100%;
    height:  auto;
    display:  block;
}

.content-text-actualite {
    border-left: rgb(232, 232, 232) 1px solid;
    border-right: rgb(232, 232, 232) 1px solid;
    border-bottom: rgb(232, 232, 232) 1px solid;
}

.bloc-titre-actualite {
    font-size: 18px;
    line-height: 140%;
    padding: 23px 30px;
    margin: 0;
    border-bottom: 1px solid #d8d8d8;
}

.bloc-titre-actualite h3 {
    margin:  0;
    font-weight: 600;
    /* font-family: 'Playfair Display', serif; */
    color: rgb(218 165 32);
    font-size: 20px;
}

.content-info-publication {
    display:  flex;
    /* justify-content: center; */
    border-top: rgb(232, 232, 232) 1px solid;
    border-bottom: rgb(232, 232, 232) 1px solid;
    padding: 13px 30px;
    font-size: 15px;
}

.date-actualite {
    margin: 0 16px 0 0;
}

.bloc-actualite {
    height: auto;
    overflow:  hidden;
    border-bottom: 1px solid rgba(216, 216, 216, 0.65);
    box-shadow: 1px 1px 8px 4px rgb(0 0 0 / 15%);
}

.content-info-publication i {
    margin-right: 6px;
    color: #ffc107;
}

.content-info-publication span {
    opacity:  0.7;
}

.content-info-publication {
    font-size:  14px;
    display: none;
}

.chapeau-actualite p {
    padding: 23px 30px;
    margin: 0;
    font-size: 15px;
    line-height:  1.5;
    opacity:  0.7;
}

.btn-actualite {
    display:  inline-block;
    padding:  10px 15px;
    color:  #fff;
    background: #DAA520;
    cursor:  pointer;
}

.content-button {
    text-align:  center;
}




/******************temoignages***************/


.temoignage {
    width: 95%;
    margin: 25px auto;
    max-width:  95%;
    display:  flex;
}

.content-description-temoignage {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 20px 30px;
    position: relative;
    border: 1px solid rgb(222, 222, 222);
    -webkit-transition: all .5s;
    transition: all .5s;
    min-height: 280px;
}

.bloc-temoignage-wrapper {
    width: 100%;
    padding:  0 20px;
}

.libelle-note {
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    color: rgb(133 133 133);
}

.note-- {
    text-align: center;
    margin-top: 10px;
}

.note-- .fa-star, .note-- .fa-star-o {
    color: rgb(254 222 6);
}

.bloc-temoignage {}

.conteneur-temoignage {
    padding:  30px 0;
    background-color: rgb(245, 243, 240) !important;
    border-top-color: rgb(240, 240, 240) !important;
    border-top-style: solid !important;
    border-bottom-color: rgb(240, 240, 240) !important;
    border-bottom-style: solid !important;
}

.description-temoignage p {
    color: rgb(133, 138, 153);
    font-size:  15px;
    line-height: 1.7;
}

.content-description-temoignage:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -11px;
    right: 0;
    left: -143px;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: rgb(255, 255, 255);
    border-right: 1px solid rgb(222, 222, 222);
    border-bottom: 1px solid rgb(222, 222, 222);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.content-temoin {
    display:  flex;
    align-items:  center;
    justify-content:  center;
}

.image-temoin-- img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow:  hidden;
}

.image-temoin-- {
    margin-right: 7px;
}

.nom-temoin-- h5 {
    margin: 0;
    font-size: 17px;
}

.nom-temoin-localisation- p {
    margin:  0;
    font-size:  15px;
    opacity:  0.5;
}

.bloc-temoignage-wrapper:hover .content-description-temoignage {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 50px 0 rgba(0,0,0,.08);
}





/****************************galerie********************/


.content-image, .content-image-2-full-height {/* width: 100% !important */}

.content-cta .content-image {
    width: 202px;
    margin: 0 auto;
    background: #fff;
}

.les-services .content-image {
    margin-top: 40px;
}
.content-image-2-full-width { width: 60% !important}

.conteneur-galerie {
    padding: 40px 0 0;
    /* overflow:  hidden; */
    margin-bottom: -5px;
    position:  relative;
    z-index:  5;
}

.galerie {
    margin-top:  40px;
    width:  100%;
    display:  flex;
    /* overflow:  hidden; */
    flex-wrap: wrap;
    /* justify-content: space-around; */
}

.content-image img {
    max-width: 100%;
    height:  auto;
    display: block;
    width: 100%;
}

.content-image.content-image-2-full-width {
    width: 50%;
}

.content-image .image--{
    position: relative;
    /* overflow: hidden; */
    padding: 0;
    width: 100%;
    height: auto;
    /* border: 1px solid rgb(255, 255, 255); */
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* -webkit-box-shadow: 0 0 0 2px  #249dd1, inset 0 0 0 1px #249dd1; */
    /* box-shadow: 0 0 0 2px #249dd1, inset 0 0 0 1px #249dd1; */
    /* box-sizing:  border-box; */
}

.ligne-solo-double {
    display:  flex;
}

.content-bloc-vertical-left, .content-bloc-vertical-right {
    width: 33%;
}

.content-center-- {
    width: 51%;
}

.ligne-solo {
    width: 100%;
}

.conteneur-galerie .content-onglet-list, .content-list-categorie {
    margin-top:  35px;
}

.content-survol-image h4 {
    position: absolute;
    left: 50%;
    top: 45%;
    color: rgb(255, 255, 255);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-weight: bold;
    display: inline-block;
    font-size: 26px;
    text-align: center;
    margin:  0;
}

.content-survol-image {
    display: block;

    position: absolute;
    left: -10px;
    top: 10px;
    background: rgba(42, 57, 68, 0.87);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.content-image:hover .content-survol-image {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 10px;
}

.galerie .content-image {
    position:  relative;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    width: 31%;
    margin-right: 24px;
    cursor: pointer;
}

.galerie .content-image:nth-child(3n+3) {
    /* margin-right: 0; */
}

.content-loader-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100000;
}

.loaded .content-loader-wrapper {
    display: none;
}

.inner-loader {
    z-index: 900;
    color: rgb(255 255 255);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    /* background-color: rgb(16 27 37); */
    font-size: 20px;
    line-height: 3em;
}

.loaded .inner-loader {
    display: none !important;
}

.inner-loader-right, .inner-loader-left {
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background: rgb(34 34 34);
    z-index: 1000;
    background-color: rgb(255 255 255);
    /* left: 0; */
    right: 0;
    position: absolute;
    transition: linear .3s;
}

.inner-loader-left {
    display: flex;
    /* align-items: center; */
    /* justify-content: end; */
    left: 0;
    right: unset;
}

.logo-loader {
    width: 100%;
    /* overflow: hidden; */
    z-index: 1000;
    /* background: url(images/logo.png); */
    background-size: cover;
    position: absolute;
    display: flex;
    height: 100%;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}

.logo-loader img {
    width: 50%;
    display: block;
}

body.loaded .inner-loader-left {
    left: -100%;
}

body.loaded .inner-loader-right {
    right: -100%;
}

.content-bloc-galerie {
    display: flex;
    width: 100%;
    height: auto;
    /* justify-content: space-between; */
    margin-bottom: 10px;
}

.content-bloc-grand-image {
    width: 50%;
    margin-right: 16px;
}

.content-bloc-galerie:nth-child(2n+2) .content-bloc-grand-image {
    margin-right: 0;
}

.image-bloc-wrapper {
    position: relative;
    overflow: hidden;
    /* height: 305px; */
    cursor: pointer;
}

.image-bloc-wrapper:before, .ss-image-bloc:before {
    /* position: absolute; */
    /* content: ''; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* top: 0; */
    /* background: rgb(0 0 0 / 38%); */
}

.image-bloc-wrapper:before, .ss-image-bloc:before {
    background: rgb(0, 0, 0) none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 0;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.image-bloc-wrapper:hover:before, .ss-image-bloc:hover:before {
    left: 0;
    width: 100%;
}

.image-bloc-wrapper:after, .ss-image-bloc:after {
    color: rgb(255 193 7);
    content: "+";
    font-family: roboto;
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(2);
    -moz-transform: translateY(-50%) translateX(-50%) scale(2);
    -ms-transform: translateY(-50%) translateX(-50%) scale(2);
    -o-transform: translateY(-50%) translateX(-50%) scale(2);
    transform: translateY(-50%) translateX(-50%) scale(2);
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}

.image-bloc-wrapper:hover:after, .ss-image-bloc:hover:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -moz-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    -o-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.content-bloc-galerie:nth-child(2n+2) .image-bloc-wrapper {
    margin-right: 0;
    margin-left: 17px;
}

.voir-album {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: right;
    /* padding: 30px 16px; */
    transform: translateY(100%);
    transition: all 0.20s ease 0s;
    background: rgb(19 19 19 / 0%);
    background: -moz-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2b2b2b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19, 19, 19, 0)), color-stop(1%, rgba(71, 71, 71, 0)), color-stop(1%, rgba(102, 102, 102, 0)), color-stop(1%, rgba(76, 76, 76, 0)), color-stop(2%, rgba(44, 44, 44, 0)), color-stop(3%, rgba(17, 17, 17, 0)), color-stop(3%, transparent), color-stop(3%, rgba(89, 89, 89, 0)), color-stop(9%, rgba(28, 28, 28, 0.06)), color-stop(84%, rgba(28, 28, 28, 0.84)), color-stop(99%, rgba(43, 43, 43, 0.99)), color-stop(100%, #2b2b2b));

    background: -webkit-linear-gradient(top, rgb(19 19 19 / 0%) 0%, rgb(71 71 71 / 0%) 1%, rgb(102 102 102 / 0%) 1%, rgb(76 76 76 / 0%) 1%, rgb(44 44 44 / 0%) 2%, rgb(17 17 17 / 0%) 3%, rgb(0 0 0 / 0%) 3%, rgb(89 89 89 / 0%) 3%, rgb(28 28 28 / 6%) 9%, rgb(28 28 28 / 84%) 84%, rgb(43 43 43 / 99%) 99%, rgb(43 43 43) 100%);
    background: -o-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2b2b2b 100%);
    background: -ms-linear-gradient(top, rgba(19, 19, 19, 0) 0%, rgba(71, 71, 71, 0) 1%, rgba(102, 102, 102, 0) 1%, rgba(76, 76, 76, 0) 1%, rgba(44, 44, 44, 0) 2%, rgba(17, 17, 17, 0) 3%, transparent 3%, rgba(89, 89, 89, 0) 3%, rgba(28, 28, 28, 0.06) 9%, rgba(28, 28, 28, 0.84) 84%, rgba(43, 43, 43, 0.99) 99%, #2b2b2b 100%);
    background: linear-gradient(to bottom, rgb(19 19 19 / 0%) 0%, rgb(71 71 71 / 0%) 1%, rgb(102 102 102 / 0%) 1%, rgb(76 76 76 / 0%) 1%, rgb(44 44 44 / 0%) 2%, rgb(17 17 17 / 0%) 3%, rgb(0 0 0 / 0%) 3%, rgb(89 89 89 / 0%) 3%, rgb(28 28 28 / 6%) 9%, rgb(28 28 28 / 84%) 84%, rgb(43 43 43 / 99%) 99%, rgb(43 43 43) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#2b2b2b', GradientType=0);
    height: 35%;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgb(255 255 255);
    justify-content: center;
    font-size: 18px;
}

.voir-album:after {
    content: '+';
    text-align: center;
    position: absolute;
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255 255 255);
    color: rgb(255 255 255);
    border-radius: 50% 50%;
    position: absolute;
    line-height: 50px;
    top: 0;
    left: 50%;
    transform: translateX(-75%);
    cursor: pointer;
}

figure.img-galerie {
    margin: 0;
    padding: 0;
}
.img-galerie:before {
    top: 10px;
    bottom: 10px;

    width: 1px;
    right: 10px;
    background: rgb(255 255 255 / 50%);
    z-index: 10;
}

.img-galerie::after, .img-galerie:before {
    position: absolute;
    content: '';
    border-radius: 5px;
}
.titre-album {
    position: absolute;
    top: 30px;
    left: 25px;
    color: rgb(255 255 255);
    /* font-family: 'proxima_nova_altbold'; */
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-shadow: 1px 1px #000;
}

.titre-album:before {
    position: absolute;
    content: '';
    left: 0;
    height: 2px;
    background: rgb(218 165 32);
    width: 47px;
    bottom: -7px;
}

.img-galerie span:before {
    top: 10px;
    z-index: 10;
}

.img-galerie span:before, .img-galerie span:after {
    position: absolute;
    content: '';
    right: 10px;
    height: 1px;
    background: rgb(255 255 255 / 50%);
    left: 10px;
    border-radius: 5px;
}

.img-galerie span:after {
    bottom: 10px;
}

.img-galerie:after {
    top: 10px;
    bottom: 10px;
    width: 1px;
    left: 10px;
    background: rgb(255 255 255 / 50%);
}
.img-galerie span:before, .img-galerie span:after {
    position: absolute;
    content: '';
    right: 10px;
    height: 1px;
    background: rgb(255 255 255 / 50%);
    left: 10px;
    border-radius: 5px;
}

.content-petite-image {
    display: flex;
    justify-content: space-between;
    width: 50%;
    height: 305px;
    overflow: hidden;
    cursor: pointer;
}

.ss-image-bloc {
    width: 50%;
    position: relative;
    overflow: hidden;
    margin-right: 20px;
}

.ss-image-bloc:last-child {
    margin-right: 0;
}

.content-bloc-galerie:nth-child(2n+2) .ss-image-bloc {
    margin-right: 0;
    margin-left: 20px;
}

.content-bloc-galerie:nth-child(2n+2) .ss-image-bloc:first-child {
    margin-left: 0;
}

.content-bloc-galerie:nth-child(2n+2) {
    flex-direction: row-reverse;
    margin-top: 6px;
}

.image-chambre {
    width: 100%;
}

.inner-page .conteneur-banniere {
    min-height: 380px;
    background: url(../images/bannieres/inner-banner.jpg);
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
}

.recapitulatif .conteneur-banniere {
    height: auto;
    min-height: unset !important;
    margin-bottom: 124px;
}

.inner-banner {
    width: 83%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    color: rgb(185 158 81);
    font-variant: small-caps;
    padding-top: 50px;
    text-shadow: 1px 1px #000;
    color: #fff;
}

.inner-banner.restaurant-banner {
    text-align: center;
}

.inner-banner h1 {
    font-size: 50px;
    margin-bottom: 0;
}

.fil-arianne ul {
    list-style: none;
    padding: 0;
}

.fil-arianne li {
    display: inline;
    padding-right: 20px;
    position: relative;
    font-size: 19px;
}

.fil-arianne li::after {
    font-family: 'FontAwesome';
    content: '\f105';
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 4px;
}

.fil-arianne li:last-child:after {
    display: none;
}

.inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-us .inner-container {
    width: 80%;
    margin: 0 auto;
}

.about-us .inner-container .bloc-left-right {
    display: none;
}

.bloc-left-wrapper, .bloc-left-right {
    width: 50%;
}

.bloc-left-wrapper {
    width: 41%;
    padding: 20px 0;
}

.about-us .bloc-left-wrapper {
    width: 100%;
    margin: 0 auto;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.bloc-left-right {
    padding: 19px 30px 0;
}
.container-aboutus {
    padding: 30px 0;
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-modal-inner button.mfp-close {color: #fff;}

.content-text {
    line-height: 1.9;
    margin-top: 42px;
    text-align: justify;
}

.about-us .content-text {
    text-align: center;
    max-width: 84%;
    margin: 0 auto;
}

.bloc-left-wrapper img {
    min-height: 600px;
}

.content-btn-learn-more a {
    padding: 10px 12px;
    margin-right: 20px;
    background: rgb(0 0 0);
    border-radius: 5px;
    /* color: #fff; */
    background: rgb(181,153,76);
    background: -moz-linear-gradient(90deg, rgba(181,153,76,1) 0%, rgba(238,228,154,1) 35%, rgba(169,137,59,1) 100%);
    background: -webkit-linear-gradient(
90deg
, rgb(181 153 76) 0%, rgb(238 228 154) 35%, rgb(169 137 59) 100%);
    background: linear-gradient(
90deg
, rgb(181 153 76) 0%, rgb(238 228 154) 35%, rgb(169 137 59) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5994c",endColorstr="#a9893b",GradientType=1);
    font-weight: 600;
    transition: all linear .3s;
    border: 1px solid transparent;
}


.content-btn-learn-more {
    margin-top: 50px;
}

.content-btn-learn-more {
    margin-top: 50px;
    text-align: center;
}

.content-btn-learn-more a:first-child {
    background: none;
    border: 1px solid rgb(181,153,76);
    color: rgb(181,153,76);
}

.content-btn-learn-more a:first-child:hover {background: rgb(181,153,76);background: -moz-linear-gradient(90deg, rgba(181,153,76,1) 0%, rgba(238,228,154,1) 35%, rgba(169,137,59,1) 100%);background: -webkit-linear-gradient(
90deg
 , rgb(181 153 76) 0%, rgb(238 228 154) 35%, rgb(169 137 59) 100%);background: linear-gradient(
90deg
 , rgb(181 153 76) 0%, rgb(238 228 154) 35%, rgb(169 137 59) 100%);color: #000;transition: all linear .3s;}

.content-btn-learn-more a:hover {
    background: none;
    border: 1px solid rgb(181,153,76);
    color: rgb(181,153,76);
    transition: all linear .3s;
}

.container-all-rooms {
    padding: 40px 0;
}

.container {
    width: 83%;
    margin: 0 auto;
    /* position: relative; */
    z-index: 20;
}

.container-menu .container {
    display: flex;
    align-items: end;
    width: 93%;
    flex-wrap: wrap;
    justify-content: center;
}

.lacarte-- .container {
    width: 76%;
    margin: 0 auto;
    background: rgb(0 0 0);
    padding: 40px;
    position: relative;
}

.lacarte-- .container:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    opacity: 0;
}

.container-contact-form .container {
    display: flex;
    justify-content: space-between;
}

.room-inner {
    display: flex;
    /* align-items: center; */
    background: rgb(97 97 97 / 6%);
}

.image-room {
    width: 33.33%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.detail-room {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    height: 100%;
    padding: 20px 25px;
    /* background: rgb(97 97 97 / 6%); */
}

.inner-detail-room {position: relative;height: 100%;}

h5.title-room {
    font-size: 21px;
    margin: 0;
    color: #242424;
    padding: 0;
    text-transform: capitalize;
}

.title-room span {
    padding-top: 4px;
    display: block;
    font-size: 14px;
}

.title-room {
    position: relative;
    padding-bottom: 10px;
}

.title-room:after {
    position: absolute;
    content: '';
    height: 4px;
    top: 100%;
    width: 81px;
    background: #ffc107;
}

h5.title-room:after {
    display: none;
}

.room-info p {
    line-height: 1.7;
    margin: 22px 0 20px;
    min-height: 104px;
}

.content-facilitation-accomodation {position: relative;bottom: 0;margin-top: 30px;}

.content-price-button {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    padding: 0 15px;
    background: rgb(241 241 241);
    border-left: 1px solid rgb(255 255 255);
    position: relative;
}

.content-price-button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    content: "";
    display: inline-block;
    background: -moz-linear-gradient(left,rgba(33,30,25,.1) -100%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgb(33 30 25 / 10%) -100%,rgb(0 0 0 / 0%) 100%);
    background: linear-gradient(to right,rgb(33 30 25 / 10%) -100%,rgb(0 0 0 / 0%) 100%);
}

.inner-wrapper {
    height: 100%;
    border-left: none;
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-inner-price small {
    text-align: center;
    /* margin-bottom: 40px; */
    position: relative;
    font-size: 15px;
    right: 6px;
}

.content-inner-price .price {
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    position: relative;
    display: inline;
}

.content-inner-price {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    align-items: center;
}

.content-inner-price span {
    font-size: 13px;
}

.content-btn a, .content-btn button {
    padding: 10px 12px;
    margin-top: 32px;
    display: block;
    background: #ffc107;
    border-radius: 3px;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid transparent;
    text-align: center;
}

#transaction .content-btn a {
    display: inline;
}

#transaction .content-btn {
    text-align: left;
}

.content-flex-box .content-btn button {

width: 100%;

cursor: pointer;
}

.content-price-button .inner-wrapper a {
    margin: 0;
}

.content-btn a:hover, .content-btn button:hover {
    background: transparent;
    color: #ffc107;
    border: 1px solid #ffc107;
}

.rooms-wrapper {
    margin-bottom: 30px;
}

.inner-wrapper- {
    display: flex;
}

.content-bloc-left {
    width: 56%;
}

.container-restaurant {
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
    /* display: none; */
}

.content-bloc-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 38%;
}

.container-presentation {
    padding: 115px 0;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    position: relative;
    /* display: none; */
}

.container-presentation .container {
    position: relative;
}

.container-presentation:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 62%);
}

h2.second-title {font-size: 37px;color: #ffc107;font-family: 'Playfair Display', serif;font-style: italic;font-weight: bold;}

.restaurant h2.second-title {
    font-size: 40px;
    line-height: 1;
}

.container-presentation p {
    width: 93%;
    margin: 0 auto;
    line-height: 2;
    color: #fff;
}

.content-menu-wrapper {-ms-flex: 0 0 48%;flex: 0 0 48%;max-width: 48%;margin-bottom: 15px;padding: 0 9px;}

.content-menu-wrapper--.content-menu-wrapper .content-menu-wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
    padding: 0 20px;
}

.content-menu-wrapper--.content-menu-wrapper {
    width: 100% !important;
    max-width: 100%;
}

.content-menu-wrapper--.content-menu-wrapper[data-part] {
    display: none;
}

.content-menu-wrapper--.content-menu-wrapper.active-tab {
    display: block;
}

.content-menu-wrapper[data-categorie="Entree"] {

    display: block;
}

.content-list-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    /* margin-top: 42px; */
    justify-content: space-between;
}

.container-menu-restaurant .content-list-menu {
    margin-top: 45px;
}

.menu-item {
    padding-top: 2rem!important;
}

.line-name-price {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    width: 100%;
    display: flex;
    z-index: 99;
    justify-content: space-between;
}

.line-name-price:after {
    content: '';
    height: 5px;
    width: 100%;
    left: 0;
    top: 9px;
    position: absolute;
    content: "";
    z-index: -9;
    border-bottom: 2px dotted rgb(255 255 255 / 61%);
    /* opacity: 0; */
}

.line-name-price span {
    position: relative;
    width: 100%;
    display: inline-block;
    z-index: 99;
    /* background: rgb(0 0 0); */
}

.line-name-price span {
    text-align: left;
    /* padding-left: 6px; */
    font-weight: 600;
    width: auto;
    padding-right: 7px;
    color: rgb(255 255 255);
    font-size: 14px;
    line-height: 1.5;
    background: #000;
}

.line-name-price span:last-child {
    text-align: right;
    padding-right: 0;
    padding-left: 7px;
    color: #ffc107;
    font-size: 19px;
    white-space: nowrap;
}

.menu-item p {
    width: 100% !important;
    line-height: 1.5;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0;
    color: rgb(255 255 255);
}

.content-nav-categorie li {
    margin-right: 10px;
    display: inline;
    cursor: pointer;
}

.content-nav-categorie li.active-categorie, .content-nav-categorie li.active-categorie:hover {
    color: #ffc107;
}

.content-nav-categorie {
    margin-top: 50px;
    text-align: center;
}

.content-nav-categorie ul {
    padding: 0;
}

.container-menu {
    padding: 40px 0;
}

.container-menu.responsive-version {
    display: none;
}

.container-map iframe {
    width: 100%;
    max-height: 500px;
}

.inner-inner-bloc-left {
    /* display: flex; */
}

.content-bloc-wrapper-contact {
    position: relative;
    top: -43px;
    padding: 40px 44px;
    background: rgb(192 146 7);
    background: -moz-linear-gradient(90deg, rgba(181,153,76,1) 0%, rgba(238,228,154,1) 35%, rgba(169,137,59,1) 100%);
    /* background: -webkit-linear-gradient(
90deg
, rgb(181 153 76) 0%, rgb(238 228 154) 35%, rgb(169 137 59) 100%); */
    /* background: linear-gradient(
90deg
, rgb(181 153 76) 0%, rgb(238 228 154) 35%, rgb(169 137 59) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5994c",endColorstr="#a9893b",GradientType=1);
    width: 30%;
    margin-right: 20px;
    color: #fff;
    }

.content-small-title a {
    display: block;
    margin-top: 10px;
}

.content-small-title h5 {
    font-size: 20px;
    margin-bottom: 12px;
}

.content-small-title li {
    display: inline-block;
    margin-right: 20px;
}

.content-small-title i {
    border: none !important;
}

.content-small-title ul {
    padding: 0;
}

.contact-form-right .titre-up {
    font-size: 15px;
}

.contact-form-right {
    width: 64%;
}

input.form-control, .content-line-form input, .content-line-form textarea, textarea.form-control, select#event_type, #autre-information input {
    height: 50px;
    border-radius: 3px;
    padding: 0 20px;
    font-weight: 500;
    line-height: normal;
    border: none;
    border: 1px solid rgb(0 0 0 / 0%);
    font-size: 14px;
    background: rgb(216 216 216 / 23%);
    width: 100%;
    margin-top: 20px;
    font-family: inherit;
    appearance: none;
}

.content-line-form textarea {
    height: auto;
    padding: 20px;
}

.content-input {
    width: 48%;
}
.container-contact-form {
    padding-bottom: 30px;
}
.content-line-form {
    display: flex;
    justify-content: space-between;
}

.content-form {
    margin-top: 20px;
}

.content-slide-form .content-form {
    margin: 0;
    width: 30%;
}

h2.title {
    font-family: 'Playfair Display';
    font-size: 30px;
    margin-top: 0;
    position: relative;
}

h2.title:after {
    position: absolute;
    content: '';
    top: 120%;
    height: 3px;
    width: 100px;
    background: #fff;
    left: 0;
    opacity: .8;
}

.content-progressbar img {
    /* width: 30%; */
}

.inner-loader-right {
    display: flex;
    align-items: center;
    justify-content: left;
}

.content-progressbar {
    width: 30%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-what-offer {
    background: rgb(42 40 40 / 4%);
    border-top: 2px solid rgb(42 40 40 / 20%);
    border-bottom: 2px solid rgb(42 40 40 / 20%);
    position: relative;
}

.container-what-offer:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset -1px 1px 20px 0px hsl(0deg 0% 0% / 34%);
}

.item-offer {
    border-top: 1px solid rgb(169 172 181 / 20%);
    padding-top: 4rem;

    padding-bottom: 4rem;
    position: relative;
    display: flex;
    padding: 1rem 2rem;
}

.item-offer:before {
    background: rgb(247 247 247);
    content: attr(data-approach);
    color: rgb(218 165 32);
    margin-top: -.9rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: absolute;
    top: -5px;
    left: 0;
    font-size: 30px;
    border: 1px solid;
}

.item-offer:after {
    background-color: rgb(218 165 32);
    content: '';
    height: 1px;
    margin-top: -1px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    left: 3rem;
    width: 4rem;
    z-index: -1;
}

.content-up--, .content-down-- {
    -ms-flex: 0 0 50%;
    flex: 0 0 60%;
    max-width: 60%;
}

.content-down-- p {
    line-height: 1.8;
}

.title-offer {
    font-size: 28px;
    font-family: 'Playfair Display';
    color: rgb(218 165 32);
}

.content-up-- {
    -ms-flex: 0 0 50%;
    flex: 0 0 40%;
    max-width: 40%;
}

.Content-inner-what-offer {
    margin-top: 80px;
}

.container-chiffres-cles {
    background-position: center center;
    background-size: cover;
    padding: 160px 0;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.chiffre-wrapper {
    position: relative;
    width: 180px;
    height: 180px;
    text-align: center;
    margin: 0 -15px;
    border-radius: 50%;
}

.chiffre-wrapper {
    position: relative;
    width: 180px;
    height: 180px;
    text-align: center;
    margin: 0 -15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chiffre-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 50%;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    background: #ff9800;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc;});
    filter: alpha(opacity=${opperc;});
}



.content-chiffre {
    color: rgb(0 0 0);
    font-weight: 600;
    position: relative;
}

.content-chiffre span {
    display: block;
}

span.chiffre {
    font-size: 50px;
}

.content-chiffre-cle {
    display: flex;
    justify-content: space-around;
}

.list-elt {
    display: flex;
}

.content-bloc-elt {
    width: 33%;
    position: relative;
}

.content-bloc-elt:before {
    position: absolute;
    content: "";
    width: 1px;
    left: 0;
    top: 94px;
    background: rgb(194 164 118 / 30%);
    bottom: 0;
}

.content-bloc-elt:first-child:before {
    display: none;
}

.icone-elt {
    width: 86px;
    margin: 0 auto;
}

.inner-elt {
    text-align: center;
    padding: 0 15px;
}

.inner-elt p {
    line-height: 1.8;
    font-size: 14px;
}

.inner-elt h5 {
    font-size: 22px;
    margin: 15px 0 0;
    font-variant: small-caps;
    color: rgb(181 153 76);
}

.container-elt-conference{
    padding: 30px 0;
}

.container-bloc-image-professionel {
    padding: 129px 0;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    background: rgb(23 23 23 / 7%);
    border-bottom: 2px solid rgb(128 128 128);
}

.container-bloc-image-professionel:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(0 0 0 / 69%);
    display: none;
}

.content-right-text-bloc {
    position: relative;
    color: rgb(0 0 0);
    font-size: 17px;
    text-align: center;
    width: 72%;
    margin: 0 auto;
    line-height: 1.6;
    font-weight: 600;
    z-index: 20;
}

.container-galerie-professionel {
    padding: 30px 0;
}

.content-header-normal.fixed {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
}

.fixed .conteneur-superheader {
    display: none !important;
}

.form-left {
    width: 55%;
    /* padding: 30px 0; */
}

.content-form-reservation-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}

.header-form h5 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 0;
    color: rgb(235 183 26);
    font-variant: small-caps;
    margin-top: 0;
}

.form-left {
    /* margin-top: 45px; */
}

.form-group {
    display: flex;
}

.form-input {
    width: 50%;
    margin-right: 15px;
}

.form-group .form-input:last-child {
    margin-right: 0;
}

form#form-reservation-wrapper {
    width: 100%;
}

#form-reservation-wrapper .form-input textarea {
    min-height: 200px;
    height: auto !important;
    padding: 20px;
}

.container-formulaire-reservation {
    border-top: 2px solid rgb(0 0 0 / 15%);
    background: rgb(0 0 0 / 4%);
    padding: 30px 0;
    border-bottom: 2px solid rgb(0 0 0 / 15%);
}

.content-cta {
    width: 38%;
    text-align: center;
    padding: 79px 0;
    background: rgb(235 183 26);
    /* margin-top: 49px; */
}

.content-cta p {
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

.inner-cta h5 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 15px;
}

#form-reservation-wrapper .content-btn-chambre {
    text-align: center;
    display: block;
}

#form-reservation-wrapper .content-btn-chambre button {
    display: inline-block;
    font-size: 20px;
}

.next-slide, .prev-slide {
    position: absolute;
    bottom: 0;
    top: 54%;
    z-index: 100000;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    width: 50px;
    display: block !important;
    /* align-items: center; */
    /* justify-content: center; */
    background: #ffc107;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
}

.next-slide {
    right: 10px;
}

.prev-slide {
    left: 10px;
}

.content-left-menu {
    width: 100%;
    margin-right: 20px;
}

.content-image-list-menu {
    width: 38%;
    margin-top: 78px;
}

.container-bloc-image-professionel .content-btn a {
    display: inline-block;
    color: rgb(0 0 0);
}

.container-pro-fam .container {
    width: 100%;
}

.content-bloc-professionnel {
    display: flex;
    align-items: center;
}

.content-bloc-professionnel:nth-child(2) {
    flex-direction: row-reverse;
}

.content-bloc-pro-left, .content-right-pro {
    width: 50%;
    position: relative;
}

.content-text-pro {
    padding: 20px;
}

.content-text-pro ul, .content-text-pro li {
    list-style: circle !important;
}

.content-text-pro li {
    padding-bottom: 10px;
}

.content-text-pro p {
    line-height: 1.5;
}

@media only screen and (max-width:1100px){
    .container {
        width: 98%;
    }

    .room-info p {
        font-size: 14px;
        line-height: 1.4;
    }

    .title-room span {
        font-size: 12px;
    }
}

.content-big-navigation li {
    display: inline;
    padding: 0 10px;
    font-weight: 600;
    font-size: 20px;
    border-right: 2px solid rgb(0 0 0);
    box-sizing: border-box;
    cursor: pointer;
}

.content-big-navigation li.active-categorie, .content-big-navigation li:hover {
    color: #ffc107;
}

.content-big-navigation li:last-child {
    border-right: none;
}

.content-big-navigation {
    text-align: center;
    margin: 50px 0 30px;
}

.content-titre-menu {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 2px solid;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
    color: #ffc107;
}

.content-list-corps-mod {
    width: 85%;
    margin: 0 auto;
}

.tab-nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  padding-top: 43px;
  flex-wrap: wrap;
}

.tab-body ul.tab-nav {
    padding-top: 30px;
    border-top: 2px solid #ffc107;
}
.tab-nav-item.active .tab-nav-link {
  color: #ffc107;
  z-index: 100;
}
.tab-nav-link {
  display: block;
  padding: 11px 20px;
  /* background-color: #f5f5f5; */
  /* border: 1px solid #ccc; */
  /* border-radius: 5px 5px 0 0; */
  font-weight: 600;
  border-right: 2px solid;
  border-left: 2px solid;
  margin-left: -2px;
  color: #fff;
}

.tab-nav .tab-nav-item:last-child a.tab-nav-link {
    border-right: none;
}

.tab-body a.tab-nav-link {
    padding: 7px 15px;
    font-size: 13px;
    border: none;
    position: relative;
}

.tab-body a.tab-nav-link:after {
    position: absolute;
    content: '-';
    right: 0;
    top: 6px;
    bottom: 0;
}

.tab-body .tab-nav .tab-nav-item:last-child a.tab-nav-link:after {
    display: none;
}
.tab-body {
  /* background-color: #fff; */
  padding: 0 10px;
  /* border: 1px solid #ccc; */
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}

.content-right-pro:before, .content-right-pro:last-child:before {position: absolute;content: '';left: 0;border-left: 20px solid #ffc107;border-top: 20px solid rgb(255 0 0 / 0%);border-bottom: 20px solid rgb(0 128 0 / 0%);top: 45%;z-index: 10;}

.content-bloc-professionnel.weeding- .content-right-pro:before {
    right: 0;
    left: unset;
    border-left: unset;
    border-right: 20px solid #ffc107;
}

.content-bloc-professional.weeding- .content-right-pro:last-child:before {
    right: 0;
    border-left: 0;
    border-right: 20px solid rgb(255 255 255);
    left: 100%;
}

div#two-inputs {
    width: 50%;
    display: flex;
    margin-right: 10px;
}

div#two-inputs .input-wrap {
    width: 50%;
    /* flex: 0 0 50%; */
    position: relative;
}

.date-picker-wrapper {
    max-width: 33%;
    z-index: 999;
}

.content-list-loisir {
    display: flex;
    margin-top: 40px;
}

.loisir-wrapper {
    position: relative;
    margin: 0 10px;
}

.loisir-wrapper:hover .loisir-content {
    transition: all ease-in-out 0.9s;
    max-height: unset;
}

.loisir-wrapper:hover .loisir-content p {
    transition: all ease-in-out 0.5s;
    transform: translateY(0%);
}

.loisir-wrapper:hover .imga-loisir img {
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}

.imga-loisir img {
    transition: all ease-in-out 0.5s;
    width: 100%;
}

.loisir-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-align: center;
    background: rgb(255 255 255);
    width: calc(100% - 60px);
    padding: 20px 0;
    z-index: 2;
    max-height: 80px;
    overflow: hidden;
    transition: all ease-in-out 0.9s;
}

.loisir-content p {
    /* display: none; */
    transform: translateY(100%);
    font-size: 13px;
    line-height: 1.6;
    padding: 0 10px;
    transition: all ease-in-out 0.5s;
    font-style: italic;
}

.container-loisir {
    padding: 30px 0;
}

.loisir-wrapper h4 {
    text-transform: uppercase;
    font-size: 17px;
    /* line-height: 1; */
    margin: 0;
}

.inner-loisir {
    border-radius: 5px;
    overflow: hidden;
}

.content-list-garniture p {
    color: #fff;
    font-style: italic;
    font-size: 13px;
}

.content-inner-wrapper {
    width: 80%;
    margin: 0 auto;
    position: relative;
    background: #fff;
}

.content-modal-inner {
    /* padding: 20px; */
    background: rgb(42 41 41);
    color: #ffc107;
}

d {}

.content-up-modal {
    display: flex;
    padding-bottom: 20px;
}

.content-bloc-left-modal {
    width: 56%;
    padding: 0 10px;
}

.content-list-advantages {
    width: 40%;
    padding: 0 20px;
}

.header-modal {
    padding: 10px 20px;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 33px;
    margin-bottom: 40px;
}

#reponse_validation .header-modal {
    margin-bottom: 0;
    background: #ffc107;
}

.content-icon {
    margin-right: 10px;
    width: 20px;
}

.ligne-avantage {
    display: flex;
    align-items: center;
    /* width: 53%; */
    /* flex-wrap: wrap; */
    margin-bottom: 10px;
}

.ligne-avantage span {
    font-size: 15px;
}

.list-avantage {
    /* display: flex; */
    flex-wrap: wrap;
}

.content-thumbnail {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

.content-img {
    width: 100px;
    margin: 0px 9px;
}

.content-right-pro .content-img {
    width: 100% !important;
    margin: 0;
}

.content-formulaire-banniere .content-btn {
    width: 100%;
}

.content-inner-wrapper .content-inner-detail-reservation {
    padding: 0 20px 20px;
}

.titre-bloc-- h6 {
    margin: 0;
    color: #ffc107;
    font-size: 29px;
}

.content-flex-box {
    display: flex;
    align-items: flex-start;
}

.date-range-reservation_ {
    width: 28%;
    margin-right: 15px;
    padding: 20px;
    background: rgb(28 27 27);
}

.titre-bloc-- {
    font-size: 30px;
    font-family: 'Playfair Display';
    text-align: center;
}

.titre-bloc-- p {
    margin-top: 10px;
    color: #ffc107;
    padding: 0 10px;
}

.content-wrapper-- {
    display: flex;
    justify-content: space-between;
}

.content-bloc-date {
    width: 49%;
    text-align: center;
    padding: 15px;
    color: gold;
    background: rgb(9 8 5);
}

.jour {
    font-size: 54px;
    font-weight: 600;
    color: gold;
    font-style: normal;
}

.inner-bloc-date span {
    font-variant: small-caps;
    font-size: 14px;
}

.inner-bloc-date {
    color: #fff;
    opacity: .8;
}

.content-inner-date {
    font-style: italic;
    font-size: 13px;
}

.bloc-invite {
    padding: 20px 24px;
    text-align: center;
    color: #fff;
    width: 49%;
    background: rgb(9 8 5);
    margin-top: 6px;
}

.bloc-invite span {
    width: 100%;
    display: block;
    font-style: italic;
    font-size: 13px;
}

.bloc-invite span:first-child {
    color: #ffc107;
    font-size: 66px;
    font-weight: 600;
    font-style: normal;
}

.message-bloc {
    padding: 10px;
    line-height: 1.5;
    background: #8bc34a;
    color: #fff;
    font-size: 15px;
    display: none;
}

.content-right-bloc-reservation {
    width: 71%;
}

.content-titre-extra h4, .content-form-customer h3 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 600;
}

.content-list-extra {
    margin-top: 10px;
}

.content-montant {
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}

.bloc-date-wrapper- {
    margin-top: 20px;
}

.prix-total {
    margin-top: 10px;
    position: relative;
}

.prix-total span {
    position: absolute;
    font-size: 16px;
    font-weight: 300;
}

.content-btn {
    text-align: center;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.space-between {
    justify-content: space-between;
}

.content-description-img.flex.space-between {
    padding: 50px 0;
    align-items: center;
}

.space-beetween {
    justify-content: space-between;
}

.detail-chambre .content-btn {
    text-align: left;
}

.content-icon- {
    width: 28px;
}

.content-icon- svg {
    fill: #4caf50;
}

.container-recap .content-input-extra label , .content-final-paiement label {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: rgb(76 175 80);
}

.content-final-paiement {
    margin-top: 20px;
}

.content-list-informations {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.content-image-chambre-resa {
    margin-top: 20px;
}
.ligne-recap-info {
    width: 33%;
    margin-bottom: 20px;
}

.ligne-recap-info.message- {
    width: 100%;
}

.valeur {
    font-weight: 600;
    line-height: 1.8;
}

ul#onglet-moyen-paiement {margin: 0;padding: 0;list-style: none;display: flex;align-items: center;}

ul#onglet-moyen-paiement img {
    width: 100px;
}

ul#onglet-moyen-paiement li[data-onglet='description-hotel'] img {
    width: 64px;
}

ul#onglet-moyen-paiement li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16%;
    height: 100px;
    padding: 5px;
    background-color: rgb(250 250 250);
    border-bottom: 1px solid rgb(235 235 235);
    border-top: 1px solid rgb(235 235 235);
    cursor: pointer;
}

#onglet-moyen-paiement li.actif {
    background-color: rgb(255 255 255);
    border-bottom: none;
    box-shadow: inset 0 6px 0 #ffeb3b;

    border-top: 2px solid #ffeb3b;
}

.icone_paiement {
    display: none;
}

div#conteneur-bloc-paiement {
    margin-top: 20px;
}

.inner-reponse-validation {
    width: 50%;
    background: #fff;
    margin: 0 auto;
}

.body-modal {
    padding: 73px 20px;
    text-align: center;
    position: relative;
}

.content-btn .mfp-close {
    position: relative;
    width: 100%;
    line-height: initial;
    display: inline-block;
    margin-top: 0px;
    opacity: 1 !important;
}

.body-modal .content-btn {
    position: absolute;
    left: 0;
    opacity: 1;
    right: 0;
    top: unset;
    bottom: 0;
}
.container-menu .content-list-categorie {
    display: none !important;
}
.prix-reservation {
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    position: relative;
    display: inline-block;
    font-size: 22px;
}

.prix-reservation:after {
    position: relative;
    content: '';
    padding-left: 4px;
}

button.owl-prev, button.owl-next {
    position: absolute;
    top: 34%;
    font-size: 20px;
}

button.owl-prev span, button.owl-next span {
    font-size: 75px;
}

button.owl-prev {
    left: -60px;
}

button.owl-next {
    right: -60px;
}

body.inner-page.lacarte-- .desctiption-logo {
    display: block !important;
    color: #fff;
    white-space: nowrap;
    margin-top: 10px;
}

body.inner-page.lacarte-- .desctiption-logo i {
    padding-right: 10px;
}

.content-btn-bloc {
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    margin: 0 20px;
    border-radius: 5px;
    max-width: 100%;
    margin-bottom: 20px;
}


.content-btn-bloc img {
    display: block;
    width: 100%;
}

.content-btn-bloc  a {
    text-align: center;
}

.lacarte-- .content-icon- {
    width: 120px;
    margin: 0 auto;
}

.content-btn-bloc h5 {
    font-size: 25px;
    font-variant: small-caps;
    margin: 0;
}
.content-link {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    z-index: 1000;
    width: 100%;
    text-decoration: underline;
}

.lacarte-- .content-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
}

body.inner-page.room-directory--.lacarte-- {
    color: #fff;
}

body.inner-page.room-directory--.lacarte-- h1 {
    color: rgb(188 142 27);
    border-bottom: 2px solid;
}

body.inner-page.room-directory--.lacarte-- li {
    list-style: square;
}

body.inner-page.room-directory--.lacarte-- ol {
    padding-left: 20px !important;
    line-height: 1.5;
}

body.inner-page.room-directory--.lacarte-- table {
    max-width: 100%;
    overflow-x: auto;
    padding: 0 20px;
}

body.inner-page.room-directory-- .lacarte-- {
    margin: 0 !important;
  }


.inner-modal-pub {
    width: 40%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.inner-modal-pub button {
    position: absolute;
    top: 10px;
    right: 30px;
    color: #fff !important;
    font-size: 18px;
}

@media only screen and (max-width:600px){
.inner-modal-pub {
    width: 95%;
}

.inner-modal-pub button {
    top: 5px;
    right: 15px;
    font-size: 13px;
}

.container-loisir .owl-nav {
    display: none !important;
}

}


.container-restaurant-menu {
    padding: 50px 0;
    background: #f5f5f5;
}



.linne-button {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.space-around {
    justify-content: space-around;
}

.content-list-news {justify-content: space-between;}

.sperator {
    padding: 40px 10px;
    font-size: 50px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
}

.sperator:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 300px;
    background: #d8d8d8;
    top: 45%;
    left: -83px;
    /* right: 0; */
    margin: 0 auto;
    display: none;
}

.qrcode-img {
    width: calc(100% - 80%);
    margin: 0 auto;
}
.content-left {
    width: 50%;
}

.content-left .content-btn {
    display: inline-block;
    margin-top: 20px;
}

.content-left .conent-btn {
    display: block;
    width: auto;
}

.content-left p {
    line-height: 1.7;
    text-align: left;
}

.content-left .content-btn a {display: inline;}

.content-right {
    width: 36%;
}

.container-horaires .content-right, .container-horaires .content-left {
    width: 71%;
    text-align: center;
    margin-bottom: 20px;
}

ul#menu_header li ul {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    background: #fff;
    top: 180%;
    visibility: hidden;
    opacity: 0;
    transition: linear .3s;
}

ul#menu_header > li:hover ul {
    top: 110%;
    visibility:visible;
    opacity:1
}

ul#menu_header li ul li {border-bottom: 1px solid #ba9f52;}

ul#menu_header li ul li a {
    color: #000 !important;
}

ul#menu_header li ul li:hover {
    background: #ae8f41;
}

ul#menu_header li ul li:hover a {
    color: #fff !important;
}

.icoe svg {
    width: 100%;
    height: auto;
}

.icoe {
    width: 50px;
    opacity: 0.5;
}

.item-complent p {
    margin-top: 0;
}

.item-complent .content-text {
    margin: 0;
    width: calc(100% - 70px );
    line-height: 1.5;
    margin-left: 19px;
    text-align: left;
}

.item-complent {
    margin-top: 20px;
    margin-right: 15px;
    align-items: center;
}

.item-complent:last-child {
    margin-right: 0;
}

.item-complent:nth-child(n+2) {
    width: 23%;
}

.line-horaire p {
    margin-top: 0;
}

.content-horaire {
    width: 70%;
    margin: 0 auto;
}

.container-horaires {
    padding: 40px 0;
    border-bottom: 2px solid #d8d8d8;
    border-top: 2px solid #d8d8d8;
}

.container-brunch {
    background: #f5f5f5;
}
.line-horaire.flex.space-between {
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px;
    padding-top: 10px;
}
.content-header-normal.fixed .logo {
    width: 74px;
    margin-bottom: 10px;
}
/*--------------------------------------------------------*/
.home-page
.background {
  background: url('https://images.pexels.com/photos/1095624/pexels-photo-1095624.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260')
    center top no-repeat #252746;
  background-size: cover;
  display: block;
  width: 100%;
  height: 1000px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

.home-page .background-texture {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#0f0140e6),
    to(rgba(255, 214, 117, 0.9))
  );
  background: linear-gradient(to top, #0f0140e6, rgba(255, 214, 117, 0.9));
  background-size: cover;
  width: 100%;
  height: 1000px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

.home-page .carousel {
  width: 100%;
  overflow-x: scroll;
  padding: 30px;
  padding-top: 80px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.home-page  .carousel__container {
  white-space: nowrap;
  margin: 70px 0px;
  padding-bottom: 10px;
  display: inline-block;
}

.home-page .categories__title {
 color: rgb(77, 55, 102);
  font-size: 28px;
  position: absolute;
  padding-left: 30px;
}

.home-page .carousel-item {
  width: 200px;
  height: 250px;
  border-radius: 20px;
  background-color: #95bcd6;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 70px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: 1000ms all;
  transition: 1000ms all;
  -webkit-transform-origin: center left;
  transform-origin: center left;
  position: relative;
}

.home-page .carousel-item:hover ~ .carousel-item {
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}

.home-page .carousel__container:hover .carousel-item {
  opacity: 0.3;
}

.home-page .carousel__container:hover .carousel-item:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 1;
}

.home-page .carousel-item__img {
  width: 200px;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
}

.home-page .carousel-item__details {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.9)),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  font-size: 10px;
  opacity: 0;
  -webkit-transition: 450ms opacity;
  transition: 450ms opacity;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.home-page .carousel-item__details:hover {
  opacity: 1;
}

.home-page .carousel-item__details span {
  /* width: 10px;
  height: 10px; */
  font-size: 0.9rem;
  color: #2ecc71;
  /* background-color: white; */
}

.home-page .carousel-item__details .controls {
  padding-top: 180px;
}

.home-page .carousel-item__details .carousel-item__details--title, .home-page
.carousel-item__details--subtitle {
  color: #fff;
  margin: 5px 0;
}


.home-page .grid {
  display: grid;
  grid-template-rows:
    repeat(4, 180px);
  grid-template-columns:
    repeat(3, 1fr);
  grid-gap: 5px;
}

.home-page .item:nth-child(1) {
  grid-row: 1 / 4;
}

.home-page .item:nth-child(2) {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
}

.home-page .item:nth-child(3) {
  grid-column: 3 / 4;
  grid-row: 3 / 5;
}

.home-page .item:nth-child(4) {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}

.home-page .item:nth-child(5) {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
}

/* styling code */

.home-page .grid {
  margin:20px auto;
  max-width:1000px;
}

.home-page .grid > .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content-description-about-us iframe {
    width: 100%;
}

.description-content-wrapper {
    text-align: center;
    width: 83%;
    margin: 0 auto;
}

.description-content-wrapper p {
    line-height: 1.6;
}

.inner-presentation p {
    font-size: 22px;
    font-variant: initial;
    font-style: italic;
    max-width: 80%;
    margin: 0 auto;
}

.inner-presentation p br {
    margin-bottom: 20px;
    display: block;
    padding-bottom: 20px;
}
.restaurant .content-button a {
    margin-top: 30px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid transparent;
    display: inline-block;
    background: #cda019;
    text-shadow: none;
    transition: .3s;
}

.restaurant .content-button a:hover {
    background: transparent;
    border-color: #cda019;
}

.content-left-brunch {
    width: 66.66%;
}

.content-description-brunch {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-brunch {
    padding: 40px 46px;
    background: #fff;
    margin-left: -45%;
    display: block;
    width: 106%;
    text-align: left;
}

.inner-brunch .content-button {
    text-align: left;
}

.inner-brunch .content-button a, .container-menu-restaurant .left-categorie a {
    margin-top: 10px;
    font-size: 16px;
    text-transform: none;
}

.inner-brunch p {
    line-height: 1.5;
    opacity: .7;
}

.container-brunch-restaurant {
    background: #f4f4f4;
    border-top: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
}

.content-title h2 {
    line-height: 1;
    text-transform: uppercase;
    font-size: 27px;
    margin: 10px 0 0 0;
    color: #f1d008;
    font-family: 'Playfair Display', serif;
    font-size: 37px;
    color: #DAA520;
}

.content-title span {
    text-transform: uppercase;
    line-height: 1;
    color: rgb(134 134 134);
    font-size: 17px;
}

.content-categories-menu {
    flex-wrap: nowrap;
    margin-top: 15px;
    align-items: center;
    text-align: left;
}

.content-categories-menu:nth-child(2n+2) {flex-direction: row-reverse;}

.left-categorie, .right-categorie {
    width: 52%;
}

.right-categorie {
    width: 48%;
}

.left-categorie {
    padding: 40px 50px 40px 0;
}

.content-categories-menu:nth-child(2n+2) .left-categorie {
    padding-left: 50px;
    padding-right: 0;
}

.left-categorie p {
    line-height: 1.5;
}

.container-horaires .container.flex.space-between {
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}

.content-complents {
    display: flex;
    flex-wrap: wrap;
}

.content-left h3,.content-right h3 {
    font-size: 24px;
    line-height: 1;
}

div#menu-restaurant {
    padding: 40px 0;
}

.container-news-wrapper .container {
    width: 85%;
}

.blog-wrapper {
    background: #fafafa;
    margin-top: 30px;
    overflow: hidden;
    width: 32.33%;
}

.blog-title h4 {
    margin-bottom: 15px;
    font-size: 20px;
    margin-top: 15px;
}

.categorie-blog {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.categorie-blog a {
    font-weight: 600;
    color: #828282;
}

.categorie-blog a:hover, .blog-title a:hover {
    color: #dba521;
}

.img-blog {
    position: relative;
    overflow: hidden;
}

.img-blog img {
    width: 100%;
    transition: .4s;
}

.blog-wrapper:hover img {
    transform: scale(1.1);
}

.date-blog {
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    background: #daa520;
    color: #fff;
}

.blog-body {
    padding: 20px;
}

.read-more-btn svg {
    margin-right: 10px;
    stroke: #dba521;
    fill: none;
    transition: .35s;
    color: #dba521;
}

.read-more-btn {
    color: #dba521;
    font-weight: 600;
}
.container-news-wrapper {
    padding: 40px 0;
}

.content-left-article {
    width: 65.66%;
}

.content-right-article {width: 31.33%;}

.title-other-article h3 {
    margin-top: 0;
    font-size: 26px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.other-article a {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.content-card-article {
    flex-wrap: nowrap;
}

.img-article {
    width: 45%;
}

.content-info-article {
    width: 50%;
}

.title-article {
    font-size: 17px;
    font-weight: 600;
    padding-top: 5px;
}

.date-article {
    font-size: 15px;
}

.content-left-article h4 {
    margin-top: 0;
    font-size: 30px;
}

.alert.alert-success {
    background: #23cf64;
    text-align: center;
    padding: 10px 5px;
    color: #fff;
    border-radius: 5px;
    opacity: 1;
}

span.icon.p, .icon-p {
    display: inline-block;
    width: 32px;
    margin-right: 5px;
}

span.icon.p svg, .icon-p svg,.inner-cta span.icon.p svg, .inner-cta .icon-p svg {
    width: 100% !important;
    height: auto !important;
    fill: #fff !important;
}

.inner-cta span.icon.p svg, .inner-cta .icon-p svg {
    fill: #000 !important;
}

.inner-cta a {
    font-weight: 600;
}