/* 
    Author     : pixad
*/
html {width: 100vw; height: 100vh; overflow-x: hidden; overflow-y: scroll;}

body {
    font-family: "Poppins";
    font-size: 16px;
}

:root {
    --couleur-noir: #000;
    --couleur-blanc: #FFF;
    --cursor-fill: #65676b;
    --cursor-stroke: #65676b;
    --cursor-stroke-width: 1px;    
    --couleur-bleu-fonce: #5697a9;
    --couleur-primaire-site:#af9e85;
    
    --couleur-font-menu:#000;
    --couleur-background-menu:#fff;
    --couleur-font-menu-hover:#ff0000;
    --couleur-background-menu-hover:#fff;
    
    --couleur-span-homepage-tipped : #917049; /* couleur du span des message de la home page en effet machine à écrire */
    
    --white-color : #FFF;
    
}

a {
    color: #000000;
    text-decoration: none;
}

i.red {color:#FF0000;}

.tippy-tooltip.custom-theme {
    font-size: 12px;
    font-weight: 400;
    font-family: "Poppins";
    background-color: #242424;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.mask-visuel-logo {
    mask-image: url(../img/mask_visuel_logo.svg);
    -webkit-mask-image: url(../img/mask_visuel_logo.svg);
    mask-image: url(../img/mask_visuel_logo.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100vmin;
    mask-repeat: no-repeat;
    mask-position: center
}

.site-content {
    min-height: calc(100vh - 258px)
}

.cursor {
    display: none
}

@media(any-pointer:fine) {
    .cursor {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        pointer-events: none;
        z-index: 9
    }
    .cursor__inner {
        fill: var(--cursor-fill);
        stroke: var(--cursor-stroke);
        stroke-width: var(--cursor-stroke-width)
    }
    .mouse-cursor {
        position: fixed;
        left: 0;
        top: 0;
        pointer-events: none;
        border-radius: 50%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: hidden
    }
    .cursor-inner {
        margin-left: -3px;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        z-index: 10000001;
        background-color: transapent;
        -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
        transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out
    }
    .cursor-inner.cursor-hover {
        margin-left: -22.5px;
        margin-top: -22.5px;
        width: 45px;
        height: 45px;
        background-color: #ced0d4;
        opacity: .3
    }
    .cursor-outer {
        margin-left: -15px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        border: 2px solid transapent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 10000000;
        opacity: .5;
        -webkit-transition: all .08s ease-out;
        transition: all .08s ease-out
    }
    .cursor-outer.cursor-hover {
        opacity: 0
    }
    .main-wrapper[data-magic-cursor=hide] .mouse-cursor {
        display: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: -1111
    }
}

body::-webkit-scrollbar {
    width: 5px;
    background-color: #FFF
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0)
}

body::-webkit-scrollbar-thumb {
    background-color: #816e4e !important;
    outline: 0 solid slategrey;
    transition: all 0.3s ease-in-out
}

.toHideOrientation {
    display: none
}

a.btn-lcdv {
    background-color: #af9e85;
    border: 1px solid #af9e85;
    color: #FFF;
    border-radius: 0;
    padding: 12px 24px;
    font-size: 1.8rem
}

a.btn-lcdv:hover {
    background-color: #000;
    color: #FFF
}


@media(max-width:480px){
    #SepTopSubHeader h1 {text-align: center; line-height: 23px; font-size:1.8rem;}
}


#header {
    background-color: #FFF;
    background-repeat: repeat-x;
    background-position: center;
    height: 137px;
    position: relative;
    z-index: 10
}

#header .navigation {
   display: flex;
    flex-direction: row;
    justify-content: flex-end;
    top: 77px;
}

#header ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    top: 76px;
    font-weight: 400
}

#header ul.menu li {
    display: inline;
    margin: 0;
    color: #FFF
}

#header ul.navbar li {padding: 5px; transition: all 0.4s ease-in-out;}
#header ul.navbar li:hover {border-bottom:2px solid #585858;}
#header ul.navbar li.icone:hover {border-bottom:0px solid #222;}
#header ul.navbar li:hover>a, #header ul.navbar li:hover>a:hover {color:#222; text-decoration: none; } 
#header ul.navbar li:hover ul.dropdown-menu li a, #header ul.navbar li:hover ul.dropdown-menu li a:hover {color:#fff; text-decoration: none; } 
#header ul.menu li a i,
ul.navbar li a i {
    color: var(--couleur-bleu-fonce);
    margin-left: 8px
}

#header ul.menu li a {
    color: var(--couleur-font-menu);
    text-decoration: none;
    transition: all 1s;
    padding: 27px 8px
        
}

#header ul.menu li a:hover {
    color: #2d2d2d;
    font-weight: 400;
    background-color: #c9a377;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .2)
}

#header .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

#header ul.menu li a:hover i,
ul.navbar li a:hover i {
    color: var(--couleur-bleu-fonce);
}


.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent
}

.c-mega-menu {
    position: relative;
    top: 0
}

.c-mega-menu .navbar li.dropdown,
.c-mega-menu .navbar li.dropdown:focus {
    color: var(--couleur-font-menu);
    text-decoration: none;
    transition: all 1s;
    padding: 10px;
    width: auto;
    display: inline-block
}

.c-mega-menu .navbar li.dropdown:hover {
    /*
    background-color: var(--couleur-background-menu-hover);
    color: var(--couleur-font-menu-hover);
    */
}

.c-mega-menu .navbar li.dropdown a {
    color: var(--couleur-font-menu);
    text-decoration: none;
    transition: all 1s
}

.c-mega-menu .navbar li.dropdown:hover a {
    background-color: transparent !important;
    color: #2d2d2d
}

.c-mega-menu .navbar li.dropdown ul.dropdown-menu {
    background-color: #2d2d2d;
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16)
}

.c-mega-menu .navbar li.dropdown ul.dropdown-menu li {
    border-bottom: 1px solid rgb(255 245 219 / 50%);
}

.c-mega-menu .navbar li.dropdown ul.dropdown-menu li:last-child {
    border-bottom: 0
}

.c-mega-menu .navbar li.dropdown ul.dropdown-menu li a {
    padding: 6px 20px;
    color: #FFF;
    transition: all 1s
}

.c-mega-menu .navbar li.dropdown ul.dropdown-menu a:hover {
    color: #af9e85
}

.c-mega-menu .navbar li.dropdow ul.dropdown-menu {
    background-color: #0c6539;
    color: #c9a377;
    transition: all 1s;
    border-radius: 0;
    box-shadow: none
}

.c-mega-menu .navbar li.dropdow ul.dropdown-menu a {
    background-color: #0c6539;
    color: #c9a377;
    cursor: pointer
}

.show {
    display: inline-block !important
}

.c-mega-menu .navbar .dropdown-item.active,
.c-mega-menu .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit
}

.c-mega-menu .navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
    text-decoration: none;
    color: #816e4e;
    font-weight: 600;
    background-color: #c9a377
}

@media (min-width:767px) {
    .c-mega-menu .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid
    }
}

.preheader a {
    color: #af9e85;
    font-size: 14px;
    padding: 0 12px
}

#header .logo {
    min-width: 200px;
    position: relative;
    z-index: 10
}
#header .logo img{
    height: 130px;
    position: relative;
}

#header .row div:nth-child(2) {
    top: 87px
}

@media (min-width:992px) {
    #header .row div:nth-child(2) {
        top: 40px
    }
}

@media (min-width:1199px) {
    
    #header .row div:nth-child(2) {
        top: 77px
    }
    
}

@media (max-width:1199px) {
    #header .logo {
        display: block
    }
}

@media (max-width:990px) {
    #header .logo {
        display: none
    }
}


/** Go to Top Button CSS **/
        
#CercleScroll {
    position: fixed;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 9;
    visibility: hidden;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    background: var(--couleur-primaire-site);
    color:var(--white-color);
    background-image: -moz-linear-gradient( 160deg, rgb(255, 183, 43) 0%, rgb(255, 192, 0) 100%);
    background-image: -ms-linear-gradient( 160deg, rgb(255, 183, 43) 0%, rgb(255, 192, 0) 100%);
    
    
}


#CercleScroll.active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}

#CercleScroll.active-out {
    visibility: visible;
    transition: all 0.8s ease-in-out;
    animation: zoom-in-zoom-out 0.5s;
    -webkit-animation: zoom-in-zoom-out 0.5s;
    -moz-animation: zoom-in-zoom-out 0.5s;
}

@keyframes zoom-in-zoom-out {
0% {transform: scale(1, 1);}
50% { transform: scale(1.5, 1.5);opacity:1;}
100% { transform: scale(1, 1); opacity:0;}
}



#CercleScroll svg {
    height: 20px;
    width: 20px;
    fill: var(--white-color);
}

/*
#CercleScroll {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 17px;
    width: 60px;
    border-radius: 100px;
    box-shadow: 1px -1px 30px 0 rgb(110 110 110 / 25%);
    -webkit-box-shadow: 1px -1px 30px 0 rgb(110 110 110 / 25%);
    -moz-box-shadow: 1px -1px 30px 0 rgba(110, 110, 110, .25)
}

#CercleScroll:before {
    background-color: #816e4e;
    padding: 25px;
    content: "";
    width: 60px;
    position: fixed;
    bottom: 0;
    right: 17px
}

@media (max-width:480px) {
    #CercleScroll:before {
        display: none
    }
    #CercleScroll {
        bottom: 80px
    }
}

#CercleScroll .progression {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #816e4e;
    border: 2px solid #816e4e
}

#CercleScroll .pourcentage {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #816e4e;
    border-radius: 50%;
    margin-left: 3px;
    margin-top: 3px;
    text-align: center;
    line-height: 75px;
    font-size: 11px;
    font-weight: 600;
    border: 2px solid #af9e85
}

#CercleScroll .TopPage {
    position: absolute;
    left: 33%;
    margin-top: 12px;
    font-size: 2.5rem
}

#CercleScroll .TopPage i {
    color: #af9e85
}

#CercleScroll:hover .pourcentage {
    border: 2px solid #FFF
}

#CercleScroll:hover .TopPage i {
    color: #FFF
}
*/


.wrapper-wide {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
    word-wrap: break-word;
    max-width: 100%;
    background: #fff;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .08); */
    min-height: 667px
}

@media (max-width:480px) {
    .wrapper-wide {
        position: relative;
        margin-bottom: 0;
        z-index: 1;
        word-wrap: break-word
    }
}

#Ariane a,
#Ariane a:hover {
    color: #c9a377
}

#SIntro {
    background-color: #fff;
    height: 583px;
    padding: 45px
}

#SIntro .bg {
    background-image: url(../img/bgSection_Intro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    color: #FFF
}

#SIntro .content {
    padding: 35px
}

#SIntro2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: 500px;
    margin: 80px 15px
}

#SIntro2 .BlockContent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 70%
}

#SIntro2 .BlockContent .Visuel {
    width: 50%
}

#SIntro2 .BlockContent .Visuel img {
    width: 100%
}

#SIntro2 .BlockContent .Content {
    padding: 35px;
    background-color: #9f907a;
    color: #FFF;
    position: relative;
    top: -50px;
    left: -50px;
    width: 500px
}

#SIntro2 .BlockContent .Content .Logo {
    position: absolute;
    top: 290px;
    right: -11px
}

#SIntro2 .BlockContent .Content .Logo img {
    width: 250px
}

@media (max-width:480px) {
    #SIntro {
        background-color: #fff;
        height: 583px;
        padding: 15px
    }
    #SIntro .bg {
        background-image: url(../img/bgSection_Intro.jpg);
        background-position: -218px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        color: #FFF
    }
    #SIntro .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 25px;
        height: 100%;
        background-color: rgba(0, 0, 0, .2)
    }
    #SIntro2 {
        height: auto;
        margin: 15px
    }
    #SIntro2 .BlockContent .Visuel {
        width: 100%
    }
    #SIntro2 .BlockContent {
        width: 100%;
        flex-direction: column-reverse
    }
    #SIntro2 .BlockContent .Content {
        padding: 15px;
        background-color: #9f907a;
        color: #FFF;
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }
    #SIntro2 .BlockContent .Content .Logo {
        display: none
    }
}

#SliderHIntro .HomeBtnActionScrollH {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

#SliderHIntro a {
    color: #b98e6b
}

#SliderHIntro a:hover {
    color: #e3b692
}

#SliderHIntro a.btn-action-resa {
    color: #FFF
}

@media (max-width:480px) {
    #SliderHIntro .HomeBtnActionScrollH {
        flex-direction: column
    }
    #SliderHIntro .HomeBtnActionScrollH a {
        margin-bottom: 15px;
        width: 100%;
        display: block
    }
}

.btn-fav {
    position: absolute;
    top: -29px
}

.btn-fav a {
    border-radius: 0;
    background-color: rgb(230 230 230 / 70%)
}

#swipebox-overlay {
    background: rgb(0 0 0)
}

.owl-carousel {
    z-index: 1
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 45%
}

.owl-carousel .owl-nav .owl-next {
    right: -4%
}

.owl-carousel .owl-nav .owl-prev {
    left: -4%
}

.owl-carousel-autrebien .owl-nav .owl-prev,
.owl-carousel-autrebien .owl-nav .owl-next {
    background-color: rgb(0 0 0 / 30%) !important;
    border-radius: 50%;
    position: absolute;
    font-size: 15px;
    z-index: 15;
    width: 40px;
    height: 40px;
    color: #FFF !important
}

.owl-carousel-autrebien .owl-nav .owl-prev.disabled,
.owl-carousel-autrebien .owl-nav .owl-next.disabled {
    background-color: rgb(0 0 0 / 5%) !important
}

.owl-carousel-autrebien .owl-nav .owl-prev span,
.owl-carousel-autrebien .owl-nav .owl-next span {
    color: #FFF;
    font-size: 25px
}

.datepicker {
    font-family: "Poppins";
    font-size: 14px
}

.datepicker__month-day--disabled {
    background-color: #f5f7f8;
    color: #d8d8d8;
    cursor: not-allowed;
    font-weight: 400
}

.datepicker__month-day--no-checkin:after {
    background: linear-gradient(319deg, #f5f7f8, #f5f7f8 49%, transparent 51%, transparent);
    right: 0%
}

.datepicker__month-day--no-checkout:after {
    background: linear-gradient(135deg, #f5f7f8, #f5f7f8 49%, transparent 51%, transparent);
    left: 0%
}

.datepicker__month-day--disabled:after {
    content: ""
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
    background-color: #4caf50
}

.datepicker__month-day--selected {
    background-color: rgb(76 175 80 / 40%);
    color: #fff
}

.datepicker__month-name {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500
}

.datepicker__month-button:hover {
    background-color: #000;
    color: #FFF
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:1400px) {
    .container {
        width: 1270px
    }
}

.house-slug__container {
    width: 100%
}

.house-heading__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#RecapTarifSelection table {
    font-size: 13px
}

#RecapTarifSelection table tr td {
    padding: 5px 8px
}

.BlockInfoReservation {
    position: relative;
    height: auto;
    top: -80px;
    padding: 2rem;
    border-width: 1px;
    border-radius: .25rem;
    background-color: rgba(255, 255, 255, .8);
    animation: 1s slidein
}

@media (max-width:640px) {
    .BlockInfoReservation {
        position: relative;
        z-index: 499;
        top: 0
    }
}

.datepicker__input {
    padding: 25px
}

.default-layout {
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.default-layout__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.house-heading__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.default-layout {
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.lc-row {
    margin-left: -.5rem;
    margin-right: -.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

div.block-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.carousel-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    outline: 2px solid transparent;
    outline-offset: 0;
    right: 3%;
    background-color: rgb(255 255 255 / 80%);
    border-radius: 50px;
    height: 50px;
    width: 50px
}

.carousel-arrow:hover {
    background-color: rgb(255 255 255 / 100%)
}

.carousel-arrow i {
    color: #816e4e;
    font-size: 30px;
    padding: 11px 18px
}

.IconDescription i {
    display: block;
    text-align: center;
    font-size: 25px
}

.IconDescription div:hover i {
    color: #816e4e;
    cursor: pointer
}

.IconDescription span {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 16px;
    font-family: "Poppins";
    font-weight: 600
}

.IconDescription div {
    border-right: 1px solid #efefef
}

.IconDescription div:last-child {
    border-right: 0 solid #efefef
}

@media (max-width:480px) {
    .IconDescription div {
        border-right: 1px solid #efefef;
        margin-bottom: 40px
    }
}

.IconService i {
    display: block;
    text-align: center;
    font-size: 25px;
    color: #a9a9a9
}

.IconService div:hover i {
    color: #816e4e;
    cursor: pointer
}

.IconService span {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    font-family: "Poppins"
}

.IconService div {
    border-right: 1px solid #efefef
}

.IconService div:last-child {
    border-right: 0 solid #efefef
}

@media (max-width:480px) {
    .IconService div {
        border-right: 1px solid #efefef;
        margin-bottom: 40px
    }
}

#DateLocation:before {
    content: "\f073";
    font-family: "FontAwesome";
    font-style: normal;
    position: relative;
    left: 5px
}

.btn-action {
    background-color: #514f44;
    border: 1px solid #514f44;
    color: #FFF;
    font-size: 18px
}

.flex {
    display: flex
}

.initiallyHidden {
    display: none
}

#PrixTotal.active {
    background-color: #7e6e4e;
    padding: 6px 15px;
    font-size: 21px;
    font-weight: 500
}

#PrixTotal.active i {
    color: #e3ded7;
    font-size: 14px
}

#FormClient input.form-control {
    height: 40px;
    margin-bottom: 15px
}

#FormClient .form-group label {
    font-size: 13px;
    font-weight: 500
}

#FormClient label {
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px
}

#ReservationForm .error:not(input),
#FormContratClient .error:not(input) {
    font-size: 11px;
    background-color: red;
    color: #fff;
    border-radius: 2px;
    padding: 5px 6px;
    position: absolute;
    right: 15px;
    top: 0;
    width: auto
}

#footer {
    text-align: left;
    padding-top: 333px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: #f6f6f6 !important;
    color: #585858
}

@media (min-width:1200px) {
    #footer {
        text-align: left;
        padding-top: 0;
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 0;
        background-color: #1e2433 !important
    }
}

#footer {
    font-family: 'Poppins';
    font-weight: 400;
    background-image: url(../img/footer.jpg);
    background-repeat: no-repeat;
    background-size: cover
}
/*
#footer::before {
    content: "";
    height: 49px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(237 234 229 / 0%) 0%, #e9e5e2 71%);
    width: 100vw;
    display: block;
    position: absolute;
    z-index: 255000;
    top: 142px;}
    */

#footer .fpart-first {
    padding: 20px;
    color: #a5a5a5;
}

#footer .fpart-first a {
    color: #a5a5a5;
    font-size: 12px
}

#footer .fpart-first a:hover {
    color: #fff
}

#footer .fpart-first .col-md-9 {
    margin-top: 120px
}

#footer .fpart-first .col-md-9 p {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    text-align: center
}

#footer .fpart-first img {
    width: 250px
}

#footer .fpart-first a:hover {
    color: #c7bba9;
    font-weight: 500
}

#footer .fpart-first .col-md-3:first-child {
    text-align: center
}

#footer h5 {
    color: #585858;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500
}

#footer a {
    font-size: 14px;
    font-weight: 400
}

#footer .fpart-second {
    background-color: rgb(0 0 0 / 30%);
    color: #FFF;
    font-size: 12px;
    padding: 15px 0
}

#footer .fpart-second a {
    color: #fff
}

#footer .fpart-second a:hover {
    color: #e8e8e8
}

#footer .fpart-second .col-md-5 {
    text-align: right;
    font-family: 'Poppins';
    font-weight: 500
}

#footer ul {
    margin: 0;
    padding: 0
}

#footer ul li {
    margin-left: 15px
}

#footer ul li i {
    color: #FFEB3B
}

#footer #BlockPartenaire {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

#footer #BlockPartenaire img {
    width: 100px
}

#footer #BlockPartenaire div:first-child img {
    width: 200px
}

@media (max-width:480px) {
    #footer {
        text-align: left;
        padding-top: 0;
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 0;
        background-color: #af9e85 !important
    }
    #footer .row {
        margin-left: 0px !important;
        margin-right: 0px !important
    }
    #footer .fpart-second .col-xs-12 {
        text-align: center;
        padding: 8px 0
    }
    #footer .fpart-first,
    #footer .fpart-first a {
        color: #FFF;
        text-align: left
    }
    #footer .BlockCoordonnees {
        text-align: center
    }
    #footer h5 {
        color: #fff
    }
    #footer .fpart-first img {
        width: 250px;
        margin-left: calc((100vw - 250px) / 2)
    }
    #footer #BlockPartenaire {
        flex-direction: row;
        justify-content: space-evenly;
        margin-bottom: 25px
    }
    #footer .content {
        padding: 25px
    }
}

#footer .ModePaiement {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#footer .ModePaiement h6 {
    color: #FFF;
    font-size: 1.3rem
}

#footer .ModePaiement ul {
    list-style-type: none
}

#footer .ModePaiement ul li {
    display: inline-block;
    margin: 0 5px
}

#footer .ModePaiement ul li img {
    width: 60px
}

#footer .ModePaiement .SPmr {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#footer .ModePaiement .SPmr img {
    width: 60px
}

#footer .ModePaiement .SPmr span {
    border-left: 1px solid #FFF;
    padding: 0 10px;
    color: #FFF;
    font-size: 1.3rem
}

@media (max-width:480px) {
    #footer .ModePaiement h6 {
        display: block;
        width: 100%;
        text-align: center;
        margin: 5px 0
    }
    #footer .ModePaiement {
        flex-direction: column;
        justify-content: center;
        width: 100%;
        align-item: center
    }
    #footer .ModePaiement ul {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
        justify-content: space-between
    }
    #footer .ModePaiement ul li img {
        margin-left: 0
    }
}

#SearchResponsiveForm div.col-xs-9,
#SearchResponsiveForm div.col-xs-3 {
    padding-left: 0;
    padding-right: 0
}

#navresponsive {
    display: none
}

#headerResponsive {
    display: none
}

@media (max-width:1198px) {
    img.c-desktop-logo {
        width: 210px;
        transition: all 0.7s
    }
    .c-mega-menu>.navbar-nav>.Tel {
        display: none
    }
}

@media screen and (max-width:480px) {
    #header {
        min-height: 55px;
        display: none
    }
    #header .header-row {
        text-align: center;
        padding: 10px 0;
        margin-top: 15px
    }
    .site-content {
        padding-top: 55px;
        
    }
    
    .site {
        overflow: hidden;
        height: 100%;
        width: 100vw;
        max-width: 100vw;
    }
    
    #PageFicheProduit a.fb {
        display: block;
        width: 100%
    }
    #PageFicheProduit #BtnWhishList {
        display: block;
        width: 100%
    }
    #PageFicheProduit #NombreAvis a {
        position: relative;
        top: 17px
    }
    @media (max-width:990px) {
        .c-layout-header {
            display: none
        }
    }
    
    #headerResponsive .SearchResponsive {
        position: absolute;
        right: 60px;
        top: 0;
        z-index: 105;
        width: 60px;
        height: 60px;
        transition: all 0.7s;
        opacity: 1;
        text-align: center
    }
    #headerResponsive #BlockSearchResponsive .btn-action,
    #headerResponsive #BlockSearchResponsive .btn-action:active {
        border-radius: 0;
        height: 42px;
        top: 0;
        border: 0;
        background-color: #000;
        color: #FFF
    }
    #headerResponsive .SearchResponsive a {
        top: 18px;
        font-size: 2rem;
        position: relative
    }
    #headerResponsive .SearchResponsive i {
        color: #c9a376
    }
    #headerResponsive.menuOpen.inSub .SearchResponsive {
        left: 550px;
        opacity: 0
    }
    #headerResponsive #BlockSearchResponsive {
        height: 60px;
        padding: 5px 10px;
        background-color: #fff;
        width: 100%;
        position: absolute;
        top: 55px
    }
    #headerResponsive #BlockSearchResponsive {
        display: none
    }
    #headerResponsive.SearchOpen #BlockSearchResponsive {
        display: block
    }
    #headerResponsive.SearchOpen #BlockSearchResponsive>div {
        padding: 0px !important
    }
    #headerResponsive.SearchOpen #BlockSearchResponsive input {
        min-height: 42px !important
    }
    #headerResponsive .BtnCaddieResponsive .ajax_cart_quantity {
        z-index: 104;
        position: absolute;
        top: 6px;
        right: 8px
    }
    #headerResponsive .BtnCaddieResponsive .badge-caddie {
        background-color: #0c6539;
        color: #fff
    }
    #headerResponsive .BtnCaddieResponsive {
        position: absolute;
        right: 110px;
        top: 0;
        z-index: 105;
        width: 55px;
        height: 55px;
        background: #fff
    }
    #headerResponsive .BtnCaddieResponsive i {
        color: #000;
        margin: auto;
        top: 20px;
        left: 15px;
        position: relative;
        font-size: 2rem
    }
    #headerResponsive .BtnEspaceClientResponsive,
    #headerResponsive .btnEspaceClient {
        position: absolute;
        z-index: 2;
        right: 55px;
        top: 0;
        width: 55px;
        height: 55px;
        background: #fff;
        overflow: hidden;
        transition: all 0.3s
    }
    #headerResponsive .btnEspaceClient i,
    #headerResponsive .BtnEspaceClientResponsive i {
        color: #000;
        margin: auto;
        top: 20px;
        left: 15px;
        position: relative;
        font-size: 2rem
    }
    #headerResponsive .BtnDeconnectionEspaceClient {
        position: absolute;
        right: 110px;
        top: 0;
        width: 55px;
        height: 55px;
        background: #fff;
        overflow: hidden;
        transition: all 0.3s
    }
    #headerResponsive .BtnDeconnectionEspaceClient i {
        color: #FFF;
        margin: auto;
        top: 20px;
        left: 15px;
        position: relative;
        font-size: 1.5rem
    }
    #headerResponsive.menuOpen .btnEspaceClient,
    #headerResponsive.menuOpen .BtnDeconnectionEspaceClient {
        transition: all 0.3s;
        top: -55px
    }
    #navresponsive {
        position: fixed;
        display: block;
        top: 100%;
        left: 0;
        z-index: 99;
        background: #fff;
        /*
        background-image: url(../img/arbre_logo_blanc.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: -255px center;
        */
        width: 100%;
        height: 100%;
        font-size: 34px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        text-align: center
    }
    #navresponsive,
    #navresponsive ul.sub {
        transition: all 0.7s
    }
    #navresponsive.active {
        top: 0
    }
    #navresponsive .current {
        position: absolute;
        top: 0;
        height: 55px;
        left: 62px;
        opacity: 0;
        visibility: hidden;
        right: 0;
        background-color: #FFF;
        color: #000;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 16px;
        transition: all 0.3s;
        text-align: left;
        padding: 17px 0 0 8px
    }
    #navresponsive .previous {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        background: #222;
        color: #fff;
        font-size: 11px;
        line-height: 13px;
        font-weight: 700;
        width: 62px;
        height: 55px;
        text-align: center;
        padding-top: 12px;
        z-index: 999;
        transition: all 0.3s
    }
    #navresponsive .previous:hover {
        background: rgba(0, 0, 0, 1);
        color: #222;
        transition: all 0.3s
    }
    #navresponsive .containerSub {
        display: block;
        width: 100%;
        position: fixed;
        left: 100vw;
        top: 0;
        margin-top: 55px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: smooth;
        background: #efefef;
        transition: all 0.5s
    }
    #navresponsive .containerSub.active {
        left: 0
    }
    #navresponsive .containerSub {
        z-index: 5
    }
    #navresponsive .containerSub .containerSub {
        z-index: 6
    }
    #navresponsive .containerSub .containerSub .containerSub {
        z-index: 7
    }
    #navresponsive ul {
        display: table;
        margin-left: auto;
        margin-right: auto
    }
    #navresponsive ul li {
        display: table-row
    }
    #navresponsive ul.sub {
        position: relative;
        top: 100%;
        display: table
    }
    #navresponsive ul.sub {
        margin-top: 80px;
        position: relative;
        background: transparent;
        padding: 0;
        width: 98%
    }
    #navresponsive.active ul.sub {
        top: 0;
        height: auto
    }
    #navresponsive ul.sub.active {
        left: 0
    }
    #navresponsive ul.principal {
        margin-top: 80px;
        position: relative;
        background: transparent !important;
        padding: 0;
        width: 100%
    }
    #navresponsive ul li a {
        color: #222;
        font-size: 17px;
        font-weight: 400;
        display: table-cell;
        padding: 15px 5px;
        display: table-cell;
        position: relative;
        transition: all 0.3s
    }
    #navresponsive ul li a:hover,
    #navresponsive ul li a:focus {
        color: #222
    }
    #navresponsive ul li.hasSub>a:before {
        content: "\f061";
        font-family: "Font Awesome 5 Free";
        display: block;
        position: absolute;
        width: 5px;
        height: 10px;
        right: 15%;
        top: 50%;
        margin-top: -10px;
        z-index: 1;
        color: #c9a377
    }
    #navresponsive ul li a:after {
        content: " ";
        display: block;
        height: 1px;
        background: #FFF;
        width: 170px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -85px
    }
    #navresponsive ul li .title {
        font-weight: 700;
        font-size: 14px;
        color: gray;
        text-transform: uppercase
    }
    #navresponsive.inSub .current {
        opacity: 1;
        visibility: visible
    }
    #navresponsive.inSub .previous {
        opacity: 1;
        visibility: visible
    }
    #navresponsive .button {
        background: red;
        width: 100%;
        display: block;
        font-size: 18px;
        font-weight: 400;
        color: #FFF;
        text-align: center;
        position: absolute;
        bottom: 15px
    }
    #navresponsive .button:hover {
        background: #000;
        color: #FFF
    }
    #navresponsive .contentScrolled .button {
        position: relative
    }
    #navresponsive .button:after {
        display: none
    }
    #navresponsive .button:after {
        content: " "
    }
    #headerResponsive {
        position: fixed;
        top: 0;
        right: 0;
        width: 100vw;
        height: 60px;
        background: transparent;
        z-index: 100;
        display: flex;
        flex-direction: row;align-items: center; justify-content: flex-start;  gap : 15px;
        transition: all 0.1s ease-in-out;
    }
    
    body.page-on-scroll #headerResponsive::after {
            content: "";
            height: 20px;
            background: rgb(255,255,255);
            background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 71%);
            width: 100vw;
            display: block;
            position: absolute;
            z-index: 15;
            bottom: -20px;
    }
    
    body.page-on-scroll #headerResponsive {background: #FFF;}
    
    #headerResponsive .logo {
        width: calc(100vw - 55px);
        position: relative;
        top: 5px;
        left: 15px;
        transition: all 0.3s ease-in-out;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #headerResponsive .logo img {
        width: 100%;
        height: 50px
    }
    #headerResponsive .burger {
        position: absolute;
        z-index: 101;
        right: 0;
        top: 0;
        width: 55px;
        height: 55px;
        background: #FFF;
        overflow: hidden
    }
    #headerResponsive .burger span {
        display: block;
        position: absolute;
        top: 20px;
        height: 2px;
        left: 50%;
        margin-left: -12px;
        width: 25px;
        background: #222;
        transition: all 0.6s
    }
    #headerResponsive .burger span:nth-child(2) {
        top: 26px
    }
    #headerResponsive .burger span:nth-child(3) {
        top: 32px
    }
    #headerResponsive.menuOpen .burger span:nth-child(1) {
        bottom: 0;
        top: 26px;
        transform: rotate(-135deg);
        transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(.215, .61, .355, 1);
        background: #c9a376;
        height: 2px
    }
    #headerResponsive.menuOpen .burger span:nth-child(2) {
        margin-left: 55px
    }
    #headerResponsive.menuOpen .burger span:nth-child(3) {
        bottom: 0;
        top: 26px;
        transform: rotate(135deg);
        transition: bottom 0.1s ease-out, transform 0.10s 0.14s cubic-bezier(.215, .61, .355, 1);
        background: #c9a376;
        height: 2px
    }
    .wsmain .wsshoptabing {
        width: 1042px !important
    }
    #headerResponsive .langs {
        position: absolute;
        width: 55px;
        padding-top: 55px;
        min-height: 55px;
        max-height: 55px;
        right: 55px;
        top: 0;
        background: #c0c0bf;
        overflow: hidden;
        line-height: 55px;
        text-transform: uppercase;
        text-align: center;
        font-size: 10px;
        transition: all 0.5s
    }
    #headerResponsive .langs.openit {
        max-height: 700px
    }
    #headerResponsive .langs a {
        color: #FFF
    }
    #headerResponsive .langs li {
        display: block;
        height: 55px;
        background: #c0c0bf
    }
    #headerResponsive .langs li.active {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    #headerResponsive.inSub .logo {
        opacity: 0;
        visibility: hidden
    }
    #headerResponsive.inSub .langs {
        opacity: 0;
        visibility: hidden
    }
    #headerResponsive.inSub {
        width: 55px
    }
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0 solid #000;
    border-radius: 0
}

.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
    background: #ccc
}

.control input:checked~.control_indicator {
    background: #af9e85
}

.control:hover input:not([disabled]):checked~.control_indicator,
.control input:checked:focus~.control_indicator {
    background: #0e6647d
}

.control input:disabled~.control_indicator {
    background: #e6e6e6;
    opacity: 2;
    pointer-events: none
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none
}

.control input:checked~.control_indicator:after {
    display: block
}

.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.control-checkbox input:disabled~.control_indicator:after {
    border-color: #fff
}

.control-checkbox .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    background: #af9e85;
    border-radius: 3rem;
    opacity: .6;
    z-index: 99999;
    transform: scale(0)
}

@keyframes s-ripple {
    0% {
        transform: scale(0)
    }
    20% {
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes s-ripple-dup {
    0% {
        transform: scale(0)
    }
    30% {
        transform: scale(1)
    }
    60% {
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(1)
    }
}

.control-checkbox input+.control_indicator::before {
    animation: s-ripple 250ms ease-out
}

.control-checkbox input:checked+.control_indicator::before {
    animation-name: s-ripple-dup
}

#BlockListeBien h2 {
    font-size: 4rem;
    text-align: center;
    font-family: 'Poppins'
}

#BlockListeBien .subtitle {
    font-size: 1.8rem;
    text-align: center;
    color: #585858
}

#BlockListeBien #ListeBien {
    margin-top: 40px;
    min-height: 400px
}

.Titre {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

#ListeEquipement ul li {
    margin-top: 3px
}

#ListeEquipement label {
    font-weight: 400 !important;
    text-transform: capitalize
}

.house-card {
    position: relative;
    height: 100%;
    height: auto;
    background-color: #fff;
    color: #222;
    border-radius: .625rem
}

.house-card h3 {
    color: #816e4e;
    padding: 0;
    margin-bottom: 5px;
    text-align: left !important
}

.house-card .house-card__icone {
    font-size: 12px;
    color: #000
}

.house-card .house-card__icone ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.house-card .house-card__icone ul li {
    display: block;
    margin-top: 5px
}

.house-card .house-card__icone i {
    font-size: 16px;
    color: #000;
    float: left;
    color: #A6A8A8
}

.house-card .house-card__icone span {
    font-size: 14px;
    color: #000;
    margin-left: 10px;
    font-weight: 500
}

.house-card .house-card__price {
    color: #816e4e;
    font-size: 14px
}

.house-card__slider-wrapper {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    height: 200px;
    overflow: hidden;
    border-radius: .625rem .625rem 0 0
}

.house-card__slider-wrapper img {
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: .625rem .625rem 0 0;
    transition: transform .5s;
    object-fit: cover;
    font-family: "object-fit: cover;";
    transition: transform 8s ease-in-out
}

.house-card__slider-wrapper:hover img {
    transform: scale(1.3)
}

.house-card__wrapper2 {
    position: relative;
    width: 100%;
    display: block
}

a.house-card__wrapper2:hover {
    text-decoration: none;
    color: #222
}

.house-card__body .house-card__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    width: 100%
}

.house-card__body .house-card__title .house-card__titre {
    width: 65%;
    flex-grow: 2
}

.house-card__body .house-card__title .house-card__titre h3 {
    width: 100%;
    font-size: 2rem;
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.house-card__body .house-card__title .house-card__titre span {
    padding: 2px 0;
    font-size: 12px;
    color: #585858
}

.house-card__body .house-card__title .house-card__spec {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.house-card__body .house-card__title .house-card__spec span {
    font-size: 12px;
    padding: 0 0;
    text-align: center
}

.house-card__body .house-card__title span i {
    font-size: 13px
}

.house-card__body .house-card__resume {
    min-height: 80px
}

.house-card__body .house-card__resume p {
    text-align: justify;
    font-size: 13px
}

.house-card .house-card__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px
}

.house-card .house-card__footer a {
    border-radius: .625rem;
    transition: all .3s;
    position: relative;
    cursor: pointer;
    padding: 12px 12px;
    border: 1px solid #efefef;
    background-color: #fff;
    color: #222;
    width: 100%;
    text-align: center;
    margin: 0 5px;
    line-height: 13px;
    box-sizing: border-box;
    text-transform: capitalize
}

.house-card .house-card__footer a:hover:before {
    transform-origin: left;
    transform: scaleX(1)
}

.house-card .house-card__footer a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    border-radius: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s cubic-bezier(.65, .05, .36, 1)
}

.house-card .house-card__footer a:hover {
    border: 1px solid #222;
    color: #9f907a;
    background-color: #efefef
}

@media (max-width:480px) {
    .house-card {
        margin-bottom: 25px;
        height: auto;
        min-height: 400px
    }
    .house-card__slider-wrapper {
        max-height: 250px
    }
    .house-card .badgeLCDV {
        top: 200px
    }
}

.house-card .swiper-slide-active .BtnVoirPlus {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.house-card .swiper-button-next,
.house-card .swiper-button-prev,
.house-card .swiper-pagination-bullet {
    color: #FFF !important
}

.house-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #816e4e !important
}

.house-card .swiper-pagination .swiper-pagination-bullet {
    color: #FFF !important
}

.house-card__body {
    padding: 15px
}

.house-card__wrapper {
    display: -ms-flexbox;
    display: block;
    text-decoration: none;
    width: 100%;
    overflow: hidden;
    transition: all .5s ease;
    border-radius: .125rem;
    border-width: 0;
    background-color: #FFF
}

#SQuestion {
    padding: 25px 0
}

#SQuestion h2 {
    font-size: 4rem;
    padding: 25px 0 5px 0;
    color: #222;
    display: block
}

#SQuestion h2:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    display: block;
    position: absolute;
    right: 8px;
    color: #000
}

#SQuestion .sep {
    padding: 25px 0
}

#SQuestion .accordion {
    background: transparent !important;
    height: auto !important;
    position: relative;
    display: block
}

#SQuestion .accordion .accordion_tab h2 {
    font-size: 2rem;
    padding: 8px 0;
    color: #222;
    font-weight: 500;
    color: #af9e85
}

#SQuestion .accordion .accordion_tab {
    border-bottom: 1px solid #af9e85;
    color: #222
}

#SQuestion .accordion .accordion_content .accordion_item {
    font-size: 15px
}

#SQuestion .accordion .accordion_tab .accordion_arrow {
    color: #222;
    width: 25px;
    position: absolute;
    right: 10px;
    top: 8px
}

#SQuestion .accordion .accordion_content {
    display: none
}

#SQuestion .accordion.active .accordion_content {
    display: block;
    background-color: rgb(255 255 255 / 80%)
}

#SQuestion .accordion a.btn_black {
    padding: 8px;
    font-size: 12px
}

#SectionActuHome h2:after {
    background-color: #000;
    height: 4px;
    width: 50%;
    display: block
}

@media screen and (max-width:480px) {
    #SQuestion {
        padding: 25px 0;
        background-image: none
    }
    #SQuestion h2,
    #SEtudeCas h2,
    #SectionActuHome h2 {
        font-size: 3rem;
        padding: 25px 0
    }
    #SQuestion .accordion .accordion_tab .accordion_arrow {
        top: 75%
    }
    #SQuestion .accordion .accordion_tab h2 {
        max-width: 95%;
        padding: 8px 15px
    }
}

#SProprio .Resume:before {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #003c30 transparent transparent
}

#SProprio .Resume {
    background-color: #fefefe;
    position: relative;
    left: 50px;
    z-index: 2;
    padding: 60px;
    top: 30px;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 21px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 21px 0 rgba(0, 0, 0, .15)
}

#SProprio h2,
#SVacancier h2 {
    color: #af9e85
}

#SVacancier {
    margin: 80px 0
}

#SVacancier .Resume:before {
    content: "";
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #003c30 transparent transparent
}

#SVacancier .Resume {
    background-color: #fefefe;
    position: relative;
    left: -215px;
    z-index: 2;
    padding: 60px;
    top: 105px;
    box-shadow: 0 1px 21px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 21px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 21px 0 rgba(0, 0, 0, .15)
}

#SHomeSlider {
    position: absolute;
    top: -150px;
    z-index: 1;
    background-color: #fff; 
    width: 100vw;
    height: 100vh;
}

#SHomeSlider::after {
    content: "";
    height: 129px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    width: 100%;
    display: block;
    position: absolute;
    z-index: 15;
    bottom: 0px;
}

#SHomeSlider .col-md-12 {
    padding: 0
}

#SHomeSlider .fa-star {
    font-size: 12px;
    color: #cda332;
    top: -15px;
    position: relative
}

@keyframes zoomin {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

#SHomeSlider .SliderContent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 610px;
    overflow: hidden
}

#SHomeSlider .SliderContent .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    min-height: 35vh;
    width: auto;
    padding: 50px;
    text-align: center;
    background-color: rgb(34 34 34 / 50%)
}

#SHomeSlider .SliderContent .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #2d2d2d
}

#SHomeSlider .SliderContent .swiper-slide a.btn-default {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 15px 40px;
    color: #FFF
}

#SHomeSlider .SliderContent .swiper-slide a.btn-default:hover {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 15px 40px;
    color: #222;
}

#SHomeSlider .SliderContent h1,
#SHomeSlider .SliderContent .title {
    font-size: 4rem;
    margin-bottom: 25px;
    line-height: 4.2rem;
    z-index: 2;
    color: #FFF;
    position: relative;
    text-shadow: 1px 1px 2px #000
}

#SHomeSlider .SliderContent .text {
    z-index: 2;
    color: #FFF
}

@media screen and (max-width:480px) {
    #CercleScroll {
        display: none !important
    }
    #SHomeSlider .SliderContent {
        height: 500px
    }
    
    #SHomeSlider::after {
        content: "";
        height: 141px;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 71%);
        width: 100%;
        display: block;
        position: absolute;
        z-index: 15;
        bottom: 0px;
    }

    #SHomeSlider .SliderContent .swiper-slide:nth-child(1) .content:before {
        border: 0
    }
    #SHomeSlider .SliderContent h1,
    #SHomeSlider .SliderContent .title {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 25px;
        line-height: 3.2rem;
        z-index: 2;
        color: #FFF;
        position: relative;
        text-shadow: 1px 1px 2px #000
    }
    #SHomeSlider .SliderContent .content,
    #SHomeSlider .SliderContent .swiper-slide:nth-child(1) .content,
    #SHomeSlider .SliderContent .swiper-slide:nth-child(2) .content {
        display: flex;
        width: 100%;
        padding: 25px;
        top: 0;
        font-size: 15px;
        height: 100%
    }
    #SHomeSlider .SliderContent .swiper-slide a.btn-default,
    #SHomeSlider .SliderContent .swiper-slide a.btn-default:hover {
        padding: 8px 20px;
        margin-top: 8px
    }
    #SHomeSlider .SliderContent .text {
        background-color: rgb(0 0 0 / 50%);
        padding: 15px
    }
}

@media screen and (max-width:1280px) {
    #SHomeSlider {
        position: relative;
        top: -154px;
        z-index: 1
    }
}

@media screen and (max-width:480px) {
    #SProprio .Resume {
        left: 0;
        z-index: 2;
        padding: 15px;
        top: 0
    }
    #SProprio .Resume:before {
        border-width: 0 40px 40px 0
    }
    #SProprio .col-md-6 {
        order: 2;
        padding: 0
    }
    #SProprio .col-md-6:before {
        content: "";
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 0 0 40px;
        border-color: transparent transparent transparent #003c30
    }
    #SVacancier {
        margin: 30px 0
    }
    #SVacancier .Resume {
        left: 0;
        z-index: 2;
        padding: 15px;
        top: 0;
        box-shadow: 0
    }
    #SVacancier .row-fluid {
        display: flex;
        flex-direction: column
    }
    #SVacancier .col-md-4 {
        order: 1
    }
    #SVacancier .col-md-6 {
        order: 2;
        padding: 0
    }
    #SVacancier .col-md-6:before {
        content: "";
        position: absolute;
        z-index: 3;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 0 0 40px;
        border-color: transparent transparent transparent #003c30
    }
    #SHomeSlider {
        position: relative;
        top: 0;
        z-index: 1
    }
    #SHomeSlider .SliderContent {
        max-height: 350px
    }
}

.bg-hebergement-home {
    background-color: rgb(159 144 122 / 20%);
    padding: 80px;
    height: inherit;
    position: relative;
    min-height: 775px;
    display: block;
    width: 100%;
    /*
    background-image: url(../img/arbre_logo_blanc.svg);
    background-repeat: no-repeat;
    background-size: cover
    */
}

.container-hebergement {
    padding: 0 8% 0 8%
}

.bg-hebergement-cabane-home {
    background-color: #c7bba9;
    padding: 60px;
    height: inherit;
    position: relative;
    min-height: 800px;
    display: block;
    width: 100%
}

.container-hebergement-cabane {
    padding: 0
}

.container-hebergement-cabane .VisuelCabane {
    position: absolute;
    left: 0;
    bottom: 0
}

.bg-hebergement-cabane-home a {
    color: #FFF
}

@media (max-width:480px) {
    #BlockListeBien h2 {
        font-size: 2.2rem
    }
    .bg-hebergement-home,
    .bg-hebergement-cabane-home {
        padding: 0
    }
    .bg-hebergement-cabane-home {
        height: auto;
        min-height: 759px
    }
    .container-hebergement {
        padding: 10px
    }
    .container-hebergement-cabane #BlockListeBien {
        margin-top: 5px
    }
    .container-hebergement-cabane #BlockListeBien h2 {
        color: #FFF
    }
    .container-hebergement-cabane .VisuelCabane img {
        opacity: .2
    }
}

.form-QuantityContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.form-QuantityContainer .form-control,
.form-QuantityContainer .form-control[readonly] {
    padding: 0;
    font-size: 6.5rem;
    height: 85px;
    width: calc(100% - 60px);
    box-shadow: none !important;
    background-color: #fff;
    border: 0;
    margin-bottom: 0px !important;
    text-align: center;
    font-weight: 500;
    pointer-events: none;
    cursor: default;
    margin: 0 10px;
    color: var(--couleur-bleu-fonce);
}

#BlockOptionSejour .form-QuantityContainer .form-control, #BlockOptionSejour .form-QuantityContainer .form-control[readonly] { font-size : 3.5rem; height: auto;} 


.form-QuantityContainer .form-control:hover {
    border: 0
}

.form-QuantityContainer .form-QuantitySelectorItem {
    background-color: #fff;
    text-align: center;
    font-size: 2rem;
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #3d4246;
    margin: 0
}

.form-QuantityContainer .form-QuantitySelectorItem:hover {
    background-color: #000;
    color: #FFF
}

#BlockInfoReservation {
    top: 0;
    border-width: 0
}

@media screen and (min-width:1200px) {
    .BlockRecapReservation {
        position: relative;
        right: 0
    }
}
#FormOptionSejour #BlockOptionSejour .ListOptionSejour { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; flex-wrap: wrap;}

#FormOptionSejour #BlockOptionSejour article {
    width: calc( (100% / 2) - 15px );
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    height: auto;
    min-height: 120px;
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 7.5px;
}

/*
#FormOptionSejour #BlockOptionSejour article:nth-child(odd) { margin: 0 0 0 7.5px; }
#FormOptionSejour #BlockOptionSejour article:nth-child(even) { margin: 0 7.5px 0 0; }
*/


#FormOptionSejour .BlockOptionSejour .header-price {
    position: absolute;
    top: 75px;
    z-index: 999;
    background-color: rgb(255 255 255 / 90%);
    width: auto;
    padding: 10px 10px;
    left: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#FormOptionSejour #BlockOptionSejour ul.FiltrePrestations { display:flex; flex-direction: row; gap:10px; justify-content: flex-start; align-content: center; margin: 45px 0; width: 100%; overflow-x:auto; overflow-y: hidden; flex-wrap: nowrap; }
#FormOptionSejour #BlockOptionSejour ul.FiltrePrestations li { width: auto; margin: 10px 0; }
#FormOptionSejour #BlockOptionSejour ul.FiltrePrestations li a {border: 1px solid #efefef; display:flex; flex-direction: row; gap: 5px; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; }
#FormOptionSejour #BlockOptionSejour ul.FiltrePrestations li a:hover { background-color:var(--couleur-primaire-site); color: #FFF;}
#FormOptionSejour #BlockOptionSejour ul.FiltrePrestations li a img { max-height: 45px; height: 45px;}
#FormOptionSejour #BlockOptionSejour ul.FiltrePrestations li a span {}

#FormOptionSejour #BlockOptionSejour #BlockBtnReservationAfterOption { margin: 45px 0;}



@media screen and (max-width:480px) {
    #FormOptionSejour #BlockOptionSejour article:nth-child(odd) { margin: 0 0 0 0px; }
    #FormOptionSejour #BlockOptionSejour article:nth-child(even) { margin: 0 0px 0 0; }
    #FormOptionSejour #BlockOptionSejour article { width: 100%; margin: 15px;}
}


#FormOptionSejour #BlockOptionSejour article .BlockVisuelPrestation { display: flex; flex-direction: row; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: 130px;}
#FormOptionSejour #BlockOptionSejour article .BlockVisuelPrestation img { width: 100%;}


#FormOptionSejour #BlockOptionSejour article:hover {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    box-shadow: rgb(34 34 43 / 8%) 0 -1px 4px -2px, rgb(34 34 43 / 10%) 0 14px 16px -6px, rgb(34 34 43 / 10%) 0 4px 22px 0
}

#FormOptionSejour #BlockOptionSejour article div.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    
}

#FormOptionSejour #BlockOptionSejour .header h4 {
    width: 100%;
}

#FormOptionSejour #BlockOptionSejour div.prixunit {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 22px;
}

#FormOptionSejour #BlockOptionSejour .content {
    display: block;
    position: relative;
    margin-top: 15px
}

#FormOptionSejour #BlockOptionSejour article h4 {
    font-size: 1.7rem;
    font-weight: 500;
}

#FormOptionSejour #BlockOptionSejour article.check:after {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    color: green;
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 25px
}

#FormOptionSejour #BlockOptionSejour article p {

}
#FormOptionSejour #BlockOptionSejour article p.resume { font-size: 13px; min-height: 80px; overflow: hidden; margin: 5px 0;}

#FormOptionSejour #BlockOptionSejour article .prixtotal {
    text-align: right;
    font-weight: 500;
    font-size: 2rem
}

#RecapListeOption li {
    list-style-type: none;
    border-bottom: 1px solid #efefef;
    padding: 8px 15px;
    background-color: #FFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
}

#RecapListeOption li span {
    min-width: calc(100% / 3);
    text-align: left
}

#RecapListeOption li span:first-child {
    width: 70%
}

#RecapListeOption li span:last-child {
    text-align: right;
    font-weight: 700
}

.reservation-order {
    position: relative;
    padding: 1.25rem !important;
    box-shadow: 0 0 .3125rem rgb(0 0 0 / 10%);
    background-color: rgb(255 255 255 / 80%);
    width: 90%;
    margin-top: 15px
}

.reservation-order.reservation-order-sticky {
    position: fixed !important;
    top: .935rem;
    width: 500px
}

.label-nbrepersonne {
    background-color: #efefef;
    padding: 8px 5px
}

#TableOrder tr.spacer td {
    border: 0
}

#TableOrder tr td.price {
    font-weight: 700
}

#TableOrder tr td.total {
    font-weight: 700;
    font-size: 1.7rem
}

#TableOrder tr td.totalAll {
    font-weight: 700;
    font-size: 2.2rem;
    color: #FFF;
    background-color: #585858
}

#TableOrder tr td a.btn-action,
#BtnReservationAfterOption,
#ReservationForm a.btn-action,
a.btn-action-resa,
input.btn-action-resa {
    font-weight: 700;
    font-size: 1.7rem;
    color: #FFF;
    background-color: #c23207;
    border: 1px solid #c23207;
    border-radius: 50px;
    font-weight: 400
}

#TableOrder tr td a.btn-action:hover,
#BtnReservationAfterOption:hover,
#ReservationForm a.btn-action:hover,
a.btn-action-resa:hover,
input.btn-action-res:hover {
    font-weight: 700;
    font-size: 1.7rem;
    color: #FFF;
    background-color: #912606;
    border: 1px solid #912606;
    border-radius: 50px;
    font-weight: 400
}

#ReservationForm #GmapSearchClient {
    margin-bottom: 5px
}

#ReservationForm span.input-info {
    font-size: 13px;
    color: #585858;
    padding: 8px;
    background-color: #efefef;
    display: block;
    margin-bottom: 8px
}

.BlockChoixNombrePersonne {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px
}

.BlockChoixNombrePersonne #BlockChoixNombrePersonne_Input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding: 30px;
    width: 100%
}


.BlockChoixNombrePersonne #BlockChoixNombrePersonne_Input .col-md-6 {
    width: 40%;
    text-align: center
}

@media screen and (max-width:780px) {
    .BlockChoixNombrePersonne #BlockChoixNombrePersonne_Input .col-md-6 {
        width: 40%
    }
}

@media screen and (max-width:480px) {
    
    .BlockChoixNombrePersonne {
        display: flex;
        flex-direction: column
    }
    .BlockChoixNombrePersonne .col-xs-12 {
        display: block;
        width: 100%
    }
    .BlockChoixNombrePersonne .col-xs-6 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 20px 0
    }
    .BlockChoixNombrePersonne .col-xs-6 label {
        width: 100%
    }
    .BlockChoixNombrePersonne .col-xs-6 div.form-group {
        width: 80%
    }
    .BlockChoixNombrePersonne #BlockChoixNombrePersonne_Input {
        display: flex;
        flex-direction: column;
        justify-content: center; 
        align-items: center; gap: 15px; flex-wrap: wrap;
         padding:0px;
    }
    .BlockChoixNombrePersonne #BlockChoixNombrePersonne_Input .col-md-6 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center; 
        align-items: center; gap: 0px; flex-wrap: wrap;
        
    }
    
    #FormOptionSejour #BlockOptionSejour article {
        min-height: 200px
    }
    
    .form-QuantityContainer .form-QuantitySelectorItem {
        width: 40px;
        height: 40px; 
        min-height: 40px; min-width: 40px;
        font-size:2rem;
        display: flex; flex-direction: column; justify-content: center; align-items: center;
    }
    
}

.btn-center {
    text-align: center
}

#SepTopSubHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

#SepTopSubHeader .Logo {
    width: 15%;
    display: block
}

#SepTopSubHeader .Logo img {
    width: 100%
}

#SepTopSubHeader span.SubTitle {
    font-size: 4.5rem;
    color: #555;
    letter-spacing: 3px;
    position: relative
}

#SepTopSubHeader span.SubTitle span {
    color: var(--couleur-span-homepage-tipped);
}

@media screen and (max-width:480px) {
    #SepTopSubHeader span.SubTitle {
        font-size: 3.3rem;
        color: #222;
        letter-spacing: .5px;
        position: relative;
        padding: 15px;
        text-align: center
    }
}

@media screen and (min-width:1199px) {
    #SepTopSubHeader {
        height: calc(100vh - 750px);
        min-height: 150px;
        z-index:3; 
        position: relative;
    }
}

#SliderHIntro>#content>.container:first-child {
    max-width: 1500px;
    width: 100%;
    margin-bottom: 100px
}

#SliderHIntro #builderIn .StickyBlock {
    width: 100%
}

.flex-row {
    flex-direction: row
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

#SliderHIntro #builderIn {
    margin-top: 25px
}

#SliderHIntro #PresentationDomaine .texte {
    padding: 25px;
    background-color: #514f44;
    height: 100%
}

#SliderHIntro #PresentationDomaine .texte h2,
#PresentationDomaine .texte p {
    color: #FFF
}

#SliderHIntro #PresentationDomaine .image img {
    width: 100%
}

#SliderHIntro .bg-brun {
    background-color: rgb(159 144 122 / 20%);
}


#SliderHIntro .video video { width: 100% }
#SliderHIntro .StickyBlock .video .containerCover  {position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; }
#SliderHIntro .StickyBlock .video .containerCover  video {position:relative; z-index: 1; }
#SliderHIntro .StickyBlock .video .containerCover .PlayerIcone {position: absolute; z-index: 2; margin: auto; top: 85%; display: flex; flex-direction: row; justify-content: flex-end; align-items:center; height: 50px; width:calc(100% - 25px);}
#SliderHIntro .StickyBlock .video .containerCover .PlayerIcone img {width: 30px; opacity:0.5; transition: all 1.2s ease-in-out;}
#SliderHIntro .StickyBlock .video .containerCover.video-active .PlayerIcone {opacity:0;}




@media (min-width:768px) {
    #SliderHIntro #builderIn .StickyBlock {
        background-color: #FFF;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow: hidden;
        height: 100vh
    }
    #SliderHIntro #builderIn .allContent {
        -ms-flex-direction: row;
        flex-direction: row;
        position: absolute;
        top: 0;
        left: 0;
        height: calc(100% - 2px);
        z-index: 1
    }
    #SliderHIntro #builderIn .image_texte {
        position: relative;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 650px;
        height: 100%;
        padding: 0 25px;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical
    }
    #SliderHIntro #builderIn .image_texte.space-around {
        justify-content: space-around
    }
    #SliderHIntro #builderIn .image_texte.image_droite {
        flex-direction: column-reverse
    }
    #SliderHIntro #builderIn .image_texte.image_gauche {
        flex-direction: column
    }
    #SliderHIntro #builderIn .image_texte:not(:last-child) {
        border-right: 1px solid #DDD
    }
}

@media screen and (max-width:480px) {
    #SepTopSubHeader .Logo {
        display: none
    }
    #SliderHIntro #builderIn {
        margin-top: 0
    }
    #SliderHIntro .allContent.flex-row {
        flex-direction: column
    }
    #SliderHIntro .allContent .image_texte {
        display: block;
        width: 100%;
        padding: 15px
    }
}

#BlockGallery {
    margin: 50px 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: auto;
    max-height: 450px
}

#BlockGallery .col-left {
    display: flex;
    flex-direction: row;
    width: 50%;
    justify-content: center;
    align-items: center
}

#BlockGallery .col-left a {
    position: relative;
    transition: .5s ease;
    display: block;
    overflow: hidden;
    height: calc(100% - 16px);
    padding: 8px;
    background-color: #FFF;
    height: 100%;
    width: 100%;
    position: relative
}

#BlockGallery .col-left a img {
    width: 100%;
    position: relative;
    transition: .5s ease
}

#BlockGallery .col-right {
    display: flex;
    flex-direction: row;
    width: 50%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

#BlockGallery .col-right a {
    position: relative;
    transition: .5s ease;
    display: block;
    overflow: hidden;
    width: calc((100% / 2) - 8px);
    padding: 8px;
    background-color: #FFF
}

#BlockGallery .col-right a img {
    width: 100%;
    position: relative;
    transition: .5s ease
}

#BlockGallery a .fa {
    display: none;
    position: absolute;
    left: 50%;
    margin: auto;
    text-align: center;
    top: 50%;
    font-size: 20px;
    color: #fff;
    transform: translate(-50%, -50%)
}

#BlockGallery a .fa {
    font-size: 30px
}

#BlockGallery a:hover .fa {
    display: block
}

#BlockGallery a:hover img {
    opacity: .4;
    transform: scale(1.15, 1.15);
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease
}

#BlockGallery .overlay-gallery {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    text-align: center;
    background-color: rgb(80 46 43 / 85%);
    cursor: pointer;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    z-index: 1
}

#BlockGallery .overlay-gallery span {
    font-size: 4rem;
    color: #FFF;
    position: absolute;
    top: 41%;
    left: 38%;
    z-index: 2
}

@media(max-width:580px) {
    #BlockGallery {
        margin: 50px 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: auto !important
    }
    #BlockGallery a {
        width: 100%
    }
    #BlockGallery .col-left,
    #BlockGallery .col-right {
        width: 100%
    }
}




/* Activité local front */

.LocalActivityItem {}
.LocalActivityItem .InfoLocality {font-size:1.3rem; color:var(--couleur-primaire-site); }

.LocalActivityItem .ContentLocalActivity { display:flex; flex-direction: row; align-items:center; justify-contenter: flex-start; gap:15px; position:relative;}

.LocalActivityItem .label-info {font-size:1.1rem; background-color: #222; color:#FFF;  font-weight:400; padding:8px 12px; position: absolute; left: 0; margin-top:25px; }
.LocalActivityItem .ContentLocalActivity>div {padding: 15px;}
.LocalActivityItem .ContentLocalActivity .Visuel { width:40%; margin:5px}
.LocalActivityItem .ContentLocalActivity .DescLocalActivity { width:60%;}

@media(max-width:480px){
        .LocalActivityItem .ContentLocalActivity {flex-direction: column;}
        .LocalActivityItem .ContentLocalActivity .Visuel {width: 100%;}
        .LocalActivityItem .ContentLocalActivity .DescLocalActivity {width: 100%;}
}

#dropdownLangueSite>a {display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px;}
#dropdownLangueSite ul li a img {display: inline-block;}



/* Pouce sur hover des equipements */
.pouce-hover {cursor: url('../img/pouce_equipements_picto.svg'), auto;}