.text_blue{
        color: var(--text-action-high-blue-france);
    }
    .border_blue{
        border: 1px solid var(--border-action-high-blue-france, var(--blue-france-sun-113-625, #000091));
    }
        .fr-sidemenu,
        .fr-sidemenu__inner,
        .fr-sidemenu__list {
            box-shadow: none !important;
            border-right: none !important;
        }
        .step-link {
            align-items: center !important;
            flex-wrap: wrap;
            gap: 0.75rem;
            text-decoration: none;
            padding: 0.75rem 1rem;
            margin: 0.5rem;
            min-height: 70px;
            border-left: 6px solid rgba(0, 0, 145, 0.34);
            display: flex;
            justify-content: space-between;
            cursor: auto;
        }
        .step-number{
            display: none;
            margin: 0;
        }
        .fr-sidemenu__btn[aria-current]:not([aria-current=false]):before, .fr-sidemenu__link[aria-current]:not([aria-current=false]):before{
            display: none;
        }

        .step-link:hover{
            background-color: var(--background-default-grey-hover) !important;
            font-weight: bold;
        }
        .step-link>div{
            font-weight: normal!important;
            color: #666666;

        }
        .step-link.active{
            display: block;
        }

        .step-link.active .step-number {
            display: block;
        }
        .step-link.active>div {
            font-weight: 700!important;
            color: var(--text-title-grey);
        }

        .step-link.active {
            background-color: var(--background-default-grey-active) !important;
            border-left: 6px solid var(--background-action-high-blue-france);
            font-weight: bold;
        }

        .step-link.completed {
            text-decoration: underline;
            color: #666;
            cursor: pointer;
        }
        .step-link.completed:hover{
            font-weight: bold;
        }
        .step-link>i{
            display: none;
            color: var(--background-action-high-blue-france);;
        }
        .step-link.completed>i{
            display: block;
        }

        .step-link.completed .step-number {
            background-color: #18753C;
            color: white;
        }


        .label-radio{
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: space-between !important;
            width: 80% !important;
            padding-right: 2em !important;
        }
        .label-radio-div-picto{
            border-left: 1px solid grey !important;
            padding-left: 1em !important;
        }
        .formset_card{
            position: relative;
            padding: 1.5rem;
            border: 1px solid var(--border-action-high-blue-france, var(--blue-france-sun-113-625, #000091));
        }
        .formset_card > .remove {
            position: absolute;
            top: 1rem;
            right: 1rem;
        }
        .formset_card h4 {
            padding-right: 7rem;
        }
        .fr-message--error{
            display: none;
        }
        .fr-fieldset--error .fr-message--error, .fr-input-group--error .fr-message--error, .fr-checkbox-group--error .fr-message--error{
            display: block;
        }
        .border_avec_top{
            border: 1px solid #DDDDDD;
            padding: 48px 64px;
        }
        .border_avec_top h1,
        .border_avec_top h2,
        .border_avec_top .fr-h1 {
            margin-bottom: 12px !important;
        }
        .border_avec_top p {
            margin-bottom: 0 !important;
        }
        .border_sans_top{
            border: 1px solid #DDDDDD;
            padding: 48px 64px;
            border-top: none;
        }
        .border_boutons_navigation{
            border: 1px solid #DDDDDD;
            padding: 2rem 64px;
            margin-top: 2rem;
        }
        @media (max-width: 992px) {
            .border_avec_top, .border_sans_top, .border_boutons_navigation {
                padding: 2rem 1.5rem;
            }
        }
        @media (max-width: 768px) {
            .formset_card {
                padding: 1.5rem 1rem;
            }
            .border_avec_top, .border_sans_top, .border_boutons_navigation {
                padding: 1.5rem 1rem;
            }
        }
        .ck-word-count{
            display: none !important;
        }
        .ck-powered-by{
            display: none!important;
        }
        .ck-voice-label,
        .ck.ck-voice-label,
        .ck-announcer,
        .ck.ck-announcer,
        .ck-accessibility-help {
            display: none !important;
        }

        html[data-fr-theme="dark"] {
	/* Helper variables to avoid duplication in the colors. */

	--ck-custom-foreground: hsl(255, 3%, 18%);
	--ck-custom-border: hsl(300, 1%, 22%);
	--ck-custom-white: hsl(0, 0%, 100%);

	/* -- Overrides generic colors. ------------------------------------------------------------- */

	--ck-content-font-color: var(--ck-custom-white);

	--ck-color-base-background: hsl(270, 1%, 29%);
	--ck-color-base-border: hsl(240, 4%, 24%);

	--ck-color-focus-border: hsl(208, 90%, 62%);
	--ck-color-text: hsl(0, 0%, 98%);
	--ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
	--ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);

	/* -- Overrides the default .ck-button class colors. ---------------------------------------- */

	--ck-color-button-default-hover-background: hsl(270, 1%, 22%);
	--ck-color-button-default-active-background: hsl(270, 2%, 20%);
	--ck-color-button-default-active-shadow: hsl(270, 2%, 23%);

	--ck-color-button-on-background: var(--ck-custom-foreground);
	--ck-color-button-on-hover-background: hsl(255, 4%, 16%);
	--ck-color-button-on-active-background: hsl(255, 4%, 14%);
	--ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
	--ck-color-button-on-disabled-background: var(--ck-custom-foreground);

	--ck-color-button-action-background: hsl(168, 76%, 42%);
	--ck-color-button-action-hover-background: hsl(168, 76%, 38%);
	--ck-color-button-action-active-background: hsl(168, 76%, 36%);
	--ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
	--ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
	--ck-color-button-action-text: var(--ck-custom-white);

	--ck-color-button-save: hsl(120, 100%, 46%);
	--ck-color-button-cancel: hsl(15, 100%, 56%);

	/* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */

	--ck-color-dropdown-panel-border: var(--ck-custom-foreground);

	/* -- Overrides the default .ck-dialog class colors. ----------------------------------- */

	--ck-color-dialog-form-header-border: var(--ck-custom-border);

	/* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */

	--ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
	--ck-color-split-button-hover-border: var(--ck-custom-foreground);

	/* -- Overrides the default .ck-input class colors. ----------------------------------------- */

	--ck-color-input-border: hsl(257, 3%, 43%);
	--ck-color-input-text: hsl(0, 0%, 98%);
	--ck-color-input-disabled-background: hsl(255, 4%, 21%);
	--ck-color-input-disabled-border: hsl(250, 3%, 38%);
	--ck-color-input-disabled-text: hsl(0, 0%, 78%);

	/* -- Overrides the default .ck-list class colors. ------------------------------------------ */

	--ck-color-list-button-hover-background: var(--ck-custom-foreground);
	--ck-color-list-button-on-background: hsl(208, 88%, 52%);
	--ck-color-list-button-on-text: var(--ck-custom-white);

	/* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */

	--ck-color-panel-border: var(--ck-custom-border);

	/* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */

	--ck-color-toolbar-border: var(--ck-custom-border);

	/* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */

	--ck-color-tooltip-background: hsl(252, 7%, 14%);
	--ck-color-tooltip-text: hsl(0, 0%, 93%);

	/* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */

	--ck-content-color-image-caption-background: hsl(0, 0%, 97%);
	--ck-content-color-image-caption-text: hsl(0, 0%, 20%);

	/* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */

	--ck-color-widget-blurred-border: hsl(0, 0%, 87%);
	--ck-color-widget-hover-border: hsl(43, 100%, 68%);
	--ck-color-widget-editable-focus-background: var(--ck-custom-white);

	/* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */

	--ck-color-link-default: hsl(190, 100%, 75%);

    /* Improve displaying links. */
    .ck.ck-editor__editable a {
        color: hsl(210, 100%, 63%);
    }

    /* Improve displaying code blocks. */
    .ck-content pre {
        color: hsl(0, 0%, 91%);
        border-color: hsl(0, 0%, 77%);
    }
}

/* ================================== */
/* SlimSelect — Thème DSFR            */
/* ================================== */

/* --- Variables SlimSelect alignées sur le DSFR (thème clair) --- */
:root {
    --ss-primary-color: var(--background-action-high-blue-france);
    --ss-bg-color: var(--background-contrast-grey);
    --ss-font-color: var(--text-default-grey);
    --ss-placeholder-color: var(--text-mention-grey);
    --ss-disabled-color: var(--background-disabled-grey);
    --ss-border-color: var(--border-plain-grey);
    --ss-focus-color: #0a76f6;
    --ss-border-radius: 0.25rem 0.25rem 0 0;
}

/* --- Conteneur principal (.ss-main) --- */
.ss-main {
    border: none;
    border-radius: 0.25rem 0.25rem 0 0;
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
    background-color: var(--background-contrast-grey);
    background-image: none !important;
    color: var(--text-default-grey);
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
    transition: background-color 0.2s;
}

.ss-main:focus,
.ss-main.ss-open-below,
.ss-main.ss-open-above {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey), 0 0 0 2px #0a76f6;
}

.ss-main:hover {
    background-color: var(--background-contrast-grey-hover);
}

.ss-main .ss-arrow path {
    stroke: var(--text-default-grey);
}

/* Placeholder */
.ss-main .ss-values .ss-placeholder {
    color: var(--text-default-grey) !important;
    padding: 0;
    line-height: 1.5rem;
}

/* Valeur unique (single select) */
.ss-main .ss-values .ss-single {
    color: var(--text-default-grey) !important;
}

/* Tags de valeurs sélectionnées (multi-select) */
.ss-main .ss-values .ss-value {
    background-color: var(--background-action-high-blue-france);
    border-radius: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.ss-main .ss-values .ss-value .ss-value-text {
    color: var(--text-inverted-grey);
    padding: 0.125rem 0.5rem;
    font-size: 0.875rem;
}

.ss-main .ss-values .ss-value .ss-value-delete {
    border-left-color: rgba(255, 255, 255, 0.3);
    padding: 0.125rem 0.375rem;
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
    stroke: var(--text-inverted-grey);
}

/* --- Liste déroulante (.ss-content) --- */
.ss-content {
    border: 1px solid var(--border-default-grey);
    border-radius: 0;
    background-color: var(--background-overlap-grey);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Barre de recherche */
.ss-content .ss-search {
    border-bottom-color: var(--border-default-grey);
}

.ss-content .ss-search input {
    background-color: var(--background-contrast-grey);
    color: var(--text-default-grey);
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 0.25rem 0.25rem 0 0;
}

.ss-content .ss-search input:focus {
    box-shadow: 0 0 0 2px #0a76f6;
}

.ss-content .ss-search input::placeholder {
    color: var(--text-mention-grey);
}

/* Options */
.ss-content .ss-list .ss-option {
    color: var(--text-default-grey);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
}

.ss-content .ss-list .ss-option:hover:not(.ss-disabled) {
    background-color: var(--background-default-grey-hover);
    color: var(--text-default-grey);
    border-left: none;
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: var(--background-action-high-blue-france);
    color: var(--text-inverted-grey);
}

.ss-content .ss-list .ss-option.ss-disabled {
    background-color: var(--background-disabled-grey);
    color: var(--text-disabled-grey);
    cursor: not-allowed;
}

/* Texte "Aucun résultat" */
.ss-content .ss-list .ss-searching,
.ss-content .ss-list .ss-error {
    color: var(--text-mention-grey);
    font-size: 1rem;
}

/* --- Thème sombre --- */
html[data-fr-theme="dark"] {
    --ss-primary-color: var(--background-action-high-blue-france);
    --ss-bg-color: var(--background-contrast-grey);
    --ss-font-color: var(--text-default-grey);
    --ss-placeholder-color: var(--text-default-grey);
    --ss-disabled-color: var(--background-disabled-grey);
    --ss-border-color: var(--border-plain-grey);
}

html[data-fr-theme="dark"] .ss-main {
    background-color: var(--background-contrast-grey);
    color: var(--text-default-grey);
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
}

html[data-fr-theme="dark"] .ss-main:focus,
html[data-fr-theme="dark"] .ss-main.ss-open-below,
html[data-fr-theme="dark"] .ss-main.ss-open-above {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey), 0 0 0 2px #0a76f6;
}

html[data-fr-theme="dark"] .ss-main:hover {
    background-color: var(--background-contrast-grey-hover);
}

html[data-fr-theme="dark"] .ss-main .ss-arrow path {
    stroke: var(--text-default-grey);
}

html[data-fr-theme="dark"] .ss-main .ss-values .ss-placeholder {
    color: var(--text-default-grey) !important;
}

html[data-fr-theme="dark"] .ss-main .ss-values .ss-single {
    color: var(--text-default-grey) !important;
}

html[data-fr-theme="dark"] .ss-main .ss-values .ss-value {
    background-color: var(--background-action-high-blue-france);
}

html[data-fr-theme="dark"] .ss-main .ss-values .ss-value .ss-value-text {
    color: var(--text-inverted-grey);
}

html[data-fr-theme="dark"] .ss-main .ss-values .ss-value .ss-value-delete svg path {
    stroke: var(--text-inverted-grey);
}

html[data-fr-theme="dark"] .ss-content {
    background-color: var(--background-overlap-grey);
    border-color: var(--border-default-grey);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

html[data-fr-theme="dark"] .ss-content .ss-search {
    border-bottom-color: var(--border-default-grey);
}

html[data-fr-theme="dark"] .ss-content .ss-search input {
    background-color: var(--background-contrast-grey);
    color: var(--text-default-grey);
}

html[data-fr-theme="dark"] .ss-content .ss-search input::placeholder {
    color: var(--text-mention-grey);
}

html[data-fr-theme="dark"] .ss-content .ss-list .ss-option {
    color: var(--text-default-grey);
}

html[data-fr-theme="dark"] .ss-content .ss-list .ss-option:hover:not(.ss-disabled) {
    background-color: var(--background-default-grey-hover);
    color: var(--text-default-grey);
}

html[data-fr-theme="dark"] .ss-content .ss-list .ss-option.ss-highlighted,
html[data-fr-theme="dark"] .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: var(--background-action-high-blue-france);
    color: var(--text-inverted-grey);
}

html[data-fr-theme="dark"] .ss-content .ss-list .ss-option.ss-disabled {
    background-color: var(--background-disabled-grey);
    color: var(--text-disabled-grey);
}