.accordion-title,.accordion-button{font-size:1.125rem;font-weight:bold;font-family:"Poppins",sans-serif;padding:1rem;color:#000;background-color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.13)}.accordion-title::after{display:none !important;content:none}.accordion-button::after{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M1.5 5.5L8 12l6.5-6.5'/%3E%3C/svg%3E");transform:rotate(0deg);transition:transform 0.2s}.accordion-button:not(.collapsed)::after{transform:rotate(180deg)}.accordion-button:focus{background:linear-gradient(268deg,var(--secondary),#000000db);box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);color:#fff}.message-faq{text-align:center;font-family:'Arial',sans-serif;padding:20px;background-color:#f4f4f4;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin:10px auto}
.feedback-btn{color:white;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;margin-right:10px;position:relative;transition:background-color 0.3s;width:100%}.feedback-btn.yes{background-color:#28a745}.feedback-btn.no{background-color:#dc3545}.feedback-btn:hover{background-color:#0056b3}.feedback-comments-section{background-color:#ccc;border:1px solid white;border-radius:10px;padding:15px;margin:15px 0;margin-left:20%;box-shadow:0 2px 5px rgba(0,0,0,0.1);width:80%}.feedback-comments-section h4{font-size:calc(0.75rem + .3vw)}.feedback-comment{padding:10px 0;position:relative}.feedback-comment + .feedback-comment{border-top:1px solid white}.feedback-comment p{margin:0}.feedback-comment-input{width:100%;height:100px;border-radius:5px;border:1px solid #ccc;padding:10px;box-sizing:border-box;resize:none}.feedback-submit-comment{background-color:#8f938f;color:white;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;margin-top:10px;transition:background-color 0.3s}.feedback-submit-comment:hover{background-color:#595a59}.feedback-thank-you-message{background-color:rgba(0,128,0,0.8);color:white;border-radius:5px;padding:10px;margin-top:10px;text-align:center;display:block;max-width:100%}@media (min-width:768px){.feedback-thank-you-message{width:66.66%;margin:0 auto}}@media (max-width:767px){.feedback-thank-you-message{width:100%;margin:0 auto}}@media (max-width:600px){.feedback{padding:10px}.feedback-submit-comment{width:100%;margin:5px 0}}
 .cta-section{position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,var(--primary,#0d6efd),var(--dark));color:var(--text-on-primary,#ffffff);border-radius:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,0.25)}.cta-background{position:absolute;inset:0;z-index:1;overflow:hidden}.cta-background picture,.cta-background img,.cta-background .image-container{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;filter:brightness(0.45) contrast(1.15)}.cta-content{position:relative;z-index:2;padding:50px 25px}.cta-title{letter-spacing:-0.5px;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.cta-subtitle-lead{font-size:1.15rem;max-width:650px;color:rgba(255,255,255,0.9)}.backdrop-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,0.1)}.cta-section .btn{border-radius:0.75rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-width:2px}.cta-section .btn:hover{transform:translateY(-3px);box-shadow:0 0.75rem 1.5rem rgba(0,0,0,0.2) !important}@media (max-width:991px){.cta-content{padding:35px 15px}}
.urgence-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: none;

    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.65);

    padding: 20px;
}

.urgence-modal-content {
    position: relative;

    width: 100%;
    max-width: 500px;

    background: #fff;
    color: #222;

    padding: 30px;

    border-radius: 12px;

    box-shadow: 0 15px 50px rgba(0, 0, 0, .3);
}

.urgence-modal-content form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.urgence-modal-close {
    position: absolute !important;

    top: 10px !important;
    right: 15px !important;

    width: 36px !important;
    height: 36px !important;

    min-width: 0 !important;
    max-width: 36px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;


    font-size: 30px !important;
    line-height: 36px !important;
    text-align: center !important;

    cursor: pointer;

    color: #333;
}

.urgence-modal-close:hover {
    background: transparent !important;
    color: #000;
}

body.modal-open {
    overflow: hidden;
}

/* =========================================================
   BOUTON DE FERMETURE EN MODE CLASSIC

   Le mode classic du helper Modalscontact n'utilise que les
   classes modal-*. L'habillage du fond et de la boite vient
   alors de widgetcontactBoutonMultiple.css, mais ce fichier
   n'a aucune regle pour le bouton de fermeture : sa regle
   .modal-content button le transforme en bouton plein large,
   et la croix se retrouve au milieu de la modale.

   Cette regle, limitee a .modal-overlay, remet la croix dans
   l'angle. Elle ne touche pas les modales Bootstrap, qui
   n'utilisent pas .modal-overlay, et elle s'efface devant
   .urgence-modal-close quand les deux classes sont presentes.
   ========================================================= */
.modal-overlay .modal-close {
    position: absolute;
    top: 10px;
    right: 15px;

    width: 36px;
    height: 36px;
    min-width: 0;
    max-width: 36px;

    padding: 0;
    margin: 0;

    background: transparent;
    border: 0;
    border-radius: 0;

    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
    text-align: center;

    color: #333;
    cursor: pointer;
}

.modal-overlay .modal-close:hover {
    background: transparent;
    color: #000;
}

 #portfolio-flters li{display:inline-block;font-weight:500;color:var(--dark);cursor:pointer;transition:0.5s;border-bottom:2px solid transparent;padding:8px 15px;font-size:14px;font-weight:600;text-transform:uppercase}#portfolio-flters li:hover,#portfolio-flters li.active{color:var(--primary);border-color:var(--primary)}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-wrap{position:relative;overflow:hidden;z-index:1;background:rgba(21,21,21,0.6);transition:0.3s}.portfolio .portfolio-wrap::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(21,21,21,0.6);transition:opacity 0.3s;opacity:0;z-index:2}.portfolio .portfolio-wrap img{transition:transform 0.3s ease-in-out}.portfolio .portfolio-wrap .portfolio-info{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity 0.3s ease-in-out}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;font-weight:600;color:#fff}.portfolio .portfolio-wrap .portfolio-info p{color:rgba(255,255,255,0.7);font-size:14px;text-transform:uppercase;margin:0;font-style:italic}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;font-size:28px;margin-right:5px;transition:color 0.3s;display:inline-block}.portfolio .portfolio-wrap .portfolio-links a:hover{color:#a7a5a4}.portfolio .portfolio-wrap:hover::before{opacity:1}.portfolio .portfolio-wrap:hover img{transform:scale(1.2)}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-details-slider img{width:100%}.portfolio-details .portfolio-details-slider .swiper-pagination{margin-top:20px}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #a7a5a4}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#a7a5a4}.portfolio-details .portfolio-info{padding:30px;box-shadow:0px 0 30px rgba(21,21,21,0.08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.portfolio-details .portfolio-info ul{list-style:none;padding:0;font-size:15px}.portfolio-details .portfolio-info ul li + li{margin-top:10px}.portfolio-details .portfolio-description{padding-top:30px}.portfolio-details .portfolio-description h2{font-size:26px;font-weight:700;margin-bottom:20px}.portfolio-details .portfolio-description p{padding:0}.portfolio .portfolio-wrap .portfolio-links a{font-size:15px;margin:0 5px 0 0;transition:0.3s}@media (max-width:768px){.portfolio #portfolio-flters li{font-size:12px;padding:6px 12px}.portfolio .portfolio-wrap .portfolio-info{padding:10px}}
.newsletter-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px;margin-top:20px;background:linear-gradient(45deg,var(--primary),var(--light));position:relative;width:100%;overflow:hidden;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,0.25);color:var(--text-on-primary);transition:transform 0.4s ease,box-shadow 0.4s ease;overflow:hidden;z-index:1}.newsletter-content{flex:1;text-align:left;padding-right:20px}.newsletter-content h3{font-size:24px;font-weight:bold;margin-bottom:10px}.newsletter-content p{font-size:16px;margin-bottom:15px}.newsletter-form{display:flex;align-items:center}.newsletter-form input{flex:1;padding:10px;font-size:16px;border:none;border-radius:5px 0 0 5px;outline:none;width:100%}.newsletter-form button{background-color:var(--primary);border:none;color:var(--text-on-primary);padding:10px 20px;font-size:16px;font-weight:bold;border-radius:0 5px 5px 0;transition:0.3s}.newsletter-form button:hover{background-color:#ff1600}.newsletter-note{font-size:12px;margin-top:10px;opacity:0.8}.newsletter-image img{max-width:250px;border-radius:10px}@media (max-width:768px){.newsletter-container{flex-direction:column;text-align:center;padding:20px}.newsletter-content{padding-right:0;margin-bottom:20px}.newsletter-form{flex-direction:column}.newsletter-form input{border-radius:5px;margin-bottom:10px}.newsletter-form button{border-radius:5px;width:100%}}
/* ----------------------------------------------------
   IMAGES & POSITIONNEMENT
---------------------------------------------------- */
.imagemaisons {
    margin: 0 10px 10px 0;
}

.float {
    float: left;
}

.transform {
    transform: rotate(-2deg) skew(-2deg);
    margin-top: 2rem;
}

/* ----------------------------------------------------
   LIENS
---------------------------------------------------- */
.lien-site {
    color: black;
    z-index: -99;
}

.lien-site a {
    color: black;
    z-index: -99;
}

/* ----------------------------------------------------
   BLOC SCROLLABLE
---------------------------------------------------- */
.myBlock {
    border: none;
    padding: 5px;
    width: 100%;
    height: 20px;
    overflow-y: scroll;
    background-color: black;
    color: black;
}

.myBlock a {
    color: black;
}

/* Scrollbar custom */
::-webkit-scrollbar {
    width: 5px;
    height: 15px;
}

::-webkit-scrollbar-track {
    border: 1px solid var(--primary);
    border-radius: 15px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 15px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--secondary);
}

/* ----------------------------------------------------
   RESPONSIVE
---------------------------------------------------- */
@media screen and (min-width: 768px) {
    .pl-5 {
        transition-delay: 0 !important;
        padding-bottom: 5rem !important;
        padding-top: 5rem !important;
    }
}



/* ----------------------------------------------------
   MOTS-CLÉS ANIMÉS
---------------------------------------------------- */
.keywords-container {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.keyword {
    background: linear-gradient(45deg, #6a5acd, #00bfff);
    color: white;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
}

.keyword:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.keyword:active {
    transform: scale(0.95);
}

 
:root {--primary:#f6ee1e;--secondary:#ff8800;--light:#fff9e6;--dark:#1e1e1e;--hover:#f70202;--policebouton:#ffffff;--text-on-primary:#000000;--text-on-secondary:#000000;--text-on-light:#000000;--text-on-dark:#FFFFFF;--text-on-hover:#FFFFFF;;--bs-primary:#f6ee1e;--bs-secondary:#ff8800;--bs-light:#fff9e6;--bs-dark:#1e1e1e;--bs-primary-rgb:246,238,30;--bs-secondary-rgb:255,136,0;--bs-light-rgb:255,249,230;--bs-dark-rgb:30,30,30}
/* ===============================
   BARRE 4 ICÔNES FIXES
================================ */
.contact-bar-4 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    display: flex;
    justify-content: space-between;

    background: var(--primary);
   

    z-index: 99999;
}

/* ===============================
   ITEM
================================ */
.contact-bar-4 .bar-item {
    flex: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 3px 0;

    text-decoration: none;
    color:  var(--text-on-primary); 
    font-size: 12px;
    font-weight: 600;
	border: 1px solid #e5e5e5;
    transition: background .2s ease;
}

.contact-bar-4 .bar-item:hover {
    background: rgba(0,0,0,.04);
}

/* ===============================
   ICÔNE
================================ */
.contact-bar-4 .icon {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 4px;
}



.bar-item.whatsapp {
    background-color: #25D366;
    color: #fff;
 
    display: flex;
    align-items: center;
    
    text-decoration: none;
}

.bar-item.whatsapp .icon i {
    color: #fff;
    font-size: 1.2rem;
}

 
/* ===============================
   MODALES
================================ */
.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2147483647;
}

.modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    width: 90%;
    max-width: 400px;
}

.modal-content input,
.modal-content textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.modal-content button {
    width: 100%;
    padding: 12px;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
}