@lab-anssi/ui-kit 1.61.3 → 1.62.0

package/dist/dsfr/DsfrHeader.svelte

@@ -0,0 +1,4162 @@
+<svelte:options
+  customElement={{
+    tag: "dsfr-header",
+    props: {
+      id: { attribute: "id", type: "String" },
+      isMourning: { attribute: "is-mourning", type: "Boolean" },
+      menuId: { attribute: "menu-id", type: "String" },
+      menuModalId: { attribute: "menu-modal-id", type: "String" },
+      hasToolLinks: { attribute: "has-tool-links", type: "Boolean" },
+      toolLinks: { attribute: "tool-links", type: "Object" },
+      duplicateToolLinks: { attribute: "duplicate-tool-links", type: "Boolean" },
+      hasTranslate: { attribute: "has-translate", type: "Boolean" },
+      translateId: { attribute: "translate-id", type: "String" },
+      translateCollapseId: { attribute: "translate-collapse-id", type: "String" },
+      translateButtonTitle: { attribute: "translate-button-title", type: "String" },
+      translateButtonKind: { attribute: "translate-button-kind", type: "String" },
+      translateLanguages: { attribute: "translate-languages", type: "Object" },
+      hasSearch: { attribute: "has-search", type: "Boolean" },
+      searchId: { attribute: "search-id", type: "String" },
+      searchModalId: { attribute: "search-modal-id", type: "String" },
+      searchBtnId: { attribute: "search-btn-id", type: "String" },
+      searchInputId: { attribute: "search-input-id", type: "String" },
+      searchLabel: { attribute: "search-label", type: "String" },
+      searchPlaceholder: { attribute: "search-placeholder", type: "String" },
+      searchTitle: { attribute: "search-title", type: "String" },
+      brandLogoTitle: { attribute: "brand-logo-title", type: "String" },
+      brandService: { attribute: "brand-service", type: "String" },
+      hasBrandTagline: { attribute: "has-brand-tagline", type: "Boolean" },
+      brandTagline: { attribute: "brand-tagline", type: "String" },
+      brandLinkId: { attribute: "brand-link-id", type: "String" },
+      brandLinkTitle: { attribute: "brand-link-title", type: "String" },
+      brandLinkHref: { attribute: "brand-link-href", type: "String" },
+      hasBrandOperator: { attribute: "has-brand-operator", type: "Boolean" },
+      brandOperatorAlt: { attribute: "brand-operator-alt", type: "String" },
+      brandOperatorSrc: { attribute: "brand-operator-src", type: "String" },
+      brandOperatorStyle: { attribute: "brand-operator-style", type: "String" },
+      hasNavigation: { attribute: "has-navigation", type: "Boolean" },
+      hasSlotAfterNavigation: { attribute: "has-slot-after-navigation", type: "Boolean" },
+      navigationId: { attribute: "navigation-id", type: "String" },
+      navigationAriaLabel: { attribute: "navigation-aria-label", type: "String" },
+      navigationItems: { attribute: "navigation-items", type: "Object" },
+      hasHeaderTag: { attribute: "has-header-tag", type: "Boolean" },
+      fluid: { attribute: "fluid", type: "Boolean" },
+    },
+    extend: withIconsStyleSheet,
+  }}
+/>
+
+<script lang="ts">import { setIconClass, withIconsStyleSheet, setThemeable } from "../utilitaires";
+import { createSlot } from "../directives/actions.svelte";
+import DsfrButton from "./DsfrButton.svelte";
+import DsfrNavigation from "./DsfrNavigation.svelte";
+import DsfrSearch from "./DsfrSearch.svelte";
+setThemeable($host(), false);
+let { id, isMourning, menuId, menuModalId, hasToolLinks, toolLinks, duplicateToolLinks, hasTranslate, translateId: _translateId, translateCollapseId: _translateCollapseId, translateButtonTitle: _translateButtonTitle, translateButtonKind: _translateButtonKind, translateLanguages: _translateLanguages, hasSearch, searchId, searchModalId, searchBtnId: _searchBtnId, searchInputId, searchLabel, searchPlaceholder, searchTitle, brandLogoTitle = "République<br>Française", brandService, hasBrandTagline, brandTagline, brandLinkId, brandLinkTitle, brandLinkHref, hasBrandOperator, brandOperatorAlt = "", brandOperatorSrc, brandOperatorStyle, hasNavigation, hasSlotAfterNavigation, navigationId, navigationAriaLabel, navigationItems, hasHeaderTag = true, fluid = false, ontoolLinkClick } = $props();
+let openedMenuModal = $state(false);
+let openedSearchModal = $state(false);
+function handleToolLinkClick(link) {
+	ontoolLinkClick?.(link);
+	$host()?.dispatchEvent(new CustomEvent("toolLinkClick", {
+		detail: link,
+		bubbles: true,
+		composed: true
+	}));
+}
+/**
+* Gère l'ouverture et la fermeture des modales du menu ou de la recherche dans le Header.
+*
+* @param {MouseEvent} event - L'événement de clic sur le bouton d'ouverture.
+* @param {"menu" | "search"} [type] - Le type de modal à ouvrir ou fermer ("menu" ou "search").
+*
+* Cette fonction bascule l'état d'ouverture de la modal correspondante et met à jour la classe CSS
+* pour afficher ou masquer la modal. Elle utilise les attributs `data-fr-opened` et `aria-controls`
+* du bouton déclencheur pour cibler la bonne modal.
+*/
+function handleOpenMenu(event, type) {
+	const button = event.target;
+	const isOpened = button.getAttribute("data-fr-opened") === "true";
+	const modalId = button.getAttribute("aria-controls");
+	const modal = modalId ? button.closest(".fr-header")?.querySelector(`#${modalId}`) : null;
+	if (type === "menu") {
+		openedMenuModal = !isOpened;
+	} else if (type === "search") {
+		openedSearchModal = !isOpened;
+	}
+	if (modal) {
+		if (isOpened) {
+			modal.classList.remove("fr-modal--opened");
+		} else {
+			modal.classList.add("fr-modal--opened");
+		}
+	}
+}
+$effect(() => {
+	const rootElement = $host() ?? document.documentElement;
+	if (isMourning) {
+		rootElement.setAttribute("data-fr-mourning", "");
+	} else {
+		rootElement.removeAttribute("data-fr-mourning");
+	}
+});
+</script>
+
+{#snippet toolLinksRendered()}
+  {#if toolLinks?.length}
+    <ul class="fr-btns-group">
+      {#each toolLinks as link, index (index)}
+        {@const { label, url, icon, preset, classes = [], markup = "a" } = link}
+        <li>
+          <svelte:element
+            this={markup}
+            href={markup === "a" ? url : undefined}
+            type={markup === "button" ? "button" : undefined}
+            role={markup === "button" ? "button" : undefined}
+            class={[
+              "fr-btn",
+              icon && setIconClass(icon),
+              preset && `fr-btn--${preset}`,
+              ...classes,
+            ]}
+            onclick={markup === "button" ? () => handleToolLinkClick(link) : undefined}
+          >
+            {label}
+          </svelte:element>
+        </li>
+      {/each}
+    </ul>
+  {/if}
+{/snippet}
+
+<svelte:element
+  this={hasHeaderTag ? "header" : "div"}
+  role={hasHeaderTag ? "banner" : undefined}
+  class="fr-header"
+  {id}
+>
+  <div class="fr-header__body">
+    <div class={["fr-container", { "fr-header__container--fluid": fluid }]}>
+      <div class="fr-header__body-row">
+        <div class="fr-header__brand fr-enlarge-link">
+          <div class="fr-header__brand-top">
+            <div class="fr-header__logo">
+              <!-- eslint-disable-next-line svelte/no-at-html-tags -->
+              <p class="fr-logo">{@html brandLogoTitle}</p>
+            </div>
+            {#if hasBrandOperator}
+              <div class="fr-header__operator">
+                <a href={brandLinkHref} title={brandLinkTitle}>
+                  <img
+                    class="fr-responsive-img"
+                    style={brandOperatorStyle}
+                    src={brandOperatorSrc}
+                    alt={brandOperatorAlt}
+                  />
+                </a>
+              </div>
+            {/if}
+            {#if hasNavigation || hasSearch}
+              <div class="fr-header__navbar">
+                <slot name="beforenavbarbuttons"></slot>
+
+                {#if hasSearch}
+                  <button
+                    data-fr-opened={openedSearchModal}
+                    aria-controls={searchModalId}
+                    title={searchTitle}
+                    type="button"
+                    id={searchId}
+                    class="fr-btn--search fr-btn"
+                    onclick={(event: MouseEvent) => handleOpenMenu(event, "search")}
+                  >
+                    {searchTitle}
+                  </button>
+                {/if}
+
+                {#if hasNavigation}
+                  <button
+                    data-fr-opened={openedMenuModal}
+                    aria-controls={menuModalId}
+                    title="Menu"
+                    type="button"
+                    id={menuId}
+                    class="fr-btn--menu fr-btn"
+                    onclick={(event: MouseEvent) => handleOpenMenu(event, "menu")}
+                  >
+                    Menu
+                  </button>
+                {/if}
+              </div>
+            {/if}
+          </div>
+          {#if brandService}
+            <div class="fr-header__service">
+              {#if hasBrandOperator}
+                <p class="fr-header__service-title">
+                  {brandService}
+
+                  <slot name="headerbadge"></slot>
+                </p>
+              {:else}
+                <a href={brandLinkHref} title={brandLinkTitle} id={brandLinkId}>
+                  <p class="fr-header__service-title">
+                    {brandService}
+
+                    <slot name="headerbadge"></slot>
+                  </p>
+                </a>
+              {/if}
+              {#if hasBrandTagline && brandTagline}
+                <p class="fr-header__service-tagline">
+                  {brandTagline}
+                </p>
+              {/if}
+            </div>
+          {/if}
+        </div>
+        {#if hasToolLinks || hasTranslate || hasSearch}
+          <div class="fr-header__tools">
+            {#if hasToolLinks || hasTranslate}
+              <div class="fr-header__tools-links">
+                <slot name="beforetoolslinks"></slot>
+
+                <!-- Tool Links -->
+                <slot name="toolLinks">
+                  {@render toolLinksRendered()}
+                </slot>
+
+                <!-- Translate -->
+                <slot name="translate"></slot>
+              </div>
+            {/if}
+            {#if hasSearch}
+              <div
+                class={["fr-header__search fr-modal", { "fr-modal--opened": openedSearchModal }]}
+                id={searchModalId}
+                aria-labelledby={searchId}
+                aria-modal={openedSearchModal ? "true" : undefined}
+                role={openedSearchModal ? "dialog" : undefined}
+              >
+                <div class="fr-container fr-container-lg--fluid">
+                  <DsfrButton
+                    data-fr-opened={openedSearchModal}
+                    aria-controls={searchModalId}
+                    title="Fermer"
+                    id={`${searchId}-close`}
+                    preset="close"
+                    onclick={(event: MouseEvent) => handleOpenMenu(event, "search")}
+                    data-themeable="false"
+                  >
+                    Fermer
+                  </DsfrButton>
+                  <slot name="searchbar">
+                    <DsfrSearch
+                      inputId={searchInputId ?? ""}
+                      inputLabel={searchLabel ?? ""}
+                      placeholder={searchPlaceholder}
+                      buttonLabel={searchTitle ?? ""}
+                      buttonTitle={searchTitle ?? ""}
+                      buttonType="submit"
+                    />
+                  </slot>
+                </div>
+              </div>
+            {/if}
+          </div>
+        {/if}
+      </div>
+    </div>
+  </div>
+  {#if hasNavigation || duplicateToolLinks}
+    <div
+      class={["fr-header__menu fr-modal", { "fr-modal--opened": openedMenuModal }]}
+      id={menuModalId}
+      aria-labelledby={menuId}
+      aria-modal={openedMenuModal ? "true" : undefined}
+      role={openedMenuModal ? "dialog" : undefined}
+    >
+      <div class={["fr-container", { "fr-header__container--fluid": fluid }]}>
+        {#if hasNavigation}
+          <DsfrButton
+            data-fr-opened={openedMenuModal}
+            aria-controls={menuModalId}
+            label="Fermer"
+            id={`${menuId}-close`}
+            preset="close"
+            onclick={(event: MouseEvent) => handleOpenMenu(event, "menu")}
+            data-themeable="false"
+          >
+            Fermer
+          </DsfrButton>
+        {/if}
+
+        {#if hasToolLinks}
+          <div class="fr-header__menu-links">
+            <slot name="modalToolLinks">
+              {@render toolLinksRendered()}
+            </slot>
+            <slot name="aftermodaltoollinks"></slot>
+          </div>
+        {/if}
+
+        <!-- Navigation -->
+        {#if hasNavigation}
+          <slot name="navigation">
+            {#if hasSlotAfterNavigation}
+              <DsfrNavigation
+                id={navigationId ?? ""}
+                ariaLabel={navigationAriaLabel ?? ""}
+                items={navigationItems ?? []}
+              >
+                <div slot="afternavigation" use:createSlot={`afternavigation`}></div>
+              </DsfrNavigation>
+            {:else}
+              <DsfrNavigation
+                id={navigationId ?? ""}
+                ariaLabel={navigationAriaLabel ?? ""}
+                items={navigationItems ?? []}
+              />
+            {/if}
+          </slot>
+        {/if}
+      </div>
+    </div>
+  {/if}
+</svelte:element>
+
+<style>@charset "UTF-8";
+/*!
+ * DSFR v1.14.4 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */.fr-logo{--text-spacing:0;--underline-img:none;color:var(--text-black-white-grey);display:inline-block;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.0317460317em;text-indent:-.1em;text-transform:uppercase;vertical-align:middle}.fr-logo:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 18'%3E%3Cpath fill='%23fff' d='M11.3 10.2c-.9.6-1.7 1.3-2.3 2.1v-.1c.4-.5.7-1 1-1.5.4-.2.7-.5 1-.8.5-.5 1-1 1.7-1.3.3-.1.5-.1.8 0-.1.1-.2.1-.4.2H13v-.1c-.3.3-.7.5-1 .9-.1.2-.2.6-.7.6 0 .1.1 0 0 0zm1.6 4.6c0-.1-.1 0-.2 0l-.1.1-.1.1-.2.2s.1.1.2 0l.1-.1c.1 0 .2-.1.2-.2.1 0 .1 0 .1-.1 0 .1 0 0 0 0zm-1.6-4.3c.1 0 .2 0 .2-.1s.1-.1.1-.1v-.1c-.2.1-.3.2-.3.3zm2.4 1.9s0-.1 0 0c.1-.1.2-.1.3-.1.7-.1 1.4-.3 2.1-.6-.8-.5-1.7-.9-2.6-1h.1c-.1-.1-.3-.1-.5-.2h.1c-.2-.1-.5-.1-.7-.2.1 0 .2-.2.2-.3h-.1c-.4.2-.6.5-.8.9.2.1.5 0 .7.1h-.3c-.1 0-.2.1-.2.2h.1c-.1 0-.1.1-.2.1.1.1.2 0 .4 0 0 .1.1.1.1.1-.1 0-.2.1-.3.3-.1.2-.2.2-.3.3v.1c-.3.2-.6.5-.9.8v.1c-.1.1-.2.1-.2.2v.1c.4-.1.6-.4 1-.5l.6-.3c.2 0 .3-.1.5-.1v.1h.2c0 .1-.2 0-.1.1s.3.1.4 0c.2-.2.3-.2.4-.2zM12.4 14c-.4.2-.9.2-1.2.4 0 0 0 .1-.1.1 0 0-.1 0-.1.1-.1 0-.1.1-.2.2l-.1.1s0 .1.1 0l.1-.1s-.1.1-.1.2V15.3l-.1.1s0 .1-.1.1l-.1.1.2-.2.1-.1h.2s0-.1.1-.1c.1-.1.2-.2.3-.2h.1c.1-.1.3-.1.4-.2.1-.1.2-.2.3-.2.2-.2.5-.3.8-.5-.1 0-.2-.1-.3-.1 0 .1-.2 0-.3 0zM30 9.7c-.1.2-.4.2-.6.3-.2.2 0 .4.1.5.1.3-.2.5-.4.5.1.1.2.1.2.1 0 .2.2.2.1.4s-.5.3-.3.5c.1.2.1.5 0 .7-.1.2-.3.4-.5.5-.2.1-.4.1-.6 0-.1 0-.1-.1-.2-.1-.5-.1-1-.2-1.5-.2-.1 0-.3.1-.4.1-.1.1-.3.2-.4.3l-.1.1c-.1.1-.2.2-.2.3-.1.2-.2.4-.2.6-.2.5-.2 1 0 1.4 0 0 1 .3 1.7.6.2.1.5.2.7.4l1.7 1H13.2l1.6-1c.6-.4 1.3-.7 2-1 .5-.2 1.1-.5 1.5-.9.2-.2.3-.4.5-.5.3-.4.6-.7 1-1l.3-.3s0-.1.1-.1c-.2.1-.2.2-.4.2 0 0-.1 0 0-.1s.2-.2.3-.2v-.1c-.4 0-.7.2-1 .5h-.2c-.5.2-.8.5-1.2.7v-.1c-.2.1-.4.2-.5.2-.2 0-.5.1-.8 0-.4 0-.7.1-1.1.2-.2.1-.4.1-.6.2v.1l-.2.2c-.2.1-.3.2-.5.4l-.5.5h-.1l.1-.1.1-.1c0-.1.1-.1.1-.2.2-.1.3-.3.5-.4 0 0-.1 0 0 0 0 0 0-.1.1-.1l-.1.1c-.1.1-.1.2-.2.2v-.1-.1l.2-.2c.1-.1.2-.1.3-.2h.1c-.2.1-.3.1-.5.2H14h-.1c0-.1.1-.1.2-.2h.1c1-.8 2.3-.6 3.4-1 .1-.1.2-.1.3-.2.1-.1.3-.2.5-.3.2-.2.4-.4.5-.7v-.1c-.4.4-.8.7-1.3 1-.6.2-1.3.4-2 .4 0-.1.1-.1.1-.1 0-.1.1-.1.1-.2h.1s0-.1.1-.1h.1c-.1-.1-.3.1-.4 0 .1-.1 0-.2.1-.2h.1s0-.1.1-.1c.5-.3.9-.5 1.3-.7-.1 0-.1.1-.2 0 .1 0 0-.1.1-.1.3-.1.6-.3.9-.4-.1 0-.2.1-.3 0 .1 0 .1-.1.2-.1v-.1h0c0-.1.1 0 .2-.1h-.1c.1-.1.2-.2.4-.2 0-.1-.1 0-.1-.1h.1-.5c-.1 0 0-.1 0-.1.1-.2.2-.5.3-.7h-.1c-.3.3-.8.5-1.2.6h-.2c-.2.1-.4.1-.5 0-.1-.1-.2-.2-.3-.2-.2-.1-.5-.3-.8-.4-.7-.2-1.5-.4-2.3-.3.3-.1.7-.2 1.1-.3.5-.2 1-.3 1.5-.3h-.3c-.4 0-.9.1-1.3.2-.3.1-.6.2-.9.2-.2.1-.3.2-.5.2v-.1c.3-.4.7-.7 1.1-.8.5-.1 1.1 0 1.6.1.4 0 .8.1 1.1.2.1 0 .2.2.3.3.2.1.4 0 .5.1v-.2c.1-.1.3 0 .4 0 .2-.2-.2-.4-.3-.6v-.1c.2.2.5.4.7.6.1.1.5.2.5 0-.2-.3-.4-.6-.7-.9v-.2c-.1 0-.1 0-.1-.1-.1-.1-.1-.2-.1-.3-.1-.2 0-.4-.1-.5-.1-.2-.1-.3-.1-.5-.1-.5-.2-1-.3-1.4-.1-.6.3-1 .6-1.5.2-.4.5-.7.8-1 .1-.4.3-.7.6-1 .3-.3.6-.5.9-.6.3-.1.5-.2.8-.3l2.5-.4H25l1.8.3c.1 0 .2 0 .2.1.1.1.3.2.4.2.2.1.4.3.6.5.1.1.2.3.1.4-.1.1-.1.4-.2.4-.2.1-.4.1-.6.1-.1 0-.2 0-.4-.1.5.2.9.4 1.2.8 0 .1.2.1.3.1v.1c-.1.1-.1.1-.1.2h.1c.1-.1.1-.4.3-.3.2.1.2.3.1.4-.1.1-.2.2-.4.3v.2c.1.1.1.2.2.4s.1.5.2.7c.1.5.2.9.2 1.4 0 .2-.1.5 0 .7l.3.6c.1.2.2.3.3.5.2.3.6.6.4 1zm-15.6 5.2c-.1 0-.1.1-.1.1s.1 0 .1-.1zm5.8-1.8c-.1.1 0 0 0 0zm-6.7-.2c0 .1.1 0 .1 0 .2-.1.5 0 .6-.2-.1-.1-.2 0-.2-.1-.1 0-.2 0-.2.1-.1.1-.3.1-.3.2z'/%3E%3Cpath fill='gray' d='M27.9 6.8c.1 0 .3 0 .3.1-.1.2-.4.3-.6.5h-.1c-.1.1-.1.2-.1.2h-.3c.1.1.3.2.5.2l.1.1h.2V8c-.1.1-.2.1-.4.1.2.1.5.1.7 0 .2-.1 0-.4.1-.5-.1 0 0-.1-.1-.1.1-.1.1-.2.2-.2s.1 0 .2-.1c0-.1-.1-.1-.1-.2.2-.1.3-.3.3-.5 0-.1-.3-.1-.4-.2h-.5c-.2 0-.3.1-.5.1l-.6.3c.2-.1.4-.1.7-.2 0 .3.2.3.4.3'/%3E%3C/svg%3E"),linear-gradient(90deg,#000091,#000091 50%,#e1000f 0,#e1000f),linear-gradient(90deg,#000,#000);background-position:0 -.0625rem,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat;background-size:2.75rem 1.125rem,2.75rem 1rem,0;content:"";display:block;forced-color-adjust:none;height:1rem;margin-bottom:.3333333333rem;width:2.75rem}:root[data-fr-mourning] .fr-logo:before{background-size:2.75rem 1.125rem,0,2.75rem 1rem;box-shadow:0 0 0 1px #fff}.fr-logo:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 180'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 11 15.5'%3E%3Cpath d='M10.4 5.3C11.9 1.5 10.1 0 7.9 0 4.2 0 0 6.5 0 11.7c0 2.5 1.2 3.8 3 3.8 2.1 0 4.3-2 6.2-5.5h-1c-1.2 1.5-2.6 2.6-3.9 2.6-1.3 0-2-.8-2-2.6a10.7 10.7 0 01.3-2.2zm-4-3.1c1.1 0 2 .8 1.5 2.6L3.1 6.1c.8-2.2 2.2-4 3.4-4z'/%3E%3C/symbol%3E%3Csymbol id='b' viewBox='0 0 12.4 21.8'%3E%3Cuse width='11' height='15.5' y='6.4' href='%23a'/%3E%3Cpath d='M7.9 4.7L12.4.6V0h-3L6.7 4.7H8z'/%3E%3C/symbol%3E%3Csymbol id='c' viewBox='0 0 11.5 19'%3E%3Cpath d='M1.7 5.7h2.6L.1 17.1a1.3 1.3 0 001.2 2c3 0 6.4-2.6 7.8-6.2h-.7a9.4 9.4 0 01-5.1 3.5L7 5.7H11l.5-1.6H7.7L9 0H7.6L4.9 4.1l-3.2.4v1.2z'/%3E%3C/symbol%3E%3Csymbol id='d' viewBox='0 0 9.8 21.9'%3E%3Cpath d='M7.6 8c.3-1-.4-1.6-1-1.6-2.2 0-5 2.1-6 5h.7A5.6 5.6 0 014.4 9L.1 20.3a1.1 1.1 0 001 1.6c2.2 0 4.7-2 5.8-5H6A5.6 5.6 0 013 19.5zM8 3.7a1.8 1.8 0 001.8-1.8A1.8 1.8 0 008 0a1.8 1.8 0 00-1.8 1.8A1.8 1.8 0 008 3.6'/%3E%3C/symbol%3E%3Csymbol id='e' viewBox='0 0 14.8 15.5'%3E%3Cpath d='M3.3 3.1c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.2 1.2 2.2a1.3 1.3 0 001.5-1l3-8C7.4 4.8 10 3 11 3s.8.6.3 1.6l-4.6 9a1.3 1.3 0 001.1 1.9c2.3 0 5-2 6-5h-.6A5.6 5.6 0 0110 13l4-8a6.1 6.1 0 00.8-2.8A2 2 0 0012.6 0c-2 0-3.6 2.2-6 5V2.8C6.6 1.4 6.1 0 4.8 0 3.2 0 1.8 2.5.7 4.9h.7c.7-1.1 1.3-1.8 2-1.8'/%3E%3C/symbol%3E%3Csymbol id='f' viewBox='0 0 12 15.5'%3E%3Cpath d='M11.8 3.5c.5-1.9.2-3.5-1.2-3.5-1.8 0-2.3 1.2-4 5V2.8C6.5 1.3 6 0 4.6 0 3.1 0 1.7 2.5.5 5h.8C2 3.7 2.8 3 3.3 3c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.1 1.2 2.1a1.3 1.3 0 001.5-1l3-8a50.3 50.3 0 012.6-3h3.2z'/%3E%3C/symbol%3E%3Csymbol id='g' viewBox='0 0 14.7 16.2'%3E%3Cpath d='M10.5 13.1c-.6 0-1-1 0-3.4L14.6.1 13.4 0l-1.3 1.3h-.3C6.1 1.3 0 8.6 0 14.2a2 2 0 002.1 2.1c1.7 0 3.3-2.4 5.2-5l-.1 1c-.3 2.6.6 4 2 4 1.5 0 3-2.4 4-4.9h-.7c-.7 1.1-1.5 1.8-2 1.8zM7.9 9.8c-1.3 1.6-3.4 3.5-4.3 3.5-.5 0-.9-.5-.9-1.6 0-3.5 4-8.2 6-8.2a4.2 4.2 0 011.4.2z'/%3E%3C/symbol%3E%3Csymbol id='h' viewBox='0 0 21.9 19.8'%3E%3Cpath d='M11.2 19.8l.3-.9c-3.8-.7-4.3-.7-2.7-4.8l1.4-3.9h3c1.9 0 1.9.9 1.6 3h1l2.6-6.9h-1c-1 1.6-1.8 2.9-3.8 2.9h-3l2-5.6c.8-2 1.1-2.4 3.7-2.4h.7c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3L7 .9c3 .6 3.3.9 2 4.8L5.7 14c-1.5 3.9-2 4.2-5.5 4.8l-.3.9z'/%3E%3C/symbol%3E%3Csymbol id='i' viewBox='0 0 10.1 21.9'%3E%3Cpath d='M2.9 19.4L10.1.3 9.8 0l-5 .6v.6l1 .7c.9.7.6 1.3-.2 3.4L.2 19.9a1.3 1.3 0 001.1 2c2.3 0 4.7-2.1 5.8-5h-.7a6.5 6.5 0 01-3.5 2.5'/%3E%3C/symbol%3E%3Csymbol id='j' viewBox='0 0 18 22'%3E%3Cpath d='M18 .6h-4.3a3.8 3.8 0 00-2.1-.6A6.6 6.6 0 005 6.5a3.3 3.3 0 003 3.6c-1.9.8-3 1.8-3 2.9a1.7 1.7 0 00.9 1.5c-4.3 1.3-6 2.8-6 4.7 0 2 2.6 2.8 5.6 2.8 5.3 0 9.6-2.7 9.6-5.1 0-1.8-1.6-2.5-4.3-3.3-2.2-.7-3.2-.8-3.2-1.6A2.4 2.4 0 019 10.2a6.6 6.6 0 006.1-6.5 4.5 4.5 0 00-.2-1.5h2.5zM9.8 16.2c2.1.7 3 1 3 1.6 0 1.4-2 2.5-5.6 2.5-2.7 0-4-.6-4-2 0-1.5 1.4-2.5 3.5-3.3a21.5 21.5 0 003 1.2zM9 9c-1 0-1.3-.8-1.3-1.7 0-2.8 1.4-6.2 3.5-6.2 1 0 1.3.8 1.3 1.6 0 2.9-1.4 6.3-3.5 6.3z'/%3E%3C/symbol%3E%3Csymbol id='k' viewBox='0 0 23 25.1'%3E%3Cpath d='M14.3 15.6c1.9 0 2 .8 1.6 2.8H17l2.5-6.8h-1c-1 1.6-1.7 2.9-3.8 2.9h-4.1l2-5.6c.7-2 1-2.4 3.7-2.4H18c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3l-.3.9c3 .6 3.3.9 2 4.8l-3.2 8.4c-1.5 3.9-2 4.2-5.6 4.8l-.2 1h17.4l3.2-5h-1.2c-2 2-4 3.8-8 3.8-4.7 0-4.3-.3-2.7-4.6l1.4-3.8h4.2zm2.3-11.8L21 .6V0h-3l-2.6 3.9h1.2v-.1z'/%3E%3C/symbol%3E%3Csymbol id='l' viewBox='0 0 13.6 21.8'%3E%3Cpath d='M11.4 6.4c-2 0-4 2.2-5.8 4.8L9.6.3 9.4 0l-5 .6V1l1 .8c.9.7.6 1.3-.2 3.4L.8 16.8A13.9 13.9 0 000 19c0 1.4 1.8 2.7 3.5 2.7 3.8 0 10-6.9 10-12.2 0-2.3-.5-3.2-2.1-3.2zM4.8 19.5c-.8 0-1.9-.7-1.9-1.3a15.5 15.5 0 01.8-2.2L5 12.7C6.3 11 8.4 9.3 9.6 9.3c.7 0 1.2.4 1.2 1.5 0 3.1-2.9 8.7-6 8.7z'/%3E%3C/symbol%3E%3Csymbol id='m' viewBox='0 0 19.2 19.9'%3E%3Cpath d='M17.6 0H7.3L7 .9c3 .6 3.3.9 2 4.8l-3.2 8.5c-1.5 3.9-2 4.2-5.5 4.8L0 20h15.7l3.5-6H18c-2 2-4.2 4.8-7.7 4.8-2.7 0-3-.5-1.6-4.5l3.1-8.5c1.4-3.9 2-4.2 5.5-4.8z'/%3E%3C/symbol%3E%3Csymbol id='n' viewBox='0 0 126 90'%3E%3Cuse width='12.4' height='21.8' x='112.7' y='66.1' href='%23b'/%3E%3Cuse width='11.5' height='19' x='102.2' y='69' href='%23c'/%3E%3Cuse width='9.8' height='21.9' x='93.6' y='66.1' href='%23d'/%3E%3Cuse width='14.8' height='15.5' x='77.2' y='72.5' href='%23e'/%3E%3Cuse width='12' height='15.5' x='65.7' y='72.5' href='%23f'/%3E%3Cuse width='11' height='15.5' x='54.3' y='72.5' href='%23a'/%3E%3Cuse width='11.5' height='19' x='43.7' y='69' href='%23c'/%3E%3Cuse width='14.7' height='16.2' x='28.9' y='71.8' href='%23g'/%3E%3Cuse width='12' height='15.5' x='19.6' y='72.5' href='%23f'/%3E%3Cuse width='21.9' height='19.8' y='67.6' href='%23h'/%3E%3Cuse width='12.4' height='21.8' x='77.3' y='33.1' href='%23b'/%3E%3Cuse width='11.5' height='19' x='66.8' y='36' href='%23c'/%3E%3Cuse width='9.8' height='21.9' x='58.2' y='33' href='%23d'/%3E%3Cuse width='10.1' height='21.9' x='49.4' y='33.1' href='%23i'/%3E%3Cuse width='14.7' height='16.2' x='34.9' y='38.8' href='%23g'/%3E%3Cuse width='18' height='22' x='18.6' y='39.4' href='%23j'/%3E%3Cuse width='23' height='25.1' y='29.3' href='%23k'/%3E%3Cuse width='12.4' height='21.8' x='76.8' y='.1' href='%23b'/%3E%3Cuse width='11.5' height='19' x='66.2' y='2.9' href='%23c'/%3E%3Cuse width='12' height='15.5' x='54.8' y='6.5' href='%23f'/%3E%3Cuse width='11' height='15.5' x='43.4' y='6.4' href='%23a'/%3E%3Cuse width='13.6' height='21.8' x='29.4' y='.1' href='%23l'/%3E%3Cuse width='9.8' height='21.9' x='20.6' href='%23d'/%3E%3Cuse width='19.2' height='19.9' y='1.4' href='%23m'/%3E%3C/symbol%3E%3C/defs%3E%3Cuse fill='%23000' width='126' height='90' x='0' y='0' href='%23n'/%3E%3Cuse fill='%23fff' width='126' height='90' x='126' y='90' href='%23n'/%3E%3C/svg%3E");background-position:0 calc(100% + 1.875rem);background-repeat:no-repeat;background-size:5.25rem 3.75rem;content:"";display:block;min-width:2.625rem;padding-top:2.2083333333rem}[data-fr-theme=dark] .fr-logo:after{background-position:-2.625rem 100%}.fr-logo--sm{font-size:.7875rem}.fr-logo--sm:before{background-position:0 -.046875rem,0 0,0 0;background-size:2.0625rem .84375rem,2.0625rem .75rem,0;height:.75rem;margin-bottom:.25rem;width:2.0625rem}:root[data-fr-mourning] .fr-logo--sm:before{background-size:2.0625rem .84375rem,0,2.0625rem .75rem}.fr-logo--sm:after{background-position:0 calc(100% + 1.40625rem);background-size:3.9375rem 2.8125rem;min-width:1.96875rem;padding-top:1.65625rem}[data-fr-theme=dark] .fr-logo--sm:after{background-position:-1.96875rem 100%}.fr-logo--lg{font-size:1.3125rem}.fr-logo--lg:before{background-position:0 -.078125rem,0 0,0 0;background-size:3.4375rem 1.40625rem,3.4375rem 1.25rem,0;height:1.25rem;margin-bottom:.4166666667rem;width:3.4375rem}:root[data-fr-mourning] .fr-logo--lg:before{background-size:3.4375rem 1.40625rem,0,3.4375rem 1.25rem}.fr-logo--lg:after{background-position:0 calc(100% + 2.34375rem);background-size:6.5625rem 4.6875rem;min-width:3.28125rem;padding-top:2.7604166667rem}[data-fr-theme=dark] .fr-logo--lg:after{background-position:-3.28125rem 100%}@media (min-width:36em){
+  /*! media sm */}@media (min-width:48em){
+  /*! media md */}@media (min-width:62em){
+  /*! media lg */}@media (min-width:78em){
+  /*! media xl */}@media (prefers-color-scheme:dark) and (forced-colors:active){.fr-logo:after,[data-fr-theme=dark] .fr-logo:after{background-position:-2.625rem 100%}.fr-logo--sm:after,[data-fr-theme=dark] .fr-logo--sm:after{background-position:-1.96875rem 100%}.fr-logo--lg:after,[data-fr-theme=dark] .fr-logo--lg:after{background-position:-3.28125rem 100%}}@media (prefers-color-scheme:light) and (forced-colors:active){.fr-logo:after,[data-fr-theme=dark] .fr-logo:after{background-position:0 calc(100% + 1.875rem)}.fr-logo--sm:after,[data-fr-theme=dark] .fr-logo--sm:after{background-position:0 calc(100% + 1.40625rem)}.fr-logo--lg:after,[data-fr-theme=dark] .fr-logo--lg:after{background-position:0 calc(100% + 2.34375rem)}}/*!
+ * DSFR v1.14.4 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ *//* ¯¯¯¯¯¯¯¯¯ *\
+  HEADER
+\* ˍˍˍˍˍˍˍˍˍ */
+.fr-header {
+  --underline-img: none;
+  --ul-type: none;
+  --ol-type: none;
+  --ul-start: 0;
+  --ol-start: 0;
+  --xl-block: 0;
+  --li-bottom: 0;
+  --ol-content: none;
+  --text-spacing: 0;
+  --title-spacing: 0;
+  width: 100%;
+  position: relative;
+}
+
+.fr-header__body-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  margin: 0 -1rem;
+}
+
+.fr-header__brand {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  z-index: calc(var(--ground) + 750);
+  background-color: var(--background-raised-grey);
+
+  --idle: transparent;
+  --hover: var(--background-raised-grey-hover);
+  --active: var(--background-raised-grey-active);
+  filter: drop-shadow(var(--raised-shadow));
+}
+
+.fr-header__brand::after {
+  content: "";
+  display: block;
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  align-self: stretch;
+}
+
+.fr-header__brand-top {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  overflow: hidden;
+}
+
+.fr-header__brand.fr-enlarge-link a[href]::before {
+  outline-offset: -2px;
+}
+
+.fr-header__logo {
+  order: 1;
+  flex: 0 0 auto;
+  padding: 0.75rem;
+}
+
+.fr-header__logo .fr-logo {
+  font-size: 0.7875rem;
+  padding: 0.75rem;
+  margin: -0.75rem;
+}
+
+.fr-header__logo .fr-logo::before {
+  width: 2.0625rem;
+  height: 0.75rem;
+  margin-bottom: 0.25rem;
+  background-size: 2.0625rem 0.84375rem, 2.0625rem 0.75rem, 0;
+  background-position: 0 -0.046875rem, 0 0, 0 0;
+}
+
+:root[data-fr-mourning] .fr-header__logo .fr-logo::before {
+  background-size: 2.0625rem 0.84375rem, 0, 2.0625rem 0.75rem;
+}
+
+.fr-header__logo .fr-logo::after {
+  min-width: 1.96875rem;
+  background-size: 3.9375rem 2.8125rem;
+  background-position: 0 calc(100% + 1.40625rem);
+  padding-top: 1.65625rem;
+}
+
+[data-fr-theme=dark] .fr-header__logo .fr-logo::after {
+  background-position: -1.96875rem 100%;
+}
+
+.fr-header__operator {
+  padding: 0.75rem;
+  order: 2;
+  flex: 0 1 auto;
+}
+
+.fr-header__operator img {
+  display: block;
+  min-width: 3.5rem;
+}
+
+.fr-header__service {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+  --external-link-content: none;
+  color: var(--text-title-grey);
+}
+
+.fr-header__service::before {
+  content: "";
+  display: block;
+  width: calc(100% - 2rem);
+  height: 1px;
+  position: absolute;
+  transform: translateY(-0.75rem);
+  background-color: var(--border-default-grey);
+
+  --idle: transparent;
+  --hover: var(--border-default-grey-hover);
+  --active: var(--border-default-grey-active);
+}
+
+.fr-header__service-title {
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+}
+
+.fr-header__service-title .fr-badge {
+  vertical-align: middle;
+  margin: -0.25rem 0 0 0.25rem;
+}
+
+.fr-header__service-tagline {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+}
+
+.fr-header .fr-modal {
+  overflow: auto;
+  justify-content: initial;
+  background-color: var(--background-lifted-grey);
+
+  --idle: transparent;
+  --hover: var(--background-lifted-grey-hover);
+  --active: var(--background-lifted-grey-active);
+}
+
+.fr-header .fr-modal:not([role=dialog]) {
+  transition: none;
+}
+
+.fr-header .fr-modal::before {
+  content: none;
+}
+
+.fr-header .fr-modal::after {
+  content: none;
+}
+
+.fr-header .fr-modal > * > .fr-btn--close {
+  margin-bottom: 1.5rem;
+}
+
+.fr-header .fr-modal > .fr-container {
+  pointer-events: all;
+  padding-top: 1rem;
+  padding-bottom: 4.5rem;
+  height: 100%;
+  overflow: inherit;
+}
+
+.fr-header__navbar {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-end;
+  padding: 0.25rem;
+  margin-right: -0.5rem;
+  margin-top: 0.25rem;
+  order: 3;
+  flex: 1;
+  align-self: stretch;
+  z-index: calc(var(--ground) + 1000);
+}
+
+.fr-header__navbar .fr-btn {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  overflow: hidden;
+  max-width: 2.5rem;
+  max-height: 2.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  white-space: nowrap;
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+}
+
+.fr-header__navbar .fr-btn::before {
+  --icon-size: 1.5rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-header__navbar .fr-btn--menu::before {
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/menu-fill.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/menu-fill.svg");
+  content: "";
+}
+
+.fr-header__navbar .fr-btn--search::before {
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/search-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/search-line.svg");
+  content: "";
+}
+
+.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn {
+  justify-content: flex-start;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-header__tools-links {
+  display: none;
+}
+
+.fr-header__tools-links > .fr-btn[class^=fr-icon-],
+.fr-header__tools-links > .fr-btn[class*=" fr-icon-"],
+.fr-header__tools-links > .fr-btn[class^=fr-fi-],
+.fr-header__tools-links > .fr-btn[class*=" fr-fi-"] {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-header__tools-links > .fr-btn[class^=fr-icon-]::before,
+.fr-header__tools-links > .fr-btn[class*=" fr-icon-"]::before,
+.fr-header__tools-links > .fr-btn[class^=fr-fi-]::before,
+.fr-header__tools-links > .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-header__tools-links > .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-header__tools-links > .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-header .fr-header__menu-links::after {
+  content: "";
+  display: block;
+  margin: 0.75rem -1rem;
+  width: calc(100% + 2rem);
+  height: 1px;
+}
+
+.fr-header .fr-header__menu-links .fr-translate {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.fr-header .fr-header__menu-links .fr-translate__btn {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) {
+  display: flex;
+  flex-direction: column;
+}
+
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-],
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"],
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-],
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"] {
+  min-height: 3rem;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+  min-height: 3rem;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.fr-header .fr-header__menu-links .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn {
+  margin-bottom: 0;
+}
+
+.fr-header .fr-links-group {
+  --ul-type: none;
+  --ol-type: none;
+  --ul-start: 0;
+  --ol-start: 0;
+  --xl-block: 0;
+  --li-bottom: 0;
+  --ol-content: none;
+  display: flex;
+  align-items: stretch;
+  flex-wrap: wrap;
+}
+
+.fr-header .fr-links-group > li,
+.fr-header .fr-links-group > div {
+  width: 100%;
+  max-width: 100%;
+}
+
+.fr-header .fr-links-group .fr-btn {
+  width: calc(100% - 1rem);
+  margin: 0 0.5rem 1rem;
+  justify-content: center;
+}
+
+.fr-header .fr-links-group .fr-link {
+  --underline-img: none;
+  --hover-tint: var(--hover);
+  --active-tint: var(--active);
+}
+
+.fr-header .fr-links-group .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+}
+
+.fr-header .fr-links-group .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before,
+.fr-header .fr-links-group .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::after {
+  --icon-size: 1rem;
+}
+
+.fr-header .fr-links-group .fr-link[class^=fr-icon-],
+.fr-header .fr-links-group .fr-link[class*=" fr-icon-"],
+.fr-header .fr-links-group .fr-link[class^=fr-fi-],
+.fr-header .fr-links-group .fr-link[class*=" fr-fi-"] {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-header .fr-links-group .fr-link[class^=fr-icon-]::before,
+.fr-header .fr-links-group .fr-link[class*=" fr-icon-"]::before,
+.fr-header .fr-links-group .fr-link[class^=fr-fi-]::before,
+.fr-header .fr-links-group .fr-link[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+  content: "";
+}
+
+.fr-header .fr-header__menu-links .fr-links-group .fr-link {
+  width: 100%;
+  min-height: 3rem;
+  padding-left: 0;
+  margin-bottom: 0;
+}
+
+.fr-header .fr-modal > * > .fr-link--close {
+  margin-bottom: 1.5rem;
+}
+
+.fr-header__menu-links::after {
+  box-shadow: inset 0 1px 0 0 var(--border-default-grey);
+}
+
+.fr-header__menu-links .fr-btn {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+  box-shadow: none;
+}
+
+.fr-header__menu-links .fr-btn:disabled,
+.fr-header__menu-links a.fr-btn:not([href]) {
+  color: var(--text-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-header__tools-links .fr-btn {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+}
+
+.fr-header__tools-links .fr-btn:disabled,
+.fr-header__tools-links a.fr-btn:not([href]) {
+  color: var(--text-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+  box-shadow: inset 0 0 0 1px var(--border-default-grey);
+}
+
+.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled,
+.fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {
+  color: var(--text-disabled-grey);
+  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-header__navbar .fr-service__title {
+  color: var(--text-title-grey);
+}
+
+.fr-header__navbar .fr-btn:disabled,
+.fr-header__navbar a.fr-btn:not([href]) {
+  color: var(--text-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-header__navbar .fr-btn--menu {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+  box-shadow: inset 0 0 0 1px var(--border-default-grey);
+}
+
+.fr-header__navbar .fr-btn--menu:disabled,
+.fr-header__navbar a.fr-btn--menu:not([href]) {
+  color: var(--text-disabled-grey);
+  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-header__menu-links .fr-link {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+  box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
+}
+
+.fr-header__menu-links .fr-link:disabled,
+.fr-header__menu-links a.fr-link:not([href]) {
+  color: var(--text-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-header__tools-links .fr-link {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+}
+
+.fr-header__tools-links .fr-link:disabled,
+.fr-header__tools-links a.fr-link:not([href]) {
+  color: var(--text-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+@media (min-width: 36em) {
+  /*! media sm */
+}
+@media (min-width: 48em) {
+  /*! media md */
+  .fr-header__service-title {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+}
+@media (min-width: 62em) {
+  /*! media lg */
+  .fr-header__body-row {
+    padding: 1.5rem 0;
+  }
+
+  .fr-header__brand {
+    margin-top: -1rem;
+    margin-bottom: -1rem;
+    flex-wrap: nowrap;
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    z-index: auto;
+    background: transparent;
+    filter: none;
+  }
+
+  .fr-header__brand-top {
+    width: auto;
+  }
+
+  .fr-header__brand.fr-enlarge-link a[href]::before {
+    outline-offset: 2px;
+  }
+
+  .fr-header__logo,
+  .fr-header__operator,
+  .fr-header__service {
+    padding: 1rem;
+  }
+
+  .fr-header__service {
+    margin-left: 0;
+    margin-right: 0;
+    box-shadow: none;
+  }
+
+  .fr-header__service::before {
+    content: none;
+  }
+
+  .fr-header .fr-modal {
+    margin: 0;
+    width: auto;
+    height: auto;
+    visibility: inherit;
+    opacity: 1;
+    position: initial;
+    background-color: transparent;
+    overflow: initial;
+  }
+
+  .fr-header .fr-modal > * > .fr-btn--close {
+    display: none;
+  }
+
+  .fr-header .fr-modal > .fr-container {
+    padding-top: 0;
+    padding-bottom: 0;
+    height: auto;
+  }
+
+  .fr-header__navbar {
+    display: none;
+  }
+
+  .fr-header__tools {
+    flex-direction: column;
+    align-items: flex-end;
+    text-align: right;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    margin-left: auto;
+    flex: 1 0 auto;
+  }
+
+  .fr-header__tools-links + .fr-header__search {
+    margin-top: 1rem;
+  }
+
+  .fr-header__tools .fr-header__search {
+    max-width: 24rem;
+    margin-left: auto;
+  }
+
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-],
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"],
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-],
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"] {
+    font-size: 0.875rem;
+    line-height: 1.5rem;
+    min-height: 2rem;
+    padding: 0.25rem 0.75rem;
+    overflow: initial;
+    max-width: 100%;
+    max-height: none;
+  }
+
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before,
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before,
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before,
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before {
+    --icon-size: 1rem;
+    margin-left: -0.125rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+    font-size: 0.875rem;
+    line-height: 1.5rem;
+    min-height: 2rem;
+    padding: 0.25rem 0.75rem;
+    overflow: initial;
+    max-width: 100%;
+    max-height: none;
+  }
+
+  .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before {
+    --icon-size: 1rem;
+    margin-left: -0.125rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-header__tools-links {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    gap: 0.5rem;
+  }
+
+  .fr-header__tools-links .fr-btns-group .fr-btn {
+    width: auto;
+    max-width: 100%;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .fr-header__tools-links .fr-btns-group > li {
+    display: inline-flex;
+    max-width: 100%;
+    width: auto;
+    align-items: flex-start;
+  }
+
+  .fr-header__tools-links .fr-btns-group {
+    justify-content: flex-end;
+    margin: 0 -0.25rem -1rem;
+  }
+
+  .fr-header .fr-header__menu-links .fr-translate {
+    margin-left: 0;
+    margin-right: 0;
+    margin-bottom: -1rem;
+  }
+
+  .fr-header .fr-header__menu-links {
+    display: none;
+  }
+
+  .fr-header .fr-nav {
+    justify-content: flex-start;
+  }
+
+  .fr-header .fr-nav__list {
+    margin: 0 -1rem;
+    max-width: calc(100% + 1rem);
+  }
+
+  .fr-header .fr-links-group {
+    justify-content: flex-end;
+  }
+
+  .fr-header .fr-links-group .fr-btn {
+    width: auto;
+    max-width: 100%;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-header .fr-links-group > li {
+    display: inline-flex;
+    max-width: 100%;
+    width: auto;
+  }
+
+  .fr-header__tools-links .fr-links-group .fr-btn {
+    width: auto;
+    max-width: 100%;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-header__tools-links .fr-links-group > li {
+    display: inline-flex;
+    max-width: 100%;
+    width: auto;
+  }
+
+  .fr-header__tools-links .fr-links-group {
+    justify-content: flex-end;
+    margin: 0 -0.25rem;
+  }
+
+  .fr-header__tools-links .fr-links-group .fr-link {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
+  .fr-header .fr-modal > * > .fr-link--close {
+    display: none;
+  }
+
+  .fr-header {
+    z-index: calc(var(--ground) + 750);
+    background-color: var(--background-raised-grey);
+
+    --idle: transparent;
+    --hover: var(--background-raised-grey-hover);
+    --active: var(--background-raised-grey-active);
+    filter: drop-shadow(var(--raised-shadow));
+  }
+
+  .fr-header .fr-header__menu {
+    box-shadow: inset 0 1px 0 0 var(--border-default-grey);
+  }
+}
+@media (min-width: 78em) {
+  /*! media xl */
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  .fr-header {
+    outline: 1px solid;
+  }
+
+  .fr-header__navbar .fr-btn--menu::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-header__navbar .fr-btn--search::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-header .fr-header__menu-links .fr-btn {
+    border: none;
+  }
+}
+@media (-ms-high-contrast: active) and (min-width: 62em), (forced-colors: active) and (min-width: 62em) {
+  .fr-header {
+    outline: none;
+  }
+}
+@media (hover: hover) and (pointer: fine) {
+  .fr-header__brand.fr-enlarge-link a[href]:hover {
+    --a: 0.1;
+  }
+
+  .fr-header__brand.fr-enlarge-link a[href]:active {
+    --a: 0.2;
+  }
+}
+@media (prefers-color-scheme: dark) and (forced-colors: active) {
+  .fr-header__logo .fr-logo::after {
+    background-position: -1.96875rem 100%;
+  }
+
+  [data-fr-theme=dark] .fr-header__logo .fr-logo::after {
+    background-position: -1.96875rem 100%;
+  }
+}
+@media (prefers-color-scheme: light) and (forced-colors: active) {
+  .fr-header__logo .fr-logo::after {
+    background-position: 0 calc(100% + 1.40625rem);
+  }
+
+  [data-fr-theme=dark] .fr-header__logo .fr-logo::after {
+    background-position: 0 calc(100% + 1.40625rem);
+  }
+}
+/*!
+ * DSFR v1.14.4 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */.fr-modal{--ground:2000;align-items:stretch;background-color:hsla(0,0%,9%,.64);border:none;bottom:0;color:inherit;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;margin:0;opacity:0;padding:0;position:fixed;right:0;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:1750}.fr-modal>.fr-container{pointer-events:none}.fr-modal:focus{outline:none}.fr-modal:before{content:""}.fr-modal:after,.fr-modal:before{display:block;flex:1 0 2rem;height:2rem;width:0}.fr-modal--top:before,.fr-modal:after{content:none}.fr-modal--top:after{content:""}.fr-modal--opened{height:100%;opacity:1;transition:opacity .3s,visibility .3s;visibility:inherit;width:100%}.fr-modal__body{--modal-max-height:calc(100vh - 2rem);--idle:transparent;--hover:var(--background-lifted-grey-hover);--active:var(--background-lifted-grey-active);background-color:var(--background-lifted-grey);filter:drop-shadow(var(--lifted-shadow));flex:1 1 auto;max-height:var(--modal-max-height);overflow-y:auto;pointer-events:all;z-index:calc(var(--ground) + 2000)}.fr-modal__header{align-items:center;display:flex;flex:auto 0 0;padding:1rem 1rem .5rem}.fr-modal__content{margin-bottom:3.5rem;padding-left:1rem;padding-right:1rem}.fr-modal__footer{--idle:transparent;--hover:var(--background-lifted-grey-hover);--active:var(--background-lifted-grey-active);background-color:var(--background-lifted-grey);bottom:0;display:flex;flex:auto 0 0;margin-top:-2.5rem;padding:1rem;position:sticky;transition:box-shadow .3s;z-index:calc(var(--ground) + 1250)}.fr-modal__footer .fr-btns-group{margin-bottom:-1rem;width:calc(100% + 1rem)}.fr-modal__title{--title-spacing:0 0 1rem 0;color:var(--text-title-grey);font-size:1.375rem;font-weight:700;line-height:1.75rem;margin:var(--title-spacing)}.fr-modal__title[class*=" fr-fi-"],.fr-modal__title[class*=" fr-icon-"],.fr-modal__title[class^=fr-fi-],.fr-modal__title[class^=fr-icon-]{margin-right:.5rem}.fr-modal__body.fr-scroll-divider .fr-modal__footer{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:0 0;background-repeat:no-repeat;background-size:100% 1px}@media (min-width:36em){
+  /*! media sm */}@media (min-width:48em){
+  /*! media md */.fr-modal{padding-right:var(--scrollbar-width)}.fr-modal--top:before{content:""}.fr-modal:after,.fr-modal:before{flex:1 0 10%;height:10%;width:0}.fr-modal:after{content:""}.fr-modal__body{max-height:80vh}.fr-modal__header{padding:1rem 2rem}.fr-modal__content{margin-bottom:4rem;padding-left:2rem;padding-right:2rem}.fr-modal__footer{margin-top:-3rem;padding:2rem}.fr-modal__title{font-size:1.5rem;line-height:2rem}}@media (min-width:62em){
+  /*! media lg */}@media (min-width:78em){
+  /*! media xl */}@media (prefers-reduced-motion:reduce){.fr-modal,.fr-modal--opened,.fr-modal__footer{transition:none}}@media (-ms-high-contrast:active),(forced-colors:active){.fr-modal--opened .fr-modal__body{border:1px solid}.fr-modal__footer{border-top:1px solid}}/*!
+ * DSFR v1.14.4 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ *//* ¯¯¯¯¯¯¯¯¯ *\
+  BUTTON
+\* ˍˍˍˍˍˍˍˍˍ */
+.fr-btn {
+  --text-spacing: 0;
+  --title-spacing: 0;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  width: -moz-fit-content;
+  width: fit-content;
+  --underline-img: none;
+  --hover-tint: var(--hover);
+  font-weight: 500;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  background-color: var(--background-action-high-blue-france);
+
+  --idle: transparent;
+  --hover: var(--background-action-high-blue-france-hover);
+  --active: var(--background-action-high-blue-france-active);
+  color: var(--text-inverted-blue-france);
+}
+
+.fr-btn::before,
+.fr-btn::after {
+  display: block;
+}
+
+.fr-btn[target=_blank] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn[target=_blank]::after {
+  content: "";
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btn--align-on-content {
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+
+.fr-btn[class^=fr-icon-]:not([class*=fr-btn--icon-]),
+.fr-btn[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),
+.fr-btn[class^=fr-fi-]:not([class*=fr-btn--icon-]),
+.fr-btn[class*=" fr-fi-"]:not([class*=fr-btn--icon-]) {
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2.5rem;
+  max-height: 2.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-btn[class^=fr-icon-]:not([class*=fr-btn--icon-])::before,
+.fr-btn[class*=" fr-icon-"]:not([class*=fr-btn--icon-])::before,
+.fr-btn[class^=fr-fi-]:not([class*=fr-btn--icon-])::before,
+.fr-btn[class*=" fr-fi-"]:not([class*=fr-btn--icon-])::before {
+  --icon-size: 1.5rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]),
+.fr-btn--align-on-content[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),
+.fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]),
+.fr-btn--align-on-content[class*=" fr-fi-"]:not([class*=fr-btn--icon-]) {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.fr-btn--icon-left[class^=fr-icon-],
+.fr-btn--icon-left[class*=" fr-icon-"],
+.fr-btn--icon-left[class^=fr-fi-],
+.fr-btn--icon-left[class*=" fr-fi-"] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--icon-left[class^=fr-icon-]::before,
+.fr-btn--icon-left[class*=" fr-icon-"]::before,
+.fr-btn--icon-left[class^=fr-fi-]::before,
+.fr-btn--icon-left[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-],
+.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-icon-"],
+.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-],
+.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"] {
+  margin-left: -0.875rem;
+  margin-right: -1rem;
+}
+
+.fr-btn--icon-right[class^=fr-icon-],
+.fr-btn--icon-right[class*=" fr-icon-"],
+.fr-btn--icon-right[class^=fr-fi-],
+.fr-btn--icon-right[class*=" fr-fi-"] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--icon-right[class^=fr-icon-]::after,
+.fr-btn--icon-right[class*=" fr-icon-"]::after,
+.fr-btn--icon-right[class^=fr-fi-]::after,
+.fr-btn--icon-right[class*=" fr-fi-"]::after {
+  content: "";
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btn--icon-right[class^=fr-icon-]::before,
+.fr-btn--icon-right[class*=" fr-icon-"]::before,
+.fr-btn--icon-right[class^=fr-fi-]::before,
+.fr-btn--icon-right[class*=" fr-fi-"]::before {
+  content: none;
+}
+
+.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-],
+.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-icon-"],
+.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-],
+.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"] {
+  margin-left: -1rem;
+  margin-right: -0.875rem;
+}
+
+.fr-btn--sm {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+}
+
+.fr-btn--sm[target=_blank] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--sm[target=_blank]::after {
+  content: "";
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btn--sm.fr-btn--align-on-content {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
+}
+
+.fr-btn--sm[class^=fr-icon-]:not([class*=fr-btn--icon-]),
+.fr-btn--sm[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),
+.fr-btn--sm[class^=fr-fi-]:not([class*=fr-btn--icon-]),
+.fr-btn--sm[class*=" fr-fi-"]:not([class*=fr-btn--icon-]) {
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2rem;
+  max-height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-btn--sm[class^=fr-icon-]:not([class*=fr-btn--icon-])::before,
+.fr-btn--sm[class*=" fr-icon-"]:not([class*=fr-btn--icon-])::before,
+.fr-btn--sm[class^=fr-fi-]:not([class*=fr-btn--icon-])::before,
+.fr-btn--sm[class*=" fr-fi-"]:not([class*=fr-btn--icon-])::before {
+  --icon-size: 1rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-btn--sm.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]),
+.fr-btn--sm.fr-btn--align-on-content[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),
+.fr-btn--sm.fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]),
+.fr-btn--sm.fr-btn--align-on-content[class*=" fr-fi-"]:not([class*=fr-btn--icon-]) {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.fr-btn--sm.fr-btn--icon-left[class^=fr-icon-],
+.fr-btn--sm.fr-btn--icon-left[class*=" fr-icon-"],
+.fr-btn--sm.fr-btn--icon-left[class^=fr-fi-],
+.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--sm.fr-btn--icon-left[class^=fr-icon-]::before,
+.fr-btn--sm.fr-btn--icon-left[class*=" fr-icon-"]::before,
+.fr-btn--sm.fr-btn--icon-left[class^=fr-fi-]::before,
+.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-],
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-icon-"],
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-],
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"] {
+  margin-left: -0.625rem;
+  margin-right: -0.75rem;
+}
+
+.fr-btn--sm.fr-btn--icon-right[class^=fr-icon-],
+.fr-btn--sm.fr-btn--icon-right[class*=" fr-icon-"],
+.fr-btn--sm.fr-btn--icon-right[class^=fr-fi-],
+.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--sm.fr-btn--icon-right[class^=fr-icon-]::after,
+.fr-btn--sm.fr-btn--icon-right[class*=" fr-icon-"]::after,
+.fr-btn--sm.fr-btn--icon-right[class^=fr-fi-]::after,
+.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]::after {
+  content: "";
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btn--sm.fr-btn--icon-right[class^=fr-icon-]::before,
+.fr-btn--sm.fr-btn--icon-right[class*=" fr-icon-"]::before,
+.fr-btn--sm.fr-btn--icon-right[class^=fr-fi-]::before,
+.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]::before {
+  content: none;
+}
+
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-],
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-icon-"],
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-],
+.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"] {
+  margin-left: -0.75rem;
+  margin-right: -0.625rem;
+}
+
+.fr-btn--lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  min-height: 3rem;
+  padding: 0.5rem 1.5rem;
+}
+
+.fr-btn--lg[target=_blank] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--lg[target=_blank]::after {
+  content: "";
+
+  --icon-size: 1.5rem;
+  margin-right: -0.1875rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btn--lg.fr-btn--align-on-content {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
+
+.fr-btn--lg[class^=fr-icon-]:not([class*=fr-btn--icon-]),
+.fr-btn--lg[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),
+.fr-btn--lg[class^=fr-fi-]:not([class*=fr-btn--icon-]),
+.fr-btn--lg[class*=" fr-fi-"]:not([class*=fr-btn--icon-]) {
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 3rem;
+  max-height: 3rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-btn--lg[class^=fr-icon-]:not([class*=fr-btn--icon-])::before,
+.fr-btn--lg[class*=" fr-icon-"]:not([class*=fr-btn--icon-])::before,
+.fr-btn--lg[class^=fr-fi-]:not([class*=fr-btn--icon-])::before,
+.fr-btn--lg[class*=" fr-fi-"]:not([class*=fr-btn--icon-])::before {
+  --icon-size: 2rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-btn--lg.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]),
+.fr-btn--lg.fr-btn--align-on-content[class*=" fr-icon-"]:not([class*=fr-btn--icon-]),
+.fr-btn--lg.fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]),
+.fr-btn--lg.fr-btn--align-on-content[class*=" fr-fi-"]:not([class*=fr-btn--icon-]) {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+}
+
+.fr-btn--lg.fr-btn--icon-left[class^=fr-icon-],
+.fr-btn--lg.fr-btn--icon-left[class*=" fr-icon-"],
+.fr-btn--lg.fr-btn--icon-left[class^=fr-fi-],
+.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--lg.fr-btn--icon-left[class^=fr-icon-]::before,
+.fr-btn--lg.fr-btn--icon-left[class*=" fr-icon-"]::before,
+.fr-btn--lg.fr-btn--icon-left[class^=fr-fi-]::before,
+.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]::before {
+  --icon-size: 1.5rem;
+  margin-left: -0.1875rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-],
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-icon-"],
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-],
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"] {
+  margin-left: -1.3125rem;
+  margin-right: -1.5rem;
+}
+
+.fr-btn--lg.fr-btn--icon-right[class^=fr-icon-],
+.fr-btn--lg.fr-btn--icon-right[class*=" fr-icon-"],
+.fr-btn--lg.fr-btn--icon-right[class^=fr-fi-],
+.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"] {
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--lg.fr-btn--icon-right[class^=fr-icon-]::after,
+.fr-btn--lg.fr-btn--icon-right[class*=" fr-icon-"]::after,
+.fr-btn--lg.fr-btn--icon-right[class^=fr-fi-]::after,
+.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]::after {
+  content: "";
+
+  --icon-size: 1.5rem;
+  margin-right: -0.1875rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btn--lg.fr-btn--icon-right[class^=fr-icon-]::before,
+.fr-btn--lg.fr-btn--icon-right[class*=" fr-icon-"]::before,
+.fr-btn--lg.fr-btn--icon-right[class^=fr-fi-]::before,
+.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]::before {
+  content: none;
+}
+
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-],
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-icon-"],
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-],
+.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"] {
+  margin-left: -1.5rem;
+  margin-right: -1.3125rem;
+}
+
+.fr-btns-group {
+  --ul-type: none;
+  --ol-type: none;
+  --ul-start: 0;
+  --ol-start: 0;
+  --xl-block: 0;
+  --li-bottom: 0;
+  --ol-content: none;
+  display: flex;
+  align-items: stretch;
+  flex-wrap: wrap;
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
+
+  /**
+  * fr-btns-group--inline : aligne les boutons horizontalement dans tout les cas
+  * fr-btns-group--inline-(sm/md/lg) : permet de passer en horizontal à partir de la valeur du breakpoint appliqué (sm, md, lg)
+  */
+  /**
+  * fr-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)
+  */
+  /**
+  * fr-btns-group--right : aligne les boutons sur la droite
+  */
+  /**
+  * fr-btns-group--center : aligne les boutons au centre du conteneur
+  */
+  /**
+  * fr-btns-group--center : aligne les boutons au centre du conteneur
+  */
+  /**
+  * fr-btns-group--equisized : Fixe la largeur des boutons à celle du plus grand. Géré en grande partie en JS.
+  */
+  /**
+  * fr-btns-group--sm : Fixe les boutons à la taille SM
+  */
+  /**
+  * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD
+  */
+  /**
+  * fr-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)
+  */
+}
+
+.fr-btns-group > li,
+.fr-btns-group > div {
+  width: 100%;
+  max-width: 100%;
+}
+
+.fr-btns-group .fr-btn {
+  width: calc(100% - 1rem);
+  margin: 0 0.5rem 1rem;
+  justify-content: center;
+}
+
+.fr-btns-group--inline .fr-btn {
+  width: auto;
+  max-width: 100%;
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group--inline > li {
+  display: inline-flex;
+  max-width: 100%;
+  width: auto;
+}
+
+.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse {
+  flex-direction: row-reverse;
+  justify-content: flex-start;
+}
+
+.fr-btns-group--left,
+.fr-btns-group--left li {
+  justify-content: flex-start;
+  text-align: left;
+}
+
+.fr-btns-group--right,
+.fr-btns-group--right li {
+  justify-content: flex-end;
+  text-align: right;
+}
+
+.fr-btns-group--center,
+.fr-btns-group--center li {
+  justify-content: center;
+  text-align: center;
+}
+
+.fr-btns-group--between,
+.fr-btns-group--between li {
+  justify-content: space-between;
+  text-align: center;
+}
+
+.fr-btns-group--equisized {
+  --equisized-width: auto;
+}
+
+.fr-btns-group--equisized .fr-btn {
+  justify-content: center;
+  width: var(--equisized-width);
+}
+
+.fr-btns-group--sm .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+}
+
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-],
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"],
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-],
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"] {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2rem;
+  max-height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  justify-content: flex-start;
+}
+
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-icon-],
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=" fr-icon-"],
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-fi-],
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=" fr-fi-"] {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-icon-],
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"],
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-fi-],
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"] {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after,
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"]::after,
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after,
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"]::after {
+  content: "";
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"]::before {
+  content: none;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"] {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2.5rem;
+  max-height: 2.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  justify-content: flex-start;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 1.5rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-icon-],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=" fr-icon-"],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-fi-],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=" fr-fi-"] {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-icon-],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-fi-],
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"] {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"]::after,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"]::after {
+  content: "";
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"]::before {
+  content: none;
+}
+
+.fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]) {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  min-height: 3rem;
+  padding: 0.5rem 1.5rem;
+}
+
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-],
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"],
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-],
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"] {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  min-height: 3rem;
+  padding: 0.5rem 1.5rem;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 3rem;
+  max-height: 3rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  justify-content: flex-start;
+}
+
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 2rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-icon-],
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=" fr-icon-"],
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-fi-],
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=" fr-fi-"] {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  min-height: 3rem;
+  padding: 0.5rem 1.5rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=" fr-fi-"]::before {
+  --icon-size: 1.5rem;
+  margin-left: -0.1875rem;
+  margin-right: 0.5rem;
+}
+
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-icon-],
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"],
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-fi-],
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"] {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  min-height: 3rem;
+  padding: 0.5rem 1.5rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after,
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"]::after,
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after,
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"]::after {
+  content: "";
+
+  --icon-size: 1.5rem;
+  margin-right: -0.1875rem;
+  margin-left: 0.5rem;
+}
+
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before,
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=" fr-icon-"]::before,
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before,
+.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=" fr-fi-"]::before {
+  content: none;
+}
+
+.fr-fieldset__element > .fr-btns-group {
+  margin-bottom: -1rem;
+}
+
+.fr-btn--close {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+  display: flex;
+  margin-left: auto;
+}
+
+.fr-btn--close::after {
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/close-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/close-line.svg");
+  content: "";
+}
+
+.fr-btn--close::before {
+  content: none;
+}
+
+.fr-btn--tooltip {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2rem;
+  max-height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-btn--tooltip::before {
+  --icon-size: 1rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/question-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/question-line.svg");
+  content: "";
+}
+
+.fr-btn--fullscreen {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--fullscreen::after {
+
+  --icon-size: 1rem;
+  margin-right: -0.125rem;
+  margin-left: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/media/fullscreen-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/media/fullscreen-line.svg");
+  content: "";
+}
+
+.fr-btn--fullscreen::before {
+  content: none;
+}
+
+.fr-btn--display {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  min-height: 2.5rem;
+  padding: 0.5rem 1rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--display::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/fr--theme-fill.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/fr--theme-fill.svg");
+  content: "";
+}
+
+.fr-btn--account {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--account::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/user/account-circle-fill.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/user/account-circle-fill.svg");
+  content: "";
+}
+
+.fr-btn--team {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--team::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/user/team-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/user/team-line.svg");
+  content: "";
+}
+
+.fr-btn--briefcase {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: initial;
+  max-width: 100%;
+  max-height: none;
+}
+
+.fr-btn--briefcase::before {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/business/briefcase-fill.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/business/briefcase-fill.svg");
+  content: "";
+}
+
+.fr-btn--sort {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2rem;
+  max-height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-btn--sort::before {
+  --icon-size: 1rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/arrows/arrow-up-down-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/arrows/arrow-up-down-line.svg");
+  content: "";
+}
+
+.fr-btn--sort[aria-sort=ascending],
+.fr-btn--sort[aria-sort=descending],
+.fr-btn--sort-asc,
+.fr-btn--sort-desc {
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  min-height: 2rem;
+  padding: 0.25rem 0.75rem;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 2rem;
+  max-height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.fr-btn--sort[aria-sort=ascending]::before,
+.fr-btn--sort[aria-sort=descending]::before,
+.fr-btn--sort-asc::before,
+.fr-btn--sort-desc::before {
+  --icon-size: 1rem;
+  margin-left: 0;
+  margin-right: 0.5rem;
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/arrows/arrow-up-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/arrows/arrow-up-line.svg");
+  content: "";
+  transition: transform 0.3s;
+  transform: rotate(0deg);
+}
+
+.fr-btn--sort[aria-sort=descending]::before,
+.fr-btn--sort-desc::before {
+  transition: transform 0.3s;
+  transform: rotate(-180deg);
+}
+
+.fr-btn:disabled,
+a.fr-btn:not([href]) {
+  color: var(--text-disabled-grey);
+  background-color: var(--background-disabled-grey);
+
+  --idle: transparent;
+  --hover: var(--background-disabled-grey-hover);
+  --active: var(--background-disabled-grey-active);
+}
+
+.fr-btn--secondary {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+  box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
+}
+
+.fr-btn--secondary:disabled,
+a.fr-btn--secondary:not([href]) {
+  color: var(--text-disabled-grey);
+  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-btn--tertiary,
+.fr-btn--sort,
+.fr-btn--sort-asc,
+.fr-btn--sort-desc,
+.fr-btn--account {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+  box-shadow: inset 0 0 0 1px var(--border-default-grey);
+}
+
+.fr-btn--tertiary:disabled,
+a.fr-btn--tertiary:not([href]),
+a.fr-btn--sort:not([href]),
+a.fr-btn--sort-asc:not([href]),
+a.fr-btn--sort-desc:not([href]),
+a.fr-btn--account:not([href]),
+.fr-btn--sort:disabled,
+.fr-btn--sort-asc:disabled,
+.fr-btn--sort-desc:disabled,
+.fr-btn--account:disabled {
+  color: var(--text-disabled-grey);
+  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+
+.fr-btn--tertiary-no-outline,
+.fr-btn--close,
+.fr-btn--display,
+.fr-btn--fullscreen,
+.fr-btn--tooltip,
+.fr-btn--briefcase,
+.fr-btn--team {
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+  color: var(--text-action-high-blue-france);
+}
+
+.fr-btn--tertiary-no-outline:disabled,
+a.fr-btn--tertiary-no-outline:not([href]),
+a.fr-btn--close:not([href]),
+a.fr-btn--display:not([href]),
+a.fr-btn--fullscreen:not([href]),
+a.fr-btn--tooltip:not([href]),
+a.fr-btn--briefcase:not([href]),
+a.fr-btn--team:not([href]),
+.fr-btn--close:disabled,
+.fr-btn--display:disabled,
+.fr-btn--fullscreen:disabled,
+.fr-btn--tooltip:disabled,
+.fr-btn--briefcase:disabled,
+.fr-btn--team:disabled {
+  color: var(--text-disabled-grey);
+  background-color: transparent;
+
+  --hover: inherit;
+  --active: inherit;
+}
+@media (min-width: 36em) {
+  /*! media sm */
+  .fr-btns-group--inline-sm .fr-btn {
+    width: auto;
+    max-width: 100%;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-btns-group--inline-sm > li {
+    display: inline-flex;
+    max-width: 100%;
+    width: auto;
+  }
+
+  .fr-btns-group--inline-sm.fr-btns-group--right.fr-btns-group--inline-reverse {
+    flex-direction: row-reverse;
+    justify-content: flex-start;
+  }
+}
+@media (min-width: 48em) {
+  /*! media md */
+  .fr-btns-group--inline-md .fr-btn {
+    width: auto;
+    max-width: 100%;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-btns-group--inline-md > li {
+    display: inline-flex;
+    max-width: 100%;
+    width: auto;
+  }
+
+  .fr-btns-group--inline-md.fr-btns-group--right.fr-btns-group--inline-reverse {
+    flex-direction: row-reverse;
+    justify-content: flex-start;
+  }
+}
+@media (min-width: 62em) {
+  /*! media lg */
+  .fr-btns-group--inline-lg .fr-btn {
+    width: auto;
+    max-width: 100%;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+
+  .fr-btns-group--inline-lg > li {
+    display: inline-flex;
+    max-width: 100%;
+    width: auto;
+  }
+
+  .fr-btns-group--inline-lg.fr-btns-group--right.fr-btns-group--inline-reverse {
+    flex-direction: row-reverse;
+    justify-content: flex-start;
+  }
+}
+@media (min-width: 78em) {
+  /*! media xl */
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  .fr-btn::before,
+  .fr-btn::after {
+    background-color: buttontext;
+  }
+
+  .fr-btn:disabled::before,
+  .fr-btn:disabled::after,
+  a.fr-btn:not([href])::before,
+  a.fr-btn:not([href])::after {
+    background-color: graytext;
+  }
+
+  .fr-btn:disabled,
+  a.fr-btn:not([href]) {
+    border-color: graytext;
+    color: graytext;
+  }
+
+  a[href].fr-btn::before,
+  a[href].fr-btn::after {
+    background-color: linktext;
+  }
+
+  button.fr-btn {
+    border: 1px solid buttontext;
+  }
+
+  .fr-btn--close::after {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--tooltip::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--fullscreen::after {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--display::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--account::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--team::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--briefcase::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--sort::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+
+  .fr-btn--sort[aria-sort=ascending]::before,
+  .fr-btn--sort[aria-sort=descending]::before,
+  .fr-btn--sort-asc::before,
+  .fr-btn--sort-desc::before {
+    forced-color-adjust: none;
+    background-color: buttontext;
+  }
+}
+a {
+  text-decoration: var(--text-decoration);
+  color: inherit;
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  a:not([href]) {
+    color: graytext;
+  }
+}
+
+:root {
+  --underline-max-width: 100%;
+  --underline-hover-width: 0;
+  --underline-idle-width: var(--underline-max-width);
+  --underline-x: calc(var(--underline-max-width) * 0);
+  --underline-thickness: 0.0625em;
+  --underline-img: linear-gradient(0deg, currentColor, currentColor);
+  --external-link-content: '';
+  --text-decoration: none;
+}
+
+[href] {
+  background-image: var(--underline-img), var(--underline-img);
+  background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));
+  background-repeat: no-repeat, no-repeat;
+  transition: background-size 0s;
+  background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  [href], [href]:visited {
+    color: linktext;
+  }
+}
+
+[target=_blank]::after {
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+[target=_blank]::after {
+  --icon-size: 1rem;
+}
+[target=_blank]::after {
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  [target=_blank]::after {
+    forced-color-adjust: none;
+    background-color: linktext;
+  }
+}
+[target=_blank]::after {
+  content: var(--external-link-content);
+  margin-left: 0.25rem;
+}
+[target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+[target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
+  --icon-size: 1rem;
+}
+[target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
+  -webkit-mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
+  mask-image: url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/icones/dsfr/system/external-link-line.svg");
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  [target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
+    forced-color-adjust: none;
+    background-color: linktext;
+  }
+}
+[target=_blank][class^=fr-icon-]::after, [target=_blank][class*=" fr-icon-"]::after, [target=_blank][class^=fr-fi-]::after, [target=_blank][class*=" fr-fi-"]::after {
+  content: var(--external-link-content);
+  margin-left: 0.25rem;
+}
+
+form[target=_blank]::after {
+  content: none;
+}
+
+.fr-raw-link {
+  --text-decoration: none;
+}
+.fr-raw-link[href],
+.fr-raw-link [href] {
+  --underline-img: none;
+  --external-link-content: none;
+}
+
+.fr-reset-link {
+  --text-decoration: underline;
+}
+.fr-reset-link[href],
+.fr-reset-link [href] {
+  --underline-img: none;
+  text-underline-offset: 2px;
+}
+
+button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  border: none;
+  margin: 0;
+  color: inherit;
+  background-color: transparent;
+  font-family: inherit;
+  font-size: inherit;
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  button {
+    color: buttontext;
+  }
+}
+
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  button:disabled {
+    color: graytext;
+  }
+}
+
+input,
+select,
+textarea {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  font-family: "Marianne", arial, sans-serif;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+  border-radius: 0;
+  border: 0;
+  background-color: transparent;
+  margin: 0;
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  input,
+  select,
+  textarea {
+    border: 1px solid;
+  }
+}
+
+input[type=search] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+input[type=checkbox],
+input[type=radio],
+input[type=range] {
+  -webkit-appearance: auto;
+  -moz-appearance: auto;
+  appearance: auto;
+}
+
+input::-webkit-contacts-auto-fill-button,
+input::-webkit-credentials-auto-fill-button {
+  margin-left: 1rem;
+  margin-right: -1px;
+  width: 1.25rem;
+  height: 1.25rem;
+  -webkit-mask-size: 1.25rem 1.25rem;
+}
+
+input[type=range]:focus::-webkit-slider-thumb {
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: #0a76f6;
+}
+
+input[type=range]:focus::-moz-range-thumb {
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: #0a76f6;
+}
+
+input[type=range]:focus::-ms-thumb {
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: #0a76f6;
+}
+
+a:focus, button:focus, input:focus, input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before, input[type=button]:focus, input[type=image]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus, textarea:focus, [tabindex]:focus, video:focus[controls], audio:focus[controls], [contenteditable]:not([contenteditable=false]):focus, details:focus, details > summary:first-of-type:focus {
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: #0a76f6;
+}
+
+input[type=range]:focus::-webkit-slider-thumb {
+  outline-style: solid;
+}
+
+input[type=range]:focus::-moz-range-thumb {
+  outline-style: solid;
+}
+
+input[type=range]:focus::-ms-thumb {
+  outline-style: solid;
+}
+
+a:focus, button:focus, input:focus, input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before, input[type=button]:focus, input[type=image]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus, textarea:focus, [tabindex]:focus, video:focus[controls], audio:focus[controls], [contenteditable]:not([contenteditable=false]):focus, details:focus, details > summary:first-of-type:focus {
+  outline-style: solid;
+}
+
+input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb {
+  outline-style: none;
+}
+
+input[type=range]:focus:not(:focus-visible)::-moz-range-thumb {
+  outline-style: none;
+}
+
+input[type=range]:focus:not(:focus-visible)::-ms-thumb {
+  outline-style: none;
+}
+
+a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible), input[type=checkbox]:focus:not(:focus-visible) + label::before, input[type=radio]:focus:not(:focus-visible) + label::before, input[type=button]:focus:not(:focus-visible), input[type=image]:focus:not(:focus-visible), input[type=reset]:focus:not(:focus-visible), input[type=submit]:focus:not(:focus-visible), select:focus:not(:focus-visible), textarea:focus:not(:focus-visible), [tabindex]:focus:not(:focus-visible), video:focus:not(:focus-visible)[controls], audio:focus:not(:focus-visible)[controls], [contenteditable]:not([contenteditable=false]):focus:not(:focus-visible), details:focus:not(:focus-visible), details > summary:first-of-type:focus:not(:focus-visible) {
+  outline-style: none;
+}
+
+input[type=range]:focus-visible::-webkit-slider-thumb {
+  outline-style: solid;
+}
+
+input[type=range]:focus-visible::-moz-range-thumb {
+  outline-style: solid;
+}
+
+input[type=range]:focus-visible::-ms-thumb {
+  outline-style: solid;
+}
+
+a:focus-visible, button:focus-visible, input:focus-visible, input[type=checkbox]:focus-visible + label::before, input[type=radio]:focus-visible + label::before, input[type=button]:focus-visible, input[type=image]:focus-visible, input[type=reset]:focus-visible, input[type=submit]:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, video:focus-visible[controls], audio:focus-visible[controls], [contenteditable]:not([contenteditable=false]):focus-visible, details:focus-visible, details > summary:first-of-type:focus-visible {
+  outline-style: solid;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  :root {
+    --brighten: -1;
+  }
+  a[href]:hover, button:not(:disabled):hover, input[type=button]:not(:disabled):hover, input[type=image]:not(:disabled):hover, input[type=reset]:not(:disabled):hover, input[type=submit]:not(:disabled):hover {
+    background-color: var(--hover-tint);
+  }
+  a[href]:active, button:not(:disabled):active, input[type=button]:not(:disabled):active, input[type=image]:not(:disabled):active, input[type=reset]:not(:disabled):active, input[type=submit]:not(:disabled):active {
+    background-color: var(--active-tint);
+  }
+  a[href]:hover, a[href]:active {
+    --underline-hover-width: var(--underline-max-width);
+  }
+}
+button, input[type=button], input[type=image], input[type=reset], input[type=submit] {
+  --hover-tint: var(--hover);
+  --active-tint: var(--active);
+}
+
+a {
+  --hover-tint: var(--idle);
+  --active-tint: var(--active);
+}
+
+a, button, input[type=checkbox], input[type=checkbox] + label, input[type=radio], input[type=radio] + label, input[type=file], input[type=range], input[type=button], input[type=image], input[type=reset], input[type=submit], select, video[controls], audio[controls], details, details > summary:first-of-type {
+  cursor: pointer;
+}
+
+input[type=range]:disabled::-webkit-slider-thumb, input[type=range]:disabled::-webkit-slider-thumb:active {
+  cursor: not-allowed;
+}
+
+input[type=range]:disabled::-moz-range-thumb, input[type=range]:disabled::-moz-range-thumb:active {
+  cursor: not-allowed;
+}
+
+input[type=range]:disabled::-ms-thumb, input[type=range]:disabled::-ms-thumb:active {
+  cursor: not-allowed;
+}
+
+a:not([href]), button:disabled, input:disabled, input[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled, input[type=radio]:disabled + label, input[type=file]:disabled, input[type=range]:disabled, input[type=button]:disabled, input[type=image]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, select:disabled, textarea:disabled, video:not([href])[controls], audio:not([href])[controls] {
+  cursor: not-allowed;
+}
+
+input[type=range]::-webkit-slider-thumb {
+  cursor: grab;
+}
+
+input[type=range]::-moz-range-thumb {
+  cursor: grab;
+}
+
+input[type=range]::-ms-thumb {
+  cursor: grab;
+}
+
+input[type=range]::-webkit-slider-thumb:active {
+  cursor: grabbing;
+}
+
+input[type=range]::-moz-range-thumb:active {
+  cursor: grabbing;
+}
+
+input[type=range]::-ms-thumb:active {
+  cursor: grabbing;
+}
+
+/**
+ * Override de l'opacité chrome sur un élément disabled
+ */
+a:not([href]), button:disabled, input:disabled, input[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled, input[type=radio]:disabled + label, select:disabled, textarea:disabled, video:not([href]), audio:not([href]) {
+  opacity: 1;
+}
+
+.fr-enlarge-link {
+  position: relative;
+}
+.fr-enlarge-link a {
+  background-image: none;
+  outline-width: 0;
+}
+.fr-enlarge-link a::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  outline-offset: 2px;
+  outline-style: inherit;
+  outline-color: inherit;
+  outline-width: 2px;
+  z-index: 1;
+}
+@media (hover: hover) and (pointer: fine) {
+  .fr-enlarge-link a:hover, .fr-enlarge-link a:active {
+    background-image: none;
+  }
+  .fr-enlarge-link:hover {
+    background-color: var(--hover);
+  }
+  .fr-enlarge-link:active {
+    background-color: var(--active);
+  }
+}
+
+.fr-enlarge-button {
+  position: relative;
+}
+.fr-enlarge-button button {
+  background-image: none;
+  outline-width: 0;
+}
+.fr-enlarge-button button::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  outline-offset: 2px;
+  outline-style: inherit;
+  outline-color: inherit;
+  outline-width: 2px;
+  z-index: 1;
+}
+@media (hover: hover) and (pointer: fine) {
+  .fr-enlarge-button button:hover, .fr-enlarge-button button:active {
+    background-image: none;
+  }
+  .fr-enlarge-button:hover {
+    background-color: var(--hover);
+  }
+  .fr-enlarge-button:active {
+    background-color: var(--active);
+  }
+}
+
+p {
+  font-size: 1rem;
+  line-height: 1.5rem;
+  margin: var(--text-spacing);
+}
+
+:root {
+  --ul-type: disc;
+  --ol-type: decimal;
+  --ul-start: 1rem;
+  --ol-start: 1.5rem;
+  --xl-block: 0.5rem;
+  --li-bottom: 0.25rem;
+  --xl-base: 1em;
+  --ol-content: counters(li-counter, ".") ".\00a0\00a0";
+}
+
+ul,
+ol,
+dl {
+  margin: 0;
+  padding: 0;
+  margin-block-start: var(--xl-block);
+  margin-block-end: var(--xl-block);
+  --xl-size: var(--xl-base);
+}
+
+ul {
+  list-style-type: var(--ul-type);
+  padding-inline-start: var(--ul-start);
+}
+ul > li::marker {
+  font-size: calc(var(--xl-size) * 0.9);
+}
+@media (-ms-high-contrast: active), (forced-colors: active) {
+  ul > li::marker {
+    color: graytext;
+  }
+}
+
+ol {
+  list-style-type: var(--ol-type);
+  padding-inline-start: var(--ol-start);
+  counter-reset: li-counter;
+}
+ol > li {
+  counter-increment: li-counter;
+}
+ol > li::marker {
+  content: var(--ol-content);
+  font-size: var(--xl-size);
+  font-weight: bold;
+}
+
+dl,
+dd {
+  margin: 0;
+  padding-inline-start: var(--ul-start);
+}
+
+li,
+dd,
+dt {
+  --xl-base: calc(var(--xl-size) * 0.9);
+  padding-bottom: var(--li-bottom);
+}
+
+.fr-raw-list {
+  --ul-type: none;
+  --ol-type: none;
+  --ul-start: 0;
+  --ol-start: 0;
+  --xl-block: 0;
+  --li-bottom: 0;
+  --ol-content: none;
+}
+
+.fr-list {
+  --ul-type: disc;
+  --ol-type: decimal;
+  --ul-start: 1rem;
+  --ol-start: 1.5rem;
+  --xl-block: 0.5rem;
+  --li-bottom: 0.25rem;
+  --xl-base: 1em;
+  --ol-content: counters(li-counter, ".") ".\00a0\00a0";
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+:root {
+  box-sizing: border-box;
+}
+
+input,
+select,
+textarea,
+label,
+button,
+a {
+  -webkit-tap-highlight-color: transparent;
+}
+
+[class^=fr-icon-]::before, [class^=fr-icon-]::after, [class*=" fr-icon-"]::before, [class*=" fr-icon-"]::after, [class^=fr-fi-]::before, [class^=fr-fi-]::after, [class*=" fr-fi-"]::before, [class*=" fr-fi-"]::after {
+  flex: 0 0 auto;
+  display: inline-block;
+  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
+  background-color: currentColor;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+[class^=fr-icon-]::before, [class^=fr-icon-]::after, [class*=" fr-icon-"]::before, [class*=" fr-icon-"]::after, [class^=fr-fi-]::before, [class^=fr-fi-]::after, [class*=" fr-fi-"]::before, [class*=" fr-fi-"]::after {
+  --icon-size: 1.5rem;
+}
+[class^=fr-icon-]::before, [class*=" fr-icon-"]::before, [class^=fr-fi-]::before, [class*=" fr-fi-"]::before {
+  content: "";
+}
+
+@media (-ms-high-contrast: active) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (forced-colors: active), (forced-colors: active) and (-ms-high-contrast: active), (forced-colors: active) and (forced-colors: active) {
+  [class^=fr-icon-]::before, [class^=fr-icon-]::after, [class*=" fr-icon-"]::before, [class*=" fr-icon-"]::after, [class^=fr-fi-]::before, [class^=fr-fi-]::after, [class*=" fr-fi-"]::before, [class*=" fr-fi-"]::after {
+    forced-color-adjust: none;
+    background-color: canvastext;
+  }
+}
+@media (-ms-high-contrast: active) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (forced-colors: active), (forced-colors: active) and (-ms-high-contrast: active), (forced-colors: active) and (forced-colors: active) {
+  button[class^=fr-icon-]:not([disabled])::before, button[class^=fr-icon-]:not([disabled])::after, button[class*=" fr-icon-"]:not([disabled])::before, button[class*=" fr-icon-"]:not([disabled])::after, button[class^=fr-fi-]:not([disabled])::before, button[class^=fr-fi-]:not([disabled])::after, button[class*=" fr-fi-"]:not([disabled])::before, button[class*=" fr-fi-"]:not([disabled])::after {
+    background-color: buttontext;
+  }
+}
+@media (-ms-high-contrast: active) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (forced-colors: active), (forced-colors: active) and (-ms-high-contrast: active), (forced-colors: active) and (forced-colors: active) {
+  a[href][class^=fr-icon-]::before, a[href][class^=fr-icon-]::after, a[href][class*=" fr-icon-"]::before, a[href][class*=" fr-icon-"]::after, a[href][class^=fr-fi-]::before, a[href][class^=fr-fi-]::after, a[href][class*=" fr-fi-"]::before, a[href][class*=" fr-fi-"]::after {
+    background-color: linktext;
+  }
+}
+@media (-ms-high-contrast: active) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (forced-colors: active), (forced-colors: active) and (-ms-high-contrast: active), (forced-colors: active) and (forced-colors: active) {
+  a[class^=fr-icon-]:not([href])::before, a[class^=fr-icon-]:not([href])::after, a[class*=" fr-icon-"]:not([href])::before, a[class*=" fr-icon-"]:not([href])::after, a[class^=fr-fi-]:not([href])::before, a[class^=fr-fi-]:not([href])::after, a[class*=" fr-fi-"]:not([href])::before, a[class*=" fr-fi-"]:not([href])::after, button[class^=fr-icon-]:disabled::before, button[class^=fr-icon-]:disabled::after, button[class*=" fr-icon-"]:disabled::before, button[class*=" fr-icon-"]:disabled::after, button[class^=fr-fi-]:disabled::before, button[class^=fr-fi-]:disabled::after, button[class*=" fr-fi-"]:disabled::before, button[class*=" fr-fi-"]:disabled::after, input[class^=fr-icon-]:disabled::before, input[class^=fr-icon-]:disabled::after, input[class*=" fr-icon-"]:disabled::before, input[class*=" fr-icon-"]:disabled::after, input[class^=fr-fi-]:disabled::before, input[class^=fr-fi-]:disabled::after, input[class*=" fr-fi-"]:disabled::before, input[class*=" fr-fi-"]:disabled::after, input[type=checkbox][class^=fr-icon-]:disabled::before, input[type=checkbox][class^=fr-icon-]:disabled::after, input[type=checkbox][class*=" fr-icon-"]:disabled::before, input[type=checkbox][class*=" fr-icon-"]:disabled::after, input[type=checkbox][class^=fr-fi-]:disabled::before, input[type=checkbox][class^=fr-fi-]:disabled::after, input[type=checkbox][class*=" fr-fi-"]:disabled::before, input[type=checkbox][class*=" fr-fi-"]:disabled::after, input[type=checkbox]:disabled + label[class^=fr-icon-]::before, input[type=checkbox]:disabled + label[class^=fr-icon-]::after, input[type=checkbox]:disabled + label[class*=" fr-icon-"]::before, input[type=checkbox]:disabled + label[class*=" fr-icon-"]::after, input[type=checkbox]:disabled + label[class^=fr-fi-]::before, input[type=checkbox]:disabled + label[class^=fr-fi-]::after, input[type=checkbox]:disabled + label[class*=" fr-fi-"]::before, input[type=checkbox]:disabled + label[class*=" fr-fi-"]::after, input[type=radio][class^=fr-icon-]:disabled::before, input[type=radio][class^=fr-icon-]:disabled::after, input[type=radio][class*=" fr-icon-"]:disabled::before, input[type=radio][class*=" fr-icon-"]:disabled::after, input[type=radio][class^=fr-fi-]:disabled::before, input[type=radio][class^=fr-fi-]:disabled::after, input[type=radio][class*=" fr-fi-"]:disabled::before, input[type=radio][class*=" fr-fi-"]:disabled::after, input[type=radio]:disabled + label[class^=fr-icon-]::before, input[type=radio]:disabled + label[class^=fr-icon-]::after, input[type=radio]:disabled + label[class*=" fr-icon-"]::before, input[type=radio]:disabled + label[class*=" fr-icon-"]::after, input[type=radio]:disabled + label[class^=fr-fi-]::before, input[type=radio]:disabled + label[class^=fr-fi-]::after, input[type=radio]:disabled + label[class*=" fr-fi-"]::before, input[type=radio]:disabled + label[class*=" fr-fi-"]::after, select[class^=fr-icon-]:disabled::before, select[class^=fr-icon-]:disabled::after, select[class*=" fr-icon-"]:disabled::before, select[class*=" fr-icon-"]:disabled::after, select[class^=fr-fi-]:disabled::before, select[class^=fr-fi-]:disabled::after, select[class*=" fr-fi-"]:disabled::before, select[class*=" fr-fi-"]:disabled::after, textarea[class^=fr-icon-]:disabled::before, textarea[class^=fr-icon-]:disabled::after, textarea[class*=" fr-icon-"]:disabled::before, textarea[class*=" fr-icon-"]:disabled::after, textarea[class^=fr-fi-]:disabled::before, textarea[class^=fr-fi-]:disabled::after, textarea[class*=" fr-fi-"]:disabled::before, textarea[class*=" fr-fi-"]:disabled::after, video[class^=fr-icon-]:not([href])::before, video[class^=fr-icon-]:not([href])::after, video[class*=" fr-icon-"]:not([href])::before, video[class*=" fr-icon-"]:not([href])::after, video[class^=fr-fi-]:not([href])::before, video[class^=fr-fi-]:not([href])::after, video[class*=" fr-fi-"]:not([href])::before, video[class*=" fr-fi-"]:not([href])::after, audio[class^=fr-icon-]:not([href])::before, audio[class^=fr-icon-]:not([href])::after, audio[class*=" fr-icon-"]:not([href])::before, audio[class*=" fr-icon-"]:not([href])::after, audio[class^=fr-fi-]:not([href])::before, audio[class^=fr-fi-]:not([href])::after, audio[class*=" fr-fi-"]:not([href])::before, audio[class*=" fr-fi-"]:not([href])::after {
+    background-color: graytext;
+  }
+}
+.fr-icon--xs::before, .fr-icon--xs::after {
+  --icon-size: 0.75rem;
+}
+.fr-icon--sm::before, .fr-icon--sm::after {
+  --icon-size: 1rem;
+}
+.fr-icon--md::before, .fr-icon--md::after {
+  --icon-size: 1.5rem;
+}
+.fr-icon--lg::before, .fr-icon--lg::after {
+  --icon-size: 2rem;
+}
+
+.fr-grid-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+}
+.fr-grid-row--top {
+  align-items: flex-start;
+}
+.fr-grid-row--bottom {
+  align-items: flex-end;
+}
+.fr-grid-row--middle {
+  align-items: center;
+}
+.fr-grid-row--left {
+  justify-content: flex-start;
+}
+.fr-grid-row--right {
+  justify-content: flex-end;
+}
+.fr-grid-row--center {
+  justify-content: center;
+}
+
+.fr-col--top {
+  align-self: flex-start;
+}
+.fr-col--bottom {
+  align-self: flex-end;
+}
+.fr-col--middle {
+  align-self: center;
+}
+
+.fr-container, .fr-container-sm, .fr-container-md, .fr-container-lg, .fr-container-xl {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.fr-container {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.fr-container--fluid {
+  padding-left: 0;
+  padding-right: 0;
+  max-width: none;
+  overflow: hidden;
+}
+
+.fr-grid-row--gutters {
+  margin: -0.5rem;
+}
+.fr-grid-row--gutters > [class^=fr-col-], .fr-grid-row--gutters > [class*=" fr-col-"],
+.fr-grid-row--gutters > .fr-col {
+  padding: 0.5rem;
+}
+
+.fr-grid-row--no-gutters {
+  margin: 0;
+}
+.fr-grid-row--no-gutters > [class^=fr-col-], .fr-grid-row--no-gutters > [class*=" fr-col-"],
+.fr-grid-row--no-gutters > .fr-col {
+  padding: 0;
+}
+
+.fr-col {
+  flex: 1;
+}
+
+.fr-col-1 {
+  flex: 0 0 calc(100% / 12);
+  width: calc(100% / 12);
+  max-width: calc(100% / 12);
+}
+
+.fr-col-offset-1:not(.fr-col-offset-1--right) {
+  margin-left: calc(100% / 12);
+}
+.fr-col-offset-1--right {
+  margin-right: calc(100% / 12);
+}
+
+.fr-col-2 {
+  flex: 0 0 calc(200% / 12);
+  width: calc(200% / 12);
+  max-width: calc(200% / 12);
+}
+
+.fr-col-offset-2:not(.fr-col-offset-2--right) {
+  margin-left: calc(200% / 12);
+}
+.fr-col-offset-2--right {
+  margin-right: calc(200% / 12);
+}
+
+.fr-col-3 {
+  flex: 0 0 calc(300% / 12);
+  width: calc(300% / 12);
+  max-width: calc(300% / 12);
+}
+
+.fr-col-offset-3:not(.fr-col-offset-3--right) {
+  margin-left: calc(300% / 12);
+}
+.fr-col-offset-3--right {
+  margin-right: calc(300% / 12);
+}
+
+.fr-col-4 {
+  flex: 0 0 calc(400% / 12);
+  width: calc(400% / 12);
+  max-width: calc(400% / 12);
+}
+
+.fr-col-offset-4:not(.fr-col-offset-4--right) {
+  margin-left: calc(400% / 12);
+}
+.fr-col-offset-4--right {
+  margin-right: calc(400% / 12);
+}
+
+.fr-col-5 {
+  flex: 0 0 calc(500% / 12);
+  width: calc(500% / 12);
+  max-width: calc(500% / 12);
+}
+
+.fr-col-offset-5:not(.fr-col-offset-5--right) {
+  margin-left: calc(500% / 12);
+}
+.fr-col-offset-5--right {
+  margin-right: calc(500% / 12);
+}
+
+.fr-col-6 {
+  flex: 0 0 calc(600% / 12);
+  width: calc(600% / 12);
+  max-width: calc(600% / 12);
+}
+
+.fr-col-offset-6:not(.fr-col-offset-6--right) {
+  margin-left: calc(600% / 12);
+}
+.fr-col-offset-6--right {
+  margin-right: calc(600% / 12);
+}
+
+.fr-col-7 {
+  flex: 0 0 calc(700% / 12);
+  width: calc(700% / 12);
+  max-width: calc(700% / 12);
+}
+
+.fr-col-offset-7:not(.fr-col-offset-7--right) {
+  margin-left: calc(700% / 12);
+}
+.fr-col-offset-7--right {
+  margin-right: calc(700% / 12);
+}
+
+.fr-col-8 {
+  flex: 0 0 calc(800% / 12);
+  width: calc(800% / 12);
+  max-width: calc(800% / 12);
+}
+
+.fr-col-offset-8:not(.fr-col-offset-8--right) {
+  margin-left: calc(800% / 12);
+}
+.fr-col-offset-8--right {
+  margin-right: calc(800% / 12);
+}
+
+.fr-col-9 {
+  flex: 0 0 calc(900% / 12);
+  width: calc(900% / 12);
+  max-width: calc(900% / 12);
+}
+
+.fr-col-offset-9:not(.fr-col-offset-9--right) {
+  margin-left: calc(900% / 12);
+}
+.fr-col-offset-9--right {
+  margin-right: calc(900% / 12);
+}
+
+.fr-col-10 {
+  flex: 0 0 calc(1000% / 12);
+  width: calc(1000% / 12);
+  max-width: calc(1000% / 12);
+}
+
+.fr-col-offset-10:not(.fr-col-offset-10--right) {
+  margin-left: calc(1000% / 12);
+}
+.fr-col-offset-10--right {
+  margin-right: calc(1000% / 12);
+}
+
+.fr-col-11 {
+  flex: 0 0 calc(1100% / 12);
+  width: calc(1100% / 12);
+  max-width: calc(1100% / 12);
+}
+
+.fr-col-offset-11:not(.fr-col-offset-11--right) {
+  margin-left: calc(1100% / 12);
+}
+.fr-col-offset-11--right {
+  margin-right: calc(1100% / 12);
+}
+
+.fr-col-12 {
+  flex: 0 0 calc(1200% / 12);
+  width: calc(1200% / 12);
+  max-width: calc(1200% / 12);
+}
+
+.fr-col-offset-12:not(.fr-col-offset-12--right) {
+  margin-left: calc(1200% / 12);
+}
+.fr-col-offset-12--right {
+  margin-right: calc(1200% / 12);
+}
+
+@media (min-width: 36em) {
+  .fr-container-sm {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .fr-container-sm--fluid {
+    padding-left: 0;
+    padding-right: 0;
+    max-width: none;
+    overflow: hidden;
+  }
+  .fr-grid-row-sm--gutters {
+    margin: -0.5rem;
+  }
+  .fr-grid-row-sm--gutters > [class^=fr-col-], .fr-grid-row-sm--gutters > [class*=" fr-col-"],
+  .fr-grid-row-sm--gutters > .fr-col {
+    padding: 0.5rem;
+  }
+  .fr-grid-row-sm--no-gutters {
+    margin: 0;
+  }
+  .fr-grid-row-sm--no-gutters > [class^=fr-col-], .fr-grid-row-sm--no-gutters > [class*=" fr-col-"],
+  .fr-grid-row-sm--no-gutters > .fr-col {
+    padding: 0;
+  }
+  .fr-col-sm {
+    flex: 1;
+  }
+  .fr-col-sm-1 {
+    flex: 0 0 calc(100% / 12);
+    width: calc(100% / 12);
+    max-width: calc(100% / 12);
+  }
+  .fr-col-offset-sm-1:not(.fr-col-offset-sm-1--right) {
+    margin-left: calc(100% / 12);
+  }
+  .fr-col-offset-sm-1--right {
+    margin-right: calc(100% / 12);
+  }
+  .fr-col-sm-2 {
+    flex: 0 0 calc(200% / 12);
+    width: calc(200% / 12);
+    max-width: calc(200% / 12);
+  }
+  .fr-col-offset-sm-2:not(.fr-col-offset-sm-2--right) {
+    margin-left: calc(200% / 12);
+  }
+  .fr-col-offset-sm-2--right {
+    margin-right: calc(200% / 12);
+  }
+  .fr-col-sm-3 {
+    flex: 0 0 calc(300% / 12);
+    width: calc(300% / 12);
+    max-width: calc(300% / 12);
+  }
+  .fr-col-offset-sm-3:not(.fr-col-offset-sm-3--right) {
+    margin-left: calc(300% / 12);
+  }
+  .fr-col-offset-sm-3--right {
+    margin-right: calc(300% / 12);
+  }
+  .fr-col-sm-4 {
+    flex: 0 0 calc(400% / 12);
+    width: calc(400% / 12);
+    max-width: calc(400% / 12);
+  }
+  .fr-col-offset-sm-4:not(.fr-col-offset-sm-4--right) {
+    margin-left: calc(400% / 12);
+  }
+  .fr-col-offset-sm-4--right {
+    margin-right: calc(400% / 12);
+  }
+  .fr-col-sm-5 {
+    flex: 0 0 calc(500% / 12);
+    width: calc(500% / 12);
+    max-width: calc(500% / 12);
+  }
+  .fr-col-offset-sm-5:not(.fr-col-offset-sm-5--right) {
+    margin-left: calc(500% / 12);
+  }
+  .fr-col-offset-sm-5--right {
+    margin-right: calc(500% / 12);
+  }
+  .fr-col-sm-6 {
+    flex: 0 0 calc(600% / 12);
+    width: calc(600% / 12);
+    max-width: calc(600% / 12);
+  }
+  .fr-col-offset-sm-6:not(.fr-col-offset-sm-6--right) {
+    margin-left: calc(600% / 12);
+  }
+  .fr-col-offset-sm-6--right {
+    margin-right: calc(600% / 12);
+  }
+  .fr-col-sm-7 {
+    flex: 0 0 calc(700% / 12);
+    width: calc(700% / 12);
+    max-width: calc(700% / 12);
+  }
+  .fr-col-offset-sm-7:not(.fr-col-offset-sm-7--right) {
+    margin-left: calc(700% / 12);
+  }
+  .fr-col-offset-sm-7--right {
+    margin-right: calc(700% / 12);
+  }
+  .fr-col-sm-8 {
+    flex: 0 0 calc(800% / 12);
+    width: calc(800% / 12);
+    max-width: calc(800% / 12);
+  }
+  .fr-col-offset-sm-8:not(.fr-col-offset-sm-8--right) {
+    margin-left: calc(800% / 12);
+  }
+  .fr-col-offset-sm-8--right {
+    margin-right: calc(800% / 12);
+  }
+  .fr-col-sm-9 {
+    flex: 0 0 calc(900% / 12);
+    width: calc(900% / 12);
+    max-width: calc(900% / 12);
+  }
+  .fr-col-offset-sm-9:not(.fr-col-offset-sm-9--right) {
+    margin-left: calc(900% / 12);
+  }
+  .fr-col-offset-sm-9--right {
+    margin-right: calc(900% / 12);
+  }
+  .fr-col-sm-10 {
+    flex: 0 0 calc(1000% / 12);
+    width: calc(1000% / 12);
+    max-width: calc(1000% / 12);
+  }
+  .fr-col-offset-sm-10:not(.fr-col-offset-sm-10--right) {
+    margin-left: calc(1000% / 12);
+  }
+  .fr-col-offset-sm-10--right {
+    margin-right: calc(1000% / 12);
+  }
+  .fr-col-sm-11 {
+    flex: 0 0 calc(1100% / 12);
+    width: calc(1100% / 12);
+    max-width: calc(1100% / 12);
+  }
+  .fr-col-offset-sm-11:not(.fr-col-offset-sm-11--right) {
+    margin-left: calc(1100% / 12);
+  }
+  .fr-col-offset-sm-11--right {
+    margin-right: calc(1100% / 12);
+  }
+  .fr-col-sm-12 {
+    flex: 0 0 calc(1200% / 12);
+    width: calc(1200% / 12);
+    max-width: calc(1200% / 12);
+  }
+  .fr-col-offset-sm-12:not(.fr-col-offset-sm-12--right) {
+    margin-left: calc(1200% / 12);
+  }
+  .fr-col-offset-sm-12--right {
+    margin-right: calc(1200% / 12);
+  }
+}
+@media (min-width: 48em) {
+  .fr-container-md {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .fr-container-md--fluid {
+    padding-left: 0;
+    padding-right: 0;
+    max-width: none;
+    overflow: hidden;
+  }
+  .fr-grid-row-md--gutters {
+    margin: -0.5rem;
+  }
+  .fr-grid-row-md--gutters > [class^=fr-col-], .fr-grid-row-md--gutters > [class*=" fr-col-"],
+  .fr-grid-row-md--gutters > .fr-col {
+    padding: 0.5rem;
+  }
+  .fr-grid-row-md--no-gutters {
+    margin: 0;
+  }
+  .fr-grid-row-md--no-gutters > [class^=fr-col-], .fr-grid-row-md--no-gutters > [class*=" fr-col-"],
+  .fr-grid-row-md--no-gutters > .fr-col {
+    padding: 0;
+  }
+  .fr-col-md {
+    flex: 1;
+  }
+  .fr-col-md-1 {
+    flex: 0 0 calc(100% / 12);
+    width: calc(100% / 12);
+    max-width: calc(100% / 12);
+  }
+  .fr-col-offset-md-1:not(.fr-col-offset-md-1--right) {
+    margin-left: calc(100% / 12);
+  }
+  .fr-col-offset-md-1--right {
+    margin-right: calc(100% / 12);
+  }
+  .fr-col-md-2 {
+    flex: 0 0 calc(200% / 12);
+    width: calc(200% / 12);
+    max-width: calc(200% / 12);
+  }
+  .fr-col-offset-md-2:not(.fr-col-offset-md-2--right) {
+    margin-left: calc(200% / 12);
+  }
+  .fr-col-offset-md-2--right {
+    margin-right: calc(200% / 12);
+  }
+  .fr-col-md-3 {
+    flex: 0 0 calc(300% / 12);
+    width: calc(300% / 12);
+    max-width: calc(300% / 12);
+  }
+  .fr-col-offset-md-3:not(.fr-col-offset-md-3--right) {
+    margin-left: calc(300% / 12);
+  }
+  .fr-col-offset-md-3--right {
+    margin-right: calc(300% / 12);
+  }
+  .fr-col-md-4 {
+    flex: 0 0 calc(400% / 12);
+    width: calc(400% / 12);
+    max-width: calc(400% / 12);
+  }
+  .fr-col-offset-md-4:not(.fr-col-offset-md-4--right) {
+    margin-left: calc(400% / 12);
+  }
+  .fr-col-offset-md-4--right {
+    margin-right: calc(400% / 12);
+  }
+  .fr-col-md-5 {
+    flex: 0 0 calc(500% / 12);
+    width: calc(500% / 12);
+    max-width: calc(500% / 12);
+  }
+  .fr-col-offset-md-5:not(.fr-col-offset-md-5--right) {
+    margin-left: calc(500% / 12);
+  }
+  .fr-col-offset-md-5--right {
+    margin-right: calc(500% / 12);
+  }
+  .fr-col-md-6 {
+    flex: 0 0 calc(600% / 12);
+    width: calc(600% / 12);
+    max-width: calc(600% / 12);
+  }
+  .fr-col-offset-md-6:not(.fr-col-offset-md-6--right) {
+    margin-left: calc(600% / 12);
+  }
+  .fr-col-offset-md-6--right {
+    margin-right: calc(600% / 12);
+  }
+  .fr-col-md-7 {
+    flex: 0 0 calc(700% / 12);
+    width: calc(700% / 12);
+    max-width: calc(700% / 12);
+  }
+  .fr-col-offset-md-7:not(.fr-col-offset-md-7--right) {
+    margin-left: calc(700% / 12);
+  }
+  .fr-col-offset-md-7--right {
+    margin-right: calc(700% / 12);
+  }
+  .fr-col-md-8 {
+    flex: 0 0 calc(800% / 12);
+    width: calc(800% / 12);
+    max-width: calc(800% / 12);
+  }
+  .fr-col-offset-md-8:not(.fr-col-offset-md-8--right) {
+    margin-left: calc(800% / 12);
+  }
+  .fr-col-offset-md-8--right {
+    margin-right: calc(800% / 12);
+  }
+  .fr-col-md-9 {
+    flex: 0 0 calc(900% / 12);
+    width: calc(900% / 12);
+    max-width: calc(900% / 12);
+  }
+  .fr-col-offset-md-9:not(.fr-col-offset-md-9--right) {
+    margin-left: calc(900% / 12);
+  }
+  .fr-col-offset-md-9--right {
+    margin-right: calc(900% / 12);
+  }
+  .fr-col-md-10 {
+    flex: 0 0 calc(1000% / 12);
+    width: calc(1000% / 12);
+    max-width: calc(1000% / 12);
+  }
+  .fr-col-offset-md-10:not(.fr-col-offset-md-10--right) {
+    margin-left: calc(1000% / 12);
+  }
+  .fr-col-offset-md-10--right {
+    margin-right: calc(1000% / 12);
+  }
+  .fr-col-md-11 {
+    flex: 0 0 calc(1100% / 12);
+    width: calc(1100% / 12);
+    max-width: calc(1100% / 12);
+  }
+  .fr-col-offset-md-11:not(.fr-col-offset-md-11--right) {
+    margin-left: calc(1100% / 12);
+  }
+  .fr-col-offset-md-11--right {
+    margin-right: calc(1100% / 12);
+  }
+  .fr-col-md-12 {
+    flex: 0 0 calc(1200% / 12);
+    width: calc(1200% / 12);
+    max-width: calc(1200% / 12);
+  }
+  .fr-col-offset-md-12:not(.fr-col-offset-md-12--right) {
+    margin-left: calc(1200% / 12);
+  }
+  .fr-col-offset-md-12--right {
+    margin-right: calc(1200% / 12);
+  }
+}
+@media (min-width: 62em) {
+  .fr-container, .fr-container-sm, .fr-container-md {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .fr-container-lg {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .fr-container-lg--fluid {
+    padding-left: 0;
+    padding-right: 0;
+    max-width: none;
+    overflow: hidden;
+  }
+  .fr-grid-row--gutters, .fr-grid-row-sm--gutters, .fr-grid-row-md--gutters {
+    margin: -0.75rem;
+  }
+  .fr-grid-row--gutters > [class^=fr-col-], .fr-grid-row--gutters > [class*=" fr-col-"],
+  .fr-grid-row--gutters > .fr-col, .fr-grid-row-sm--gutters > [class^=fr-col-], .fr-grid-row-sm--gutters > [class*=" fr-col-"],
+  .fr-grid-row-sm--gutters > .fr-col, .fr-grid-row-md--gutters > [class^=fr-col-], .fr-grid-row-md--gutters > [class*=" fr-col-"],
+  .fr-grid-row-md--gutters > .fr-col {
+    padding: 0.75rem;
+  }
+  .fr-grid-row-lg--gutters {
+    margin: -0.75rem;
+  }
+  .fr-grid-row-lg--gutters > [class^=fr-col-], .fr-grid-row-lg--gutters > [class*=" fr-col-"],
+  .fr-grid-row-lg--gutters > .fr-col {
+    padding: 0.75rem;
+  }
+  .fr-grid-row-lg--no-gutters {
+    margin: 0;
+  }
+  .fr-grid-row-lg--no-gutters > [class^=fr-col-], .fr-grid-row-lg--no-gutters > [class*=" fr-col-"],
+  .fr-grid-row-lg--no-gutters > .fr-col {
+    padding: 0;
+  }
+  .fr-col-lg {
+    flex: 1;
+  }
+  .fr-col-lg-1 {
+    flex: 0 0 calc(100% / 12);
+    width: calc(100% / 12);
+    max-width: calc(100% / 12);
+  }
+  .fr-col-offset-lg-1:not(.fr-col-offset-lg-1--right) {
+    margin-left: calc(100% / 12);
+  }
+  .fr-col-offset-lg-1--right {
+    margin-right: calc(100% / 12);
+  }
+  .fr-col-lg-2 {
+    flex: 0 0 calc(200% / 12);
+    width: calc(200% / 12);
+    max-width: calc(200% / 12);
+  }
+  .fr-col-offset-lg-2:not(.fr-col-offset-lg-2--right) {
+    margin-left: calc(200% / 12);
+  }
+  .fr-col-offset-lg-2--right {
+    margin-right: calc(200% / 12);
+  }
+  .fr-col-lg-3 {
+    flex: 0 0 calc(300% / 12);
+    width: calc(300% / 12);
+    max-width: calc(300% / 12);
+  }
+  .fr-col-offset-lg-3:not(.fr-col-offset-lg-3--right) {
+    margin-left: calc(300% / 12);
+  }
+  .fr-col-offset-lg-3--right {
+    margin-right: calc(300% / 12);
+  }
+  .fr-col-lg-4 {
+    flex: 0 0 calc(400% / 12);
+    width: calc(400% / 12);
+    max-width: calc(400% / 12);
+  }
+  .fr-col-offset-lg-4:not(.fr-col-offset-lg-4--right) {
+    margin-left: calc(400% / 12);
+  }
+  .fr-col-offset-lg-4--right {
+    margin-right: calc(400% / 12);
+  }
+  .fr-col-lg-5 {
+    flex: 0 0 calc(500% / 12);
+    width: calc(500% / 12);
+    max-width: calc(500% / 12);
+  }
+  .fr-col-offset-lg-5:not(.fr-col-offset-lg-5--right) {
+    margin-left: calc(500% / 12);
+  }
+  .fr-col-offset-lg-5--right {
+    margin-right: calc(500% / 12);
+  }
+  .fr-col-lg-6 {
+    flex: 0 0 calc(600% / 12);
+    width: calc(600% / 12);
+    max-width: calc(600% / 12);
+  }
+  .fr-col-offset-lg-6:not(.fr-col-offset-lg-6--right) {
+    margin-left: calc(600% / 12);
+  }
+  .fr-col-offset-lg-6--right {
+    margin-right: calc(600% / 12);
+  }
+  .fr-col-lg-7 {
+    flex: 0 0 calc(700% / 12);
+    width: calc(700% / 12);
+    max-width: calc(700% / 12);
+  }
+  .fr-col-offset-lg-7:not(.fr-col-offset-lg-7--right) {
+    margin-left: calc(700% / 12);
+  }
+  .fr-col-offset-lg-7--right {
+    margin-right: calc(700% / 12);
+  }
+  .fr-col-lg-8 {
+    flex: 0 0 calc(800% / 12);
+    width: calc(800% / 12);
+    max-width: calc(800% / 12);
+  }
+  .fr-col-offset-lg-8:not(.fr-col-offset-lg-8--right) {
+    margin-left: calc(800% / 12);
+  }
+  .fr-col-offset-lg-8--right {
+    margin-right: calc(800% / 12);
+  }
+  .fr-col-lg-9 {
+    flex: 0 0 calc(900% / 12);
+    width: calc(900% / 12);
+    max-width: calc(900% / 12);
+  }
+  .fr-col-offset-lg-9:not(.fr-col-offset-lg-9--right) {
+    margin-left: calc(900% / 12);
+  }
+  .fr-col-offset-lg-9--right {
+    margin-right: calc(900% / 12);
+  }
+  .fr-col-lg-10 {
+    flex: 0 0 calc(1000% / 12);
+    width: calc(1000% / 12);
+    max-width: calc(1000% / 12);
+  }
+  .fr-col-offset-lg-10:not(.fr-col-offset-lg-10--right) {
+    margin-left: calc(1000% / 12);
+  }
+  .fr-col-offset-lg-10--right {
+    margin-right: calc(1000% / 12);
+  }
+  .fr-col-lg-11 {
+    flex: 0 0 calc(1100% / 12);
+    width: calc(1100% / 12);
+    max-width: calc(1100% / 12);
+  }
+  .fr-col-offset-lg-11:not(.fr-col-offset-lg-11--right) {
+    margin-left: calc(1100% / 12);
+  }
+  .fr-col-offset-lg-11--right {
+    margin-right: calc(1100% / 12);
+  }
+  .fr-col-lg-12 {
+    flex: 0 0 calc(1200% / 12);
+    width: calc(1200% / 12);
+    max-width: calc(1200% / 12);
+  }
+  .fr-col-offset-lg-12:not(.fr-col-offset-lg-12--right) {
+    margin-left: calc(1200% / 12);
+  }
+  .fr-col-offset-lg-12--right {
+    margin-right: calc(1200% / 12);
+  }
+}
+@media (min-width: 78em) {
+  .fr-container, .fr-container-sm, .fr-container-md, .fr-container-lg {
+    max-width: 78rem;
+  }
+  .fr-container-xl {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+    max-width: 78rem;
+  }
+  .fr-container-xl--fluid {
+    padding-left: 0;
+    padding-right: 0;
+    max-width: none;
+    overflow: hidden;
+  }
+  .fr-grid-row-xl--gutters {
+    margin: -0.75rem;
+  }
+  .fr-grid-row-xl--gutters > [class^=fr-col-], .fr-grid-row-xl--gutters > [class*=" fr-col-"],
+  .fr-grid-row-xl--gutters > .fr-col {
+    padding: 0.75rem;
+  }
+  .fr-grid-row-xl--no-gutters {
+    margin: 0;
+  }
+  .fr-grid-row-xl--no-gutters > [class^=fr-col-], .fr-grid-row-xl--no-gutters > [class*=" fr-col-"],
+  .fr-grid-row-xl--no-gutters > .fr-col {
+    padding: 0;
+  }
+  .fr-col-xl {
+    flex: 1;
+  }
+  .fr-col-xl-1 {
+    flex: 0 0 calc(100% / 12);
+    width: calc(100% / 12);
+    max-width: calc(100% / 12);
+  }
+  .fr-col-offset-xl-1:not(.fr-col-offset-xl-1--right) {
+    margin-left: calc(100% / 12);
+  }
+  .fr-col-offset-xl-1--right {
+    margin-right: calc(100% / 12);
+  }
+  .fr-col-xl-2 {
+    flex: 0 0 calc(200% / 12);
+    width: calc(200% / 12);
+    max-width: calc(200% / 12);
+  }
+  .fr-col-offset-xl-2:not(.fr-col-offset-xl-2--right) {
+    margin-left: calc(200% / 12);
+  }
+  .fr-col-offset-xl-2--right {
+    margin-right: calc(200% / 12);
+  }
+  .fr-col-xl-3 {
+    flex: 0 0 calc(300% / 12);
+    width: calc(300% / 12);
+    max-width: calc(300% / 12);
+  }
+  .fr-col-offset-xl-3:not(.fr-col-offset-xl-3--right) {
+    margin-left: calc(300% / 12);
+  }
+  .fr-col-offset-xl-3--right {
+    margin-right: calc(300% / 12);
+  }
+  .fr-col-xl-4 {
+    flex: 0 0 calc(400% / 12);
+    width: calc(400% / 12);
+    max-width: calc(400% / 12);
+  }
+  .fr-col-offset-xl-4:not(.fr-col-offset-xl-4--right) {
+    margin-left: calc(400% / 12);
+  }
+  .fr-col-offset-xl-4--right {
+    margin-right: calc(400% / 12);
+  }
+  .fr-col-xl-5 {
+    flex: 0 0 calc(500% / 12);
+    width: calc(500% / 12);
+    max-width: calc(500% / 12);
+  }
+  .fr-col-offset-xl-5:not(.fr-col-offset-xl-5--right) {
+    margin-left: calc(500% / 12);
+  }
+  .fr-col-offset-xl-5--right {
+    margin-right: calc(500% / 12);
+  }
+  .fr-col-xl-6 {
+    flex: 0 0 calc(600% / 12);
+    width: calc(600% / 12);
+    max-width: calc(600% / 12);
+  }
+  .fr-col-offset-xl-6:not(.fr-col-offset-xl-6--right) {
+    margin-left: calc(600% / 12);
+  }
+  .fr-col-offset-xl-6--right {
+    margin-right: calc(600% / 12);
+  }
+  .fr-col-xl-7 {
+    flex: 0 0 calc(700% / 12);
+    width: calc(700% / 12);
+    max-width: calc(700% / 12);
+  }
+  .fr-col-offset-xl-7:not(.fr-col-offset-xl-7--right) {
+    margin-left: calc(700% / 12);
+  }
+  .fr-col-offset-xl-7--right {
+    margin-right: calc(700% / 12);
+  }
+  .fr-col-xl-8 {
+    flex: 0 0 calc(800% / 12);
+    width: calc(800% / 12);
+    max-width: calc(800% / 12);
+  }
+  .fr-col-offset-xl-8:not(.fr-col-offset-xl-8--right) {
+    margin-left: calc(800% / 12);
+  }
+  .fr-col-offset-xl-8--right {
+    margin-right: calc(800% / 12);
+  }
+  .fr-col-xl-9 {
+    flex: 0 0 calc(900% / 12);
+    width: calc(900% / 12);
+    max-width: calc(900% / 12);
+  }
+  .fr-col-offset-xl-9:not(.fr-col-offset-xl-9--right) {
+    margin-left: calc(900% / 12);
+  }
+  .fr-col-offset-xl-9--right {
+    margin-right: calc(900% / 12);
+  }
+  .fr-col-xl-10 {
+    flex: 0 0 calc(1000% / 12);
+    width: calc(1000% / 12);
+    max-width: calc(1000% / 12);
+  }
+  .fr-col-offset-xl-10:not(.fr-col-offset-xl-10--right) {
+    margin-left: calc(1000% / 12);
+  }
+  .fr-col-offset-xl-10--right {
+    margin-right: calc(1000% / 12);
+  }
+  .fr-col-xl-11 {
+    flex: 0 0 calc(1100% / 12);
+    width: calc(1100% / 12);
+    max-width: calc(1100% / 12);
+  }
+  .fr-col-offset-xl-11:not(.fr-col-offset-xl-11--right) {
+    margin-left: calc(1100% / 12);
+  }
+  .fr-col-offset-xl-11--right {
+    margin-right: calc(1100% / 12);
+  }
+  .fr-col-xl-12 {
+    flex: 0 0 calc(1200% / 12);
+    width: calc(1200% / 12);
+    max-width: calc(1200% / 12);
+  }
+  .fr-col-offset-xl-12:not(.fr-col-offset-xl-12--right) {
+    margin-left: calc(1200% / 12);
+  }
+  .fr-col-offset-xl-12--right {
+    margin-right: calc(1200% / 12);
+  }
+}
+.fr-collapse {
+  --collapse: -99999px;
+  --collapser: '';
+  --collapse-max-height: none;
+  overflow: hidden;
+  transition: visibility 0.3s;
+  max-height: var(--collapse-max-height);
+}
+.fr-collapse--expanded {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fr-collapse {
+    transition: none;
+  }
+}
+.fr-collapse::before {
+  display: block;
+  content: "";
+  content: var(--collapser);
+  transition: margin-top 0.3s;
+  margin-top: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fr-collapse::before {
+    transition: none;
+  }
+}
+.fr-collapse:not(.fr-collapse--expanded):not(.fr-collapsing) {
+  --collapse-max-height: 0;
+}
+.fr-collapse:not(.fr-collapse--expanded) {
+  visibility: hidden;
+}
+.fr-collapse:not(.fr-collapse--expanded)::before {
+  margin-top: -99999px;
+  margin-top: var(--collapse);
+}
+
+body {
+  background-color: var(--background-default-grey);
+  --idle: transparent;
+  --hover: var(--background-default-grey-hover);
+  --active: var(--background-default-grey-active);
+  color: var(--text-default-grey);
+}
+
+a:not([href]), button:disabled, input:disabled, input[type=checkbox]:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled, input[type=radio]:disabled + label, select:disabled, textarea:disabled, video:not([href]), audio:not([href]) {
+  color: var(--text-disabled-grey);
+}
+
+.fr-artwork-decorative {
+  fill: var(--artwork-decorative-blue-france);
+}
+.fr-artwork-minor {
+  fill: var(--artwork-minor-red-marianne);
+}
+.fr-artwork-major {
+  fill: var(--artwork-major-blue-france);
+}
+.fr-artwork-background {
+  fill: var(--artwork-background-grey);
+}
+.fr-artwork-motif {
+  fill: var(--artwork-motif-grey);
+}
+.fr-artwork--green-tilleul-verveine .fr-artwork-minor {
+  fill: var(--artwork-minor-green-tilleul-verveine);
+}
+
+.fr-artwork--green-bourgeon .fr-artwork-minor {
+  fill: var(--artwork-minor-green-bourgeon);
+}
+
+.fr-artwork--green-emeraude .fr-artwork-minor {
+  fill: var(--artwork-minor-green-emeraude);
+}
+
+.fr-artwork--green-menthe .fr-artwork-minor {
+  fill: var(--artwork-minor-green-menthe);
+}
+
+.fr-artwork--green-archipel .fr-artwork-minor {
+  fill: var(--artwork-minor-green-archipel);
+}
+
+.fr-artwork--blue-ecume .fr-artwork-minor {
+  fill: var(--artwork-minor-blue-ecume);
+}
+
+.fr-artwork--blue-cumulus .fr-artwork-minor {
+  fill: var(--artwork-minor-blue-cumulus);
+}
+
+.fr-artwork--purple-glycine .fr-artwork-minor {
+  fill: var(--artwork-minor-purple-glycine);
+}
+
+.fr-artwork--pink-macaron .fr-artwork-minor {
+  fill: var(--artwork-minor-pink-macaron);
+}
+
+.fr-artwork--pink-tuile .fr-artwork-minor {
+  fill: var(--artwork-minor-pink-tuile);
+}
+
+.fr-artwork--yellow-tournesol .fr-artwork-minor {
+  fill: var(--artwork-minor-yellow-tournesol);
+}
+
+.fr-artwork--yellow-moutarde .fr-artwork-minor {
+  fill: var(--artwork-minor-yellow-moutarde);
+}
+
+.fr-artwork--orange-terre-battue .fr-artwork-minor {
+  fill: var(--artwork-minor-orange-terre-battue);
+}
+
+.fr-artwork--brown-cafe-creme .fr-artwork-minor {
+  fill: var(--artwork-minor-brown-cafe-creme);
+}
+
+.fr-artwork--brown-caramel .fr-artwork-minor {
+  fill: var(--artwork-minor-brown-caramel);
+}
+
+.fr-artwork--brown-opera .fr-artwork-minor {
+  fill: var(--artwork-minor-brown-opera);
+}
+
+.fr-artwork--beige-gris-galet .fr-artwork-minor {
+  fill: var(--artwork-minor-beige-gris-galet);
+}
+
+[disabled] .fr-artwork * {
+  fill: var(--text-disabled-grey);
+}
+
+.fr-h6, .fr-h5, .fr-h4, .fr-h3, .fr-h2, .fr-h1, .fr-display-xs, .fr-display-sm, .fr-display-md, .fr-display-lg, .fr-display-xl {
+  color: var(--text-title-grey);
+}
+
+h6, h5, h4, h3, h2, h1 {
+  color: var(--text-title-grey);
+}
+
+hr {
+  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
+}
+
+.fr-hr-or::before, .fr-hr-or::after {
+  background-color: var(--border-default-grey);
+  --idle: transparent;
+  --hover: var(--border-default-grey-hover);
+  --active: var(--border-default-grey-active);
+}
+
+.fr-hr {
+  background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
+}
+
+:host {
+  display: block;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  background-color: var(--background-default-grey);
+  --idle: transparent;
+  --hover: var(--background-default-grey-hover);
+  --active: var(--background-default-grey-active);
+  color: var(--text-default-grey);
+  background-color: transparent;
+}
+
+.fr-header {
+  box-sizing: border-box;
+}
+.fr-header__menu {
+  --dsfr-nav-position: static;
+}
+.fr-header__service-title {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.fr-header :global(.fr-modal > * > .fr-btn--close) {
+  margin-bottom: 1.5rem;
+}
+.fr-header :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+          [class^="fr-btns-group--icon-"]
+        ):not([class*=" fr-btns-group--icon-"])
+        .fr-btn) {
+  justify-content: flex-start;
+  max-height: none;
+  max-width: 100%;
+  overflow: initial;
+}
+.fr-header :global(.fr-header__menu-links
+        .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+          [class^="fr-btns-group--icon-"]
+        ):not([class*=" fr-btns-group--icon-"])
+        .fr-btn) {
+  margin-bottom: 0;
+}
+.fr-header :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+          [class^="fr-btns-group--icon-"]
+        ):not([class*=" fr-btns-group--icon-"])
+        .fr-btn::before) {
+  --icon-size: 1rem;
+  margin-left: -0.125rem;
+  margin-right: 0.5rem;
+}
+.fr-header__menu-links :global(.fr-btn) {
+  --hover: inherit;
+  --active: inherit;
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--text-action-high-blue-france);
+}
+.fr-header__menu-links :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+            [class^="fr-btns-group--icon-"]
+          ):not([class*=" fr-btns-group--icon-"])
+          .fr-btn:not([class^="fr-icon-"]):not([class*=" fr-icon-"]):not([class^="fr-fi-"]):not(
+            [class*=" fr-fi-"]
+          )),
+.fr-header__menu-links :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+            [class^="fr-btns-group--icon-"]
+          ):not([class*=" fr-btns-group--icon-"])
+          .fr-btn[class*=" fr-fi-"]),
+.fr-header__menu-links :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+            [class^="fr-btns-group--icon-"]
+          ):not([class*=" fr-btns-group--icon-"])
+          .fr-btn[class*=" fr-icon-"]),
+.fr-header__menu-links :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+            [class^="fr-btns-group--icon-"]
+          ):not([class*=" fr-btns-group--icon-"])
+          .fr-btn[class^="fr-fi-"]),
+.fr-header__menu-links :global(.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not(
+            [class^="fr-btns-group--icon-"]
+          ):not([class*=" fr-btns-group--icon-"])
+          .fr-btn[class^="fr-icon-"]) {
+  min-height: 3rem;
+  padding-left: 0;
+  padding-right: 0;
+}
+.fr-header__tools-links {
+  align-items: center;
+}
+@media (min-width: 62em) {
+  .fr-header :global(.fr-modal > * > .fr-btn--close) {
+    display: none;
+  }
+}
+@media (min-width: 62em) {
+  .fr-header__container--fluid {
+    max-width: none;
+  }
+}
+.fr-header__brand-top {
+  overflow: var(--brand-top-overflow, hidden);
+}
+
+@media (min-width: 62em) {
+  .fr-header :global(.fr-nav__list) {
+    margin: 0 -1rem;
+    max-width: calc(100% + 1rem);
+  }
+}</style>