/*
    * CSS pour les éléments généraux du site
*/

/* ~ Import du fichier _variables.css ~ */
@import "_variables.css";
/* ~~ */

/* Surcharge des paddings / margin Bootstrap ... */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1,
.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
.col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 14px;
    padding-right: 14px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.close {
    opacity: 1 !important;
}

/* ~~ Sidebar ~~ */
/*#sidebar.opened_mobile {
    display: block !important;
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 5;
    margin-left: 0;
    max-width: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 992px) {
    #sidebar.opened_mobile {
        width: 30% !important;
    }
}

@media (max-width: 768px) {
    #sidebar.opened_mobile {
        width: 50% !important;
    }
}

@media (max-width: 475px) {
    #sidebar.opened_mobile {
        width: 80% !important;
    }
}*/

/*#sidebar {
    background: var(--neutral50);
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    border-right: 1px solid var(--neutral300);
    padding-left: 24px;
    padding-right: 24px;
}

#sidebar .sidebar-div {
    position: sticky;
    top: 40px;
}

#sidebar .nav-item {
    padding-left: 0;
    padding-right: 0;
}

#sidebar .numero_dossier,
#sidebar .profil {
    color: var(--neutral600);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

#sidebar .logosite {
    margin: 0 0 40px 0;
}

#sidebar .logosite img {
    height: 28px;
    width: 137px;
    object-fit: contain;
}

#sidebar ul li a {
    display: flex;
    color: var(--neutral600);
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0.01em;
    text-align: left;
    align-items: center;
    padding: 8px 0 8px 12px;
}

#sidebar ul li.li_navigation {
    margin-bottom: 12px;
}

#sidebar ul li.li_before_section {
    margin-bottom: 24px;
}

#sidebar ul li.li_section {
    margin-bottom: 24px;
}

#sidebar .bold-active,
#sidebar .bold-hover:hover {
    font-weight: 400 !important;
    background-color: transparent;
    color: var(--green);
}*/

/* ~~ Fin sidebar ~~ */

/* Contenu central */
#body-content-desktop {
    position: relative;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}

@media (max-width: 768px) {
    #body-content-desktop {
        padding: 16px 12px;
    }
}

/* ~~ Composants ~~ */
/* Bloc en haut de page */
/*.titre_infos_haut_page {
    background: var(--blanc);
    box-shadow: 0 6px 15px 0 rgba(0,0,0,0.08);
    border-radius: 8px;
    padding: 32px;
    min-height: 95px;
    width: 100%;
}*/

.bloc-pannel, .bloc_infos_haut_page, .bloc_structurel {
    padding: 24px !important;
}

@media (min-width: 768px) {
    .bloc-pannel, .bloc_infos_haut_page, .bloc_structurel {
        padding: 32px !important;
    }
}

.bloc_infos_haut_page {
    background: var(--blanc);
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 24px;
    width: 100%;
}

    .bloc_infos_haut_page .titre_infos_compl_et_bouton {
        display: flex;
        align-items: center;
        gap: 1em;
        justify-content: space-between;
    }

@media screen and (max-width: 576px) {
    .bloc_infos_haut_page .titre_infos_compl_et_bouton {
        flex-direction: column;
        align-items: flex-start;
    }
}

.bloc_infos_haut_page .titre_infos_compl_et_bouton h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--neutral900);
    margin-bottom: 0;
}

.bloc_infos_haut_page .sous-titre {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--neutral500);
    margin-top: 32px;
    margin-bottom: 0;
}

    .bloc_infos_haut_page .sous-titre a {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        color: var(--green);
        margin-bottom: 0;
    }

.bloc_infos_haut_page #informations_complementaires {
    display: flex;
    align-items: center;
}

.bloc_infos_haut_page #infos_avancement_dossier {
}

    .bloc_infos_haut_page #infos_avancement_dossier .badge_statut {
        margin-right: 16px;
    }

        .bloc_infos_haut_page #infos_avancement_dossier .badge_statut:last-child {
            margin-right: 0;
        }

    /* - Badge orange - */
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_orange,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_orange,
    #block_doc_juridiques .badge_statutDocJuri_orange,
    #block_docs_annexes .badge_statutDocsAnnexes_orange,
    #block_docs_ar24 .badge_statutDocsAr24_orange,
    #block_validationProjet .badge_statutValidationProjet_orange,
    #block_reflexion .badge_statutReflexion_orange,
    #block_rdv .badge_statutRdv_orange {
        padding: 0 16px;
        border-radius: 12px;
        background: var(--orangeBg);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 31px;
    }

        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_orange .icone_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_orange .icone_statut,
        #block_rdv .badge_statutRdv_orange .icone_statut,
        #block_doc_juridiques .badge_statutDocJuri_orange .icone_statut,
        #block_docs_annexes .badge_statutDocsAnnexes_orange .icone_statut,
        #block_docs_ar24 .badge_statutDocsAr24_orange .icone_statut,
        #block_reflexion .badge_statutReflexion_orange .icone_statut,
        #block_validationProjet .badge_statutValidationProjet_orange .icone_statut {
            display: inline-flex;
            margin-right: 8px;
        }

        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_orange .texte_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_orange .texte_statut,
        #block_rdv .badge_statutRdv_orange .texte_statut,
        #block_doc_juridiques .badge_statutDocJuri_orange .texte_statut,
        #block_docs_annexes .badge_statutDocsAnnexes_orange .texte_statut,
        #block_docs_ar24 .badge_statutDocsAr24_orange .texte_statut,
        #block_reflexion .badge_statutReflexion_orange .texte_statut,
        #block_validationProjet .badge_statutValidationProjet_orange .texte_statut {
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 15px;
            color: var(--orange);
        }

    /* - Badge vert - */
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_vert,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_vert,
    #block_rdv .badge_statutRdv_vert,
    #block_doc_juridiques .badge_statutDocJuri_vert,
    #block_docs_annexes .badge_statutDocsAnnexes_vert,
    #block_docs_ar24 .badge_statutDocsAr24_vert,
    #block_validationProjet .badge_statutValidationProjet_vert,
    #block_reflexion .badge_statutReflexion_vert,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_appelFreemium_vert {
        padding: 0 16px;
        border-radius: 12px;
        background: var(--greenBg);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 31px;
    }

        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_vert .icone_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_vert .icone_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_appelFreemium_vert .icone_statut,
        #block_rdv .badge_statutRdv_vert .icone_statut,
        #block_doc_juridiques .badge_statutDocJuri_vert .icone_statut,
        #block_docs_annexes .badge_statutDocsAnnexes_vert .icone_statut,
        #block_docs_ar24 .badge_statutDocsAr24_vert .icone_statut,
        #block_reflexion .badge_statutReflexion_vert .icone_statut,
        #block_validationProjet .badge_statutValidationProjet_vert .icone_statut {
            display: inline-flex;
            margin-right: 8px;
        }

        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_vert .texte_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_vert .texte_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_appelFreemium_vert .texte_statut,
        #block_rdv .badge_statutRdv_vert .texte_statut,
        #block_doc_juridiques .badge_statutDocJuri_vert .texte_statut,
        #block_docs_annexes .badge_statutDocsAnnexes_vert .texte_statut,
        #block_docs_ar24 .badge_statutDocsAr24_vert .texte_statut,
        #block_docs_ar24 .badge_statutReflexion_vert .texte_statut,
        #block_validationProjet .badge_statutValidationProjet_vert .texte_statut {
            font-family: 'Inter', sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 15px;
            color: var(--green);
        }

    .bloc_infos_haut_page #infos_avancement_dossier a.badge_appelFreemium_vert:hover,
    .bloc_infos_haut_page #infos_avancement_dossier a.badge_appelFreemium_vert:focus,
    .bloc_infos_haut_page #infos_avancement_dossier a.demarrer_procedure:hover,
    .bloc_infos_haut_page #infos_avancement_dossier a.demarrer_procedure:focus {
        text-decoration: none;
    }

    /* - Badge gris - */
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_gris,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_gris,
    #block_rdv .badge_statutRdv_gris,
    #block_doc_juridiques .badge_statutDocJuri_gris,
    #block_docs_annexes .badge_statutDocsAnnexes_gris,
    #block_docs_ar24 .badge_statutDocsAr24_gris,
    #block_validationProjet .badge_statutValidationProjet_gris,
    #block_reflexion .badge_statutReflexion_gris,
    .bloc_reponse_formulaire .badge_statutForm_gris,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_formule,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_secteur {
        padding: 8px 16px;
        border-radius: 12px;
        background: var(--neutral300);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_gris .icone_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_gris .icone_statut,
        #block_rdv .badge_statutRdv_gris .icone_statut,
        .bloc_reponse_formulaire .badge_statutForm_gris .icone_statut,
        #block_doc_juridiques .badge_statutDocJuri_gris .icone_statut,
        #block_docs_annexes .badge_statutDocsAnnexes_gris .icone_statut,
        #block_docs_ar24 .badge_statutDocsAr24_gris .icone_statut,
        #block_reflexion .badge_statutReflexion_gris .icone_statut,
        #block_validationProjet .badge_statutValidationProjet_gris .icone_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_formule .icone_statut,
        .bloc_infos_haut_page #infos_avancement_dossier .badge_secteur .icone_statut {
            display: inline-flex;
            margin-right: 8px;
        }

@media (max-width: 775px) {
    .badge_statut.en_freemium {
        border-radius: 100vw !important;
        padding: 8px !important;
    }

        .badge_statut.en_freemium .icone_statut {
            margin-right: 0 !important;
        }

            .badge_statut.en_freemium .icone_statut + .texte_statut {
                display: none;
            }
}

#block_validationProjet .badge_statutValidationProjet_orange.icone_seule,
#block_validationProjet .badge_statutValidationProjet_gris.icone_seule,
#block_validationProjet .badge_statutValidationProjet_vert.icone_seule,
#block_validationProjet .badge_statutValidationProjet_rouge.icone_seule {
    padding: 8px;
    border-radius: 100%;
}

    #block_validationProjet .badge_statutValidationProjet_orange.icone_seule .icone_statut,
    #block_validationProjet .badge_statutValidationProjet_gris.icone_seule .icone_statut,
    #block_validationProjet .badge_statutValidationProjet_vert.icone_seule .icone_statut,
    #block_validationProjet .badge_statutValidationProjet_rouge.icone_seule .icone_statut {
        margin-right: 0;
    }

.bloc_infos_haut_page #infos_avancement_dossier .badge_statutDossier_gris .texte_statut,
.bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_gris .texte_statut,
#block_rdv .badge_statutRdv_gris .texte_statut,
.bloc_reponse_formulaire .badge_statutForm_gris .texte_statut,
#block_doc_juridiques .badge_statutDocJuri_gris .texte_statut,
#block_docs_annexes .badge_statutDocsAnnexes_gris .texte_statut,
#block_docs_ar24 .badge_statutDocsAr24_gris .texte_statut,
#block_reflexion .badge_statutReflexion_gris .texte_statut,
#block_validationProjet .badge_statutValidationProjet_gris .texte_statut,
.bloc_infos_haut_page #infos_avancement_dossier .badge_formule .texte_statut,
.bloc_infos_haut_page #infos_avancement_dossier .badge_secteur .texte_statut {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: var(--neutral600);
}

/* - Badge rouge - */
.bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_rouge,
#block_rdv .badge_statutRdv_rouge,
#block_doc_juridiques .badge_statutDocJuri_rouge,
#block_docs_annexes .badge_statutDocsAnnexes_rouge,
#block_docs_ar24 .badge_statutDocsAr24_rouge,
#block_reflexion .badge_statutReflexion_rouge,
#block_validationProjet .badge_statutValidationProjet_rouge {
    padding: 0 16px;
    border-radius: 12px;
    background: var(--pinkBg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 31px;
}

    #block_rdv .badge_statutRdv_rouge .icone_statut,
    #block_doc_juridiques .badge_statutDocJuri_rouge .icone_statut,
    #block_docs_annexes .badge_statutDocsAnnexes_rouge .icone_statut,
    #block_docs_ar24 .badge_statutDocsAr24_rouge .icone_statut,
    #block_validationProjet .badge_statutValidationProjet_rouge .icone_statut,
    #block_reflexion .badge_statutReflexion_rouge .icone_statut,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_rouge .icone_statut {
        display: inline-flex;
        margin-right: 8px;
    }

    #block_rdv .badge_statutRdv_rouge .texte_statut,
    #block_doc_juridiques .badge_statutDocJuri_rouge .texte_statut,
    #block_docs_annexes .badge_statutDocsAnnexes_rouge .texte_statut,
    #block_docs_ar24 .badge_statutDocsAr24_rouge .texte_statut,
    #block_validationProjet .badge_statutValidationProjet_rouge .texte_statut,
    #block_reflexion .badge_statutReflexion_rouge .texte_statut,
    .bloc_infos_haut_page #infos_avancement_dossier .badge_statutPartage_rouge .texte_statut {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        color: var(--pink);
    }

.bloc_infos_haut_page .a_quoi_ca_sert {
    border: none;
    border-radius: 4px;
    background: var(--neutral300);
    color: var(--neutral700);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 8px 16px;
    display: inline-block;
}

.bloc_infos_haut_page .demarrer_procedure {
    border: none;
    border-radius: 4px;
    background: var(--pink);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 8px 16px;
    display: inline-block;
}

.bloc_infos_haut_page #notifications {
    position: relative;
    margin-left: 16px;
}

    .bloc_infos_haut_page #notifications::before {
        display: inline-block;
        height: 20px;
        width: 1px;
        background-color: var(--neutral300);
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .bloc_infos_haut_page #notifications img {
        padding-left: 15px;
    }

@media (max-width: 775px) {
    .bloc_infos_haut_page {
        flex-direction: column;
        align-items: start;
        height: auto;
    }

        .bloc_infos_haut_page .texte_statut span {
            display: none;
        }
}

/* Fin bloc en haut de page */
/* Blocs structurels */
.bloc_structurel {
    background: var(--blanc);
    border-radius: 8px;
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.08);
    padding: 32px;
}


    .bloc_structurel .contenu_text_bloc_structurel a {
        color: var(--green);
    }

    .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel #link_refusPaiementValidationModal {
        color: var(--erreur);
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel.with_message {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel.with_message .message_before_refund {
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            line-height: 18px;
            font-weight: 400;
            color: var(--neutral500);
        }

            .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel.with_message .message_before_refund span,
            .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel.with_message .message_before_refund span {
                font-weight: 500;
            }

@media (max-width: 775px) {
    .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel {
        display: flex;
        justify-content: end;
    }

        .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel button .text-to-hide,
        .bloc_structurel.bloc_demarrage_freemium .contenu_bouton_bloc_structurel a .text-to-hide {
            display: none;
        }
}

/* Supprime le padding-left pour la première colonne de chaque ligne */
/*.row > [class^="col-"]:first-child:not(.bloc-infos-login) {
    padding-left: 0 !important;
}*/

/* Supprime le padding-right pour la dernière colonne de chaque ligne */
/*.row > [class^="col-"]:last-child:not(.bloc-infos-login) {
    padding-right: 0 !important;
}*/

/* Boutons */
/* Small */
/* Vert plein */
.bouton_vert_small {
    background: var(--green);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_vert_small:hover,
    .bouton_vert_small:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_vert_small.disabled,
    .bouton_vert_small:disabled,
    .bouton_vert_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_vert_small.img_gauche,
    .bouton_vert_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_vert_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_vert_small.img_droite img {
            margin-left: 8px;
        }

/* Rouge plein */
.bouton_rouge_small {
    background: var(--pink);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_rouge_small:hover,
    .bouton_rouge_small:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_rouge_small.disabled,
    .bouton_rouge_small:disabled,
    .bouton_rouge_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_rouge_small.img_gauche,
    .bouton_rouge_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_rouge_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_rouge_small.img_droite img {
            margin-left: 8px;
        }

/* Gris plein */
.bouton_gris_small {
    background: var(--neutral300);
    color: var(--neutral700);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_gris_small:hover,
    .bouton_gris_small:focus {
        color: var(--neutral700);
        text-decoration: none;
    }

    .bouton_gris_small.disabled,
    .bouton_gris_small:disabled,
    .bouton_gris_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_gris_small.img_gauche,
    .bouton_gris_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_gris_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_gris_small.img_droite img {
            margin-left: 8px;
        }

/* Noir plein */
.bouton_noir_small {
    background: var(--neutral900);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_noir_small:hover,
    .bouton_noir_small:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_noir_small.disabled,
    .bouton_noir_small:disabled,
    .bouton_noir_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_noir_small.img_gauche,
    .bouton_noir_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_noir_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_noir_small.img_droite img {
            margin-left: 8px;
        }

/* Vert outline */
.bouton_vert_outline_small {
    background: transparent;
    color: var(--green);
    border: 1px solid var(--green) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_vert_outline_small:hover,
    .bouton_vert_outline_small:focus {
        color: var(--green);
        text-decoration: none;
    }

    .bouton_vert_outline_small.disabled,
    .bouton_vert_outline_small:disabled,
    .bouton_vert_outline_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_vert_outline_small.img_gauche,
    .bouton_vert_outline_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_vert_outline_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_vert_outline_small.img_droite img {
            margin-left: 8px;
        }

/* Rouge outline */
.bouton_rouge_outline_small {
    background: transparent;
    color: var(--pink);
    border: 1px solid var(--pink) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_rouge_outline_small:hover,
    .bouton_rouge_outline_small:focus {
        color: var(--pink);
        text-decoration: none;
    }

    .bouton_rouge_outline_small.disabled,
    .bouton_rouge_outline_small:disabled,
    .bouton_rouge_outline_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_rouge_outline_small.img_gauche,
    .bouton_rouge_outline_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_rouge_outline_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_rouge_outline_small.img_droite img {
            margin-left: 8px;
        }

/* Gris outline */
.bouton_gris_outline_small {
    background: transparent;
    color: var(--neutral700);
    border: 1px solid var(--neutral700) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_gris_outline_small:hover,
    .bouton_gris_outline_small:focus {
        color: var(--neutral700);
        text-decoration: none;
    }

    .bouton_gris_outline_small.disabled,
    .bouton_gris_outline_small:disabled,
    .bouton_gris_outline_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_gris_outline_small.img_gauche,
    .bouton_gris_outline_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_gris_outline_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_gris_outline_small.img_droite img {
            margin-left: 8px;
        }

/* Noir outline */
.bouton_noir_outline_small {
    background: transparent;
    color: var(--neutral900);
    border: 1px solid var(--neutral900) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: none;
    display: inline-block;
}

    .bouton_noir_outline_small:hover,
    .bouton_noir_outline_small:focus {
        color: var(--neutral900);
        text-decoration: none;
    }

    .bouton_noir_outline_small.disabled,
    .bouton_noir_outline_small:disabled,
    .bouton_noir_outline_small[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_noir_outline_small.img_gauche,
    .bouton_noir_outline_small.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_noir_outline_small.img_gauche img {
            margin-right: 8px;
        }

        .bouton_noir_outline_small.img_droite img {
            margin-left: 8px;
        }

/* Medium */
/* Boutons */
/* Vert plein */
.bouton_vert_medium {
    background: var(--green);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_vert_medium:hover,
    .bouton_vert_medium:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_vert_medium.disabled,
    .bouton_vert_medium:disabled,
    .bouton_vert_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_vert_medium.img_gauche,
    .bouton_vert_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_vert_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_vert_medium.img_droite img {
            margin-left: 8px;
        }

/* Rouge plein */
.bouton_rouge_medium {
    background: var(--pink);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_rouge_medium:hover,
    .bouton_rouge_medium:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_rouge_medium.disabled,
    .bouton_rouge_medium:disabled,
    .bouton_rouge_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_rouge_medium.img_gauche,
    .bouton_rouge_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_rouge_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_rouge_medium.img_droite img {
            margin-left: 8px;
        }

/* Gris plein */
.bouton_gris_medium {
    background: var(--neutral300);
    color: var(--neutral700);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_gris_medium:hover,
    .bouton_gris_medium:focus {
        color: var(--neutral700);
        text-decoration: none;
    }

    .bouton_gris_medium.disabled,
    .bouton_gris_medium:disabled,
    .bouton_gris_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_gris_medium.img_gauche,
    .bouton_gris_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_gris_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_gris_medium.img_droite img {
            margin-left: 8px;
        }

/* Noir plein */
.bouton_noir_medium {
    background: var(--neutral900);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_noir_medium:hover,
    .bouton_noir_medium:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_noir_medium.disabled,
    .bouton_noir_medium:disabled,
    .bouton_noir_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_noir_medium.img_gauche,
    .bouton_noir_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_noir_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_noir_medium.img_droite img {
            margin-left: 8px;
        }

/* Vert outline */
.bouton_vert_outline_medium {
    background: transparent;
    color: var(--green);
    border: 1px solid var(--green) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_vert_outline_medium:hover,
    .bouton_vert_outline_medium:focus {
        color: var(--green);
        text-decoration: none;
    }

    .bouton_vert_outline_medium.disabled,
    .bouton_vert_outline_medium:disabled,
    .bouton_vert_outline_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_vert_outline_medium.img_gauche,
    .bouton_vert_outline_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_vert_outline_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_vert_outline_medium.img_droite img {
            margin-left: 8px;
        }

/* Rouge outline */
.bouton_rouge_outline_medium {
    background: transparent;
    color: var(--pink);
    border: 1px solid var(--pink) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_rouge_outline_medium:hover,
    .bouton_rouge_outline_medium:focus {
        color: var(--pink);
        text-decoration: none;
    }

    .bouton_rouge_outline_medium.disabled,
    .bouton_rouge_outline_medium:disabled,
    .bouton_rouge_outline_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_rouge_outline_medium.img_gauche,
    .bouton_rouge_outline_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_rouge_outline_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_rouge_outline_medium.img_droite img {
            margin-left: 8px;
        }

/* Gris outline */
.bouton_gris_outline_medium {
    background: transparent;
    color: var(--neutral700);
    border: 1px solid var(--neutral700) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_gris_outline_medium:hover,
    .bouton_gris_outline_medium:focus {
        color: var(--neutral700);
        text-decoration: none;
    }

    .bouton_gris_outline_medium.disabled,
    .bouton_gris_outline_medium:disabled,
    .bouton_gris_outline_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_gris_outline_medium.img_gauche,
    .bouton_gris_outline_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_gris_outline_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_gris_outline_medium.img_droite img {
            margin-left: 8px;
        }

/* Noir outline */
.bouton_noir_outline_medium {
    background: transparent;
    color: var(--neutral900);
    border: 1px solid var(--neutral900) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
}

    .bouton_noir_outline_medium:hover,
    .bouton_noir_outline_medium:focus {
        color: var(--neutral900);
        text-decoration: none;
    }

    .bouton_noir_outline_medium.disabled,
    .bouton_noir_outline_medium:disabled,
    .bouton_noir_outline_medium[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_noir_outline_medium.img_gauche,
    .bouton_noir_outline_medium.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_noir_outline_medium.img_gauche img {
            margin-right: 8px;
        }

        .bouton_noir_outline_medium.img_droite img {
            margin-left: 8px;
        }

/* Large */
/* Boutons */
/* Vert plein */
.bouton_vert_large {
    background: var(--green);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    display: inline-block;
}

    .bouton_vert_large:hover,
    .bouton_vert_large:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_vert_large.disabled,
    .bouton_vert_large:disabled,
    .bouton_vert_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_vert_large.img_gauche,
    .bouton_vert_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_vert_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_vert_large.img_droite img {
            margin-left: 8px;
        }


.bouton_gris_medium, .bouton_vert_large, .bouton_gris_large, .bouton_rouge_large, .choix_formule, button {
    appearance: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.3em;
    text-align: center;
    border-radius: 4px;
    padding: 8px 16px;
    border: none;
    display: inline-block;
    max-width: 100%;
}

.plus_infos {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: var(--green);
    padding: 0;
    background: transparent;
}

.choix_formule, .button_select_avocat {
    width: 100%;
    background: transparent;
    color: var(--green);
    border: 2px solid var(--green);
    margin: 0 auto 12px auto;
}


.back_step, .next_step {
    padding: 12px 24px;
}

.bouton_rouge_large {
    background: var(--pink);
    color: var(--blanc);
}

    .bouton_rouge_large:hover,
    .bouton_rouge_large:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_rouge_large.disabled,
    .bouton_rouge_large:disabled,
    .bouton_rouge_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_rouge_large.img_gauche,
    .bouton_rouge_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_rouge_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_rouge_large.img_droite img {
            margin-left: 8px;
        }

/* Gris plein */
.bouton_gris_large {
    background: var(--neutral300);
    color: var(--neutral700);
}

    .bouton_gris_large:hover,
    .bouton_gris_large:focus {
        color: var(--neutral700);
        text-decoration: none;
    }

    .bouton_gris_large.disabled,
    .bouton_gris_large:disabled,
    .bouton_gris_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_gris_large.img_gauche,
    .bouton_gris_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_gris_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_gris_large.img_droite img {
            margin-left: 8px;
        }

/* Noir plein */
.bouton_noir_large {
    background: var(--neutral900);
    color: var(--blanc);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    display: inline-block;
}

    .bouton_noir_large:hover,
    .bouton_noir_large:focus {
        color: var(--blanc);
        text-decoration: none;
    }

    .bouton_noir_large.disabled,
    .bouton_noir_large:disabled,
    .bouton_noir_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_noir_large.img_gauche,
    .bouton_noir_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_noir_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_noir_large.img_droite img {
            margin-left: 8px;
        }

/* Vert outline */
.bouton_vert_outline_large {
    background: transparent;
    color: var(--green);
    border: 1px solid var(--green) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    display: inline-block;
}

    .bouton_vert_outline_large:hover,
    .bouton_vert_outline_large:focus {
        color: var(--green);
        text-decoration: none;
    }

    .bouton_vert_outline_large.disabled,
    .bouton_vert_outline_large:disabled,
    .bouton_vert_outline_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_vert_outline_large.img_gauche,
    .bouton_vert_outline_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_vert_outline_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_vert_outline_large.img_droite img {
            margin-left: 8px;
        }

/* Rouge outline */
.bouton_rouge_outline_large {
    background: transparent;
    color: var(--pink);
    border: 1px solid var(--pink) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    display: inline-block;
}

    .bouton_rouge_outline_large:hover,
    .bouton_rouge_outline_large:focus {
        color: var(--pink);
        text-decoration: none;
    }

    .bouton_rouge_outline_large.disabled,
    .bouton_rouge_outline_large:disabled,
    .bouton_rouge_outline_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_rouge_outline_large.img_gauche,
    .bouton_rouge_outline_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_rouge_outline_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_rouge_outline_large.img_droite img {
            margin-left: 8px;
        }

/* Gris outline */
.bouton_gris_outline_large {
    background: transparent;
    color: var(--neutral700);
    border: 1px solid var(--neutral700) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    display: inline-block;
}

    .bouton_gris_outline_large:hover,
    .bouton_gris_outline_large:focus {
        color: var(--neutral700);
        text-decoration: none;
    }

    .bouton_gris_outline_large.disabled,
    .bouton_gris_outline_large:disabled,
    .bouton_gris_outline_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_gris_outline_large.img_gauche,
    .bouton_gris_outline_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_gris_outline_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_gris_outline_large.img_droite img {
            margin-left: 8px;
        }

/* Noir outline */
.bouton_noir_outline_large {
    background: transparent;
    color: var(--neutral900);
    border: 1px solid var(--neutral900) !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    display: inline-block;
}

    .bouton_noir_outline_large:hover,
    .bouton_noir_outline_large:focus {
        color: var(--neutral900);
        text-decoration: none;
    }

    .bouton_noir_outline_large.disabled,
    .bouton_noir_outline_large:disabled,
    .bouton_noir_outline_large[disabled] {
        opacity: 50%;
        pointer-events: none;
    }

    .bouton_noir_outline_large.img_gauche,
    .bouton_noir_outline_large.img_droite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

        .bouton_noir_outline_large.img_gauche img {
            margin-right: 8px;
        }

        .bouton_noir_outline_large.img_droite img {
            margin-left: 8px;
        }

/* Tabs */
#tab_divorceo.nav-tabs {
    border-bottom: 1px solid var(--neutral300);
}

#tab_divorceo_content.tab-content {
    padding-top: 28px;
}

    #tab_divorceo_content.tab-content .tab-pane {
        background-color: var(--blanc);
        padding: 32px;
        border-radius: 8px;
        box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.08);
    }

#tab_divorceo.nav-tabs .nav-item.show .nav-link,
#tab_divorceo.nav-tabs .nav-link.active {
    color: var(--green);
    background-color: transparent;
    border: none;
    border-width: 2px;
    border-radius: 0;
    border-bottom: 2px solid var(--green);
}

    #tab_divorceo.nav-tabs .nav-item.show .nav-link svg,
    #tab_divorceo.nav-tabs .nav-link.active svg {
        color: var(--green);
    }

#tab_divorceo.nav-tabs .nav-link:hover svg {
    color: var(--green);
}

#tab_divorceo.nav-tabs .nav-link {
    border: none;
    color: var(--neutral600);
    background-color: transparent;
    border-radius: 0;
    display: inline-flex;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 8px;
    height: 40px;
}

#tab_divorceo.nav-tabs .nav-item {
    margin-right: 24px;
}

    #tab_divorceo.nav-tabs .nav-item:last-child {
        margin-right: 0;
    }

#tab_divorceo.nav-tabs .nav-link svg {
    margin-right: 12px;
    color: var(--neutral600); /* Couleur par défaut */
}

/* ~~ Slide over général ~~ */
#slideover {
    background-color: var(--blanc);
    position: fixed;
    height: 100vh;
    right: 0;
    width: 500px;
    display: block;
    top: 0;
    padding: 40px;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    transform: translateX(100%);
    overflow: auto;
}

    #slideover #header_slideover {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 32px;
    }

        #slideover #header_slideover #bloc_titre-icone_slideover {
            display: flex;
            align-items: center;
            justify-content: start;
        }

            #slideover #header_slideover #bloc_titre-icone_slideover #bloc_image_slideover {
                margin-right: 16px;
            }

        #slideover #header_slideover #close-slideover {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px;
            background: transparent;
        }

            #slideover #header_slideover #close-slideover:hover,
            #slideover #header_slideover #close-slideover:focus,
            #slideover #header_slideover #close-slideover:active {
                background: transparent;
                outline: none;
                box-shadow: none;
            }

        #slideover #header_slideover #bloc_titre_slideover #titre_slideover {
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            color: var(--neutral900);
            margin-bottom: 0px;
        }

        #slideover #header_slideover #bloc_titre_slideover #soustitre_slideover {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--neutral500);
            margin-top: 4px;
            margin-bottom: 0px;
        }

    #slideover .contenu_slideover {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        color: var(--neutral900);
        margin-bottom: 0px;
    }

    #slideover.slideover_full_screen {
        background-color: var(--blanc);
        position: fixed;
        max-height: 100vh;
        right: 0;
        top: 0;
        width: 100%;
        display: block;
        z-index: 999;
        transition: all 0.3s ease-in-out;
        transform: translateY(100%);
        overflow-y: auto;
        padding: 0;
    }

#overlay_slideover {
    background-color: var(--overlay);
    position: fixed;
    height: 100vh;
    width: 100vw;
    display: none;
    top: 0;
    left: 0;
    z-index: 998;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

    #overlay_slideover.active {
        display: block;
        opacity: 1;
    }

@media (max-width: 1024px) {
    #slideover {
        --spacing-top: 3em;

        background-color: var(--blanc);
        position: fixed;
        max-height: calc(100vh - var(--spacing-top));
        right: 0;
        width: 100%;
        display: block;
        top: var(--spacing-top);
        /*        padding-bottom: 20%;*/
        z-index: 40001;
        transition: all 0.3s ease-in-out;
        transform: translateY(100%);
        /*border-radius: 8px 0 0 8px;*/
        border-radius: 8px 8px 0 8px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ~~ Fin slide over général ~~ */

/* Blocs rdv & doc juridique */
#block_rdv .bloc_rdv,
#block_doc_juridiques .block_doc_juridiques {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
}

    #block_rdv .bloc_rdv:last-of-type,
    #block_doc_juridiques .block_doc_juridiques:last-of-type {
        margin-bottom: 0;
    }

    #block_rdv .bloc_rdv .bloc_rdv_libelle_souslibelle,
    #block_doc_juridiques .block_doc_juridiques .block_doc_juridiques_libelle_souslibelle {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 24px;
    }

        #block_rdv .bloc_rdv .bloc_rdv_libelle_souslibelle .lbelle_rdv,
        #block_doc_juridiques .block_doc_juridiques .block_doc_juridiques_libelle_souslibelle .lbelle_docJuri {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: var(--neutral900);
        }

        #block_rdv .bloc_rdv .bloc_rdv_libelle_souslibelle .date,
        #block_doc_juridiques .block_doc_juridiques .block_doc_juridiques_libelle_souslibelle .date {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--neutral500);
        }

/* Fin des blocs rdv & docs juridique */

/*Debut mise en forme bloc générique*/
.block_generic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
}

    .block_generic:last-of-type {
        margin-bottom: 0;
    }

    .block_generic .block_generic_libelle_souslibelle {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 24px;
    }

        .block_generic .block_generic_libelle_souslibelle .lbelle_docJuri {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: var(--neutral900);
        }

        .block_generic .block_generic_libelle_souslibelle .date {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--neutral500);
        }

/*Fin mise en forme bloc générique*/

/* Blocs parties */
#block_parties .col_bloc_structurel {
    margin-bottom: 16px !important;
}

    #block_parties .col_bloc_structurel:nth-last-child(1),
    #block_parties .col_bloc_structurel:nth-last-child(2) {
        margin-bottom: 0 !important;
    }

#block_parties .partie {
    display: flex;
    align-items: center;
    justify-content: start;
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
    gap: 16px;
}

    #block_parties .partie:last-of-type {
        margin-bottom: 0;
    }

    #block_parties .partie .info_partie {
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
    }

        #block_parties .partie .info_partie .nom {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: var(--neutral900);
            margin-bottom: 3px;
        }

        #block_parties .partie .info_partie .role {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--neutral500);
            margin-bottom: 0;
        }

/* Fin des blocs parties */

/* Accordion FAQ */

.faq_divorceo.card {
    border: 1px solid #fff;
    background-color: #fff;
}

    .faq_divorceo.card .card-body a {
        color: var(--green);
    }

.faq_divorceo .card-header {
    background-color: #fff;
    border-bottom: none;
    padding: 0;
    text-decoration: none;
}

.faq_divorceo h5 {
    padding: 10px 0;
}

    .faq_divorceo h5 button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.01em;
        text-align: left;
        color: var(--neutral900);
        text-decoration: none;
        background-color: var(--blanc);
        padding: 10px 10px 10px 0;
        border-radius: 5px;
    }

        .faq_divorceo h5 button:disabled,
        .faq_divorceo h5 button[disabled] {
            opacity: 1;
        }

        .faq_divorceo h5 button:hover {
            background-color: var(--blanc);
            color: var(--neutral900);
            text-decoration: none;
        }

        .faq_divorceo h5 button.collapsed {
            font-family: 'Roboto', sans-serif;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            text-align: left;
            color: var(--neutral900);
            background-color: var(--blanc);
            padding: 10px 10px 10px 0;
            border-radius: 0;
        }

        .faq_divorceo h5 button:disabled:after,
        .faq_divorceo h5 button[disabled]:after {
            content: url('../images/icones/v2/grises/lock-outline-darkgrey.svg') !important;
            float: none;
            width: 24px;
            height: 24px;
            line-height: 0;
        }

        .faq_divorceo h5 button:after {
            content: url('../images/icones/v2/grises/arrow-down.svg');
            float: none;
            width: 24px;
            height: 24px;
            line-height: 0;
        }

        .faq_divorceo h5 button.collapsed:after {
            content: url('../images/icones/v2/grises/arrow-right-outline.svg');
            float: none;
            width: 24px;
            height: 24px;
            line-height: 0;
        }


.faq_divorceo .libelle-question {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: var(--neutral900);
    padding: 0;
}

    .faq_divorceo .libelle-question a {
        color: var(--green);
    }

        .faq_divorceo .libelle-question a:hover, .faq_divorceo .libelle-question a:focus, .faq_divorceo .libelle-question a:active {
            color: var(--green);
        }

/* ~~ Fin composants ~~ */

/* ~~ Pages ~~ */
/* Freemium - Lancement */
.bloc_demarrage_freemium .bouton_en_savoir_plus {
    margin-right: 8px;
}

.bloc_demarrage_freemium .bouton_demarrage_paiement {
    margin-left: 8px;
    min-width: 280px;
}

@media (max-width: 1095px) {
    .bloc_demarrage_freemium .bouton_demarrage_paiement {
        margin-left: 8px;
        min-width: 0;
    }
}

@media (max-width: 685px) {
    .bloc_demarrage_freemium .contenu_bouton_bloc_structurel.with_message {
        text-align: right;
        flex-direction: column-reverse;
        align-items: end !important;
        gap: 15px;
    }
}

#carousel-membre .carousel-item img.photo-membre {
    border-radius: 4px;
    width: 100%;
    object-fit: contain; /* ✅ Correction ici */
    max-height: 320px;
    display: block;
}

#carousel-membre .carousel_controls_container {
    position: absolute;
    bottom: 15px;
    width: 45px;
    right: 0;
}

#carousel-membre .carousel-control-prev,
#carousel-membre .carousel-control-next {
    opacity: 1;
    width: 10px;
}

#carousel-membre .carousel-control-prev-icon {
    background-image: url('../images/icones/v2/grises/chevron-left-sharp-solid.svg') !important;
}

#carousel-membre .carousel-control-next-icon {
    background-image: url('../images/icones/v2/grises/chevron-right-sharp-solid.svg') !important;
}

#carousel-membre .infos-membre {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 32px;
}

    #carousel-membre .infos-membre img {
        margin-right: 24px;
    }

    #carousel-membre .infos-membre .identite-membre {
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 15px;
        color: var(--neutral900);
    }

    #carousel-membre .infos-membre .role-membre {
        margin-bottom: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        color: var(--neutral500);
    }

#carousel-membre .carousel-indicators,
#carousel-video .carousel-indicators {
    display: none;
}

@media (max-width: 768px) {
    #carousel-membre .carousel-item img.photo-membre {
        height: auto;
        max-height: none;
        object-fit: contain; /* ou cover selon le rendu voulu */
    }
}

#carousel-video .carousel_controls_container {
    position: absolute;
    bottom: 15px;
    width: 45px;
    right: 0;
}

#carousel-video .carousel-control-prev,
#carousel-video .carousel-control-next {
    opacity: 1;
    width: 10px;
}

#carousel-video .carousel-control-prev-icon {
    background-image: url('../images/icones/v2/grises/chevron-left-sharp-solid.svg') !important;
}

#carousel-video .carousel-control-next-icon {
    background-image: url('../images/icones/v2/grises/chevron-right-sharp-solid.svg') !important;
}

#carousel-video iframe {
    width: 100%;
    border-radius: 4px;
}

#carousel-video .infos-video {
    display: flex;
    align-items: start;
    justify-content: start;
    margin-top: 32px;
    flex-direction: column;
}

    #carousel-video .infos-video .titre-video {
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 15px;
        color: var(--neutral900);
    }

    #carousel-video .infos-video .duree-video {
        margin-bottom: 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        color: var(--neutral500);
    }

/* Modals */
.modal_divorceo .modal-body {
    padding: 40px;
}

.modal_divorceo h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--neutral900);
}

.modal_divorceo .soustitre_modal {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color: var(--neutral500);
    margin-top: 4px;
}

.modal_divorceo p,
.modal_divorceo p.descriptif-modal {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neutral900);
}

    .modal_divorceo p:last-of-type {
        margin-bottom: 20px;
    }

#historiqueInvitationsModal.modal_divorceo p:last-of-type {
    margin-bottom: 20px !important;
}

.modal_divorceo p b,
.modal_divorceo p strong,
.modal_divorceo p.descriptif-modal-bold {
    font-weight: 500;
}

.modal_divorceo input[type="text"] {
    border: 1px solid var(--neutral400);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    color: var(--neutral900);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 20px;
}

    .modal_divorceo input[type="text"]:hover,
    .modal_divorceo input[type="text"]:focus {
        border: 1px solid var(--neutral900);
    }

#infoLancementModal .modal-body,
#refusPaiementValidationModal .modal-body,
#aidePageProcedureModal .modal-body,
#aidePageFormulairesModal .modal-body,
#aidePageDocumentsModal .modal-body,
#aidePageConventionModal .modal-body,
#aidePageAvocatModal .modal-body,
#aidePageAideModal .modal-body {
    padding: 40px;
}

#infoLancementModal h3,
#refusPaiementValidationModal h3,
#aidePageProcedureModal h3,
#aidePageFormulairesModal h3,
#aidePageDocumentsModal h3,
#aidePageConventionModal h3,
#aidePageAvocatModal h3,
#aidePageAideModal h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--neutral900);
}

#aidePageProcedureModal .soustitre_modal,
#aidePageFormulairesModal .soustitre_modal,
#aidePageDocumentsModal .soustitre_modal,
#aidePageConventionModal .soustitre_modal,
#aidePageAvocatModal .soustitre_modal,
#aidePageAideModal .soustitre_modal {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color: var(--neutral500);
    margin-top: 4px;
}

#infoLancementModal p,
#infoLancementModal p.descriptif-modal,
#refusPaiementValidationModal p,
#refusPaiementValidationModal p.descriptif-modal,
#aidePageProcedureModal p,
#aidePageProcedureModal p.descriptif-modal,
#aidePageFormulairesModal p,
#aidePageFormulairesModal p.descriptif-modal,
#aidePageDocumentsModal p,
#aidePageDocumentsModal p.descriptif-modal,
#aidePageConventionModal p,
#aidePageConventionModal p.descriptif-modal,
#aidePageAvocatModal p,
#aidePageAvocatModal p.descriptif-modal,
#aidePageAideModal p,
#aidePageAideModal p.descriptif-modal {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neutral900);
}

    #infoLancementModal p:last-of-type,
    #refusPaiementValidationModal p:last-of-type,
    #aidePageProcedureModal p:last-of-type,
    #aidePageFormulairesModal p:last-of-type,
    #aidePageDocumentsModal p:last-of-type,
    #aidePageConventionModal p:last-of-type,
    #aidePageAvocatModal p:last-of-type,
    #aidePageAideModal p:last-of-type {
        margin-bottom: 0;
    }

    #infoLancementModal p b,
    #infoLancementModal p strong,
    #infoLancementModal p.descriptif-modal-bold,
    #refusPaiementValidationModal p b,
    #refusPaiementValidationModal p strong,
    #refusPaiementValidationModal p.descriptif-modal-bold,
    #aidePageProcedureModal p b,
    #aidePageProcedureModal p strong,
    #aidePageProcedureModal p.descriptif-modal-bold,
    #aidePageFormulairesModal p b,
    #aidePageFormulairesModal p strong,
    #aidePageFormulairesModal p.descriptif-modal-bold,
    #aidePageDocumentsModal p b,
    #aidePageDocumentsModal p strong,
    #aidePageDocumentsModal p.descriptif-modal-bold,
    #aidePageConventionModal p b,
    #aidePageConventionModal p strong,
    #aidePageConventionModal p.descriptif-modal-bold,
    #aidePageAvocatModal p b,
    #aidePageAvocatModal p strong,
    #aidePageAvocatModal p.descriptif-modal-bold,
    #aidePageAideModal p b,
    #aidePageAideModal p strong,
    #aidePageAideModal p.descriptif-modal-bold {
        font-weight: 500;
    }

.nbr_invits {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: var(--neutral500);
}

    .nbr_invits:hover,
    .nbr_invits:focus {
        color: var(--neutral500) !important;
    }

.en_savoir_plus {
    font-family: 'Roboto', sans-serif;
    color: var(--neutral900);
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
}

.step_1 span,
.step_2 span {
    background: var(--neutral200);
    border-radius: 50%;
    color: var(--neutral500);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
}

/* Fin Freemium - Lancement */

/* Freemium - Procedure */
.etape_procedure {
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    text-align: center;
    /*    max-width:148px;*/
}

    .etape_procedure .icone_etape {
        margin-bottom: 8px;
    }

        .etape_procedure .icone_etape img {
            height: 70px;
            width: 70px;
            object-fit: contain;
        }

    .etape_procedure .libelle_etape {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
        color: var(--neutral900);
        margin-bottom: 24px;
    }

    .etape_procedure .pourcentage_etape {
        text-align: center;
    }

        .etape_procedure .pourcentage_etape .multi-progress {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .etape_procedure .pourcentage_etape .pourcentage {
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
            line-height: 15px;
            font-weight: 400;
            color: var(--neutral500);
            margin-bottom: 8px;
            display: block;
        }

        .etape_procedure .pourcentage_etape .progress {
            width: 100%;
            max-width: 128px;
            height: 6px;
            border-radius: 5px;
            background-color: var(--neutral500);
            margin: auto;
        }

/* Fin Freemium - Procedure */

/* Page procédure Freemium / Premium */
@media (max-width: 1200px) {
    #bloc_etapes .col_etape1,
    #bloc_etapes .col_etape2,
    #bloc_etapes .col_etape3 {
        margin-bottom: 16px !important;
    }

    #bloc_etapes .col_etape4,
    #bloc_etapes .col_etape5,
    #bloc_etapes .col_etape6 {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 650px) {
    #bloc_etapes .etape_procedure {
        padding: 16px 4px;
    }

        #bloc_etapes .etape_procedure .pourcentage_etape .progress {
            max-width: none;
        }


    #bloc_rdv .lbelle_desktop {
        display: none;
    }

    #bloc_rdv .lbelle_mobile {
        display: inline-block;
    }
}

.col_etape1 {
}

.col_etape2 {
}

.col_etape3 {
}

.col_etape4 {
}

.col_etape5 {
}

.col_etape6 {
}

/* Fin page procédure Freemium / Premium */

/* Page Formulaires */
.bloc_reponse_formulaire {
    margin-bottom: 32px;
}

    .bloc_reponse_formulaire .titre_reponse_formulaire {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
        color: var(--neutral500);
        background: var(--neutral100);
        border-radius: 8px 8px 0 0;
        margin-left: 32px;
        padding: 4px 16px;
        margin-bottom: 0;
        display: inline-block;
    }

    .bloc_reponse_formulaire .contenu_reponse_formulaire {
        background: var(--neutral100);
        border-radius: 8px;
        padding: 32px;
    }

    .bloc_reponse_formulaire.freemium .contenu_reponse_formulaire {
        display: flex;
        align-items: start;
        justify-content: space-between;
        flex-direction: column
    }

/* Fin page Formulaires */

/* Page Documents */
#block_docs_annexes .block_docs_annexes,
#block_docs_ar24 .block_docs_ar24 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
}

    #block_docs_annexes .block_docs_annexes:last-of-type,
    #block_docs_ar24 .block_docs_ar24:last-of-type {
        margin-bottom: 0;
    }

    #block_docs_annexes .block_docs_annexes .block_docs_annexes_libelle_souslibelle,
    #block_docs_ar24 .block_docs_ar24 .block_docs_ar24_libelle_souslibelle {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 24px;
    }

@media (max-width: 576px) {
    #block_docs_annexes .block_docs_annexes .block_docs_annexes_libelle_souslibelle,
    #block_docs_ar24 .block_docs_ar24 .block_docs_ar24_libelle_souslibelle {
        flex-direction: column;
        align-items: start;
        gap: 4px;
    }
}

#block_docs_annexes .block_docs_annexes .block_docs_annexes_libelle_souslibelle .lbelle_docsAnnexes,
#block_docs_ar24 .block_docs_ar24 .block_docs_ar24_libelle_souslibelle .lbelle_docsAr24 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--neutral900);
}

#block_docs_annexes .block_docs_annexes .block_docs_annexes_libelle_souslibelle .date,
#block_docs_ar24 .block_docs_ar24 .block_docs_ar24_libelle_souslibelle .date {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: var(--neutral500);
}

/* Fin page Documents */

/* Page Convention */
#block_validationProjet .partie {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
}

    #block_validationProjet .partie .sous_div_infos {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 16px;
    }

    #block_validationProjet .partie .sous_div_statut {
    }

    #block_validationProjet .partie .info_partie {
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
    }

        #block_validationProjet .partie .info_partie .nom {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: var(--neutral900);
            margin-bottom: 3px;
        }

        #block_validationProjet .partie .info_partie .role {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--neutral500);
            margin-bottom: 0;
        }

#block_validationProjet .info_avancee {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--neutral900);
    margin-bottom: 32px;
}

#block_reflexion .block_reflexion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral100);
    border-radius: 8px;
    padding: 16px 24px;
    margin-bottom: 16px;
}

    #block_reflexion .block_reflexion:last-of-type {
        margin-bottom: 0;
    }

    #block_reflexion .block_reflexion .block_reflexion_libelle_souslibelle {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 24px;
    }

        #block_reflexion .block_reflexion .block_reflexion_libelle_souslibelle .lbelle_reflexion {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: var(--neutral900);
        }

        #block_reflexion .block_reflexion .block_reflexion_libelle_souslibelle .date {
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--neutral500);
        }

/* Fin page Convention */

/* Page Mon Avocat */
.infos_mon_avocat .infos {
    display: flex;
    -webkit-align-items: inherit;
    align-items: inherit;
    justify-content: start;
    gap: 15px;
    margin-bottom: 32px;
}

.infos_mon_avocat .coordonnees p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--neutral900);
    margin-bottom: 12px;
}

    .infos_mon_avocat .coordonnees p:last-of-type {
        margin-bottom: 0;
    }

.chatbox_dialog .chatbox_header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--neutral100);
    padding: 24px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

    .chatbox_dialog .chatbox_header h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: var(--neutral900);
        margin-bottom: 0;
    }

.chatbox_dialog.chatbox_freemium .chatbox_content {
    height: 534px;
    width: 100%;
    background: var(--blanc);
    border-radius: 0;
    overflow-y: auto;
    padding: 20px 30px;
}

.chatbox_dialog.chatbox_freemium .chatbox_btn button
.chatbox_dialog.chatbox_freemium .chatbox_btn button[disabled],
.chatbox_dialog.chatbox_freemium .chatbox_btn button:disabled {
    width: 100%;
    border-radius: 0 0 8px 8px;
    background: var(--green);
    opacity: .6;
    padding: 16px 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--blanc);
    border: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatbox_dialog.chatbox_freemium .chatbox_btn button {
    width: 100%;
    border-radius: 0 0 8px 8px;
    background: var(--green);
    padding: 16px 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: var(--blanc);
    border: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .chatbox_dialog.chatbox_freemium .chatbox_btn button[disabled] i,
    .chatbox_dialog.chatbox_freemium .chatbox_btn button:disabled i {
        color: var(--blanc);
        font-size: 20px;
        margin-right: 20px;
    }

/* Fin page Mon Avocat */