/* A SUPPRIMER A LA FIN */
@font-face {
    font-family: 'Mistrully';
    src: url('../fonts/MistrullyRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
  --white: #fff;
  --lightest: #F2F0EB;
  --lighter: #DDD;
  --gray: rgba(0,0,0,0.5);
  --dark: #3D3D3D;
  --black: #000;
  --primary: #5D7D61;
  --secondary: #5A4C3A;
  --tertiary: #C0C58A;
  --primary-hover: #4F6852;
  --secondary-hover: #4A3F30;
}


*{
    box-sizing: border-box;
    outline: none;
}

html{
    max-width: 100%;
    overflow-x: hidden;
}

body{
    margin: 0;
    padding-top: 100px;
    max-width: 100%;
	background: var(--lightest);	
    color: var(--dark);
    font-family:'Rubik', Arial, sans-serif;
    overflow-x: hidden;
}


.container{
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}

.container-right{
    max-width: calc(1200px + (100vw - 1200px) / 2);
    margin-left: auto;
    padding: 0 20px;

    @media (min-width: 1024px){
        padding: 0 32px 0 20px;
    }
}


a{
    text-decoration: none;
    transition: color 0.3s;
}

img{
    max-width: 100%;
}

ul{
    padding-left: 0;
}

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

.mb-3{
    margin-bottom: 30px!important;
}

.mb-6{
    margin-bottom: 60px!important;
}

.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 32px;
    border: 0;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    transition: background 0.3s;

    @media (min-width: 500px){
       width: fit-content;
    }
}

.btn.btn-primary{
    background: var(--primary);

    &:hover{
        background: var(--primary-hover);
    }
}

.btn.btn-secondary{
    background: var(--secondary);

    &:hover{
        background: var(--secondary-hover);
    }
}

.btn.btn-white{
    color: var(--black);
    background: var(--white);
    transition: background 0.3s;

    &:hover{
        background: var(--lighter);
        opacity: 1;
    }
}


h1,
h2,
h3,
h4,
h5,
h6,
.titre1,
.titre2,
.titre3,
.titre4{
    margin: 0;
    color: var(--black);
    font-family: "PT Serif", Times New Roman, serif;
    line-height: 1.1;
    font-weight: 400;
}

h1,
.titre1{
    font-size: 36px;

    @media (min-width: 1024px){
        font-size: 48px;
    }
}

h2,
.titre2{
    font-size: 30px;

    @media (min-width: 1024px){
        font-size: 36px;
    }
}

h3,
.titre3{
    font-size: 24px;

    @media (min-width: 1024px){
        font-size: 26px;
    }
}

h4,
.titre4{
    font-size: 20px;
}

p{
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

.lead p{
    font-size: 18px;
    line-height: 1.6;

    @media (min-width: 1024px){
        font-size: 20px;
    }
}

p.small{
    font-size: 14px;
}


.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
    gap: 32px 0;
}

.row.reverse-lg{
    @media (min-width: 1024px){
        flex-direction: row-reverse;
    }
}

[class*="col-"]{
    width: 100%;
    padding: 0 16px;
}

.col-sm-6{
    @media (min-width: 600px){
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.col-md-4{
    @media (min-width: 768px){
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
}

.col-lg-3{
    @media (min-width: 1024px){
        max-width: 25%;
        flex: 0 0 25%;
    }
}

.col-lg-4{
    @media (min-width: 1024px){
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
}

.col-lg-5{
    @media (min-width: 1024px){
        max-width: 41.666%;
        flex: 0 0 41.666%;
    }
}

.col-lg-6{
    @media (min-width: 1024px){
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.col-lg-7{
    @media (min-width: 1024px){
        max-width: 58.333%;
        flex: 0 0 58.333%;
    }
}

.col-lg-8{
    @media (min-width: 1024px){
        max-width: 66.666%;
        flex: 0 0 66.666%;
    }
}

.col-lg-9{
    @media (min-width: 1024px){
        max-width: 75%;
        flex: 0 0 75%;
    }
}

.col-xl-3{
    @media (min-width: 1300px){
        max-width: 25%;
        flex: 0 0 25%;
    }
}

.col-xl-4{
    @media (min-width: 1300px){
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
}

.col-xl-5{
    @media (min-width: 1300px){
        max-width: 41.666%%;
        flex: 0 0 41.666%%;
    }
}

.col-xl-6{
    @media (min-width: 1300px){
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.col-xl-7{
    @media (min-width: 1300px){
        max-width: 58.333%;
        flex: 0 0 58.333%;
    }
}

.col-xl-8{
    @media (min-width: 1300px){
        max-width: 66.666%;
        flex: 0 0 66.666%;
    }
}

.col-xl-9{
    @media (min-width: 1300px){
        max-width: 75%;
        flex: 0 0 75%;
    }
}


.tag{
    display: block;
    margin-bottom: 8px;
    color: var(--gray);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 8%;
}




/* HEADER */

.headerSite{
    background: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 12px 0;
}

.headerSite .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logoSite{
    max-width: 185px;
}

.menuSite{
    @media (max-width: 1199px){
        position: fixed;
        top: 100px;
        right: 0;
        display: flex;
        height: 100vh;
        overflow: auto;
        width: 100%;
        background: var(--white);
        z-index: 9999;
        border-top: 1px solid var(--lightest);
        transform: translateX(100%);
        transition: transform 0.3s;
    }
}

.menuSite.active{
    @media (max-width: 1199px){
        transform: translateX(0);
    }
}

html:has(.menuSite.active){
    overflow: hidden;
}

.menuSite ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin: 0;

    @media (max-width: 1199px){
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        padding: 60px 32px;
    }
}

.menuSite ul li{
    padding: 0;
}


.menuSite ul a:not(.btn){
    color: var(--black);
    font-size: 15px;
}

.menuSite ul a:not(.btn):hover{
    color: var(--primary);
}

.menu-toggle {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    position: relative;
    cursor: pointer;

    @media (min-width: 1200px){
        display: none;
    }
}

.menu-toggle span {
    position: absolute;
    left: 8px;
    width: 24px;
    height: 2px;
    background: #000;
    transition: 0.3s;
}

.menu-toggle span:nth-child(1) { top: 12px; }
.menu-toggle span:nth-child(2) { top: 19px; }
.menu-toggle span:nth-child(3) { top: 26px; }

.menu-toggle.active span:nth-child(1) {
    top: 19px;
    transform: rotate(45deg);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    top: 19px;
    transform: rotate(-45deg);
}






/* BANDEAU */

.bandeauSite{
    position: relative;
    color: white;
    width: 100%;
    padding: 140px 0;
    overflow: hidden;
}

.bandeauSite-image{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.bandeauSite-image::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(22, 23, 19), rgba(22, 23, 19, 0.9) 24%, rgba(22, 23, 19, 0) 64%);
    z-index: 2;
}

.bandeauSite-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.bandeauSite-contenu{
    @media (min-width: 768px){
        max-width: 520px;
    }
}

.bandeauSite-contenu .titre1{
    color: var(--white);
}

.bandeauSite-contenu .lead{
    margin: 20px 0 30px;
}

.bandeauSite span.line{
    @media (min-width: 500px){
        display: block;
    }
}

.bandeauSite .alt-font{
    position: relative;
    top: -4px;
    margin-left: 10px;
    color: var(--tertiary);
    font-family: "Mistrully", cursive;
    font-size: 50px;

    @media (max-width: 499px){
        display: block;
    }

    @media (min-width: 1024px){
        font-size: 60px;
    }
}

.bandeauSite .alt-font::after{
    display: block;
    content: "";
    width: 54px;
    height: 52px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="53" height="48" viewBox="0 0 53 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M52.0248 28.5551C51.8052 28.2189 51.4073 28.051 51.0122 28.1311C48.2603 28.7138 45.3084 27.3012 41.8878 25.6623C38.3414 23.9664 34.3292 22.0405 29.6709 22.0609C27.4812 22.0691 25.4341 22.4285 23.5438 23.1198C23.5745 21.3728 23.3298 19.5844 22.7947 17.7913C21.4849 13.3924 18.3309 10.4747 15.5425 7.89919C12.9824 5.53413 10.77 3.48599 10.5513 0.882906C10.5184 0.480713 10.2371 0.146919 9.8512 0.0358426C9.46921 -0.0723572 9.05238 0.0696526 8.81444 0.391767C3.51914 7.56036 -0.00697033 13.9419 1.63106e-05 21.7692C0.00337186 28.0584 3.54535 34.5682 8.76556 38.4243C9.44864 38.9289 10.1661 39.3869 10.9035 39.7936L6.17297 46.1976C5.85761 46.6246 5.94889 47.2319 6.37582 47.5473C6.80274 47.8626 7.41006 47.7713 7.72542 47.3444L12.4501 40.9483C12.9823 41.4134 13.524 41.8496 14.0751 42.2567C19.7261 46.4309 26.3799 47.7287 32.7805 45.8039C41.0002 43.3333 46.8716 36.5787 51.9893 29.6506C52.2272 29.3284 52.2444 28.8913 52.0248 28.5551ZM1.92829 21.7664C1.92484 15.0631 4.76526 9.39874 9.15844 3.20775C10.1025 5.49482 12.1225 7.36488 14.2307 9.31809C16.96 11.844 19.7845 14.4524 20.9419 18.3428C21.5127 20.2581 21.7225 22.1587 21.5727 23.9857L21.5737 23.9925C21.2767 24.151 20.9835 24.3123 20.6923 24.4872C18.6795 25.7179 16.9577 27.1635 15.5363 28.771C15.1835 27.5026 14.7552 26.3283 14.3785 25.3602C14.2319 24.982 14.0825 24.6077 13.9331 24.2333C12.9264 21.69 11.8833 19.0659 11.7701 16.2707C11.7489 15.7391 11.3 15.3236 10.7684 15.3448C10.2368 15.3661 9.82125 15.8149 9.84248 16.3465C9.96657 19.4676 11.0715 22.2515 12.1383 24.9411C12.2839 25.3126 12.4333 25.6869 12.5749 26.0555C13.0745 27.3363 13.6734 29.0024 14.0169 30.7139C12.5713 32.8495 11.6148 35.2084 11.1988 37.7206C5.75415 34.4126 1.93678 27.9753 1.92829 21.7664ZM32.227 43.9555C25.7964 45.8881 19.0647 44.2088 13.5695 39.3518C15.5888 37.544 18.3893 36.3433 21.9125 35.7966C23.8781 35.4908 25.9165 35.3949 27.8865 35.3024C29.1542 35.243 30.4595 35.1814 31.7566 35.0658C34.756 34.7979 37.3263 34.453 40.152 33.6487C40.6643 33.4993 40.9606 32.9683 40.815 32.4588C40.6694 31.9494 40.1345 31.6502 39.6251 31.7958C36.9487 32.5603 34.4757 32.8872 31.5892 33.1485C30.3364 33.2609 29.0446 33.3205 27.8011 33.3797C25.78 33.4764 23.6933 33.5727 21.6198 33.8947C18.268 34.4123 15.479 35.4836 13.304 37.08C14.3103 32.6642 17.179 28.9106 21.7072 26.1426C24.0169 24.7293 26.7032 24.0082 29.6862 23.9979C33.9034 23.9816 37.5401 25.7262 41.0643 27.4116C43.8602 28.751 46.5331 30.0295 49.1891 30.1858C44.5594 36.2259 39.2586 41.8427 32.227 43.9555Z" fill="%23C0C58A"/></svg>');
    position: absolute;
    top: 4px;
    right: -60px;

    @media (max-width: 378px){
        left: 240px;
        top: -32px;
    }

    @media (min-width: 379px) and (max-width: 499px){
        top: -120px;
        left: 310px;
    }
}




/* BANDEAU RESERVATION */
body.home .barreReservation{
    margin-top: -30px;
}

.barreReservation-contenu{
    padding: 32px;
    background: var(--white);
    border-radius: 16px;

    @media (min-width: 1024px){
        padding: 32px 48px;
    }
}


#ConstellationWidgetLinks{
    display: none;
}

#ConstellationWidget{
    padding: 0!important;
    
    @media (min-width: 1024px){
        display: flex;
        justify-content: space-between;
    }
}

#ConstellationWidget *:not(i){
    font-family: "Rubik", Arial, sans-serif!important;
}

.co-widget-title{
    display: none!important;
}

.co-widget-trip{
    float: none!important;

    @media (max-width: 1023px){
        width: 100%!important;
    }

    @media (min-width: 768px){
        display: flex!important;
        align-items: center;
        gap: 32px!important;
    }

    @media (min-width: 1024px){
        width: calc(55% - 120px - 32px)!important;
    }
}

.co-widget-occupancy,
.co-widget-search{
    float: none!important;

    @media (max-width: 1023px){
        width: 100%!important;
        margin-top: 24px!important;
    }
}

.co-widget-search{
    @media (min-width: 1024px){
        display: flex;
        align-items: center;
        width: 240px!important;
    }
}

#ConstellationWidget.co-widget .co-widget-trip label,
#ConstellationWidget.co-widget .co-widget-occupancy > label,
#ConstellationWidget.co-widget .co-widget-ddl-type label{
    display: block!important;
    margin-bottom: 4px;
    font-weight: 600!important;
    font-size: 14px!important;
    line-height: 1 !important;
}

#ConstellationWidget.co-widget input,
#ConstellationWidget.co-widget .co-widget-styled select{
    padding-left: 0!important;
    border: 0!important;
    font-size: 16px;
    color: rgba(0,0,0,0.4)!important;
    height: auto;
    min-height: 0;
    opacity: 1!important;
    cursor: pointer!important;
    line-height: 1;
}

#ConstellationWidget.co-widget input::placeholder{
    color: rgba(0,0,0,0.4)!important;
}

#ConstellationWidget.co-widget .co-widget-date i{
    display: none!important;
}

.co-widget-date{
    padding-left: 40px!important;
    background: url('data:image/svg+xml,<svg width="25" height="26" viewBox="0 0 25 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.9666 0.100388V2.1834H17.4324V0.100388H18.9656V2.1834H20.866C22.7619 2.1834 24.2983 3.78886 24.2996 5.75468V21.7273C24.2996 23.6933 22.7632 25.2996 20.866 25.2996H3.53399C1.63682 25.2996 0.100391 23.6933 0.100391 21.7273V5.75664C0.100391 3.79067 1.63682 2.1834 3.53399 2.1834H5.4334V0.100388H6.9666ZM1.63359 21.7264C1.63365 22.823 2.48966 23.7088 3.53399 23.7088H20.866C21.9091 23.7088 22.7654 22.823 22.7654 21.7264V9.32793H1.63359V21.7264ZM3.53399 3.77129C2.48977 3.77129 1.63376 4.65691 1.63359 5.75468V7.73906H22.7654V5.75468C22.7653 4.65695 21.9091 3.77226 20.866 3.77226H18.9656V5.16093H17.4324V3.77226H6.9666V5.15996H5.43438V3.77129H3.53399Z" fill="%235D7D61" stroke="%235D7D61" stroke-width="0.2"/></svg>') no-repeat left center;
    float: none!important;
    width: 100%!important;

    @media (min-width: 768px){
        width: 35%!important;
    }
}

.pika-cnstell-button{
    border: 0!important;
    font-family: "Rubik", Arial, sans-serif!important;
    text-align: center!important;
    transition: background 0.2s;
}

.pika-cnstell-button:hover,
.pika-cnstell-button:focus,
.is-selected .pika-cnstell-button{
    background: #008659!important;
}

.is-selected .pika-cnstell-button{
    font-family: "Rubik", Arial, sans-serif!important;
    font-weight: 500!important;
}

.pika-cnstell-table abbr{
    text-decoration: none!important;
}

.co-widget .co-widget-styled.co-widget-chevron-down::before{
    background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7207 0L6 4.57871L1.27933 0L0 1.18147L6 7L12 1.18147L10.7207 0Z" fill="black" fill-opacity="0.5"/></svg>') no-repeat right center;
    width: 12px;
    height: 7px;
    content: "";
    margin: 0!important;
    position: relative;
    top: -2px;
}

.co-widget .co-widget-styled.co-widget-chevron-down{
    border: 0!important;
    min-height: 0!important;
    height: auto;
}

#ConstellationWidget.co-widget .co-widget-duration{
    padding-left: 44px!important;
    background: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00673 0.000702121C8.90087 0.00572317 8.79647 0.0265496 8.69724 0.0624384C3.17337 2.03625 0 7.21097 0 13.0991C0 20.7632 6.4577 27 14.4065 27C20.5132 27 25.8908 23.93 27.9379 18.6039C28.0058 18.4246 28.0183 18.2301 27.974 18.044C27.9297 17.858 27.8304 17.6883 27.6881 17.5555C27.5459 17.4227 27.3668 17.3325 27.1725 17.2958C26.9782 17.259 26.777 17.2774 26.5933 17.3486C25.1954 17.8906 23.6583 18.1717 22.0366 18.1717C15.3445 18.1717 9.15609 12.1946 9.15609 5.74217C9.15609 4.17855 9.437 2.69639 9.99916 1.34863C10.0613 1.19593 10.083 1.03072 10.0623 0.867903C10.0417 0.705086 9.97928 0.54979 9.8808 0.416035C9.78232 0.282281 9.65085 0.174276 9.49825 0.101767C9.34565 0.0292583 9.17673 -0.00548142 9.00673 0.000702121ZM7.41666 2.87146C7.21785 3.80132 7.10717 4.76019 7.10717 5.74217C7.10717 13.3846 14.1104 20.1473 22.0366 20.1473C23.055 20.1473 24.0495 20.0303 25.0139 19.8386C22.8743 23.1473 18.9891 25.0244 14.4065 25.0244C7.56504 25.0244 2.04892 19.6956 2.04892 13.0991C2.04892 8.68006 3.98444 4.93434 7.41666 2.87146Z" fill="%235D7D61"/></svg>') no-repeat left center;
    float: none!important;
    width: 50%!important;

    @media (max-width: 767px){
        width: 100%!important;
        margin-top: 24px!important;
    }
}

div[data-widget-id="b3990652-bc9d-4ed5-b13e-616677451835"] .co-widget #tbResumeCapa + .co-widget-btn-resume-capa{
    width: 100% !important;
    margin-top: -5px;
    opacity: 0;
}

div[data-widget-id="b3990652-bc9d-4ed5-b13e-616677451835"] .co-widget #BtnLaunchBooking{
    margin: 0 0 0 auto;
    padding: 20px 32px!important;
    border: 0;
    border-radius: 100px;
    background: var(--secondary)!important;
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: auto;
    font-weight: 500;
    font-size: 0;
    text-align: center;
    transition: background 0.3s;

    @media (min-width: 500px){
       width: fit-content;
    }

    &:hover{
        background: var(--secondary-hover)!important;
    }

    &::before{
        display: block;
        content: "Voir les disponibilités";
        font-size: 15px;
        text-transform: none;
    }
}

.co-widget-occupancy{
    padding-left: 38px!important;
    background: url('data:image/svg+xml,<svg width="23" height="26" viewBox="0 0 23 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7346 0.149643C13.3307 0.164026 14.8569 0.808344 15.9807 1.94164C17.1044 3.0751 17.7355 4.60657 17.7355 6.20238C17.7356 7.79822 17.1044 9.32961 15.9807 10.4631C14.8569 11.5965 13.3308 12.2407 11.7346 12.2551H11.7326C10.1364 12.2407 8.61024 11.5965 7.48651 10.4631C6.36276 9.32964 5.73165 7.79822 5.73163 6.20238C5.73167 4.60665 6.3619 3.07508 7.48553 1.94164C8.60926 0.808131 10.1363 0.16406 11.7326 0.149643H11.7346ZM11.7336 1.82347C10.5808 1.83675 9.4798 2.30385 8.66913 3.12328C7.85808 3.94308 7.40257 5.04941 7.40253 6.20238C7.40251 7.35535 7.85811 8.46163 8.66913 9.28148C9.47981 10.101 10.5807 10.567 11.7336 10.5803C12.8864 10.567 13.9874 10.1009 14.798 9.28148C15.609 8.46167 16.0636 7.35529 16.0637 6.20238C16.0636 5.04946 15.609 3.94308 14.798 3.12328C13.9874 2.30385 12.8864 1.83677 11.7336 1.82347ZM1.841 24.6135C1.84103 24.7233 1.81856 24.8324 1.77655 24.9338C1.73452 25.0352 1.67349 25.1277 1.59589 25.2053C1.51814 25.283 1.42501 25.3449 1.32343 25.3869C1.22199 25.4288 1.11285 25.4505 1.00311 25.4504H1.00214C0.707815 25.448 0.496226 25.3351 0.359558 25.1438C0.230077 24.9623 0.179449 24.7255 0.160339 24.4944C0.141077 24.261 0.15251 24.0107 0.163269 23.7893C0.174378 23.5607 0.183498 23.371 0.167175 23.2356L0.166199 23.2258V23.217C0.168795 20.8165 1.12442 18.5151 2.82245 16.8176C4.52056 15.1202 6.82333 14.1649 9.22479 14.1623H13.3918C15.7932 14.1649 18.096 15.1202 19.7941 16.8176C21.4922 18.5151 22.4478 20.8165 22.4504 23.217V24.6164C22.4459 24.8354 22.3549 25.0442 22.1984 25.1975C22.042 25.3505 21.8314 25.4358 21.6125 25.4358C21.3936 25.4357 21.1829 25.3507 21.0266 25.1975C20.8701 25.0443 20.7801 24.8354 20.7756 24.6164V24.6037L20.7775 24.591C20.9416 23.5187 20.8744 22.4233 20.5803 21.3791C20.2861 20.335 19.7721 19.3655 19.0724 18.5364C18.3727 17.7072 17.5028 17.0373 16.5226 16.5715C15.6651 16.164 14.7399 15.9208 13.7951 15.8537L13.3898 15.8362H9.22772L8.82147 15.8537C7.87667 15.9208 6.95154 16.164 6.09393 16.5715C5.11378 17.0373 4.24391 17.7072 3.54413 18.5364C2.84441 19.3655 2.33048 20.335 2.03632 21.3791C1.74215 22.4233 1.675 23.5187 1.83905 24.591L1.841 24.6018V24.6135Z" fill="%235D7D61" stroke="%235D7D61" stroke-width="0.3"/></svg>') no-repeat left center;

    @media (min-width: 1024px){
        width: calc(45% - 120px - 32px)!important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}

.co-widget-occupancy-define{
    padding: 12px 16px!important;
    border-radius: 6px!important;
    border-color: var(--lighter)!important;
}

.co-widget-occupancy-define > *{
    border: 0!important;
    padding: 0!important;
    height: auto!important;

    &:first-child,
    &:nth-child(2){
        margin-bottom: 6px;
    }
}

div[data-widget-id="b3990652-bc9d-4ed5-b13e-616677451835"] .co-widget .co-widget-icon:not(.co-widget-service):not(.co-widget-transport):not(.co-widget-cruise){
    color: var(--primary)!important;
}

div[data-widget-id="b3990652-bc9d-4ed5-b13e-616677451835"] .co-widget .co-widget-btn-resume-capa{
    border-radius: 50px!important;
    background: var(--primary)!important;
    transition: background 0.3s;

    &:hover{
        background: var(--primary-hover)!important;
    }
}




/* HEBERGEMENTS */
.sectionHebergements{
    padding: 120px 0;
}

.sectionHebergements .row{
    margin: 0 -33px;
    align-items: center;
}

.sectionHebergements [class*="col"]{
    padding: 0 33px;
}

.sectionHebergements-texte{
    margin: 24px 0;
}

.sectionHebergements-slider{
    position: relative;

    @media (max-width: 600px){
        padding-right: 32px;
    }
}

.swiper{
    padding: 1px!important;

    @media (max-width: 600px){
        overflow: visible!important;
    }
}

.sectionHebergements-item{
    height: 100%;
    display: block;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 16px;
    overflow: hidden;
    color: var(--dark);
    cursor: pointer;
    transition: background 0.3s;
}

.sectionHebergements-item-contenu{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}

.sectionHebergements-item-nombrePersonnes{
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 16px;
    background: #fff;
    border-radius: 20px;
    color: var(--dark);
    font-size: 12px;
    font-weight: 500;
    z-index: 1;
}

.infos-hebergements{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.infos-hebergements-item{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gray);
    font-size: 14px;
}

.lien{
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: var(--secondary);
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s;
}

.sectionHebergements-item-image{
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}

.sectionHebergements-item-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s;
}

.sectionHebergements-item:hover{
    background: rgba(0,0,0,0.05);
}

.sectionHebergements-item:hover .lien{
    color: var(--primary);
}

.sectionHebergements-item:hover .sectionHebergements-item-image img{
    transform: scale(1.05);
}

.swiper-nav{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--tertiary);
    background: var(--white);
    transition: background 0.3s;
}

.swiper-nav:hover{
    background: var(--lightest);
}

.swiper-nav.swiper-button-disabled{
    opacity: 0!important;
}

.swiper-button-prev{
    left: -18px!important;
    padding-right: 2px;

    @media (min-width: 600px){
        left: -20px!important;
    }
}


.swiper-button-next{
    right: -18px!important;
    padding-left: 2px;

    @media (min-width: 600px){
        right: -20px!important;
    }
}

.swiper-nav svg{
    display: none;
}





/* GALERIES */

.sectionGalerie,
.sectionGalerie2{
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;

    @media (min-width: 768px){
        flex-direction: row;
    }
}

.sectionGalerie img,
.sectionGalerie2 img{
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
    height: 100%;
}



.sectionGalerie .sectionGalerie-colonneGauche{
    display: flex;
    flex-direction: row;
    gap: 8px;
 
    @media (min-width: 768px){
        max-height: 500px;
        flex-direction: column;
        width: calc(35% - 4px);
    }
}

.sectionGalerie .sectionGalerie-colonneDroite{
    @media (min-width: 768px){
        width: calc(65% - 4px);
    }
}

.sectionGalerie .sectionGalerie-colonneGauche img{
    aspect-ratio: 16/9;

    @media (max-width: 767px){
        flex: 0 0 calc(50% - 4px);
        width: calc(50% - 4px);
    }
}

.sectionGalerie .sectionGalerie-colonneDroite img{
    max-height: 500px;

    @media (max-width: 767px){
        aspect-ratio: 16/9;
    }
}



.sectionGalerie2{
    @media (max-width: 1023px){
        flex-direction: column;
    }
}

.sectionGalerie2 .sectionGalerie-colonneGauche{
    @media (min-width: 1024px){
        width: calc(50% - 4px);
    }
}

.sectionGalerie2 .sectionGalerie-colonneDroite{
    display: flex;
    flex-direction: row;
    gap: 8px;
 
    @media (min-width: 1024px){
        max-height: 385px;
        width: calc(50% - 4px);
    }
}

.sectionGalerie2 .sectionGalerie-colonneDroite img{
    flex: 0 0 calc(50% - 4px);
    width: calc(50% - 4px);
}

.sectionGalerie2 .sectionGalerie-colonneGauche img{
    height: 385px;

    @media (max-width: 1023px){
        aspect-ratio: 16/9;
        height: 100%;
    }
}

.sectionGalerie2 .sectionGalerie-colonneDroite img{
    aspect-ratio: 1;

    @media (min-width: 1024px){
        height: 385px;
        width: 50%;
        aspect-ratio: none;
    }
}




/* SERVICES */
.sectionServices{
    padding: 120px 0;
}

.sectionServices > .container > .row{
    align-items: center;
}

.sectionServices-item{
    text-align: center;
}

.sectionServices-item-image{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius:50%;
    background: var(--white);
    margin-bottom: 12px;
}

.sectionServices-item .titre4{
    margin-bottom: 4px;
}

.sectionServices-texte{
    margin: 24px 0;
}

.sectionServices .row{
    gap: 48px 0;
}




/* A PROPOS */

.sectionDescription{
    max-width: 690px;
    margin: 120px auto;
    padding: 0 20px;
    text-align: center;
}

.sectionDescription p{
    margin: 24px 0;
}

.sectionDescription .btn{
    margin: auto;
}





/* REASSURANCE */
.reassurance{
    margin-bottom: 24px;
}

.reassurance-contenu{
    padding: 48px 40px;
    background: var(--white);
    border-radius: 8px;
}

.reassurance .reassurance-liste{
    gap: 48px 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px;
}

.reassurance-item{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 24px;
    flex: 0 0 100%;

    @media (min-width: 500px){
        flex: 0 0 50%;
    }
    
    @media (min-width: 1024px){
        flex: 0 0 25%;
    }
}

.reassurance-image{
    height: 50px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}




/* FOOTER */

.footer{
    background: var(--primary);
    color: var(--white);
    padding: 80px 32px 32px;

    @media (min-width: 1024px){
        padding-top: 120px;
    }
}

.footer .titre4{
    color: var(--white);
}

.footer a{
    color: var(--white);
    transition: opacity 0.3s;
}

.footer a:hover{
    opacity: 0.5;
}

.footer .row{
    @media (max-width: 1023px){
        gap: 64px 0;
    }
}

.col-footer{
    flex: 0 0 100%;
    text-align: center;

    @media (min-width: 768px){
        flex: 0 0 50%;
        text-align: left;
    }
}

@media (min-width: 1024px){
    .col1{
        flex: 0 0 25%;
    }

    .col2{
        flex: 0 0 20%;
    }
    
    .col3{
        flex: 0 0 30%;
    }
    
    .col4{
        flex: 0 0 25%;
    }
}


.suivezNous{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 30px;

    @media (max-width: 767px){
        justify-content: center;
    }
}

.suivezNous span{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 8%;
    text-transform: uppercase;
}


.footer .btn{
    @media (max-width: 767px){
        margin: auto;
    }
}

.footer-lien{
    margin-top: 12px;
    list-style: none;
}

.footer-adresse{
    margin: 8px 0 24px;
}

.footer-tel{
    margin: 8px 0 24px;
}

.footer-copyright{
    font-size: 14px;
    text-align: center;
    margin-top: 80px;

    @media (min-width: 1024px){
        margin-top: 120px;
    }
}




/* PAGES INTERNES */
.contenuPage{
    padding-bottom: 120px;
}

.section-interne{
    padding-top: 120px;
}

.titrePage{
    max-width: 900px;
    margin: auto;
    text-align: center;
    padding: 0 20px;
}

.titrePage p{
    max-width: 600px;
    margin: auto;
    margin-top: 16px;
}


.contenuInterne h2{
    margin-bottom: 24px;
}

.contenuInterne p{
    margin-bottom: 16px;
}

.contenuInterne a{
    color: var(--primary);

    &:hover{
        color: var(--secondary);
    }
}

.contenuInterne h2:not(:first-child){
    margin-top: 70px;
}

.contenuInterne ul{
    padding-left: 30px;
    margin-bottom: 20px;
}

.contenuInterne li + li{
    margin-top: 8px;
}

.contenuInterne .row{
    align-items: center;
    margin: 0 -32px;
}

.contenuInterne .row > [class*="col-"]{
    padding: 0 32px;
}

.contenuInterne .row + .row{
    margin-top: 120px;
}

.contenuInterne img{
    aspect-ratio: 4/3;
    object-fit: cover;
    height: auto;
    width: 100%;
    border-radius: 8px;
}

.contenuInterne img.portrait{
    aspect-ratio: 9/10;
}

.contenuInterne h3{
    margin-bottom: 16px;
}

.contenuInterne p + h3,
.contenuInterne ul + h3{
    margin-top: 40px;
}

.contenuInterne .titre4,
.contenuInterne h4{
    color: var(--primary);
    margin-bottom: 16px;
}

.container-small:not(:first-child){
    max-width: 600px;
    margin: 120px auto 0;
}

.container-small:first-child{
    max-width: 600px;
    margin: -100px auto 120px;
    text-align: center;
}

.container-sm{
    padding: 0 20px;
    max-width: 900px;
    margin: 0 auto;
}

.contenuContact h2:not(:first-child){
    margin-top: 24px;
}

.contenuContact .titre4{
    margin-bottom: 8px;
    color: var(--black);
}





/* DETAIL HEBERGEMENT */
.ficheCabane .infos-hebergements{
    justify-content: center;
    position: relative;
    margin: 16px 0 40px;

    @media (max-width: 600px){
        flex-direction: column;
    }
}

.ficheCabane .sectionHebergements-item-nombrePersonnes{
    position: relative;
    top: 0;
    right: 0;
    font-size: 13px;
}

.galerieCabane{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 0;
    padding: 0 8px;
    margin: 120px -4px 0;
}

.galerieCabane div{
    flex: 1 1 50%;
    width: 100%;
    padding: 0 4px;

    @media (min-width: 500px){
        flex: 1 1 33.33%;
    }

    @media (min-width: 768px){
        flex: 0 0 25%;
    }

    @media (min-width: 1024px){
        flex: 0 0 20%;
    }

    @media (min-width: 1600px){
        flex: 0 0 16.66%;
    }
}

.galerieCabane a{
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
}

.galerieCabane a:hover{
    opacity: 0.6;
}

.galerieCabane img{
    aspect-ratio: 4/3;
    object-fit: cover;
    border-radius: 8px;
    height: 100%;
    width: 100%;
}

.ficheCabane-contenu{
    padding: 0 20px;
    max-width: 700px;
    margin: 0 auto;
}

.boisUtilise{
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    margin-top: 40px;
}

.ficheCabane-reservation{
    margin-top: 32px;
    display: flex;
    justify-content: center;
}