/*.th-btn, .th-btn:hover, .th-btn2.style2:hover,.th-btn2.style2:hover::before, .th-btn2:hover, .th-btn2.ser-btn::before {
    background-color: #b0192d !important;
}
a, .box-title a:hover, .blog-card .blog-meta a, .footer-links a:hover {
    color: #b0192d;
}
.hero-style2 .sub-title::before, .box-subtitle::before, .box-subtitle, .sub-title2::after, .sub-title2::before, .sub-title2, .footer-links li::after {
    background-color: #b0192d;
}
.footer-layout1-2 .copyright-wrap {
    border-color: #b0192d;
}

.info-box .box-icon:hover {
    background-color: #b0192d);
    border-color: #b0192d;
}
.scroll-top::after {
    border: 2px solid #b0192d);
    color: #b0192d;
    remplacé par 645d54
}
Le menu général (2étoiles  3étoiles restaurants …) disparaît en dessous de 1200px, ça c'est normal, mais le bouton du menu burger ne s’affiche pas non plus. Il réapparait en dessous de 576px.
Entre 992 et 1200, la petite vague au-dessus du logo masque à moitié les horaires d'ouverture
Et entre 576 et 992px, le scroll ne fonctionne pas :(
*/

:root {
    --theme-color: #BC0003;
    --light-color2: #e5d9c8;
    /* --black-color2: #797371; */
    --black-color2: #3C1F02;
    --body-bg: #EBE7E4;
    --body-color: #222;
    --custom-light-grey: #928c8a;
    --custom-grey:  #2d2525;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .main-menu a {
    color: unset;
}
.color-scheme-title.h4 {
    color: var(--white-color);
}
.booking-form2 input,.team-card .box-title, .th-pagination a {
    color: var(--body-color);
}
.card-view .box-title {
    text-align: center;
}
.card-view .box-title.h3 {

}
.img-box5 .about-img-area, .offer-box2, .contact-info {
    background-color: #3C1F02;
}

.img-box5 .about-img-area, .offer-box2, .contact-info,.img-box5 .about-wrapp::before  {
    background-color: var(--custom-light-grey);
}
.shadow-title, .offer-area4 .sec-title {
    color:var(--custom-light-grey);
}
.booking-form  {
    background-color: var(--black-color2) !important;
}
.booking-form2, .booking-form2 input, .booking-form2 textarea {
    background-color: #2d2525 !important;
}
.booking-form2 input {
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
    .sub-title2, .box-subtitle {
        text-transform: uppercase;
    }
    .sub-title-white.sub-title2::before {
        background-color: white;
    }
    .sub-title-white.sub-title2, .card-view .box-title {
    color: white;
}
    .app-title-area {
        max-width: 1045px;
        background: var(--light-color2);
    }
    .header-layout4 .header-top {
        background: var(--black-color2);
    }
    .sticky-wrapper {
        border-bottom: 1px solid #2d2525;
    }
    .header-logo {
        padding: 39px 123.5px 25px;
        margin-top: -36px;
        position: relative;
    }
    .header-layout4 .menu-area {
        border-bottom: 1px solid var(--light-color2);
    }
    .main-menu a, .th-btn, .th-btn2 {
        font-weight: 600;
    }

    .color-scheme {
        top: calc(60% - 100px);
    }
    .hero-2 .hero-map {
        position: relative;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        border-radius: 50%;
        color: var(--theme-color);
        background-color: var(--white-color);
        display: block;
        cursor: pointer;
    }
    .breadcumb-wrapper {
        position: relative;
       /* -webkit-mask-image: url("../img/bg-shape-cigognes-v2-fichier-tech copie.png");
        mask-image: url("../img/bg-shape-cigognes-v2-fichier-tech copie.png")*/
        -webkit-mask-image: url("../img/bg-shape-HK.png");
        mask-image: url("../img/bg-shape-HK.png");j
    }
    .breadcumb-banner::before {
        /*-webkit-mask-image: url("../img/bg-shape-cigognes-v2-fichier-tech copie.png");
        mask-image: url("../img/bg-shape-cigognes-v2-fichier-tech copie.png");*/
        -webkit-mask-image: url("../img/bg-shape-HK.png");
        mask-image: url("../img/bg-shape-HK.png");
        top:3px;
    }


.map-responsive{
    z-index: -1;
   padding-bottom: unset;
/*     width: 100%;*/
    height: 652px;
}

    .footer-layout1-2 .footer-logo::after, .footer-layout1-2 .footer-logo::before, .footer-layout1-2 .footer-widget.footer-line::before,.contact-form, .event-card .box-content {
        background: var(--black-color2);
    }
    .about-vouchers, .service-area3, .room-book, .gallery-area4, .special {
        background-color: var(--black-color2);
    }
    .offer-area4 .shadow-title {
        top: 21%;
    }
    .title-area img {
        max-width: 50%;
    }
    .booking-form .hero-wrap.hotel3 {
        grid-template-columns: auto auto auto auto auto auto;
    }
    .booking-form .hero-wrap.hotel2 {
        grid-template-columns: auto auto auto auto auto auto auto;
    }
    .tab-menu.selectHotel {
        gap: 0px;
    }
    .nav-tabs .nav-link.active {
        color: var(--title-color);
        background-color: var(--theme-color);
        border-color: #645d54;
    }
    .nav-tabs, .nav-tabs .nav-link {
        border-color: #645d54;
    }
    .nav-tabs .nav-link {
        background-color: var(--black-color2);
        color: #fff;
    }
    .nav-tabs .nav-link:hover, .team-contact-title .box-title, .team-contact .box-title, .team-contact .box-text, .about-vouchers .box-content, .about-vouchers .box-content .text {
        color: #fff;
    }
.dropdown-menu a.changeLang  {
    color: #fff !important;
}

.room-book .footer-btn .arrow-red, .icon-size-16 {
    width:16px;
}
.room-book .footer-btn span:hover {
    background-color: var(--body-bg);
}
.service-card .th-btn {
    background-color: var(--theme-color);
}
.service-card .th-btn:hover, .service-card .th-btn::before {
    background-color: var(--white-color);
}

/*.service-card .th-btn::before {
    background-color: var(--white-color);
}*/
/* Ajout style pour changer */
.th-btn2.style2:hover::before {
    transition: 1s ease-in-out;
}
.global-img:hover img {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    border-radius: 0 20px 0 0;
}
/* fin ajout style pour changer */
.th-side-menu ul li {
    border-bottom: 1px solid var(--light-color2);
    color: var(--light-color2);
}
img.icon-resa-small {
    width : 6%;
}
img.icon-resa-big {
    width : 65%;
}
.offer-box2 .price, .price-card .header-price {
    color: var(--body-color);
}
.room-card .box-title, .room-card .box-text, .room-card .room-card-meta, .room-box .box-title, .room-box .box-title a, .event-card .box-title, .event-card .box-text  {
    color: var(--title-color);
}
.room-card .box-content, .room-card, .service-grid .box-content, .price-card .header-price, .service-grid, .footer-wrapper {
    /*background-color: var(--light-color2);*/
}
.swiper-slide .service-grid {
    background-color: var(--light-color2);
}

.footer-wrapper, .room-card {
    background-color: #2d2525;
}
    .leaflet-top {
        top: 100px;
    }
.th-side-menu ul li a, .breadcumb-menu li:last-child {
        color: var(--white-color);
    }
.th-side-menu ul li a:hover{
    color: var(--theme-color);
}
.breadcumb-banner {
    z-index: 4;
    margin-bottom: -50px;
}
.room-checklist .checklist li {
    color: var(--body-color);
}
.checklist li::before {
    content: url("../img/icon/icon_check_Service.png");
}
.checklist li {
    margin-bottom: 12px !important;
}
.footer-layout1 .footer-logo img {
    background-color: unset;
}
.footer-links {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-vouchers .customer-review .box-review {
    width: unset;
}
.about-vouchers .customer-review .box-review i {
    color: #fff;
}
.call-info .call-link {
    color: unset;
}
.about-vouchers .customer-review .box-review i:nth-child(2) {
    font-size: 20px;
}
.about-vouchers .customer-review .box-review i:nth-child(3) {
    font-size: 15px;
}
.hotel-grid-list li .hotel-grid-list-icon {
    background: var(--body-color);
}
.hotel-grid-list-icon img {
    max-width: 70%;
}
.widget.widget_offer {
    color: var(--white-color);
}
.widget.widget_offer .banner-logo img {
    max-width: 8em;
}
.brand-area4 .dot-shape1, .brand-area4 .dot-shape2 {
    background-color: var(--body-bg);
    background-image: url('https://2025.complexe-hotelier-cigoland.fr/public/assets/img/bg/body-bg_shape-v3.png');
}
.th-side-menu ul li li:first-child {
    border-top: none !important;
}
@media (min-width: 1201px) {
    .d-lg-block {
        display: block !important;
    }
}
@media (max-width: 1200px) {
    .header-layout4 .header-logo .bg-shape {
        display: none;
    }
    .d-sm-none {
        display: block !important;
    }
    .d-lg-block {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .booking-form .hero-wrap.hotel3, .booking-form .hero-wrap.hotel2 {
        grid-template-columns: auto;
    }
    .leaflet-top {
        top: 5px;
    }
}
@media (max-width:767px) {
    .room-page-single .panoramaSlide1 {
        height: auto;
    }
    .img-box5 .about-wrapp .box-content, .img-box5 .about-wrapp::before, .img-box5 .about-wrapp {
        background-color: var(--custom-light-grey);
    }
    .brand-item {
        width: unset;
    }
}
@media (max-width: 480px) {
    .booking-form .hero-wrap.hotel3, .booking-form .hero-wrap.hotel2 {
        grid-template-columns: auto;
    }
    .map-view.shape-mockup2.hero-2 {
        top:16% !important;
    }
}j
/*#514845
 #24180d fond plus foncé*/