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


.inner-modal-pub button {
    background: #020202;
    /* padding: 10px; */
    opacity: 1;
}


.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: #249dd2;
    border: 1px solid transparent;
    height:  40px;
    margin-top:  15px;
    font-size:  17px;
    color:  #fff;
}
.conteneur-banniere {
  position: relative;
  overflow:  hidden;
}

.restaurant .conteneur-banniere {
    min-height: unset;
    height: 100vh;
}
div#slide-banniere img {
    width:  100vw;
    height:  100vh;
}



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

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

.content-plus-wrapper {
    display:  flex;
    flex-wrap:  wrap;
    margin-top: 50px;
}

.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(191 166 89);
}




.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: 25px auto 0;
    max-width:  95%;
}


.les-services {
    display:  flex;
    flex-direction: column;
}

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

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

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

.left-categorie .content-button {
    text-align: left;
}




/******************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(218 165 32);
}

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

.note-- .fa-star, .note-- .fa-star-o {
    color: rgb(218 165 32);
}

.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%; !importantdisplay:position:position:;}
.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 {
    max-width: 100%;
    height:  auto;
    display: block;
}

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