.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0)}.list-unstyled{padding-left:0;list-style:none}.btn.disabled,.btn:disabled{opacity:0.65}form{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);background-color:#fff}form input[type="text"],form input[type="date"],form select,.contact input,.contact textarea{padding:10px;width:100%;font-size:14px;border:1px solid #ccc;border-radius:4px;box-shadow:none;transition:border-color 0.3s ease;background-color:#fff}form input[type="text"]:focus,form input[type="date"]:focus,form select:focus,.contact input:focus,.contact textarea:focus{border-color:#e5932e;outline:none}form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color 0.3s ease}form button:hover{background-color:#0056b3}.radio{margin-left:10px}.form-group label{margin-bottom:1px;margin-left:10px;font-size:14px}.form-group .help-block{font-weight:700;color:red;padding-bottom:15px}.mp-step-form-wrapper form,.mp-step-form-container form{display:block !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important;flex-wrap:unset !important;gap:0 !important;justify-content:unset !important;align-items:unset !important}.mp-step-form-container{max-width:650px;margin:0 auto;padding:0 10px;box-sizing:border-box}.mp-step-card{width:100%;padding:30px;border-radius:16px;box-shadow:0 4px 18px rgba(0,0,0,0.07);border:1px solid #e5e5e5;background-color:var(--light);color:var(--text-on-light)}.mp-step-progress{height:28px;border-radius:50px;overflow:hidden;background:#e9ecef}.mp-step-progress .progress-bar{font-weight:600;font-size:14px}.mp-section-title{font-size:22px;font-weight:700;margin-bottom:20px}.mp-step-form-container .form-group{margin-bottom:22px}.mp-step-form-container label{font-weight:600}.mp-step-form-container .form-control,.mp-step-form-container .form-select{width:100%;height:48px;font-size:16px;border-radius:8px;padding:0 12px;color:#495057;border:1px solid #ced4da;background-color:#fff;box-shadow:none;transition:border-color 0.3s ease,box-shadow 0.3s ease}.mp-step-form-container textarea.form-control{height:auto;min-height:100px;padding:12px}.mp-step-form-container .form-control:focus,.mp-step-form-container .form-select:focus,textarea.form-control:focus{border-color:#007bff;outline:none}.mp-radio-group{display:flex;gap:20px;margin-top:6px}.mp-radio{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.mp-radio input[type="radio"]{accent-color:#0d6efd;transform:scale(1.2)}.btn-group-step{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:10px;margin-top:15px}.btn-group-step .btn{flex:0 0 48%;min-width:48%;padding:10px 24px;border-radius:8px}@media (max-width:360px){.btn-group-step{flex-direction:column}.btn-group-step .btn{flex:1 1 100%;min-width:100%}}.form-step{transition:opacity 0.25s ease}.is-invalid{border-color:#dc3545 !important}.form-group.is-invalid label{color:#dc3545}.help-block.with-errors{display:none;margin-top:6px;font-size:14px;color:#dc3545;font-weight:600}.form-group .is-invalid + .help-block.with-errors{display:block !important}@media (max-width:768px){form,.mp-step-form-container form{flex-direction:column;align-items:stretch}.mp-step-form-container .form-group{margin-bottom:5px}form input[type="text"],form input[type="date"],form select,.mp-step-form-container .form-control,.mp-step-form-container .form-select,textarea.form-control,.btn-group-step .btn,form button{max-width:100%;width:100%}}
 .formbox-section{width:85%;margin:auto;padding:40px 0;text-align:center}.formbox-header h2{font-size:2rem;font-weight:700;margin-bottom:20px}.formbox-header p{max-width:900px;margin:10px auto;font-size:1.05rem;color:#555}.formbox-container{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.formbox-card,.formbox-item{background:var(--secondary);border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,0.08);transition:0.3s ease;text-align:center;border:1px solid #eee;display:flex;flex-direction:column;align-items:stretch}.formbox-card{width:calc(25% - 20px);padding:25px 20px}.formbox-item{width:calc(25% - 20px);margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:0}.formbox-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,0.12)}.formbox-icon{font-size:45px;color:var(--primary);margin-bottom:15px}.formbox-title,.formbox-item .formbox-title{font-size:1.25rem;font-weight:700;color:var(--text-on-secondary);margin-bottom:10px;padding:10px;text-align:center;min-height:85px;background:var(--secondary)}.formBox .formBoxtitle{color:#fff;background:var(--secondary);font-size:18px;font-weight:600;text-transform:uppercase;padding:15px 10px;margin:0 -10px 15px;border-radius:20px 20px 0 0;position:relative;text-shadow:0.08em 0.08em 0.08em #b5abab}.formbox-description,.formbox-item .formbox-description{color:#666;font-size:1rem;line-height:1.5;margin:0;padding:15px;background-color:#fff;flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.formbox-contact{margin-top:40px}.formbox-contact h2{font-size:1.8rem;margin-bottom:15px;font-weight:700}.formbox-contact p{max-width:700px;margin:10px auto;font-size:1.05rem;color:#555}.formbox-engagement{font-weight:600;margin-top:15px;color:var(--secondary)}@media (max-width:1024px){.formbox-card,.formbox-item{width:calc(50% - 20px)}}@media (max-width:768px){.formbox-card,.formbox-item{width:100%;margin:10px 0}}
/* ===============================
   WIDGET SOS
   =============================== */
.sos-widget {
    position: fixed;
    bottom: 20px;
    left: 20px; /* bas à gauche */
    z-index: 9999;
    font-family: sans-serif;
}

/* Bouton principal */
.sos-widget .main-button {
    background: var(--primary);
    color: var(--text-on-primary);
    border: none;
    border-radius: 50px;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	max-width: 50%
}

.sos-widget .main-button:hover {
    transform: scale(1.05);
}

/* Wrapper des icônes cachées par défaut */
.sos-widget #iconWrapper {
    display: none;
    flex-direction: column;
    
	position: absolute;
    bottom: 110%;
    left: 0;
    gap: 10px;
    width: 50%;
  
	
}

/* Icônes individuelles */
.sos-widget .icon-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    transition: transform 0.2s;
	gap: 10px;
}

.sos-widget .icon-slide:hover {
    transform: scale(1.1);
}

/* Ouverture du menu */
.sos-widget.open #iconWrapper {
    display: flex;
    flex-direction: column;
}

/* ----------------------------------------------------
   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;
}