/*
Theme Name: Nature&Residence
Description: Theme personnalisé SoCoquelet
Author: SoCoquelet
Author URI: https://www.SoCoquelet.com
Version: 4.0.0
Text Domain: SoCoquelet
Domain Path: /languages
*/
/* Camping Ibarron */

/* Général */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
@font-face {
    font-family: 'futurabook';
    src: url('/wp-content/themes/Nature&Residence/inc/typo/futura/futura_book_font-webfont.woff2') format('woff2'),
         url('/wp-content/themes/Nature&Residence/inc/typo/futura/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    line-height: 1.5;
    color: #000000;
    font-size: 1rem;
}

body, html{
    overflow-x: hidden;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

@font-face {
    font-family: 'nr';
    src: url('/wp-content/themes/Nature&Residence/inc/typo/icones/nr.eot');
    src: url('/wp-content/themes/Nature&Residence/inc/typo/icones/nr.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/Nature&Residence/inc/typo/icones/nr.woff') format('woff'),
    url('/wp-content/themes/Nature&Residence/inc/typo/icones/nr.ttf') format('truetype'),
    url('/wp-content/themes/Nature&Residence/inc/typo/icones/nr.svg#nr') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
    display: inline-block;
    font-family: 'nr';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-camping-cheque:before{content:'\0041';}
.icon-camping-qualite:before{content:'\0042';}
.icon-clef-verte:before{content:'\0043';}
.icon-ffcc:before{content:'\0044';}
.icon-handicap:before{content:'\0045';}
.icon-qualite-tourisme:before{content:'\0046';}
.icon-routard:before{content:'\0047';}
.icon-tourisme-handicap:before{content:'\0048';}
.icon-vacaf:before{content:'\0049';}
.icon-acsi:before{content:'\004a';}
.icon-adac:before{content:'\004b';}
.icon-ancv:before{content:'\004c';}
.icon-anwb:before{content:'\004d';}
.icon-facebook:before{content:'\004e';}
.icon-insta:before{content:'\004f';}
.icon-youtube:before{content:'\0050';}
.icon-like:before{content:'\0051';}
.icon-user:before{content:'\0054';}
.icon-phone:before{content:'\0055';}
.icon-especes:before{content:'\0056';}
.icon-paypal:before{content:'\0057';}
.icon-virement:before{content:'\0058';}
.icon-cb:before{content:'\0059';}
.icon-cheque:before{content:'\005a';}
.icon-up:before{content:'\0061'; text-transform: lowercase;}
.icon-pin:before{content:'\0062'; text-transform: lowercase;}
.icon-bed:before{content:'\0063'; text-transform: lowercase;}
.icon-interface:before{content:'\0064'; text-transform: lowercase;}
.icon-shield:before{content:'\0065'; text-transform: lowercase;}
.icon-collaboration:before{content:'\0066'; text-transform: lowercase;}
.icon-mail:before{content:'\0067'; text-transform: lowercase;}

.pt-0{ padding-top: 0 !important; }
.pt-1{ padding-top: 0.25rem !important; }
.pt-2{ padding-top: 0.5rem !important; }
.pt-3{ padding-top: 1rem !important; }
.pt-4{ padding-top: 1.5rem !important; }
.pt-5{ padding-top: 3rem !important; }
.pt-6{ padding-top: 4rem !important; }
.pt-35px{ padding-top: 35px !important; }

.pb-0{ padding-bottom: 0 !important; }
.pb-1{ padding-bottom: 0.25rem !important; }
.pb-2{ padding-bottom: 0.5rem !important; }
.pb-3{ padding-bottom: 1rem !important; }
.pb-4{ padding-bottom: 1.5rem !important; }
.pb-5{ padding-bottom: 3rem !important; }
.pb-6{ padding-bottom: 4rem !important; }
.pb-35px{ padding-bottom: 35px !important; }

.mt-0{ margin-top: 0 !important; }
.mt-1{ margin-top: 0.25rem !important; }
.mt-2{ margin-top: 0.5rem !important; }
.mt-3{ margin-top: 1rem !important; }
.mt-4{ margin-top: 1.5rem !important; }
.mt-5{ margin-top: 3rem !important; }
.mt-6{ margin-top: 4rem !important; }
.mt-35px{ margin-top: 35px !important; }

.mb-0{ margin-bottom: 0 !important; }
.mb-1{ margin-bottom: 0.25rem !important; }
.mb-2{ margin-bottom: 0.5rem !important; }
.mb-3{ margin-bottom: 1rem !important; }
.mb-4{ margin-bottom: 1.5rem !important; }
.mb-5{ margin-bottom: 3rem !important; }
.mb-6{ margin-bottom: 4rem !important; }
.mb-35px{ margin-bottom: 35px !important; }

.only-xs{ display: none !important; }

.greybg{
    background: rgba(237, 224, 211, 0.50);
}
.orangebg{
    background: #fef7f1;
}

.little-width{
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
.little-width-element > div{
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 993px){
    .little-width-padding {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}

.container-90 {
    width: 90%;
    margin: 0 auto;
}

/* Header */

#header{ 
    z-index: 9999999;
    position: fixed;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.btn-contact {
    height: 45px;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    position: relative;
    z-index: 99999999;
}

.contact-top-left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* WPML */

.contact-top-left .wpml-ls-legacy-dropdown {
    width: initial;
}

.contact-top-left .wpml-ls-legacy-dropdown a {
    border: initial;
    background-color: initial;
    color: initial;
    padding: 5px 15px 5px 10px;
}

.contact-top-left .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .contact-top-left .wpml-ls-legacy-dropdown a:focus, .contact-top-left .wpml-ls-legacy-dropdown a:hover {
    color: initial;
    background: initial;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: initial;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: url('/wp-content/uploads/2024/04/fleche-menu.png');
    vertical-align: initial;
    display: initial;
    border: initial;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
}

/* Banner */

body:not(.home) #banner {
    height: 680px;
    position: relative;
    margin-top: 118px;
}

body:not(.home) #banner .banner-title {
    color: #000000;
}

#banner__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#banner.banner-hebergement #banner__img {
    width: 50%;
    margin-left: 0;
}
#banner.banner-hebergement .images {
    width: 50%;
    display: inline-block;
    margin: 0;
}
#banner.banner-hebergement .images > .image {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
#banner.banner-hebergement .images.images-2 > .image,
#banner.banner-hebergement .images.images-3 > .image:last-child{
    width: 100%;
}
#banner.banner-hebergement .images a{
    display: block;
    padding-left: 6px;
    padding-bottom: 6px;
}
#banner.banner-hebergement .images .image img {
    height: 300px;
    display: block;
}

@media screen and (max-width: 1200px){
    body:not(.home) #banner {
        margin-top: 95px;
    }
}

/* Bloc Texte + Image */

.texte-image, .texte-image2 {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin: 35px 0;
    overflow-x: hidden;
}

.texte-image .texte, .texte-image2 .texte {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.texte-image .image, .texte-image2 .image {
    width: 100%;
    position: relative;
}

.texte-image .image img, .texte-image2 .image img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
.texte-image .image.image-moyenne img, .texte-image2 .image.image-moyenne img{ height: 760px; }
.texte-image .image.image-grande img, .texte-image2 .image.image-grande img{ height: 890px; }

.texte-image .texte-image-content{
    background: #fff;
}


@media screen and (min-width: 993px) {
    .texte-image.img-droite .image, .texte-image2.img-droite .image{
        padding: 0 5% 0 0;
    }
    .texte-image.img-gauche .image, .texte-image2.img-gauche .image{
        padding: 0 0 0 5%;
    }
    .texte-image.img-droite .texte-image-content{ margin-right: -150px; width: 100%; }
    .texte-image.img-gauche .texte-image-content{ margin-left: -150px; width: 100%; }
    .texte-image .texte-image-content:before, .texte-image .texte-image-content:after{
        content: ' ';
        background: rgba(237, 224, 211, 0.50);
        display: block;
        width: 100%;
        height: 30px;
        position: relative;
    }
    .texte-image.img-droite .texte-image-content:before, .texte-image.img-droite .texte-image-content:after{
        left: -75px;
    }
    .texte-image.img-gauche .texte-image-content:before, .texte-image.img-gauche .texte-image-content:after{
        right: -75px;
    }
    .texte-image .texte-image-content:before { top: -30px; }
    .texte-image .texte-image-content:after { bottom: -30px; }


    .texte-image .texte p, .texte-image .texte .title, .texte-image .texte h2, .texte-image .texte h3, .texte-image .texte ul,
    .texte-image2 .texte p, .texte-image2 .texte .title, .texte-image2 .texte h2, .texte-image2 .texte h3, .texte-image2 .texte ul {
        padding: 0 10%;
        width: 85%;
        margin-left: 0;
        margin-right: 0;
    }

    .texte-image.img-gauche .texte p, .texte-image.img-gauche .texte .title, .texte-image.img-gauche .texte h2, .texte-image.img-gauche .texte h3, .texte-image.img-gauche .texte ul,
    .texte-image2.img-gauche .texte p, .texte-image2.img-gauche .texte .title, .texte-image2.img-gauche .texte h2, .texte-image2.img-gauche .texte h3, .texte-image2.img-gauche .texte ul{ padding-left: 5%; }
    .texte-image.img-droite .texte p, .texte-image.img-droite .texte .title, .texte-image.img-droite .texte h2, .texte-image.img-droite .texte h3, .texte-image.img-droite .texte ul,
    .texte-image2.img-droite .texte p, .texte-image2.img-droite .texte .title, .texte-image2.img-droite .texte h2, .texte-image2.img-droite .texte h3, .texte-image2.img-droite .texte ul{ padding-right: 5%; }
}

.img-gauche {
    flex-direction: row-reverse;
}
.texte-image .texte ul li, .texte-image2 .texte ul li {
    width: 80%; padding: 0 10%;list-style-position: inside;margin-bottom: 1%;margin-left: auto;margin-right: auto;
}

.texte-image .texte ul, .texte-image2 .texte ul {
    width: 100%; margin: 0;padding: 0;
}

.texte-image .bouton, .texte-image2 .bouton{
    position: relative;
    margin-left: 5%;
    margin-right: 0;
    display: inline-block;
    text-align: center;
}
.texte-image2 .bouton, .texte-image.img-droite .bouton{
    margin-left: 10%;
}

/* Bloc Texte */
.titre-block + .texte {
    margin-top: 0;
}

/* Bloc images */
.images {
    display: flex;
    max-height: 350px;
    margin: 35px 0;
}
.images .image {
    flex: 0 1 100%;
}
.images .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-galerie .images {
    flex-wrap: wrap;
    max-height: inherit;
}
.page-galerie .images .image {
    flex: 1 0 19%;
    margin: 5px;
}

/* Hébergements */
.hebergements {
    display: flex;
    list-style: none;
}

.hebergement {
    margin: .5rem 1.5rem;
    text-decoration: none;
}

.hebergement_image {
    width: 100%;
    margin-bottom: 6px;
}

img.heberg_image {
    width: 100%;
    display: block;
    height: 100%;
}

/* Liste de pages style 1 */
.liste-de-page-style1 {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 2rem 5%;
}
.home .liste-de-page-style1{
    width: 100%;
}
.liste-de-page-style1 .liste-de-page {
    display: block;
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    width: 65%;
}
.liste-de-page-style1 .titre-block {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.liste-de-page-style1 .liste-de-page li {
    padding: .8rem 0;
    font-size: 1.1rem;
}
.liste-de-page-style1 .liste-de-page li a {
    color: #353541;
    text-decoration: none;
}
.liste-de-page-style1 .liste-de-page li a:hover {
    color: #ee6a01;
}

.liste-de-page-style1 .liste-de-page li a:after {
    content: '>';
    margin-left: 0.8rem;
    font-family: 'futurabook';
    font-weight: 600;
}


/* Liste de pages style 2 */
.liste-de-page-style2 {
    background: linear-gradient(to top, #fff 32%, #F3F3F3 32%);
    padding: 2rem 5%;
}
.home .liste-de-page-style2 {
    width: 100%;
}

.liste-de-page-style2 .liste-de-page {
    padding: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 30% 30% 40%;
    grid-gap: 0.5rem 3rem;
}
.liste-de-page-style2 .left-style2 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}
.liste-de-page-style2 .cta {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.liste-de-page-style2 .cta > div{
    padding: 20px;
}

.liste-de-page-style2 .left-style2 .cta .cta-img {
    padding: 0;
    width: 92%;
    margin: 4%;
}
.liste-de-page-style2 .left-style2 .cta .cta-titre {
    padding: 0 20px 20px;
}

.liste-de-page-style2 .right-style2 {
    border-top: 1px solid #696969;
    padding: 1.2rem 0 0;
    margin-top: 1.5rem;
}
.liste-de-page-style2 .right-style2 p {
    color: #696969;
    font-family: 'futurabook';
    font-weight: 500;
    font-size: 1.6rem;
    margin: 0;
}
.liste-de-page-style2 .right-style2 a, .liste-de-page-style2 .left-style2 a.only-xs {
    color: #353541;
    text-decoration: none;
    margin: 1rem 0 0 1rem;
    display: inline-block;
}
.liste-de-page-style2 .right-style2 a:hover, .liste-de-page-style2 .left-style2 a.only-xs:hover {
    color: #ee6a01;
}
.liste-de-page-style2 .right-style2 a:after, .liste-de-page-style2 .left-style2 a.only-xs:after {
    content: '>';
    margin-left: 0.8rem;
    font-family: 'futurabook';
    font-weight: 600;
}

.liste-de-page-style2 .bouton {
    margin-left: 0;
}

/* Liste de pages */

.liste-de-page {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.cta {
    width: 100%;
    max-width: calc(33% - 1rem);
    display: flex;
    flex-direction: column;
    margin: .5rem;
    text-decoration: none;
    position: relative;
    background: #FFFFFF;
    box-shadow: 1px 4px 10px #f2f2f2;
    border-radius: 20px 0px;
    overflow: hidden;
    padding: 20px;
    transition: .4s ease-in-out;
}

.cta-img {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
}

.cta-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cta-titre {
    color: #000;
    text-align: center;
    font-family: 'poppins';
    font-size: 18px;
    font-weight: 400;
}

.cta:hover{
    background: #F3F3F3;
    box-shadow: 1px 4px 14px rgba(0,0,0,0.1);
}

/* Formulaire de contact */
.section-contact {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 2rem 5%;
}
.section-contact .contact-left {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 4rem;
}
.section-contact .contact-right {
    width: 65%;
    display: block;
}
.formulaire-de-contact{
    background: #FFFFFF;
    box-shadow: 1px 4px 10px rgb(0 0 0 / 25%);
    border-radius: 20px 0px;
    padding: 20px;
}
.formulaire-de-contact .h3 {
    margin-bottom: 1rem;
}
.section-contact .formulaire-de-contact .wpcf7{
    margin-right: 30px;
}
.formulaire-de-contact p{
    margin: 0;
}

.wpcf7 .wpcf7-form-control {
    background: #f3f3f3;
    border: none;
    border-radius: 50px !important;
    padding: 15px;
    border-radius: 50px;
    box-shadow: none !important;
    font-size: 1rem;
    margin-bottom: 1rem;
    width: 100% !important;
}

.wpcf7-form-control-wrap.your-name, .wpcf7-form-control-wrap.your-email {
    width: 45%;
    display: inline-block;
}
.wpcf7-form-control-wrap.your-name {
    margin-right: 10%;
}

.wpcf7 .wpcf7-form-control.wpcf7-acceptance, .wpcf7 .g-recaptcha{
    background: none !important;
    border-radius: 0 !important;
}
.wpcf7 .wpcf7-form-control.wpcf7-textarea{
    border-radius: 26px !important;
    max-height: 115px;
}
.wpcf7-form input[type="submit"] {
    background: #ee6a01;
    color: #fff;
    padding: 0.8rem 1.5rem;
    min-width: 200px;
    line-height: 1;
    font-weight: 600;
    border-radius: 40px;
    transition: ease-in-out .3s;
    display: inline-block;
    width: auto !important;
}
.wpcf7-form input[type="submit"]:hover {
    background: #FAB33A;
}
.wpcf7-spinner{ position: absolute; }


.contact-right .coord-col .h4 {
    margin-bottom: 1rem;
}
.contact-right .coord-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
}
.contact-right .coord-col {
    display: inline-block;
    vertical-align: top;
    max-width: 46%;
    padding-left: 40px;
}
.contact-right .coord-col:first-child {
    padding-left: 0;
}


.footer_wrap .icon-pin, .footer_wrap .icon-mail, .footer_wrap .icon-phone {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    margin: .25rem;
    position: relative;
}

.footer_wrap .icon-pin a, .footer_wrap .icon-mail a, .footer_wrap .icon-phone a {
    text-decoration: none;
}

.footer_wrap .icon-pin::before, .footer_wrap .icon-mail::before, .footer_wrap .icon-phone::before {
    font-size: 1.5rem;
    margin-right: .5rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-130%, -60%);
}

ul.liste-de-page.alentours {
    flex-wrap: wrap;
}

ul.liste-de-page.alentours .cta {
    width: calc(20% - 1rem);
}

#gmap {
    height: 550px;
}

.icones-liste {
    margin-bottom: 1rem;
}
.icones-liste img {
    margin: 0.3rem 1rem;
}
.icones-liste img:first-child{ margin-left: 0; }
.icones-liste img:last-child{ margin-right: 0; }
.icon-footer {
    font-size: 4rem;
    margin: .25rem 1rem;
}

.partners-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 2rem;
}
.partners-row .icones-liste{ margin-left: 1rem; margin-right: 1rem; margin-bottom: 0; }
.partners-row .icon-footer {
    display: inline-block;
    vertical-align: middle;
}
.partners-row .award img {
    max-height: 68px;
    width: auto;
    margin: 0;
}

#breadcrumb {
    width: 80%;
    margin: 1rem auto;
    line-height: 1;
}
#breadcrumb *{
    color: #000000;
}

.bouton, .all-article {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 25px;
    border: 2px solid #E37531;
    padding: 0.8rem 1.5rem;
    margin: 2rem auto;
    min-width: 200px;
    line-height: 1.5;
    text-decoration: none;
    transition: ease-in-out .2s;
    position: relative;
    font-weight: 600;
    border-radius: 25px;
    color: #E37531;
    text-align: center;
    font-family: 'poppins';
    font-size: 16px;
    font-weight: 600;
}
.bouton:hover, .all-article:hover {
    color: #ffffff;
    background: #E37531;
    text-decoration: none;
    font-weight: 600!important;
}

.social-top {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    text-decoration: none;
    margin: 0.3rem;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

input[type="date"] {
    position: relative;
}

.wpcf7 span.ajax-loader {
    position: absolute;
}

#section-single iframe {
    border: 0;
    width: 100%;
    height: 350px;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.award {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
}

.award:hover {
    text-decoration: none;
}

.award img {
    width: 100%;
    height: 100%;
    max-width: 100px;
}

span.award-name {
    color: white;
}

.icones-liste .award {
    display: inline-block;
    margin: 0.25rem 1rem;
}

.texte-image .texte * {
    z-index: 2;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    border-radius: initial!important;
}

.hebergement-details {
    position: relative;
    width: 100%;
    margin-top: 0.5rem;
    background: #f5f5f5;
    max-width: 1200px;
    margin: 0 auto;
}

.hebergement_description {
    padding: 3rem;
    position: relative;
    z-index: 2;
    margin: 0;
    background: #f5f5f5;
}

.hebergement-resa {
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 1;
    background: #f5f5f5;
}

.close-detail {
    position: absolute;
    top: 0;
    right: 0;
    background: #ee6a01;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 42px;
    text-align: center;
    padding: 0.1rem;
    font-size: 3em;
    font-weight: bold;
    z-index: 2;
    border-radius: 0 0 0 5px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.hebergement-details .heberg-content {
    padding: 1rem;
    font-size: 0.9rem;
}

.colonnes-wrap {
    display: flex;
}

.hebergement_description_title {
    font-family: 'futurabook';
    color: #ee6a01;
    font-size: 2rem;
    text-align: center;
}

.hebergement-details .heberg-content-output {
    font-size: 1rem;
    color: #676767;
}

.slider-wrap { width: 100%; }
.hebergement_description .colonne {
    width: 50%;
    justify-content: flex-start;
}

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

.slick-slide img {
    display: block;
    max-height: 450px;
    margin: 0 auto;
    max-width: 100%;
}

.slideNav .slick-slide img {
    max-height: 100px;
}

@media screen and (max-width: 992px) { 
    .hebergement_description .colonnes-wrap { flex-direction: column-reverse; } 
    .hebergement_description .colonnes-wrap .colonne { width: 100%; }
    .hebergement { width: calc(50% - 1rem); }
}


/* Modifs */
body.home #main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

body.home #main > .titre-block:first-of-type {
    width: 33%;
    position: relative;
}

body.home #main > div.texte {
    width: calc(66% - 4rem);
}

body.home #main > .titre-block, body.home #main > .greybg, body.home #main > .orangebg {
    width: 100%;
}

body.home #main .avantages {
    width: 100%;
}
.avantages + .bouton{
    margin-top: 0;
}

.mosaique {
    display: flex;
}

.mosaique.reverse {
    flex-direction: row-reverse;
}

.mosaique-liste {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

a.cta-1 {
    width: 50%;
    max-width: none;
}

.mosaique-liste .cta {
    width: calc(50% - 1rem);
    max-width: 50%;
}

.mosaique-liste .cta-img {
    height: 250px;
}

.cta-1 .cta-img {
    height: 100%;
}


body.home #main .carrousel:last-of-type {
    width: 60%;
}

body:not(.home) h1::before { transform: translate(-75%, -50%); }

.inventaire {
    display: flex;
    width: 80%;
    margin: 1rem auto;
    align-items: baseline;
}

.inventaire-col {
    width: 100%;
}
.inventaire-col p, .inventaire-col ul {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 95% !important;
}

.inventaire-col strong {
    color: #ee6a01;
}

.inventaire-col ul li::before {
  content: "\2022"; 
  color: #ffaf20;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.inventaire-col li, .iventaire-col ul {
    list-style: none;
}

.tarifs {
    background: #f4f2f3;
}

#wdng_widget_dispo .wdng_wrap { box-shadow: initial !important; }
.wdng_title { text-align: center !important; }

.home-1 {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    padding-top: 3rem;
    padding-bottom: 1rem;
}

.home-1 .bouton {
    display: inline-block;
    text-align: center;
}

.home-1 .titre {
    display: block;
    width: 80%;
    margin: 2rem auto 0;
}

.left-part {
    width: 56%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.right-part {
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding-right: 3%;
}

.actu {
    padding: 3rem;
    height: 50%;
    background: #ee6a01;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
}

.actu a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

/*.commercial {
    background: #fcb247;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    text-align: center;
    font-family: 'futurabook';
    height: 100%;
    color: white;
    font-size: 3rem;
}*/
.commercial{
    display: block;
    width: 90%;
    margin: 2rem 0;
    padding: 2rem 0rem 2rem 3rem;
    border-left: 1px solid #696969;
    background: none;
}
.commercial img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    min-height: 680px;
}

.commercial a {
    width: 100%;
    height: 100%;
}

.images-titre {
    background: #f4f2f3;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem;
}

.col {
    max-width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.col img {
    width: 150px;
    border-radius: 100%;
    height: 150px;
    object-fit: cover;
    border: solid 4px #f37021;
    margin: 1rem;
    padding: 2rem;
}

.col span {
    display: block;
    font-size: 1.4rem;
    max-width: 75%;
    text-align: center;
}

.mh-vente {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80%;
    margin: auto;
    flex-wrap: wrap;
}

.mobile-home {
    width: calc(33% - 1rem);
    margin: .5rem;
}

.mobile-home img {
    width: 100%;
    height: 100%;
}

.form-resa {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 850px;
    background: #f4f2f3;
    padding: 2rem;
}

.wpcf7-list-item { margin: 0; }

.wpcf7-acceptance { box-shadow: none; width: 100%; }
.wpcf7-acceptance span { width: 100% !important; }

.wpcf7-form input[type=checkbox] { height: auto; }

.form-resa .wpcf7-form-control-wrap {
    display: block;
    margin: .25rem 0;
}

.form-resa label {
    display: flex;
    width: 550px;
}

.form-resa label i{
    font-size: smaller;
    display: block;
}

.form-resa label.center {
    align-items: center;
}

.form-resa label span {
    width: 25%;
    margin-right: 0.6rem;
}

.home .liste-de-page.hebergements {
    flex-wrap: wrap;
}
.home .liste-de-page.hebergements .hebergement {
    width: calc(20% - 1rem);
}

body[data-id="124"] .images{
    flex-wrap: wrap;
    max-height: initial;
}

body[data-id="124"] .images .image {
    flex: 33%;
}

.mobile-home-image {
    position: relative;
    background: black;
}

.boutons-vente {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transition: ease-in-out .4s;
}

.boutons-vente .fancybox-wrap {
    width: 100%;
}

.photo-zoom {
    margin: 1rem auto !important;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #ee6a01;
    color: white;
    border: solid 1px #ee6a01;
    transition: ease-in-out .4s;
    cursor: pointer;
}

ul.attributs-mh {
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #353541;
}

ul.attributs-mh li:first-child {
    font-weight: 600;
}

.boutons-vente .devis-link {
    background: #fcb248;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    color: white;
    text-decoration: none;
    border: solid 1px #fcb248;
    transition: ease-in-out .4s;
}

.mobile-home-image:hover img {
    opacity: .7;
}

.mobile-home-image img {
    transition: ease-in-out .4s;
    opacity: 1;
}

.boutons-vente .devis-link, .boutons-vente .photo-zoom {
    text-align: center;
    margin: 1rem;
    padding: 1rem;
    width: 50%;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.mobile-home-image:hover .boutons-vente {
    opacity: 1;
}

.photo-zoom:hover {
    background: rgb(238, 106, 1, .6);
}

.boutons-vente .devis-link:hover {
    background: rgb(252, 178, 72, .6);
}

div#form-vente {
    position: absolute;
    top: -200px;
}

.formulaire-de-contact {
    position: relative;
}




.slbOverlay { z-index: 9999999 !important; }
.slbWrapOuter { z-index: 99999990 !important; }

.next-prev {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cta-single {
    width: 300px;
    position: relative;
}

.cta-single img {
    width: 100%;
    height: 100%;
}

.cta-single-title {text-align: center;padding: 1rem;text-transform: uppercase;color: white;border: solid 2px white;position: absolute;bottom: 50%;z-index: 2;width: calc(100% - 2rem - 4px);background: #fab33a;left: 50%;width: 50%;transform: translate(-50%, 50%);transition: ease-in-out .4s;}

.cta-single:hover .cta-single-title {
    background: rgb(250 179 58 / 40%);
}

.social-share i {
    font-size: 2rem;
}

@media screen and (max-width: 1300px) {
    .hebergement { margin: 0.5rem; }
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
    .hebergement_info {
        vertical-align: top;
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 992px) {
    .mb-0-xs{ margin-bottom: 0 !important; }
    .only-xs{ display: block !important; }
    body, #main{ overflow-x: hidden !important; }

    #breadcrumb{
        width: 90%;
    }
    .texte-image {
        flex-wrap: wrap;
    }
    .image-gauche {
        flex-direction: row;
    }

    .liste-de-page {
        flex-wrap: wrap;
        padding-left: 0;
    }

    .liste-de-page .cta {
        width: 100%;
        max-width: 100%;
    }

    #form-resa div.input-date {
        display: flex!important;
        width: calc(50% - .5rem)!important;
        min-width: 0;
        margin: .25rem!important;
        position: relative;
        border-radius: 0;
    }
    ul.liste-de-page.alentours .cta {
        width: 100%;
    }

    body.home #main > .orangebg, body.home #main > .greybg, body.home #main > .texte-image, body.home  #main > .liste-de-page-style2, #main > .liste-de-page-style2 {
        width: 100% !important;
    }
    body.home #main > .orangebg > div
    body.home #main > .greybg > div{
        width: calc(100% - 2rem) !important;
        padding: .5rem 1rem;
    }
    .mosaique {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mosaique-liste {
        width: 100%;
    }

    a.cta-1 {
        width: 100%;
    }

    h2.title, h2.titre, #section-single h2{
        display: block;
        font-size: 2rem;
    }

    .cta-img {
        height: 250px;
    }

    body.home #main .texte {
        margin: .5rem;
        width: calc(100% - 1rem) !important;
    }
    body.home #main .greybg .texte{
        margin: 0 auto;
        width: calc(100% - 3rem) !important;
    }
    body.home #main .greybg .texte p, body.home #main .greybg h2.titre, body.home #main .greybg h2.title{
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    body.home #main .greybg .bouton{
        margin-bottom: 0;
        margin-top: 0;
    }


    body.home #main .carrousel {
        margin: .5rem;
        width: calc(100% - 1rem) !important;
    }
    .glider-contain .glider-prev{ left: -20px; }
    .glider-contain .glider-next{ right: -20px; }

    .texte-image2 {
        width: 100% !important;
        margin-bottom: 0;
        flex-direction: column-reverse;
    }
    .texte-image{
        flex-direction: column-reverse;
        border-top: 20px solid #F6EFE9;
        border-bottom: 20px solid #F6EFE9;
        margin: 0;
        padding: 1rem 0;
    }
    .texte-image .bouton, .texte-image2 .bouton{
        min-width: 0;
        margin-left: auto !important;
        margin-right: auto;
        display: block;
        text-align: center;
    }
    h2.title + .texte-image2 { margin-top: 0; }
    .texte-image .image img, .texte-image2 .image img {
        height: auto !important;
    }
    .texte-image .texte-image-content {
        padding: 0 1rem;
    }
    .texte-image .image {
        width: calc(100% - 2rem) !important;
        margin-left: auto;
        margin-right: auto;
    }

    h1 {
        font-size: 2.3rem;
        margin-bottom: .5rem;
    }

    .bouton, .all-article{
        margin: 1rem auto;
    }
    body.home #main > .bouton, body.home #main > .all-article{
        width: auto !important;
        display: inline-block;
    }

    .inventaire, .attributs-wrap {
        flex-wrap: wrap;
    }

    #moove_gdpr_cookie_info_bar {
        z-index: 99999999999 !important;
    }

    .home-1, body.home #main .home-1 {
        padding-top: 0;
        flex-direction: column-reverse;
        width: 100% !important;
    }
    .home-1 .left-part, .home-1 .right-part { width: 100%; padding-right: 0; }
    .home-1 .left-part{
        background: rgba(255, 255, 255, 0.9);
        margin-top: -25px;
        border-radius: 0px 20px 0px 0px;
        position: relative;
        z-index: 1;
    }
    .home-1 .left-part .texte{ text-align: center; }
    .home-1 .left-part p{ padding: 0 15px; text-align: justify; }
    .commercial {
        padding: 0;
        border: none;
        width: 100%;
        margin-bottom: 0rem;
        margin-top: 1rem;
    }
    .commercial img {
        min-height: 0;
    }


    .home .liste-de-page.hebergements .hebergement {
        width: calc(50% - 1rem) !important;
    }

    .liste-de-page-style1 {
        display: block;
        padding: 1rem 0;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .liste-de-page-style1 .titre-block {
        display: block;
        width: 100%;
    }

    .liste-de-page-style1 .liste-de-page {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        width: 100%;
    }
    .liste-de-page-style1 .liste-de-page li {
        width: 100% !important;
        padding: 0.4rem 0;
    }

    .liste-de-page-style2 .liste-de-page:first-of-type {
        display: flex;
        grid-gap: 0;
        align-items: stretch;
        justify-content: center;
    }
    .liste-de-page-style2 {
        background: #F3F3F3;
        padding-left: 0;
        padding-right: 0;
    }
    .liste-de-page-style2 .right-style2 {
        width: 100%;
        text-align: left;
    }
    .liste-de-page > li{
        width: calc(100% - 3rem) !important;
    }
    .liste-de-page-style2 .right-style2{
        padding: 1rem 0 0;
        margin-top: 1rem;
    }
    .liste-de-page-style2 .right-style2 p{
        font-size: 1.4rem;
        line-height: 1.2;
    }
    .liste-de-page-style2 .left-style2 {
        padding: 1rem 0 0;
        margin-top: 1rem;
        border-top: 1px solid #696969;
    }
    .liste-de-page-style2 .left-style2 a.only-xs{
        text-align: left;
    }
    .liste-de-page-style2 .cta > div,
    .liste-de-page-style2 .left-style2 .cta .cta-titre {
        padding: 0;
    }
    .liste-de-page-style2 .liste-de-page .cta {
        display: block;
        background: none;
        box-shadow: none;
        border-radius: 0;
    }
    .liste-de-page-style2 .cta .cta-img {
        display: none;
    }
    .liste-de-page-style2 .cta-titre {
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .autres-campings {
        padding: 0;
    }

    .cta-camping {
        text-align: left;
    }

    .section-contact {
        display: block;
        width: 90%;
    }
    .section-contact .contact-left, .section-contact .contact-right {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 1rem;
    }
    .contact-right .coord-col {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .wpcf7-form-control-wrap.your-name {
        margin-right: 0;
    }
    .wpcf7-form-control-wrap.your-name, .wpcf7-form-control-wrap.your-email {
        width: 100%;
        display: block;
    }

    .col img {
        width: 100px;
        height: 100px;
        padding: 1rem;
    }

    .col span {
        font-size: .9rem;
    }

    .mobile-home {
        width: calc(50% - 1rem);
    }

    .form-resa label {
        width: auto;
        flex-direction: column;
        margin: 0 auto;
        max-width: 100%;
    }

    .wpcf7-form input:not([type=checkbox]), .wpcf7-form textarea, .wpcf7-acceptance {
        max-width: 100%;
    }
    .form-resa label span {
        width: 100%;
    }

    .images-titre {
        padding: 3rem 0;
    }

    .form-resa { max-width: calc(100% - 4rem); }

    iframe { max-height: 60vh; }

    .mh-vente {
        max-width: 100%;
    }
    .boutons-vente .devis-link, .boutons-vente .photo-zoom {
        padding: .5rem;
        width: 75%;
        font-size: 1.2rem;
    }
    #section-single{
        width: 100%;
    }
    .share-title, #social-share-single {
        text-align: center;
    }
    .next-prev a {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    #banner.banner-hebergement #banner__img, #banner.banner-hebergement .images, #banner.banner-hebergement .banner-content, .inventaire {
        width: 100%;
    }
    #banner.banner-hebergement #banner__img{ order: 1; }
    #banner.banner-hebergement .images{ order: 3; margin-top: 6px; }
    
    #banner.banner-hebergement .images a{
        padding-left: 3px;
        padding-right: 3px;
    }
    #banner.banner-hebergement .banner-content h1 {
        color: #353541;
        text-shadow: none;
    }
    .attributs-wrap .attribut img {
        height: 50px;
    }

    .page-galerie .images .image {
        flex: 1 0 31%;
    }

    .vente #main .images-titre .col{ max-width: 100%; }

    .scroll-x-mobile:before {
        content: ' ';
        position: absolute;
        top: 6px;
        right: 6px;
        background-image: url(images/next.png);
        width: 50px;
        height: 50px;
        background-size: contain;
        z-index: 999;
        -webkit-animation: bouncex 2s infinite ease-in-out;
        -moz-animation: bouncex 2s infinite ease-in-out;
        -ms-animation: bouncex 2s infinite ease-in-out;
        -o-animation: bouncex 2s infinite ease-in-out;
        animation: bouncex 2s infinite ease-in-out;
    }
    @-webkit-keyframes bouncex {
        0%, 20%, 60%, 100%  { 
            -webkit-transform: translateX(0); 
            -moz-transform: translateX(0); 
            -ms-transform: translateX(0); 
            -o-transform: translateX(0); 
            -webkit-transform: translateX(0); 
        }
        40%  { 
            -webkit-transform: translateX(-10px); 
            -moz-transform: translateX(-10px); 
            -ms-transform: translateX(-10px); 
            -o-transform: translateX(-10px); 
            -webkit-transform: translateX(-10px); 
        }
        80% { 
            -webkit-transform: translateX(-5px); 
            -moz-transform: translateX(-5px); 
            -ms-transform: translateX(-5px); 
            -o-transform: translateX(-5px); 
            -webkit-transform: translateX(-5px); 
        }
    }
    .scroll-x-mobile {
        position: relative;
        display: block !important;
        height: auto;
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
    }
    .scroll-x-mobile > div, .scroll-x-mobile > a {
        margin: 0 0.5rem !important;
        display: inline-block;
        float: none;
        padding: 0;
        white-space: normal;
        width: 73%;
        max-width: 73%;
        vertical-align: top;
        -webkit-overflow-scrolling: touch;
    }
    .scroll-x-mobile > div:first-child, .scroll-x-mobile > a:first-child {
        margin-left: 0 !important;
    }
    .scroll-x-mobile > div:last-child, .scroll-x-mobile > a:last-child {
        margin-right: 0 !important;
    }


    footer {
        flex-wrap: wrap;
    }
    .footer_wrap > .colonne, .footer_wrap > .colonnes-wrap { width: 100%; }
    .footer_wrap .colonnes {
        display: block;
    }
    .footer_wrap > .colonnes > .colonne {
        width: 100%;
    }
    .footer_wrap .colonnes-wrap {
        width: 100%;
    }
    .footer_wrap .icones-liste {
        margin-bottom: 0;
    }
    .footer_wrap .partners-row {
        margin-top: 0;
        display: block;
    }
    .footer_wrap .partners-row .icones-liste {
        margin-left: 0;
        margin-right: 0;
    }
    .footer_wrap .partners-row .icon-footer {
        margin: 0.25rem 0.5rem;
    }
    .copyright {
        padding: 1.5rem 0;
    }
    .copy-left, .copy-right {
        width: 100%;
        display: block;
    }
    .copy-right p {
        text-align: left;
        margin-top: 0.5rem;
    }

}

@media screen and (max-width: 500px) {
    .col img {
        width: 75px;
        height: 75px;
    }

    #banner.banner-hebergement .images .image img{
        height: 165px;
    }
}

@media (max-width: 480px) {
    .carrousel li p {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    .carrousel li q {
        font-size: 1em;
    }
    .carrousel li img {
        width: 2em;
        margin-left: -1em;
        margin-right: 0.25em;
    }
    #section-single { width: 96%; }

    .cta-single { width:96%; margin-bottom: .2rem; } 
}

.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:0.7;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}

.seo-row {
    width: 100%;
}

.seo-liste {
    width: 80%;
    margin: 2rem auto;
    display: flex;
}

.titre-seo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-transform: uppercase;
    font-size: 2rem;
    text-align: center;
}

a.seo-item {
    position: relative;
    background: black;
    height: 100%;
}

img.image-seo {
    display: block;
    opacity: 0.8;
    height: 400%;
    object-fit: cover;
    width: 100%;
}

a.seo-item::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 80%;
    border-left: solid 3px transparent;
    border-radius: 0;
    content: "";
    transition: ease-in-out .4s;
}

a.seo-item:hover::before {border-radius: 100%;left: 5%; border-color: white;}

.seo-liste button.slick-next.slick-arrow {
    right: 0;
    width: 40px;
    height: 40px;
    background: #ee6a01;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    font-weight: 900;
}

.seo-liste .slick-next:before {
    content: ">";
    background: transparent;
    font-size: 1.8rem;
}

.seo-liste button.slick-prev.slick-arrow {
    left: 0;
    width: 40px;
    height: 40px;
    background: #ee6a01;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    font-weight: 900;
    z-index: 9;
}

.seo-liste .slick-prev:before {
    content: "<";
    background: transparent;
    font-size: 1.8rem;
}

.row li {
    color: #676767;
}

.contact-thelis {
    width: 100%;
}


.liste-de-page.hebergements {
    display: flex;
    flex-wrap: wrap;
}
.liste-de-page.hebergements a.hebergement {
    width: 15%;
    height: fit-content;
    min-height: 10px;
}
.liste-de-page.hebergements a.hebergement .hebergement_content {
    height: auto;
    min-height: 40px;
}
.liste-de-page.hebergements a.hebergement .hebergement_image {
    min-height: 150px;
    height: 150px;
}
@media (max-width: 1200px) {
    .liste-de-page.hebergements a.hebergement {
        width: 23%;
    }
}
@media (max-width: 820px) {
    .liste-de-page.hebergements a.hebergement {
        width: 25%;
    }
}
@media (max-width: 550px) {
    .liste-de-page.hebergements a.hebergement {
        width: 35%;
    }
    .liste-de-page.hebergements a.hebergement .hebergement_image {
        min-height: 110px;
        height: 110px;
    }
}
@media (max-width: 375px) {
    .liste-de-page.hebergements a.hebergement {
        width: 60%;
    }
}

/* CSS PAGE VENTE MOBIL HOME */
.vente #bloc-resa {
    padding-bottom: 0px;
}

#main .images-titre {
    justify-content: center;
}

.vente #main .images-titre {
    padding: 0px;
}

.vente #main .images-titre .lineimg {
    padding: 1rem;
}

.vente #main .images-titre .lineimg .col img {
    width: 60px;
    height: auto;
    padding: 20px;
    border-width: 2px;
}

.vente #main .images-titre .lineimg .col span {
    font-size: 16px;
}

.lineimg {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem;
}

/*** New bloc infos ***/
.cards {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 0 100px 20px;
}

.card {
    margin: 1rem;
    padding: 1rem;
    flex: 1;
    box-shadow: 15px 15px 15px lightgrey;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
}

.card img {
    width: 120px;
    height: 120px;
}

.card p {
    font-weight: 600;
    color: #333333;
    font-size: 1.2rem;
    margin: .5rem;
}

@media screen and (max-width: 1050px){
    .cards {
        flex-wrap: wrap;
    }

    .card {
        width: calc(100% - 2rem);
        flex: initial;
        text-align: center;
    }
}

@media screen and (max-width: 992px){
    .cards {
        padding: 0 50px 20px;
    }

    .card {
        width: 100%;
        margin: 1rem 0;
    }

    .card p {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px){
    .cards {
        padding: 0 20px 20px;
    }
}

/* Hébergements */
.glider-contain-hebergements{ width: 100% !important; }

.frame .glider-contain-hebergements > div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 0;
}

.frame .glider-contain-hebergements > div .hebergement {
    width: calc(25% - 3rem);
}

@media screen and (min-width: 767px) and (max-width: 1100px){
    .frame .glider-contain-hebergements > div {
        flex-wrap: wrap;
    }
    .frame .glider-contain-hebergements > div .hebergement {
        width: calc(50% - 3rem);
    }
}
.frame .glider-contain-hebergements .hebergement_image {
    position: relative;
}

.frame .glider-contain-hebergements .glider-prev-heberg-1,
.frame .glider-contain-hebergements .glider-next-heberg-1,
.frame .glider-contain-hebergements .glider-prev-heberg-2,
.frame .glider-contain-hebergements .glider-next-heberg-2,
.frame .glider-contain-hebergements .glider-prev-heberg-3,
.frame .glider-contain-hebergements .glider-next-heberg-3,
.frame .glider-contain-hebergements .glider-prev-heberg-4,
.frame .glider-contain-hebergements .glider-next-heberg-4 {
    position: absolute;
    background: 0 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    border-radius: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 2;
    text-decoration: none;
    top: 50%;
    cursor: pointer;
    color: #666;
    opacity: 1;
    line-height: 1;
    transition: opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67);
    border: none;
}

.frame .glider-contain-hebergements .glider-prev-heberg-1.disabled,
.frame .glider-contain-hebergements .glider-next-heberg-1.disabled,
.frame .glider-contain-hebergements .glider-prev-heberg-2.disabled,
.frame .glider-contain-hebergements .glider-next-heberg-2.disabled,
.frame .glider-contain-hebergements .glider-prev-heberg-3.disabled,
.frame .glider-contain-hebergements .glider-next-heberg-3.disabled,
.frame .glider-contain-hebergements .glider-prev-heberg-4.disabled,
.frame .glider-contain-hebergements .glider-next-heberg-4.disabled {
    opacity: .5;
}

.frame .glider-contain-hebergements .glider-prev-heberg-1, .frame .glider-contain-hebergements .glider-prev-heberg-2, .frame .glider-contain-hebergements .glider-prev-heberg-3,.frame .glider-contain-hebergements .glider-prev-heberg-4{
    background-image: url(images/prev.png);
    left: -15px;
}

.frame .glider-contain-hebergements .glider-next-heberg-1, .frame .glider-contain-hebergements .glider-next-heberg-2, .frame .glider-contain-hebergements .glider-next-heberg-3, .frame .glider-contain-hebergements .glider-next-heberg-4 {
    background-image: url(images/next.png);
    right: -15px;
}

@media screen and (max-width: 767px){
    .frame .glider-contain-hebergements > div {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .frame .glider-contain-hebergements > div .hebergement {
        width: calc(100% - 1rem);
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* CSS NEW HEADER TOM 20102022 ------------------------------------------------------------------------------------------------ */
/* REQUIS : /wp-content/themes/Nature&Residence/js/main.js                                                                      */
/* REQUIS : /wp-content/themes/Nature&Residence/images/fleur.png                                                                */
/* REQUIS : /wp-content/themes/Nature&Residence/images/logo-nrl.png                                                             */
/* ---------------------------------------------------------------------------------------------------------------------------- */
.texte-image .texte p,
.texte-image .texte a {
    font-size: 14px;
}

@media (min-width: 992px) {
    .home #header {
        background: transparent;
        box-shadow: none;
    }
    .home #banner {
        position: relative;
        display: block;
        width: 100%;
        height: 100vh;
        background: linear-gradient(180deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.95) 1%,hsla(0,0%,100%,.85) 8%,hsla(0,0%,100%,0) 30%);
    }
    .home #banner img {
        margin: 0;
        width: 100%;
        position: relative;
        display: block;
        z-index: -1;
    }

    /* SCROLL */
    .home #header.sticky {
        background: #fff;
        box-shadow: 0 4px 12px rgb(0 0 0 / 3%);
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* SECURE HOLIDAYS CTOUTVERT   ------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------- */

.ctoutvert {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 992px){
    .ctoutvert {
        width: 100%;
    }
}

@media (min-width: 800px) {
    .ventemhgroupe .texte {
        display: flex;
    }
    .ventemhgroupe .texte h2 {
        width: 30%;
    }
    .ventemhgroupe .texte ul {
        width: 60%;
    }
}



/*** REFONTE GRAPHIQUE ***/

/*** GLOBAL ***/
@font-face {
    font-family: 'poppins';
    src: url('inc/fonts/poppins-thin.eot');
    src: url('inc/fonts/poppins-thin.eot?#iefix') format('embedded-opentype'),
    url('inc/fonts/poppins-thin.woff2') format('woff2'),
    url('inc/fonts/poppins-thin.woff') format('woff'),
    url('inc/fonts/poppins-thin.ttf') format('truetype'),
    url('inc/fonts/poppins-thin.svg#poppinsthin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    src: url('inc/fonts/poppins-light.eot');
    src: url('inc/fonts/poppins-light.eot?#iefix') format('embedded-opentype'),
    url('inc/fonts/poppins-light.woff2') format('woff2'),
    url('inc/fonts/poppins-light.woff') format('woff'),
    url('inc/fonts/poppins-light.ttf') format('truetype'),
    url('inc/fonts/poppins-light.svg#poppinslight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    src: url('inc/fonts/poppins-regular.eot');
    src: url('inc/fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
    url('inc/fonts/poppins-regular.woff2') format('woff2'),
    url('inc/fonts/poppins-regular.woff') format('woff'),
    url('inc/fonts/poppins-regular.ttf') format('truetype'),
    url('inc/fonts/poppins-regular.svg#poppinsregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    src: url('inc/fonts/poppins-medium.eot');
    src: url('inc/fonts/poppins-medium.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/poppins-medium.woff2') format('woff2'),
         url('inc/fonts/poppins-medium.woff') format('woff'),
         url('inc/fonts/poppins-medium.ttf') format('truetype'),
         url('inc/fonts/poppins-medium.svg#poppinsmedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    src: url('inc/fonts/poppins-semibold.eot');
    src: url('inc/fonts/poppins-semibold.eot?#iefix') format('embedded-opentype'),
    url('inc/fonts/poppins-semibold.woff2') format('woff2'),
    url('inc/fonts/poppins-semibold.woff') format('woff'),
    url('inc/fonts/poppins-semibold.ttf') format('truetype'),
    url('inc/fonts/poppins-semibold.svg#poppinssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'poppins';
    src: url('inc/fonts/poppins-bold.eot');
    src: url('inc/fonts/poppins-bold.eot?#iefix') format('embedded-opentype'),
    url('inc/fonts/poppins-bold.woff2') format('woff2'),
    url('inc/fonts/poppins-bold.woff') format('woff'),
    url('inc/fonts/poppins-bold.ttf') format('truetype'),
    url('inc/fonts/poppins-bold.svg#poppinsbold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('inc/fonts/playfairdisplay-variablefont_wght.eot');
    src: url('inc/fonts/playfairdisplay-variablefont_wght.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/playfairdisplay-variablefont_wght.woff2') format('woff2'),
         url('inc/fonts/playfairdisplay-variablefont_wght.woff') format('woff'),
         url('inc/fonts/playfairdisplay-variablefont_wght.ttf') format('truetype'),
         url('inc/fonts/playfairdisplay-variablefont_wght.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    color: #000;
    font-family: 'poppins';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
}

p {
    font-size: 16px;
    font-weight: 300;
}

strong {
    font-weight: 500;
}

a, a:hover, a strong {
    color: #F28E3C;
    font-size: 16px;
    font-weight: 500;
    text-decoration-line: underline;
}

h1 {
    font-size: 38px;
    font-weight: 400;
}

h2 {
    font-size: 34px;
    font-weight: 500;
}

p.titre.h2-like {
    font-size: 34px;
    font-weight: 500;
    text-align: center;
}

h3 {
    font-size: 30px;
    font-weight: 500;
}

h4 {
    font-size: 26px;
    font-weight: 500;
}

h5 {
    font-size: 20px;
    font-weight: 500;
}

h6 {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

@media screen and (max-width: 992px){
    h1 {
        font-size: 33px;
        line-height: 40px;
    }

    h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    h3 {
        font-size: 26px;
        line-height: 1.2;
    }

    h4 {
        font-size: 24px;
        line-height: 1.2;
    }

    h5 {
        font-size: 20px;
        line-height: 1.2;
    }
}

.boutons-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 0 3rem;
}

.boutons-row .bouton {
    margin: 0 2rem;
    min-width: initial;
}

@media screen and (max-width:767px){
    .boutons-row {
        flex-wrap: wrap;
    }

    .boutons-row .bouton {
        margin: .5rem 2rem;
        padding: .8rem 1.2rem;
    }
}

.frame {
    overflow-x: hidden;
    padding: 10px 100px;
}

@media screen and (max-width: 1200px){
    .frame  {
        padding: 10px 50px;
    }
}

@media screen and (max-width:992px){
    .frame  {
        padding:10px 20px;
    }
}

/*** Promotion top ***/

.promo-top {
    background: #F3823A;
    text-align: center;
    padding: 10px 100px;
}

.promo-top p, .promo-top a{
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.promo-top a {
    font-weight: 700;
}

@media screen and (max-width: 1200px){
    .promo-top {
        padding: 10px 50px;
    }
}

@media screen and (max-width:992px){
    header.sticky .promo-top {
        height: 0;
        padding: 0;
        overflow: hidden;
    }
    .promo-top {
        padding: 10px 20px;
        transition: ease-out .2s;
    }

    .promo-top p, .promo-top a {
        font-size: 14px;
    }
}

/*** Header ***/

.header-container {
    padding: 0 100px;
    display: flex;
    flex-wrap: nowrap;
}

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

.header-container .header-left #logo {
    text-decoration: none;
    width: 265px;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-container .header-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.header-container .header-right input#burger {
    display: none;
}

.header-container .header-right #nav-wrap {
    width: 100%;
    padding: 10px 0 15px;
}

.header-container .header-right .menu {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    list-style: none;
}

.header-container .header-right .menu-item {
    padding: 10px 15px;
}

.header-container .header-right .menu-item.menu-item-has-children {
    position: relative;
    margin-right: 10px;
}

.header-container .header-right .menu-item.menu-item-has-children:after {
    content: url('/wp-content/uploads/2024/04/fleche-menu.png');
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.header-container .header-right .menu-item.menu-item-has-children .sub-menu {
    display: none;
    list-style: none;
    padding-inline-start: 0;
    background: #fff;
    position: absolute;
    top: 100%;
    left: -10px;
    padding: 10px;
}

.header-container .header-right .menu-item.menu-item-has-children:hover .sub-menu {
    display: block;
}

.header-container .header-right .menu-item.menu-item-has-children .sub-menu li a {
    font-size: 14px;
}

.header-container .header-right .menu-item:last-of-type {
    margin-right: 0;
}

.header-container .header-right .menu-item.current-menu-item a{
    color: #E37531;;
}

.header-container .header-right .menu-item.contact a {
    color: #fff;
    border-radius: 25px;
    background: #E37531;
    padding: 10px 40px;
    border: 2px solid #E37531;
    transition: ease-out .2s;
}

.header-container .header-right .menu-item.contact:hover a {
    color: #E37531;
    background: transparent;
}

.header-container .header-right .menu-item a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    transition: ease-out .2s;
    font-size: 16px;
}

.header-container .header-right .menu-item a:hover {
    color: #F3823A;
}

.header-container .header-right .menu-item.booking {
    border: 1px solid #E37531;
    background: #E37531;
    border-radius: 25px;
    padding: 8px 25px;
    transition: ease-out .2s;
}

.header-container .header-right .menu-item.booking:hover {
    background: #ffffff;
}

.header-container .header-right .menu-item.booking a {
    color: #ffffff;
}

.header-container .header-right .menu-item.booking:hover a {
    color: #E37531;
}


@media screen and (max-width:1200px){
    .header-container {
        padding: 0 50px;
    }

    #logo img {
        max-width: 190px;
    }

    .header-container .header-right {
        padding-bottom: 10px;
    }

    .header-container .header-right #nav-wrap {
        z-index: 99999999;
        transition: ease-in-out .2s;
        align-self: flex-end;
        width: initial;
        padding: 10px 0;
    }

    .header-container .header-left #logo {
        width: initial;
        height: initial;
    }

    #nav-wrap label::after {
        content: "Menu";
        color: #000;
        position: absolute;
        right: 100%;
        padding-right: 10px;
        text-transform: uppercase;
        transition: ease-in-out .2s;
        font-size: 18px;
        line-height: 1.5;
    }

    #nav-wrap label{ 
        display: block; 
    }

    #nav-wrap label:hover { cursor: pointer; }

    #nav-wrap input {
        display: none;
    }

    #nav-wrap input + label{
        height: 20px;
        width: 30px;
        z-index: 5;
        position: relative;
    }

    #nav-wrap input + label span{
        position: absolute;
        width: 100%;
        height: 2px;
        top: 50%;
        margin-top: -1px;
        right: 0;
        display: block;
        background: #000000;
        transition: .5s;
    }
    #nav-wrap input + label span:first-child{ top: 3px; }

    #nav-wrap input + label span:last-child{ top: 17px; width: 50%; }

    #nav-wrap input:checked + label span{
        opacity: 0;
        top: 50%;
    }
    #nav-wrap input:checked + label span:first-child{
        opacity: 1;
        transform: rotate(405deg);
    }

    #nav-wrap input:checked + label span:last-child{
        opacity: 1;
        transform: rotate(-405deg);
        width: 100%;
    }


    #nav-wrap input:checked ~ #nav-container{
        height: 100%;
        position: fixed;
        width: 100%;
        right: 0;
        left: inherit;
        transform: translate(0);
    }

    #nav-wrap input:checked ~ #nav-container .menu{ display: block; }

    #nav-wrap #nav-container {
        height: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        background: #F3F3F3;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: translate(100%);
        transition: transform ease-in-out .6s;
    }
    #nav-wrap #nav-container::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #F3F3F3;
        z-index: 99999;
    }

    #nav-wrap #nav-container .menu{ 
        display: none;
        width: 80%;
        max-width: 300px;
        list-style: none;
        padding: 0;
        margin: 0;
        flex: inherit;
        z-index: 999999;
    }

    .header-container .header-right .menu-item.current-menu-item a {
        color: #000000;
    }

    #nav-wrap #nav-container .menu>li.menu-item-has-children{
        position: relative;
        z-index: 1;
    }

    .header-container .header-right .menu-item.menu-item-has-children:after {
        top: 10px;
        right: 10px;
        transform: initial;
        transition: ease-out .2s;
    }

    .header-container .header-right .menu-item.menu-item-has-children.active:after {
        transform: rotate(180deg);
    }

    #nav-wrap #nav-container .menu>li {
        border-bottom: .5px solid;
        margin: 0;
        padding: 10px 0 5px;
        text-align: center;
        background: transparent!important;
    }
    #nav-wrap #nav-container .menu>li:last-of-type {
        border: none;
    }
    #nav-wrap #nav-container .menu>li > a {
        color: #000000;
        font-size: 18px;
        text-transform: uppercase;
        padding: 0;
        display: block;
        text-decoration: none;
        font-weight: 500;
    }
    .header-container .header-right .menu-item.contact a {
        border-radius: initial;
        background: initial;
        border: initial;
    }

    #nav-wrap #nav-container .menu>li .sub-menu{ 
        display: none;
        width: 100%;
        left: initial;
        top: initial;
        padding: 0;
        position: initial;
        background: transparent;
    }

    #nav-wrap #nav-container .menu>li .sub-menu li {
        padding: 10px;
        margin: 0;
        border-bottom: .5px solid;
    }
    #nav-wrap #nav-container .menu>li .sub-menu li a {
        font-size: .9em;
        display: block;
        text-transform: uppercase;
        font-weight: 400;
    }

    #nav-wrap #nav-container .menu>li .sub-menu li:last-of-type { border-bottom: 0; }

    #nav-wrap #nav-container .menu>li:hover .sub-menu{ 
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 992px){
    .header-container {
        padding: 0 20px;
    }
}

/*** Banner ***/

.banner-content {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    width: 650px;
}

.banner-content .banner-sitename {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    color: #ffffff;
}

.banner-content .banner-title {
    line-height: 45.5px;
    margin: 1rem 0;
    font-size: 40px;
    color: #ffffff;
}

.banner-content .ouverture {
    color: #E37531;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    background: #F6EFE9;
    display: inline-block;
    padding: 13px 15px 10px;
    border-radius: 20px;
    line-height: 1;
}

body:not(.home) .banner-content {
    left: 0;
    background: rgba(255,255,255, .75);
    padding: 50px 50px 50px 100px;
    border-top-right-radius: 100px;
}

@media screen and (max-width: 1200px){
     .banner-content {
        left: 50px;
    }

    .banner-content .banner-sitename {
        font-size: 30px;
    }

    .banner-content .banner-title {
        font-size: 33px;
        padding: 0;
    }

    .banner-content .ouverture p {
        margin-bottom: 0;
    }

    body:not(.home) .banner-content {
        padding: 50px;
    }
}

@media screen and (max-width: 992px){
    .home #banner {
        height: 100vh;
    }

    .banner-content {
        left: 20px;
        width: calc(100% - 40px);
        top: 45%;
    }

    body:not(.home) .banner-content {
        padding: 20px;
        border-radius: initial;
    }

    body:not(.home) .banner-content .banner-title {
        text-align: center;
    }
}

@media screen and (max-width:767px){
    body:not(.home) #banner {
        height: 300px;
    }

    body:not(.home) #banner .banner-content {
        top: 50%;
    }
}

@media screen and (max-width: 650px){
    .banner-content .banner-sitename {
        font-size: 14px;
        letter-spacing: 0;
        font-weight: 500;
    }

    .banner-content .banner-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .banner-content .ouverture {
        font-size: 14px;
    }
}


/*** Bloc resa ***/

#bloc-resa {
    position: absolute;
    bottom: 5%;
    left: 100px;
    transform: translate(0, -5%);
    -webkit-transform: translate(0, -5%);
    -moz-transform: translate(0, -5%);
    -ms-transform: translate(0, -5%);
    -o-transform: translate(0, -5%);
}

@media screen and (max-width: 1200px){
    #bloc-resa {
        left: 50px;
    }
}

@media screen and (max-width: 992px){
    #bloc-resa {
        left: 20px;
        width: calc(100% - 20px);
    }

    #bloc-resa #form-resa .reservation__data, #bloc-resa #form-resa #select-type {
        min-width: 200px;
        padding: 5px;
    }

    #form-resa .reservation__data:after {
        content: none!important;
    }

    #bloc-resa #form-resa > div {
        width: initial;
        flex: 1;
    }

    #bloc-resa #form-resa #submit-resa {
        flex: initial;
        height: 50px;
    }

    #form-resa #submit-resa #dispo-resa {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 767px){
    #bloc-resa {
        padding: 20px;
        width: calc(100% - 40px);
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    #bloc-resa #form-resa {
        flex-direction: column;
        justify-content: stretch;
    }

    #bloc-resa #form-resa > div {
        width: calc(100% - 1rem);
        margin: 0.5rem!important;
    }

    #bloc-resa #form-resa #submit-resa .icon-submit {
        width: 30px!important;
        height: 30px!important;
    }

    .daterangepicker {
        width: calc(100% - 40px)!important;
        left: 20px!important;
        z-index: 99999999;
    }

    .daterangepicker .drp-calendar {
        max-width: 100%!important;
    }
}

@media screen and (max-width: 550px){
    #bloc-resa {
        bottom: 10px;
    }

    #bloc-resa #form-resa > div {
        margin: 5px!important;
        width: calc(100% - 10px);
    }

    #form-resa #submit-resa {
        height: 40px!important;
    }

    #form-resa #submit-resa #dispo-resa {
        width: 100%!important;
        height: 100%!important;
    }
}

/* Resa */

#form-resa {
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
    box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
    border-radius: 10px;
}

#form-resa * {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#form-resa div {
    width: 100%;
    margin: 0 .5rem;
}

.reservation__data {
    position: relative;
    margin-left: 0;
}

#form-resa #select-type {
    width: 100%;
    position: relative;
}

#form-resa input {
    border: none;
    width: 100%;
    height: 100%;
    position: relative;
    background: transparent;
    cursor: pointer;
    font-size: 19px; 
}

#form-resa select {
    border: none;
    height: 100%;
    position: relative;
    background: transparent;
    cursor: pointer;
    font-size: 19px; 
    -webkit-appearance: none!important; 
    -moz-appearance: auto;
    -ms-appearance: auto;
    -o-appearance: auto;
    appearance: auto;
}

#form-resa input:focus-visible, #form-resa select:focus-visible {
    outline: none!important;
}

#form-resa .reservation__data, #form-resa #select-type {
    min-width: 300px;
    position: relative;
    margin: 0 15px;
}

#form-resa .reservation__data:after {
    content: '';
    width: 1px;
    height: 80%;
    background: #000000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#form-resa .reservation__data:before {
    content: url('/wp-content/uploads/2024/04/calendrier.png');
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    line-height: 0;
}

#form-resa .reservation__ux {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 0;
    font-size: 19px; 
    padding-left: 40px;
    width: calc(100% - 40px);
    line-height: 0;
}

#form-resa #reservation__dates {
    position: relative;
    padding-left: 40px;
    width: calc(100% - 40px);
}

#form-resa #submit-resa {
    margin-right: 0;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background: #E37531;
    position: relative;
}

#form-resa #submit-resa #dispo-resa {
    border-radius: 10px;
    background: transparent;
    width: 70px;
    height: 70px;
    cursor: pointer; 
    position: relative;
    z-index: 2!important;
}

#form-resa #submit-resa .icon-submit {
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    z-index: 0!important;
    width: 40px!important;
    height: 40px;
}

.reservation__data--date .reservation__field,.reservation__data--date.clicked .reservation__ux {
    color: transparent;
}

.reservation__data--date.clicked .reservation__field {
    color: #000;
}

/*** Réassurance ***/
#reassurance, .avantages.deep{
    padding: 0 100px;
    width: calc(100% - 200px);
    background: rgba(237, 224, 211, 0.50);
}

#reassurance .avantages, .avantages.deep{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

#reassurance .avantages .bloc, .avantages.deep .bloc{
    flex: 1;
    margin: 20px;
    text-align: center;
    max-width: 200px;
}

#reassurance .avantages .bloc p, .avantages.deep .bloc p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
}

@media screen and (max-width: 1200px){
    #reassurance, .avantages.deep{
        padding: 0 50px;
        width: calc(100% - 100px);
    }

    #reassurance .avantages, .avantages.deep {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 992px){
    #reassurance, .avantages.deep {
        padding: 0 20px;
        width: calc(100% - 40px);
    }

    #reassurance .avantages .bloc, .avantages.deep .bloc{
        flex: initial;
        max-width: initial;
        width: calc(33.33% - 40px);
    }
}

@media screen and (max-width: 767px){
    #reassurance .avantages .bloc, .avantages.deep .bloc {
        width: 100%;
        margin: 10px 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        max-width: 400px;
    }

    #reassurance .avantages .bloc img, .avantages.deep .bloc img {
        max-width: 100px;
    }

    #reassurance .avantages .bloc p, .avantages.deep .bloc p {
        margin: 0 0 0 10px;
        text-align: left;
        font-size: 16px;
    }
}

.text-image-new {
    padding: 3rem 100px;
    width: calc(100% - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

body:not(.home) .text-image-new.style1 {
    padding: 1rem 100px;
}

body:not(.home) .text-image-new.style1.background-marron {
    background: #F6EFE9;
}

.text-image-new.style1.image-left .text-image-new-colonne:last-of-type {
    padding-left: 0;
}

.text-image-new.style1.image-left .text-image-new-colonne:first-of-type {
    padding-right: 0;
}

.text-image-new .text-image-new-titre {
    text-align: left;
    display: block;
    margin: 2rem 0;
}

.text-image-new.image-right {
    flex-direction: row;
}

.text-image-new.image-left {
    flex-direction: row-reverse;
}

.text-image-new .text-image-new-colonne {
    width: 50%;
    padding: 1rem;
}

.text-image-new .text-image-new-colonne .lire-plus, .text-image-new .text-image-new-colonne .lire-moins {
    font-weight: 500;
    color: #C4C4C4;
    cursor: pointer;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.text-image-new .text-image-new-colonne .lire-plus.hide, .text-image-new .text-image-new-colonne .lire-moins.hide {
    display: none;
}


.text-image-new .text-image-new-colonne .lire-plus:after {
    content: url('/wp-content/uploads/2024/04/fleche-text.png');
    line-height: 0;
    margin-left: 5px;
}

.text-image-new .text-image-new-colonne .lire-moins:after {
    content: url('/wp-content/uploads/2024/04/fleche-text.png');
    line-height: 0;
    margin-left: 5px;
    transform: rotate(180deg);
}

.text-image-new .text-image-new-colonne .text-image-new-content-more.hide {
    height: 0;
    overflow: hidden;
}

.text-image-new .text-image-new-colonne .bouton {
    margin: 2rem auto 2rem 0;
}

.text-image-new .text-image-new-colonne .text-image-new-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 1200px){
    .text-image-new {
        padding: 1rem 50px!important;
        width: calc(100% - 100px);
    }
}

@media screen and (max-width: 992px){
    .text-image-new {
        padding: 1rem 20px!important;
        width: calc(100% - 40px);
    }

    .text-image-new.image-left.style1 {
        flex-direction: column;
    }

    .text-image-new.image-right.style1 {
        flex-direction: column;
    }

    .text-image-new.style1 .text-image-new-colonne{
        width: 100%;
        padding: 1rem 0;
    }

    .text-image-new.style1 .text-image-new-titre {
        text-align: center;
    }

    .text-image-new.style1 .text-image-new-colonne .bouton {
        margin: 2rem auto 0;
    }
}

/* Style 2 Image inclinée */

.text-image-new.style2.image-right .text-image-new-thumb {
    width: calc(100% - 4rem);
    height: 100%;
    border-radius: 0 150px 0 150px;
    padding: 2rem;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -o-transform: rotate(7deg);
}

.text-image-new.style2.image-left .text-image-new-thumb {
    width: calc(100% - 4rem);
    height: 100%;
    border-radius: 0 150px 0 150px;
    padding: 2rem;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

.text-image-new.style2.image-right .text-image-new-colonne:first-of-type, .text-image-new.style2.image-left .text-image-new-colonne:last-of-type {
    padding-left: 0;
}

.text-image-new.style2.image-right .text-image-new-colonne:last-of-type, .text-image-new.style2.image-left .text-image-new-colonne:first-of-type {
    padding-right: 0;
}

@media screen and (max-width: 992px){
    .text-image-new.style2 {
        flex-direction: column;
        margin: 0 0 3rem;
    }

    .text-image-new.style2 .text-image-new-colonne {
        width: 100%;
        padding: 1rem 0;
    }

    .text-image-new.style2 .text-image-new-colonne .text-image-new-titre {
        text-align: center;
    }

    .text-image-new.style2 .text-image-new-colonne .bouton {
        margin: 2rem auto;
    }
}

/* Style 3 Image inclinée + background texte  */

.text-image-new.style3.image-right, .text-image-new.style3.image-left {
    padding: 3rem 0;
    width: 100%;
}

.text-image-new.style3.image-right .text-image-new-thumb {
    width: calc(100% - 4rem);
    height: 100%;
    border-radius: 150px 0 150px 0;
    padding: 2rem;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

.text-image-new.style3.image-left .text-image-new-thumb {
    width: calc(100% - 4rem);
    height: 100%;
    border-radius: 0 150px 0 150px;
    padding: 2rem;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -o-transform: rotate(7deg);
}

.text-image-new.style3.image-right .text-image-new-colonne:first-of-type, .text-image-new.style3.image-left .text-image-new-colonne:first-of-type {
    position: relative;
    background: #fff;
    padding: 2rem;
}

.text-image-new.style3.image-right .text-image-new-colonne:first-of-type:before, .text-image-new.style3.image-left .text-image-new-colonne:first-of-type:before {
    content: '';
    width: 100%;
    height: calc(100% + 150px);
    background: #F6EFE9;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1;
}

.text-image-new.style3.image-right .text-image-new-colonne:last-of-type {
    z-index: -1;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
}

.text-image-new.style3.image-left .text-image-new-colonne:last-of-type {
    z-index: -1;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
}

@media screen and (max-width:1200px){
    .text-image-new.style3.image-right .text-image-new-colonne:first-of-type, .text-image-new.style3.image-left .text-image-new-colonne:first-of-type {
        padding: 0 50px;
    }

    .text-image-new.style3.image-left .text-image-new-colonne:last-of-type {
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -o-transform: translateX(50px);
    }
}

@media screen and (max-width:992px){
    .text-image-new.style3.image-right, .text-image-new.style3.image-left {
        padding: 3rem 20px;
        width: calc(100% - 40px);
    }

    .text-image-new.style3.image-right {
        flex-direction: column-reverse;
    }

    .text-image-new.style3.image-left {
        flex-direction: column;
    }

    .text-image-new.style3 .text-image-new-colonne {
        width: 100%;
        padding: 1rem 0;
    }

    .text-image-new.style3.image-left .text-image-new-colonne:last-of-type {
        transform: initial;
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial;
    }

    .text-image-new.style3 .text-image-new-titre {
        text-align: center;
    }

    .text-image-new.style3 .bouton {
        margin: 2rem auto;
    }
}


/* Style 4 Background avec coin arrondi */

.text-image-new.style4 .text-image-new-titre {
    color: #E37531;
}

.text-image-new.style4.image-right, .text-image-new.style4.image-left {
    align-items: stretch;
    position: relative;
    width: 95%;
    margin: 3rem 0 9rem;
}

.text-image-new.style4.image-right {
    padding: 0 0 0 100px;
}

.text-image-new.style4.image-left {
    padding: 0 100px 0 0;
}

.text-image-new.style4.image-right:before {
    content: '';
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 232px 0px 0px 0px;
    background: #F6EFE9;
    z-index: -1;
}

.text-image-new.style4.image-left:before {
    content: '';
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 0 232px 0px 0px;
    background: #F6EFE9;
    z-index: -1;
}

.text-image-new.style4.image-right .text-image-new-colonne:first-of-type {
    align-self: center;
    padding: 4rem 2rem 4rem 4rem;
}

.text-image-new.style4.image-right .text-image-new-colonne:last-of-type, .text-image-new.style4.image-left .text-image-new-colonne:last-of-type {
    padding: 0;
}

.text-image-new.style4.image-right .text-image-new-colonne:last-of-type .text-image-new-thumb, .text-image-new.style4.image-left .text-image-new-colonne:last-of-type .text-image-new-thumb{
    transform: translateY(75px);
}

.text-image-new.style4.image-left .text-image-new-colonne:first-of-type {
    align-self: center;
    padding: 4rem 4rem 4rem 2rem;
}

@media screen and (max-width: 1200px){
    .text-image-new.style4.image-right .text-image-new-colonne:first-of-type {
        padding: 4rem 2rem 4rem 0rem;
    }
}

@media screen and (max-width: 992px){
    .text-image-new.style4.image-right {
        flex-direction: column;
        padding: 0 20px;
        width: calc(100% - 40px);
        margin: 3rem 0 0rem;
    }

    .text-image-new.style4.image-right:before {
        width: 100%;
        border-radius: 0;
    }

    .text-image-new.style4 .text-image-new-colonne {
        width: 100%;
        padding: 1rem 0!important;
    }

    .text-image-new.style4 .text-image-new-titre {
        text-align: center;
    }

    .text-image-new.style4 .text-image-new-colonne .bouton {
        margin: 2rem auto 0;
    }

    .text-image-new.style4.image-right .text-image-new-colonne:last-of-type .text-image-new-thumb, .text-image-new.style4.image-left .text-image-new-colonne:last-of-type .text-image-new-thumb {
        transform: initial;
    }
}

/*** Image full + text ***/

.image-full-text {
    margin: 3rem 0;
    padding: 265px 100px 50px 100px;
    position: relative;
    width: calc(100% - 200px);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.image-full-text .image-full-text-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-full-text .image-full-text-container {
    padding: 46px 93px 39.59px 45.59px;
    background: #F6EFE9;
    width: 50%;
    z-index: 1;
}

.image-full-text .image-full-text-container .image-full-text-titre {
    margin: 0 0 1.5rem 0;
}

.image-full-text .image-full-text-container .image-full-text-content-more.hide {
    display: none;
}

.image-full-text .image-full-text-container .lire-plus {
    font-weight: 700;
    text-decoration-line: underline;
    cursor: pointer;
    display: inline-block;
    margin: 0;
}

.image-full-text .image-full-text-container .bouton {
    margin: 2rem auto 0 0;
}

@media screen and (max-width: 1200px){
    .image-full-text {
        padding: 200px 50px 50px 50px;
        width: calc(100% - 100px);
    }
}

@media screen and (max-width: 992px){
    .image-full-text {
        padding: 50px 20px;
        width: calc(100% - 40px);
    }

    .image-full-text .image-full-text-container {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .image-full-text .image-full-text-container .image-full-text-titre {
        text-align: center;
    }

    .image-full-text .image-full-text-container .image-full-text-content {
        text-align: justify;
    }

    .image-full-text .image-full-text-container .lire-plus{
        text-align: left;
    }

    .image-full-text .image-full-text-container .bouton {
        margin: 2rem auto 0;
    }
}

/*** Hébergements home ***/

.hebergement-home {
    width: calc(100% - 100px);
    overflow: hidden;
    padding: 60px 0 0 100px;
}

.hebergement-home h2 {
    text-align: center;
}

.hebergement-home .titre_gamme {
    font-size: 34px;
    font-weight: 500;
}

.hebergement-home .hebergement:first-of-type {
    margin-left: 0;
}

.hebergement-home .hebergement {
    align-content: flex-start;
}

.hebergement-home .glider-contain-hebergements{ width: 100% !important; }

.hebergement-home .glider-contain .glider-prev, .hebergement-home .glider-contain .glider-next {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    border-radius: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 1;
    transition: ease-out .2s;
}

.hebergement-home .glider-contain .glider-prev.disabled, .hebergement-home .glider-contain .glider-next.disabled {
    opacity: 0;
} 

.glider-contain .glider-prev{ background-image: url('images/prev.png'); left: -25px; }
.glider-contain .glider-next{ background-image: url('images/next.png'); right: 4%; }

.hebergement-home .hebergement {
    margin: 0.5rem;
    text-decoration: none;
    transition: ease-out .2s;
}

.hebergement-home .hebergement:not(.visible){
    filter: blur(5px);
}

.hebergement-home .hebergement_image {
    width: 100%;
    padding-bottom: 90%;
    position: relative;
}

.hebergement-home .heberg_image {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.hebergement-home .hebergement_content {
    text-align: left;
    background: #FFF5EF;
    padding: 25px 20px;
    max-width: 300px;
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
}

.hebergement-home .hebergement_content .hebergement_titre {
    color: #E37531;
    font-family: 'poppins';
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.hebergement-home .hebergement_content .hebergement_info {
    display: inline-block;
    color: #353541;
    vertical-align: bottom;
    margin: 5px 10px;
    color: #000;
    text-align: center;
    font-family: 'poppins';
    font-size: 14px;
    font-weight: 400;
}
.hebergement-home .hebergement_content .hebergement_info img {
    display: block;
    margin: 0 auto 5px;
    width: auto;
    height: 25px;
}

.hebergement-home .hebergement_content .hebergement_info:first-child { margin-left: 0; }
.hebergement-home .hebergement_content .hebergement_info:last-child { margin-right: 0; }

@media screen and (max-width: 1220px){
    .glider-contain .glider-next {
        right: 4%;
    }
}
@media screen and (max-width: 1200px){
    .hebergement-home {
        width: calc(100% - 50px);
        padding: 60px 0 0 50px;
    }

    .hebergement-home h2 {
        padding-right: 50px;
    }
}

@media screen and (max-width: 992px){
    .hebergement-home {
        width: calc(100% - 20px);
        padding: 60px 0 0 20px;
    }

    .hebergement-home h2 {
        padding-right: 20px;
    }

    .glider-contain .glider-next {
        right: 8%;
    }

    .hebergement-home .hebergement:not(.visible){
        filter: initial;
    }

    .hebergement-home .hebergement {
        margin: .5rem .5rem -30px;
    }

    .hebergement-home .titre_gamme {
        margin-top: 20px;
    }
}

@media screen and (max-width: 650px){
    .glider-contain .glider-next {
        right: 15%;
    }
}

/*** Intro home ***/

.bloc-texte.full {
    width: calc(100% - 200px);
    overflow: hidden;
    padding: 1rem 100px;
}

@media screen and (max-width: 1200px){
    .bloc-texte.full {
        width: calc(100% - 100px);
        padding: 1rem 50px;
    }
}

@media screen and (max-width: 992px){
    .bloc-texte.full {
        width: calc(100% - 40px);
        padding: 1rem 20px;
    }
}

.bloc-texte .lire-plus, .bloc-texte .lire-moins {
    font-weight: 500;
    color: #C4C4C4;
    cursor: pointer;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bloc-texte .lire-plus.hide, .bloc-texte .lire-moins.hide {
    display: none;
}


.bloc-texte .lire-plus:after {
    content: url('/wp-content/uploads/2024/04/fleche-text.png');
    line-height: 0;
    margin-left: 5px;
}

.bloc-texte .lire-moins:after {
    content: url('/wp-content/uploads/2024/04/fleche-text.png');
    line-height: 0;
    margin-left: 5px;
    transform: rotate(180deg);
}

.bloc-texte .bloc-texte-content-more.hide {
    height: 0;
    overflow: hidden;
}

/*** Image gallery ***/

.images-gallery {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    background: #F6EFE9;
    padding: 30px 0 50px 100px;
    height: 90vh;
    width: calc(100% - 100px);
}
.images-gallery .col-image {
    width: 50%;
}
.images-gallery .col-image:first-child, .images-gallery .col-image:last-child{
    width: 25%;
}
.images-gallery .image{
    overflow: hidden;
}
.images-gallery .col-image img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    padding: 20px;
}
.images-gallery .image-1{
    height: 90vh;
    margin-left: -20px;
}
.images-gallery .image-5{
    height: 90vh;
    margin-right: -20px;
}
.images-gallery .image-2, .images-gallery .image-3, .images-gallery .image-4{
    height: 45vh;
}
.images-gallery .image-2, .images-gallery .image-3 {
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}

@media screen and (max-width:1200px){
    .images-gallery {
        padding: 30px 0 50px 50px;
        height: 80vh;
        width: calc(100% - 50px);
    }

    .images-gallery .image-1, .images-gallery .image-5 {
        height: 80vh;
    }

    .images-gallery .image-2, .images-gallery .image-3, .images-gallery .image-4 {
        height: 40vh;
    }

    .images-gallery.scroll-x-mobile > div { 
        width: 100% !important;
    }
}

@media screen and (max-width:992px){
    .images-gallery {
        padding: 30px 0 50px 20px;
        height: 50vh;
        width: calc(100% - 20px);
        overflow: scroll;
    }

    .images-gallery.scroll-x-mobile:before {
        top: 25px;
        right: 40px;
    }

    .images-gallery .image-1, .images-gallery .image-5 {
        height: 50vh;
    }

    .images-gallery .image-2, .images-gallery .image-3, .images-gallery .image-4 {
        height: 25vh;
    }
}
/*** Avis ***/

.avis {
    width: 100%;
    padding: 3rem 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.avis .colonne {
    width: 50%;
}

.avis .avis-first {
    border-radius: 0px 0px 140px 0px;
    background: #F6EFE9;
    position: relative;
    min-height: 515px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 100px;
}

.avis .avis-first:before {
    content: url('/wp-content/uploads/2024/04/avis-background.png');
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}

.avis .avis-first .avis-personnes {
    position: absolute;
    top: 30px;
    right: -30px;
    z-index: 0;
    width: 250px;
    height: 233px;
}

.avis .avis-first h2 {
    text-align: left;
    margin: 0 0 30px 0;
    max-width: 350px;
    z-index: 1;
}

.avis .avis-first p {
    color: #E37531;
    font-size: 12px;
    font-weight: 500;
}

.avis .avis-first p span {
    color: #E37531;
    font-size: 24px;
    font-weight: 500;
}

.avis .avis-first .avis-etoiles {
    height: 20px;
}

.avis .avis-first .boutons-row {
    margin-top: 50px;
    justify-content: flex-start;
}

.avis .avis-first .boutons-row .bouton {
    margin: 0 1rem;
    padding: .8rem 2.5rem;
    font-weight: 500;
}

.avis .avis-first .boutons-row .bouton:hover {
    font-weight: 500!important;
}

.avis .avis-first .boutons-row .bouton:first-of-type {
    margin-left: 0;
}

.avis .avis-first .boutons-row .bouton:last-of-type {
    color: #fff;
    background: #E37531;
}

.avis .avis-first .boutons-row .bouton:last-of-type:hover {
    color: #E37531;
    background: transparent;
}

.avis .avis-second {
    padding: 60px 100px 60px 70px;
}

.avis .avis-second .titre {
    font-size: 24px;
    font-weight: 600;
}

.avis .avis-second .contenu {
    margin: 50px 0;
}

.avis .avis-second .contenu .quote{
    font-family: 'playfair_displayregular';
    font-size: 22px;
}

@media screen and (max-width: 1300px){
    .avis .avis-first {
        padding-left: 50px;
    }
}

@media screen and (max-width: 1200px){
    .avis {
        flex-wrap: wrap;
        justify-content: center;
        padding: 3rem 50px;
        width: calc(100% - 100px);
    }

    .avis .colonne {
        width: 100%;
    }

    .avis .avis-second {
        padding: 1rem;
    }
}

@media screen and (max-width: 992px){
    .avis {
        padding: 3rem 20px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 600px){
    .avis .avis-first .boutons-row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .avis .avis-first .boutons-row .bouton {
        margin: .5rem 0!important;
    }

    .avis .avis-first .avis-personnes {
        display: none;
    }

    .avis .avis-first {
        padding: 20px;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        min-height: initial;
    }

    .avis .avis-first h2 {
        max-width: 100%;
        text-align: center;
    }
}

/*** Listing pages icones ***/

.liste-de-page-icones-container {
    background: #F6EFE9;
    padding: 3rem 100px;
    width: calc(100% - 200px);
}

.liste-de-page-icones-container h2 {
    margin-bottom: 30px;
    text-align: center;
}

.liste-de-page-icones {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.liste-de-page-icones .cta-icone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(20% - 2rem);
    margin: 1rem;
    padding: 1rem;
    box-shadow: 22px 31px 23px rgba(117, 108, 101, 0.08);
    border-radius: 30px;
    text-decoration: none;
    transition: ease-out .2s;
}

.liste-de-page-icones .cta-icone:hover {
    box-shadow: 22px 31px 23px rgb(117 108 101 / 34%);
}

.liste-de-page-icones .cta-icone p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 0;
}

@media screen and (max-width: 1200px){
    .liste-de-page-icones-container {
        padding: 3rem 50px;
        width: calc(100% - 100px);
    }

    .liste-de-page-icones-container .liste-de-page-icones {
        flex-wrap: wrap;
    }

    .liste-de-page-icones-container .liste-de-page-icones .cta-icone {
        width: calc(33.33% - 4rem);
    }
}

@media screen and (max-width: 992px){
    .liste-de-page-icones-container {
        padding: 3rem 0;
        width: 100%;
    }

    .liste-de-page-icones-container .liste-de-page-icones .cta-icone {
        flex: initial;
        max-width: initial;
    }
}

@media screen and (max-width: 767px){
    .liste-de-page-icones-container .liste-de-page-icones {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: scroll;
    }

    .liste-de-page-icones-container .liste-de-page-icones .cta-icone {
        min-width: 280px;
        margin: 2rem 1rem;
        box-shadow: 22px 23px 23px rgba(117, 108, 101, 0.08);
    }
}

/*** FAQ ***/

.faq {
    background: #F6EFE9;
    padding: 3rem 100px;
    width: calc(100% - 200px);
}

.faq h2 {
    text-align: center;
}

.faq .faq-container {
    display: flex;
}

.faq .faq-container.one-colonne {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.faq .faq-container.two-colonne {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.faq .faq-container.one-colonne details {
    width: calc(100% - 140px);
    max-width: 80%;
}

.faq .faq-container.two-colonne details {
    width: calc(50% - 140px);
}

.faq .faq-container details {
    margin: 15px 20px;
    padding: 10px 50px 10px 50px;
    border-radius: 25px;
    background: #F3823A;
}

.faq .faq-container details summary {
  width: 100%;
  position: relative;
  cursor: pointer;
  list-style: none;
  padding-right: .5rem;
}

.faq .faq-container details summary:before {
  content: "+";
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  top: 50%;
  right: -25px;
  transform-origin: center;
  transition: 200ms linear;
  color: #fff;
}

.faq .faq-container details summary span {
  width: fit-content;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.faq .faq-container details p, .faq .faq-container details strong, .faq .faq-container details ul li, .faq .faq-container details a {
  color: #fff;
}

.faq .faq-container details summary::-webkit-details-marker {
  display: none;
}

.faq .faq-container details[open] summary ~ * {
  animation: open 0.5s ease-in-out;
}

.faq .faq-container details[open] summary:before {
  transform: rotate(135deg);
}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width:1200px){
    .faq {
        padding: 3rem 50px;
        width: calc(100% - 100px);
    }

    .faq .faq-container.one-colonne details {
        width: calc(100% - 100px);
        margin: 10px 0;
        max-width: initial;
    }

    .faq .faq-container.two-colonne details {
        width: calc(100% - 100px);
        margin: 10px 0;
    }
}

@media screen and (max-width:992px){
    .faq {
        padding: 3rem 20px;
        width: calc(100% - 40px);
    }
}

/*** Bloc listing pages home ***/

.liste-de-page-home {
    padding: 3rem 100px;
    width: calc(100% - 200px);
}

.liste-de-page-home-titre {
    color: #000;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 2rem;
}

.liste-de-page-articles {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    padding-inline-start: 0;
    list-style: none;
}

.liste-de-page-articles li {
    flex: 1;
    padding: 15px;
    margin: .5rem;
    background: #fff;
    box-shadow: 1px 4px 10px #f2f2f2;
    overflow: hidden;
    transition: .2s ease-in-out;
    border-radius: 5px;
}

.liste-de-page-articles li:hover {
    background: #f3f3f3;
}

.liste-de-page-articles li a {
    text-decoration: none;
}

.liste-de-page-articles li .cta-img {
    height: 300px;
    margin-bottom: 10px;
}

.liste-de-page-articles li .cta-titre {
    color: #000;
    text-align: center;
    font-family: 'poppins';
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width:1200px){
    .liste-de-page-home {
        padding: 5rem 50px;
        width: calc(100% - 100px);
    }

    .liste-de-page-articles {
        flex-wrap: wrap;
        justify-content: center;
    }

    .liste-de-page-articles li {
        flex: initial;
        width: calc(33.33% - 3rem);
    }
}

@media screen and (max-width:992px){
    .liste-de-page-home {
        padding: 5rem 20px;
        width: calc(100% - 40px);
    }

    .liste-de-page-articles li {
        flex: initial;
        width: calc(50% - 3rem);
    }
}

@media screen and (max-width:650px){
    .liste-de-page-articles li {
        flex: initial;
        width: 100%;
        margin: .5rem 0;
    }
}

/*** Bloc autres campings ***/

.autres-campings {
    padding: 3rem 0;
    max-width: 100%;
    overflow: hidden;
}

.autres-campings h2 {
    margin-bottom: 3rem;
    text-align: center;
}

.autres-campings .cta-camping {
    margin: 0 15px;
    max-width: fit-content;
    text-decoration: none;
}

.autres-campings .cta-camping > img {
    border-radius: 105px 0px 0px 0px;
}

.autres-campings .cta-camping p {
    margin: .5rem 0;
}

.autres-campings .cta-camping .cta-camping-nom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000;
    font-family: 'poppins';
    font-size: 16px;
    font-weight: 700;
    margin-top: 1rem;
    line-height: 0;
}

.autres-campings .cta-camping .cta-camping-nom img {
    display: inline-block;
    margin-left: .5rem;
    margin-top: -2px;
    height: 15px;
}

.autres-campings .slick-prev, .autres-campings .slick-next {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    border-radius: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 1;
    transition: ease-out .2s;
}

.autres-campings .slick-prev:before, .autres-campings .slick-next:before {
    content: none;
}

.autres-campings .slick-prev {
    background-image: url('images/prev.png');
    left: 100px;
    z-index: 1;
}

.autres-campings .slick-prev:hover {
    background-image: url('images/prev.png');
}

.autres-campings .slick-next {
    background-image: url('images/next.png');
    right: 100px;
}

.autres-campings .slick-next:hover {
    background-image: url('images/next.png');
}

.autres-campings .slick-prev.slick-disabled, .autres-campings .slick-next.slick-disabled {
    opacity: 0;
}

@media screen and (max-width: 992px){
    .autres-campings .slick-prev {
        left: 50px;
    }

    .autres-campings .slick-next {
        right: 50px;
    }
}

@media screen and (max-width: 767px){
    .autres-campings .slick-prev {
        left: 20px;
    }

    .autres-campings .slick-next {
        right: 20px;
    }

    .autres-campings .cta-camping .cta-camping-nom {
        line-height: initial;
        align-items: flex-start;
    }
}

@media screen and (max-width: 400px){
    .autres-campings .cta-camping .cta-camping-nom {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .autres-campings .cta-camping .cta-camping-nom img {
        margin-top: 5px;
        margin-left: 0;
    }
}

/*** FOOTER ***/

footer {
    background: rgba(237, 224, 211, 0.50);
}

.footer_wrap {
    padding: 5rem 100px;
    width: calc(100% - 200px);
    margin: 0;
}

.footer_wrap .colonnes {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.footer_wrap .colonnes .colonne {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 2rem;
}

.footer_wrap .colonnes .colonne:first-of-type {
    padding-left: 0;
}

.footer_wrap .colonnes .colonne:last-of-type {
    padding-right: 0;
}

.logo-footer {
    display: block;
    margin: 0 auto 1rem;
}

.coord-line {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    line-height: 1.5;
}

.coord-line .icon {
    width: 25px;
    height: 25px;
    margin-right: 1rem;
}

.coord-line, .coord-line a {
    font-weight: 400;
}

.coord-line .icon svg path{
    fill: #E37531;
}

.coord-line a{
    color: #000;
}

.social-wrap {
    margin-top: 1rem;
    display: flex;
}

.social-wrap a {
    width: 30px;
    height: 30px;
    display: flex;
    padding: 0;
    text-decoration: none;
    margin: 0 0.5rem;
}

.social-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E37531;
    font-size: 1.5rem;
}

.social-top:first-of-type {
    margin-left: 0;
}

.footer-title {
    color: #000;
    font-family: 'poppins';
    font-size: 16px;
    font-weight: 700;
    margin: 1.5rem 0;
}

.useful-links {
    margin: 0;
    padding-inline-start: 0;
    list-style: none;
}

.useful-links li {
    margin-bottom: 1rem;
}

.useful-links li a {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
}

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

.partners-title {
    color: #000;
    font-family: 'poppins';
    font-size: 20px;
    font-weight: 700;
    margin-right: 3rem;
}

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

.icon-footer {
    font-size: 5rem;
    margin: 0 1rem;
    line-height: initial;
    display: flex;
    align-items: center;
}

.partners, .copyright {
    background: #fff;
    padding: 2rem 5%;
}

.copyright {
    position: relative;
}

.copyright:before {
    content: '';
    width: 90%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: #000;
}

.copy-left, .copy-right {
    display: inline-block;
    vertical-align: middle;
}
.copy-left {
    width: 74%;
}
.copy-right {
    width: 25%;
}
.copy-right p {
    margin: 0;
    text-align: center;
    font-size: .9rem;
    font-style: italic;
    line-height: 1.2;
}

@media screen and (max-width: 1200px){
    .footer_wrap {
        padding: 5rem 50px;
        width: calc(100% - 100px);
    }
}

@media screen and (max-width: 1100px){
    .footer_wrap .colonnes {
        flex-wrap: wrap;
    }

    .footer_wrap .colonnes .colonne {
        display: flex;
        flex-direction: column;
        width: 50%!important;
        padding: 0;
    }
}

@media screen and (max-width: 992px){
    .footer_wrap {
        padding: 5rem 20px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 767px){
    .footer_wrap .colonnes {
        flex-wrap: wrap;
    }

    .footer_wrap .colonnes .colonne {
        width: 100%!important;
        padding: 0;
        align-items: center;
    }

    .social-wrap {
        margin: .5rem 0 2rem;
    }

    .footer-title {
        text-align: center;
    }

    .useful-links {
        text-align: center;
    }

    .partners {
        display: block;
        text-align: center;
    }

    .partners-title {
        margin: 0;
    }

    .partners-list {
        margin-top: 1rem;
        flex-wrap: wrap;
    }

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

    .copyright > div {
        width: 100%;
    }

    .copyright .copy-right {
        margin-top: 1rem;
    }

    .copyright .copy-right p {
        text-align: left;
    }
}

.wpml-ls-statics-footer {
    background: #fff;
}

/*** Refonte Category ***/

.category.scroll {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}

.category.scroll .cta {
    max-width: initial;
    width: calc(33.33% - 5rem);
    margin: 1rem;
    text-decoration: none;
}

@media screen and (max-width: 992px){
    .category.scroll .cta {
        width: calc(50% - 5rem);
    }
}

@media screen and (max-width:650px){
    .category.scroll .cta {
        width: calc(100% - 5rem);
    }
}


/*** Refonte single ***/

#section-single {
    width: calc(100% - 200px);
    margin: 0 100px;
}

@media screen and (max-width: 992px){
    #section-single {
        width: calc(100% - 100px);
        margin: 0 50px;
    }
}

@media screen and (max-width: 767px){
    #section-single {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
}

/*** Refonte single hébergement ***/

#banner.banner-hebergement {
    display: flex;
    flex-direction: row;
    height: 600px;
    padding-top: 80px;
    overflow: hidden;
}

.banner-hebergement h1 {
    color: #fff;
    text-shadow: 1px 4px 10px rgba(0,0,0,.9);
}

.banner-hebergement .bouton {
    margin: 2rem auto 2rem 0;
    background: #E37531;
    color: #fff;
}

.attributs {
    padding: 20px 100px;
    width: calc(100% - 200px);
}

.attributs-wrap {
    text-align: center;
}

.attributs-wrap .attribut {
    color: #353541;
    padding: 2rem 2rem;
    display: inline-block;
    width: auto;
}
.attributs-wrap .attribut img {
    display: block;
    margin: 0 auto 10px;
}

.hebergement-reservation {
    padding: 20px 100px;
    width: calc(100% - 200px);
}

@media screen and (max-width: 992px){
    #banner.banner-hebergement {
        flex-direction: column!important;
        height: auto;
        max-height: 1000px;
    }

    #banner.banner-hebergement .banner-content {
        order: 2;
        background-color: #ffffff;
        position: relative;
        height: auto;
        text-align: center;
        width: calc(100% - 40px);
        padding: 0 20px;
        display: block;
        top: initial;
        transform: initial;
        left: initial;
    }

    .banner-hebergement .bouton {
        margin: 1rem auto;
    }

    .attributs {
        padding: 20px 50px;
        width: calc(100% - 100px);
    }

    .attributs-wrap .attribut {
        padding: .5rem;
        font-size: 1rem;
        width: calc(33.33% - 1rem);
    }

    .attributs-wrap .attribut::before {
        width: 15px;
        height: 15px;
    }

    .hebergement-reservation {
        padding: 20px 50px;
        width: calc(100% - 100px);
    }
}

@media screen and (max-width: 767px){
    .attributs {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .hebergement-reservation {
        padding: 20px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 600px){
    .attributs-wrap .attribut {
        width: calc(50% - 1rem);
    }
}

section.mentions {
    padding: 2rem 0 3rem;
}

section.mentions ul {
    list-style-position: inside;
}

/* Guestapp */

div#guestapp-widget-note {
  border: 2px solid #E37531;
  background: #fff!important;
  color: #E37531;
  text-align: center;
    width: 125px;
    height: 125px;
    border-radius: 20px;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 9;
}

div#guestapp-widget-note img {
  display: none;
}

div#guestapp-widget-note .note, div#guestapp-widget-note .maximum-note {
    color: #E37531;
}

div#note-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#guestapp-widget-note i.fa.fa-star {
  font-size: 32px;
  display: block;
  text-align: center;
}

.note-wrap {
  position: absolute;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  text-align: center;
  color: #fff;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avis-wrap {
  display: none;
  position: relative;
  padding: 0px 30px 30px 110px;
  border-bottom: 1px solid;
  margin-bottom: 30px;
}

.avis-wrap.displayAvis {
  display: block !important;
}

.avis-wrap .star-ratings-css {
  margin-left: 0;
}

span.title-avis {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

span.content-avis {
  display: block;
  margin-bottom: 10px;
}

span.auteur-avis {
  font-weight: 500;
  font-size: 14px;
  margin-right: 5px;
}

time.date-avis {
  font-size: 12px;
  font-style: italic;
}

span.note {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

span.maximum-note {
  font-size: 17px;
  color: #fff;
}

#note-banner {
  color: #fff !important;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  position: relative;
  text-decoration: none;
  margin-left: -1px;
}

.avis-container {
  padding: 35px 0;
}

.star-ratings-css {
  color: #E37531;
  font-size: 25px;
  display: inline-block;
  line-height: 1;
  margin: 0 auto 10px;
  position: relative;
  padding: 0;
}

.star-ratings-css-top {
  color: #FF912C !important;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}

.star-ratings-css-top span {
  color: #FF912C !important;
}

.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

.guestapp-copyright {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.guestapp-copyright span {
  display: block;
  font-weight: 600;
}

.guestapp-copyright img {
  max-width: 150px;
}

.reponse-avis-link {
  font-weight: bold;
  padding: 10px 0;
  cursor: pointer;
}

.reponse-avis {
  padding: 0 15px;
}

span.reponse-date {
  font-style: italic;
  display: block;
  font-weight: bold;
  font-size: 12px;
}

div#seemore-avis {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 200px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  transition: 0.2s ease-out;
  cursor: pointer;
  font-weight: 500;
  border-radius: 50px;
  padding: 15px;
}

#no-reviews-title {
  text-align: right;
  font-style: italic;
}

img#preaload-reviews {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 50px;
}

@media screen and (max-width: 768px) {
  .avis-wrap {
    padding: 15px;
    margin-bottom: 15px;
  }

  .note-wrap {
    position: relative;
    margin: 5px 0;
  }

  span.title-avis {
    display: block;
  }
}