.elementor-22736 .elementor-element.elementor-element-45849a7{--display:flex;}.elementor-22736 .elementor-element.elementor-element-b3eb79c{--display:flex;}.elementor-22736 .elementor-element.elementor-element-6d89383{--display:flex;}.elementor-22736 .elementor-element.elementor-element-6e7b944{--display:flex;}.elementor-22736 .elementor-element.elementor-element-ee5a513{--display:flex;}#elementor-popup-modal-22736 .dialog-widget-content{animation-duration:0.3s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-22736{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-22736 .dialog-message{width:1280px;height:auto;padding:3rem 2rem 3rem 2rem;}#elementor-popup-modal-22736 .dialog-close-button{display:flex;}@media(max-width:1438px){#elementor-popup-modal-22736 .dialog-message{width:980px;}#elementor-popup-modal-22736{justify-content:center;align-items:center;}}@media(max-width:1024px){#elementor-popup-modal-22736 .dialog-message{width:90vw;}#elementor-popup-modal-22736{justify-content:center;align-items:center;}}/* Start custom CSS for shortcode, class: .elementor-element-41d203c *//* =========================================================
   CONTENEUR DU NOUVEAU FORMULAIRE
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}


/* =========================================================
   FORMULAIRE
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 32px 36px;

    box-sizing: border-box;

    background: #ffffff;
    color: #17352f;

    border: 1px solid #e1e1dd;
    border-radius: 10px;
}


/* =========================================================
   TITRES
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-step-title {
    width: 100%;
    margin-bottom: 24px;
}

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-step-title h2 {
    margin: 0 0 6px;

    color: #17352f;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-step-title p {
    margin: 0;

    color: #69736f;

    font-size: 13px;
}


/* =========================================================
   CHOIX
   Pour moi / Pour un proche
   Achat / Location / Investissement
   Délai
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-group {
    width: 100%;

    border: 0;

    padding: 0;
    margin: 0 0 22px;
}

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-group legend {
    padding: 0;
    margin: 0 0 10px;

    color: #17352f;

    font-size: 13px;
    font-weight: 600;
}

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-list {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;
}


/* cache les vrais radios */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-list input[type="radio"] {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


/* bouton radio visuel */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 9px 16px;

    box-sizing: border-box;

    background: #f8f7f4;

    border: 1px solid #dad8d3;
    border-radius: 22px;

    color: #17352f;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;

    transition: all .2s ease;
}


/* sélectionné */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form
.df-choice-list input[type="radio"]:checked + .df-choice-card {

    background: #f0faf7;

    border-color: #137c69;

    color: #0b6b5b;
}


/* hover */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card:hover {
    border-color: #137c69;
}


/* =========================================================
   CHAMPS DE CONTACT
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-contact-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 16px 18px;

    width: 100%;
}

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element {
    width: 100%;

    padding: 0;

    margin-bottom: 18px;

    box-sizing: border-box;
}

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element label {
    display: block;

    margin: 0 0 7px;

    color: #17352f;

    font-size: 13px;
    font-weight: 600;
}


/* Inputs */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element input[type="text"],
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element input[type="email"],
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element input[type="tel"],
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element textarea {

    display: block;

    width: 100%;

    min-height: 44px;

    padding: 11px 12px;

    box-sizing: border-box;

    background: #f8f7f4;

    border: 1px solid #dad8d3;
    border-radius: 6px;

    color: #24352f;

    font-size: 13px;

    box-shadow: none;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element textarea {
    min-height: 90px;

    resize: vertical;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element input::placeholder,
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element textarea::placeholder {

    color: #777f7c;

    opacity: 1;
}


/* focus */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element input:focus,
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element textarea:focus {

    outline: none;

    border-color: #137c69;

    box-shadow: 0 0 0 1px #137c69;
}


/* petite aide sous champ */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-element small,
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-field-help {

    display: block;

    margin-top: 5px;

    color: #707975;

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================================
   NEWSLETTER / RGPD
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-checkbox-group {

    width: 100%;

    margin: 10px 0;

    padding: 14px;

    box-sizing: border-box;

    background: #faf9f7;

    border: 1px solid #dedcd7;
    border-radius: 6px;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .custom-checkbox {

    display: flex;

    align-items: flex-start;

    color: #263832;

    text-transform: none;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .custom-checkbox .checkmark {

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    margin: 2px 10px 0 0;

    background: #fff;

    border: 1px solid #87908d;
    border-radius: 3px;
}


/* état coché */
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {

    content: "";

    position: absolute;

    left: 4px;
    top: 4px;

    width: 10px;
    height: 10px;

    background: #137c69;

    border-radius: 1px;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-checkbox-content {

    width: auto;

    padding: 0;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-checkbox-content p {

    margin: 0;

    color: #263832;

    font-size: 12px;
    line-height: 1.45;

    text-transform: none;
}


/* =========================================================
   CAPTCHA
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form #sib_captcha {
    width: 100%;

    margin-top: 14px;
}


/* =========================================================
   BOUTONS
========================================================= */

.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-submit-wrapper {

    width: 100%;

    margin-top: 14px;

    padding: 0;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-submit,
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form #senioriales-next {

    width: 100%;

    padding: 14px 24px;

    border: 0;
    border-radius: 6px;

    background: #137c69;

    color: white;

    font-size: 15px;
    font-weight: 700;

    cursor: pointer;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-form-submit:hover,
.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form #senioriales-next:hover {

    background: #0d6758;
}


.elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .form-reassurance {

    margin: 9px 0 0;

    color: #727b77;

    text-align: center;

    font-size: 10px;
}


/* =========================================================
   DESKTOP
   La maquette COM = tout visible sur une seule page
========================================================= */

@media screen and (min-width: 770px) {

    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .senioriales-step {

        display: block !important;

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-only,
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-step-header,
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-step-actions,
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-message-toggle,
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-back {

        display: none !important;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form #senioriales-step-2 {

        margin-top: 8px;
    }
}


/* =========================================================
   TABLETTE
========================================================= */

@media screen and (max-width: 1025px) {

    .elementor-22736 .elementor-element.elementor-element-41d203c {

        max-width: 100%;

        width: 95%;
    }

}


/* =========================================================
   MOBILE
   2 vraies étapes
========================================================= */

@media screen and (max-width: 769px) {

    .elementor-22736 .elementor-element.elementor-element-41d203c {

        max-width: 100%;

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form {

        width: 100%;

        padding: 20px 18px;

        border-radius: 8px;
    }


    /* Desktop uniquement */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .desktop-only {

        display: none !important;
    }


    /* Une seule étape à la fois */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .senioriales-step {

        display: none;

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .senioriales-step.active {

        display: block;
    }


    /* Barre étape */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-step-header {

        display: block;

        margin-bottom: 20px;

        color: #65706c;

        font-size: 11px;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-progress {

        width: 100%;
        height: 3px;

        margin-top: 8px;

        overflow: hidden;

        background: #deddd9;

        border-radius: 4px;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-progress span {

        display: block;

        width: 50%;
        height: 100%;

        background: #137c69;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-progress.completed span {

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-step-title h2 {

        font-size: 20px;
    }


    /* choix empilés */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-list {

        flex-direction: column;

        gap: 8px;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card {

        width: 100%;

        justify-content: flex-start;

        padding: 10px 14px;
    }


    /* coordonnées sur une seule colonne */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-contact-grid {

        display: block;
    }


    /* Continuer */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-step-actions {

        display: flex;

        flex-direction: column;

        gap: 8px;

        margin-top: 22px;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-step-actions small {

        color: #717a76;

        text-align: center;

        font-size: 10px;
    }


    /* Retour */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-back {

        display: inline-block;

        padding: 0;

        margin: 0 7px 0 0;

        border: 0;

        background: transparent;

        color: #137c69;

        font-size: 11px;
        font-weight: 600;

        cursor: pointer;
    }


    /* Message facultatif */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .mobile-message-toggle {

        display: block;

        width: 100%;

        padding: 8px 0;

        border: 0;

        background: transparent;

        color: #137c69;

        text-align: left;

        font-size: 12px;
        font-weight: 600;

        cursor: pointer;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .message-container {

        display: none;

        margin-top: 8px;
    }


    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .message-container.open {

        display: block;
    }


    /* position */
    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .use-location {

        display: block;

        padding: 8px 0;

        border: 0;

        background: transparent;

        color: #137c69;

        font-size: 12px;
        font-weight: 600;

        cursor: pointer;
    }
    
    /* =========================================================
    ICONES DES CHOIX
    ========================================================= */

    .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;

        display: block;

        color: #137c69;

        font-size: 24px;
        line-height: 1;
    }


    /* Pour qui ? */

    .elementor-22736 .elementor-element.elementor-element-41d203c #pour-qui-moi + .df-choice-card::before {
        content: "\f007";
    }

    .elementor-22736 .elementor-element.elementor-element-41d203c #pour-qui-proche + .df-choice-card::before {
        content: "\f0c0";
    }


    /* Projet */

    .elementor-22736 .elementor-element.elementor-element-41d203c #projet-achat + .df-choice-card::before {
        content: "\f015";
    }

    .elementor-22736 .elementor-element.elementor-element-41d203c #projet-location + .df-choice-card::before {
        content: "\f084";
    }

    .elementor-22736 .elementor-element.elementor-element-41d203c #projet-investissement + .df-choice-card::before {
        content: "\f080";
    }


    /* Délais */

    .elementor-22736 .elementor-element.elementor-element-41d203c #delai-moins-6 + .df-choice-card::before,
    .elementor-22736 .elementor-element.elementor-element-41d203c #delai-6-12 + .df-choice-card::before,
    .elementor-22736 .elementor-element.elementor-element-41d203c #delai-plus-12 + .df-choice-card::before {
        content: "\f073";
    }


    /* Desktop : icône au-dessus */

    @media screen and (min-width: 770px) {

        .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card {
            flex-direction: column;

            gap: 8px;

            min-width: 125px;
            min-height: 78px;
        }
    }


    /* Mobile : icône à gauche */

    @media screen and (max-width: 769px) {

        .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card {
            flex-direction: row;

            align-items: center;

            gap: 12px;

            min-height: 46px;
        }

        .elementor-22736 .elementor-element.elementor-element-41d203c .brevo-senioriales-form .df-choice-card::before {
            width: 24px;

            flex: 0 0 24px;

            text-align: center;

            font-size: 20px;
        }
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7875c92 *//* =========================================================
   CONTENEUR DU NOUVEAU FORMULAIRE
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}


/* =========================================================
   FORMULAIRE
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 32px 36px;

    box-sizing: border-box;

    background: #ffffff;
    color: #17352f;

    border: 1px solid #e1e1dd;
    border-radius: 10px;
}


/* =========================================================
   TITRES
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-step-title {
    width: 100%;
    margin-bottom: 24px;
}

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-step-title h2 {
    margin: 0 0 6px;

    color: #17352f;

    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-step-title p {
    margin: 0;

    color: #69736f;

    font-size: 13px;
}


/* =========================================================
   CHOIX
   Pour moi / Pour un proche
   Achat / Location / Investissement
   Délai
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-group {
    width: 100%;

    border: 0;

    padding: 0;
    margin: 0 0 22px;
}

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-group legend {
    padding: 0;
    margin: 0 0 10px;

    color: #17352f;

    font-size: 13px;
    font-weight: 600;
}

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-list {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;
}


/* cache les vrais radios */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-list input[type="radio"] {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


/* bouton radio visuel */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-card {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 9px 16px;

    box-sizing: border-box;

    background: #f8f7f4;

    border: 1px solid #dad8d3;
    border-radius: 22px;

    color: #17352f;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;

    transition: all .2s ease;
}


/* sélectionné */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form
.df-choice-list input[type="radio"]:checked + .df-choice-card {

    background: #f0faf7;

    border-color: #137c69;

    color: #0b6b5b;
}


/* hover */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-card:hover {
    border-color: #137c69;
}


/* =========================================================
   CHAMPS DE CONTACT
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-contact-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 16px 18px;

    width: 100%;
}

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element {
    width: 100%;

    padding: 0;

    margin-bottom: 18px;

    box-sizing: border-box;
}

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element label {
    display: block;

    margin: 0 0 7px;

    color: #17352f;

    font-size: 13px;
    font-weight: 600;
}


/* Inputs */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element input[type="text"],
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element input[type="email"],
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element input[type="tel"],
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element textarea {

    display: block;

    width: 100%;

    min-height: 44px;

    padding: 11px 12px;

    box-sizing: border-box;

    background: #f8f7f4;

    border: 1px solid #dad8d3;
    border-radius: 6px;

    color: #24352f;

    font-size: 13px;

    box-shadow: none;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element textarea {
    min-height: 90px;

    resize: vertical;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element input::placeholder,
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element textarea::placeholder {

    color: #777f7c;

    opacity: 1;
}


/* focus */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element input:focus,
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element textarea:focus {

    outline: none;

    border-color: #137c69;

    box-shadow: 0 0 0 1px #137c69;
}


/* petite aide sous champ */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-element small,
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-field-help {

    display: block;

    margin-top: 5px;

    color: #707975;

    font-size: 11px;
    line-height: 1.4;
}


/* =========================================================
   NEWSLETTER / RGPD
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-checkbox-group {

    width: 100%;

    margin: 10px 0;

    padding: 14px;

    box-sizing: border-box;

    background: #faf9f7;

    border: 1px solid #dedcd7;
    border-radius: 6px;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .custom-checkbox {

    display: flex;

    align-items: flex-start;

    color: #263832;

    text-transform: none;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .custom-checkbox .checkmark {

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    margin: 2px 10px 0 0;

    background: #fff;

    border: 1px solid #87908d;
    border-radius: 3px;
}


/* état coché */
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {

    content: "";

    position: absolute;

    left: 4px;
    top: 4px;

    width: 10px;
    height: 10px;

    background: #137c69;

    border-radius: 1px;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-checkbox-content {

    width: auto;

    padding: 0;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-checkbox-content p {

    margin: 0;

    color: #263832;

    font-size: 12px;
    line-height: 1.45;

    text-transform: none;
}


/* =========================================================
   CAPTCHA
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form #sib_captcha {
    width: 100%;

    margin-top: 14px;
}


/* =========================================================
   BOUTONS
========================================================= */

.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-submit-wrapper {

    width: 100%;

    margin-top: 14px;

    padding: 0;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-submit,
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form #senioriales-next {

    width: 100%;

    padding: 14px 24px;

    border: 0;
    border-radius: 6px;

    background: #137c69;

    color: white;

    font-size: 15px;
    font-weight: 700;

    cursor: pointer;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-form-submit:hover,
.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form #senioriales-next:hover {

    background: #0d6758;
}


.elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .form-reassurance {

    margin: 9px 0 0;

    color: #727b77;

    text-align: center;

    font-size: 10px;
}


/* =========================================================
   DESKTOP
   La maquette COM = tout visible sur une seule page
========================================================= */

@media screen and (min-width: 770px) {

    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .senioriales-step {

        display: block !important;

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-only,
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-step-header,
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-step-actions,
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-message-toggle,
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-back {

        display: none !important;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form #senioriales-step-2 {

        margin-top: 8px;
    }
}


/* =========================================================
   TABLETTE
========================================================= */

@media screen and (max-width: 1025px) {

    .elementor-22736 .elementor-element.elementor-element-7875c92 {

        max-width: 100%;

        width: 95%;
    }

}


/* =========================================================
   MOBILE
   2 vraies étapes
========================================================= */

@media screen and (max-width: 769px) {

    .elementor-22736 .elementor-element.elementor-element-7875c92 {

        max-width: 100%;

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form {

        width: 100%;

        padding: 20px 18px;

        border-radius: 8px;
    }


    /* Desktop uniquement */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .desktop-only {

        display: none !important;
    }


    /* Une seule étape à la fois */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .senioriales-step {

        display: none;

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .senioriales-step.active {

        display: block;
    }


    /* Barre étape */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-step-header {

        display: block;

        margin-bottom: 20px;

        color: #65706c;

        font-size: 11px;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-progress {

        width: 100%;
        height: 3px;

        margin-top: 8px;

        overflow: hidden;

        background: #deddd9;

        border-radius: 4px;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-progress span {

        display: block;

        width: 50%;
        height: 100%;

        background: #137c69;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-progress.completed span {

        width: 100%;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-step-title h2 {

        font-size: 20px;
    }


    /* choix empilés */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-list {

        flex-direction: column;

        gap: 8px;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-choice-card {

        width: 100%;

        justify-content: flex-start;

        padding: 10px 14px;
    }


    /* coordonnées sur une seule colonne */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .df-contact-grid {

        display: block;
    }


    /* Continuer */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-step-actions {

        display: flex;

        flex-direction: column;

        gap: 8px;

        margin-top: 22px;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-step-actions small {

        color: #717a76;

        text-align: center;

        font-size: 10px;
    }


    /* Retour */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-back {

        display: inline-block;

        padding: 0;

        margin: 0 7px 0 0;

        border: 0;

        background: transparent;

        color: #137c69;

        font-size: 11px;
        font-weight: 600;

        cursor: pointer;
    }


    /* Message facultatif */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .mobile-message-toggle {

        display: block;

        width: 100%;

        padding: 8px 0;

        border: 0;

        background: transparent;

        color: #137c69;

        text-align: left;

        font-size: 12px;
        font-weight: 600;

        cursor: pointer;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .message-container {

        display: none;

        margin-top: 8px;
    }


    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .message-container.open {

        display: block;
    }


    /* position */
    .elementor-22736 .elementor-element.elementor-element-7875c92 .brevo-senioriales-form .use-location {

        display: block;

        padding: 8px 0;

        border: 0;

        background: transparent;

        color: #137c69;

        font-size: 12px;
        font-weight: 600;

        cursor: pointer;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd90e83 */.elementor-22736 .elementor-element.elementor-element-fd90e83 {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5394f98 */.elementor-22736 .elementor-element.elementor-element-5394f98 .brevo-senioriales-form .df-choice-card {
    border: 2px solid red !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   RENDU DESKTOP - MAQUETTE COM
========================================================= */

#elementor-popup-modal-22736 .brevo-senioriales-form {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;

    padding: 24px 20px 28px;

    font-size: 14px;
    line-height: 1.4;
}


/* TITRE */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-step-title {
    margin-bottom: 24px;
}

#elementor-popup-modal-22736 .brevo-senioriales-form .df-step-title h2 {
    font-size: 20px !important;
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 700;
}

#elementor-popup-modal-22736 .brevo-senioriales-form .df-step-title p {
    font-size: 12px !important;
    line-height: 1.4;
}


/* BLOCS DE CHOIX */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-choice-group {
    margin-bottom: 24px;
}

#elementor-popup-modal-22736 .brevo-senioriales-form .df-choice-group legend {
    font-size: 13px !important;
    font-weight: 600;
    margin-bottom: 10px;
}


/* BOUTONS : pour moi / achat / délai */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-choice-list {
    gap: 10px;
}

#elementor-popup-modal-22736 .brevo-senioriales-form .df-choice-card {
    min-height: 38px;

    padding: 9px 14px;

    font-size: 12px !important;

    border-radius: 22px;
}


/* TEXTE D'AIDE */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-field-help,
#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-element small {
    margin-top: 6px;

    font-size: 10px !important;
    line-height: 1.35;
}


/* ESPACE AVANT LES COORDONNÉES */

#elementor-popup-modal-22736 .brevo-senioriales-form #senioriales-step-2 {
    margin-top: 26px;
}


/* GRILLE PRENOM / NOM ETC */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-contact-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 14px;
    row-gap: 12px;
}


/* LABELS */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-element label {
    font-size: 12px !important;

    margin-bottom: 7px;

    font-weight: 600;
}


/* INPUTS */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-element input[type="text"],
#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-element input[type="email"],
#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-element input[type="tel"] {

    min-height: 38px;

    padding: 9px 11px;

    font-size: 12px !important;

    border-radius: 6px;
}


/* LOCALISATION */

#elementor-popup-modal-22736 .brevo-senioriales-form .sib-LOCALISATION_RECHERCHE-area {
    margin-top: 10px;
}


/* MESSAGE */

#elementor-popup-modal-22736 .brevo-senioriales-form textarea {

    min-height: 80px !important;

    padding: 10px 11px !important;

    font-size: 12px !important;

    border-radius: 6px;
}


/* CHECKBOX NEWSLETTER */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-checkbox-group {

    margin-top: 14px;
    margin-bottom: 12px;

    padding: 13px 14px;

    border-radius: 6px;
}

#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-checkbox-content p {

    font-size: 11px !important;
    line-height: 1.4 !important;
}


/* BOUTON FINAL */

#elementor-popup-modal-22736 .brevo-senioriales-form .df-form-submit {

    min-height: 42px;

    padding: 11px 20px;

    font-size: 14px !important;

    font-weight: 700;

    border-radius: 6px;
}


/* TEXTE SOUS LE BOUTON */

#elementor-popup-modal-22736 .brevo-senioriales-form .form-reassurance {

    margin-top: 8px;

    font-size: 9px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 769px) {

    #elementor-popup-modal-22736 .brevo-senioriales-form {

        max-width: 100%;

        padding: 20px 16px;
    }

    #elementor-popup-modal-22736 .brevo-senioriales-form .df-contact-grid {
        display: block;
    }

    #elementor-popup-modal-22736 .brevo-senioriales-form .df-choice-list {
        flex-direction: column;
    }

    #elementor-popup-modal-22736 .brevo-senioriales-form .df-choice-card {
        width: 100%;

        justify-content: flex-start;

        min-height: 42px;

        font-size: 13px !important;
    }

    #elementor-popup-modal-22736 .brevo-senioriales-form
    .df-form-element input[type="text"],

    #elementor-popup-modal-22736 .brevo-senioriales-form
    .df-form-element input[type="email"],

    #elementor-popup-modal-22736 .brevo-senioriales-form
    .df-form-element input[type="tel"] {

        min-height: 44px;

        font-size: 14px !important;
    }
}/* End custom CSS */