/*START CSS code Benoit */
:root {
    --bs-abeezee:"ABeeZee", sans-serif;
    --bs-oswald:"Oswald", sans-serif;
    --transition300: all 300ms ease;
    --dark-50:rgba(0,0,0,.5);
}
.bg-light {
    background-color: #ebf0f5!important;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: var(--bs-oswald);
}
.title-abeezee {
    font-family: var(--bs-abeezee) !important;
}
.mt-n1 {
    margin-top:-.5rem;
}
.mt-n2 {
    margin-top:-1rem;
}
.mt-n3 {
    margin-top:-1.5rem;
}
.mt-n4 {
    margin-top:-2rem;
}
.mt-n5 {
    margin-top:-2.5rem;
}
.mt-n6 {
    margin-top:-3rem;
}
.mb-n1 {
    margin-bottom:-.5rem;
}
.mb-n2 {
    margin-bottom:-1rem;
}
.mb-n3 {
    margin-bottom:-1.5rem;
}
.mb-n4 {
    margin-bottom:-2rem;
}
.mb-n5 {
    margin-bottom:-2.5rem;
}
.mb-n6 {
    margin-bottom:-3rem;
}
.ms-n1 {
    margin-left:-.5rem;
}
.ms-n2 {
    margin-bottom:-1rem;
}
.ms-n3 {
    margin-left:-1.5rem;
}
.ms-n4 {
    margin-left:-2rem;
}
.ms-n5 {
    margin-left:-2.5rem;
}
.ms-n6 {
    margin-left:-3rem;
}
.me-n1 {
    margin-right:-.5rem;
}
.me-n2 {
    margin-rightom:-1rem;
}
.me-n3 {
    margin-right:-1.5rem;
}
.me-n4 {
    margin-right:-2rem;
}
.me-n5 {
    margin-right:-2.5rem;
}
.me-n6 {
    margin-right:-3rem;
}
.top-n1 {
    top:-1px !important;
}
.opacity-10 {
    opacity:.1;
}
.opacity-20 {
    opacity:.2;
}
.opacity-30 {
    opacity:.3;
}
.opacity-40 {
    opacity:.4;
}
.opacity-50 {
    opacity:.5;
}
.opacity-60 {
    opacity:.6;
}
.opacity-70 {
    opacity:.7;
}
.opacity-80 {
    opacity:.8;
}
.opacity-90 {
    opacity:.9;
}
.text-shadow {
    text-shadow: 2px 2px 3px #0000003b;
}
.position-sticky.infos {
    z-index:9;
}
.position-sticky.infos.is-pinned .bg-white {
    background:#f8f9fa !important;
}
a#backTop:hover {
    color: #7ece8e !important;
}
a#backTop:hover .fa-group .fa-primary {
    opacity:.4 !important;
}
a#backTop:hover .fa-group .fa-secondary {
    opacity:1 !important;
}
.is-pinned svg.svg-inline--fa {
    font-size:2em;
}
.overlay-img-modal {
    position: absolute;
    background: rgba(0, 0, 0, .5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fullheight {
    height:75vh;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-size:50%;
    line-height:24px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.95);
}
.opacity-65 {
    opacity:.65;
}
.dropdown-menu.megamenu {
    z-index:1080;
}
.megamenu .row.grid-megamenu {
    overflow: hidden;
}
.megamenu .menu-effect .text {
    position: absolute;
    display:flex;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--dark-50);
    margin-top:55%;
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
.megamenu .menu-effect .text .name.text-truncate {
    margin-top: 3%;
}
.megamenu .menu-effect.menu-active .text .name.text-truncate,
.megamenu .menu-effect:hover .text .name.text-truncate {
    margin-top: 0;
}
.megamenu .menu-effect.menu-active .text,
.megamenu .menu-effect:hover .text {
    margin-top:0;
    background: rgba(0, 0, 0, .7);
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
.megamenu .menu-effect .thumbnail {
    overflow:hidden;
}
.megamenu .menu-effect .text .block-content{
    margin:0 auto;
}
.megamenu .menu-effect.menu-active .text .block-content,
.megamenu .menu-effect:hover .text .block-content{
    margin:auto;
}
.grid-megamenu .menu-effect.menu-active .thumbnail img,
.grid-megamenu .menu-effect:hover .thumbnail img {
    filter: blur(4px);
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
.grid-megamenu .menu-effect {
    border: 1px solid #fff;
}
.grid-galery {
     display: grid;
     width: 100%;
     grid-template-columns:repeat(4,1fr);
    -ms-grid-column:repeat(4,1fr);
 }
.grid-galery img,
.grid-galery:hover img,
.grid-galery img:hover {
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
.grid-galery:hover img {
    opacity:.7;
    filter:grayscale(50%);
}
.grid-galery img {
    position:relative;
    z-index:1;
}
.grid-galery img:hover {
    opacity:1;
    filter:grayscale(0%);
    transform:scale(1.05);
    z-index:2;
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 10px rgba(0, 0, 0, .75);
}
.grid-guesthouse {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    -ms-grid-column:repeat(3,1fr);
}
.grid-guesthouse,
.grid-guesthouse .card {
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
.grid-guesthouse:hover .card,
.grid-guesthouse:focus .card {
    opacity:.7;
}
.grid-guesthouse .card:hover,
.grid-guesthouse .card:focus {
    opacity:1;
    transform:scale(1.02);
}
.backdrop-filter-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
#backTop {
    cursor:pointer;
}
/* form gestion form-floating + input-group*/
.form-floating.input-group > label {
    z-index:9;
}
a.show-hide-password {
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
a.show-hide-password:hover,
a.show-hide-password:focus {
    background:#000 !important;
    color:#fff !important;
}
/*degrade background */
.bg-degrade-light-down {
    background: rgb(249,249,249); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,233,236,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,233,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,233,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e9ec',GradientType=0 ); /* IE6-9 */
}
.bg-dark-50 {
    background:var(--dark-50);
}
.glass-effect {
	backdrop-filter: blur(6.7px);
	-webkit-backdrop-filter: blur(7.7px);
}
.height-70vh {
    height:70vh;
}
.parallax-70vh {
    min-height: 70vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.obflink {
    cursor:pointer;
}
.obflink:hover,
.obflink:focus {
    opacity:.75;
}
/* fix bug bootstrap */
.lh-defaut {
    line-height:1 !important;
}
.box-content {
    box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing: content-box;
    max-width: 100%;
}
.width-100 {
    width:100%;
}
.grid-guesthouse .card-footer .btn-dark:visited:hover,
.btn-dark:hover,
.btn-dark:focus {
    background:#fff;
    color:#000;
}
.grid-guesthouse .card-footer .btn-dark:visited {
    background-color: #44515a;
    color: #96b4c7
}
.rounded-4 {
    border-radius:.375rem !important;
}
.rounded-5 {
    border-radius:.5rem !important;
}
.rounded-6 {
    border-radius:.625rem !important;
}
.toplist {
    min-height:35vh;
}
.corner-promo {
    position:absolute;
    transform:rotate(-45deg);
    color:#000;
    top:10px;
    font-size:11px;
}
.corner-promo:before {
    content:"";
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 75px solid #92ea9c;
    border-right : 75px solid transparent;
    position:absolute;
    top:-19px;
    left:-20px;
    z-index:-1;
    transform:rotate(45deg);
}
.corner-promo:after {
    content: "";
    width: 75px;
    height: 6px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.4) 100%);
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 13px;
    left: -20px;
    filter: blur(3px);
    z-index: -2;
}
/*nav secteur */
.nav-in-secteur a {
    -webkit-transition:var(--transition300);
    -moz-transition:var(--transition300);
    -ms-transition:var(--transition300);
    -o-transition:var(--transition300);
    transition:var(--transition300);
}
.nav-in-secteur li.active a,
.nav-in-secteur a:hover,
.nav-in-secteur a:focus {
    background: #d2ad35 !important;
}
.nav-in-secteur li.nav-item {
    border-color: rgba(255,255,255,.4);
    border-image: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    -webkit-border-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    -moz-border-image: -moz-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    -o-border-image: -o-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    border-image-slice: 1!important;
    border-right-width: 1px!important;
    border-right-style:solid;
}
.nav-in-secteur li.nav-item:first-child {
    border-color: rgba(255,255,255,.4);
    border-image: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    -webkit-border-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    -moz-border-image: -moz-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    -o-border-image: -o-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%)!important;
    border-image-slice: 1!important;
    border-left-width: 1px!important;
    border-left-style:solid;
}
/* offre vente */
.btn-degrade-offre {
    color: #88f1c0 !important;
    background: #80F6DD;
    background: -webkit-linear-gradient(bottom right, #80F6DD, #92EA9B) !important;
    background: -moz-linear-gradient(bottom right, #80F6DD, #92EA9B) !important;
    background: linear-gradient(to top left, #80F6DD, #92EA9B) !important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}
.degrade-offre,
#offrechs {
    background: #80F6DD;
    background: -webkit-linear-gradient(bottom right, #80F6DD, #92EA9B);
    background: -moz-linear-gradient(bottom right, #80F6DD, #92EA9B);
    background: linear-gradient(to top left, #80F6DD, #92EA9B);
}
.bg-degrade-or {
    background: #D4AF37;
    background: linear-gradient(to bottom, #D4AF37 0%, #C5A028 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D4AF37), color-stop(100%, #C5A028));
    background: -webkit-linear-gradient(top, #D4AF37 0%, #C5A028 100%);
    background: -moz-linear-gradient(top, #D4AF37 0%, #C5A028 100%);
    background: -o-linear-gradient(top, #D4AF37 0%, #C5A028 100%);
    background: -ms-linear-gradient(top, #D4AF37 0%, #C5A028 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4AF37', endColorstr='#C5A028', GradientType=0);
    border: 1px solid #B69119;
    box-shadow: inset 0 1px 0 #E3BE46;
    -webkit-box-shadow: inset 0 1px 0 #E3BE46;
    -moz-box-shadow: inset 0 1px 0 #E3BE46;
}
/*member */
.grid-member{
    display: grid;
    width: 100%;
    grid-template-columns:repeat(4,1fr);
    -ms-grid-column:repeat(4,1fr);
}
.grid-member.gap-3 > .card:nth-child(1):before,
.grid-member.gap-3 > .card:nth-child(2):before {
    position:absolute;
    background:rgba(0,0,0,.5);
    color:#fff;
    padding:3px 10px;
    font-size:12px;
    border-radius:30vw;
    top:-5px;
    left:50%;
    transform:translateX(-50%);
}
.grid-member.gap-3 > .card:nth-child(1):before {
    content: "image centrale de page";
}
.grid-member.gap-3 > .card:nth-child(2):before {
    content: "image de fin de page";
}
/*footer */
.bg-footer {
    background-color: #32363a!important;
}
/*login */
.card > .position-absolute > .border {
    border:1px solid rgba(0,0,0,.125) !important;
}

.form-check-input:focus {
    border-color: #212529;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked:focus,
.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.form-check-input:focus {
    border-color: #212529;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}
.form-check-input:checked {
    background-color: #212529;
    border-color: #212529;
}

/* RESPONSIVE for screen.css Prod */
@media (max-width: 1440px) {
    .megamenu .menu-effect .text {
        margin-top:50%;
    }
}
@media (min-width: 1440px) {
    .container {max-width:80% !important}
}
.navbar .megamenu {
    padding: 1rem;
}

/* ============ desktop view Megamenu ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }

}

/* ============ desktop view END ============ */
/* ============ mobile view ============ */
@media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}

/* ============ mobile view END ============ */
@media (max-width :960px) {
    .grid-galery {
        grid-template-columns:repeat(3,1fr);
        -ms-grid-columns:repeat(3,1fr);
    }
    .grid-guesthouse {
        grid-template-columns: repeat(2,1fr);
        -ms-grid-columns:repeat(2,1fr);
    }
}
@media (min-width: 768px) {
    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}
@media (max-width :480px) {
    #menutop .row.grid-megamenu > .col-xs-6 {
        max-width:50%;
    }
    .grid-galery {
        grid-template-columns:repeat(2,1fr);
        -ms-grid-column:repeat(2,1fr);
    }
    .grid-guesthouse {
        grid-template-columns:repeat(1,1fr);
        -ms-grid-column:repeat(1,1fr);
    }
}




/* ============ nav-link footer ============ */
.nav-link {
    display: block;
    padding: .5rem 0rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}