diff --git a/Dockerfile.keycloak b/Dockerfile.keycloak
index a38eb1e34d7713cc402ed5c9a203b1cc3c6c817f..d98f0fa09855ed6ed7f2d7c1fdbca4ec0ba3108d 100644
--- a/Dockerfile.keycloak
+++ b/Dockerfile.keycloak
@@ -5,4 +5,3 @@ FROM quay.io/keycloak/keycloak:26.1.0
COPY keycloak-franceconnect-7.0.0.jar /opt/keycloak/providers/keycloak-franceconnect-7.0.0.jar
COPY keycloak-theme-for-kc-26-and-above.jar /opt/keycloak/providers/keycloak-theme-for-kc-26-and-above.jar
COPY keycloak-bcrypt-1.6.0.jar /opt/keycloak/providers/keycloak-bcrypt-1.6.0.jar
-COPY keycloak_theme/ /opt/keycloak/themes/camino/
diff --git a/Makefile b/Makefile
index 34f43ef80e92259d4ccfa1082eb1034c69a61bb6..367486864b034ce138d0a67abff464583469319c 100644
--- a/Makefile
+++ b/Makefile
@@ -192,35 +192,6 @@ deploy/preprod:
deploy/prod:
$(MAKE) DEPLOY_URL=camino.beta.gouv.fr _deploy
-dsfr/generate_keycloak:
- wget https://github.com/GouvernementFR/dsfr/releases/download/v1.10.2/dsfr-v1.10.2.zip
- unzip dsfr-v1.10.2.zip -d dsfr
- rm -rf infra/roles/camino/files/keycloak_theme/login/resources/css/
- mkdir -p infra/roles/camino/files/keycloak_theme/login/resources/css/utility
- mv dsfr/dist/dsfr.min.css infra/roles/camino/files/keycloak_theme/login/resources/css/dsfr.min.css
- mv dsfr/dist/utility/utility.min.css infra/roles/camino/files/keycloak_theme/login/resources/css/utility/utility.min.css
- mv dsfr/dist/icons infra/roles/camino/files/keycloak_theme/login/resources/css/
- mv dsfr/dist/fonts infra/roles/camino/files/keycloak_theme/login/resources/css/
- rm -rf dsfr
- rm dsfr-v1.10.2.zip
-dsfr/generate:
- mkdir tmp
- cp node_modules/@gouvfr/dsfr/dist/dsfr.css tmp/_dsfr.scss
- cp node_modules/@gouvfr/dsfr/dist/utility/utility.css tmp/_utility.scss
- sed -i 's/..\/icons/.\/icons/g' tmp/_utility.scss
- sed -n "/\@font-face {/,/}/p" tmp/_dsfr.scss > tmp/font-face.scss
- sed -i "/\@font-face {/,/}/d" tmp/_dsfr.scss
- echo "@import './font-face.scss'; @import './_dsfr.scss'; @import './_utility.scss'" > tmp/dsfr.scss
- npx sass --no-source-map tmp/dsfr.scss packages/ui/src/styles/dsfr/dsfr.css
- rm -r tmp
- cp -r node_modules/@gouvfr/dsfr/dist/icons packages/ui/src/styles/dsfr/
- cp -r node_modules/@gouvfr/dsfr/dist/fonts packages/ui/src/styles/dsfr/
- $(MAKE) icons/generate
- $(MAKE) dsfr/generate_keycloak
-
-icons/generate:
- npm run generate-icon-types -w packages/ui
-
matrices:
npm run matrices -w packages/api
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/login-reset-password.ftl b/infra/ecocompose/keycloak/keycloak_theme/login/login-reset-password.ftl
deleted file mode 100755
index fac59fad55e8100eceaa969a04714a3782bcf394..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/login-reset-password.ftl
+++ /dev/null
@@ -1,64 +0,0 @@
-<#import "template.ftl" as layout>
-<@layout.registrationLayout displayInfo=true displayMessage=!messagesPerField.existsError('username'); section>
- <#if section = "form">
- <main class="fr-pt-md-14v" role="main" id="content">
- <div class="fr-container fr-container--fluid fr-mb-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-8 fr-col-lg-6">
- <div class="fr-container">
- <h1>Récupération de mot de passe sur Camino</h1>
- </div>
- <div class="fr-container fr-background-alt--grey fr-px-md-0 fr-py-10v fr-py-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-9 fr-col-lg-8">
- <div>
- <form id="login-1760" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
- <fieldset class="fr-fieldset" id="login-1760-fieldset" aria-labelledby="login-1760-fieldset-legend">
- <legend class="fr-fieldset__legend" id="login-1760-fieldset-legend">
- <h2>Récupérer le mot de passe de votre compte</h2>
- </legend>
- <div class="fr-fieldset__element">
- <p class="fr-text--sm">Description — Veuillez saisir l’adresse électronique associée à votre compte. Nous vous enverrons plus d’informations pour réinitialiser votre mot de passe.</p>
- </div>
- <div class="fr-fieldset__element">
- <#if messagesPerField.existsError('username')>
- <div class="fr-alert fr-alert--error fr-mb-3w">
- <h3 class="fr-alert__title">${kcSanitize(messagesPerField.getFirstError('username'))?no_esc}</h3>
- </div>
- </#if>
- <fieldset class="fr-fieldset" id="credentials">
- <div class="fr-fieldset__element">
- <div class="fr-input-group">
- <label class="fr-label" for="username-1757">
- ${msg("email")}
- <span class="fr-hint-text">Format attendu : nom@domaine.fr</span>
- </label>
- <input tabindex="1" autofocus class="fr-input" autocomplete="username" aria-required="true" name="username" id="username-1757" type="text" value="${(login.username!'')}" aria-invalid="<#if messagesPerField.existsError('username')>true</#if>">
- </div>
- </div>
- </fieldset>
- </div>
- <div class="fr-fieldset__element">
- <ul class="fr-btns-group">
- <li>
- <button tabindex="2" class="fr-mt-2v fr-btn" name="login" type="submit">
- Valider
- </button>
- </li>
- </ul>
- </div>
- <div class="fr-fieldset__element">
- <a class='fr-link fr-link--icon-left fr-icon-arrow-left-line' href="${url.loginUrl}">${kcSanitize(msg("backToLogin"))?no_esc}</a>
- </div>
- </fieldset>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</main>
- </#if>
-</@layout.registrationLayout>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/login-update-password.ftl b/infra/ecocompose/keycloak/keycloak_theme/login/login-update-password.ftl
deleted file mode 100755
index a0c0e779aabcb2da644852c5fb1878878ca9f89d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/login-update-password.ftl
+++ /dev/null
@@ -1,88 +0,0 @@
-<#import "template.ftl" as layout>
-<#import "password-commons.ftl" as passwordCommons>
-<@layout.registrationLayout displayMessage=!messagesPerField.existsError('password','password-confirm'); section>
-
- <#if section = "form">
- <main class="fr-pt-md-14v" role="main" id="content">
- <div class="fr-container fr-container--fluid fr-mb-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-8 fr-col-lg-6">
- <div class="fr-container">
- <h1>Mise à jour du mot de passe</h1>
- </div>
- <div class="fr-container fr-background-alt--grey fr-px-md-0 fr-py-10v fr-py-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-9 fr-col-lg-8">
- <div>
- <form id="login-1760" action="${url.loginAction}" method="post">
-
- <input type="text" id="username" name="username" value="${username}" autocomplete="username" readonly="readonly" style="display:none;"/>
- <input type="password" id="password" name="password" autocomplete="current-password" style="display:none;"/>
- <fieldset class="fr-fieldset" id="login-1760-fieldset" aria-labelledby="login-1760-fieldset-legend">
- <legend class="fr-fieldset__legend" id="login-1760-fieldset-legend">
- <h2>Changer votre mot de passe</h2>
- </legend>
- <div class="fr-fieldset__element">
-
- <#if messagesPerField.existsError('password', 'password-confirm')>
- <div class="fr-alert fr-alert--error fr-mb-3w">
- <h3 class="fr-alert__title">${kcSanitize(messagesPerField.getFirstError('password', 'password-confirm'))?no_esc}</h3>
- </div>
- </#if>
- <fieldset class="fr-fieldset" id="credentials">
- <div class="fr-fieldset__element">
- <div class="fr-input-group">
- <label class="fr-label" for="password-new-1757">
- ${msg("passwordNew")}
- </label>
- <input tabindex="1" class="fr-input" id="password-new-1757" type="password" name="password-new"
- autofocus autocomplete="new-password"
- aria-invalid="<#if messagesPerField.existsError('password','password-confirm')>true</#if>"
- >
- </div>
- </div>
- </fieldset>
- <fieldset class="fr-fieldset" id="credentials">
- <div class="fr-fieldset__element">
- <div class="fr-input-group">
- <label class="fr-label" for="password-confirm-1201">
- ${msg("passwordConfirm")}
- </label>
- <input tabindex="2" class="fr-input" id="password-confirm-1201" type="password" name="password-confirm"
- autocomplete="new-password"
- aria-invalid="<#if messagesPerField.existsError('password-confirm')>true</#if>"
- >
- </div>
- </div>
- </fieldset>
- </div>
- <div class="fr-fieldset__element">
- <ul class="fr-btns-group">
- <li>
- <button tabindex="3" class="fr-mt-2v fr-btn" name="login" type="submit">
- Valider
- </button>
- </li>
- <#if isAppInitiatedAction??>
- <li>
- <button type="submit" tabindex="4" class="fr-mt-2v fr-btn fr-btn--secondary" name="cancel-aia">
- ${msg("doCancel")}
- </button>
- </li>
- </#if>
- </ul>
- </div>
- </fieldset>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</main>
-
-
- </#if>
-</@layout.registrationLayout>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/login-verify-email.ftl b/infra/ecocompose/keycloak/keycloak_theme/login/login-verify-email.ftl
deleted file mode 100644
index 146d74e50e5758ade2553dde3e2f82a5ae242765..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/login-verify-email.ftl
+++ /dev/null
@@ -1,8 +0,0 @@
-<#import "template.ftl" as layout>
-<@layout.registrationLayout displayInfo=true; section>
- <#if section = "form">
- <div class="fr-alert fr-alert--info fr-mt-3w">
- <h3 class="fr-alert__title">${msg("emailVerifyInstruction1",user.email)}</h3>
- </div>
- </#if>
-</@layout.registrationLayout>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/login.ftl b/infra/ecocompose/keycloak/keycloak_theme/login/login.ftl
deleted file mode 100755
index 243daac13ba3c4a09f9a939824a8bcc782148f2b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/login.ftl
+++ /dev/null
@@ -1,95 +0,0 @@
-<#import "template.ftl" as layout>
-<@layout.registrationLayout displayMessage=!messagesPerField.existsError('username','password') displayInfo=realm.password && realm.registrationAllowed && !registrationDisabled??; section>
- <#if section = "form">
- <main class="fr-pt-md-14v" role="main" id="content">
- <div class="fr-container fr-container--fluid fr-mb-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-8 fr-col-lg-6">
- <div class="fr-container">
- <h1>Connexion à Camino</h1>
- </div>
-
- <div class="fr-container fr-background-alt--grey fr-px-md-0 fr-py-10v fr-py-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-9 fr-col-lg-8">
- <div>
- <form id="login-1760" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
- <fieldset class="fr-fieldset" id="login-1760-fieldset" aria-labelledby="login-1760-fieldset-legend">
- <legend class="fr-fieldset__legend" id="login-1760-fieldset-legend">
- <h2>Se connecter avec son compte</h2>
- </legend>
- <div class="fr-fieldset__element">
- <#if messagesPerField.existsError('username','password')>
- <div class="fr-alert fr-alert--error fr-mb-3w">
- <h3 class="fr-alert__title">${kcSanitize(messagesPerField.getFirstError('username','password'))?no_esc}</h3>
- </div>
- </#if>
- <fieldset class="fr-fieldset" id="credentials">
- <div class="fr-fieldset__element">
- <div class="fr-input-group">
- <label class="fr-label" for="username-1757">
- ${msg("email")}
- <span class="fr-hint-text">Format attendu : nom@domaine.fr</span>
- </label>
- <input tabindex="1" autofocus class="fr-input" autocomplete="username" aria-required="true" name="username" id="username-1757" type="text" value="${(login.username!'')}" aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>">
-
-
- </div>
- </div>
- <div class="fr-fieldset__element">
- <div class="fr-password" id="password-1758">
- <label class="fr-label" for="password-1758-input">
- Mot de passe
- </label>
- <div class="fr-input-wrap">
- <input tabindex="2" class="fr-password__input fr-input" aria-required="true" name="password" autocomplete="current-password" id="password-1758-input" type="password" aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>">
- </div>
- <p>
- <a tabindex="4" href="${url.loginResetCredentialsUrl}" class="fr-link">${msg("doForgotPassword")}</a>
- </p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="fr-fieldset__element">
- <ul class="fr-btns-group">
- <li>
- <button tabindex="3" class="fr-mt-2v fr-btn" name="login" type="submit">
- Se connecter
- </button>
- </li>
- </ul>
- </div>
- </fieldset>
- </form>
- </div>
- <#if social.providers??>
- <div class="${properties.kcFormSocialAccountSectionClass!} fr-mb-3w">
- <p class="fr-hr-or">ou</p>
- <h3>Se connecter avec Cerbère</h3>
-
- <#list social.providers as p>
- <a title="Se connecter avec Cerbère - Lien externe" id="social-${p.alias}" class="fr-link fr-link--lg fr-link--icon-right fr-icon-external-link-line fr-grid-row--right" rel="noopener"
- href="${p.loginUrl}">${p.displayName!}</a>
- </#list>
- </div>
- </#if>
-
- <hr>
- <h2>Vous n’avez pas de compte ?</h2>
- <ul class="fr-btns-group">
- <li>
- <a tabindex="6" class="fr-btn fr-btn--secondary"
- href="${url.registrationUrl}">${msg("doRegister")}</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</main>
- </#if>
-
-</@layout.registrationLayout>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/messages/messages_fr.properties b/infra/ecocompose/keycloak/keycloak_theme/login/messages/messages_fr.properties
deleted file mode 100644
index b6fe4e8ad3f26f910037f2092433faced14c4cd7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/messages/messages_fr.properties
+++ /dev/null
@@ -1,436 +0,0 @@
-doLogIn=Connexion
-doRegister=Cr\u00e9er un compte
-doCancel=Annuler
-doSubmit=Soumettre
-doBack=Retour
-doYes=Oui
-doNo=Non
-doContinue=Continuer
-doIgnore=Ignorer
-doAccept=Accepter
-doDecline=D\u00e9cliner
-doForgotPassword=Mot de passe oubli\u00e9 ?
-doClickHere=Cliquez ici
-doImpersonate=Usurper l''identit\u00e9
-doTryAgain=R\u00e9essayer
-doTryAnotherWay=Essayer une autre m\u00e9thode
-doConfirmDelete=Confirmer la suppression
-errorDeletingAccount=Erreur lors de la suppression du compte
-deletingAccountForbidden=Permissions insuffisantes pour supprimer votre propre compte, contactez un administrateur.
-kerberosNotConfigured=Kerberos non configur\u00e9
-kerberosNotConfiguredTitle=Kerberos non configur\u00e9
-bypassKerberosDetail=Si vous n''\u00eates pas connect\u00e9 via Kerberos ou bien que votre navigateur n''est pas configur\u00e9 pour la connexion via Kerberos. Veuillez cliquer pour vous connecter via un autre moyen.
-kerberosNotSetUp=Kerberos n''est pas configur\u00e9. Connexion impossible.
-registerTitle=S''enregistrer
-loginAccountTitle=Connectez-vous \u00e0 votre compte
-registerWithTitle=Enregistrement avec {0}
-registerWithTitleHtml={0}
-loginTitle=Se connecter \u00e0 {0}
-loginTitleHtml={0}
-impersonateTitle={0} utilisateur usurp\u00e9
-impersonateTitleHtml=<strong>{0}</strong> utilisateur usurp\u00e9
-realmChoice=Domaine
-unknownUser=Utilisateur inconnu
-loginTotpTitle=Configuration de l''authentification par mobile
-loginProfileTitle=Mise \u00e0 jour du compte
-loginIdpReviewProfileTitle=V\u00e9rifiez vos informations de profil
-loginTimeout=Le temps imparti pour la connexion est \u00e9coul\u00e9. Le processus de connexion red\u00e9marre depuis le d\u00e9but.
-oauthGrantTitle=OAuth Grant
-oauthGrantTitleHtml={0}
-oauthGrantInformation=Assurez-vous de faire confiance \u00e0 {0} en apprenant comment {0} traitera vos donn\u00e9es.
-oauthGrantReview=Vous pourriez examiner
-oauthGrantTos=les conditions g\u00e9n\u00e9rales d''utilisation.
-oauthGrantPolicy=la politique de confidentialit\u00e9.
-errorTitle=Nous sommes d\u00e9sol\u00e9s...
-errorTitleHtml=Nous sommes <strong>d\u00e9sol\u00e9s</strong>...
-emailVerifyTitle=V\u00e9rification du courriel
-emailForgotTitle=Mot de passe oubli\u00e9 ?
-updateEmailTitle=Mise \u00e0 jour du courriel
-emailUpdateConfirmationSentTitle=Courriel de confirmation envoy\u00e9
-emailUpdateConfirmationSent=Un courriel de confirmation a \u00e9t\u00e9 envoy\u00e9 \u00e0 {0}. Vous devez suivre les instructions de ce dernier afin de compl\u00e9ter la mise \u00e0 jour.
-emailUpdatedTitle=Adresse courriel mis \u00e0 jour
-emailUpdated=La mise \u00e0 jour de votre adresse courriel vers {0} a \u00e9t\u00e9 compl\u00e9t\u00e9e avec succ\u00e8s.
-updatePasswordTitle=Mise \u00e0 jour du mot de passe
-codeSuccessTitle=Code succ\u00e8s
-codeErrorTitle=Code d''erreur \: {0}
-displayUnsupported=Type d''affichage demand\u00e9 non support\u00e9
-browserRequired=Navigateur requis pour se connecter
-browserContinue=Navigateur requis pour continuer la connexion
-browserContinuePrompt=Ouvrir le navigateur et continuer la connexion? [y/n]:
-browserContinueAnswer=y
-
-termsTitle=Termes et Conditions
-termsTitleHtml=Termes et Conditions
-termsText=<p>Termes et conditions \u00e0 d\u00e9finir</p>
-termsPlainText=Termes et conditions \u00e0 d\u00e9finir
-termsAcceptanceRequired=Vous devez accepter les termes et conditions.
-acceptTerms=J''accepte les termes et conditions
-
-recaptchaFailed=Re-captcha invalide
-recaptchaNotConfigured=Re-captcha est requis, mais il n''est pas configur\u00e9
-consentDenied=Consentement refus\u00e9.
-
-noAccount=Nouvel utilisateur ?
-username=Nom d''utilisateur
-usernameOrEmail=Nom d''utilisateur ou courriel
-firstName=Pr\u00e9nom
-givenName=Pr\u00e9nom
-fullName=Nom complet
-lastName=Nom
-familyName=Nom de famille
-email=Courriel
-password=Mot de passe
-passwordConfirm=Confirmation du mot de passe
-passwordNew=Nouveau mot de passe
-passwordNewConfirm=Confirmation du nouveau mot de passe
-rememberMe=Se souvenir de moi
-authenticatorCode=Code \u00e0 usage unique
-address=Adresse
-street=Rue
-locality=Ville ou Localit\u00e9
-region=\u00c9tat, Province ou R\u00e9gion
-postal_code=Code postal
-country=Pays
-emailVerified=Courriel v\u00e9rifi\u00e9
-website=Page web
-phoneNumber=Num\u00e9ro de t\u00e9l\u00e9phone
-phoneNumberVerified=Num\u00e9ro de t\u00e9l\u00e9phone v\u00e9rifi\u00e9
-gender=Sexe
-birthday=Date de naissance
-zoneinfo=Fuseau horaire
-gssDelegationCredential=Accr\u00e9ditation de d\u00e9l\u00e9gation GSS
-logoutOtherSessions=Se d\u00e9connecter des autres appareils
-
-profileScopeConsentText=Profil utilisateur
-emailScopeConsentText=Courriel
-addressScopeConsentText=Adresse
-phoneScopeConsentText=Num\u00e9ro de t\u00e9l\u00e9phone
-offlineAccessScopeConsentText=Acc\u00e8s hors-ligne
-samlRoleListScopeConsentText=Mes r\u00f4les
-rolesScopeConsentText=R\u00f4les utilisateur
-
-restartLoginTooltip=Red\u00e9marrer la connexion
-
-loginTotpIntro=Il est n\u00e9cessaire de configurer un g\u00e9n\u00e9rateur One Time Password pour acc\u00e9der \u00e0 ce compte
-loginTotpStep1=Installez une des applications suivantes sur votre mobile:
-loginTotpStep2=Ouvrez l''application et scannez le code-barres ou entrez la clef.
-loginTotpStep3=Entrez le code \u00e0 usage unique fourni par l''application et cliquez sur Sauvegarder pour terminer.
-loginTotpStep3DeviceName=Renseignez un nom d''appareil pour vous aider \u00e0 g\u00e9rer vos a appareils OTP.
-loginTotpManualStep2=Ouvrez l''application et saisissez la cl\u00e9
-loginTotpManualStep3=Utilisez la configuration de valeur suivante si l''application permet son \u00e9dition
-loginTotpUnableToScan=Impossible de scanner?
-loginTotpScanBarcode=Scanner le code barre ?
-loginCredential=Accr\u00e9ditation
-loginOtpOneTime=Code \u00e0 usage unique
-loginTotpType=Type
-loginTotpAlgorithm=Algorithme
-loginTotpDigits=Chiffres
-loginTotpInterval=Intervalle
-loginTotpCounter=Compteur
-loginTotpDeviceName=Nom d''appareil
-
-loginTotp.totp=Bas\u00e9 sur le temps
-loginTotp.hotp=Bas\u00e9 sur les compteurs
-
-loginChooseAuthenticator=S\u00e9lectionnez une m\u00e9thode de connexion
-
-oauthGrantRequest=Voulez-vous accorder ces privil\u00e8ges d''acc\u00e8s ?
-inResource=dans
-
-oauth2DeviceVerificationTitle=Connexion de l''appareil
-verifyOAuth2DeviceUserCode=Entrez le code \u00e0 usage unique fourni par votre appareil et cliquez sur Soumettre.
-oauth2DeviceInvalidUserCodeMessage=Code invalide, veuillez r\u00e9essayer.
-oauth2DeviceExpiredUserCodeMessage=Le code a expir\u00e9. Veuillez r\u00e9essayer de vous connecter depuis votre appareil.
-oauth2DeviceVerificationCompleteHeader=Connexion de l''appareil r\u00e9ussie
-oauth2DeviceVerificationCompleteMessage=Vous pouvez fermer cette fen\u00eatre de navigateur et retourner sur votre appareil.
-oauth2DeviceVerificationFailedHeader=\u00c9chec de la connexion au dispositif
-oauth2DeviceVerificationFailedMessage=Vous pouvez fermer cette fen\u00eatre de navigateur et retourner sur votre appareil, puis r\u00e9essayer de vous connecter.
-oauth2DeviceConsentDeniedMessage=Consentement refus\u00e9 pour connecter l''appareil.
-oauth2DeviceAuthorizationGrantDisabledMessage=Le client n''est pas autoris\u00e9 \u00e0 initier OAuth 2.0 Device Authorization Grant. Le flux est d\u00e9sactiv\u00e9 pour ce client.
-
-emailVerifyInstruction1=Un courriel avec des instructions \u00e0 suivre vous a \u00e9t\u00e9 envoy\u00e9 \u00e0 l''adresse {0}.
-emailVerifyInstruction2=Vous n''avez pas re\u00e7u de code dans le courriel ?
-emailVerifyInstruction3=pour renvoyer le courriel.
-
-emailLinkIdpTitle=Association avec {0}
-emailLinkIdp1=Un courriel avec des instructions pour associer le compte {1} sur {0} avec votre compte {2} vous a \u00e9t\u00e9 envoy\u00e9.
-emailLinkIdp2=Vous n''avez pas re\u00e7u de code dans le courriel ?
-emailLinkIdp3=pour renvoyer le courriel.
-emailLinkIdp4=Si vous avez d\u00e9j\u00e0 v\u00e9rifi\u00e9 votre courriel dans un autre navigateur
-emailLinkIdp5=pour continuer.
-
-backToLogin=Retour \u00e0 la connexion
-
-emailInstruction=Entrez votre nom d''utilisateur ou votre courriel ; un courriel va vous \u00eatre envoy\u00e9 vous permettant de cr\u00e9er un nouveau mot de passe.
-emailInstructionUsername=Entrez votre nom d''utilisateur ; un courriel va vous \u00eatre envoy\u00e9 vous permettant de cr\u00e9er un nouveau mot de passe.
-
-copyCodeInstruction=Copiez le code et recopiez le dans votre application :
-
-pageExpiredTitle=La page a expir\u00e9
-pageExpiredMsg1=Pour recommencer le processus d''authentification
-pageExpiredMsg2=Pour continuer le processus d''authentification
-
-personalInfo=Information personnelle :
-role_admin=Administrateur
-role_realm-admin=Administrateur du domaine
-role_create-realm=Cr\u00e9er un domaine
-role_create-client=Cr\u00e9er un client
-role_view-realm=Voir un domaine
-role_view-users=Voir les utilisateurs
-role_view-applications=Voir les applications
-role_view-clients=Voir les clients
-role_view-events=Voir les \u00e9v\u00e9nements
-role_view-identity-providers=Voir les fournisseurs d''identit\u00e9
-role_manage-realm=G\u00e9rer le domaine
-role_manage-users=G\u00e9rer les utilisateurs
-role_manage-applications=G\u00e9rer les applications
-role_manage-identity-providers=G\u00e9rer les fournisseurs d''identit\u00e9
-role_manage-clients=G\u00e9rer les clients
-role_manage-events=G\u00e9rer les \u00e9v\u00e9nements
-role_view-profile=Voir le profil
-role_manage-account=G\u00e9rer le compte
-role_manage-account-links=G\u00e9rer les liens de compte
-role_read-token=Lire le jeton d''authentification
-role_offline-access=Acc\u00e8s hors-ligne
-client_account=Compte
-client_account-console=Console de gestion du compte
-client_security-admin-console=Console d''administration de la s\u00e9curit\u00e9
-client_admin-cli=Admin CLI
-client_realm-management=Gestion du domaine
-client_broker=Broker
-
-requiredFields=Champs requis
-
-invalidUserMessage=Nom d''utilisateur ou mot de passe invalide.
-invalidUsernameMessage=Nom d''utilisateur invalide.
-invalidUsernameOrEmailMessage=Nom d''utilisateur ou courriel invalide.
-invalidPasswordMessage=Mot de passe invalide.
-invalidEmailMessage=Courriel invalide.
-accountDisabledMessage=Compte d\u00e9sactiv\u00e9, contactez votre administrateur.
-accountTemporarilyDisabledMessage=Ce compte est temporairement d\u00e9sactiv\u00e9, contactez votre administrateur ou bien r\u00e9essayez plus tard.
-expiredCodeMessage=Connexion expir\u00e9e. Veuillez vous reconnecter.
-expiredActionMessage=Action expir\u00e9e. Merci de continuer la connexion.
-expiredActionTokenNoSessionMessage=Action expir\u00e9e.
-expiredActionTokenSessionExistsMessage=Action expir\u00e9e. Merci de recommencer.
-
-missingFirstNameMessage=Veuillez entrer votre pr\u00e9nom.
-missingLastNameMessage=Veuillez entrer votre nom.
-missingEmailMessage=Veuillez entrer votre courriel.
-missingUsernameMessage=Veuillez entrer votre courriel.
-missingPasswordMessage=Veuillez entrer votre mot de passe.
-missingTotpMessage=Veuillez entrer votre code d''authentification.
-missingTotpDeviceNameMessage=Veuillez entrer le nom de votre appareil.
-notMatchPasswordMessage=Les mots de passe ne sont pas identiques.
-
-error-invalid-value=Valeur invalide.
-error-invalid-blank=Veuillez entrer une valeur.
-error-empty=Veuillez entrer une valeur.
-error-invalid-length=La longueur doit \u00eatre entre {1} et {2}.
-error-invalid-length-too-short=La longueur minimale est {1}.
-error-invalid-length-too-long=La longueur maximale est {2}.
-error-invalid-email=Courriel invalide.
-error-invalid-number=Nombre invalide.
-error-number-out-of-range=Le nombre doit \u00eatre entre {1} et {2}.
-error-number-out-of-range-too-small=Le nombre doit avoir une valeur minimale de {1}.
-error-number-out-of-range-too-big=Le nombre doit avoir une valeur maximale de {2}.
-error-pattern-no-match=Valeur invalide.
-error-invalid-uri=URL invalide.
-error-invalid-uri-scheme=Sch\u00e9ma d''URL invalide.
-error-invalid-uri-fragment=Fragment d''URL invalide.
-error-user-attribute-required=Veuillez renseigner ce champ.
-error-invalid-date=Date invalide.
-error-user-attribute-read-only=Ce champ est en lecture seule.
-error-username-invalid-character=La valeur contient des caract\u00e8res invalides.
-error-person-name-invalid-character=La valeur contient des caract\u00e8res invalides.
-
-invalidPasswordExistingMessage=Mot de passe existant invalide.
-invalidPasswordBlacklistedMessage=Mot de passe invalide : ce mot de passe est blacklist\u00e9.
-invalidPasswordConfirmMessage=Le mot de passe de confirmation ne correspond pas.
-invalidTotpMessage=Le code d''authentification est invalide.
-
-usernameExistsMessage=Le nom d''utilisateur existe d\u00e9j\u00e0.
-emailExistsMessage=Le courriel existe d\u00e9j\u00e0.
-
-federatedIdentityExistsMessage=L''utilisateur avec {0} {1} existe d\u00e9j\u00e0. Veuillez acc\u00e9der \u00e0 au gestionnaire de compte pour lier le compte.
-federatedIdentityEmailExistsMessage=Cet utilisateur avec ce courriel existe d\u00e9j\u00e0. Veuillez vous connecter au gestionnaire de compte pour lier le compte.
-
-confirmLinkIdpTitle=Ce compte existe d\u00e9j\u00e0
-federatedIdentityConfirmLinkMessage=L''utilisateur {0} {1} existe d\u00e9j\u00e0. Que souhaitez-vous faire ?
-federatedIdentityConfirmReauthenticateMessage=Identifiez vous afin de lier votre compte avec {0}
-nestedFirstBrokerFlowMessage=L''utilisateur {0} {1} n''est li\u00e9 \u00e0 aucun utilisateur connu.
-confirmLinkIdpReviewProfile=V\u00e9rifiez vos informations de profil
-confirmLinkIdpContinue=Souhaitez-vous lier {0} \u00e0 votre compte existant
-
-configureTotpMessage=Vous devez configurer l''authentification par mobile pour activer votre compte.
-updateProfileMessage=Vous devez mettre \u00e0 jour votre profil pour activer votre compte.
-updatePasswordMessage=Vous devez changer votre mot de passe pour activer votre compte.
-updateEmailMessage=Vous devez mettre \u00e0 votre addresse de courriel pour activer votre compte.
-resetPasswordMessage=Vous devez changer votre mot de passe.
-verifyEmailMessage=Vous devez v\u00e9rifier votre courriel pour activer votre compte.
-linkIdpMessage=Vous devez v\u00e9rifier votre courriel pour lier votre compte avec {0}.
-
-emailSentMessage=Vous devriez recevoir rapidement un courriel avec de plus amples instructions.
-emailSendErrorMessage=Erreur lors de l''envoi du courriel, veuillez essayer plus tard.
-
-accountUpdatedMessage=Votre compte a \u00e9t\u00e9 mis \u00e0 jour.
-accountPasswordUpdatedMessage=Votre mot de passe a \u00e9t\u00e9 mis \u00e0 jour.
-
-delegationCompleteHeader=Connexion r\u00e9ussie
-delegationCompleteMessage=Vous pouvez fermer cette fen\u00eatre de navigateur et retourner sur votre application console.
-delegationFailedHeader=Connexion \u00e9chou\u00e9e
-delegationFailedMessage=Vous pouvez fermer cette fen\u00eatre de navigateur et retourner sur votre application console, puis r\u00e9essayer de vous connecter.
-
-noAccessMessage=Aucun acc\u00e8s
-
-invalidPasswordMinLengthMessage=Mot de passe invalide : longueur minimale requise de {0}.
-invalidPasswordMaxLengthMessage=Mot de passe invalide : longueur maximale de {0}.
-invalidPasswordMinDigitsMessage=Mot de passe invalide : doit contenir au moins {0} chiffre(s).
-invalidPasswordMinLowerCaseCharsMessage=Mot de passe invalide : doit contenir au moins {0} lettre(s) en minuscule.
-invalidPasswordMinUpperCaseCharsMessage=Mot de passe invalide : doit contenir au moins {0} lettre(s) en majuscule.
-invalidPasswordMinSpecialCharsMessage=Mot de passe invalide : doit contenir au moins {0} caract\u00e8re(s) sp\u00e9ciaux.
-invalidPasswordNotUsernameMessage=Mot de passe invalide : ne doit pas \u00eatre identique au nom d''utilisateur.
-invalidPasswordNotEmailMessage=Mot de passe invalide: ne doit pas \u00eatre identique au courriel.
-invalidPasswordRegexPatternMessage=Mot de passe invalide : ne valide pas l''expression rationnelle.
-invalidPasswordHistoryMessage=Mot de passe invalide : ne doit pas \u00eatre \u00e9gal aux {0} derniers mots de passe.
-invalidPasswordGenericMessage=Mot de passe invalide : le nouveau mot de passe ne r\u00e9pond pas \u00e0 la politique de mot de passe.
-
-failedToProcessResponseMessage=Erreur lors du traitement de la r\u00e9ponse
-httpsRequiredMessage=Le protocole HTTPS est requis
-realmNotEnabledMessage=Le domaine n''est pas activ\u00e9
-invalidRequestMessage=Requ\u00eate invalide
-successLogout=Vous \u00eates d\u00e9connect\u00e9
-failedLogout=La d\u00e9connexion a \u00e9chou\u00e9e
-unknownLoginRequesterMessage=Compte inconnu du demandeur
-loginRequesterNotEnabledMessage=La connexion du demandeur n''est pas active
-bearerOnlyMessage=Les applications Bearer-only ne sont pas autoris\u00e9es \u00e0 initier la connexion par navigateur.
-standardFlowDisabledMessage=Le client n''est pas autoris\u00e9 \u00e0 initier une connexion avec le navigateur avec ce response_type. Le flux standard est d\u00e9sactiv\u00e9 pour le client.
-implicitFlowDisabledMessage=Le client n''est pas autoris\u00e9 \u00e0 initier une connexion avec le navigateur avec ce response_type. Le flux implicite est d\u00e9sactiv\u00e9 pour le client.
-invalidRedirectUriMessage=L''URI de redirection est invalide
-unsupportedNameIdFormatMessage=NameIDFormat non support\u00e9
-invalidRequesterMessage=Demandeur invalide
-registrationNotAllowedMessage=L''enregistrement n''est pas autoris\u00e9
-resetCredentialNotAllowedMessage=La remise \u00e0 z\u00e9ro n''est pas autoris\u00e9e
-
-permissionNotApprovedMessage=La permission n''est pas approuv\u00e9e.
-noRelayStateInResponseMessage=Aucun \u00e9tat de relais dans la r\u00e9ponse du fournisseur d''identit\u00e9.
-insufficientPermissionMessage=Permissions insuffisantes pour lier les identit\u00e9s.
-couldNotProceedWithAuthenticationRequestMessage=Impossible de continuer avec la requ\u00eate d''authentification vers le fournisseur d''identit\u00e9.
-couldNotObtainTokenMessage=Impossible de r\u00e9cup\u00e9rer le jeton du fournisseur d''identit\u00e9.
-unexpectedErrorRetrievingTokenMessage=Erreur inattendue lors de la r\u00e9cup\u00e9ration du jeton provenant du fournisseur d''identit\u00e9.
-unexpectedErrorHandlingResponseMessage=Erreur inattendue lors du traitement de la r\u00e9ponse provenant du fournisseur d''identit\u00e9.
-identityProviderAuthenticationFailedMessage=L''authentification a \u00e9chou\u00e9e. Impossible de s''authentifier avec le fournisseur d''identit\u00e9.
-couldNotSendAuthenticationRequestMessage=Impossible d''envoyer la requ\u00eate d''authentification vers le fournisseur d''identit\u00e9.
-unexpectedErrorHandlingRequestMessage=Erreur inattendue lors du traitement de la requ\u00eate vers le fournisseur d''identit\u00e9.
-invalidAccessCodeMessage=Code d''acc\u00e8s invalide.
-sessionNotActiveMessage=La session n''est pas active.
-invalidCodeMessage=Une erreur est survenue, veuillez vous reconnecter \u00e0 votre application.
-cookieNotFoundMessage=Cookie introuvable. Assurez-vous que les cookies soient activ\u00e9s dans votre navigateur.
-identityProviderUnexpectedErrorMessage=Erreur inattendue lors de l''authentification avec fournisseur d''identit\u00e9.
-identityProviderMissingStateMessage=Param\u00e8tre d''\u00e9tat manquant dans la r\u00e9ponse du fournisseur d''identit\u00e9.
-identityProviderNotFoundMessage=Impossible de trouver le fournisseur d''identit\u00e9 avec cet identifiant.
-identityProviderLinkSuccess=Votre compte a \u00e9t\u00e9 correctement li\u00e9 avec {0} compte {1} .
-staleCodeMessage=Cette page n''est plus valide, merci de retourner \u00e0 votre application et de vous connecter \u00e0 nouveau.
-realmSupportsNoCredentialsMessage=Ce domaine ne supporte aucun type d''accr\u00e9ditation.
-credentialSetupRequired=Connexion impossible, configuration d''accr\u00e9ditation requise.
-identityProviderNotUniqueMessage=Ce domaine autorise plusieurs fournisseurs d''identit\u00e9. Impossible de d\u00e9terminer le fournisseur d''identit\u00e9 avec lequel s''authentifier.
-emailVerifiedMessage=Votre courriel a \u00e9t\u00e9 v\u00e9rifi\u00e9.
-
-staleEmailVerificationLink=Le lien que vous avez cliqu\u00e9 est p\u00e9rim\u00e9 et n''est plus valide. Peut-\u00eatre avez vous d\u00e9j\u00e0 v\u00e9rifi\u00e9 votre mot de passe ?
-identityProviderAlreadyLinkedMessage=L''identit\u00e9 f\u00e9d\u00e9r\u00e9e retourn\u00e9e par {0} est d\u00e9j\u00e0 li\u00e9e \u00e0 un autre utilisateur.
-confirmAccountLinking=Confirmez la liaison du compte {0} du fournisseur d''entit\u00e9 {1} avec votre compte.
-confirmEmailAddressVerification=Confirmez la validit\u00e9 de l''adresse courriel {0}.
-confirmExecutionOfActions=Suivez les instructions suivantes
-
-
-backToApplication=« Revenir \u00e0 l''application
-missingParameterMessage=Param\u00e8tres manquants \: {0}
-clientNotFoundMessage=Client inconnu.
-clientDisabledMessage=Client d\u00e9sactiv\u00e9.
-invalidParameterMessage=Param\u00e8tre invalide \: {0}
-alreadyLoggedIn=Vous \u00eates d\u00e9j\u00e0 connect\u00e9.
-
-differentUserAuthenticated=Vous \u00eates d\u00e9j\u00e0 authentifi\u00e9 avec un autre utilisateur ''{0}'' dans cette session. Merci de vous d\u00e9connecter.
-brokerLinkingSessionExpired=La liaison entre comptes broker a \u00e9t\u00e9 demand\u00e9e, mais la session n''est plus valide.
-proceedWithAction=» Cliquez ici
-
-
-requiredAction.CONFIGURE_TOTP=Configurer OTP
-requiredAction.TERMS_AND_CONDITIONS=Termes et conditions
-requiredAction.UPDATE_PASSWORD=Mettre \u00e0 jour votre mot de passe
-requiredAction.UPDATE_PROFILE=Mettre \u00e0 jour votre profil
-requiredAction.VERIFY_EMAIL=Valider votre adresse email
-
-
-doX509Login=Vous allez \u00eatre connect\u00e9 en tant que\:
-clientCertificate=X509 certificat client\:
-noCertificate=[Pas de certificat]
-
-
-pageNotFound=Page non trouv\u00e9e
-internalServerError=Une erreur interne du serveur s''est produite
-
-# Identity provider
-identity-provider-redirector=Connexion avec un autre fournisseur d''identit\u00e9
-identity-provider-login-label=Se connecter avec
-idp-email-verification-display-name=V\u00e9rification du courriel
-idp-email-verification-help-text=Lier votre compte en validant votre courriel.
-idp-username-password-form-display-name=Nom d''utilisateur et mot de passe
-idp-username-password-form-help-text=Lier votre compte en vous connectant.
-
-console-username=Nom d''utilisateur:
-console-password=Mot de passe:
-console-otp=Code \u00e0 usage unique:
-console-new-password=Nouveau mot de passe:
-console-confirm-password=Confirmez les mot de passe:
-console-update-password=La mise \u00e0 jour de votre mot de passe est requise.
-console-verify-email=Vous devez v\u00e9rifier votre adresse courriel. Nous avons envoy\u00e9 un courriel \u00e0 {0} contenant un code de v\u00e9rification. Veuillez saisir ce code ci-dessous.
-console-email-code=Code courriel:
-console-accept-terms=Accepter les conditions? [o/n]:
-console-accept=o
-
-#authenticators
-password-display-name=Mot de passe
-password-help-text=Connectez-vous en saisissant votre mot de passe.
-auth-username-form-display-name=Nom d''utilisateur
-auth-username-form-help-text=Commencez la connexion en saisissant votre nom d''utilisateur.
-auth-username-password-form-display-name=Nom d''utilisateur et mot de passe
-auth-username-password-form-help-text=Connectez-vous en saisissant votre nom d''utilisateur et votre mot de passe.
-
-# WebAuthn
-webauthn-display-name=Cl\u00e9 de S\u00e9curit\u00e9
-webauthn-help-text=Utilisez votre cl\u00e9 de s\u00e9curit\u00e9 pour vous connecter.
-webauthn-passwordless-display-name=Cl\u00e9 de S\u00e9curit\u00e9
-webauthn-passwordless-help-text=Utilisez votre cl\u00e9 de s\u00e9curit\u00e9 pour vous connecter sans mot de passe.
-webauthn-login-title=Connexion avec une Cl\u00e9 de S\u00e9curit\u00e9
-webauthn-registration-title=Enregistrement d''une Cl\u00e9 de S\u00e9curit\u00e9
-webauthn-available-authenticators=Cl\u00e9s de S\u00e9curit\u00e9 disponibles
-webauthn-unsupported-browser-text=WebAuthn n''est pas support\u00e9 par ce navigateur. Essayez une autre m\u00e9thode ou contactez votre administrateur.
-webauthn-doAuthenticate=Se connecter avec une Cl\u00e9 de S\u00e9curit\u00e9
-webauthn-createdAt-label=Cr\u00e9\u00e9 le
-
-# WebAuthn Error
-webauthn-error-title=Erreur lors de l''utilisation de la Cl\u00e9 de S\u00e9curit\u00e9
-webauthn-error-registration=L''enregistrement de la Cl\u00e9 de S\u00e9curit\u00e9 a \u00e9chou\u00e9.<br/> {0}
-webauthn-error-api-get=L''authentification via la Cl\u00e9 de S\u00e9curit\u00e9 a \u00e9chou\u00e9.<br/> {0}
-webauthn-error-different-user=Le premier utilisateur authentifi\u00e9 ne correspond pas \u00e0 celui qui est authentifi\u00e9 par la Cl\u00e9 de S\u00e9curit\u00e9.
-webauthn-error-auth-verification=Le r\u00e9sultat de l''authentification produite par la cl\u00e9 de s\u00e9curit\u00e9 est invalide.<br/> {0}
-webauthn-error-register-verification=Le r\u00e9sultat de l''enregistrement de la cl\u00e9 de s\u00e9curit\u00e9 est invalide.<br/> {0}
-webauthn-error-user-not-found=La Cl\u00e9 de S\u00e9curit\u00e9 a authentifi\u00e9 un utilisateur inconnu.
-
-finalDeletionConfirmation=Si vous supprimez votre compte, il ne pourra pas \u00eatre restaur\u00e9. Pour conserver votre compte, cliquez sur Annuler.
-irreversibleAction=Cette action est irr\u00e9versible
-deleteAccountConfirm=Confirmation de suppression de compte
-
-deletingImplies=Supprimer votre compte implique:
-errasingData=Supprimer toutes vos donn\u00e9es
-loggingOutImmediately=Vous d\u00e9connecter imm\u00e9diatement
-accountUnusable=Toute utilisation future de l''application sera impossible avec ce compte
-userDeletedSuccessfully=Utilisateur supprim\u00e9 avec succ\u00e8s
-
-access-denied=Acc\u00e8s refus\u00e9
-
-frontchannel-logout.title=D\u00e9connexion
-frontchannel-logout.message=Vous \u00eates d\u00e9connect\u00e9 des applications suivantes
-logoutConfirmTitle=D\u00e9connexion
-logoutConfirmHeader=\u00cates-vous s\u00fbr de vouloir vous d\u00e9connecter ?
-doLogout=Se d\u00e9connecter
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/register.ftl b/infra/ecocompose/keycloak/keycloak_theme/login/register.ftl
deleted file mode 100644
index 2a574bf0a7387a2d98cfbafb147f07be275e59a7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/register.ftl
+++ /dev/null
@@ -1,148 +0,0 @@
-<#import "template.ftl" as layout>
-<#import "register-commons.ftl" as registerCommons>
-<@layout.registrationLayout displayMessage=!messagesPerField.existsError('firstName','lastName','email','password','password-confirm'); section>
- <#if section = "form">
- <#if messagesPerField.existsError('email')>
- <div class="fr-alert fr-alert--info fr-mt-3w">
- <h3 class="fr-alert__title">${msg("emailVerifyInstruction1",(register.formData.email!''))}</h3>
- <p>Si vous pensez avoir déjà créé votre compte sur Camino, utilisez la fonctionnalité "Mot de passe oublié"</p>
- </div>
- <#else>
-
- <main class="fr-pt-md-14v" role="main" id="content">
- <div class="fr-container fr-container--fluid fr-mb-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-8 fr-col-lg-6">
- <div class="fr-container">
- <h1>Création de compte sur Camino</h1>
- </div>
-
- <div class="fr-container fr-background-alt--grey fr-px-md-0 fr-py-10v fr-py-md-14v">
- <div class="fr-grid-row fr-grid-row-gutters fr-grid-row--center">
- <div class="fr-col-12 fr-col-md-9 fr-col-lg-8">
- <div>
- <form action="${url.registrationAction}" method="post">
- <fieldset class="fr-fieldset" aria-labelledby="register-1760-fieldset-legend">
- <legend class="fr-fieldset__legend" id="register-1760-fieldset-legend">
- <h2>Coordonnées personnelles</h2>
- </legend>
-
- <div class="fr-fieldset__element">
- <fieldset class="fr-fieldset" id="credentials">
- <div class="fr-fieldset__element">
- <div class="fr-input-group <#if messagesPerField.existsError('firstName')>fr-input-group--error</#if>" aria-describedby="<#if messagesPerField.existsError('firstName')>text-input-firstName-error-desc-error</#if>">
- <label class="fr-label" for="firstName">
- ${msg("firstName")}
- </label>
- <input tabindex="1"
- class="fr-input" autocomplete="firstName" aria-required="true"
- type="text" id="firstName" name="firstName"
- value="${(register.formData.firstName!'')}"
- aria-invalid="<#if messagesPerField.existsError('firstName')>true</#if>">
- <#if messagesPerField.existsError('firstName')>
- <p id="text-input-firstName-error-desc-error" class="fr-error-text">
- ${kcSanitize(messagesPerField.getFirstError('firstName'))?no_esc}
- </p>
- </#if>
- </div>
- </div>
-
- <div class="fr-fieldset__element">
- <div class="fr-input-group <#if messagesPerField.existsError('lastName')>fr-input-group--error</#if>" aria-describedby="<#if messagesPerField.existsError('lastName')>text-input-lastName-error-desc-error</#if>">
- <label class="fr-label" for="lastName">
- ${msg("lastName")}
- </label>
- <input tabindex="2"
- class="fr-input" autocomplete="lastName" aria-required="true"
- type="text" id="lastName" name="lastName"
- value="${(register.formData.lastName!'')}"
- aria-invalid="<#if messagesPerField.existsError('lastName')>true</#if>">
- <#if messagesPerField.existsError('lastName')>
- <p id="text-input-lastName-error-desc-error" class="fr-error-text">
- ${kcSanitize(messagesPerField.getFirstError('lastName'))?no_esc}
- </p>
- </#if>
- </div>
- </div>
-
-
- <div class="fr-fieldset__element">
- <div class="fr-input-group <#if messagesPerField.existsError('email')>fr-input-group--error</#if>" aria-describedby="<#if messagesPerField.existsError('email')>text-input-email-error-desc-error</#if>">
- <label class="fr-label" for="email">
- ${msg("email")}
- </label>
- <input tabindex="3"
- class="fr-input" autocomplete="email" aria-required="true"
- type="text" id="email" name="email"
- value="${(register.formData.email!'')}"
- aria-invalid="<#if messagesPerField.existsError('email')>true</#if>">
- <#if messagesPerField.existsError('email')>
- <p id="text-input-email-error-desc-error" class="fr-error-text">
- ${kcSanitize(messagesPerField.getFirstError('email'))?no_esc}
- </p>
- </#if>
- </div>
- </div>
-
- <div class="fr-fieldset__element">
- <div class="fr-input-group <#if messagesPerField.existsError('password')>fr-input-group--error</#if>" aria-describedby="<#if messagesPerField.existsError('password')>text-input-password-error-desc-error</#if>">
- <label class="fr-label" for="password">
- ${msg("password")}
- </label>
- <input tabindex="4"
- class="fr-input" autocomplete="off" aria-required="true"
- type="password" id="password" name="password"
- aria-invalid="<#if messagesPerField.existsError('password')>true</#if>">
- <#if messagesPerField.existsError('password')>
- <p id="text-input-password-error-desc-error" class="fr-error-text">
- ${kcSanitize(messagesPerField.getFirstError('password'))?no_esc}
- </p>
- </#if>
- </div>
- </div>
-
-
-
- <div class="fr-fieldset__element">
- <div class="fr-input-group <#if messagesPerField.existsError('password-confirm')>fr-input-group--error</#if>" aria-describedby="<#if messagesPerField.existsError('password-confirm')>text-input-password-confirm-error-desc-error</#if>">
- <label class="fr-label" for="password-confirm">
- ${msg("passwordConfirm")}
- </label>
- <input tabindex="5"
- class="fr-input" autocomplete="off" aria-required="true"
- type="password" id="password-confirm" name="password-confirm"
- aria-invalid="<#if messagesPerField.existsError('password-confirm')>true</#if>">
- <#if messagesPerField.existsError('password-confirm')>
- <p id="text-input-password-confirm-error-desc-error" class="fr-error-text">
- ${kcSanitize(messagesPerField.getFirstError('password-confirm'))?no_esc}
- </p>
- </#if>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="fr-fieldset__element">
- <ul class="fr-btns-group">
- <li>
- <button tabindex="3" class="fr-mt-2v fr-btn" name="login" type="submit">
- Créer mon compte
- </button>
- </li>
- </ul>
- </div>
- <div class="fr-fieldset__element">
- <a class='fr-link fr-link--icon-left fr-icon-arrow-left-line' href="${url.loginUrl}">${kcSanitize(msg("backToLogin"))?no_esc}</a>
- </div>
- </fieldset>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-</main>
- </#if>
- </#if>
-</@layout.registrationLayout>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/dsfr.min.css b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/dsfr.min.css
deleted file mode 100644
index d44252b2121f7d5b84834ca87590fc52699f6271..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/dsfr.min.css
+++ /dev/null
@@ -1,380 +0,0 @@
-@charset "UTF-8";
-/*!
- * DSFR v1.10.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
- */a{--hover-tint:var(--idle);--active-tint:var(--active);color:inherit;text-decoration:var(--text-decoration)}: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;--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,".") ".  ";--text-spacing:0 0 1.5rem;--title-spacing:0 0 1.5rem;--display-spacing:0 0 2rem;--background-default-grey:var(--grey-1000-50);--background-default-grey-hover:var(--grey-1000-50-hover);--background-default-grey-active:var(--grey-1000-50-active);--background-alt-grey:var(--grey-975-75);--background-alt-grey-hover:var(--grey-975-75-hover);--background-alt-grey-active:var(--grey-975-75-active);--background-alt-blue-france:var(--blue-france-975-75);--background-alt-blue-france-hover:var(--blue-france-975-75-hover);--background-alt-blue-france-active:var(--blue-france-975-75-active);--background-alt-red-marianne:var(--red-marianne-975-75);--background-alt-red-marianne-hover:var(--red-marianne-975-75-hover);--background-alt-red-marianne-active:var(--red-marianne-975-75-active);--background-alt-green-tilleul-verveine:var(--green-tilleul-verveine-975-75);--background-alt-green-tilleul-verveine-hover:var(--green-tilleul-verveine-975-75-hover);--background-alt-green-tilleul-verveine-active:var(--green-tilleul-verveine-975-75-active);--background-alt-green-bourgeon:var(--green-bourgeon-975-75);--background-alt-green-bourgeon-hover:var(--green-bourgeon-975-75-hover);--background-alt-green-bourgeon-active:var(--green-bourgeon-975-75-active);--background-alt-green-emeraude:var(--green-emeraude-975-75);--background-alt-green-emeraude-hover:var(--green-emeraude-975-75-hover);--background-alt-green-emeraude-active:var(--green-emeraude-975-75-active);--background-alt-green-menthe:var(--green-menthe-975-75);--background-alt-green-menthe-hover:var(--green-menthe-975-75-hover);--background-alt-green-menthe-active:var(--green-menthe-975-75-active);--background-alt-green-archipel:var(--green-archipel-975-75);--background-alt-green-archipel-hover:var(--green-archipel-975-75-hover);--background-alt-green-archipel-active:var(--green-archipel-975-75-active);--background-alt-blue-ecume:var(--blue-ecume-975-75);--background-alt-blue-ecume-hover:var(--blue-ecume-975-75-hover);--background-alt-blue-ecume-active:var(--blue-ecume-975-75-active);--background-alt-blue-cumulus:var(--blue-cumulus-975-75);--background-alt-blue-cumulus-hover:var(--blue-cumulus-975-75-hover);--background-alt-blue-cumulus-active:var(--blue-cumulus-975-75-active);--background-alt-purple-glycine:var(--purple-glycine-975-75);--background-alt-purple-glycine-hover:var(--purple-glycine-975-75-hover);--background-alt-purple-glycine-active:var(--purple-glycine-975-75-active);--background-alt-pink-macaron:var(--pink-macaron-975-75);--background-alt-pink-macaron-hover:var(--pink-macaron-975-75-hover);--background-alt-pink-macaron-active:var(--pink-macaron-975-75-active);--background-alt-pink-tuile:var(--pink-tuile-975-75);--background-alt-pink-tuile-hover:var(--pink-tuile-975-75-hover);--background-alt-pink-tuile-active:var(--pink-tuile-975-75-active);--background-alt-yellow-tournesol:var(--yellow-tournesol-975-75);--background-alt-yellow-tournesol-hover:var(--yellow-tournesol-975-75-hover);--background-alt-yellow-tournesol-active:var(--yellow-tournesol-975-75-active);--background-alt-yellow-moutarde:var(--yellow-moutarde-975-75);--background-alt-yellow-moutarde-hover:var(--yellow-moutarde-975-75-hover);--background-alt-yellow-moutarde-active:var(--yellow-moutarde-975-75-active);--background-alt-orange-terre-battue:var(--orange-terre-battue-975-75);--background-alt-orange-terre-battue-hover:var(--orange-terre-battue-975-75-hover);--background-alt-orange-terre-battue-active:var(--orange-terre-battue-975-75-active);--background-alt-brown-cafe-creme:var(--brown-cafe-creme-975-75);--background-alt-brown-cafe-creme-hover:var(--brown-cafe-creme-975-75-hover);--background-alt-brown-cafe-creme-active:var(--brown-cafe-creme-975-75-active);--background-alt-brown-caramel:var(--brown-caramel-975-75);--background-alt-brown-caramel-hover:var(--brown-caramel-975-75-hover);--background-alt-brown-caramel-active:var(--brown-caramel-975-75-active);--background-alt-brown-opera:var(--brown-opera-975-75);--background-alt-brown-opera-hover:var(--brown-opera-975-75-hover);--background-alt-brown-opera-active:var(--brown-opera-975-75-active);--background-alt-beige-gris-galet:var(--beige-gris-galet-975-75);--background-alt-beige-gris-galet-hover:var(--beige-gris-galet-975-75-hover);--background-alt-beige-gris-galet-active:var(--beige-gris-galet-975-75-active);--background-contrast-grey:var(--grey-950-100);--background-contrast-grey-hover:var(--grey-950-100-hover);--background-contrast-grey-active:var(--grey-950-100-active);--background-contrast-blue-france:var(--blue-france-950-100);--background-contrast-blue-france-hover:var(--blue-france-950-100-hover);--background-contrast-blue-france-active:var(--blue-france-950-100-active);--background-contrast-red-marianne:var(--red-marianne-950-100);--background-contrast-red-marianne-hover:var(--red-marianne-950-100-hover);--background-contrast-red-marianne-active:var(--red-marianne-950-100-active);--background-contrast-green-tilleul-verveine:var(--green-tilleul-verveine-950-100);--background-contrast-green-tilleul-verveine-hover:var(--green-tilleul-verveine-950-100-hover);--background-contrast-green-tilleul-verveine-active:var(--green-tilleul-verveine-950-100-active);--background-contrast-green-bourgeon:var(--green-bourgeon-950-100);--background-contrast-green-bourgeon-hover:var(--green-bourgeon-950-100-hover);--background-contrast-green-bourgeon-active:var(--green-bourgeon-950-100-active);--background-contrast-green-emeraude:var(--green-emeraude-950-100);--background-contrast-green-emeraude-hover:var(--green-emeraude-950-100-hover);--background-contrast-green-emeraude-active:var(--green-emeraude-950-100-active);--background-contrast-green-menthe:var(--green-menthe-950-100);--background-contrast-green-menthe-hover:var(--green-menthe-950-100-hover);--background-contrast-green-menthe-active:var(--green-menthe-950-100-active);--background-contrast-green-archipel:var(--green-archipel-950-100);--background-contrast-green-archipel-hover:var(--green-archipel-950-100-hover);--background-contrast-green-archipel-active:var(--green-archipel-950-100-active);--background-contrast-blue-ecume:var(--blue-ecume-950-100);--background-contrast-blue-ecume-hover:var(--blue-ecume-950-100-hover);--background-contrast-blue-ecume-active:var(--blue-ecume-950-100-active);--background-contrast-blue-cumulus:var(--blue-cumulus-950-100);--background-contrast-blue-cumulus-hover:var(--blue-cumulus-950-100-hover);--background-contrast-blue-cumulus-active:var(--blue-cumulus-950-100-active);--background-contrast-purple-glycine:var(--purple-glycine-950-100);--background-contrast-purple-glycine-hover:var(--purple-glycine-950-100-hover);--background-contrast-purple-glycine-active:var(--purple-glycine-950-100-active);--background-contrast-pink-macaron:var(--pink-macaron-950-100);--background-contrast-pink-macaron-hover:var(--pink-macaron-950-100-hover);--background-contrast-pink-macaron-active:var(--pink-macaron-950-100-active);--background-contrast-pink-tuile:var(--pink-tuile-950-100);--background-contrast-pink-tuile-hover:var(--pink-tuile-950-100-hover);--background-contrast-pink-tuile-active:var(--pink-tuile-950-100-active);--background-contrast-yellow-tournesol:var(--yellow-tournesol-950-100);--background-contrast-yellow-tournesol-hover:var(--yellow-tournesol-950-100-hover);--background-contrast-yellow-tournesol-active:var(--yellow-tournesol-950-100-active);--background-contrast-yellow-moutarde:var(--yellow-moutarde-950-100);--background-contrast-yellow-moutarde-hover:var(--yellow-moutarde-950-100-hover);--background-contrast-yellow-moutarde-active:var(--yellow-moutarde-950-100-active);--background-contrast-orange-terre-battue:var(--orange-terre-battue-950-100);--background-contrast-orange-terre-battue-hover:var(--orange-terre-battue-950-100-hover);--background-contrast-orange-terre-battue-active:var(--orange-terre-battue-950-100-active);--background-contrast-brown-cafe-creme:var(--brown-cafe-creme-950-100);--background-contrast-brown-cafe-creme-hover:var(--brown-cafe-creme-950-100-hover);--background-contrast-brown-cafe-creme-active:var(--brown-cafe-creme-950-100-active);--background-contrast-brown-caramel:var(--brown-caramel-950-100);--background-contrast-brown-caramel-hover:var(--brown-caramel-950-100-hover);--background-contrast-brown-caramel-active:var(--brown-caramel-950-100-active);--background-contrast-brown-opera:var(--brown-opera-950-100);--background-contrast-brown-opera-hover:var(--brown-opera-950-100-hover);--background-contrast-brown-opera-active:var(--brown-opera-950-100-active);--background-contrast-beige-gris-galet:var(--beige-gris-galet-950-100);--background-contrast-beige-gris-galet-hover:var(--beige-gris-galet-950-100-hover);--background-contrast-beige-gris-galet-active:var(--beige-gris-galet-950-100-active);--background-contrast-info:var(--info-950-100);--background-contrast-info-hover:var(--info-950-100-hover);--background-contrast-info-active:var(--info-950-100-active);--background-contrast-success:var(--success-950-100);--background-contrast-success-hover:var(--success-950-100-hover);--background-contrast-success-active:var(--success-950-100-active);--background-contrast-warning:var(--warning-950-100);--background-contrast-warning-hover:var(--warning-950-100-hover);--background-contrast-warning-active:var(--warning-950-100-active);--background-contrast-error:var(--error-950-100);--background-contrast-error-hover:var(--error-950-100-hover);--background-contrast-error-active:var(--error-950-100-active);--background-flat-grey:var(--grey-200-850);--background-flat-blue-france:var(--blue-france-sun-113-625);--background-flat-red-marianne:var(--red-marianne-425-625);--background-flat-green-tilleul-verveine:var(--green-tilleul-verveine-sun-418-moon-817);--background-flat-green-bourgeon:var(--green-bourgeon-sun-425-moon-759);--background-flat-green-emeraude:var(--green-emeraude-sun-425-moon-753);--background-flat-green-menthe:var(--green-menthe-sun-373-moon-652);--background-flat-green-archipel:var(--green-archipel-sun-391-moon-716);--background-flat-blue-ecume:var(--blue-ecume-sun-247-moon-675);--background-flat-blue-cumulus:var(--blue-cumulus-sun-368-moon-732);--background-flat-purple-glycine:var(--purple-glycine-sun-319-moon-630);--background-flat-pink-macaron:var(--pink-macaron-sun-406-moon-833);--background-flat-pink-tuile:var(--pink-tuile-sun-425-moon-750);--background-flat-yellow-tournesol:var(--yellow-tournesol-sun-407-moon-922);--background-flat-yellow-moutarde:var(--yellow-moutarde-sun-348-moon-860);--background-flat-orange-terre-battue:var(--orange-terre-battue-sun-370-moon-672);--background-flat-brown-cafe-creme:var(--brown-cafe-creme-sun-383-moon-885);--background-flat-brown-caramel:var(--brown-caramel-sun-425-moon-901);--background-flat-brown-opera:var(--brown-opera-sun-395-moon-820);--background-flat-beige-gris-galet:var(--beige-gris-galet-sun-407-moon-821);--background-flat-info:var(--info-425-625);--background-flat-success:var(--success-425-625);--background-flat-warning:var(--warning-425-625);--background-flat-error:var(--error-425-625);--background-action-high-blue-france:var(--blue-france-sun-113-625);--background-action-high-blue-france-hover:var(--blue-france-sun-113-625-hover);--background-action-high-blue-france-active:var(--blue-france-sun-113-625-active);--background-action-high-red-marianne:var(--red-marianne-425-625);--background-action-high-red-marianne-hover:var(--red-marianne-425-625-hover);--background-action-high-red-marianne-active:var(--red-marianne-425-625-active);--background-action-high-green-tilleul-verveine:var(--green-tilleul-verveine-sun-418-moon-817);--background-action-high-green-tilleul-verveine-hover:var(--green-tilleul-verveine-sun-418-moon-817-hover);--background-action-high-green-tilleul-verveine-active:var(--green-tilleul-verveine-sun-418-moon-817-active);--background-action-high-green-bourgeon:var(--green-bourgeon-sun-425-moon-759);--background-action-high-green-bourgeon-hover:var(--green-bourgeon-sun-425-moon-759-hover);--background-action-high-green-bourgeon-active:var(--green-bourgeon-sun-425-moon-759-active);--background-action-high-green-emeraude:var(--green-emeraude-sun-425-moon-753);--background-action-high-green-emeraude-hover:var(--green-emeraude-sun-425-moon-753-hover);--background-action-high-green-emeraude-active:var(--green-emeraude-sun-425-moon-753-active);--background-action-high-green-menthe:var(--green-menthe-sun-373-moon-652);--background-action-high-green-menthe-hover:var(--green-menthe-sun-373-moon-652-hover);--background-action-high-green-menthe-active:var(--green-menthe-sun-373-moon-652-active);--background-action-high-green-archipel:var(--green-archipel-sun-391-moon-716);--background-action-high-green-archipel-hover:var(--green-archipel-sun-391-moon-716-hover);--background-action-high-green-archipel-active:var(--green-archipel-sun-391-moon-716-active);--background-action-high-blue-ecume:var(--blue-ecume-sun-247-moon-675);--background-action-high-blue-ecume-hover:var(--blue-ecume-sun-247-moon-675-hover);--background-action-high-blue-ecume-active:var(--blue-ecume-sun-247-moon-675-active);--background-action-high-blue-cumulus:var(--blue-cumulus-sun-368-moon-732);--background-action-high-blue-cumulus-hover:var(--blue-cumulus-sun-368-moon-732-hover);--background-action-high-blue-cumulus-active:var(--blue-cumulus-sun-368-moon-732-active);--background-action-high-purple-glycine:var(--purple-glycine-sun-319-moon-630);--background-action-high-purple-glycine-hover:var(--purple-glycine-sun-319-moon-630-hover);--background-action-high-purple-glycine-active:var(--purple-glycine-sun-319-moon-630-active);--background-action-high-pink-macaron:var(--pink-macaron-sun-406-moon-833);--background-action-high-pink-macaron-hover:var(--pink-macaron-sun-406-moon-833-hover);--background-action-high-pink-macaron-active:var(--pink-macaron-sun-406-moon-833-active);--background-action-high-pink-tuile:var(--pink-tuile-sun-425-moon-750);--background-action-high-pink-tuile-hover:var(--pink-tuile-sun-425-moon-750-hover);--background-action-high-pink-tuile-active:var(--pink-tuile-sun-425-moon-750-active);--background-action-high-yellow-tournesol:var(--yellow-tournesol-sun-407-moon-922);--background-action-high-yellow-tournesol-hover:var(--yellow-tournesol-sun-407-moon-922-hover);--background-action-high-yellow-tournesol-active:var(--yellow-tournesol-sun-407-moon-922-active);--background-action-high-yellow-moutarde:var(--yellow-moutarde-sun-348-moon-860);--background-action-high-yellow-moutarde-hover:var(--yellow-moutarde-sun-348-moon-860-hover);--background-action-high-yellow-moutarde-active:var(--yellow-moutarde-sun-348-moon-860-active);--background-action-high-orange-terre-battue:var(--orange-terre-battue-sun-370-moon-672);--background-action-high-orange-terre-battue-hover:var(--orange-terre-battue-sun-370-moon-672-hover);--background-action-high-orange-terre-battue-active:var(--orange-terre-battue-sun-370-moon-672-active);--background-action-high-brown-cafe-creme:var(--brown-cafe-creme-sun-383-moon-885);--background-action-high-brown-cafe-creme-hover:var(--brown-cafe-creme-sun-383-moon-885-hover);--background-action-high-brown-cafe-creme-active:var(--brown-cafe-creme-sun-383-moon-885-active);--background-action-high-brown-caramel:var(--brown-caramel-sun-425-moon-901);--background-action-high-brown-caramel-hover:var(--brown-caramel-sun-425-moon-901-hover);--background-action-high-brown-caramel-active:var(--brown-caramel-sun-425-moon-901-active);--background-action-high-brown-opera:var(--brown-opera-sun-395-moon-820);--background-action-high-brown-opera-hover:var(--brown-opera-sun-395-moon-820-hover);--background-action-high-brown-opera-active:var(--brown-opera-sun-395-moon-820-active);--background-action-high-beige-gris-galet:var(--beige-gris-galet-sun-407-moon-821);--background-action-high-beige-gris-galet-hover:var(--beige-gris-galet-sun-407-moon-821-hover);--background-action-high-beige-gris-galet-active:var(--beige-gris-galet-sun-407-moon-821-active);--background-action-high-info:var(--info-425-625);--background-action-high-info-hover:var(--info-425-625-hover);--background-action-high-info-active:var(--info-425-625-active);--background-action-high-success:var(--success-425-625);--background-action-high-success-hover:var(--success-425-625-hover);--background-action-high-success-active:var(--success-425-625-active);--background-action-high-warning:var(--warning-425-625);--background-action-high-warning-hover:var(--warning-425-625-hover);--background-action-high-warning-active:var(--warning-425-625-active);--background-action-high-error:var(--error-425-625);--background-action-high-error-hover:var(--error-425-625-hover);--background-action-high-error-active:var(--error-425-625-active);--background-action-low-blue-france:var(--blue-france-925-125);--background-action-low-blue-france-hover:var(--blue-france-925-125-hover);--background-action-low-blue-france-active:var(--blue-france-925-125-active);--background-action-low-red-marianne:var(--red-marianne-925-125);--background-action-low-red-marianne-hover:var(--red-marianne-925-125-hover);--background-action-low-red-marianne-active:var(--red-marianne-925-125-active);--background-action-low-green-tilleul-verveine:var(--green-tilleul-verveine-925-125);--background-action-low-green-tilleul-verveine-hover:var(--green-tilleul-verveine-925-125-hover);--background-action-low-green-tilleul-verveine-active:var(--green-tilleul-verveine-925-125-active);--background-action-low-green-bourgeon:var(--green-bourgeon-925-125);--background-action-low-green-bourgeon-hover:var(--green-bourgeon-925-125-hover);--background-action-low-green-bourgeon-active:var(--green-bourgeon-925-125-active);--background-action-low-green-emeraude:var(--green-emeraude-925-125);--background-action-low-green-emeraude-hover:var(--green-emeraude-925-125-hover);--background-action-low-green-emeraude-active:var(--green-emeraude-925-125-active);--background-action-low-green-menthe:var(--green-menthe-925-125);--background-action-low-green-menthe-hover:var(--green-menthe-925-125-hover);--background-action-low-green-menthe-active:var(--green-menthe-925-125-active);--background-action-low-green-archipel:var(--green-archipel-925-125);--background-action-low-green-archipel-hover:var(--green-archipel-925-125-hover);--background-action-low-green-archipel-active:var(--green-archipel-925-125-active);--background-action-low-blue-ecume:var(--blue-ecume-925-125);--background-action-low-blue-ecume-hover:var(--blue-ecume-925-125-hover);--background-action-low-blue-ecume-active:var(--blue-ecume-925-125-active);--background-action-low-blue-cumulus:var(--blue-cumulus-925-125);--background-action-low-blue-cumulus-hover:var(--blue-cumulus-925-125-hover);--background-action-low-blue-cumulus-active:var(--blue-cumulus-925-125-active);--background-action-low-purple-glycine:var(--purple-glycine-925-125);--background-action-low-purple-glycine-hover:var(--purple-glycine-925-125-hover);--background-action-low-purple-glycine-active:var(--purple-glycine-925-125-active);--background-action-low-pink-macaron:var(--pink-macaron-925-125);--background-action-low-pink-macaron-hover:var(--pink-macaron-925-125-hover);--background-action-low-pink-macaron-active:var(--pink-macaron-925-125-active);--background-action-low-pink-tuile:var(--pink-tuile-925-125);--background-action-low-pink-tuile-hover:var(--pink-tuile-925-125-hover);--background-action-low-pink-tuile-active:var(--pink-tuile-925-125-active);--background-action-low-yellow-tournesol:var(--yellow-tournesol-925-125);--background-action-low-yellow-tournesol-hover:var(--yellow-tournesol-925-125-hover);--background-action-low-yellow-tournesol-active:var(--yellow-tournesol-925-125-active);--background-action-low-yellow-moutarde:var(--yellow-moutarde-925-125);--background-action-low-yellow-moutarde-hover:var(--yellow-moutarde-925-125-hover);--background-action-low-yellow-moutarde-active:var(--yellow-moutarde-925-125-active);--background-action-low-orange-terre-battue:var(--orange-terre-battue-925-125);--background-action-low-orange-terre-battue-hover:var(--orange-terre-battue-925-125-hover);--background-action-low-orange-terre-battue-active:var(--orange-terre-battue-925-125-active);--background-action-low-brown-cafe-creme:var(--brown-cafe-creme-925-125);--background-action-low-brown-cafe-creme-hover:var(--brown-cafe-creme-925-125-hover);--background-action-low-brown-cafe-creme-active:var(--brown-cafe-creme-925-125-active);--background-action-low-brown-caramel:var(--brown-caramel-925-125);--background-action-low-brown-caramel-hover:var(--brown-caramel-925-125-hover);--background-action-low-brown-caramel-active:var(--brown-caramel-925-125-active);--background-action-low-brown-opera:var(--brown-opera-925-125);--background-action-low-brown-opera-hover:var(--brown-opera-925-125-hover);--background-action-low-brown-opera-active:var(--brown-opera-925-125-active);--background-action-low-beige-gris-galet:var(--beige-gris-galet-925-125);--background-action-low-beige-gris-galet-hover:var(--beige-gris-galet-925-125-hover);--background-action-low-beige-gris-galet-active:var(--beige-gris-galet-925-125-active);--background-active-blue-france:var(--blue-france-sun-113-625);--background-active-blue-france-hover:var(--blue-france-sun-113-625-hover);--background-active-blue-france-active:var(--blue-france-sun-113-625-active);--background-active-red-marianne:var(--red-marianne-425-625);--background-active-red-marianne-hover:var(--red-marianne-425-625-hover);--background-active-red-marianne-active:var(--red-marianne-425-625-active);--background-open-blue-france:var(--blue-france-925-125);--background-open-blue-france-hover:var(--blue-france-925-125-hover);--background-open-blue-france-active:var(--blue-france-925-125-active);--background-open-red-marianne:var(--red-marianne-925-125);--background-open-red-marianne-hover:var(--red-marianne-925-125-hover);--background-open-red-marianne-active:var(--red-marianne-925-125-active);--background-disabled-grey:var(--grey-925-125);--background-raised-grey:var(--grey-1000-75);--background-raised-grey-hover:var(--grey-1000-75-hover);--background-raised-grey-active:var(--grey-1000-75-active);--background-overlap-grey:var(--grey-1000-100);--background-overlap-grey-hover:var(--grey-1000-100-hover);--background-overlap-grey-active:var(--grey-1000-100-active);--background-lifted-grey:var(--grey-1000-75);--background-lifted-grey-hover:var(--grey-1000-75-hover);--background-lifted-grey-active:var(--grey-1000-75-active);--background-alt-raised-grey:var(--grey-975-100);--background-alt-raised-grey-hover:var(--grey-975-100-hover);--background-alt-raised-grey-active:var(--grey-975-100-active);--background-alt-overlap-grey:var(--grey-975-125);--background-alt-overlap-grey-hover:var(--grey-975-125-hover);--background-alt-overlap-grey-active:var(--grey-975-125-active);--background-contrast-raised-grey:var(--grey-950-125);--background-contrast-raised-grey-hover:var(--grey-950-125-hover);--background-contrast-raised-grey-active:var(--grey-950-125-active);--background-contrast-overlap-grey:var(--grey-950-150);--background-contrast-overlap-grey-hover:var(--grey-950-150-hover);--background-contrast-overlap-grey-active:var(--grey-950-150-active);--text-default-grey:var(--grey-200-850);--text-default-info:var(--info-425-625);--text-default-success:var(--success-425-625);--text-default-warning:var(--warning-425-625);--text-default-error:var(--error-425-625);--text-action-high-grey:var(--grey-50-1000);--text-action-high-blue-france:var(--blue-france-sun-113-625);--text-action-high-red-marianne:var(--red-marianne-425-625);--text-action-high-green-tilleul-verveine:var(--green-tilleul-verveine-sun-418-moon-817);--text-action-high-green-bourgeon:var(--green-bourgeon-sun-425-moon-759);--text-action-high-green-emeraude:var(--green-emeraude-sun-425-moon-753);--text-action-high-green-menthe:var(--green-menthe-sun-373-moon-652);--text-action-high-green-archipel:var(--green-archipel-sun-391-moon-716);--text-action-high-blue-ecume:var(--blue-ecume-sun-247-moon-675);--text-action-high-blue-cumulus:var(--blue-cumulus-sun-368-moon-732);--text-action-high-purple-glycine:var(--purple-glycine-sun-319-moon-630);--text-action-high-pink-macaron:var(--pink-macaron-sun-406-moon-833);--text-action-high-pink-tuile:var(--pink-tuile-sun-425-moon-750);--text-action-high-yellow-tournesol:var(--yellow-tournesol-sun-407-moon-922);--text-action-high-yellow-moutarde:var(--yellow-moutarde-sun-348-moon-860);--text-action-high-orange-terre-battue:var(--orange-terre-battue-sun-370-moon-672);--text-action-high-brown-cafe-creme:var(--brown-cafe-creme-sun-383-moon-885);--text-action-high-brown-caramel:var(--brown-caramel-sun-425-moon-901);--text-action-high-brown-opera:var(--brown-opera-sun-395-moon-820);--text-action-high-beige-gris-galet:var(--beige-gris-galet-sun-407-moon-821);--text-title-grey:var(--grey-50-1000);--text-title-blue-france:var(--blue-france-sun-113-625);--text-title-red-marianne:var(--red-marianne-425-625);--text-label-grey:var(--grey-50-1000);--text-label-blue-france:var(--blue-france-sun-113-625);--text-label-red-marianne:var(--red-marianne-425-625);--text-label-green-tilleul-verveine:var(--green-tilleul-verveine-sun-418-moon-817);--text-label-green-bourgeon:var(--green-bourgeon-sun-425-moon-759);--text-label-green-emeraude:var(--green-emeraude-sun-425-moon-753);--text-label-green-menthe:var(--green-menthe-sun-373-moon-652);--text-label-green-archipel:var(--green-archipel-sun-391-moon-716);--text-label-blue-ecume:var(--blue-ecume-sun-247-moon-675);--text-label-blue-cumulus:var(--blue-cumulus-sun-368-moon-732);--text-label-purple-glycine:var(--purple-glycine-sun-319-moon-630);--text-label-pink-macaron:var(--pink-macaron-sun-406-moon-833);--text-label-pink-tuile:var(--pink-tuile-sun-425-moon-750);--text-label-yellow-tournesol:var(--yellow-tournesol-sun-407-moon-922);--text-label-yellow-moutarde:var(--yellow-moutarde-sun-348-moon-860);--text-label-orange-terre-battue:var(--orange-terre-battue-sun-370-moon-672);--text-label-brown-cafe-creme:var(--brown-cafe-creme-sun-383-moon-885);--text-label-brown-caramel:var(--brown-caramel-sun-425-moon-901);--text-label-brown-opera:var(--brown-opera-sun-395-moon-820);--text-label-beige-gris-galet:var(--beige-gris-galet-sun-407-moon-821);--text-active-grey:var(--grey-50-1000);--text-active-blue-france:var(--blue-france-sun-113-625);--text-active-red-marianne:var(--red-marianne-425-625);--text-mention-grey:var(--grey-425-625);--text-inverted-grey:var(--grey-1000-50);--text-inverted-blue-france:var(--blue-france-975-sun-113);--text-inverted-red-marianne:var(--red-marianne-975-75);--text-inverted-info:var(--info-975-75);--text-inverted-success:var(--success-975-75);--text-inverted-warning:var(--warning-975-75);--text-inverted-error:var(--error-975-75);--text-inverted-green-tilleul-verveine:var(--green-tilleul-verveine-975-75);--text-inverted-green-bourgeon:var(--green-bourgeon-975-75);--text-inverted-green-emeraude:var(--green-emeraude-975-75);--text-inverted-green-menthe:var(--green-menthe-975-75);--text-inverted-green-archipel:var(--green-archipel-975-75);--text-inverted-blue-ecume:var(--blue-ecume-975-75);--text-inverted-blue-cumulus:var(--blue-cumulus-975-75);--text-inverted-purple-glycine:var(--purple-glycine-975-75);--text-inverted-pink-macaron:var(--pink-macaron-975-75);--text-inverted-pink-tuile:var(--pink-tuile-975-75);--text-inverted-yellow-tournesol:var(--yellow-tournesol-975-75);--text-inverted-yellow-moutarde:var(--yellow-moutarde-975-75);--text-inverted-orange-terre-battue:var(--orange-terre-battue-975-75);--text-inverted-brown-cafe-creme:var(--brown-cafe-creme-975-75);--text-inverted-brown-caramel:var(--brown-caramel-975-75);--text-inverted-brown-opera:var(--brown-opera-975-75);--text-inverted-beige-gris-galet:var(--beige-gris-galet-975-75);--text-disabled-grey:var(--grey-625-425);--border-default-grey:var(--grey-900-175);--border-default-blue-france:var(--blue-france-main-525);--border-default-red-marianne:var(--red-marianne-main-472);--border-default-green-tilleul-verveine:var(--green-tilleul-verveine-main-707);--border-default-green-bourgeon:var(--green-bourgeon-main-640);--border-default-green-emeraude:var(--green-emeraude-main-632);--border-default-green-menthe:var(--green-menthe-main-548);--border-default-green-archipel:var(--green-archipel-main-557);--border-default-blue-ecume:var(--blue-ecume-main-400);--border-default-blue-cumulus:var(--blue-cumulus-main-526);--border-default-purple-glycine:var(--purple-glycine-main-494);--border-default-pink-macaron:var(--pink-macaron-main-689);--border-default-pink-tuile:var(--pink-tuile-main-556);--border-default-yellow-tournesol:var(--yellow-tournesol-main-731);--border-default-yellow-moutarde:var(--yellow-moutarde-main-679);--border-default-orange-terre-battue:var(--orange-terre-battue-main-645);--border-default-brown-cafe-creme:var(--brown-cafe-creme-main-782);--border-default-brown-caramel:var(--brown-caramel-main-648);--border-default-brown-opera:var(--brown-opera-main-680);--border-default-beige-gris-galet:var(--beige-gris-galet-main-702);--border-active-blue-france:var(--blue-france-sun-113-625);--border-active-red-marianne:var(--red-marianne-425-625);--border-action-high-grey:var(--grey-50-1000);--border-action-high-blue-france:var(--blue-france-sun-113-625);--border-action-high-red-marianne:var(--red-marianne-425-625);--border-action-high-info:var(--info-425-625);--border-action-high-success:var(--success-425-625);--border-action-high-warning:var(--warning-425-625);--border-action-high-error:var(--error-425-625);--border-action-low-blue-france:var(--blue-france-850-200);--border-action-low-red-marianne:var(--red-marianne-850-200);--border-action-low-green-tilleul-verveine:var(--green-tilleul-verveine-850-200);--border-action-low-green-bourgeon:var(--green-bourgeon-850-200);--border-action-low-green-emeraude:var(--green-emeraude-850-200);--border-action-low-green-menthe:var(--green-menthe-850-200);--border-action-low-green-archipel:var(--green-archipel-850-200);--border-action-low-blue-ecume:var(--blue-ecume-850-200);--border-action-low-blue-cumulus:var(--blue-cumulus-850-200);--border-action-low-purple-glycine:var(--purple-glycine-850-200);--border-action-low-pink-macaron:var(--pink-macaron-850-200);--border-action-low-pink-tuile:var(--pink-tuile-850-200);--border-action-low-yellow-tournesol:var(--yellow-tournesol-850-200);--border-action-low-yellow-moutarde:var(--yellow-moutarde-850-200);--border-action-low-orange-terre-battue:var(--orange-terre-battue-850-200);--border-action-low-brown-cafe-creme:var(--brown-cafe-creme-850-200);--border-action-low-brown-caramel:var(--brown-caramel-850-200);--border-action-low-brown-opera:var(--brown-opera-850-200);--border-action-low-beige-gris-galet:var(--beige-gris-galet-850-200);--border-open-blue-france:var(--blue-france-925-125);--border-open-red-marianne:var(--red-marianne-925-125);--border-plain-grey:var(--grey-200-850);--border-plain-blue-france:var(--blue-france-sun-113-625);--border-plain-red-marianne:var(--red-marianne-425-625);--border-plain-info:var(--info-425-625);--border-plain-success:var(--success-425-625);--border-plain-warning:var(--warning-425-625);--border-plain-error:var(--error-425-625);--border-plain-green-tilleul-verveine:var(--green-tilleul-verveine-sun-418-moon-817);--border-plain-green-bourgeon:var(--green-bourgeon-sun-425-moon-759);--border-plain-green-emeraude:var(--green-emeraude-sun-425-moon-753);--border-plain-green-menthe:var(--green-menthe-sun-373-moon-652);--border-plain-green-archipel:var(--green-archipel-sun-391-moon-716);--border-plain-blue-ecume:var(--blue-ecume-sun-247-moon-675);--border-plain-blue-cumulus:var(--blue-cumulus-sun-368-moon-732);--border-plain-purple-glycine:var(--purple-glycine-sun-319-moon-630);--border-plain-pink-macaron:var(--pink-macaron-sun-406-moon-833);--border-plain-pink-tuile:var(--pink-tuile-sun-425-moon-750);--border-plain-yellow-tournesol:var(--yellow-tournesol-sun-407-moon-922);--border-plain-yellow-moutarde:var(--yellow-moutarde-sun-348-moon-860);--border-plain-orange-terre-battue:var(--orange-terre-battue-sun-370-moon-672);--border-plain-brown-cafe-creme:var(--brown-cafe-creme-sun-383-moon-885);--border-plain-brown-caramel:var(--brown-caramel-sun-425-moon-901);--border-plain-brown-opera:var(--brown-opera-sun-395-moon-820);--border-plain-beige-gris-galet:var(--beige-gris-galet-sun-407-moon-821);--border-disabled-grey:var(--grey-925-125);--artwork-major-blue-france:var(--blue-france-sun-113-625);--artwork-major-blue-france-hover:var(--blue-france-sun-113-625-hover);--artwork-major-blue-france-active:var(--blue-france-sun-113-625-active);--artwork-major-red-marianne:var(--red-marianne-425-625);--artwork-major-red-marianne-hover:var(--red-marianne-425-625-hover);--artwork-major-red-marianne-active:var(--red-marianne-425-625-active);--artwork-major-green-tilleul-verveine:var(--green-tilleul-verveine-sun-418-moon-817);--artwork-major-green-tilleul-verveine-hover:var(--green-tilleul-verveine-sun-418-moon-817-hover);--artwork-major-green-tilleul-verveine-active:var(--green-tilleul-verveine-sun-418-moon-817-active);--artwork-major-green-bourgeon:var(--green-bourgeon-sun-425-moon-759);--artwork-major-green-bourgeon-hover:var(--green-bourgeon-sun-425-moon-759-hover);--artwork-major-green-bourgeon-active:var(--green-bourgeon-sun-425-moon-759-active);--artwork-major-green-emeraude:var(--green-emeraude-sun-425-moon-753);--artwork-major-green-emeraude-hover:var(--green-emeraude-sun-425-moon-753-hover);--artwork-major-green-emeraude-active:var(--green-emeraude-sun-425-moon-753-active);--artwork-major-green-menthe:var(--green-menthe-sun-373-moon-652);--artwork-major-green-menthe-hover:var(--green-menthe-sun-373-moon-652-hover);--artwork-major-green-menthe-active:var(--green-menthe-sun-373-moon-652-active);--artwork-major-green-archipel:var(--green-archipel-sun-391-moon-716);--artwork-major-green-archipel-hover:var(--green-archipel-sun-391-moon-716-hover);--artwork-major-green-archipel-active:var(--green-archipel-sun-391-moon-716-active);--artwork-major-blue-ecume:var(--blue-ecume-sun-247-moon-675);--artwork-major-blue-ecume-hover:var(--blue-ecume-sun-247-moon-675-hover);--artwork-major-blue-ecume-active:var(--blue-ecume-sun-247-moon-675-active);--artwork-major-blue-cumulus:var(--blue-cumulus-sun-368-moon-732);--artwork-major-blue-cumulus-hover:var(--blue-cumulus-sun-368-moon-732-hover);--artwork-major-blue-cumulus-active:var(--blue-cumulus-sun-368-moon-732-active);--artwork-major-purple-glycine:var(--purple-glycine-sun-319-moon-630);--artwork-major-purple-glycine-hover:var(--purple-glycine-sun-319-moon-630-hover);--artwork-major-purple-glycine-active:var(--purple-glycine-sun-319-moon-630-active);--artwork-major-pink-macaron:var(--pink-macaron-sun-406-moon-833);--artwork-major-pink-macaron-hover:var(--pink-macaron-sun-406-moon-833-hover);--artwork-major-pink-macaron-active:var(--pink-macaron-sun-406-moon-833-active);--artwork-major-pink-tuile:var(--pink-tuile-sun-425-moon-750);--artwork-major-pink-tuile-hover:var(--pink-tuile-sun-425-moon-750-hover);--artwork-major-pink-tuile-active:var(--pink-tuile-sun-425-moon-750-active);--artwork-major-yellow-tournesol:var(--yellow-tournesol-sun-407-moon-922);--artwork-major-yellow-tournesol-hover:var(--yellow-tournesol-sun-407-moon-922-hover);--artwork-major-yellow-tournesol-active:var(--yellow-tournesol-sun-407-moon-922-active);--artwork-major-yellow-moutarde:var(--yellow-moutarde-sun-348-moon-860);--artwork-major-yellow-moutarde-hover:var(--yellow-moutarde-sun-348-moon-860-hover);--artwork-major-yellow-moutarde-active:var(--yellow-moutarde-sun-348-moon-860-active);--artwork-major-orange-terre-battue:var(--orange-terre-battue-sun-370-moon-672);--artwork-major-orange-terre-battue-hover:var(--orange-terre-battue-sun-370-moon-672-hover);--artwork-major-orange-terre-battue-active:var(--orange-terre-battue-sun-370-moon-672-active);--artwork-major-brown-cafe-creme:var(--brown-cafe-creme-sun-383-moon-885);--artwork-major-brown-cafe-creme-hover:var(--brown-cafe-creme-sun-383-moon-885-hover);--artwork-major-brown-cafe-creme-active:var(--brown-cafe-creme-sun-383-moon-885-active);--artwork-major-brown-caramel:var(--brown-caramel-sun-425-moon-901);--artwork-major-brown-caramel-hover:var(--brown-caramel-sun-425-moon-901-hover);--artwork-major-brown-caramel-active:var(--brown-caramel-sun-425-moon-901-active);--artwork-major-brown-opera:var(--brown-opera-sun-395-moon-820);--artwork-major-brown-opera-hover:var(--brown-opera-sun-395-moon-820-hover);--artwork-major-brown-opera-active:var(--brown-opera-sun-395-moon-820-active);--artwork-major-beige-gris-galet:var(--beige-gris-galet-sun-407-moon-821);--artwork-major-beige-gris-galet-hover:var(--beige-gris-galet-sun-407-moon-821-hover);--artwork-major-beige-gris-galet-active:var(--beige-gris-galet-sun-407-moon-821-active);--artwork-minor-blue-france:var(--blue-france-main-525);--artwork-minor-red-marianne:var(--red-marianne-main-472);--artwork-minor-green-tilleul-verveine:var(--green-tilleul-verveine-main-707);--artwork-minor-green-bourgeon:var(--green-bourgeon-main-640);--artwork-minor-green-emeraude:var(--green-emeraude-main-632);--artwork-minor-green-menthe:var(--green-menthe-main-548);--artwork-minor-green-archipel:var(--green-archipel-main-557);--artwork-minor-blue-ecume:var(--blue-ecume-main-400);--artwork-minor-blue-cumulus:var(--blue-cumulus-main-526);--artwork-minor-purple-glycine:var(--purple-glycine-main-494);--artwork-minor-pink-macaron:var(--pink-macaron-main-689);--artwork-minor-pink-tuile:var(--pink-tuile-main-556);--artwork-minor-yellow-tournesol:var(--yellow-tournesol-main-731);--artwork-minor-yellow-moutarde:var(--yellow-moutarde-main-679);--artwork-minor-orange-terre-battue:var(--orange-terre-battue-main-645);--artwork-minor-brown-cafe-creme:var(--brown-cafe-creme-main-782);--artwork-minor-brown-caramel:var(--brown-caramel-main-648);--artwork-minor-brown-opera:var(--brown-opera-main-680);--artwork-minor-beige-gris-galet:var(--beige-gris-galet-main-702);--artwork-decorative-grey:var(--grey-950-100);--artwork-decorative-blue-france:var(--blue-france-950-100);--artwork-decorative-red-marianne:var(--red-marianne-950-100);--artwork-decorative-green-tilleul-verveine:var(--green-tilleul-verveine-950-100);--artwork-decorative-green-bourgeon:var(--green-bourgeon-950-100);--artwork-decorative-green-emeraude:var(--green-emeraude-950-100);--artwork-decorative-green-menthe:var(--green-menthe-950-100);--artwork-decorative-green-archipel:var(--green-archipel-950-100);--artwork-decorative-blue-ecume:var(--blue-ecume-950-100);--artwork-decorative-blue-cumulus:var(--blue-cumulus-950-100);--artwork-decorative-purple-glycine:var(--purple-glycine-950-100);--artwork-decorative-pink-macaron:var(--pink-macaron-950-100);--artwork-decorative-pink-tuile:var(--pink-tuile-950-100);--artwork-decorative-yellow-tournesol:var(--yellow-tournesol-950-100);--artwork-decorative-yellow-moutarde:var(--yellow-moutarde-950-100);--artwork-decorative-orange-terre-battue:var(--orange-terre-battue-950-100);--artwork-decorative-brown-cafe-creme:var(--brown-cafe-creme-950-100);--artwork-decorative-brown-caramel:var(--brown-caramel-950-100);--artwork-decorative-brown-opera:var(--brown-opera-950-100);--artwork-decorative-beige-gris-galet:var(--beige-gris-galet-950-100);--artwork-background-grey:var(--grey-975-75);--artwork-background-blue-france:var(--blue-france-975-75);--artwork-background-red-marianne:var(--red-marianne-975-75);--artwork-background-green-tilleul-verveine:var(--green-tilleul-verveine-975-75);--artwork-background-green-bourgeon:var(--green-bourgeon-975-75);--artwork-background-green-emeraude:var(--green-emeraude-975-75);--artwork-background-green-menthe:var(--green-menthe-975-75);--artwork-background-green-archipel:var(--green-archipel-975-75);--artwork-background-blue-ecume:var(--blue-ecume-975-75);--artwork-background-blue-cumulus:var(--blue-cumulus-975-75);--artwork-background-purple-glycine:var(--purple-glycine-975-75);--artwork-background-pink-macaron:var(--pink-macaron-975-75);--artwork-background-pink-tuile:var(--pink-tuile-975-75);--artwork-background-yellow-tournesol:var(--yellow-tournesol-975-75);--artwork-background-yellow-moutarde:var(--yellow-moutarde-975-75);--artwork-background-orange-terre-battue:var(--orange-terre-battue-975-75);--artwork-background-brown-cafe-creme:var(--brown-cafe-creme-975-75);--artwork-background-brown-caramel:var(--brown-caramel-975-75);--artwork-background-brown-opera:var(--brown-opera-975-75);--artwork-background-beige-gris-galet:var(--beige-gris-galet-975-75);--artwork-motif-grey:var(--grey-925-125);--artwork-motif-blue-france:var(--blue-france-925-125);--artwork-motif-red-marianne:var(--red-marianne-925-125);--artwork-motif-green-tilleul-verveine:var(--green-tilleul-verveine-925-125);--artwork-motif-green-bourgeon:var(--green-bourgeon-925-125);--artwork-motif-green-emeraude:var(--green-emeraude-925-125);--artwork-motif-green-menthe:var(--green-menthe-925-125);--artwork-motif-green-archipel:var(--green-archipel-925-125);--artwork-motif-blue-ecume:var(--blue-ecume-925-125);--artwork-motif-blue-cumulus:var(--blue-cumulus-925-125);--artwork-motif-purple-glycine:var(--purple-glycine-925-125);--artwork-motif-pink-macaron:var(--pink-macaron-925-125);--artwork-motif-pink-tuile:var(--pink-tuile-925-125);--artwork-motif-yellow-tournesol:var(--yellow-tournesol-925-125);--artwork-motif-yellow-moutarde:var(--yellow-moutarde-925-125);--artwork-motif-orange-terre-battue:var(--orange-terre-battue-925-125);--artwork-motif-brown-cafe-creme:var(--brown-cafe-creme-925-125);--artwork-motif-brown-caramel:var(--brown-caramel-925-125);--artwork-motif-brown-opera:var(--brown-opera-925-125);--artwork-motif-beige-gris-galet:var(--beige-gris-galet-925-125);--grey-1000-50:#fff;--grey-1000-50-hover:#f6f6f6;--grey-1000-50-active:#ededed;--grey-975-75:#f6f6f6;--grey-975-75-hover:#dfdfdf;--grey-975-75-active:#cfcfcf;--grey-950-100:#eee;--grey-950-100-hover:#d2d2d2;--grey-950-100-active:#c1c1c1;--grey-200-850:#3a3a3a;--grey-925-125:#e5e5e5;--grey-1000-75:#fff;--grey-1000-75-hover:#f6f6f6;--grey-1000-75-active:#ededed;--grey-1000-100:#fff;--grey-1000-100-hover:#f6f6f6;--grey-1000-100-active:#ededed;--grey-975-100:#f6f6f6;--grey-975-100-hover:#dfdfdf;--grey-975-100-active:#cfcfcf;--grey-975-125:#f6f6f6;--grey-975-125-hover:#dfdfdf;--grey-975-125-active:#cfcfcf;--grey-950-125:#eee;--grey-950-125-hover:#d2d2d2;--grey-950-125-active:#c1c1c1;--grey-950-150:#eee;--grey-950-150-hover:#d2d2d2;--grey-950-150-active:#c1c1c1;--grey-50-1000:#161616;--grey-425-625:#666;--grey-625-425:#929292;--grey-900-175:#ddd;--blue-france-975-75:#f5f5fe;--blue-france-975-75-hover:#dcdcfc;--blue-france-975-75-active:#cbcbfa;--blue-france-950-100:#ececfe;--blue-france-950-100-hover:#cecefc;--blue-france-950-100-active:#bbbbfc;--blue-france-sun-113-625:#000091;--blue-france-sun-113-625-hover:#1212ff;--blue-france-sun-113-625-active:#2323ff;--blue-france-925-125:#e3e3fd;--blue-france-925-125-hover:#c1c1fb;--blue-france-925-125-active:#adadf9;--blue-france-975-sun-113:#f5f5fe;--blue-france-main-525:#6a6af4;--blue-france-850-200:#cacafb;--red-marianne-975-75:#fef4f4;--red-marianne-975-75-hover:#fcd7d7;--red-marianne-975-75-active:#fac4c4;--red-marianne-950-100:#fee9e9;--red-marianne-950-100-hover:#fdc5c5;--red-marianne-950-100-active:#fcafaf;--red-marianne-425-625:#c9191e;--red-marianne-425-625-hover:#f93f42;--red-marianne-425-625-active:#f95a5c;--red-marianne-925-125:#fddede;--red-marianne-925-125-hover:#fbb6b6;--red-marianne-925-125-active:#fa9e9e;--red-marianne-main-472:#e1000f;--red-marianne-850-200:#fcbfbf;--info-950-100:#e8edff;--info-950-100-hover:#c2d1ff;--info-950-100-active:#a9bfff;--info-425-625:#0063cb;--info-425-625-hover:#3b87ff;--info-425-625-active:#6798ff;--info-975-75:#f4f6ff;--success-950-100:#b8fec9;--success-950-100-hover:#46fd89;--success-950-100-active:#34eb7b;--success-425-625:#18753c;--success-425-625-hover:#27a959;--success-425-625-active:#2fc368;--success-975-75:#dffee6;--warning-950-100:#ffe9e6;--warning-950-100-hover:#ffc6bd;--warning-950-100-active:#ffb0a2;--warning-425-625:#b34000;--warning-425-625-hover:#ff6218;--warning-425-625-active:#ff7a55;--warning-975-75:#fff4f3;--error-950-100:#ffe9e9;--error-950-100-hover:#ffc5c5;--error-950-100-active:#ffafaf;--error-425-625:#ce0500;--error-425-625-hover:#ff2725;--error-425-625-active:#ff4140;--error-975-75:#fff4f4;--green-tilleul-verveine-975-75:#fef7da;--green-tilleul-verveine-975-75-hover:#fce552;--green-tilleul-verveine-975-75-active:#ebd54c;--green-tilleul-verveine-950-100:#fceeac;--green-tilleul-verveine-950-100-hover:#e8d45c;--green-tilleul-verveine-950-100-active:#d4c254;--green-tilleul-verveine-sun-418-moon-817:#66673d;--green-tilleul-verveine-sun-418-moon-817-hover:#929359;--green-tilleul-verveine-sun-418-moon-817-active:#a7a967;--green-tilleul-verveine-925-125:#fbe769;--green-tilleul-verveine-925-125-hover:#d7c655;--green-tilleul-verveine-925-125-active:#c2b24c;--green-tilleul-verveine-main-707:#b7a73f;--green-tilleul-verveine-850-200:#e2cf58;--green-bourgeon-975-75:#e6feda;--green-bourgeon-975-75-hover:#a7fc62;--green-bourgeon-975-75-active:#98ed4d;--green-bourgeon-950-100:#c9fcac;--green-bourgeon-950-100-hover:#9ae95d;--green-bourgeon-950-100-active:#8dd555;--green-bourgeon-sun-425-moon-759:#447049;--green-bourgeon-sun-425-moon-759-hover:#639f6a;--green-bourgeon-sun-425-moon-759-active:#72b77a;--green-bourgeon-925-125:#a9fb68;--green-bourgeon-925-125-hover:#8ed654;--green-bourgeon-925-125-active:#7fc04b;--green-bourgeon-main-640:#68a532;--green-bourgeon-850-200:#95e257;--green-emeraude-975-75:#e3fdeb;--green-emeraude-975-75-hover:#94f9b9;--green-emeraude-975-75-active:#6df1a3;--green-emeraude-950-100:#c3fad5;--green-emeraude-950-100-hover:#77eda5;--green-emeraude-950-100-active:#6dd897;--green-emeraude-sun-425-moon-753:#297254;--green-emeraude-sun-425-moon-753-hover:#3ea47a;--green-emeraude-sun-425-moon-753-active:#49bc8d;--green-emeraude-925-125:#9ef9be;--green-emeraude-925-125-hover:#69df97;--green-emeraude-925-125-active:#5ec988;--green-emeraude-main-632:#00a95f;--green-emeraude-850-200:#6fe49d;--green-menthe-975-75:#dffdf7;--green-menthe-975-75-hover:#84f9e7;--green-menthe-975-75-active:#70ebd8;--green-menthe-950-100:#bafaee;--green-menthe-950-100-hover:#79e7d5;--green-menthe-950-100-active:#6fd3c3;--green-menthe-sun-373-moon-652:#37635f;--green-menthe-sun-373-moon-652-hover:#53918c;--green-menthe-sun-373-moon-652-active:#62a9a2;--green-menthe-925-125:#8bf8e7;--green-menthe-925-125-hover:#6ed5c5;--green-menthe-925-125-active:#62bfb1;--green-menthe-main-548:#009081;--green-menthe-850-200:#73e0cf;--green-archipel-975-75:#e5fbfd;--green-archipel-975-75-hover:#99f2f8;--green-archipel-975-75-active:#73e9f0;--green-archipel-950-100:#c7f6fc;--green-archipel-950-100-hover:#64ecf8;--green-archipel-950-100-active:#5bd8e3;--green-archipel-sun-391-moon-716:#006a6f;--green-archipel-sun-391-moon-716-hover:#009fa7;--green-archipel-sun-391-moon-716-active:#00bbc3;--green-archipel-925-125:#a6f2fa;--green-archipel-925-125-hover:#62dbe5;--green-archipel-925-125-active:#58c5cf;--green-archipel-main-557:#009099;--green-archipel-850-200:#60e0eb;--blue-ecume-975-75:#f4f6fe;--blue-ecume-975-75-hover:#d7dffb;--blue-ecume-975-75-active:#c3cffa;--blue-ecume-950-100:#e9edfe;--blue-ecume-950-100-hover:#c5d0fc;--blue-ecume-950-100-active:#adbffc;--blue-ecume-sun-247-moon-675:#2f4077;--blue-ecume-sun-247-moon-675-hover:#4e68bb;--blue-ecume-sun-247-moon-675-active:#667dcf;--blue-ecume-925-125:#dee5fd;--blue-ecume-925-125-hover:#b4c5fb;--blue-ecume-925-125-active:#99b3f9;--blue-ecume-main-400:#465f9d;--blue-ecume-850-200:#bfccfb;--blue-cumulus-975-75:#f3f6fe;--blue-cumulus-975-75-hover:#d3dffc;--blue-cumulus-975-75-active:#bed0fa;--blue-cumulus-950-100:#e6eefe;--blue-cumulus-950-100-hover:#bcd3fc;--blue-cumulus-950-100-active:#9fc3fc;--blue-cumulus-sun-368-moon-732:#3558a2;--blue-cumulus-sun-368-moon-732-hover:#5982e0;--blue-cumulus-sun-368-moon-732-active:#7996e6;--blue-cumulus-925-125:#dae6fd;--blue-cumulus-925-125-hover:#a9c8fb;--blue-cumulus-925-125-active:#8ab8f9;--blue-cumulus-main-526:#417dc4;--blue-cumulus-850-200:#b6cffb;--purple-glycine-975-75:#fef3fd;--purple-glycine-975-75-hover:#fcd4f8;--purple-glycine-975-75-active:#fabff5;--purple-glycine-950-100:#fee7fc;--purple-glycine-950-100-hover:#fdc0f8;--purple-glycine-950-100-active:#fca8f6;--purple-glycine-sun-319-moon-630:#6e445a;--purple-glycine-sun-319-moon-630-hover:#a66989;--purple-glycine-sun-319-moon-630-active:#bb7f9e;--purple-glycine-925-125:#fddbfa;--purple-glycine-925-125-hover:#fbaff5;--purple-glycine-925-125-active:#fa96f2;--purple-glycine-main-494:#a558a0;--purple-glycine-850-200:#fbb8f6;--pink-macaron-975-75:#fef4f2;--pink-macaron-975-75-hover:#fcd8d0;--pink-macaron-975-75-active:#fac5b8;--pink-macaron-950-100:#fee9e6;--pink-macaron-950-100-hover:#fdc6bd;--pink-macaron-950-100-active:#fcb0a2;--pink-macaron-sun-406-moon-833:#8d533e;--pink-macaron-sun-406-moon-833-hover:#ca795c;--pink-macaron-sun-406-moon-833-active:#e08e73;--pink-macaron-925-125:#fddfda;--pink-macaron-925-125-hover:#fbb8ab;--pink-macaron-925-125-active:#faa18d;--pink-macaron-main-689:#e18b76;--pink-macaron-850-200:#fcc0b4;--pink-tuile-975-75:#fef4f3;--pink-tuile-975-75-hover:#fcd7d3;--pink-tuile-975-75-active:#fac4be;--pink-tuile-950-100:#fee9e7;--pink-tuile-950-100-hover:#fdc6c0;--pink-tuile-950-100-active:#fcb0a7;--pink-tuile-sun-425-moon-750:#a94645;--pink-tuile-sun-425-moon-750-hover:#d5706f;--pink-tuile-sun-425-moon-750-active:#da8a89;--pink-tuile-925-125:#fddfdb;--pink-tuile-925-125-hover:#fbb8ad;--pink-tuile-925-125-active:#faa191;--pink-tuile-main-556:#ce614a;--pink-tuile-850-200:#fcbfb7;--yellow-tournesol-975-75:#fef6e3;--yellow-tournesol-975-75-hover:#fce086;--yellow-tournesol-975-75-active:#f5d24b;--yellow-tournesol-950-100:#feecc2;--yellow-tournesol-950-100-hover:#fbd335;--yellow-tournesol-950-100-active:#e6c130;--yellow-tournesol-sun-407-moon-922:#716043;--yellow-tournesol-sun-407-moon-922-hover:#a28a62;--yellow-tournesol-sun-407-moon-922-active:#ba9f72;--yellow-tournesol-925-125:#fde39c;--yellow-tournesol-925-125-hover:#e9c53b;--yellow-tournesol-925-125-active:#d3b235;--yellow-tournesol-main-731:#c8aa39;--yellow-tournesol-850-200:#efcb3a;--yellow-moutarde-975-75:#fef5e8;--yellow-moutarde-975-75-hover:#fcdca3;--yellow-moutarde-975-75-active:#fbcd64;--yellow-moutarde-950-100:#feebd0;--yellow-moutarde-950-100-hover:#fdcd6d;--yellow-moutarde-950-100-active:#f4be30;--yellow-moutarde-sun-348-moon-860:#695240;--yellow-moutarde-sun-348-moon-860-hover:#9b7b61;--yellow-moutarde-sun-348-moon-860-active:#b58f72;--yellow-moutarde-925-125:#fde2b5;--yellow-moutarde-925-125-hover:#f6c43c;--yellow-moutarde-925-125-active:#dfb135;--yellow-moutarde-main-679:#c3992a;--yellow-moutarde-850-200:#fcc63a;--orange-terre-battue-975-75:#fef4f2;--orange-terre-battue-975-75-hover:#fcd8d0;--orange-terre-battue-975-75-active:#fac5b8;--orange-terre-battue-950-100:#fee9e5;--orange-terre-battue-950-100-hover:#fdc6ba;--orange-terre-battue-950-100-active:#fcb09e;--orange-terre-battue-sun-370-moon-672:#755348;--orange-terre-battue-sun-370-moon-672-hover:#ab7b6b;--orange-terre-battue-sun-370-moon-672-active:#c68f7d;--orange-terre-battue-925-125:#fddfd8;--orange-terre-battue-925-125-hover:#fbb8a5;--orange-terre-battue-925-125-active:#faa184;--orange-terre-battue-main-645:#e4794a;--orange-terre-battue-850-200:#fcc0b0;--brown-cafe-creme-975-75:#fbf6ed;--brown-cafe-creme-975-75-hover:#f2deb6;--brown-cafe-creme-975-75-active:#eacf91;--brown-cafe-creme-950-100:#f7ecdb;--brown-cafe-creme-950-100-hover:#edce94;--brown-cafe-creme-950-100-active:#dabd84;--brown-cafe-creme-sun-383-moon-885:#685c48;--brown-cafe-creme-sun-383-moon-885-hover:#97866a;--brown-cafe-creme-sun-383-moon-885-active:#ae9b7b;--brown-cafe-creme-925-125:#f4e3c7;--brown-cafe-creme-925-125-hover:#e1c386;--brown-cafe-creme-925-125-active:#ccb078;--brown-cafe-creme-main-782:#d1b781;--brown-cafe-creme-850-200:#e7ca8e;--brown-caramel-975-75:#fbf5f2;--brown-caramel-975-75-hover:#f1dbcf;--brown-caramel-975-75-active:#ecc9b5;--brown-caramel-950-100:#f7ebe5;--brown-caramel-950-100-hover:#eccbb9;--brown-caramel-950-100-active:#e6b79a;--brown-caramel-sun-425-moon-901:#845d48;--brown-caramel-sun-425-moon-901-hover:#bb8568;--brown-caramel-sun-425-moon-901-active:#d69978;--brown-caramel-925-125:#f3e2d9;--brown-caramel-925-125-hover:#e7bea6;--brown-caramel-925-125-active:#e1a982;--brown-caramel-main-648:#c08c65;--brown-caramel-850-200:#eac7b2;--brown-opera-975-75:#fbf5f2;--brown-opera-975-75-hover:#f1dbcf;--brown-opera-975-75-active:#ecc9b5;--brown-opera-950-100:#f7ece4;--brown-opera-950-100-hover:#eccdb3;--brown-opera-950-100-active:#e6ba90;--brown-opera-sun-395-moon-820:#745b47;--brown-opera-sun-395-moon-820-hover:#a78468;--brown-opera-sun-395-moon-820-active:#c09979;--brown-opera-925-125:#f3e2d7;--brown-opera-925-125-hover:#e7bfa0;--brown-opera-925-125-active:#deaa7e;--brown-opera-main-680:#bd987a;--brown-opera-850-200:#eac7ad;--beige-gris-galet-975-75:#f9f6f2;--beige-gris-galet-975-75-hover:#eadecd;--beige-gris-galet-975-75-active:#e1ceb1;--beige-gris-galet-950-100:#f3ede5;--beige-gris-galet-950-100-hover:#e1d0b5;--beige-gris-galet-950-100-active:#d1bea2;--beige-gris-galet-sun-407-moon-821:#6a6156;--beige-gris-galet-sun-407-moon-821-hover:#988b7c;--beige-gris-galet-sun-407-moon-821-active:#afa08f;--beige-gris-galet-925-125:#eee4d9;--beige-gris-galet-925-125-hover:#dbc3a4;--beige-gris-galet-925-125-active:#c6b094;--beige-gris-galet-main-702:#aea397;--beige-gris-galet-850-200:#e0cab0;--scrollbar-width:0;--ground:0;--shadow-color:rgba(0,0,18,.16);--raised-shadow:0 1px 3px var(--shadow-color);--overlap-shadow:0 2px 6px var(--shadow-color);--lifted-shadow:0 3px 9px var(--shadow-color);box-sizing:border-box}[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;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);transition:background-size 0s}[target=_blank]:after,[target=_blank][class*=" fr-fi-"]:after,[target=_blank][class*=" fr-icon-"]:after,[target=_blank][class^=fr-fi-]:after,[target=_blank][class^=fr-icon-]:after{--icon-size:1rem;background-color:currentColor;content:var(--external-link-content);display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;-webkit-mask-image:url(icons/system/external-link-line.svg);mask-image:url(icons/system/external-link-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}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{border:none;color:inherit;font-family:inherit}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0}input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;border:0;border-radius:0;font-family:Marianne,arial,sans-serif;text-rendering:optimizeLegibility}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{height:1.25rem;margin-left:1rem;margin-right:-1px;mask-size:1.25rem 1.25rem;width:1.25rem}[contenteditable]:not([contenteditable=false]),[tabindex],a,audio[controls],button,details,details>summary:first-of-type,input,input[type=button],input[type=checkbox]+label:before,input[type=image],input[type=radio]+label:before,input[type=reset],input[type=submit],select,textarea,video[controls]{outline-color:#0a76f6;outline-offset:2px;outline-width:2px}[contenteditable]:not([contenteditable=false]):focus,[tabindex]:focus,a:focus,audio:focus[controls],button:focus,details:focus,details>summary:first-of-type:focus,input:focus,input[type=button]:focus,input[type=checkbox]:focus+label:before,input[type=image]:focus,input[type=radio]:focus+label:before,input[type=reset]:focus,input[type=submit]:focus,select:focus,textarea:focus,video:focus[controls]{outline-style:solid}[contenteditable]:not([contenteditable=false]):focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible),a:focus:not(:focus-visible),audio:focus:not(:focus-visible)[controls],button:focus:not(:focus-visible),details:focus:not(:focus-visible),details>summary:first-of-type:focus:not(:focus-visible),input:focus:not(:focus-visible),input[type=button]:focus:not(:focus-visible),input[type=checkbox]:focus:not(:focus-visible)+label:before,input[type=image]:focus:not(:focus-visible),input[type=radio]:focus:not(:focus-visible)+label:before,input[type=reset]:focus:not(:focus-visible),input[type=submit]:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),video:focus:not(:focus-visible)[controls]{outline-style:none}[contenteditable]:not([contenteditable=false]):focus-visible,[tabindex]:focus-visible,a:focus-visible,audio:focus-visible[controls],button:focus-visible,details:focus-visible,details>summary:first-of-type:focus-visible,input:focus-visible,input[type=button]:focus-visible,input[type=checkbox]:focus-visible+label:before,input[type=image]:focus-visible,input[type=radio]:focus-visible+label:before,input[type=reset]:focus-visible,input[type=submit]:focus-visible,select:focus-visible,textarea:focus-visible,video:focus-visible[controls]{outline-style:solid}button,input[type=button],input[type=image],input[type=reset],input[type=submit]{--hover-tint:var(--hover);--active-tint:var(--active)}a,audio[controls],button,details,details>summary:first-of-type,input[type=button],input[type=checkbox],input[type=checkbox]+label,input[type=file],input[type=image],input[type=radio],input[type=radio]+label,input[type=range],input[type=reset],input[type=submit],select,video[controls]{cursor:pointer}a:not([href]),audio:not([href])[controls],button:disabled,input:disabled,input[type=button]:disabled,input[type=checkbox]:disabled,input[type=checkbox]:disabled+label,input[type=file]:disabled,input[type=image]:disabled,input[type=radio]:disabled,input[type=radio]:disabled+label,input[type=range]:disabled,input[type=reset]:disabled,input[type=submit]:disabled,select:disabled,textarea:disabled,video:not([href])[controls]{cursor:not-allowed}a:not([href]),audio:not([href]),button:disabled,input:disabled,input[type=checkbox]:disabled,input[type=checkbox]:disabled+label,input[type=radio]:disabled,input[type=radio]:disabled+label,textarea:disabled,video:not([href]){color:var(--text-disabled-grey);opacity:1}.fr-enlarge-link{position:relative}.fr-enlarge-link a{background-image:none;outline-width:0}.fr-enlarge-link a:before{bottom:0;content:"";display:block;height:100%;left:0;outline-color:inherit;outline-offset:2px;outline-style:inherit;outline-width:2px;position:absolute;right:0;top:0;width:100%;z-index:1}.fr-transition-none{transition:none!important}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:300;src:url(fonts/Marianne-Light.woff2) format("woff2"),url(fonts/Marianne-Light.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:300;src:url(fonts/Marianne-Light_Italic.woff2) format("woff2"),url(fonts/Marianne-Light_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:400;src:url(fonts/Marianne-Regular.woff2) format("woff2"),url(fonts/Marianne-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:400;src:url(fonts/Marianne-Regular_Italic.woff2) format("woff2"),url(fonts/Marianne-Regular_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:500;src:url(fonts/Marianne-Medium.woff2) format("woff2"),url(fonts/Marianne-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:500;src:url(fonts/Marianne-Medium_Italic.woff2) format("woff2"),url(fonts/Marianne-Medium_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:normal;font-weight:700;src:url(fonts/Marianne-Bold.woff2) format("woff2"),url(fonts/Marianne-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:Marianne;font-style:italic;font-weight:700;src:url(fonts/Marianne-Bold_Italic.woff2) format("woff2"),url(fonts/Marianne-Bold_Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Spectral;font-style:normal;font-weight:400;src:url(fonts/Spectral-Regular.woff2) format("woff2"),url(fonts/Spectral-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Spectral;font-style:normal;font-weight:900;src:url(fonts/Spectral-ExtraBold.woff2) format("woff2"),url(fonts/Spectral-ExtraBold.woff) format("woff")}h6{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:var(--title-spacing)}h5{font-size:1.25rem}h4,h5{font-weight:700;line-height:1.75rem;margin:var(--title-spacing)}h4{font-size:1.375rem}h3{font-size:1.5rem;line-height:2rem}h2,h3{font-weight:700;margin:var(--title-spacing)}h2{font-size:1.75rem;line-height:2.25rem}h1{font-size:2rem;font-weight:700;line-height:2.5rem;margin:var(--title-spacing)}p{font-size:1rem;line-height:1.5rem;margin:var(--text-spacing)}ol,ul{--xl-size:var(--xl-base);margin:0;margin-block-end:var(--xl-block);margin-block-start:var(--xl-block);padding:0}ul{list-style-type:var(--ul-type);padding-inline-start:var(--ul-start)}ul>li::marker{font-size:calc(var(--xl-size)*.9)}ol{counter-reset:li-counter;list-style-type:var(--ol-type);padding-inline-start:var(--ol-start)}ol>li{counter-increment:li-counter}ol>li::marker{content:var(--ol-content);font-size:var(--xl-size);font-weight:700}li{--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,".") ".  "}sub,sup{line-height:1}.fr-text--light{font-weight:300!important}.fr-text--regular{font-weight:400!important}.fr-text--bold{font-weight:700!important}.fr-text--heavy{font-weight:900!important}.fr-h6{font-size:1.125rem!important;font-weight:700!important;line-height:1.5rem!important;margin:var(--title-spacing)}.fr-h5{font-size:1.25rem!important}.fr-h4,.fr-h5{font-weight:700!important;line-height:1.75rem!important;margin:var(--title-spacing)}.fr-h4{font-size:1.375rem!important}.fr-h3{font-size:1.5rem!important;line-height:2rem!important}.fr-h2,.fr-h3{font-weight:700!important;margin:var(--title-spacing)}.fr-h2{font-size:1.75rem!important;line-height:2.25rem!important}.fr-h1{font-size:2rem!important;font-weight:700!important;line-height:2.5rem!important;margin:var(--title-spacing)}.fr-display--xs{font-size:2.5rem!important;line-height:3rem!important}.fr-display--sm,.fr-display--xs{font-weight:700!important;margin:var(--display-spacing)}.fr-display--sm{font-size:3rem!important;line-height:3.5rem!important}.fr-display--md{font-size:3.5rem!important;line-height:4rem!important}.fr-display--lg,.fr-display--md{font-weight:700!important;margin:var(--display-spacing)}.fr-display--lg{font-size:4rem!important;line-height:4.5rem!important}.fr-display--xl{font-size:4.5rem!important;font-weight:700!important;line-height:5rem!important;margin:var(--display-spacing)}.fr-text--alt{font-family:Spectral,georgia,serif!important}.fr-text--xs{font-size:.75rem!important;line-height:1.25rem!important;margin:var(--text-spacing)}.fr-text--sm{font-size:.875rem!important}.fr-text--md,.fr-text--sm{line-height:1.5rem!important;margin:var(--text-spacing)}.fr-text--md{font-size:1rem!important}.fr-text--lg{font-size:1.125rem!important;line-height:1.75rem!important;margin:var(--text-spacing)}.fr-text--lead,.fr-text--xl{font-size:1.25rem!important;line-height:2rem!important;margin:var(--text-spacing)}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);color:var(--text-default-grey);font-family:Marianne,arial,sans-serif;font-size:1rem;line-height:1.5rem;margin:0;padding:0;text-rendering:optimizeLegibility}[class*=" fr-fi-"]:after,[class*=" fr-fi-"]:before,[class*=" fr-icon-"]:after,[class*=" fr-icon-"]:before,[class^=fr-fi-]:after,[class^=fr-fi-]:before,[class^=fr-icon-]:after,[class^=fr-icon-]:before{--icon-size:1.5rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}[class*=" fr-fi-"]:before,[class*=" fr-icon-"]:before,[class^=fr-fi-]:before,[class^=fr-icon-]:before{content:""}.fr-icon--xs:after,.fr-icon--xs:before{--icon-size:0.75rem}.fr-icon--sm:after,.fr-icon--sm:before{--icon-size:1rem}.fr-icon--md:after,.fr-icon--md:before{--icon-size:1.5rem}.fr-icon--lg:after,.fr-icon--lg:before{--icon-size:2rem}.fr-hidden{display:none!important}.fr-unhidden{display:inherit!important}:root body{border-right:var(--scrollbar-width) solid transparent}:root[data-fr-scrolling] body{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}.fr-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-hr,hr{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;border:0;display:block;margin:0;padding:var(--text-spacing)}.fr-hr--sm{margin-left:auto;margin-right:auto;width:10rem}.fr-hr-or{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.875rem;font-weight:700;justify-content:center;line-height:1.5rem;text-transform:uppercase}.fr-hr-or:after,.fr-hr-or:before{--idle:transparent;--hover:var(--border-default-grey-hover);--active:var(--border-default-grey-active);background-color:var(--border-default-grey);content:"";display:inline-flex;height:1px;width:100%}.fr-hr-or:before{margin-right:.75rem}.fr-hr-or:after{margin-left:.75rem}.fr-ellipsis{display:inline!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}iframe{border:0}.fr-fluid-img{height:auto;max-width:100%}@supports (aspect-ratio:16/9){.fr-ratio-32x9{aspect-ratio:3.5555555556!important}.fr-ratio-16x9{aspect-ratio:1.7777777778!important}.fr-ratio-3x2{aspect-ratio:1.5!important}.fr-ratio-4x3{aspect-ratio:1.3333333333!important}.fr-ratio-1x1{aspect-ratio:1!important}.fr-ratio-3x4{aspect-ratio:.75!important}.fr-ratio-2x3{aspect-ratio:.6666666667!important}}[class*=" fr-ratio"],[class^=fr-ratio]{object-fit:cover;object-position:50% 50%;width:100%}iframe[class*=" fr-ratio"],iframe[class^=fr-ratio]{object-fit:fill}.fr-responsive-img{height:auto;width:100%}.fr-responsive-vid{aspect-ratio:1.7777777778;display:block;position:relative;width:100%}.fr-responsive-vid__player{border:0;display:block;height:100%;width:100%}.fr-responsive-vid>.fr-consent-placeholder{bottom:0;height:100%;left:0;object-fit:cover;object-position:50% 50%;position:absolute;right:0;top:0;width:100%}.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{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}.fr-container--fluid{max-width:none;overflow:hidden;padding-left:0;padding-right:0}.fr-grid-row--gutters{margin:-.5rem}.fr-grid-row--gutters>.fr-col,.fr-grid-row--gutters>[class*=" fr-col-"],.fr-grid-row--gutters>[class^=fr-col-]{padding:.5rem}.fr-grid-row--no-gutters{margin:0}.fr-grid-row--no-gutters>.fr-col,.fr-grid-row--no-gutters>[class*=" fr-col-"],.fr-grid-row--no-gutters>[class^=fr-col-]{padding:0}.fr-col{flex:1}.fr-col-1{flex:0 0 8.33333%;max-width:8.33333%;width:8.33333%}.fr-col-offset-1:not(.fr-col-offset-1--right){margin-left:8.33333%}.fr-col-offset-1--right{margin-right:8.33333%}.fr-col-2{flex:0 0 16.66667%;max-width:16.66667%;width:16.66667%}.fr-col-offset-2:not(.fr-col-offset-2--right){margin-left:16.66667%}.fr-col-offset-2--right{margin-right:16.66667%}.fr-col-3{flex:0 0 25%;max-width:25%;width:25%}.fr-col-offset-3:not(.fr-col-offset-3--right){margin-left:25%}.fr-col-offset-3--right{margin-right:25%}.fr-col-4{flex:0 0 33.33333%;max-width:33.33333%;width:33.33333%}.fr-col-offset-4:not(.fr-col-offset-4--right){margin-left:33.33333%}.fr-col-offset-4--right{margin-right:33.33333%}.fr-col-5{flex:0 0 41.66667%;max-width:41.66667%;width:41.66667%}.fr-col-offset-5:not(.fr-col-offset-5--right){margin-left:41.66667%}.fr-col-offset-5--right{margin-right:41.66667%}.fr-col-6{flex:0 0 50%;max-width:50%;width:50%}.fr-col-offset-6:not(.fr-col-offset-6--right){margin-left:50%}.fr-col-offset-6--right{margin-right:50%}.fr-col-7{flex:0 0 58.33333%;max-width:58.33333%;width:58.33333%}.fr-col-offset-7:not(.fr-col-offset-7--right){margin-left:58.33333%}.fr-col-offset-7--right{margin-right:58.33333%}.fr-col-8{flex:0 0 66.66667%;max-width:66.66667%;width:66.66667%}.fr-col-offset-8:not(.fr-col-offset-8--right){margin-left:66.66667%}.fr-col-offset-8--right{margin-right:66.66667%}.fr-col-9{flex:0 0 75%;max-width:75%;width:75%}.fr-col-offset-9:not(.fr-col-offset-9--right){margin-left:75%}.fr-col-offset-9--right{margin-right:75%}.fr-col-10{flex:0 0 83.33333%;max-width:83.33333%;width:83.33333%}.fr-col-offset-10:not(.fr-col-offset-10--right){margin-left:83.33333%}.fr-col-offset-10--right{margin-right:83.33333%}.fr-col-11{flex:0 0 91.66667%;max-width:91.66667%;width:91.66667%}.fr-col-offset-11:not(.fr-col-offset-11--right){margin-left:91.66667%}.fr-col-offset-11--right{margin-right:91.66667%}.fr-col-12{flex:0 0 100%;max-width:100%;width:100%}.fr-col-offset-12:not(.fr-col-offset-12--right){margin-left:100%}.fr-col-offset-12--right{margin-right:100%}.fr-no-after:after,.fr-no-before:before{content:none}.fr-collapse{--collapse-max-height:0;--collapse:-99999px;--collapser:"";max-height:0;max-height:var(--collapse-max-height);overflow:hidden;transition:visibility .3s}.fr-collapse:before{content:"";content:var(--collapser);display:block;margin-top:0;transition:margin-top .3s}.fr-collapse:not(.fr-collapse--expanded){visibility:hidden}.fr-collapse:not(.fr-collapse--expanded):before{margin-top:-99999px;margin-top:var(--collapse)}.fr-m-n4w,.fr-m-n8v{margin:-2rem!important}.fr-ml-n4w,.fr-ml-n8v,.fr-mx-n4w,.fr-mx-n8v{margin-left:-2rem!important}.fr-mr-n4w,.fr-mr-n8v,.fr-mx-n4w,.fr-mx-n8v{margin-right:-2rem!important}.fr-mt-n4w,.fr-mt-n8v,.fr-my-n4w,.fr-my-n8v{margin-top:-2rem!important}.fr-mb-n4w,.fr-mb-n8v,.fr-my-n4w,.fr-my-n8v{margin-bottom:-2rem!important}.fr-m-n7v{margin:-1.75rem!important}.fr-ml-n7v,.fr-mx-n7v{margin-left:-1.75rem!important}.fr-mr-n7v,.fr-mx-n7v{margin-right:-1.75rem!important}.fr-mt-n7v,.fr-my-n7v{margin-top:-1.75rem!important}.fr-mb-n7v,.fr-my-n7v{margin-bottom:-1.75rem!important}.fr-m-n3w,.fr-m-n6v{margin:-1.5rem!important}.fr-ml-n3w,.fr-ml-n6v,.fr-mx-n3w,.fr-mx-n6v{margin-left:-1.5rem!important}.fr-mr-n3w,.fr-mr-n6v,.fr-mx-n3w,.fr-mx-n6v{margin-right:-1.5rem!important}.fr-mt-n3w,.fr-mt-n6v,.fr-my-n3w,.fr-my-n6v{margin-top:-1.5rem!important}.fr-mb-n3w,.fr-mb-n6v,.fr-my-n3w,.fr-my-n6v{margin-bottom:-1.5rem!important}.fr-m-n5v{margin:-1.25rem!important}.fr-ml-n5v,.fr-mx-n5v{margin-left:-1.25rem!important}.fr-mr-n5v,.fr-mx-n5v{margin-right:-1.25rem!important}.fr-mt-n5v,.fr-my-n5v{margin-top:-1.25rem!important}.fr-mb-n5v,.fr-my-n5v{margin-bottom:-1.25rem!important}.fr-m-n2w,.fr-m-n4v{margin:-1rem!important}.fr-ml-n2w,.fr-ml-n4v,.fr-mx-n2w,.fr-mx-n4v{margin-left:-1rem!important}.fr-mr-n2w,.fr-mr-n4v,.fr-mx-n2w,.fr-mx-n4v{margin-right:-1rem!important}.fr-mt-n2w,.fr-mt-n4v,.fr-my-n2w,.fr-my-n4v{margin-top:-1rem!important}.fr-mb-n2w,.fr-mb-n4v,.fr-my-n2w,.fr-my-n4v{margin-bottom:-1rem!important}.fr-m-n3v{margin:-.75rem!important}.fr-ml-n3v,.fr-mx-n3v{margin-left:-.75rem!important}.fr-mr-n3v,.fr-mx-n3v{margin-right:-.75rem!important}.fr-mt-n3v,.fr-my-n3v{margin-top:-.75rem!important}.fr-mb-n3v,.fr-my-n3v{margin-bottom:-.75rem!important}.fr-m-n1w,.fr-m-n2v{margin:-.5rem!important}.fr-ml-n1w,.fr-ml-n2v,.fr-mx-n1w,.fr-mx-n2v{margin-left:-.5rem!important}.fr-mr-n1w,.fr-mr-n2v,.fr-mx-n1w,.fr-mx-n2v{margin-right:-.5rem!important}.fr-mt-n1w,.fr-mt-n2v,.fr-my-n1w,.fr-my-n2v{margin-top:-.5rem!important}.fr-mb-n1w,.fr-mb-n2v,.fr-my-n1w,.fr-my-n2v{margin-bottom:-.5rem!important}.fr-m-n1v{margin:-.25rem!important}.fr-ml-n1v,.fr-mx-n1v{margin-left:-.25rem!important}.fr-mr-n1v,.fr-mx-n1v{margin-right:-.25rem!important}.fr-mt-n1v,.fr-my-n1v{margin-top:-.25rem!important}.fr-mb-n1v,.fr-my-n1v{margin-bottom:-.25rem!important}.fr-m-n1-5v{margin:-.375rem!important}.fr-ml-n1-5v,.fr-mx-n1-5v{margin-left:-.375rem!important}.fr-mr-n1-5v,.fr-mx-n1-5v{margin-right:-.375rem!important}.fr-mt-n1-5v,.fr-my-n1-5v{margin-top:-.375rem!important}.fr-mb-n1-5v,.fr-my-n1-5v{margin-bottom:-.375rem!important}.fr-m-0{margin:0!important}.fr-ml-0,.fr-mx-0{margin-left:0!important}.fr-mr-0,.fr-mx-0{margin-right:0!important}.fr-mt-0,.fr-my-0{margin-top:0!important}.fr-mb-0,.fr-my-0{margin-bottom:0!important}.fr-m-n0-5v{margin:-.125rem!important}.fr-ml-n0-5v,.fr-mx-n0-5v{margin-left:-.125rem!important}.fr-mr-n0-5v,.fr-mx-n0-5v{margin-right:-.125rem!important}.fr-mt-n0-5v,.fr-my-n0-5v{margin-top:-.125rem!important}.fr-mb-n0-5v,.fr-my-n0-5v{margin-bottom:-.125rem!important}.fr-m-0-5v{margin:.125rem!important}.fr-ml-0-5v,.fr-mx-0-5v{margin-left:.125rem!important}.fr-mr-0-5v,.fr-mx-0-5v{margin-right:.125rem!important}.fr-mt-0-5v,.fr-my-0-5v{margin-top:.125rem!important}.fr-mb-0-5v,.fr-my-0-5v{margin-bottom:.125rem!important}.fr-m-1v{margin:.25rem!important}.fr-ml-1v,.fr-mx-1v{margin-left:.25rem!important}.fr-mr-1v,.fr-mx-1v{margin-right:.25rem!important}.fr-mt-1v,.fr-my-1v{margin-top:.25rem!important}.fr-mb-1v,.fr-my-1v{margin-bottom:.25rem!important}.fr-m-1-5v{margin:.375rem!important}.fr-ml-1-5v,.fr-mx-1-5v{margin-left:.375rem!important}.fr-mr-1-5v,.fr-mx-1-5v{margin-right:.375rem!important}.fr-mt-1-5v,.fr-my-1-5v{margin-top:.375rem!important}.fr-mb-1-5v,.fr-my-1-5v{margin-bottom:.375rem!important}.fr-m-1w,.fr-m-2v{margin:.5rem!important}.fr-ml-1w,.fr-ml-2v,.fr-mx-1w,.fr-mx-2v{margin-left:.5rem!important}.fr-mr-1w,.fr-mr-2v,.fr-mx-1w,.fr-mx-2v{margin-right:.5rem!important}.fr-mt-1w,.fr-mt-2v,.fr-my-1w,.fr-my-2v{margin-top:.5rem!important}.fr-mb-1w,.fr-mb-2v,.fr-my-1w,.fr-my-2v{margin-bottom:.5rem!important}.fr-m-3v{margin:.75rem!important}.fr-ml-3v,.fr-mx-3v{margin-left:.75rem!important}.fr-mr-3v,.fr-mx-3v{margin-right:.75rem!important}.fr-mt-3v,.fr-my-3v{margin-top:.75rem!important}.fr-mb-3v,.fr-my-3v{margin-bottom:.75rem!important}.fr-m-2w,.fr-m-4v{margin:1rem!important}.fr-ml-2w,.fr-ml-4v,.fr-mx-2w,.fr-mx-4v{margin-left:1rem!important}.fr-mr-2w,.fr-mr-4v,.fr-mx-2w,.fr-mx-4v{margin-right:1rem!important}.fr-mt-2w,.fr-mt-4v,.fr-my-2w,.fr-my-4v{margin-top:1rem!important}.fr-mb-2w,.fr-mb-4v,.fr-my-2w,.fr-my-4v{margin-bottom:1rem!important}.fr-m-5v{margin:1.25rem!important}.fr-ml-5v,.fr-mx-5v{margin-left:1.25rem!important}.fr-mr-5v,.fr-mx-5v{margin-right:1.25rem!important}.fr-mt-5v,.fr-my-5v{margin-top:1.25rem!important}.fr-mb-5v,.fr-my-5v{margin-bottom:1.25rem!important}.fr-m-3w,.fr-m-6v{margin:1.5rem!important}.fr-ml-3w,.fr-ml-6v,.fr-mx-3w,.fr-mx-6v{margin-left:1.5rem!important}.fr-mr-3w,.fr-mr-6v,.fr-mx-3w,.fr-mx-6v{margin-right:1.5rem!important}.fr-mt-3w,.fr-mt-6v,.fr-my-3w,.fr-my-6v{margin-top:1.5rem!important}.fr-mb-3w,.fr-mb-6v,.fr-my-3w,.fr-my-6v{margin-bottom:1.5rem!important}.fr-m-7v{margin:1.75rem!important}.fr-ml-7v,.fr-mx-7v{margin-left:1.75rem!important}.fr-mr-7v,.fr-mx-7v{margin-right:1.75rem!important}.fr-mt-7v,.fr-my-7v{margin-top:1.75rem!important}.fr-mb-7v,.fr-my-7v{margin-bottom:1.75rem!important}.fr-m-4w,.fr-m-8v{margin:2rem!important}.fr-ml-4w,.fr-ml-8v,.fr-mx-4w,.fr-mx-8v{margin-left:2rem!important}.fr-mr-4w,.fr-mr-8v,.fr-mx-4w,.fr-mx-8v{margin-right:2rem!important}.fr-mt-4w,.fr-mt-8v,.fr-my-4w,.fr-my-8v{margin-top:2rem!important}.fr-mb-4w,.fr-mb-8v,.fr-my-4w,.fr-my-8v{margin-bottom:2rem!important}.fr-m-9v{margin:2.25rem!important}.fr-ml-9v,.fr-mx-9v{margin-left:2.25rem!important}.fr-mr-9v,.fr-mx-9v{margin-right:2.25rem!important}.fr-mt-9v,.fr-my-9v{margin-top:2.25rem!important}.fr-mb-9v,.fr-my-9v{margin-bottom:2.25rem!important}.fr-m-10v,.fr-m-5w{margin:2.5rem!important}.fr-ml-10v,.fr-ml-5w,.fr-mx-10v,.fr-mx-5w{margin-left:2.5rem!important}.fr-mr-10v,.fr-mr-5w,.fr-mx-10v,.fr-mx-5w{margin-right:2.5rem!important}.fr-mt-10v,.fr-mt-5w,.fr-my-10v,.fr-my-5w{margin-top:2.5rem!important}.fr-mb-10v,.fr-mb-5w,.fr-my-10v,.fr-my-5w{margin-bottom:2.5rem!important}.fr-m-11v{margin:2.75rem!important}.fr-ml-11v,.fr-mx-11v{margin-left:2.75rem!important}.fr-mr-11v,.fr-mx-11v{margin-right:2.75rem!important}.fr-mt-11v,.fr-my-11v{margin-top:2.75rem!important}.fr-mb-11v,.fr-my-11v{margin-bottom:2.75rem!important}.fr-m-12v,.fr-m-6w{margin:3rem!important}.fr-ml-12v,.fr-ml-6w,.fr-mx-12v,.fr-mx-6w{margin-left:3rem!important}.fr-mr-12v,.fr-mr-6w,.fr-mx-12v,.fr-mx-6w{margin-right:3rem!important}.fr-mt-12v,.fr-mt-6w,.fr-my-12v,.fr-my-6w{margin-top:3rem!important}.fr-mb-12v,.fr-mb-6w,.fr-my-12v,.fr-my-6w{margin-bottom:3rem!important}.fr-m-13v{margin:3.25rem!important}.fr-ml-13v,.fr-mx-13v{margin-left:3.25rem!important}.fr-mr-13v,.fr-mx-13v{margin-right:3.25rem!important}.fr-mt-13v,.fr-my-13v{margin-top:3.25rem!important}.fr-mb-13v,.fr-my-13v{margin-bottom:3.25rem!important}.fr-m-14v,.fr-m-7w{margin:3.5rem!important}.fr-ml-14v,.fr-ml-7w,.fr-mx-14v,.fr-mx-7w{margin-left:3.5rem!important}.fr-mr-14v,.fr-mr-7w,.fr-mx-14v,.fr-mx-7w{margin-right:3.5rem!important}.fr-mt-14v,.fr-mt-7w,.fr-my-14v,.fr-my-7w{margin-top:3.5rem!important}.fr-mb-14v,.fr-mb-7w,.fr-my-14v,.fr-my-7w{margin-bottom:3.5rem!important}.fr-m-15v{margin:3.75rem!important}.fr-ml-15v,.fr-mx-15v{margin-left:3.75rem!important}.fr-mr-15v,.fr-mx-15v{margin-right:3.75rem!important}.fr-mt-15v,.fr-my-15v{margin-top:3.75rem!important}.fr-mb-15v,.fr-my-15v{margin-bottom:3.75rem!important}.fr-m-16v,.fr-m-8w{margin:4rem!important}.fr-ml-16v,.fr-ml-8w,.fr-mx-16v,.fr-mx-8w{margin-left:4rem!important}.fr-mr-16v,.fr-mr-8w,.fr-mx-16v,.fr-mx-8w{margin-right:4rem!important}.fr-mt-16v,.fr-mt-8w,.fr-my-16v,.fr-my-8w{margin-top:4rem!important}.fr-mb-16v,.fr-mb-8w,.fr-my-16v,.fr-my-8w{margin-bottom:4rem!important}.fr-m-17v{margin:4.25rem!important}.fr-ml-17v,.fr-mx-17v{margin-left:4.25rem!important}.fr-mr-17v,.fr-mx-17v{margin-right:4.25rem!important}.fr-mt-17v,.fr-my-17v{margin-top:4.25rem!important}.fr-mb-17v,.fr-my-17v{margin-bottom:4.25rem!important}.fr-m-18v,.fr-m-9w{margin:4.5rem!important}.fr-ml-18v,.fr-ml-9w,.fr-mx-18v,.fr-mx-9w{margin-left:4.5rem!important}.fr-mr-18v,.fr-mr-9w,.fr-mx-18v,.fr-mx-9w{margin-right:4.5rem!important}.fr-mt-18v,.fr-mt-9w,.fr-my-18v,.fr-my-9w{margin-top:4.5rem!important}.fr-mb-18v,.fr-mb-9w,.fr-my-18v,.fr-my-9w{margin-bottom:4.5rem!important}.fr-m-19v{margin:4.75rem!important}.fr-ml-19v,.fr-mx-19v{margin-left:4.75rem!important}.fr-mr-19v,.fr-mx-19v{margin-right:4.75rem!important}.fr-mt-19v,.fr-my-19v{margin-top:4.75rem!important}.fr-mb-19v,.fr-my-19v{margin-bottom:4.75rem!important}.fr-m-10w,.fr-m-20v{margin:5rem!important}.fr-ml-10w,.fr-ml-20v,.fr-mx-10w,.fr-mx-20v{margin-left:5rem!important}.fr-mr-10w,.fr-mr-20v,.fr-mx-10w,.fr-mx-20v{margin-right:5rem!important}.fr-mt-10w,.fr-mt-20v,.fr-my-10w,.fr-my-20v{margin-top:5rem!important}.fr-mb-10w,.fr-mb-20v,.fr-my-10w,.fr-my-20v{margin-bottom:5rem!important}.fr-m-21v{margin:5.25rem!important}.fr-ml-21v,.fr-mx-21v{margin-left:5.25rem!important}.fr-mr-21v,.fr-mx-21v{margin-right:5.25rem!important}.fr-mt-21v,.fr-my-21v{margin-top:5.25rem!important}.fr-mb-21v,.fr-my-21v{margin-bottom:5.25rem!important}.fr-m-11w,.fr-m-22v{margin:5.5rem!important}.fr-ml-11w,.fr-ml-22v,.fr-mx-11w,.fr-mx-22v{margin-left:5.5rem!important}.fr-mr-11w,.fr-mr-22v,.fr-mx-11w,.fr-mx-22v{margin-right:5.5rem!important}.fr-mt-11w,.fr-mt-22v,.fr-my-11w,.fr-my-22v{margin-top:5.5rem!important}.fr-mb-11w,.fr-mb-22v,.fr-my-11w,.fr-my-22v{margin-bottom:5.5rem!important}.fr-m-23v{margin:5.75rem!important}.fr-ml-23v,.fr-mx-23v{margin-left:5.75rem!important}.fr-mr-23v,.fr-mx-23v{margin-right:5.75rem!important}.fr-mt-23v,.fr-my-23v{margin-top:5.75rem!important}.fr-mb-23v,.fr-my-23v{margin-bottom:5.75rem!important}.fr-m-12w,.fr-m-24v{margin:6rem!important}.fr-ml-12w,.fr-ml-24v,.fr-mx-12w,.fr-mx-24v{margin-left:6rem!important}.fr-mr-12w,.fr-mr-24v,.fr-mx-12w,.fr-mx-24v{margin-right:6rem!important}.fr-mt-12w,.fr-mt-24v,.fr-my-12w,.fr-my-24v{margin-top:6rem!important}.fr-mb-12w,.fr-mb-24v,.fr-my-12w,.fr-my-24v{margin-bottom:6rem!important}.fr-m-25v{margin:6.25rem!important}.fr-ml-25v,.fr-mx-25v{margin-left:6.25rem!important}.fr-mr-25v,.fr-mx-25v{margin-right:6.25rem!important}.fr-mt-25v,.fr-my-25v{margin-top:6.25rem!important}.fr-mb-25v,.fr-my-25v{margin-bottom:6.25rem!important}.fr-m-13w,.fr-m-26v{margin:6.5rem!important}.fr-ml-13w,.fr-ml-26v,.fr-mx-13w,.fr-mx-26v{margin-left:6.5rem!important}.fr-mr-13w,.fr-mr-26v,.fr-mx-13w,.fr-mx-26v{margin-right:6.5rem!important}.fr-mt-13w,.fr-mt-26v,.fr-my-13w,.fr-my-26v{margin-top:6.5rem!important}.fr-mb-13w,.fr-mb-26v,.fr-my-13w,.fr-my-26v{margin-bottom:6.5rem!important}.fr-m-27v{margin:6.75rem!important}.fr-ml-27v,.fr-mx-27v{margin-left:6.75rem!important}.fr-mr-27v,.fr-mx-27v{margin-right:6.75rem!important}.fr-mt-27v,.fr-my-27v{margin-top:6.75rem!important}.fr-mb-27v,.fr-my-27v{margin-bottom:6.75rem!important}.fr-m-14w,.fr-m-28v{margin:7rem!important}.fr-ml-14w,.fr-ml-28v,.fr-mx-14w,.fr-mx-28v{margin-left:7rem!important}.fr-mr-14w,.fr-mr-28v,.fr-mx-14w,.fr-mx-28v{margin-right:7rem!important}.fr-mt-14w,.fr-mt-28v,.fr-my-14w,.fr-my-28v{margin-top:7rem!important}.fr-mb-14w,.fr-mb-28v,.fr-my-14w,.fr-my-28v{margin-bottom:7rem!important}.fr-m-29v{margin:7.25rem!important}.fr-ml-29v,.fr-mx-29v{margin-left:7.25rem!important}.fr-mr-29v,.fr-mx-29v{margin-right:7.25rem!important}.fr-mt-29v,.fr-my-29v{margin-top:7.25rem!important}.fr-mb-29v,.fr-my-29v{margin-bottom:7.25rem!important}.fr-m-15w,.fr-m-30v{margin:7.5rem!important}.fr-ml-15w,.fr-ml-30v,.fr-mx-15w,.fr-mx-30v{margin-left:7.5rem!important}.fr-mr-15w,.fr-mr-30v,.fr-mx-15w,.fr-mx-30v{margin-right:7.5rem!important}.fr-mt-15w,.fr-mt-30v,.fr-my-15w,.fr-my-30v{margin-top:7.5rem!important}.fr-mb-15w,.fr-mb-30v,.fr-my-15w,.fr-my-30v{margin-bottom:7.5rem!important}.fr-m-31v{margin:7.75rem!important}.fr-ml-31v,.fr-mx-31v{margin-left:7.75rem!important}.fr-mr-31v,.fr-mx-31v{margin-right:7.75rem!important}.fr-mt-31v,.fr-my-31v{margin-top:7.75rem!important}.fr-mb-31v,.fr-my-31v{margin-bottom:7.75rem!important}.fr-m-16w,.fr-m-32v{margin:8rem!important}.fr-ml-16w,.fr-ml-32v,.fr-mx-16w,.fr-mx-32v{margin-left:8rem!important}.fr-mr-16w,.fr-mr-32v,.fr-mx-16w,.fr-mx-32v{margin-right:8rem!important}.fr-mt-16w,.fr-mt-32v,.fr-my-16w,.fr-my-32v{margin-top:8rem!important}.fr-mb-16w,.fr-mb-32v,.fr-my-16w,.fr-my-32v{margin-bottom:8rem!important}.fr-m-auto{margin:auto}.fr-ml-auto,.fr-mx-auto{margin-left:auto}.fr-mr-auto,.fr-mx-auto{margin-right:auto}.fr-mt-auto,.fr-my-auto{margin-top:auto}.fr-mb-auto,.fr-my-auto{margin-bottom:auto}.fr-m-first-n4w,.fr-m-first-n8v{margin:-2rem!important}.fr-ml-first-n4w,.fr-ml-first-n8v,.fr-mx-first-n4w,.fr-mx-first-n8v{margin-left:-2rem!important}.fr-mr-first-n4w,.fr-mr-first-n8v,.fr-mx-first-n4w,.fr-mx-first-n8v{margin-right:-2rem!important}.fr-mt-first-n4w,.fr-mt-first-n8v,.fr-my-first-n4w,.fr-my-first-n8v{margin-top:-2rem!important}.fr-mb-first-n4w,.fr-mb-first-n8v,.fr-my-first-n4w,.fr-my-first-n8v{margin-bottom:-2rem!important}.fr-m-first-n7v{margin:-1.75rem!important}.fr-ml-first-n7v,.fr-mx-first-n7v{margin-left:-1.75rem!important}.fr-mr-first-n7v,.fr-mx-first-n7v{margin-right:-1.75rem!important}.fr-mt-first-n7v,.fr-my-first-n7v{margin-top:-1.75rem!important}.fr-mb-first-n7v,.fr-my-first-n7v{margin-bottom:-1.75rem!important}.fr-m-first-n3w,.fr-m-first-n6v{margin:-1.5rem!important}.fr-ml-first-n3w,.fr-ml-first-n6v,.fr-mx-first-n3w,.fr-mx-first-n6v{margin-left:-1.5rem!important}.fr-mr-first-n3w,.fr-mr-first-n6v,.fr-mx-first-n3w,.fr-mx-first-n6v{margin-right:-1.5rem!important}.fr-mt-first-n3w,.fr-mt-first-n6v,.fr-my-first-n3w,.fr-my-first-n6v{margin-top:-1.5rem!important}.fr-mb-first-n3w,.fr-mb-first-n6v,.fr-my-first-n3w,.fr-my-first-n6v{margin-bottom:-1.5rem!important}.fr-m-first-n5v{margin:-1.25rem!important}.fr-ml-first-n5v,.fr-mx-first-n5v{margin-left:-1.25rem!important}.fr-mr-first-n5v,.fr-mx-first-n5v{margin-right:-1.25rem!important}.fr-mt-first-n5v,.fr-my-first-n5v{margin-top:-1.25rem!important}.fr-mb-first-n5v,.fr-my-first-n5v{margin-bottom:-1.25rem!important}.fr-m-first-n2w,.fr-m-first-n4v{margin:-1rem!important}.fr-ml-first-n2w,.fr-ml-first-n4v,.fr-mx-first-n2w,.fr-mx-first-n4v{margin-left:-1rem!important}.fr-mr-first-n2w,.fr-mr-first-n4v,.fr-mx-first-n2w,.fr-mx-first-n4v{margin-right:-1rem!important}.fr-mt-first-n2w,.fr-mt-first-n4v,.fr-my-first-n2w,.fr-my-first-n4v{margin-top:-1rem!important}.fr-mb-first-n2w,.fr-mb-first-n4v,.fr-my-first-n2w,.fr-my-first-n4v{margin-bottom:-1rem!important}.fr-m-first-n3v{margin:-.75rem!important}.fr-ml-first-n3v,.fr-mx-first-n3v{margin-left:-.75rem!important}.fr-mr-first-n3v,.fr-mx-first-n3v{margin-right:-.75rem!important}.fr-mt-first-n3v,.fr-my-first-n3v{margin-top:-.75rem!important}.fr-mb-first-n3v,.fr-my-first-n3v{margin-bottom:-.75rem!important}.fr-m-first-n1w,.fr-m-first-n2v{margin:-.5rem!important}.fr-ml-first-n1w,.fr-ml-first-n2v,.fr-mx-first-n1w,.fr-mx-first-n2v{margin-left:-.5rem!important}.fr-mr-first-n1w,.fr-mr-first-n2v,.fr-mx-first-n1w,.fr-mx-first-n2v{margin-right:-.5rem!important}.fr-mt-first-n1w,.fr-mt-first-n2v,.fr-my-first-n1w,.fr-my-first-n2v{margin-top:-.5rem!important}.fr-mb-first-n1w,.fr-mb-first-n2v,.fr-my-first-n1w,.fr-my-first-n2v{margin-bottom:-.5rem!important}.fr-m-first-n1v{margin:-.25rem!important}.fr-ml-first-n1v,.fr-mx-first-n1v{margin-left:-.25rem!important}.fr-mr-first-n1v,.fr-mx-first-n1v{margin-right:-.25rem!important}.fr-mt-first-n1v,.fr-my-first-n1v{margin-top:-.25rem!important}.fr-mb-first-n1v,.fr-my-first-n1v{margin-bottom:-.25rem!important}.fr-m-first-n1-5v{margin:-.375rem!important}.fr-ml-first-n1-5v,.fr-mx-first-n1-5v{margin-left:-.375rem!important}.fr-mr-first-n1-5v,.fr-mx-first-n1-5v{margin-right:-.375rem!important}.fr-mt-first-n1-5v,.fr-my-first-n1-5v{margin-top:-.375rem!important}.fr-mb-first-n1-5v,.fr-my-first-n1-5v{margin-bottom:-.375rem!important}.fr-m-first-0{margin:0!important}.fr-ml-first-0,.fr-mx-first-0{margin-left:0!important}.fr-mr-first-0,.fr-mx-first-0{margin-right:0!important}.fr-mt-first-0,.fr-my-first-0{margin-top:0!important}.fr-mb-first-0,.fr-my-first-0{margin-bottom:0!important}.fr-m-first-n0-5v{margin:-.125rem!important}.fr-ml-first-n0-5v,.fr-mx-first-n0-5v{margin-left:-.125rem!important}.fr-mr-first-n0-5v,.fr-mx-first-n0-5v{margin-right:-.125rem!important}.fr-mt-first-n0-5v,.fr-my-first-n0-5v{margin-top:-.125rem!important}.fr-mb-first-n0-5v,.fr-my-first-n0-5v{margin-bottom:-.125rem!important}.fr-m-first-0-5v{margin:.125rem!important}.fr-ml-first-0-5v,.fr-mx-first-0-5v{margin-left:.125rem!important}.fr-mr-first-0-5v,.fr-mx-first-0-5v{margin-right:.125rem!important}.fr-mt-first-0-5v,.fr-my-first-0-5v{margin-top:.125rem!important}.fr-mb-first-0-5v,.fr-my-first-0-5v{margin-bottom:.125rem!important}.fr-m-first-1v{margin:.25rem!important}.fr-ml-first-1v,.fr-mx-first-1v{margin-left:.25rem!important}.fr-mr-first-1v,.fr-mx-first-1v{margin-right:.25rem!important}.fr-mt-first-1v,.fr-my-first-1v{margin-top:.25rem!important}.fr-mb-first-1v,.fr-my-first-1v{margin-bottom:.25rem!important}.fr-m-first-1-5v{margin:.375rem!important}.fr-ml-first-1-5v,.fr-mx-first-1-5v{margin-left:.375rem!important}.fr-mr-first-1-5v,.fr-mx-first-1-5v{margin-right:.375rem!important}.fr-mt-first-1-5v,.fr-my-first-1-5v{margin-top:.375rem!important}.fr-mb-first-1-5v,.fr-my-first-1-5v{margin-bottom:.375rem!important}.fr-m-first-1w,.fr-m-first-2v{margin:.5rem!important}.fr-ml-first-1w,.fr-ml-first-2v,.fr-mx-first-1w,.fr-mx-first-2v{margin-left:.5rem!important}.fr-mr-first-1w,.fr-mr-first-2v,.fr-mx-first-1w,.fr-mx-first-2v{margin-right:.5rem!important}.fr-mt-first-1w,.fr-mt-first-2v,.fr-my-first-1w,.fr-my-first-2v{margin-top:.5rem!important}.fr-mb-first-1w,.fr-mb-first-2v,.fr-my-first-1w,.fr-my-first-2v{margin-bottom:.5rem!important}.fr-m-first-3v{margin:.75rem!important}.fr-ml-first-3v,.fr-mx-first-3v{margin-left:.75rem!important}.fr-mr-first-3v,.fr-mx-first-3v{margin-right:.75rem!important}.fr-mt-first-3v,.fr-my-first-3v{margin-top:.75rem!important}.fr-mb-first-3v,.fr-my-first-3v{margin-bottom:.75rem!important}.fr-m-first-2w,.fr-m-first-4v{margin:1rem!important}.fr-ml-first-2w,.fr-ml-first-4v,.fr-mx-first-2w,.fr-mx-first-4v{margin-left:1rem!important}.fr-mr-first-2w,.fr-mr-first-4v,.fr-mx-first-2w,.fr-mx-first-4v{margin-right:1rem!important}.fr-mt-first-2w,.fr-mt-first-4v,.fr-my-first-2w,.fr-my-first-4v{margin-top:1rem!important}.fr-mb-first-2w,.fr-mb-first-4v,.fr-my-first-2w,.fr-my-first-4v{margin-bottom:1rem!important}.fr-m-first-5v{margin:1.25rem!important}.fr-ml-first-5v,.fr-mx-first-5v{margin-left:1.25rem!important}.fr-mr-first-5v,.fr-mx-first-5v{margin-right:1.25rem!important}.fr-mt-first-5v,.fr-my-first-5v{margin-top:1.25rem!important}.fr-mb-first-5v,.fr-my-first-5v{margin-bottom:1.25rem!important}.fr-m-first-3w,.fr-m-first-6v{margin:1.5rem!important}.fr-ml-first-3w,.fr-ml-first-6v,.fr-mx-first-3w,.fr-mx-first-6v{margin-left:1.5rem!important}.fr-mr-first-3w,.fr-mr-first-6v,.fr-mx-first-3w,.fr-mx-first-6v{margin-right:1.5rem!important}.fr-mt-first-3w,.fr-mt-first-6v,.fr-my-first-3w,.fr-my-first-6v{margin-top:1.5rem!important}.fr-mb-first-3w,.fr-mb-first-6v,.fr-my-first-3w,.fr-my-first-6v{margin-bottom:1.5rem!important}.fr-m-first-7v{margin:1.75rem!important}.fr-ml-first-7v,.fr-mx-first-7v{margin-left:1.75rem!important}.fr-mr-first-7v,.fr-mx-first-7v{margin-right:1.75rem!important}.fr-mt-first-7v,.fr-my-first-7v{margin-top:1.75rem!important}.fr-mb-first-7v,.fr-my-first-7v{margin-bottom:1.75rem!important}.fr-m-first-4w,.fr-m-first-8v{margin:2rem!important}.fr-ml-first-4w,.fr-ml-first-8v,.fr-mx-first-4w,.fr-mx-first-8v{margin-left:2rem!important}.fr-mr-first-4w,.fr-mr-first-8v,.fr-mx-first-4w,.fr-mx-first-8v{margin-right:2rem!important}.fr-mt-first-4w,.fr-mt-first-8v,.fr-my-first-4w,.fr-my-first-8v{margin-top:2rem!important}.fr-mb-first-4w,.fr-mb-first-8v,.fr-my-first-4w,.fr-my-first-8v{margin-bottom:2rem!important}.fr-m-first-9v{margin:2.25rem!important}.fr-ml-first-9v,.fr-mx-first-9v{margin-left:2.25rem!important}.fr-mr-first-9v,.fr-mx-first-9v{margin-right:2.25rem!important}.fr-mt-first-9v,.fr-my-first-9v{margin-top:2.25rem!important}.fr-mb-first-9v,.fr-my-first-9v{margin-bottom:2.25rem!important}.fr-m-first-10v,.fr-m-first-5w{margin:2.5rem!important}.fr-ml-first-10v,.fr-ml-first-5w,.fr-mx-first-10v,.fr-mx-first-5w{margin-left:2.5rem!important}.fr-mr-first-10v,.fr-mr-first-5w,.fr-mx-first-10v,.fr-mx-first-5w{margin-right:2.5rem!important}.fr-mt-first-10v,.fr-mt-first-5w,.fr-my-first-10v,.fr-my-first-5w{margin-top:2.5rem!important}.fr-mb-first-10v,.fr-mb-first-5w,.fr-my-first-10v,.fr-my-first-5w{margin-bottom:2.5rem!important}.fr-m-first-11v{margin:2.75rem!important}.fr-ml-first-11v,.fr-mx-first-11v{margin-left:2.75rem!important}.fr-mr-first-11v,.fr-mx-first-11v{margin-right:2.75rem!important}.fr-mt-first-11v,.fr-my-first-11v{margin-top:2.75rem!important}.fr-mb-first-11v,.fr-my-first-11v{margin-bottom:2.75rem!important}.fr-m-first-12v,.fr-m-first-6w{margin:3rem!important}.fr-ml-first-12v,.fr-ml-first-6w,.fr-mx-first-12v,.fr-mx-first-6w{margin-left:3rem!important}.fr-mr-first-12v,.fr-mr-first-6w,.fr-mx-first-12v,.fr-mx-first-6w{margin-right:3rem!important}.fr-mt-first-12v,.fr-mt-first-6w,.fr-my-first-12v,.fr-my-first-6w{margin-top:3rem!important}.fr-mb-first-12v,.fr-mb-first-6w,.fr-my-first-12v,.fr-my-first-6w{margin-bottom:3rem!important}.fr-m-first-13v{margin:3.25rem!important}.fr-ml-first-13v,.fr-mx-first-13v{margin-left:3.25rem!important}.fr-mr-first-13v,.fr-mx-first-13v{margin-right:3.25rem!important}.fr-mt-first-13v,.fr-my-first-13v{margin-top:3.25rem!important}.fr-mb-first-13v,.fr-my-first-13v{margin-bottom:3.25rem!important}.fr-m-first-14v,.fr-m-first-7w{margin:3.5rem!important}.fr-ml-first-14v,.fr-ml-first-7w,.fr-mx-first-14v,.fr-mx-first-7w{margin-left:3.5rem!important}.fr-mr-first-14v,.fr-mr-first-7w,.fr-mx-first-14v,.fr-mx-first-7w{margin-right:3.5rem!important}.fr-mt-first-14v,.fr-mt-first-7w,.fr-my-first-14v,.fr-my-first-7w{margin-top:3.5rem!important}.fr-mb-first-14v,.fr-mb-first-7w,.fr-my-first-14v,.fr-my-first-7w{margin-bottom:3.5rem!important}.fr-m-first-15v{margin:3.75rem!important}.fr-ml-first-15v,.fr-mx-first-15v{margin-left:3.75rem!important}.fr-mr-first-15v,.fr-mx-first-15v{margin-right:3.75rem!important}.fr-mt-first-15v,.fr-my-first-15v{margin-top:3.75rem!important}.fr-mb-first-15v,.fr-my-first-15v{margin-bottom:3.75rem!important}.fr-m-first-16v,.fr-m-first-8w{margin:4rem!important}.fr-ml-first-16v,.fr-ml-first-8w,.fr-mx-first-16v,.fr-mx-first-8w{margin-left:4rem!important}.fr-mr-first-16v,.fr-mr-first-8w,.fr-mx-first-16v,.fr-mx-first-8w{margin-right:4rem!important}.fr-mt-first-16v,.fr-mt-first-8w,.fr-my-first-16v,.fr-my-first-8w{margin-top:4rem!important}.fr-mb-first-16v,.fr-mb-first-8w,.fr-my-first-16v,.fr-my-first-8w{margin-bottom:4rem!important}.fr-m-first-17v{margin:4.25rem!important}.fr-ml-first-17v,.fr-mx-first-17v{margin-left:4.25rem!important}.fr-mr-first-17v,.fr-mx-first-17v{margin-right:4.25rem!important}.fr-mt-first-17v,.fr-my-first-17v{margin-top:4.25rem!important}.fr-mb-first-17v,.fr-my-first-17v{margin-bottom:4.25rem!important}.fr-m-first-18v,.fr-m-first-9w{margin:4.5rem!important}.fr-ml-first-18v,.fr-ml-first-9w,.fr-mx-first-18v,.fr-mx-first-9w{margin-left:4.5rem!important}.fr-mr-first-18v,.fr-mr-first-9w,.fr-mx-first-18v,.fr-mx-first-9w{margin-right:4.5rem!important}.fr-mt-first-18v,.fr-mt-first-9w,.fr-my-first-18v,.fr-my-first-9w{margin-top:4.5rem!important}.fr-mb-first-18v,.fr-mb-first-9w,.fr-my-first-18v,.fr-my-first-9w{margin-bottom:4.5rem!important}.fr-m-first-19v{margin:4.75rem!important}.fr-ml-first-19v,.fr-mx-first-19v{margin-left:4.75rem!important}.fr-mr-first-19v,.fr-mx-first-19v{margin-right:4.75rem!important}.fr-mt-first-19v,.fr-my-first-19v{margin-top:4.75rem!important}.fr-mb-first-19v,.fr-my-first-19v{margin-bottom:4.75rem!important}.fr-m-first-10w,.fr-m-first-20v{margin:5rem!important}.fr-ml-first-10w,.fr-ml-first-20v,.fr-mx-first-10w,.fr-mx-first-20v{margin-left:5rem!important}.fr-mr-first-10w,.fr-mr-first-20v,.fr-mx-first-10w,.fr-mx-first-20v{margin-right:5rem!important}.fr-mt-first-10w,.fr-mt-first-20v,.fr-my-first-10w,.fr-my-first-20v{margin-top:5rem!important}.fr-mb-first-10w,.fr-mb-first-20v,.fr-my-first-10w,.fr-my-first-20v{margin-bottom:5rem!important}.fr-m-first-21v{margin:5.25rem!important}.fr-ml-first-21v,.fr-mx-first-21v{margin-left:5.25rem!important}.fr-mr-first-21v,.fr-mx-first-21v{margin-right:5.25rem!important}.fr-mt-first-21v,.fr-my-first-21v{margin-top:5.25rem!important}.fr-mb-first-21v,.fr-my-first-21v{margin-bottom:5.25rem!important}.fr-m-first-11w,.fr-m-first-22v{margin:5.5rem!important}.fr-ml-first-11w,.fr-ml-first-22v,.fr-mx-first-11w,.fr-mx-first-22v{margin-left:5.5rem!important}.fr-mr-first-11w,.fr-mr-first-22v,.fr-mx-first-11w,.fr-mx-first-22v{margin-right:5.5rem!important}.fr-mt-first-11w,.fr-mt-first-22v,.fr-my-first-11w,.fr-my-first-22v{margin-top:5.5rem!important}.fr-mb-first-11w,.fr-mb-first-22v,.fr-my-first-11w,.fr-my-first-22v{margin-bottom:5.5rem!important}.fr-m-first-23v{margin:5.75rem!important}.fr-ml-first-23v,.fr-mx-first-23v{margin-left:5.75rem!important}.fr-mr-first-23v,.fr-mx-first-23v{margin-right:5.75rem!important}.fr-mt-first-23v,.fr-my-first-23v{margin-top:5.75rem!important}.fr-mb-first-23v,.fr-my-first-23v{margin-bottom:5.75rem!important}.fr-m-first-12w,.fr-m-first-24v{margin:6rem!important}.fr-ml-first-12w,.fr-ml-first-24v,.fr-mx-first-12w,.fr-mx-first-24v{margin-left:6rem!important}.fr-mr-first-12w,.fr-mr-first-24v,.fr-mx-first-12w,.fr-mx-first-24v{margin-right:6rem!important}.fr-mt-first-12w,.fr-mt-first-24v,.fr-my-first-12w,.fr-my-first-24v{margin-top:6rem!important}.fr-mb-first-12w,.fr-mb-first-24v,.fr-my-first-12w,.fr-my-first-24v{margin-bottom:6rem!important}.fr-m-first-25v{margin:6.25rem!important}.fr-ml-first-25v,.fr-mx-first-25v{margin-left:6.25rem!important}.fr-mr-first-25v,.fr-mx-first-25v{margin-right:6.25rem!important}.fr-mt-first-25v,.fr-my-first-25v{margin-top:6.25rem!important}.fr-mb-first-25v,.fr-my-first-25v{margin-bottom:6.25rem!important}.fr-m-first-13w,.fr-m-first-26v{margin:6.5rem!important}.fr-ml-first-13w,.fr-ml-first-26v,.fr-mx-first-13w,.fr-mx-first-26v{margin-left:6.5rem!important}.fr-mr-first-13w,.fr-mr-first-26v,.fr-mx-first-13w,.fr-mx-first-26v{margin-right:6.5rem!important}.fr-mt-first-13w,.fr-mt-first-26v,.fr-my-first-13w,.fr-my-first-26v{margin-top:6.5rem!important}.fr-mb-first-13w,.fr-mb-first-26v,.fr-my-first-13w,.fr-my-first-26v{margin-bottom:6.5rem!important}.fr-m-first-27v{margin:6.75rem!important}.fr-ml-first-27v,.fr-mx-first-27v{margin-left:6.75rem!important}.fr-mr-first-27v,.fr-mx-first-27v{margin-right:6.75rem!important}.fr-mt-first-27v,.fr-my-first-27v{margin-top:6.75rem!important}.fr-mb-first-27v,.fr-my-first-27v{margin-bottom:6.75rem!important}.fr-m-first-14w,.fr-m-first-28v{margin:7rem!important}.fr-ml-first-14w,.fr-ml-first-28v,.fr-mx-first-14w,.fr-mx-first-28v{margin-left:7rem!important}.fr-mr-first-14w,.fr-mr-first-28v,.fr-mx-first-14w,.fr-mx-first-28v{margin-right:7rem!important}.fr-mt-first-14w,.fr-mt-first-28v,.fr-my-first-14w,.fr-my-first-28v{margin-top:7rem!important}.fr-mb-first-14w,.fr-mb-first-28v,.fr-my-first-14w,.fr-my-first-28v{margin-bottom:7rem!important}.fr-m-first-29v{margin:7.25rem!important}.fr-ml-first-29v,.fr-mx-first-29v{margin-left:7.25rem!important}.fr-mr-first-29v,.fr-mx-first-29v{margin-right:7.25rem!important}.fr-mt-first-29v,.fr-my-first-29v{margin-top:7.25rem!important}.fr-mb-first-29v,.fr-my-first-29v{margin-bottom:7.25rem!important}.fr-m-first-15w,.fr-m-first-30v{margin:7.5rem!important}.fr-ml-first-15w,.fr-ml-first-30v,.fr-mx-first-15w,.fr-mx-first-30v{margin-left:7.5rem!important}.fr-mr-first-15w,.fr-mr-first-30v,.fr-mx-first-15w,.fr-mx-first-30v{margin-right:7.5rem!important}.fr-mt-first-15w,.fr-mt-first-30v,.fr-my-first-15w,.fr-my-first-30v{margin-top:7.5rem!important}.fr-mb-first-15w,.fr-mb-first-30v,.fr-my-first-15w,.fr-my-first-30v{margin-bottom:7.5rem!important}.fr-m-first-31v{margin:7.75rem!important}.fr-ml-first-31v,.fr-mx-first-31v{margin-left:7.75rem!important}.fr-mr-first-31v,.fr-mx-first-31v{margin-right:7.75rem!important}.fr-mt-first-31v,.fr-my-first-31v{margin-top:7.75rem!important}.fr-mb-first-31v,.fr-my-first-31v{margin-bottom:7.75rem!important}.fr-m-first-16w,.fr-m-first-32v{margin:8rem!important}.fr-ml-first-16w,.fr-ml-first-32v,.fr-mx-first-16w,.fr-mx-first-32v{margin-left:8rem!important}.fr-mr-first-16w,.fr-mr-first-32v,.fr-mx-first-16w,.fr-mx-first-32v{margin-right:8rem!important}.fr-mt-first-16w,.fr-mt-first-32v,.fr-my-first-16w,.fr-my-first-32v{margin-top:8rem!important}.fr-mb-first-16w,.fr-mb-first-32v,.fr-my-first-16w,.fr-my-first-32v{margin-bottom:8rem!important}.fr-m-first-auto{margin:auto}.fr-ml-first-auto,.fr-mx-first-auto{margin-left:auto}.fr-mr-first-auto,.fr-mx-first-auto{margin-right:auto}.fr-mt-first-auto,.fr-my-first-auto{margin-top:auto}.fr-mb-first-auto,.fr-my-first-auto{margin-bottom:auto}.fr-p-0{padding:0!important}.fr-pl-0,.fr-px-0{padding-left:0!important}.fr-pr-0,.fr-px-0{padding-right:0!important}.fr-pt-0,.fr-py-0{padding-top:0!important}.fr-pb-0,.fr-py-0{padding-bottom:0!important}.fr-p-0-5v{padding:.125rem!important}.fr-pl-0-5v,.fr-px-0-5v{padding-left:.125rem!important}.fr-pr-0-5v,.fr-px-0-5v{padding-right:.125rem!important}.fr-pt-0-5v,.fr-py-0-5v{padding-top:.125rem!important}.fr-pb-0-5v,.fr-py-0-5v{padding-bottom:.125rem!important}.fr-p-1v{padding:.25rem!important}.fr-pl-1v,.fr-px-1v{padding-left:.25rem!important}.fr-pr-1v,.fr-px-1v{padding-right:.25rem!important}.fr-pt-1v,.fr-py-1v{padding-top:.25rem!important}.fr-pb-1v,.fr-py-1v{padding-bottom:.25rem!important}.fr-p-1-5v{padding:.375rem!important}.fr-pl-1-5v,.fr-px-1-5v{padding-left:.375rem!important}.fr-pr-1-5v,.fr-px-1-5v{padding-right:.375rem!important}.fr-pt-1-5v,.fr-py-1-5v{padding-top:.375rem!important}.fr-pb-1-5v,.fr-py-1-5v{padding-bottom:.375rem!important}.fr-p-1w,.fr-p-2v{padding:.5rem!important}.fr-pl-1w,.fr-pl-2v,.fr-px-1w,.fr-px-2v{padding-left:.5rem!important}.fr-pr-1w,.fr-pr-2v,.fr-px-1w,.fr-px-2v{padding-right:.5rem!important}.fr-pt-1w,.fr-pt-2v,.fr-py-1w,.fr-py-2v{padding-top:.5rem!important}.fr-pb-1w,.fr-pb-2v,.fr-py-1w,.fr-py-2v{padding-bottom:.5rem!important}.fr-p-3v{padding:.75rem!important}.fr-pl-3v,.fr-px-3v{padding-left:.75rem!important}.fr-pr-3v,.fr-px-3v{padding-right:.75rem!important}.fr-pt-3v,.fr-py-3v{padding-top:.75rem!important}.fr-pb-3v,.fr-py-3v{padding-bottom:.75rem!important}.fr-p-2w,.fr-p-4v{padding:1rem!important}.fr-pl-2w,.fr-pl-4v,.fr-px-2w,.fr-px-4v{padding-left:1rem!important}.fr-pr-2w,.fr-pr-4v,.fr-px-2w,.fr-px-4v{padding-right:1rem!important}.fr-pt-2w,.fr-pt-4v,.fr-py-2w,.fr-py-4v{padding-top:1rem!important}.fr-pb-2w,.fr-pb-4v,.fr-py-2w,.fr-py-4v{padding-bottom:1rem!important}.fr-p-5v{padding:1.25rem!important}.fr-pl-5v,.fr-px-5v{padding-left:1.25rem!important}.fr-pr-5v,.fr-px-5v{padding-right:1.25rem!important}.fr-pt-5v,.fr-py-5v{padding-top:1.25rem!important}.fr-pb-5v,.fr-py-5v{padding-bottom:1.25rem!important}.fr-p-3w,.fr-p-6v{padding:1.5rem!important}.fr-pl-3w,.fr-pl-6v,.fr-px-3w,.fr-px-6v{padding-left:1.5rem!important}.fr-pr-3w,.fr-pr-6v,.fr-px-3w,.fr-px-6v{padding-right:1.5rem!important}.fr-pt-3w,.fr-pt-6v,.fr-py-3w,.fr-py-6v{padding-top:1.5rem!important}.fr-pb-3w,.fr-pb-6v,.fr-py-3w,.fr-py-6v{padding-bottom:1.5rem!important}.fr-p-7v{padding:1.75rem!important}.fr-pl-7v,.fr-px-7v{padding-left:1.75rem!important}.fr-pr-7v,.fr-px-7v{padding-right:1.75rem!important}.fr-pt-7v,.fr-py-7v{padding-top:1.75rem!important}.fr-pb-7v,.fr-py-7v{padding-bottom:1.75rem!important}.fr-p-4w,.fr-p-8v{padding:2rem!important}.fr-pl-4w,.fr-pl-8v,.fr-px-4w,.fr-px-8v{padding-left:2rem!important}.fr-pr-4w,.fr-pr-8v,.fr-px-4w,.fr-px-8v{padding-right:2rem!important}.fr-pt-4w,.fr-pt-8v,.fr-py-4w,.fr-py-8v{padding-top:2rem!important}.fr-pb-4w,.fr-pb-8v,.fr-py-4w,.fr-py-8v{padding-bottom:2rem!important}.fr-p-9v{padding:2.25rem!important}.fr-pl-9v,.fr-px-9v{padding-left:2.25rem!important}.fr-pr-9v,.fr-px-9v{padding-right:2.25rem!important}.fr-pt-9v,.fr-py-9v{padding-top:2.25rem!important}.fr-pb-9v,.fr-py-9v{padding-bottom:2.25rem!important}.fr-p-10v,.fr-p-5w{padding:2.5rem!important}.fr-pl-10v,.fr-pl-5w,.fr-px-10v,.fr-px-5w{padding-left:2.5rem!important}.fr-pr-10v,.fr-pr-5w,.fr-px-10v,.fr-px-5w{padding-right:2.5rem!important}.fr-pt-10v,.fr-pt-5w,.fr-py-10v,.fr-py-5w{padding-top:2.5rem!important}.fr-pb-10v,.fr-pb-5w,.fr-py-10v,.fr-py-5w{padding-bottom:2.5rem!important}.fr-p-11v{padding:2.75rem!important}.fr-pl-11v,.fr-px-11v{padding-left:2.75rem!important}.fr-pr-11v,.fr-px-11v{padding-right:2.75rem!important}.fr-pt-11v,.fr-py-11v{padding-top:2.75rem!important}.fr-pb-11v,.fr-py-11v{padding-bottom:2.75rem!important}.fr-p-12v,.fr-p-6w{padding:3rem!important}.fr-pl-12v,.fr-pl-6w,.fr-px-12v,.fr-px-6w{padding-left:3rem!important}.fr-pr-12v,.fr-pr-6w,.fr-px-12v,.fr-px-6w{padding-right:3rem!important}.fr-pt-12v,.fr-pt-6w,.fr-py-12v,.fr-py-6w{padding-top:3rem!important}.fr-pb-12v,.fr-pb-6w,.fr-py-12v,.fr-py-6w{padding-bottom:3rem!important}.fr-p-13v{padding:3.25rem!important}.fr-pl-13v,.fr-px-13v{padding-left:3.25rem!important}.fr-pr-13v,.fr-px-13v{padding-right:3.25rem!important}.fr-pt-13v,.fr-py-13v{padding-top:3.25rem!important}.fr-pb-13v,.fr-py-13v{padding-bottom:3.25rem!important}.fr-p-14v,.fr-p-7w{padding:3.5rem!important}.fr-pl-14v,.fr-pl-7w,.fr-px-14v,.fr-px-7w{padding-left:3.5rem!important}.fr-pr-14v,.fr-pr-7w,.fr-px-14v,.fr-px-7w{padding-right:3.5rem!important}.fr-pt-14v,.fr-pt-7w,.fr-py-14v,.fr-py-7w{padding-top:3.5rem!important}.fr-pb-14v,.fr-pb-7w,.fr-py-14v,.fr-py-7w{padding-bottom:3.5rem!important}.fr-p-15v{padding:3.75rem!important}.fr-pl-15v,.fr-px-15v{padding-left:3.75rem!important}.fr-pr-15v,.fr-px-15v{padding-right:3.75rem!important}.fr-pt-15v,.fr-py-15v{padding-top:3.75rem!important}.fr-pb-15v,.fr-py-15v{padding-bottom:3.75rem!important}.fr-p-16v,.fr-p-8w{padding:4rem!important}.fr-pl-16v,.fr-pl-8w,.fr-px-16v,.fr-px-8w{padding-left:4rem!important}.fr-pr-16v,.fr-pr-8w,.fr-px-16v,.fr-px-8w{padding-right:4rem!important}.fr-pt-16v,.fr-pt-8w,.fr-py-16v,.fr-py-8w{padding-top:4rem!important}.fr-pb-16v,.fr-pb-8w,.fr-py-16v,.fr-py-8w{padding-bottom:4rem!important}.fr-p-17v{padding:4.25rem!important}.fr-pl-17v,.fr-px-17v{padding-left:4.25rem!important}.fr-pr-17v,.fr-px-17v{padding-right:4.25rem!important}.fr-pt-17v,.fr-py-17v{padding-top:4.25rem!important}.fr-pb-17v,.fr-py-17v{padding-bottom:4.25rem!important}.fr-p-18v,.fr-p-9w{padding:4.5rem!important}.fr-pl-18v,.fr-pl-9w,.fr-px-18v,.fr-px-9w{padding-left:4.5rem!important}.fr-pr-18v,.fr-pr-9w,.fr-px-18v,.fr-px-9w{padding-right:4.5rem!important}.fr-pt-18v,.fr-pt-9w,.fr-py-18v,.fr-py-9w{padding-top:4.5rem!important}.fr-pb-18v,.fr-pb-9w,.fr-py-18v,.fr-py-9w{padding-bottom:4.5rem!important}.fr-p-19v{padding:4.75rem!important}.fr-pl-19v,.fr-px-19v{padding-left:4.75rem!important}.fr-pr-19v,.fr-px-19v{padding-right:4.75rem!important}.fr-pt-19v,.fr-py-19v{padding-top:4.75rem!important}.fr-pb-19v,.fr-py-19v{padding-bottom:4.75rem!important}.fr-p-10w,.fr-p-20v{padding:5rem!important}.fr-pl-10w,.fr-pl-20v,.fr-px-10w,.fr-px-20v{padding-left:5rem!important}.fr-pr-10w,.fr-pr-20v,.fr-px-10w,.fr-px-20v{padding-right:5rem!important}.fr-pt-10w,.fr-pt-20v,.fr-py-10w,.fr-py-20v{padding-top:5rem!important}.fr-pb-10w,.fr-pb-20v,.fr-py-10w,.fr-py-20v{padding-bottom:5rem!important}.fr-p-21v{padding:5.25rem!important}.fr-pl-21v,.fr-px-21v{padding-left:5.25rem!important}.fr-pr-21v,.fr-px-21v{padding-right:5.25rem!important}.fr-pt-21v,.fr-py-21v{padding-top:5.25rem!important}.fr-pb-21v,.fr-py-21v{padding-bottom:5.25rem!important}.fr-p-11w,.fr-p-22v{padding:5.5rem!important}.fr-pl-11w,.fr-pl-22v,.fr-px-11w,.fr-px-22v{padding-left:5.5rem!important}.fr-pr-11w,.fr-pr-22v,.fr-px-11w,.fr-px-22v{padding-right:5.5rem!important}.fr-pt-11w,.fr-pt-22v,.fr-py-11w,.fr-py-22v{padding-top:5.5rem!important}.fr-pb-11w,.fr-pb-22v,.fr-py-11w,.fr-py-22v{padding-bottom:5.5rem!important}.fr-p-23v{padding:5.75rem!important}.fr-pl-23v,.fr-px-23v{padding-left:5.75rem!important}.fr-pr-23v,.fr-px-23v{padding-right:5.75rem!important}.fr-pt-23v,.fr-py-23v{padding-top:5.75rem!important}.fr-pb-23v,.fr-py-23v{padding-bottom:5.75rem!important}.fr-p-12w,.fr-p-24v{padding:6rem!important}.fr-pl-12w,.fr-pl-24v,.fr-px-12w,.fr-px-24v{padding-left:6rem!important}.fr-pr-12w,.fr-pr-24v,.fr-px-12w,.fr-px-24v{padding-right:6rem!important}.fr-pt-12w,.fr-pt-24v,.fr-py-12w,.fr-py-24v{padding-top:6rem!important}.fr-pb-12w,.fr-pb-24v,.fr-py-12w,.fr-py-24v{padding-bottom:6rem!important}.fr-p-25v{padding:6.25rem!important}.fr-pl-25v,.fr-px-25v{padding-left:6.25rem!important}.fr-pr-25v,.fr-px-25v{padding-right:6.25rem!important}.fr-pt-25v,.fr-py-25v{padding-top:6.25rem!important}.fr-pb-25v,.fr-py-25v{padding-bottom:6.25rem!important}.fr-p-13w,.fr-p-26v{padding:6.5rem!important}.fr-pl-13w,.fr-pl-26v,.fr-px-13w,.fr-px-26v{padding-left:6.5rem!important}.fr-pr-13w,.fr-pr-26v,.fr-px-13w,.fr-px-26v{padding-right:6.5rem!important}.fr-pt-13w,.fr-pt-26v,.fr-py-13w,.fr-py-26v{padding-top:6.5rem!important}.fr-pb-13w,.fr-pb-26v,.fr-py-13w,.fr-py-26v{padding-bottom:6.5rem!important}.fr-p-27v{padding:6.75rem!important}.fr-pl-27v,.fr-px-27v{padding-left:6.75rem!important}.fr-pr-27v,.fr-px-27v{padding-right:6.75rem!important}.fr-pt-27v,.fr-py-27v{padding-top:6.75rem!important}.fr-pb-27v,.fr-py-27v{padding-bottom:6.75rem!important}.fr-p-14w,.fr-p-28v{padding:7rem!important}.fr-pl-14w,.fr-pl-28v,.fr-px-14w,.fr-px-28v{padding-left:7rem!important}.fr-pr-14w,.fr-pr-28v,.fr-px-14w,.fr-px-28v{padding-right:7rem!important}.fr-pt-14w,.fr-pt-28v,.fr-py-14w,.fr-py-28v{padding-top:7rem!important}.fr-pb-14w,.fr-pb-28v,.fr-py-14w,.fr-py-28v{padding-bottom:7rem!important}.fr-p-29v{padding:7.25rem!important}.fr-pl-29v,.fr-px-29v{padding-left:7.25rem!important}.fr-pr-29v,.fr-px-29v{padding-right:7.25rem!important}.fr-pt-29v,.fr-py-29v{padding-top:7.25rem!important}.fr-pb-29v,.fr-py-29v{padding-bottom:7.25rem!important}.fr-p-15w,.fr-p-30v{padding:7.5rem!important}.fr-pl-15w,.fr-pl-30v,.fr-px-15w,.fr-px-30v{padding-left:7.5rem!important}.fr-pr-15w,.fr-pr-30v,.fr-px-15w,.fr-px-30v{padding-right:7.5rem!important}.fr-pt-15w,.fr-pt-30v,.fr-py-15w,.fr-py-30v{padding-top:7.5rem!important}.fr-pb-15w,.fr-pb-30v,.fr-py-15w,.fr-py-30v{padding-bottom:7.5rem!important}.fr-p-31v{padding:7.75rem!important}.fr-pl-31v,.fr-px-31v{padding-left:7.75rem!important}.fr-pr-31v,.fr-px-31v{padding-right:7.75rem!important}.fr-pt-31v,.fr-py-31v{padding-top:7.75rem!important}.fr-pb-31v,.fr-py-31v{padding-bottom:7.75rem!important}.fr-p-16w,.fr-p-32v{padding:8rem!important}.fr-pl-16w,.fr-pl-32v,.fr-px-16w,.fr-px-32v{padding-left:8rem!important}.fr-pr-16w,.fr-pr-32v,.fr-px-16w,.fr-px-32v{padding-right:8rem!important}.fr-pt-16w,.fr-pt-32v,.fr-py-16w,.fr-py-32v{padding-top:8rem!important}.fr-pb-16w,.fr-pb-32v,.fr-py-16w,.fr-py-32v{padding-bottom:8rem!important}.fr-p-first-0{padding:0!important}.fr-pl-first-0,.fr-px-first-0{padding-left:0!important}.fr-pr-first-0,.fr-px-first-0{padding-right:0!important}.fr-pt-first-0,.fr-py-first-0{padding-top:0!important}.fr-pb-first-0,.fr-py-first-0{padding-bottom:0!important}.fr-p-first-0-5v{padding:.125rem!important}.fr-pl-first-0-5v,.fr-px-first-0-5v{padding-left:.125rem!important}.fr-pr-first-0-5v,.fr-px-first-0-5v{padding-right:.125rem!important}.fr-pt-first-0-5v,.fr-py-first-0-5v{padding-top:.125rem!important}.fr-pb-first-0-5v,.fr-py-first-0-5v{padding-bottom:.125rem!important}.fr-p-first-1v{padding:.25rem!important}.fr-pl-first-1v,.fr-px-first-1v{padding-left:.25rem!important}.fr-pr-first-1v,.fr-px-first-1v{padding-right:.25rem!important}.fr-pt-first-1v,.fr-py-first-1v{padding-top:.25rem!important}.fr-pb-first-1v,.fr-py-first-1v{padding-bottom:.25rem!important}.fr-p-first-1-5v{padding:.375rem!important}.fr-pl-first-1-5v,.fr-px-first-1-5v{padding-left:.375rem!important}.fr-pr-first-1-5v,.fr-px-first-1-5v{padding-right:.375rem!important}.fr-pt-first-1-5v,.fr-py-first-1-5v{padding-top:.375rem!important}.fr-pb-first-1-5v,.fr-py-first-1-5v{padding-bottom:.375rem!important}.fr-p-first-1w,.fr-p-first-2v{padding:.5rem!important}.fr-pl-first-1w,.fr-pl-first-2v,.fr-px-first-1w,.fr-px-first-2v{padding-left:.5rem!important}.fr-pr-first-1w,.fr-pr-first-2v,.fr-px-first-1w,.fr-px-first-2v{padding-right:.5rem!important}.fr-pt-first-1w,.fr-pt-first-2v,.fr-py-first-1w,.fr-py-first-2v{padding-top:.5rem!important}.fr-pb-first-1w,.fr-pb-first-2v,.fr-py-first-1w,.fr-py-first-2v{padding-bottom:.5rem!important}.fr-p-first-3v{padding:.75rem!important}.fr-pl-first-3v,.fr-px-first-3v{padding-left:.75rem!important}.fr-pr-first-3v,.fr-px-first-3v{padding-right:.75rem!important}.fr-pt-first-3v,.fr-py-first-3v{padding-top:.75rem!important}.fr-pb-first-3v,.fr-py-first-3v{padding-bottom:.75rem!important}.fr-p-first-2w,.fr-p-first-4v{padding:1rem!important}.fr-pl-first-2w,.fr-pl-first-4v,.fr-px-first-2w,.fr-px-first-4v{padding-left:1rem!important}.fr-pr-first-2w,.fr-pr-first-4v,.fr-px-first-2w,.fr-px-first-4v{padding-right:1rem!important}.fr-pt-first-2w,.fr-pt-first-4v,.fr-py-first-2w,.fr-py-first-4v{padding-top:1rem!important}.fr-pb-first-2w,.fr-pb-first-4v,.fr-py-first-2w,.fr-py-first-4v{padding-bottom:1rem!important}.fr-p-first-5v{padding:1.25rem!important}.fr-pl-first-5v,.fr-px-first-5v{padding-left:1.25rem!important}.fr-pr-first-5v,.fr-px-first-5v{padding-right:1.25rem!important}.fr-pt-first-5v,.fr-py-first-5v{padding-top:1.25rem!important}.fr-pb-first-5v,.fr-py-first-5v{padding-bottom:1.25rem!important}.fr-p-first-3w,.fr-p-first-6v{padding:1.5rem!important}.fr-pl-first-3w,.fr-pl-first-6v,.fr-px-first-3w,.fr-px-first-6v{padding-left:1.5rem!important}.fr-pr-first-3w,.fr-pr-first-6v,.fr-px-first-3w,.fr-px-first-6v{padding-right:1.5rem!important}.fr-pt-first-3w,.fr-pt-first-6v,.fr-py-first-3w,.fr-py-first-6v{padding-top:1.5rem!important}.fr-pb-first-3w,.fr-pb-first-6v,.fr-py-first-3w,.fr-py-first-6v{padding-bottom:1.5rem!important}.fr-p-first-7v{padding:1.75rem!important}.fr-pl-first-7v,.fr-px-first-7v{padding-left:1.75rem!important}.fr-pr-first-7v,.fr-px-first-7v{padding-right:1.75rem!important}.fr-pt-first-7v,.fr-py-first-7v{padding-top:1.75rem!important}.fr-pb-first-7v,.fr-py-first-7v{padding-bottom:1.75rem!important}.fr-p-first-4w,.fr-p-first-8v{padding:2rem!important}.fr-pl-first-4w,.fr-pl-first-8v,.fr-px-first-4w,.fr-px-first-8v{padding-left:2rem!important}.fr-pr-first-4w,.fr-pr-first-8v,.fr-px-first-4w,.fr-px-first-8v{padding-right:2rem!important}.fr-pt-first-4w,.fr-pt-first-8v,.fr-py-first-4w,.fr-py-first-8v{padding-top:2rem!important}.fr-pb-first-4w,.fr-pb-first-8v,.fr-py-first-4w,.fr-py-first-8v{padding-bottom:2rem!important}.fr-p-first-9v{padding:2.25rem!important}.fr-pl-first-9v,.fr-px-first-9v{padding-left:2.25rem!important}.fr-pr-first-9v,.fr-px-first-9v{padding-right:2.25rem!important}.fr-pt-first-9v,.fr-py-first-9v{padding-top:2.25rem!important}.fr-pb-first-9v,.fr-py-first-9v{padding-bottom:2.25rem!important}.fr-p-first-10v,.fr-p-first-5w{padding:2.5rem!important}.fr-pl-first-10v,.fr-pl-first-5w,.fr-px-first-10v,.fr-px-first-5w{padding-left:2.5rem!important}.fr-pr-first-10v,.fr-pr-first-5w,.fr-px-first-10v,.fr-px-first-5w{padding-right:2.5rem!important}.fr-pt-first-10v,.fr-pt-first-5w,.fr-py-first-10v,.fr-py-first-5w{padding-top:2.5rem!important}.fr-pb-first-10v,.fr-pb-first-5w,.fr-py-first-10v,.fr-py-first-5w{padding-bottom:2.5rem!important}.fr-p-first-11v{padding:2.75rem!important}.fr-pl-first-11v,.fr-px-first-11v{padding-left:2.75rem!important}.fr-pr-first-11v,.fr-px-first-11v{padding-right:2.75rem!important}.fr-pt-first-11v,.fr-py-first-11v{padding-top:2.75rem!important}.fr-pb-first-11v,.fr-py-first-11v{padding-bottom:2.75rem!important}.fr-p-first-12v,.fr-p-first-6w{padding:3rem!important}.fr-pl-first-12v,.fr-pl-first-6w,.fr-px-first-12v,.fr-px-first-6w{padding-left:3rem!important}.fr-pr-first-12v,.fr-pr-first-6w,.fr-px-first-12v,.fr-px-first-6w{padding-right:3rem!important}.fr-pt-first-12v,.fr-pt-first-6w,.fr-py-first-12v,.fr-py-first-6w{padding-top:3rem!important}.fr-pb-first-12v,.fr-pb-first-6w,.fr-py-first-12v,.fr-py-first-6w{padding-bottom:3rem!important}.fr-p-first-13v{padding:3.25rem!important}.fr-pl-first-13v,.fr-px-first-13v{padding-left:3.25rem!important}.fr-pr-first-13v,.fr-px-first-13v{padding-right:3.25rem!important}.fr-pt-first-13v,.fr-py-first-13v{padding-top:3.25rem!important}.fr-pb-first-13v,.fr-py-first-13v{padding-bottom:3.25rem!important}.fr-p-first-14v,.fr-p-first-7w{padding:3.5rem!important}.fr-pl-first-14v,.fr-pl-first-7w,.fr-px-first-14v,.fr-px-first-7w{padding-left:3.5rem!important}.fr-pr-first-14v,.fr-pr-first-7w,.fr-px-first-14v,.fr-px-first-7w{padding-right:3.5rem!important}.fr-pt-first-14v,.fr-pt-first-7w,.fr-py-first-14v,.fr-py-first-7w{padding-top:3.5rem!important}.fr-pb-first-14v,.fr-pb-first-7w,.fr-py-first-14v,.fr-py-first-7w{padding-bottom:3.5rem!important}.fr-p-first-15v{padding:3.75rem!important}.fr-pl-first-15v,.fr-px-first-15v{padding-left:3.75rem!important}.fr-pr-first-15v,.fr-px-first-15v{padding-right:3.75rem!important}.fr-pt-first-15v,.fr-py-first-15v{padding-top:3.75rem!important}.fr-pb-first-15v,.fr-py-first-15v{padding-bottom:3.75rem!important}.fr-p-first-16v,.fr-p-first-8w{padding:4rem!important}.fr-pl-first-16v,.fr-pl-first-8w,.fr-px-first-16v,.fr-px-first-8w{padding-left:4rem!important}.fr-pr-first-16v,.fr-pr-first-8w,.fr-px-first-16v,.fr-px-first-8w{padding-right:4rem!important}.fr-pt-first-16v,.fr-pt-first-8w,.fr-py-first-16v,.fr-py-first-8w{padding-top:4rem!important}.fr-pb-first-16v,.fr-pb-first-8w,.fr-py-first-16v,.fr-py-first-8w{padding-bottom:4rem!important}.fr-p-first-17v{padding:4.25rem!important}.fr-pl-first-17v,.fr-px-first-17v{padding-left:4.25rem!important}.fr-pr-first-17v,.fr-px-first-17v{padding-right:4.25rem!important}.fr-pt-first-17v,.fr-py-first-17v{padding-top:4.25rem!important}.fr-pb-first-17v,.fr-py-first-17v{padding-bottom:4.25rem!important}.fr-p-first-18v,.fr-p-first-9w{padding:4.5rem!important}.fr-pl-first-18v,.fr-pl-first-9w,.fr-px-first-18v,.fr-px-first-9w{padding-left:4.5rem!important}.fr-pr-first-18v,.fr-pr-first-9w,.fr-px-first-18v,.fr-px-first-9w{padding-right:4.5rem!important}.fr-pt-first-18v,.fr-pt-first-9w,.fr-py-first-18v,.fr-py-first-9w{padding-top:4.5rem!important}.fr-pb-first-18v,.fr-pb-first-9w,.fr-py-first-18v,.fr-py-first-9w{padding-bottom:4.5rem!important}.fr-p-first-19v{padding:4.75rem!important}.fr-pl-first-19v,.fr-px-first-19v{padding-left:4.75rem!important}.fr-pr-first-19v,.fr-px-first-19v{padding-right:4.75rem!important}.fr-pt-first-19v,.fr-py-first-19v{padding-top:4.75rem!important}.fr-pb-first-19v,.fr-py-first-19v{padding-bottom:4.75rem!important}.fr-p-first-10w,.fr-p-first-20v{padding:5rem!important}.fr-pl-first-10w,.fr-pl-first-20v,.fr-px-first-10w,.fr-px-first-20v{padding-left:5rem!important}.fr-pr-first-10w,.fr-pr-first-20v,.fr-px-first-10w,.fr-px-first-20v{padding-right:5rem!important}.fr-pt-first-10w,.fr-pt-first-20v,.fr-py-first-10w,.fr-py-first-20v{padding-top:5rem!important}.fr-pb-first-10w,.fr-pb-first-20v,.fr-py-first-10w,.fr-py-first-20v{padding-bottom:5rem!important}.fr-p-first-21v{padding:5.25rem!important}.fr-pl-first-21v,.fr-px-first-21v{padding-left:5.25rem!important}.fr-pr-first-21v,.fr-px-first-21v{padding-right:5.25rem!important}.fr-pt-first-21v,.fr-py-first-21v{padding-top:5.25rem!important}.fr-pb-first-21v,.fr-py-first-21v{padding-bottom:5.25rem!important}.fr-p-first-11w,.fr-p-first-22v{padding:5.5rem!important}.fr-pl-first-11w,.fr-pl-first-22v,.fr-px-first-11w,.fr-px-first-22v{padding-left:5.5rem!important}.fr-pr-first-11w,.fr-pr-first-22v,.fr-px-first-11w,.fr-px-first-22v{padding-right:5.5rem!important}.fr-pt-first-11w,.fr-pt-first-22v,.fr-py-first-11w,.fr-py-first-22v{padding-top:5.5rem!important}.fr-pb-first-11w,.fr-pb-first-22v,.fr-py-first-11w,.fr-py-first-22v{padding-bottom:5.5rem!important}.fr-p-first-23v{padding:5.75rem!important}.fr-pl-first-23v,.fr-px-first-23v{padding-left:5.75rem!important}.fr-pr-first-23v,.fr-px-first-23v{padding-right:5.75rem!important}.fr-pt-first-23v,.fr-py-first-23v{padding-top:5.75rem!important}.fr-pb-first-23v,.fr-py-first-23v{padding-bottom:5.75rem!important}.fr-p-first-12w,.fr-p-first-24v{padding:6rem!important}.fr-pl-first-12w,.fr-pl-first-24v,.fr-px-first-12w,.fr-px-first-24v{padding-left:6rem!important}.fr-pr-first-12w,.fr-pr-first-24v,.fr-px-first-12w,.fr-px-first-24v{padding-right:6rem!important}.fr-pt-first-12w,.fr-pt-first-24v,.fr-py-first-12w,.fr-py-first-24v{padding-top:6rem!important}.fr-pb-first-12w,.fr-pb-first-24v,.fr-py-first-12w,.fr-py-first-24v{padding-bottom:6rem!important}.fr-p-first-25v{padding:6.25rem!important}.fr-pl-first-25v,.fr-px-first-25v{padding-left:6.25rem!important}.fr-pr-first-25v,.fr-px-first-25v{padding-right:6.25rem!important}.fr-pt-first-25v,.fr-py-first-25v{padding-top:6.25rem!important}.fr-pb-first-25v,.fr-py-first-25v{padding-bottom:6.25rem!important}.fr-p-first-13w,.fr-p-first-26v{padding:6.5rem!important}.fr-pl-first-13w,.fr-pl-first-26v,.fr-px-first-13w,.fr-px-first-26v{padding-left:6.5rem!important}.fr-pr-first-13w,.fr-pr-first-26v,.fr-px-first-13w,.fr-px-first-26v{padding-right:6.5rem!important}.fr-pt-first-13w,.fr-pt-first-26v,.fr-py-first-13w,.fr-py-first-26v{padding-top:6.5rem!important}.fr-pb-first-13w,.fr-pb-first-26v,.fr-py-first-13w,.fr-py-first-26v{padding-bottom:6.5rem!important}.fr-p-first-27v{padding:6.75rem!important}.fr-pl-first-27v,.fr-px-first-27v{padding-left:6.75rem!important}.fr-pr-first-27v,.fr-px-first-27v{padding-right:6.75rem!important}.fr-pt-first-27v,.fr-py-first-27v{padding-top:6.75rem!important}.fr-pb-first-27v,.fr-py-first-27v{padding-bottom:6.75rem!important}.fr-p-first-14w,.fr-p-first-28v{padding:7rem!important}.fr-pl-first-14w,.fr-pl-first-28v,.fr-px-first-14w,.fr-px-first-28v{padding-left:7rem!important}.fr-pr-first-14w,.fr-pr-first-28v,.fr-px-first-14w,.fr-px-first-28v{padding-right:7rem!important}.fr-pt-first-14w,.fr-pt-first-28v,.fr-py-first-14w,.fr-py-first-28v{padding-top:7rem!important}.fr-pb-first-14w,.fr-pb-first-28v,.fr-py-first-14w,.fr-py-first-28v{padding-bottom:7rem!important}.fr-p-first-29v{padding:7.25rem!important}.fr-pl-first-29v,.fr-px-first-29v{padding-left:7.25rem!important}.fr-pr-first-29v,.fr-px-first-29v{padding-right:7.25rem!important}.fr-pt-first-29v,.fr-py-first-29v{padding-top:7.25rem!important}.fr-pb-first-29v,.fr-py-first-29v{padding-bottom:7.25rem!important}.fr-p-first-15w,.fr-p-first-30v{padding:7.5rem!important}.fr-pl-first-15w,.fr-pl-first-30v,.fr-px-first-15w,.fr-px-first-30v{padding-left:7.5rem!important}.fr-pr-first-15w,.fr-pr-first-30v,.fr-px-first-15w,.fr-px-first-30v{padding-right:7.5rem!important}.fr-pt-first-15w,.fr-pt-first-30v,.fr-py-first-15w,.fr-py-first-30v{padding-top:7.5rem!important}.fr-pb-first-15w,.fr-pb-first-30v,.fr-py-first-15w,.fr-py-first-30v{padding-bottom:7.5rem!important}.fr-p-first-31v{padding:7.75rem!important}.fr-pl-first-31v,.fr-px-first-31v{padding-left:7.75rem!important}.fr-pr-first-31v,.fr-px-first-31v{padding-right:7.75rem!important}.fr-pt-first-31v,.fr-py-first-31v{padding-top:7.75rem!important}.fr-pb-first-31v,.fr-py-first-31v{padding-bottom:7.75rem!important}.fr-p-first-16w,.fr-p-first-32v{padding:8rem!important}.fr-pl-first-16w,.fr-pl-first-32v,.fr-px-first-16w,.fr-px-first-32v{padding-left:8rem!important}.fr-pr-first-16w,.fr-pr-first-32v,.fr-px-first-16w,.fr-px-first-32v{padding-right:8rem!important}.fr-pt-first-16w,.fr-pt-first-32v,.fr-py-first-16w,.fr-py-first-32v{padding-top:8rem!important}.fr-pb-first-16w,.fr-pb-first-32v,.fr-py-first-16w,.fr-py-first-32v{padding-bottom:8rem!important}:root[data-fr-theme=dark]{--shadow-color:rgba(0,0,18,.32);--grey-1000-50:#161616;--grey-1000-50-hover:#343434;--grey-1000-50-active:#474747;--grey-975-75:#1e1e1e;--grey-975-75-hover:#3f3f3f;--grey-975-75-active:#525252;--grey-950-100:#242424;--grey-950-100-hover:#474747;--grey-950-100-active:#5b5b5b;--grey-200-850:#cecece;--grey-925-125:#2a2a2a;--grey-1000-75:#1e1e1e;--grey-1000-75-hover:#3f3f3f;--grey-1000-75-active:#525252;--grey-1000-100:#242424;--grey-1000-100-hover:#474747;--grey-1000-100-active:#5b5b5b;--grey-975-100:#242424;--grey-975-100-hover:#474747;--grey-975-100-active:#5b5b5b;--grey-975-125:#2a2a2a;--grey-975-125-hover:#4e4e4e;--grey-975-125-active:#636363;--grey-950-125:#2a2a2a;--grey-950-125-hover:#4e4e4e;--grey-950-125-active:#636363;--grey-950-150:#2f2f2f;--grey-950-150-hover:#545454;--grey-950-150-active:#696969;--grey-50-1000:#fff;--grey-425-625:#929292;--grey-625-425:#666;--grey-900-175:#353535;--blue-france-975-75:#1b1b35;--blue-france-975-75-hover:#3a3a68;--blue-france-975-75-active:#4d4d83;--blue-france-950-100:#21213f;--blue-france-950-100-hover:#424275;--blue-france-950-100-active:#56568c;--blue-france-sun-113-625:#8585f6;--blue-france-sun-113-625-hover:#b1b1f9;--blue-france-sun-113-625-active:#c6c6fb;--blue-france-925-125:#272747;--blue-france-925-125-hover:#4a4a7d;--blue-france-925-125-active:#5e5e90;--blue-france-975-sun-113:#000091;--blue-france-main-525:#6a6af4;--blue-france-850-200:#313178;--red-marianne-975-75:#2b1919;--red-marianne-975-75-hover:#573737;--red-marianne-975-75-active:#704848;--red-marianne-950-100:#331f1f;--red-marianne-950-100-hover:#613f3f;--red-marianne-950-100-active:#7b5151;--red-marianne-425-625:#f95c5e;--red-marianne-425-625-hover:#fa9293;--red-marianne-425-625-active:#fbabac;--red-marianne-925-125:#3b2424;--red-marianne-925-125-hover:#6b4545;--red-marianne-925-125-active:#865757;--red-marianne-main-472:#e1000f;--red-marianne-850-200:#5e2a2b;--info-950-100:#1d2437;--info-950-100-hover:#3b4767;--info-950-100-active:#4c5b83;--info-425-625:#518fff;--info-425-625-hover:#98b4ff;--info-425-625-active:#b4c7ff;--info-975-75:#171d2e;--success-950-100:#19271d;--success-950-100-hover:#344c3b;--success-950-100-active:#44624d;--success-425-625:#27a658;--success-425-625-hover:#36d975;--success-425-625-active:#3df183;--success-975-75:#142117;--warning-950-100:#361e19;--warning-950-100-hover:#663d35;--warning-950-100-active:#824f44;--warning-425-625:#fc5d00;--warning-425-625-hover:#ff8c73;--warning-425-625-active:#ffa595;--warning-975-75:#2d1814;--error-950-100:#391c1c;--error-950-100-hover:#6c3a3a;--error-950-100-active:#894b4b;--error-425-625:#ff5655;--error-425-625-hover:#ff8c8c;--error-425-625-active:#ffa6a6;--error-975-75:#301717;--green-tilleul-verveine-975-75:#201e14;--green-tilleul-verveine-975-75-hover:#433f2e;--green-tilleul-verveine-975-75-active:#57533d;--green-tilleul-verveine-950-100:#272419;--green-tilleul-verveine-950-100-hover:#4c4734;--green-tilleul-verveine-950-100-active:#615b44;--green-tilleul-verveine-sun-418-moon-817:#d8c634;--green-tilleul-verveine-sun-418-moon-817-hover:#fee943;--green-tilleul-verveine-sun-418-moon-817-active:#fef1ab;--green-tilleul-verveine-925-125:#2d2a1d;--green-tilleul-verveine-925-125-hover:#534f39;--green-tilleul-verveine-925-125-active:#696349;--green-tilleul-verveine-main-707:#b7a73f;--green-tilleul-verveine-850-200:#3f3a20;--green-bourgeon-975-75:#182014;--green-bourgeon-975-75-hover:#35432e;--green-bourgeon-975-75-active:#46573d;--green-bourgeon-950-100:#1e2719;--green-bourgeon-950-100-hover:#3d4c34;--green-bourgeon-950-100-active:#4e6144;--green-bourgeon-sun-425-moon-759:#99c221;--green-bourgeon-sun-425-moon-759-hover:#baec2a;--green-bourgeon-sun-425-moon-759-active:#c9fd2e;--green-bourgeon-925-125:#232d1d;--green-bourgeon-925-125-hover:#435339;--green-bourgeon-925-125-active:#556949;--green-bourgeon-main-640:#68a532;--green-bourgeon-850-200:#2a401a;--green-emeraude-975-75:#142018;--green-emeraude-975-75-hover:#2e4335;--green-emeraude-975-75-active:#3d5846;--green-emeraude-950-100:#19271e;--green-emeraude-950-100-hover:#344c3d;--green-emeraude-950-100-active:#44624f;--green-emeraude-sun-425-moon-753:#34cb6a;--green-emeraude-sun-425-moon-753-hover:#42fb84;--green-emeraude-sun-425-moon-753-active:#80fda3;--green-emeraude-925-125:#1e2e23;--green-emeraude-925-125-hover:#3b5543;--green-emeraude-925-125-active:#4b6b55;--green-emeraude-main-632:#00a95f;--green-emeraude-850-200:#21402c;--green-menthe-975-75:#15201e;--green-menthe-975-75-hover:#30433f;--green-menthe-975-75-active:#3f5753;--green-menthe-950-100:#1a2624;--green-menthe-950-100-hover:#364b47;--green-menthe-950-100-active:#46605b;--green-menthe-sun-373-moon-652:#21ab8e;--green-menthe-sun-373-moon-652-hover:#2eddb8;--green-menthe-sun-373-moon-652-active:#34f4cc;--green-menthe-925-125:#1f2d2a;--green-menthe-925-125-hover:#3c534e;--green-menthe-925-125-active:#4d6963;--green-menthe-main-548:#009081;--green-menthe-850-200:#223f3a;--green-archipel-975-75:#152021;--green-archipel-975-75-hover:#2f4345;--green-archipel-975-75-active:#3f5759;--green-archipel-950-100:#1a2628;--green-archipel-950-100-hover:#364a4e;--green-archipel-950-100-active:#465f63;--green-archipel-sun-391-moon-716:#34bab5;--green-archipel-sun-391-moon-716-hover:#43e9e2;--green-archipel-sun-391-moon-716-active:#4cfdf6;--green-archipel-925-125:#1f2c2e;--green-archipel-925-125-hover:#3c5255;--green-archipel-925-125-active:#4d676b;--green-archipel-main-557:#009099;--green-archipel-850-200:#233e41;--blue-ecume-975-75:#171d2f;--blue-ecume-975-75-hover:#333e5e;--blue-ecume-975-75-active:#445179;--blue-ecume-950-100:#1d2437;--blue-ecume-950-100-hover:#3b4767;--blue-ecume-950-100-active:#4c5b83;--blue-ecume-sun-247-moon-675:#869ece;--blue-ecume-sun-247-moon-675-hover:#b8c5e2;--blue-ecume-sun-247-moon-675-active:#ced6ea;--blue-ecume-925-125:#222940;--blue-ecume-925-125-hover:#424d73;--blue-ecume-925-125-active:#536190;--blue-ecume-main-400:#465f9d;--blue-ecume-850-200:#273962;--blue-cumulus-975-75:#171e2b;--blue-cumulus-975-75-hover:#333f56;--blue-cumulus-975-75-active:#43536f;--blue-cumulus-950-100:#1c2433;--blue-cumulus-950-100-hover:#3a4761;--blue-cumulus-950-100-active:#4a5b7b;--blue-cumulus-sun-368-moon-732:#7ab1e8;--blue-cumulus-sun-368-moon-732-hover:#bad2f2;--blue-cumulus-sun-368-moon-732-active:#d2e2f6;--blue-cumulus-925-125:#212a3a;--blue-cumulus-925-125-hover:#404f69;--blue-cumulus-925-125-active:#516384;--blue-cumulus-main-526:#417dc4;--blue-cumulus-850-200:#263b58;--purple-glycine-975-75:#251a24;--purple-glycine-975-75-hover:#4c394a;--purple-glycine-975-75-active:#634a60;--purple-glycine-950-100:#2c202b;--purple-glycine-950-100-hover:#554053;--purple-glycine-950-100-active:#6c536a;--purple-glycine-sun-319-moon-630:#ce70cc;--purple-glycine-sun-319-moon-630-hover:#dfa4dd;--purple-glycine-sun-319-moon-630-active:#e7bbe6;--purple-glycine-925-125:#332632;--purple-glycine-925-125-hover:#5d485c;--purple-glycine-925-125-active:#755b73;--purple-glycine-main-494:#a558a0;--purple-glycine-850-200:#502e4d;--pink-macaron-975-75:#261b19;--pink-macaron-975-75-hover:#4e3a37;--pink-macaron-975-75-active:#654c48;--pink-macaron-950-100:#2e211f;--pink-macaron-950-100-hover:#58423f;--pink-macaron-950-100-active:#705551;--pink-macaron-sun-406-moon-833:#ffb7ae;--pink-macaron-sun-406-moon-833-hover:#ffe0dc;--pink-macaron-sun-406-moon-833-active:#fff0ee;--pink-macaron-925-125:#352724;--pink-macaron-925-125-hover:#614a45;--pink-macaron-925-125-active:#795d57;--pink-macaron-main-689:#e18b76;--pink-macaron-850-200:#52312a;--pink-tuile-975-75:#281b19;--pink-tuile-975-75-hover:#513a37;--pink-tuile-975-75-active:#694c48;--pink-tuile-950-100:#2f211f;--pink-tuile-950-100-hover:#5a423e;--pink-tuile-950-100-active:#725550;--pink-tuile-sun-425-moon-750:#ff9575;--pink-tuile-sun-425-moon-750-hover:#ffc4b7;--pink-tuile-sun-425-moon-750-active:#ffd8d0;--pink-tuile-925-125:#372624;--pink-tuile-925-125-hover:#644845;--pink-tuile-925-125-active:#7d5b57;--pink-tuile-main-556:#ce614a;--pink-tuile-850-200:#55302a;--yellow-tournesol-975-75:#221d11;--yellow-tournesol-975-75-hover:#473e29;--yellow-tournesol-975-75-active:#5c5136;--yellow-tournesol-950-100:#292416;--yellow-tournesol-950-100-hover:#4f472f;--yellow-tournesol-950-100-active:#655b3d;--yellow-tournesol-sun-407-moon-922:#ffe552;--yellow-tournesol-sun-407-moon-922-hover:#e1c700;--yellow-tournesol-sun-407-moon-922-active:#cab300;--yellow-tournesol-925-125:#302a1a;--yellow-tournesol-925-125-hover:#584e34;--yellow-tournesol-925-125-active:#6f6342;--yellow-tournesol-main-731:#c8aa39;--yellow-tournesol-850-200:#43391a;--yellow-moutarde-975-75:#231d14;--yellow-moutarde-975-75-hover:#483e2e;--yellow-moutarde-975-75-active:#5e513d;--yellow-moutarde-950-100:#2a2319;--yellow-moutarde-950-100-hover:#514534;--yellow-moutarde-950-100-active:#685944;--yellow-moutarde-sun-348-moon-860:#ffca00;--yellow-moutarde-sun-348-moon-860-hover:#cda200;--yellow-moutarde-sun-348-moon-860-active:#b28c00;--yellow-moutarde-925-125:#30291d;--yellow-moutarde-925-125-hover:#584d39;--yellow-moutarde-925-125-active:#6f6149;--yellow-moutarde-main-679:#c3992a;--yellow-moutarde-850-200:#453820;--orange-terre-battue-975-75:#281a16;--orange-terre-battue-975-75-hover:#513932;--orange-terre-battue-975-75-active:#6a4b42;--orange-terre-battue-950-100:#31201c;--orange-terre-battue-950-100-hover:#5d403a;--orange-terre-battue-950-100-active:#77534a;--orange-terre-battue-sun-370-moon-672:#ff732c;--orange-terre-battue-sun-370-moon-672-hover:#ffa48b;--orange-terre-battue-sun-370-moon-672-active:#ffbbab;--orange-terre-battue-925-125:#382621;--orange-terre-battue-925-125-hover:#664840;--orange-terre-battue-925-125-active:#7f5b51;--orange-terre-battue-main-645:#e4794a;--orange-terre-battue-850-200:#543125;--brown-cafe-creme-975-75:#211d16;--brown-cafe-creme-975-75-hover:#453e31;--brown-cafe-creme-975-75-active:#5a5141;--brown-cafe-creme-950-100:#28241c;--brown-cafe-creme-950-100-hover:#4e4739;--brown-cafe-creme-950-100-active:#635b4a;--brown-cafe-creme-sun-383-moon-885:#ecd7a2;--brown-cafe-creme-sun-383-moon-885-hover:#c5b386;--brown-cafe-creme-sun-383-moon-885-active:#af9f77;--brown-cafe-creme-925-125:#2e2a21;--brown-cafe-creme-925-125-hover:#554e3f;--brown-cafe-creme-925-125-active:#6b6351;--brown-cafe-creme-main-782:#d1b781;--brown-cafe-creme-850-200:#423925;--brown-caramel-975-75:#251c16;--brown-caramel-975-75-hover:#4c3c31;--brown-caramel-975-75-active:#624e41;--brown-caramel-950-100:#2c221c;--brown-caramel-950-100-hover:#554439;--brown-caramel-950-100-active:#6c574a;--brown-caramel-sun-425-moon-901:#fbd8ab;--brown-caramel-sun-425-moon-901-hover:#efb547;--brown-caramel-sun-425-moon-901-active:#d6a23e;--brown-caramel-925-125:#332821;--brown-caramel-925-125-hover:#5d4b40;--brown-caramel-925-125-active:#755f51;--brown-caramel-main-648:#c08c65;--brown-caramel-850-200:#4b3525;--brown-opera-975-75:#241c17;--brown-opera-975-75-hover:#4a3c33;--brown-opera-975-75-active:#604f44;--brown-opera-950-100:#2b221c;--brown-opera-950-100-hover:#53443a;--brown-opera-950-100-active:#6a574a;--brown-opera-sun-395-moon-820:#e6be92;--brown-opera-sun-395-moon-820-hover:#f2e2d3;--brown-opera-sun-395-moon-820-active:#f8f0e9;--brown-opera-925-125:#322821;--brown-opera-925-125-hover:#5c4b40;--brown-opera-925-125-active:#735f51;--brown-opera-main-680:#bd987a;--brown-opera-850-200:#493625;--beige-gris-galet-975-75:#211d19;--beige-gris-galet-975-75-hover:#453e37;--beige-gris-galet-975-75-active:#595148;--beige-gris-galet-950-100:#28231f;--beige-gris-galet-950-100-hover:#4e453f;--beige-gris-galet-950-100-active:#635950;--beige-gris-galet-sun-407-moon-821:#d0c3b7;--beige-gris-galet-sun-407-moon-821-hover:#eae5e1;--beige-gris-galet-sun-407-moon-821-active:#f4f2f0;--beige-gris-galet-925-125:#2e2924;--beige-gris-galet-925-125-hover:#554d45;--beige-gris-galet-925-125-active:#6b6157;--beige-gris-galet-main-702:#aea397;--beige-gris-galet-850-200:#433829}.fr-placement{left:0;position:fixed;top:0}@-moz-document url-prefix(){:root[data-fr-scrolling] body{position:sticky}:root{--underline-thickness:calc(0.0625em + 0.25px)}}.fr-displayed-lg{display:none!important}.fr-responsive-img--32x9{aspect-ratio:3.5555555556!important;object-fit:cover;object-position:50% 50%}.fr-responsive-img--16x9{aspect-ratio:1.7777777778!important;object-fit:cover;object-position:50% 50%}.fr-responsive-img--3x2{aspect-ratio:1.5!important;object-fit:cover;object-position:50% 50%}.fr-responsive-img--4x3{aspect-ratio:1.3333333333!important;object-fit:cover;object-position:50% 50%}.fr-responsive-img--1x1{aspect-ratio:1!important;object-fit:cover;object-position:50% 50%}.fr-responsive-img--3x4{aspect-ratio:.75!important;object-fit:cover;object-position:50% 50%}.fr-responsive-img--2x3{aspect-ratio:.6666666667!important;object-fit:cover;object-position:50% 50%}.fr-responsive-vid--16x9{aspect-ratio:1.7777777778!important}.fr-responsive-vid--4x3{aspect-ratio:1.3333333333!important}.fr-responsive-vid--1x1{aspect-ratio:1!important}.fr-fi--xs:after,.fr-fi--xs:before{--icon-size:0.75rem}.fr-fi--sm:after,.fr-fi--sm:before{--icon-size:1rem}.fr-fi--md:after,.fr-fi--md:before{--icon-size:1.5rem}.fr-fi--lg:after,.fr-fi--lg:before{--icon-size:2rem}.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-display-lg,.fr-display-md,.fr-display-sm,.fr-display-xl,.fr-display-xs,.fr-h1,.fr-h2,.fr-h3,.fr-h4,.fr-h5,.fr-h6,h1,h2,h3,h4,h5,h6{color:var(--text-title-grey)}.fr-upload-group .fr-label .fr-hint-text{margin-top:.75rem}.fr-upload-group .fr-label+.fr-upload{margin-top:1rem}.fr-upload-group .fr-message:first-child{margin-top:.5rem}.fr-upload{display:inline-flex;font-size:.875rem;line-height:1.5rem;margin:0;width:100%}.fr-upload:disabled::-webkit-file-upload-button{cursor:not-allowed;outline-style:none}.fr-upload::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;font:inherit;margin-right:.5rem}.fr-accordion{position:relative}.fr-accordion:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey),0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-accordion__title{display:block;font-size:unset;line-height:unset;margin:0}.fr-accordion__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 1rem;text-align:left;width:-moz-fit-content;width:fit-content;width:100%}.fr-accordion__btn:after,.fr-accordion__btn:before{display:block}.fr-accordion__btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(icons/system/arrow-down-s-line.svg);mask-image:url(icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .3s;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-accordion__btn:before{content:none}.fr-accordion__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-accordion .fr-collapse{--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,".") ".  ";transition:visibility .3s,padding .3s}.fr-accordion .fr-collapse--expanded{padding-bottom:1.5rem;padding-top:1rem}.fr-accordions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}.fr-accordion__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france)}.fr-badge{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:.25rem;color:var(--text-default-grey);display:inline-flex;flex-direction:row;font-size:.875rem;font-weight:700;line-height:1.5rem;max-height:none;max-width:100%;min-height:1.5rem;overflow:initial;padding:0 .5rem;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.fr-badge:after,.fr-badge:before{display:block}.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--icon-left[class^=fr-fi-],.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.25rem}.fr-badge[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge--sm{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badge--sm,.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"],.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"],.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-],.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"]:before,.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-]:before,.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm[class*=" fr-fi-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class*=" fr-icon-"]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-fi-]:not([class*=fr-badge--icon-]):before,.fr-badge--sm[class^=fr-icon-]:not([class*=fr-badge--icon-]):before{content:none}.fr-badge:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.25rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-badge--sm:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:before{-webkit-mask-image:url(icons/system/fr--info-fill.svg);mask-image:url(icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:before{-webkit-mask-image:url(icons/system/fr--success-fill.svg);mask-image:url(icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:before{-webkit-mask-image:url(icons/system/fr--error-fill.svg);mask-image:url(icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:before{-webkit-mask-image:url(icons/system/fr--warning-fill.svg);mask-image:url(icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:before{-webkit-mask-image:url(icons/weather/flashlight-fill.svg);mask-image:url(icons/weather/flashlight-fill.svg)}.fr-badge--error:before,.fr-badge--info:before,.fr-badge--new:before,.fr-badge--sm--error:before,.fr-badge--sm--info:before,.fr-badge--sm--new:before,.fr-badge--sm--success:before,.fr-badge--sm--warning:before,.fr-badge--success:before,.fr-badge--warning:before{content:""}.fr-badge--sm.fr-badge--no-icon:before,.fr-badge.fr-badge--no-icon:before{content:none}.fr-badges-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin-bottom:0;margin-left:-.25rem;margin-right:-.25rem}.fr-badges-group>li{display:inline-flex;max-width:100%}.fr-badges-group .fr-badge{margin:0 .25rem .5rem}.fr-badges-group--sm .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-badges-group--sm .fr-badge:after,.fr-badges-group--sm .fr-badge:before{--icon-size:0.75rem}.fr-badge--info{--idle:transparent;--hover:var(--background-contrast-info-hover);--active:var(--background-contrast-info-active);background-color:var(--background-contrast-info);color:var(--text-default-info)}.fr-badge--error{--idle:transparent;--hover:var(--background-contrast-error-hover);--active:var(--background-contrast-error-active);background-color:var(--background-contrast-error);color:var(--text-default-error)}.fr-badge--success{--idle:transparent;--hover:var(--background-contrast-success-hover);--active:var(--background-contrast-success-active);background-color:var(--background-contrast-success);color:var(--text-default-success)}.fr-badge--warning{--idle:transparent;--hover:var(--background-contrast-warning-hover);--active:var(--background-contrast-warning-active);background-color:var(--background-contrast-warning);color:var(--text-default-warning)}.fr-badge--new{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}.fr-badge--green-tilleul-verveine{--idle:transparent;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine);color:var(--text-label-green-tilleul-verveine)}.fr-badge--green-bourgeon{--idle:transparent;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon);color:var(--text-label-green-bourgeon)}.fr-badge--green-emeraude{--idle:transparent;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude);color:var(--text-label-green-emeraude)}.fr-badge--green-menthe{--idle:transparent;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe);color:var(--text-label-green-menthe)}.fr-badge--green-archipel{--idle:transparent;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel);color:var(--text-label-green-archipel)}.fr-badge--blue-ecume{--idle:transparent;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume);color:var(--text-label-blue-ecume)}.fr-badge--blue-cumulus{--idle:transparent;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus);color:var(--text-label-blue-cumulus)}.fr-badge--purple-glycine{--idle:transparent;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine);color:var(--text-label-purple-glycine)}.fr-badge--pink-macaron{--idle:transparent;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron);color:var(--text-label-pink-macaron)}.fr-badge--pink-tuile{--idle:transparent;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile);color:var(--text-label-pink-tuile)}.fr-badge--yellow-tournesol{--idle:transparent;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol);color:var(--text-label-yellow-tournesol)}.fr-badge--yellow-moutarde{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);color:var(--text-label-yellow-moutarde)}.fr-badge--orange-terre-battue{--idle:transparent;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue);color:var(--text-label-orange-terre-battue)}.fr-badge--brown-cafe-creme{--idle:transparent;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme);color:var(--text-label-brown-cafe-creme)}.fr-badge--brown-caramel{--idle:transparent;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel);color:var(--text-label-brown-caramel)}.fr-badge--brown-opera{--idle:transparent;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera);color:var(--text-label-brown-opera)}.fr-badge--beige-gris-galet{--idle:transparent;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet);color:var(--text-label-beige-gris-galet)}.fr-badge-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-wrap:wrap;margin-bottom:0}.fr-badge-group>li{display:inline-flex;max-width:100%}.fr-badge-group .fr-badge{margin-bottom:.5rem;margin-right:.5rem}.fr-logo{--text-spacing:0;--underline-img:none;color:var(--text-title-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,#161616,#161616);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;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='%23161616' 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%}.fr-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:center;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.fr-btn:after,.fr-btn:before{display:block}.fr-btn[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--align-on-content{margin-left:-1rem;margin-right:-1rem}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-btn--align-on-content[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--icon-left[class^=fr-fi-],.fr-btn--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-left[class*=" fr-fi-"]:before,.fr-btn--icon-left[class*=" fr-icon-"]:before,.fr-btn--icon-left[class^=fr-fi-]:before,.fr-btn--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{margin-left:-.875rem;margin-right:-1rem}.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--icon-right[class^=fr-fi-],.fr-btn--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-right[class*=" fr-fi-"]:after,.fr-btn--icon-right[class*=" fr-icon-"]:after,.fr-btn--icon-right[class^=fr-fi-]:after,.fr-btn--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--icon-right[class*=" fr-fi-"]:before,.fr-btn--icon-right[class*=" fr-icon-"]:before,.fr-btn--icon-right[class^=fr-fi-]:before,.fr-btn--icon-right[class^=fr-icon-]:before{content:none}.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{margin-left:-1rem;margin-right:-.875rem}.fr-btn--sm{font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-btn--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--align-on-content{margin-left:-.75rem;margin-right:-.75rem}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2rem;max-width:2rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{margin-left:-.625rem;margin-right:-.75rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-.75rem;margin-right:-.625rem}.fr-btn--lg{font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.fr-btn--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--align-on-content{margin-left:-1.5rem;margin-right:-1.5rem}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:3rem;max-width:3rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{margin-left:-1.3125rem;margin-right:-1.5rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{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;align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.fr-btns-group>li{max-width:100%;width:100%}.fr-btns-group .fr-btn{justify-content:center;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.fr-btns-group--inline .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.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:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.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-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-icon-]{font-size:.875rem;justify-content:flex-start;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]: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:.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-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-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-icon-]{font-size:1rem;justify-content:flex-start;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]: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:.5rem 1.5rem}.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-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-icon-]{font-size:1.125rem;justify-content:flex-start;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.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-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-icon-]:before{content:none}.fr-fieldset__element>.fr-btns-group{margin-bottom:-1rem}.fr-btn--close{display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;margin-right:-1rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/close-line.svg);mask-image:url(icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--close:before{content:none}.fr-btn--tooltip{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-btn--tooltip:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/question-line.svg);mask-image:url(icons/system/question-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--fullscreen:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/media/fullscreen-line.svg);mask-image:url(icons/media/fullscreen-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen:before{content:none}.fr-btn--display{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-btn--display:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(icons/system/fr--theme-fill.svg);mask-image:url(icons/system/fr--theme-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn:disabled,a.fr-btn:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--secondary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);color:var(--text-action-high-blue-france)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--tertiary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-btn--tertiary:disabled,a.fr-btn--tertiary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-connect{--underline-img:none;--hover-tint:var(--hover);--active-tint:var(--active);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:flex-start;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:column;height:3.5rem;justify-content:center;margin-bottom:.75rem;padding:.25rem .75rem .25rem 4rem;position:relative}.fr-connect:hover{background-color:var(--hover-tint)}.fr-connect:active{background-color:var(--active-tint)}.fr-connect:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath fill='%232a2f82' d='M34.965 15.1 19.971 6.423 4.977 15.184a.606.606 0 0 0-.306.524v16.948a.666.666 0 0 0 .306.524l14.992 8.6 14.994-8.706a.665.665 0 0 0 .306-.524V15.628a.605.605 0 0 0-.304-.528Z'/%3E%3Cpath fill='%23df1f26' d='m14.614 15.6-5.029 8.628-4.557-9.175 5.39-3.113 4.489 3.16ZM35.27 32.58V15.622a.6.6 0 0 0-.306-.523L19.971 6.423'/%3E%3Cpath fill='%232e65b0' d='m4.673 32.58 15.3-26.157v35.362L4.977 33.18a.666.666 0 0 1-.306-.524V15.708Zm24.669-20.735L34.8 15l-4.489 9.15-5.387-9.236Z'/%3E%3Cpath fill='%23fff' d='m39.606 12.305-19.19-11.02a.933.933 0 0 0-.832 0L.394 12.305A.886.886 0 0 0 0 13v22a.886.886 0 0 0 .394.7l19.189 11.02a.933.933 0 0 0 .832 0L39.606 35.7A.886.886 0 0 0 40 35V13a.886.886 0 0 0-.394-.695ZM10.762 30.061h.079c-.042 0-.079.007-.079.05 0 .1.151 0 .2.1a.912.912 0 0 0-.629.276c0 .051.1.051.151.051-.075.1-.226.05-.277.151a.177.177 0 0 0 .1.05c-.05 0-.1 0-.1.051v.151c-.126 0-.176.1-.277.151.2.151.327 0 .528 0-.528.2-.956.478-1.484.629-.1 0 0 .151-.1.151.151.1.227-.05.377-.05-.654.377-1.333.7-2.037 1.132a.351.351 0 0 0-.1.2h-.2c-.1.05-.05.176-.151.277.226.151.5-.2.654 0 .05 0-.1.05-.2.05-.05 0-.05.1-.1.1h-.154c-.1.075-.2.126-.2.276a.219.219 0 0 0-.226.1 9.034 9.034 0 0 0 3.144-.578 7.685 7.685 0 0 0 2.088-1.559.176.176 0 0 1 .05.1 2.168 2.168 0 0 1-.806 1.08c-.277.151-.478.377-.7.478a4.045 4.045 0 0 0-.428.276 10.761 10.761 0 0 1-1.939.412l-.305.044c-.225.033-.449.069-.671.108L4.977 33.18a.648.648 0 0 1-.288-.411.574.574 0 0 0 .094-.063.265.265 0 0 0-.113-.071v-.65a12.786 12.786 0 0 0 3.038-.942A8.746 8.746 0 0 0 4.671 29.7v-1.515a11.662 11.662 0 0 1 1.639.392 6.415 6.415 0 0 1 1.182.578 3.113 3.113 0 0 0 .478.377.91.91 0 0 0 .8.05h.33a3.961 3.961 0 0 0 1.937-.905c0 .05.05.05.1.05a3.63 3.63 0 0 1-.428 1.132c.003.051-.048.152.053.202Zm2.817 3.571c.251-.1.4-.277.629-.377-.05.05-.05.151-.1.2a3.691 3.691 0 0 0-.528.4 15.96 15.96 0 0 0-1.585 1.61c-.252.3-.528.578-.8.855a2.385 2.385 0 0 1-.31.245l-2.527-1.45a4.047 4.047 0 0 0 1.076-.053 4.984 4.984 0 0 0 .855-.327v.1c.7-.277 1.232-.906 1.937-1.132.025 0 .126.1.226.05a1.883 1.883 0 0 1 1.509-.7c0 .05 0 .1.05.1h.025c-.151.126-.327.251-.5.377-.057.052-.007.102.043.102Zm-8.908-6.164v-.186a5.814 5.814 0 0 1 1.588-.188 1.52 1.52 0 0 1 .478 0 5.861 5.861 0 0 0-2.066.374Zm30.6 5.088a.665.665 0 0 1-.306.524l-10.079 5.851a32.3 32.3 0 0 1-3.408-1.185 2.826 2.826 0 0 1-.05-2.245 3.794 3.794 0 0 1 .352-.883c.025-.025.05-.05.05-.076a.025.025 0 0 0 .025-.025 4.316 4.316 0 0 1 .377-.555l.015-.015.02-.021.015-.015c0-.025.025-.05.05-.076.025-.051.075-.076.1-.126a3.771 3.771 0 0 1 .579-.5 4.07 4.07 0 0 1 .654-.177 19.817 19.817 0 0 1 2.415.328.751.751 0 0 1 .277.1 1.849 1.849 0 0 0 .905-.05 1.137 1.137 0 0 0 .855-.706 1.212 1.212 0 0 0 .05-1.059c-.178-.276-.013-.437.181-.59l.068-.055a1.17 1.17 0 0 0 .231-.216c.126-.252-.1-.4-.151-.63-.05-.1-.226-.05-.327-.2.352-.151.855-.429.629-.857-.151-.227-.377-.63-.1-.857.352-.2.855-.151 1.006-.479a1.138 1.138 0 0 0-.292-1.085l-.075-.108a4.754 4.754 0 0 1-.211-.32 6.914 6.914 0 0 0-.528-.757 4.3 4.3 0 0 1-.528-1.009c-.151-.378.05-.706.05-1.084a6.347 6.347 0 0 0-.327-2.144c-.126-.353-.176-.731-.327-1.059a1.12 1.12 0 0 0-.226-.58.375.375 0 0 1 0-.328 4.874 4.874 0 0 0 .579-.479.567.567 0 0 0-.2-.706c-.327-.151-.3.328-.528.429h-.151c-.05-.126.05-.177.151-.277 0-.05 0-.151-.05-.151-.2 0-.377-.051-.428-.151a3.957 3.957 0 0 0-1.861-1.286 2.319 2.319 0 0 0 .579.1 1.67 1.67 0 0 0 1.006-.1c.227-.076.277-.479.377-.706a.8.8 0 0 0-.151-.631 2.189 2.189 0 0 0-.906-.756 9.13 9.13 0 0 1-.679-.353.952.952 0 0 0-.251-.126c-2.965-1.485-9.069-.2-9.534 0h-.009a8.244 8.244 0 0 0-1.249.475 3.922 3.922 0 0 0-2.365 2.465 3.829 3.829 0 0 0-1.333 1.509c-.428.8-1.056 1.509-.956 2.414.1.78.277 1.484.428 2.289a4.668 4.668 0 0 0 .2.8c.1.276 0 .629.151.855.075.151.025.327.227.428v.2c.05.05.05.1.151.1v.2a6.446 6.446 0 0 1 1.107 1.434c.1.276-.478.151-.7.05a5.979 5.979 0 0 1-1.132-.956.175.175 0 0 0-.051.1c.2.352.906.78.528 1.006-.2.1-.428-.151-.629.051-.05.075 0 .176 0 .276-.277-.2-.578-.1-.855-.2-.2-.05-.252-.427-.478-.427a15.162 15.162 0 0 0-1.811-.327 15.137 15.137 0 0 0-1.739-.159V15.708a.606.606 0 0 1 .306-.524l14.987-8.761L34.965 15.1a.605.605 0 0 1 .306.524Zm-7.954-8.261a.325.325 0 0 1-.282.149 2.843 2.843 0 0 0-.282.273c.1 0 0 .149.1.149-.205.223.077.694-.205.793a2.176 2.176 0 0 1-1.127 0 .722.722 0 0 1 .167-.016h.085a.382.382 0 0 0 .337-.132v-.2c0-.05-.051-.05-.1-.05a.161.161 0 0 1-.1.05.223.223 0 0 0-.154-.2.807.807 0 0 1-.718-.273.67.67 0 0 1 .436-.05c.128 0 .077-.223.231-.322h.154c.307-.372.871-.471.974-.843 0-.1-.282-.1-.487-.149a2.259 2.259 0 0 0-.82.05 4.65 4.65 0 0 0-1.051.273 3.225 3.225 0 0 1 .923-.471 3.886 3.886 0 0 1 .718-.2l.132-.026.133-.027a.971.971 0 0 1 .556 0c.231.1.615.1.666.248.1.273-.154.545-.435.744-.057.081.148.135.148.23Z'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;background-size:2.5rem 3rem;bottom:.25rem;content:"";display:block;height:3rem;left:.75rem;position:absolute;top:.25rem;width:2.5rem}.fr-connect__brand,.fr-connect__login{line-height:1;z-index:1}.fr-connect__login{font-size:17px;height:17px}.fr-connect__brand{font-size:18px;font-weight:700;height:18px}.fr-connect--plus{padding-right:3rem}.fr-connect--plus:after{background-position:50% 50%,50% 50%;background-repeat:repeat-x,repeat-y;background-size:21.5% 21.5%,21.5% 21.5%;bottom:1rem;content:"";display:block;height:1.5rem;position:absolute;right:.75rem;top:1rem;width:1.5rem}.fr-connect--plus .fr-connect__brand{margin-right:-10px;overflow:hidden;width:100%}.fr-connect-group{--text-spacing:0 0 1rem 0}.fr-connect-group p{color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem}.fr-connect-group .fr-connect+p a{color:var(--text-action-high-blue-france);font-size:.875rem;line-height:1.5rem}.fr-connect:after{background-image:linear-gradient(0deg,var(--text-inverted-blue-france),var(--text-inverted-blue-france)),linear-gradient(0deg,var(--text-inverted-blue-france),var(--text-inverted-blue-france))}.fr-connect:disabled,a.fr-connect:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-connect:disabled:after,a.fr-connect:not([href]):after{background-image:linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey))}.fr-quote{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:.5rem 100%;background-repeat:no-repeat;background-size:50% 1px;margin:0;padding:0 .5rem 2rem;position:relative}.fr-quote:after,.fr-quote:before{--icon-size:2rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(icons/editor/fr--quote-line.svg);mask-image:url(icons/editor/fr--quote-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-quote:before{color:var(--artwork-minor-blue-france);content:"";display:block;margin-bottom:.5rem}.fr-quote--column{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.fr-quote--column .fr-quote__author,.fr-quote--column .fr-quote__source{margin-left:5.25rem}.fr-quote--column figcaption{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:4.25rem}.fr-quote blockquote{--text-spacing:0 0 1rem;margin:0}.fr-quote blockquote p{font-size:1.25rem;font-weight:700;line-height:2rem}.fr-quote__author{--text-spacing:0 0 0.25rem;font-size:.875rem;font-weight:700;line-height:1.5rem}.fr-quote__image{background-size:cover;border-radius:50%;display:flex;flex-direction:row;overflow:hidden;position:absolute;width:4.25rem}.fr-quote__image img{height:100%;width:100%}.fr-quote cite{font-size:.75rem;font-style:italic;line-height:1.25rem}.fr-quote figcaption{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}.fr-quote figcaption li{font-size:.75rem;line-height:1.25rem}.fr-quote figcaption .fr-quote__source{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.fr-quote figcaption .fr-quote__source li{display:inline-block}.fr-quote figcaption .fr-quote__source li:not(:last-child):after{content:"·";display:inline-block;padding-left:.25rem;padding-right:.25rem}.fr-quote--green-tilleul-verveine:before{color:var(--artwork-minor-green-tilleul-verveine)}.fr-quote--green-bourgeon:before{color:var(--artwork-minor-green-bourgeon)}.fr-quote--green-emeraude:before{color:var(--artwork-minor-green-emeraude)}.fr-quote--green-menthe:before{color:var(--artwork-minor-green-menthe)}.fr-quote--green-archipel:before{color:var(--artwork-minor-green-archipel)}.fr-quote--blue-ecume:before{color:var(--artwork-minor-blue-ecume)}.fr-quote--blue-cumulus:before{color:var(--artwork-minor-blue-cumulus)}.fr-quote--purple-glycine:before{color:var(--artwork-minor-purple-glycine)}.fr-quote--pink-macaron:before{color:var(--artwork-minor-pink-macaron)}.fr-quote--pink-tuile:before{color:var(--artwork-minor-pink-tuile)}.fr-quote--yellow-tournesol:before{color:var(--artwork-minor-yellow-tournesol)}.fr-quote--yellow-moutarde:before{color:var(--artwork-minor-yellow-moutarde)}.fr-quote--orange-terre-battue:before{color:var(--artwork-minor-orange-terre-battue)}.fr-quote--brown-cafe-creme:before{color:var(--artwork-minor-brown-cafe-creme)}.fr-quote--brown-caramel:before{color:var(--artwork-minor-brown-caramel)}.fr-quote--brown-opera:before{color:var(--artwork-minor-brown-opera)}.fr-quote--beige-gris-galet:before{color:var(--artwork-minor-beige-gris-galet)}.fr-quote__source{color:var(--text-mention-grey)}.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{--hover-tint:var(--idle);--active-tint:var(--idle);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;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button:active,.fr-breadcrumb__button:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(icons/system/arrow-right-s-line.svg);mask-image:url(icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:calc((1.05rem - var(--icon-size))*.5);width:var(--icon-size)}.fr-breadcrumb__link{--hover-tint:var(--idle);--active-tint:var(--idle);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;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);font-size:.75rem;line-height:1.25rem;padding:0;position:relative;transition:background-size 0s;vertical-align:top}.fr-breadcrumb__link:active,.fr-breadcrumb__link:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__link[aria-current]{--underline-img:none;color:var(--text-active-grey);cursor:default;pointer-events:none}.fr-label{color:var(--text-label-grey);display:block;font-size:1rem;line-height:1.5rem}.fr-label+.fr-input,.fr-label+.fr-input-wrap,.fr-label+.fr-select{margin-top:.5rem}.fr-hint-text{--text-spacing:0 0 1rem;display:block;font-size:.75rem;line-height:1.25rem}.fr-hint-text+.fr-hint-text{margin-top:.25rem}.fr-fieldset{align-items:flex-end;border:0;display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -.75rem 1rem;padding:0 .25rem;position:relative}.fr-fieldset__legend{color:var(--text-title-grey);font-size:1rem;font-weight:700;line-height:1.5rem;margin-left:-.25rem;margin-right:-.25rem;padding-bottom:1rem;padding-left:.75rem;padding-right:.75rem;width:100%}.fr-fieldset__legend--regular{font-weight:400}.fr-fieldset__legend .fr-hint-text{font-weight:400;margin-top:.5rem}.fr-fieldset--error,.fr-fieldset--info,.fr-fieldset--valid{background-position:0 -2.25rem;background-repeat:no-repeat;background-size:2px calc(100% + 1.25rem)}.fr-fieldset--error .fr-fieldset__legend,.fr-fieldset--info .fr-fieldset__legend,.fr-fieldset--valid .fr-fieldset__legend{background-position:0 0;background-repeat:no-repeat;background-size:2px 100%}.fr-fieldset__element{flex:1 1 100%;margin-bottom:1rem;max-width:100%;padding-left:.5rem;padding-right:.5rem}.fr-fieldset__element--inline{flex:0 0 auto}.fr-fieldset__element--inline-grow,.fr-fieldset__element--inline\@md.fr-fieldset__element--inline-grow{flex-grow:1}.fr-fieldset__element--year{flex:0 0 8rem}.fr-fieldset__element--year:not(.fr-fieldset__element--inline){margin-right:calc(100% - 8rem)}.fr-fieldset__element--postal{flex:0 0 16rem}.fr-fieldset__element--postal:not(.fr-fieldset__element--inline){margin-right:calc(100% - 16rem)}.fr-fieldset__element--number{flex:0 0 6rem}.fr-fieldset__element--number:not(.fr-fieldset__element--inline){margin-right:calc(100% - 6rem)}.fr-fieldset__element>.fr-fieldset:last-child:after,.fr-fieldset__element>h1:last-child:after,.fr-fieldset__element>h2:last-child:after,.fr-fieldset__element>h3:last-child:after,.fr-fieldset__element>h4:last-child:after,.fr-fieldset__element>h5:last-child:after,.fr-fieldset__element>h6:last-child:after,.fr-fieldset__element>p:last-child:after,.fr-fieldset__legend>.fr-fieldset:last-child:after,.fr-fieldset__legend>h1:last-child:after,.fr-fieldset__legend>h2:last-child:after,.fr-fieldset__legend>h3:last-child:after,.fr-fieldset__legend>h4:last-child:after,.fr-fieldset__legend>h5:last-child:after,.fr-fieldset__legend>h6:last-child:after,.fr-fieldset__legend>p:last-child:after{content:"";display:block;margin-bottom:-1rem}.fr-fieldset>.fr-messages-group{flex:1 1 100%;padding-left:.5rem;padding-right:.5rem}.fr-fieldset>.fr-messages-group>.fr-message:last-child{margin-bottom:1rem}.fr-message{--comma:", ";--content:var(--comma);align-items:flex-start;display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin:0 0 .25rem}.fr-message:after{clip:rect(0,0,0,0);border:0;content:var(--content);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-message:last-child{--comma:". ";margin-bottom:0}.fr-message--error:before,.fr-message--info:before,.fr-message--valid:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-right:.25rem;margin-top:.125rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-message--error:before{-webkit-mask-image:url(icons/system/fr--error-fill.svg);mask-image:url(icons/system/fr--error-fill.svg)}.fr-message--valid:before{-webkit-mask-image:url(icons/system/fr--success-fill.svg);mask-image:url(icons/system/fr--success-fill.svg)}.fr-message--info:before{-webkit-mask-image:url(icons/system/information-fill.svg);mask-image:url(icons/system/information-fill.svg)}.fr-input-group--valid label,.fr-select-group--valid label,.fr-upload-group--valid label{color:var(--text-default-success)}.fr-input-group--error label,.fr-select-group--error label,.fr-upload-group--error label{color:var(--text-default-error)}.fr-input-group--info label,.fr-select-group--info label,.fr-upload-group--info label{color:var(--text-default-info)}.fr-input-group--disabled .fr-hint-text,.fr-input-group--disabled label,.fr-select-group--disabled .fr-hint-text,.fr-select-group--disabled label,.fr-upload-group--disabled .fr-hint-text,.fr-upload-group--disabled label{color:var(--text-disabled-grey)}.fr-label--error{color:var(--text-default-error)}.fr-label--success{color:var(--text-default-success)}.fr-label--info{color:var(--text-default-info)}.fr-label--disabled,.fr-label--disabled .fr-hint-text{color:var(--text-disabled-grey)}.fr-hint-text,.fr-message{color:var(--text-mention-grey)}.fr-message--error{color:var(--text-default-error)}.fr-message--valid{color:var(--text-default-success)}.fr-message--info{color:var(--text-default-info)}.fr-fieldset input:disabled+label,.fr-fieldset input:disabled+label .fr-hint-text,.fr-fieldset input:disabled+label+.fr-hint-text,.fr-fieldset:disabled .fr-fieldset__legend,.fr-fieldset:disabled .fr-hint-text,.fr-fieldset:disabled .fr-label{color:var(--text-disabled-grey)}.fr-fieldset--error,.fr-fieldset--error .fr-fieldset__legend{background-image:linear-gradient(0deg,var(--border-plain-error),var(--border-plain-error))}.fr-fieldset--error .fr-fieldset__legend,.fr-fieldset--error .fr-label{color:var(--text-default-error)}.fr-fieldset--valid,.fr-fieldset--valid .fr-fieldset__legend{background-image:linear-gradient(0deg,var(--border-plain-success),var(--border-plain-success))}.fr-fieldset--valid .fr-fieldset__legend,.fr-fieldset--valid .fr-label{color:var(--text-default-success)}.fr-fieldset--info,.fr-fieldset--info .fr-fieldset__legend{background-image:linear-gradient(0deg,var(--border-plain-info),var(--border-plain-info))}.fr-fieldset--info .fr-fieldset__legend,.fr-fieldset--info .fr-label{color:var(--text-default-info)}.fr-input-group:not(:last-child),.fr-select-group:not(:last-child){margin-bottom:1.5rem}.fr-input-group .fr-label .fr-hint-text,.fr-select-group .fr-label .fr-hint-text{margin-top:.25rem}.fr-fieldset--inline .fr-fieldset__content{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-.75rem 0 0 .5rem}.fr-fieldset--inline .fr-checkbox-group{display:inline-flex;margin-bottom:0}.fr-fieldset--inline .fr-checkbox-group:first-child{margin-top:0}.fr-fieldset--inline .fr-checkbox-group:not(:last-child){margin-right:1.25rem}.fr-fieldset--inline .fr-checkbox-group:last-child{margin-bottom:0}.fr-fieldset--inline .fr-radio-group{display:inline-flex}.fr-fieldset--inline .fr-radio-group:not(:last-child){margin-right:1.75rem}.fr-fieldset--inline .fr-radio-group:first-child{margin-top:0}.fr-fieldset--inline .fr-radio-group:last-child{margin-bottom:0}.fr-fieldset__content{margin-left:.5rem;position:relative;width:100%}.fr-fieldset__content .fr-checkbox-group:first-child,.fr-fieldset__content .fr-radio-group:first-child{margin-top:-.75rem}.fr-fieldset__content .fr-checkbox-group label,.fr-fieldset__content .fr-radio-group label{padding:.75rem 0}.fr-fieldset__content .fr-checkbox-group input[type=checkbox]+label:before,.fr-fieldset__content .fr-radio-group:not(.fr-radio-rich) input[type=radio]+label:before{top:.75rem}.fr-fieldset__content+.fr-error-text,.fr-fieldset__content+.fr-info-text,.fr-fieldset__content+.fr-valid-text{margin-bottom:1rem;margin-left:.5rem;margin-top:0}.fr-error-text,.fr-info-text,.fr-valid-text{align-items:center;display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:1rem}.fr-error-text:before,.fr-info-text:before,.fr-valid-text:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-right:.25rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-error-text+.fr-error-text,.fr-error-text+.fr-info-text,.fr-error-text+.fr-valid-text,.fr-info-text+.fr-error-text,.fr-info-text+.fr-info-text,.fr-info-text+.fr-valid-text,.fr-valid-text+.fr-error-text,.fr-valid-text+.fr-info-text,.fr-valid-text+.fr-valid-text{margin-top:.25rem}.fr-error-text:before{-webkit-mask-image:url(icons/system/fr--error-fill.svg);mask-image:url(icons/system/fr--error-fill.svg)}.fr-valid-text:before{-webkit-mask-image:url(icons/system/fr--success-fill.svg);mask-image:url(icons/system/fr--success-fill.svg)}.fr-info-text:before{-webkit-mask-image:url(icons/system/information-fill.svg);mask-image:url(icons/system/information-fill.svg)}.fr-error-text{color:var(--text-default-error)}.fr-valid-text{color:var(--text-default-success)}.fr-info-text{color:var(--text-default-info)}.fr-fieldset--valid .fr-fieldset__content:before{box-shadow:inset 2px 0 0 0 var(--border-plain-success)}.fr-fieldset--error .fr-fieldset__content:before{box-shadow:inset 2px 0 0 0 var(--border-plain-error)}.fr-fieldset--info .fr-fieldset__content:before{box-shadow:inset 2px 0 0 0 var(--border-plain-info)}.fr-stepper{--title-spacing:0;--text-spacing:0;display:flex;flex-direction:column;margin-bottom:2rem}.fr-stepper__title{--title-spacing:0 0 0.75rem 0;--text-spacing:0 0 0.75rem 0;color:var(--text-title-grey);font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-stepper__state{--title-spacing:0 0 0.25rem 0;--text-spacing:0 0 0.25rem 0;color:var(--text-mention-grey);font-size:.875rem;font-weight:400;line-height:1.5rem}.fr-stepper__state:after{content:"\a";line-height:2rem;white-space:pre}.fr-stepper__details{color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin-top:.75rem}.fr-stepper .fr-stepper__steps[data-fr-steps="2"][data-fr-current-step="2"]+.fr-stepper__details,.fr-stepper .fr-stepper__steps[data-fr-steps="3"][data-fr-current-step="3"]+.fr-stepper__details,.fr-stepper .fr-stepper__steps[data-fr-steps="4"][data-fr-current-step="4"]+.fr-stepper__details,.fr-stepper .fr-stepper__steps[data-fr-steps="5"][data-fr-current-step="5"]+.fr-stepper__details,.fr-stepper .fr-stepper__steps[data-fr-steps="6"][data-fr-current-step="6"]+.fr-stepper__details,.fr-stepper .fr-stepper__steps[data-fr-steps="7"][data-fr-current-step="7"]+.fr-stepper__details,.fr-stepper .fr-stepper__steps[data-fr-steps="8"][data-fr-current-step="8"]+.fr-stepper__details{display:none}.fr-stepper__steps{--default-outer:calc((100% + 6px)/var(--steps));--default-inner:calc(var(--default-outer) - 6px);--active-outer:calc((100% + 6px)/var(--current-step));--active-inner:calc(var(--active-outer) - 6px);--current-step:0;background-image:repeating-linear-gradient(to right,var(--background-active-blue-france) 0,var(--background-active-blue-france) var(--active-inner),transparent var(--active-inner),transparent var(--active-outer)),repeating-linear-gradient(to right,var(--background-contrast-grey) 0,var(--background-contrast-grey) var(--default-inner),transparent var(--default-inner),transparent var(--default-outer));background-position:0 0,0 0;background-repeat:no-repeat;background-size:calc((100% + 6px)*var(--current-step)/var(--steps) - 6px) 100%,100% 100%;height:6px;width:100%}.fr-stepper__steps[data-fr-steps="2"]{--steps:2;--step-width:50%}.fr-stepper__steps[data-fr-steps="3"]{--steps:3;--step-width:33.33333%}.fr-stepper__steps[data-fr-steps="4"]{--steps:4;--step-width:25%}.fr-stepper__steps[data-fr-steps="5"]{--steps:5;--step-width:20%}.fr-stepper__steps[data-fr-steps="6"]{--steps:6;--step-width:16.66667%}.fr-stepper__steps[data-fr-steps="7"]{--steps:7;--step-width:14.28571%}.fr-stepper__steps[data-fr-steps="8"]{--steps:8;--step-width:12.5%}.fr-stepper__steps[data-fr-current-step="1"]{--current-step:1}.fr-stepper__steps[data-fr-current-step="2"]{--current-step:2}.fr-stepper__steps[data-fr-current-step="3"]{--current-step:3}.fr-stepper__steps[data-fr-current-step="4"]{--current-step:4}.fr-stepper__steps[data-fr-current-step="5"]{--current-step:5}.fr-stepper__steps[data-fr-current-step="6"]{--current-step:6}.fr-stepper__steps[data-fr-current-step="7"]{--current-step:7}.fr-stepper__steps[data-fr-current-step="8"]{--current-step:8}.fr-tooltip{--arrow-x:0;background-position:calc(50% + var(--arrow-x)) calc(100% - .5rem),calc(50% + var(--arrow-x)) calc(100% - .375rem),50% calc(100% - .75rem),50% calc(100% - .75rem);background-repeat:no-repeat;background-size:.5rem .375rem,.5rem .375rem,100% 1px,100% calc(100% - .75rem);color:var(--text-default-grey);display:block;font-size:.75rem;line-height:1.25rem;max-width:min(24rem,calc(66.66667vw - 1.33333rem));opacity:1;padding:.5rem .5rem 1.25rem;text-align:left;transition:opacity 0s .15s,visibility 0s .15s;visibility:visible}.fr-tooltip:not(.fr-tooltip--shown){display:none;opacity:0}.fr-tooltip.fr-placement--bottom{background-image:conic-gradient(from 146.31deg at 50% 0,transparent 0deg,var(--background-overlap-grey) 0deg,var(--background-overlap-grey) 67.38deg,transparent 67.38deg),conic-gradient(from 146.31deg at 50% 0,transparent 0deg,var(--border-default-grey) 0deg,var(--border-default-grey) 67.38deg,transparent 67.38deg),linear-gradient(90deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(90deg,var(--background-overlap-grey),var(--background-overlap-grey));background-position-y:.5rem,.375rem,.75rem,.75rem;padding-bottom:.5rem;padding-top:1.25rem}.fr-tooltip.fr-placement{filter:drop-shadow(var(--overlap-shadow));z-index:calc(var(--ground) + 1000)}.fr-tooltip.fr-placement--top{background-image:conic-gradient(from -33.69deg at 50% 100%,transparent 0deg,var(--background-overlap-grey) 0deg,var(--background-overlap-grey) 67.38deg,transparent 67.38deg),conic-gradient(from -33.69deg at 50% 100%,transparent 0deg,var(--border-default-grey) 0deg,var(--border-default-grey) 67.38deg,transparent 67.38deg),linear-gradient(90deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(90deg,var(--background-overlap-grey),var(--background-overlap-grey))}.fr-link{--text-spacing:0;--title-spacing:0;color:var(--text-action-high-blue-france);display:inline;font-size:1rem;line-height:1.5rem;padding:0}.fr-link[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--icon-left[class*=" fr-fi-"],.fr-link--icon-left[class*=" fr-icon-"],.fr-link--icon-left[class^=fr-fi-],.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--icon-right[class*=" fr-fi-"],.fr-link--icon-right[class*=" fr-icon-"],.fr-link--icon-right[class^=fr-fi-],.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--icon-right[class^=fr-icon-]:before,.fr-link[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--xs{font-size:.75rem;line-height:1.25rem;padding:0}.fr-link--xs[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--xs[target=_blank]:after{--icon-size:0.75rem;content:"";margin-left:.5rem;margin-right:-.09375rem}.fr-link--xs.fr-link--icon-left[class*=" fr-fi-"],.fr-link--xs.fr-link--icon-left[class*=" fr-icon-"],.fr-link--xs.fr-link--icon-left[class^=fr-fi-],.fr-link--xs.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--xs.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--xs.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--xs.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--xs.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.5rem}.fr-link--xs.fr-link--icon-right[class*=" fr-fi-"],.fr-link--xs.fr-link--icon-right[class*=" fr-icon-"],.fr-link--xs.fr-link--icon-right[class^=fr-fi-],.fr-link--xs.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--xs.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--xs.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--xs.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--xs.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:0.75rem;content:"";margin-left:.5rem;margin-right:-.09375rem}.fr-link--xs.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--xs.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--xs.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--xs.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--xs[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--xs[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--xs[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--xs[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--sm{font-size:.875rem;line-height:1.5rem;padding:0}.fr-link--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"],.fr-link--sm.fr-link--icon-left[class*=" fr-icon-"],.fr-link--sm.fr-link--icon-left[class^=fr-fi-],.fr-link--sm.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--sm.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--sm.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--sm.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"],.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"],.fr-link--sm.fr-link--icon-right[class^=fr-fi-],.fr-link--sm.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--sm.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--sm.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--sm.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--sm.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--sm.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--sm[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--sm[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--sm[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--sm[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--lg{font-size:1.125rem;line-height:1.75rem;padding:0}.fr-link--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"],.fr-link--lg.fr-link--icon-left[class*=" fr-icon-"],.fr-link--lg.fr-link--icon-left[class^=fr-fi-],.fr-link--lg.fr-link--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"]:before,.fr-link--lg.fr-link--icon-left[class*=" fr-icon-"]:before,.fr-link--lg.fr-link--icon-left[class^=fr-fi-]:before,.fr-link--lg.fr-link--icon-left[class^=fr-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"],.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"],.fr-link--lg.fr-link--icon-right[class^=fr-fi-],.fr-link--lg.fr-link--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:after,.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"]:after,.fr-link--lg.fr-link--icon-right[class^=fr-fi-]:after,.fr-link--lg.fr-link--icon-right[class^=fr-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:before,.fr-link--lg.fr-link--icon-right[class*=" fr-icon-"]:before,.fr-link--lg.fr-link--icon-right[class^=fr-fi-]:before,.fr-link--lg.fr-link--icon-right[class^=fr-icon-]:before,.fr-link--lg[class*=" fr-fi-"]:not([class*=fr-link--icon-]):before,.fr-link--lg[class*=" fr-icon-"]:not([class*=fr-link--icon-]):before,.fr-link--lg[class^=fr-fi-]:not([class*=fr-link--icon-]):before,.fr-link--lg[class^=fr-icon-]:not([class*=fr-link--icon-]):before{content:none}.fr-link--download,.fr-links-group--download .fr-link{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;overflow:initial;padding:0;position:relative}.fr-link--download:after,.fr-links-group--download .fr-link:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-bottom:1.75rem;margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/download-line.svg);mask-image:url(icons/system/download-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:calc((.75rem - var(--icon-size))*.5 - 1.75rem);width:var(--icon-size)}.fr-link--download:before,.fr-links-group--download .fr-link:before{content:none}.fr-link--download .fr-link__detail,.fr-links-group--download .fr-link .fr-link__detail{cursor:text;font-size:.75rem;font-weight:400;left:0;line-height:1.25rem;margin-top:1.75rem;pointer-events:none;position:absolute;white-space:nowrap}.fr-link--download .fr-link__detail abbr,.fr-links-group--download .fr-link .fr-link__detail abbr{text-decoration:none}.fr-links-group--download{--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,".") ".  "}.fr-links-group--download>li{display:block}.fr-links-group .fr-link--download,.fr-links-group--download .fr-link{margin-bottom:2.5rem}.fr-links-group{--li-bottom:0.5rem}.fr-links-group--inline{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:inline;margin:0 -.5rem}.fr-links-group--inline>li{display:inline;line-height:2.75rem}.fr-links-group--inline .fr-link{margin:0 .5rem 1rem}.fr-links-group--sm .fr-link{font-size:.875rem;line-height:1.5rem;padding:0}.fr-links-group--sm .fr-link:after,.fr-links-group--sm .fr-link:before{--icon-size:1rem}.fr-links-group--sm .fr-link:not(.fr-link--download){vertical-align:top}.fr-links-group--lg .fr-link{font-size:1.125rem;line-height:1.75rem;padding:0}.fr-links-group--lg .fr-link:after,.fr-links-group--lg .fr-link:before{--icon-size:1.5rem}.fr-links-group__title{font-size:1.375rem;font-weight:700;line-height:1.75rem;margin:var(--title-spacing)}.fr-links-group--bordered{box-shadow:inset 0 0 0 1px var(--border-default-grey);padding:1.5rem 1.5rem .5rem}.fr-link--close{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france);display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;margin-right:-1rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-link--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/close-line.svg);mask-image:url(icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-link--close:before{content:none}.fr-link.fr-link--icon-left.fr-fi-theme-fill{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-link.fr-link--icon-left.fr-fi-theme-fill:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-link__detail{color:var(--text-mention-grey)}.fr-links-group li::marker{color:var(--text-action-high-blue-france)}.fr-link--close:disabled,a.fr-link--close:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-sidemenu{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;--underline-img:none;--text-spacing:0;--title-spacing:0;box-shadow:inset 0 -1px 0 0 var(--border-default-grey),inset 0 1px 0 0 var(--border-default-grey);margin-left:-1rem;margin-right:-1rem;position:relative}.fr-sidemenu a:not([href]){cursor:default}.fr-sidemenu .fr-collapse{margin:-.25rem -.25rem 0;padding:.25rem .25rem 0}.fr-sidemenu .fr-collapse.fr-collapsing{margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}.fr-sidemenu__title{box-shadow:inset 0 -1px 0 0 var(--border-default-grey);color:var(--text-title-grey);font-size:1.125rem;font-weight:700;line-height:1.75rem;padding:1rem 0}.fr-sidemenu__list{font-weight:700}.fr-sidemenu__list .fr-sidemenu__list{font-weight:400;margin:0 1rem 1rem}.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__btn,.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__link{font-size:1rem;font-weight:400;line-height:1.5rem}.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__btn,.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__link{font-size:.875rem;line-height:1.5rem}.fr-sidemenu__item{position:relative}.fr-sidemenu__item:before{bottom:0;box-shadow:0 -1px 0 0 var(--border-default-grey),inset 0 -1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-sidemenu__item .fr-sidemenu__item .fr-sidemenu__item:before{content:none}.fr-sidemenu__inner>.fr-collapse{margin:-.25rem .75rem 0;padding:.25rem .75rem 0}.fr-sidemenu__btn,.fr-sidemenu__link{--hover-tint:var(--hover);--active-tint:var(--active);align-items:center;color:var(--text-action-high-blue-france);display:flex;flex-direction:row;font-size:1rem;font-weight:700;line-height:1.5rem;padding:.75rem 1rem;position:relative;text-align:left;width:100%}.fr-sidemenu__btn[aria-current]:before,.fr-sidemenu__link[aria-current]:before{--idle:transparent;--hover:var(--border-active-blue-france-hover);--active:var(--border-active-blue-france-active);background-color:var(--border-active-blue-france);bottom:.75rem;content:"";left:0;position:absolute;top:.75rem;width:2px}.fr-sidemenu__link[aria-current]:not([href]){cursor:default;pointer-events:none}.fr-sidemenu__btn[aria-expanded]{align-items:center;display:flex;flex-direction:row}.fr-sidemenu__btn[aria-expanded]:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(icons/system/arrow-down-s-line.svg);mask-image:url(icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .3s;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-sidemenu__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-sidemenu__inner>.fr-sidemenu__btn{font-weight:500;width:100%}.fr-sidemenu__inner>.fr-sidemenu__btn:after{margin-right:1rem}.fr-sidemenu__inner>.fr-sidemenu__btn:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:.5rem;-webkit-mask-image:url(icons/system/menu-2-fill.svg);mask-image:url(icons/system/menu-2-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-sidemenu__item .fr-sidemenu__btn,.fr-sidemenu__item .fr-sidemenu__link{color:var(--text-default-grey)}.fr-sidemenu__item:first-child:before{box-shadow:inset 0 -1px 0 0 var(--border-default-grey)}.fr-sidemenu__item:last-child:before{box-shadow:0 -1px 0 0 var(--border-default-grey)}.fr-sidemenu__btn[aria-current],.fr-sidemenu__link[aria-current]{color:var(--text-active-blue-france)}.fr-sidemenu__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france)}.fr-highlight{box-shadow:inset .25rem 0 0 0 var(--border-default-blue-france);font-size:1rem;line-height:1.5rem;padding-left:1.5rem}.fr-highlight--green-tilleul-verveine{box-shadow:inset .25rem 0 0 0 var(--border-default-green-tilleul-verveine)}.fr-highlight--green-bourgeon{box-shadow:inset .25rem 0 0 0 var(--border-default-green-bourgeon)}.fr-highlight--green-emeraude{box-shadow:inset .25rem 0 0 0 var(--border-default-green-emeraude)}.fr-highlight--green-menthe{box-shadow:inset .25rem 0 0 0 var(--border-default-green-menthe)}.fr-highlight--green-archipel{box-shadow:inset .25rem 0 0 0 var(--border-default-green-archipel)}.fr-highlight--blue-ecume{box-shadow:inset .25rem 0 0 0 var(--border-default-blue-ecume)}.fr-highlight--blue-cumulus{box-shadow:inset .25rem 0 0 0 var(--border-default-blue-cumulus)}.fr-highlight--purple-glycine{box-shadow:inset .25rem 0 0 0 var(--border-default-purple-glycine)}.fr-highlight--pink-macaron{box-shadow:inset .25rem 0 0 0 var(--border-default-pink-macaron)}.fr-highlight--pink-tuile{box-shadow:inset .25rem 0 0 0 var(--border-default-pink-tuile)}.fr-highlight--yellow-tournesol{box-shadow:inset .25rem 0 0 0 var(--border-default-yellow-tournesol)}.fr-highlight--yellow-moutarde{box-shadow:inset .25rem 0 0 0 var(--border-default-yellow-moutarde)}.fr-highlight--orange-terre-battue{box-shadow:inset .25rem 0 0 0 var(--border-default-orange-terre-battue)}.fr-highlight--brown-cafe-creme{box-shadow:inset .25rem 0 0 0 var(--border-default-brown-cafe-creme)}.fr-highlight--brown-caramel{box-shadow:inset .25rem 0 0 0 var(--border-default-brown-caramel)}.fr-highlight--brown-opera{box-shadow:inset .25rem 0 0 0 var(--border-default-brown-opera)}.fr-highlight--beige-gris-galet{box-shadow:inset .25rem 0 0 0 var(--border-default-beige-gris-galet)}.fr-tabs__tab{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);align-items:center;background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:0 0,0 calc(100% - 1px),100% calc(100% - 1px),100% 100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:0 2px,1px 0,1px 0,100% 1px;box-shadow:0 2px 0 0 var(--background-default-grey);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:700;height:100%;line-height:1.5rem;margin:0 .25rem;min-height:2.5rem;overflow:visible;padding:.5rem 1rem;position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content;z-index:1}.fr-tabs__tab:after,.fr-tabs__tab:before{display:block}.fr-tabs__tab[class*=" fr-fi-"]:not([class*=fr-tabs__tab--icon-]),.fr-tabs__tab[class*=" fr-icon-"]:not([class*=fr-tabs__tab--icon-]),.fr-tabs__tab[class^=fr-fi-]:not([class*=fr-tabs__tab--icon-]),.fr-tabs__tab[class^=fr-icon-]:not([class*=fr-tabs__tab--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.75rem;padding-right:.75rem;white-space:nowrap}.fr-tabs__tab[class*=" fr-fi-"]:not([class*=fr-tabs__tab--icon-]):before,.fr-tabs__tab[class*=" fr-icon-"]:not([class*=fr-tabs__tab--icon-]):before,.fr-tabs__tab[class^=fr-fi-]:not([class*=fr-tabs__tab--icon-]):before,.fr-tabs__tab[class^=fr-icon-]:not([class*=fr-tabs__tab--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.75rem}.fr-tabs__tab--icon-left[class*=" fr-fi-"],.fr-tabs__tab--icon-left[class*=" fr-icon-"],.fr-tabs__tab--icon-left[class^=fr-fi-],.fr-tabs__tab--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-tabs__tab--icon-left[class*=" fr-fi-"]:before,.fr-tabs__tab--icon-left[class*=" fr-icon-"]:before,.fr-tabs__tab--icon-left[class^=fr-fi-]:before,.fr-tabs__tab--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-tabs{--tabs-height:auto;--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;--underline-img:none;align-items:flex-start;box-shadow:inset 0 -1px 0 0 var(--border-default-grey);display:flex;flex-direction:row;flex-wrap:wrap;height:var(--tabs-height);margin-left:0;margin-right:0;margin-top:-4px;overflow:hidden;padding-top:4px;position:relative;transition:height .3s}.fr-tabs--viewport-width{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.fr-tabs:before{box-shadow:inset 0 1px 0 0 var(--border-default-grey),inset 1px 0 0 0 var(--border-default-grey),inset -1px 0 0 0 var(--border-default-grey);content:"";display:block;height:100%;margin-top:-1px;order:2;width:100%}.fr-tabs__list{align-items:stretch;display:flex;margin:-4px 0;min-height:3rem;order:1;overflow-x:auto;padding:4px .75rem;width:100%;z-index:1}.fr-tabs__tab[aria-selected=true]{background-size:100% 2px,1px calc(100% - 1px),1px calc(100% - 1px),0 1px}.fr-tabs__panel{--underline-img:linear-gradient(0deg,currentColor,currentColor);--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,".") ".  ";display:block;flex:0 0 100%;height:auto;left:-100%;margin-right:-100%;order:3;padding:1rem;position:relative;transition:visibility .3s,transform .3s;width:100%}.fr-tabs__panel:focus,.fr-tabs__panel:focus-visible{outline-offset:calc(-1rem + 2px)}.fr-tabs__panel--direction-end{transform:translate(100%)}.fr-tabs__panel--direction-start{transform:translate(-100%)}.fr-tabs__panel:not(.fr-tabs__panel--selected){visibility:hidden}.fr-tabs__shadow{--tabs-list-height:3rem}.fr-tabs__shadow:before{box-shadow:inset 0 0 0 0 hsla(0,0%,9%,0),inset 0 0 0 0 hsla(0,0%,9%,0);content:"";display:block;height:calc(var(--tabs-list-height) - 8px);left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:4px;transition:box-shadow .3s;z-index:2}.fr-tabs__shadow--left:before{box-shadow:inset 2rem 0 1.5rem -2rem #161616,inset 0 0 0 0 hsla(0,0%,9%,0)}.fr-tabs__shadow--right:before{box-shadow:inset 0 0 0 0 hsla(0,0%,9%,0),inset -2rem 0 1.5rem -2rem #161616}.fr-tabs__shadow--left.fr-tabs__shadow--right:before{box-shadow:inset 2rem 0 1.5rem -2rem #161616,inset -2rem 0 1.5rem -2rem #161616}:root[data-fr-theme=dark] .fr-tabs__shadow:before{opacity:1}.fr-tabs__tab:not([aria-selected=true]){--idle:transparent;--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-grey)}.fr-tabs__tab[aria-selected=true]:not(:disabled){--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-active-blue-france),var(--border-active-blue-france)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));color:var(--text-active-blue-france)}.fr-tabs__tab:disabled{--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-pagination__link{--text-spacing:0;--title-spacing:0;--hover-tint:var(--hover);--underline-img:none;align-items:center;display:inline-flex;flex-direction:row;font-size:.875rem;line-height:1.5rem;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;min-height:2rem;min-width:2rem;padding:.25rem .75rem;position:relative;width:-moz-fit-content;width:fit-content}.fr-pagination__link:after,.fr-pagination__link:before{display:block}.fr-pagination{--underline-img:none;--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;color:var(--text-action-high-grey)}.fr-pagination__list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.fr-pagination__list>:first-child,.fr-pagination__list>:first-child *{margin-left:0}.fr-pagination__list>:last-child,.fr-pagination__list>:last-child *{margin-right:0}.fr-pagination__link[aria-current]:not([href]){cursor:default;pointer-events:none}.fr-pagination__link--first{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-pagination__link--first:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/fr--arrow-left-s-first-line.svg);mask-image:url(icons/system/fr--arrow-left-s-first-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--first.fr-pagination__link--label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--first.fr-pagination__link--label:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(icons/system/fr--arrow-left-s-first-line.svg);mask-image:url(icons/system/fr--arrow-left-s-first-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--prev{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-pagination__link--prev:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/arrow-left-s-line.svg);mask-image:url(icons/system/arrow-left-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--prev.fr-pagination__link--label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--prev.fr-pagination__link--label:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(icons/system/arrow-left-s-line.svg);mask-image:url(icons/system/arrow-left-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--next{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-pagination__link--next:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/arrow-right-s-line.svg);mask-image:url(icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--next.fr-pagination__link--label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--next.fr-pagination__link--label:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/arrow-right-s-line.svg);mask-image:url(icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--next.fr-pagination__link--label:before{content:none}.fr-pagination__link--last{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-pagination__link--last:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/fr--arrow-right-s-last-line.svg);mask-image:url(icons/system/fr--arrow-right-s-last-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--last.fr-pagination__link--label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--last.fr-pagination__link--label:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/fr--arrow-right-s-last-line.svg);mask-image:url(icons/system/fr--arrow-right-s-last-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--last.fr-pagination__link--label:before{content:none}.fr-pagination__link[aria-current]{--idle:transparent;--hover:var(--background-active-blue-france-hover);--active:var(--background-active-blue-france-active);background-color:var(--background-active-blue-france);color:var(--text-inverted-blue-france)}.fr-pagination__link:not([aria-current]):disabled,a.fr-pagination__link:not([aria-current]):not([href]){color:var(--text-disabled-grey)}.fr-summary{--text-spacing:0 0 0.5rem 0;--title-spacing:0 0 0.5rem 0;--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);font-size:.75rem;line-height:1.25rem;padding:1.5rem}.fr-summary ol{list-style-type:none}.fr-summary li{padding:.5rem 0}.fr-summary li::marker{content:none}.fr-summary__title{color:var(--text-title-grey);font-size:.75rem;font-weight:700;line-height:1.25rem;text-transform:uppercase}.fr-summary__link{display:inline;font-size:.75rem;line-height:1.25rem;position:relative}.fr-summary__link:before{content:var(--ol-content);font-size:var(--xl-size);font-weight:700;position:absolute;right:100%}.fr-summary__link:not(:hover):not(:active){--underline-idle-width:0}.fr-summary li>a{color:var(--text-action-high-grey)}.fr-table{--table-offset:1rem;--text-spacing:0;--title-spacing:0;margin-bottom:2.5rem;padding-top:var(--table-offset);position:relative}.fr-table:before{content:"";display:block;height:0;width:100%}.fr-table:not(.fr-table--no-scroll) table{width:100%}.fr-table table{border-spacing:0;display:block;overflow:auto;width:100%}.fr-table[data-fr-js-table=true] caption{position:absolute;top:0}.fr-table caption{color:var(--text-title-grey);font-size:1.375rem;font-weight:700;line-height:1.75rem;margin:var(--title-spacing);position:static;text-align:left}.fr-table td,.fr-table th{border:0;display:table-cell;font-size:.875rem;line-height:1.5rem;padding:.75rem;text-align:left;vertical-align:middle}.fr-table th{font-weight:700}.fr-table thead{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);background-image:linear-gradient(0deg,var(--border-plain-grey),var(--border-plain-grey));background-position:bottom;background-repeat:no-repeat;background-size:100% 2px;color:var(--text-title-grey)}.fr-table thead td,.fr-table thead th{font-weight:700;padding-bottom:.875rem}.fr-table--no-caption{padding-top:0}.fr-table--no-caption caption{clip:rect(0,0,0,0);border:0;height:1px;height:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-table--caption-bottom{margin-bottom:0;margin-top:1rem;padding-top:0}.fr-table--caption-bottom table{margin-bottom:calc(var(--table-offset) + 2.75rem)}.fr-table--caption-bottom[data-fr-js-table=true] caption{bottom:0;left:0;margin-top:1rem;position:absolute;right:0;top:100%}.fr-table--caption-bottom caption{caption-side:bottom;height:min-content;margin-top:1rem}.fr-table--no-scroll{min-width:auto}.fr-table--no-scroll table{overflow-x:hidden}.fr-table--no-scroll caption{max-width:calc(100vw - 2rem)}.fr-table--layout-fixed table{display:table;table-layout:fixed}.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:bottom;background-repeat:no-repeat;background-size:100% 1px}.fr-table__shadow:before{bottom:0;box-shadow:inset 0 0 0 0 #161616,inset 0 0 0 0 #161616;content:"";display:block;left:0;opacity:.32;pointer-events:none;position:absolute;right:0;top:var(--table-offset);transition:box-shadow .3s;z-index:1}.fr-table__shadow--left:before{box-shadow:inset 2rem 0 1rem -2rem #161616,inset 0 0 0 0 #161616}.fr-table__shadow--right:before{box-shadow:inset 0 0 0 0 #161616,inset -2rem 0 1rem -2rem #161616}.fr-table__shadow--left.fr-table__shadow--right:before{box-shadow:inset 2rem 0 1rem -2rem #161616,inset -2rem 0 1rem -2rem #161616;content:"";display:block}.fr-table--caption-bottom .fr-table__shadow:before,.fr-table--no-caption .fr-table__shadow:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}:root[data-fr-theme=dark] .fr-table__shadow:before{opacity:1}.fr-table tbody{--idle:transparent;--hover:var(--background-alt-grey-hover);--active:var(--background-alt-grey-active);background-color:var(--background-alt-grey)}.fr-table tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey)}.fr-table--green-tilleul-verveine thead{--idle:transparent;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine);background-image:linear-gradient(0deg,var(--border-plain-green-tilleul-verveine),var(--border-plain-green-tilleul-verveine))}.fr-table--green-tilleul-verveine tbody{--idle:transparent;--hover:var(--background-alt-green-tilleul-verveine-hover);--active:var(--background-alt-green-tilleul-verveine-active);background-color:var(--background-alt-green-tilleul-verveine)}.fr-table--green-tilleul-verveine tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine)}.fr-table--green-tilleul-verveine.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-green-tilleul-verveine),var(--border-default-green-tilleul-verveine))}.fr-table--green-bourgeon thead{--idle:transparent;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon);background-image:linear-gradient(0deg,var(--border-plain-green-bourgeon),var(--border-plain-green-bourgeon))}.fr-table--green-bourgeon tbody{--idle:transparent;--hover:var(--background-alt-green-bourgeon-hover);--active:var(--background-alt-green-bourgeon-active);background-color:var(--background-alt-green-bourgeon)}.fr-table--green-bourgeon tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon)}.fr-table--green-bourgeon.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-green-bourgeon),var(--border-default-green-bourgeon))}.fr-table--green-emeraude thead{--idle:transparent;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude);background-image:linear-gradient(0deg,var(--border-plain-green-emeraude),var(--border-plain-green-emeraude))}.fr-table--green-emeraude tbody{--idle:transparent;--hover:var(--background-alt-green-emeraude-hover);--active:var(--background-alt-green-emeraude-active);background-color:var(--background-alt-green-emeraude)}.fr-table--green-emeraude tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude)}.fr-table--green-emeraude.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-green-emeraude),var(--border-default-green-emeraude))}.fr-table--green-menthe thead{--idle:transparent;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe);background-image:linear-gradient(0deg,var(--border-plain-green-menthe),var(--border-plain-green-menthe))}.fr-table--green-menthe tbody{--idle:transparent;--hover:var(--background-alt-green-menthe-hover);--active:var(--background-alt-green-menthe-active);background-color:var(--background-alt-green-menthe)}.fr-table--green-menthe tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe)}.fr-table--green-menthe.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-green-menthe),var(--border-default-green-menthe))}.fr-table--green-archipel thead{--idle:transparent;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel);background-image:linear-gradient(0deg,var(--border-plain-green-archipel),var(--border-plain-green-archipel))}.fr-table--green-archipel tbody{--idle:transparent;--hover:var(--background-alt-green-archipel-hover);--active:var(--background-alt-green-archipel-active);background-color:var(--background-alt-green-archipel)}.fr-table--green-archipel tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel)}.fr-table--green-archipel.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-green-archipel),var(--border-default-green-archipel))}.fr-table--blue-ecume thead{--idle:transparent;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume);background-image:linear-gradient(0deg,var(--border-plain-blue-ecume),var(--border-plain-blue-ecume))}.fr-table--blue-ecume tbody{--idle:transparent;--hover:var(--background-alt-blue-ecume-hover);--active:var(--background-alt-blue-ecume-active);background-color:var(--background-alt-blue-ecume)}.fr-table--blue-ecume tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume)}.fr-table--blue-ecume.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-blue-ecume),var(--border-default-blue-ecume))}.fr-table--blue-cumulus thead{--idle:transparent;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus);background-image:linear-gradient(0deg,var(--border-plain-blue-cumulus),var(--border-plain-blue-cumulus))}.fr-table--blue-cumulus tbody{--idle:transparent;--hover:var(--background-alt-blue-cumulus-hover);--active:var(--background-alt-blue-cumulus-active);background-color:var(--background-alt-blue-cumulus)}.fr-table--blue-cumulus tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus)}.fr-table--blue-cumulus.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-blue-cumulus),var(--border-default-blue-cumulus))}.fr-table--purple-glycine thead{--idle:transparent;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine);background-image:linear-gradient(0deg,var(--border-plain-purple-glycine),var(--border-plain-purple-glycine))}.fr-table--purple-glycine tbody{--idle:transparent;--hover:var(--background-alt-purple-glycine-hover);--active:var(--background-alt-purple-glycine-active);background-color:var(--background-alt-purple-glycine)}.fr-table--purple-glycine tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine)}.fr-table--purple-glycine.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-purple-glycine),var(--border-default-purple-glycine))}.fr-table--pink-macaron thead{--idle:transparent;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron);background-image:linear-gradient(0deg,var(--border-plain-pink-macaron),var(--border-plain-pink-macaron))}.fr-table--pink-macaron tbody{--idle:transparent;--hover:var(--background-alt-pink-macaron-hover);--active:var(--background-alt-pink-macaron-active);background-color:var(--background-alt-pink-macaron)}.fr-table--pink-macaron tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron)}.fr-table--pink-macaron.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-pink-macaron),var(--border-default-pink-macaron))}.fr-table--pink-tuile thead{--idle:transparent;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile);background-image:linear-gradient(0deg,var(--border-plain-pink-tuile),var(--border-plain-pink-tuile))}.fr-table--pink-tuile tbody{--idle:transparent;--hover:var(--background-alt-pink-tuile-hover);--active:var(--background-alt-pink-tuile-active);background-color:var(--background-alt-pink-tuile)}.fr-table--pink-tuile tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile)}.fr-table--pink-tuile.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-pink-tuile),var(--border-default-pink-tuile))}.fr-table--yellow-tournesol thead{--idle:transparent;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol);background-image:linear-gradient(0deg,var(--border-plain-yellow-tournesol),var(--border-plain-yellow-tournesol))}.fr-table--yellow-tournesol tbody{--idle:transparent;--hover:var(--background-alt-yellow-tournesol-hover);--active:var(--background-alt-yellow-tournesol-active);background-color:var(--background-alt-yellow-tournesol)}.fr-table--yellow-tournesol tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol)}.fr-table--yellow-tournesol.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-yellow-tournesol),var(--border-default-yellow-tournesol))}.fr-table--yellow-moutarde thead{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);background-image:linear-gradient(0deg,var(--border-plain-yellow-moutarde),var(--border-plain-yellow-moutarde))}.fr-table--yellow-moutarde tbody{--idle:transparent;--hover:var(--background-alt-yellow-moutarde-hover);--active:var(--background-alt-yellow-moutarde-active);background-color:var(--background-alt-yellow-moutarde)}.fr-table--yellow-moutarde tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde)}.fr-table--yellow-moutarde.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-yellow-moutarde),var(--border-default-yellow-moutarde))}.fr-table--orange-terre-battue thead{--idle:transparent;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue);background-image:linear-gradient(0deg,var(--border-plain-orange-terre-battue),var(--border-plain-orange-terre-battue))}.fr-table--orange-terre-battue tbody{--idle:transparent;--hover:var(--background-alt-orange-terre-battue-hover);--active:var(--background-alt-orange-terre-battue-active);background-color:var(--background-alt-orange-terre-battue)}.fr-table--orange-terre-battue tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue)}.fr-table--orange-terre-battue.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-orange-terre-battue),var(--border-default-orange-terre-battue))}.fr-table--brown-cafe-creme thead{--idle:transparent;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme);background-image:linear-gradient(0deg,var(--border-plain-brown-cafe-creme),var(--border-plain-brown-cafe-creme))}.fr-table--brown-cafe-creme tbody{--idle:transparent;--hover:var(--background-alt-brown-cafe-creme-hover);--active:var(--background-alt-brown-cafe-creme-active);background-color:var(--background-alt-brown-cafe-creme)}.fr-table--brown-cafe-creme tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme)}.fr-table--brown-cafe-creme.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-brown-cafe-creme),var(--border-default-brown-cafe-creme))}.fr-table--brown-caramel thead{--idle:transparent;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel);background-image:linear-gradient(0deg,var(--border-plain-brown-caramel),var(--border-plain-brown-caramel))}.fr-table--brown-caramel tbody{--idle:transparent;--hover:var(--background-alt-brown-caramel-hover);--active:var(--background-alt-brown-caramel-active);background-color:var(--background-alt-brown-caramel)}.fr-table--brown-caramel tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel)}.fr-table--brown-caramel.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-brown-caramel),var(--border-default-brown-caramel))}.fr-table--brown-opera thead{--idle:transparent;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera);background-image:linear-gradient(0deg,var(--border-plain-brown-opera),var(--border-plain-brown-opera))}.fr-table--brown-opera tbody{--idle:transparent;--hover:var(--background-alt-brown-opera-hover);--active:var(--background-alt-brown-opera-active);background-color:var(--background-alt-brown-opera)}.fr-table--brown-opera tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera)}.fr-table--brown-opera.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-brown-opera),var(--border-default-brown-opera))}.fr-table--beige-gris-galet thead{--idle:transparent;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet);background-image:linear-gradient(0deg,var(--border-plain-beige-gris-galet),var(--border-plain-beige-gris-galet))}.fr-table--beige-gris-galet tbody{--idle:transparent;--hover:var(--background-alt-beige-gris-galet-hover);--active:var(--background-alt-beige-gris-galet-active);background-color:var(--background-alt-beige-gris-galet)}.fr-table--beige-gris-galet tbody tr:nth-child(2n){--idle:transparent;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet)}.fr-table--beige-gris-galet.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,var(--border-default-beige-gris-galet),var(--border-default-beige-gris-galet))}.fr-table--bordered tbody tr:nth-child(2n){--hover:inherit;--active:inherit;background-color:transparent}.fr-tag{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:1rem;color:var(--text-label-grey);display:inline-flex;flex-direction:row;font-size:.875rem;justify-content:center;line-height:1.5rem;min-height:2rem;min-width:2.25rem;padding:.25rem .75rem;width:-moz-fit-content;width:fit-content}.fr-tag:after,.fr-tag:before{display:block}.fr-tag[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-tag[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.25rem;margin-right:-.125rem}.fr-tag--icon-left[class*=" fr-fi-"],.fr-tag--icon-left[class*=" fr-icon-"],.fr-tag--icon-left[class^=fr-fi-],.fr-tag--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-tag--icon-left[class*=" fr-fi-"]:before,.fr-tag--icon-left[class*=" fr-icon-"]:before,.fr-tag--icon-left[class^=fr-fi-]:before,.fr-tag--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.25rem}.fr-tag[class*=" fr-fi-"]:not([class*=fr-tag--icon-]):before,.fr-tag[class*=" fr-icon-"]:not([class*=fr-tag--icon-]):before,.fr-tag[class^=fr-fi-]:not([class*=fr-tag--icon-]):before,.fr-tag[class^=fr-icon-]:not([class*=fr-tag--icon-]):before{content:none}.fr-tag--sm{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tag--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-tag--sm[target=_blank]:after{--icon-size:0.75rem;content:"";margin-left:.25rem;margin-right:-.09375rem}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"],.fr-tag--sm.fr-tag--icon-left[class*=" fr-icon-"],.fr-tag--sm.fr-tag--icon-left[class^=fr-fi-],.fr-tag--sm.fr-tag--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"]:before,.fr-tag--sm.fr-tag--icon-left[class*=" fr-icon-"]:before,.fr-tag--sm.fr-tag--icon-left[class^=fr-fi-]:before,.fr-tag--sm.fr-tag--icon-left[class^=fr-icon-]:before{--icon-size:0.75rem;margin-left:-.09375rem;margin-right:.25rem}.fr-tag--sm[class*=" fr-fi-"]:not([class*=fr-tag--icon-]):before,.fr-tag--sm[class*=" fr-icon-"]:not([class*=fr-tag--icon-]):before,.fr-tag--sm[class^=fr-fi-]:not([class*=fr-tag--icon-]):before,.fr-tag--sm[class^=fr-icon-]:not([class*=fr-tag--icon-]):before{content:none}a.fr-tag[aria-pressed=true],button.fr-tag[aria-pressed=true],input[type=button].fr-tag[aria-pressed=true],input[type=image].fr-tag[aria-pressed=true],input[type=reset].fr-tag[aria-pressed=true],input[type=submit].fr-tag[aria-pressed=true]{background-position:50%;background-repeat:no-repeat;background-size:100%;overflow:visible;position:relative}a.fr-tag[aria-pressed=true]:after,button.fr-tag[aria-pressed=true]:after,input[type=button].fr-tag[aria-pressed=true]:after,input[type=image].fr-tag[aria-pressed=true]:after,input[type=reset].fr-tag[aria-pressed=true]:after,input[type=submit].fr-tag[aria-pressed=true]:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin:-.5rem;-webkit-mask-image:url(icons/system/checkbox-circle-line.svg);mask-image:url(icons/system/checkbox-circle-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;right:0;top:4px;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}a.fr-tag[aria-pressed=true].fr-tag--sm:after,button.fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=image].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=reset].fr-tag[aria-pressed=true].fr-tag--sm:after,input[type=submit].fr-tag[aria-pressed=true].fr-tag--sm:after{--icon-size:0.75rem;content:"";margin:-.375rem;position:absolute;right:0;top:3px}a.fr-tag--dismiss:before,button.fr-tag--dismiss:before,input[type=button].fr-tag--dismiss:before,input[type=image].fr-tag--dismiss:before,input[type=reset].fr-tag--dismiss:before,input[type=submit].fr-tag--dismiss:before{content:none}a.fr-tag--dismiss:after,button.fr-tag--dismiss:after,input[type=button].fr-tag--dismiss:after,input[type=image].fr-tag--dismiss:after,input[type=reset].fr-tag--dismiss:after,input[type=submit].fr-tag--dismiss:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:-.25rem;-webkit-mask-image:url(icons/system/close-line.svg);mask-image:url(icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}a.fr-tag--dismiss.fr-tag--sm:after,button.fr-tag--dismiss.fr-tag--sm:after,input[type=button].fr-tag--dismiss.fr-tag--sm:after,input[type=image].fr-tag--dismiss.fr-tag--sm:after,input[type=reset].fr-tag--dismiss.fr-tag--sm:after,input[type=submit].fr-tag--dismiss.fr-tag--sm:after{--icon-size:0.75rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.125rem;margin-right:-.1875rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tags-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.25rem;margin-right:-.25rem}.fr-tags-group>li{line-height:2.75rem}.fr-tags-group .fr-tag{margin:0 .25rem .5rem;vertical-align:top}.fr-tags-group.fr-tags-group--sm .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tags-group.fr-tags-group--sm .fr-tag:after,.fr-tags-group.fr-tags-group--sm .fr-tag:before{--icon-size:0.75rem}.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss:after,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag.fr-tag--dismiss:after{--icon-size:0.75rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-right:-.1875rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:after,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:after{--icon-size:0.75rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin:-.375rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;right:0;top:3px;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tag[aria-pressed=false]{--idle:transparent;--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}.fr-tag.fr-tag--dismiss{--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);background-color:var(--background-action-high-blue-france);color:var(--text-inverted-grey)}a.fr-tag,button.fr-tag,input[type=button].fr-tag{--idle:transparent;--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}a.fr-tag--green-tilleul-verveine,button.fr-tag--green-tilleul-verveine,input[type=button].fr-tag--green-tilleul-verveine{--idle:transparent;--hover:var(--background-action-low-green-tilleul-verveine-hover);--active:var(--background-action-low-green-tilleul-verveine-active);background-color:var(--background-action-low-green-tilleul-verveine);color:var(--text-action-high-green-tilleul-verveine)}a.fr-tag--green-bourgeon,button.fr-tag--green-bourgeon,input[type=button].fr-tag--green-bourgeon{--idle:transparent;--hover:var(--background-action-low-green-bourgeon-hover);--active:var(--background-action-low-green-bourgeon-active);background-color:var(--background-action-low-green-bourgeon);color:var(--text-action-high-green-bourgeon)}a.fr-tag--green-emeraude,button.fr-tag--green-emeraude,input[type=button].fr-tag--green-emeraude{--idle:transparent;--hover:var(--background-action-low-green-emeraude-hover);--active:var(--background-action-low-green-emeraude-active);background-color:var(--background-action-low-green-emeraude);color:var(--text-action-high-green-emeraude)}a.fr-tag--green-menthe,button.fr-tag--green-menthe,input[type=button].fr-tag--green-menthe{--idle:transparent;--hover:var(--background-action-low-green-menthe-hover);--active:var(--background-action-low-green-menthe-active);background-color:var(--background-action-low-green-menthe);color:var(--text-action-high-green-menthe)}a.fr-tag--green-archipel,button.fr-tag--green-archipel,input[type=button].fr-tag--green-archipel{--idle:transparent;--hover:var(--background-action-low-green-archipel-hover);--active:var(--background-action-low-green-archipel-active);background-color:var(--background-action-low-green-archipel);color:var(--text-action-high-green-archipel)}a.fr-tag--blue-ecume,button.fr-tag--blue-ecume,input[type=button].fr-tag--blue-ecume{--idle:transparent;--hover:var(--background-action-low-blue-ecume-hover);--active:var(--background-action-low-blue-ecume-active);background-color:var(--background-action-low-blue-ecume);color:var(--text-action-high-blue-ecume)}a.fr-tag--blue-cumulus,button.fr-tag--blue-cumulus,input[type=button].fr-tag--blue-cumulus{--idle:transparent;--hover:var(--background-action-low-blue-cumulus-hover);--active:var(--background-action-low-blue-cumulus-active);background-color:var(--background-action-low-blue-cumulus);color:var(--text-action-high-blue-cumulus)}a.fr-tag--purple-glycine,button.fr-tag--purple-glycine,input[type=button].fr-tag--purple-glycine{--idle:transparent;--hover:var(--background-action-low-purple-glycine-hover);--active:var(--background-action-low-purple-glycine-active);background-color:var(--background-action-low-purple-glycine);color:var(--text-action-high-purple-glycine)}a.fr-tag--pink-macaron,button.fr-tag--pink-macaron,input[type=button].fr-tag--pink-macaron{--idle:transparent;--hover:var(--background-action-low-pink-macaron-hover);--active:var(--background-action-low-pink-macaron-active);background-color:var(--background-action-low-pink-macaron);color:var(--text-action-high-pink-macaron)}a.fr-tag--pink-tuile,button.fr-tag--pink-tuile,input[type=button].fr-tag--pink-tuile{--idle:transparent;--hover:var(--background-action-low-pink-tuile-hover);--active:var(--background-action-low-pink-tuile-active);background-color:var(--background-action-low-pink-tuile);color:var(--text-action-high-pink-tuile)}a.fr-tag--yellow-tournesol,button.fr-tag--yellow-tournesol,input[type=button].fr-tag--yellow-tournesol{--idle:transparent;--hover:var(--background-action-low-yellow-tournesol-hover);--active:var(--background-action-low-yellow-tournesol-active);background-color:var(--background-action-low-yellow-tournesol);color:var(--text-action-high-yellow-tournesol)}a.fr-tag--yellow-moutarde,button.fr-tag--yellow-moutarde,input[type=button].fr-tag--yellow-moutarde{--idle:transparent;--hover:var(--background-action-low-yellow-moutarde-hover);--active:var(--background-action-low-yellow-moutarde-active);background-color:var(--background-action-low-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}a.fr-tag--orange-terre-battue,button.fr-tag--orange-terre-battue,input[type=button].fr-tag--orange-terre-battue{--idle:transparent;--hover:var(--background-action-low-orange-terre-battue-hover);--active:var(--background-action-low-orange-terre-battue-active);background-color:var(--background-action-low-orange-terre-battue);color:var(--text-action-high-orange-terre-battue)}a.fr-tag--brown-cafe-creme,button.fr-tag--brown-cafe-creme,input[type=button].fr-tag--brown-cafe-creme{--idle:transparent;--hover:var(--background-action-low-brown-cafe-creme-hover);--active:var(--background-action-low-brown-cafe-creme-active);background-color:var(--background-action-low-brown-cafe-creme);color:var(--text-action-high-brown-cafe-creme)}a.fr-tag--brown-caramel,button.fr-tag--brown-caramel,input[type=button].fr-tag--brown-caramel{--idle:transparent;--hover:var(--background-action-low-brown-caramel-hover);--active:var(--background-action-low-brown-caramel-active);background-color:var(--background-action-low-brown-caramel);color:var(--text-action-high-brown-caramel)}a.fr-tag--brown-opera,button.fr-tag--brown-opera,input[type=button].fr-tag--brown-opera{--idle:transparent;--hover:var(--background-action-low-brown-opera-hover);--active:var(--background-action-low-brown-opera-active);background-color:var(--background-action-low-brown-opera);color:var(--text-action-high-brown-opera)}a.fr-tag--beige-gris-galet,button.fr-tag--beige-gris-galet,input[type=button].fr-tag--beige-gris-galet{--idle:transparent;--hover:var(--background-action-low-beige-gris-galet-hover);--active:var(--background-action-low-beige-gris-galet-active);background-color:var(--background-action-low-beige-gris-galet);color:var(--text-action-high-beige-gris-galet)}button.fr-tag[aria-pressed=true]:not(:disabled),input[type=button].fr-tag[aria-pressed=true]:not(:disabled){background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-action-high-blue-france) .625rem);color:var(--text-inverted-grey)}button.fr-tag[aria-pressed=true]:not(:disabled):hover,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):hover{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-action-high-blue-france-hover) .625rem)}button.fr-tag[aria-pressed=true]:not(:disabled):active,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):active{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-action-high-blue-france-active) .625rem)}button.fr-tag[aria-pressed=true]:after,input[type=button].fr-tag[aria-pressed=true]:after{color:var(--text-action-high-blue-france)}button.fr-tag[aria-pressed=true]:disabled,input[type=button].fr-tag[aria-pressed=true]:disabled{background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,var(--background-disabled-grey) .625rem)}button.fr-tag[aria-pressed=true]:disabled:after,input[type=button].fr-tag[aria-pressed=true]:disabled:after{color:var(--text-disabled-grey)}button.fr-tag[aria-pressed=true].fr-tag--sm,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france) .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:hover,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-hover) .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:active,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-active) .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:disabled,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-disabled-grey) .5rem)}button.fr-tag:disabled,input[type=button].fr-tag:disabled{--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true],.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france) .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:hover,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-hover) .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:active,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-active) .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:disabled,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-disabled-grey) .5rem)}.fr-download__link{color:var(--text-action-high-blue-france);display:inline}.fr-download,.fr-download__link{--text-spacing:0;--title-spacing:0}.fr-download{margin:0 0 1rem;padding-bottom:1.5rem;position:relative}.fr-download .fr-download__link{font-size:1rem;font-weight:400;line-height:1.5rem;max-height:none;max-width:100%;overflow:initial;padding:0}.fr-download .fr-download__link:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/download-line.svg);mask-image:url(icons/system/download-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-download__desc{display:none;font-size:.875rem;font-weight:400;line-height:1.5rem}.fr-download__detail{bottom:0;color:var(--text-mention-grey);cursor:text;font-size:.75rem;font-weight:400;left:0;line-height:1.25rem;max-width:100%;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fr-download__detail abbr{text-decoration:none}.fr-download--card{--text-spacing:0;--title-spacing:0;--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);box-shadow:inset 0 0 0 1px var(--border-default-grey);padding:1.5rem 1.5rem 4rem}.fr-download--card .fr-download__link{color:var(--text-action-high-blue-france);font-size:1.25rem;font-weight:700;line-height:1.75rem}.fr-download--card .fr-download__link:after{bottom:1.5rem;color:var(--text-action-high-blue-france);margin:0;position:absolute;right:1.5rem}.fr-download--card .fr-download__link:after:after,.fr-download--card .fr-download__link:after:before{--icon-size:1rem}.fr-download--card .fr-download__desc{display:block;margin-top:.5rem}.fr-download--card .fr-download__detail{bottom:1.5rem;left:1.5rem;max-width:calc(100% - 6.25rem);position:absolute}.fr-download--card .fr-download__detail[class*=" fr-fi-"]:before,.fr-download--card .fr-download__detail[class*=" fr-icon-"]:before,.fr-download--card .fr-download__detail[class^=fr-fi-]:before,.fr-download--card .fr-download__detail[class^=fr-icon-]:before{margin-right:.5rem}.fr-download--card .fr-download__detail[class*=" fr-fi-"]:before:after,.fr-download--card .fr-download__detail[class*=" fr-fi-"]:before:before,.fr-download--card .fr-download__detail[class*=" fr-icon-"]:before:after,.fr-download--card .fr-download__detail[class*=" fr-icon-"]:before:before,.fr-download--card .fr-download__detail[class^=fr-fi-]:before:after,.fr-download--card .fr-download__detail[class^=fr-fi-]:before:before,.fr-download--card .fr-download__detail[class^=fr-icon-]:before:after,.fr-download--card .fr-download__detail[class^=fr-icon-]:before:before{--icon-size:1rem}.fr-downloads-group__title{font-size:1.375rem;font-weight:700;line-height:1.75rem;margin:var(--title-spacing)}.fr-downloads-group--bordered{box-shadow:inset 0 0 0 1px var(--border-default-grey);padding:1.5rem 1.5rem .5rem}.fr-downloads-group>ul{margin-bottom:0;margin-top:0}.fr-downloads-group>ul>li{padding-bottom:0}.fr-downloads-group .fr-download{margin-bottom:1rem}.fr-downloads-group li::marker{color:var(--text-action-high-blue-france)}.fr-alert{--title-spacing:0 0 0.25rem;--text-spacing:0 0 0.25rem;box-shadow:inset 0 0 0 1px var(--border-plain-grey),inset 2.5rem 0 0 0 var(--background-flat-grey);padding:1rem 2.25rem .75rem 3.5rem;position:relative}.fr-alert:before{--icon-size:1.5rem;background-color:currentColor;color:var(--text-inverted-grey);display:inline-block;flex:0 0 auto;height:var(--icon-size);left:0;margin:1rem .5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;top:0;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert__title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-alert .fr-btn--close{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1.25rem;top:.25rem;white-space:nowrap}.fr-alert .fr-btn--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/close-line.svg);mask-image:url(icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert+.fr-alert{margin-top:1rem}.fr-alert--info:before{-webkit-mask-image:url(icons/system/fr--info-fill.svg);mask-image:url(icons/system/fr--info-fill.svg)}.fr-alert--success:before{-webkit-mask-image:url(icons/system/fr--success-fill.svg);mask-image:url(icons/system/fr--success-fill.svg)}.fr-alert--error:before{-webkit-mask-image:url(icons/system/fr--error-fill.svg);mask-image:url(icons/system/fr--error-fill.svg)}.fr-alert--warning:before{-webkit-mask-image:url(icons/system/fr--warning-fill.svg);mask-image:url(icons/system/fr--warning-fill.svg)}.fr-alert--error:before,.fr-alert--info:before,.fr-alert--success:before,.fr-alert--warning:before{content:""}.fr-alert--sm{padding:.5rem 2.25rem .25rem 3rem}.fr-alert--sm:before{margin:.5rem}.fr-alert .fr-link--close{align-items:center;font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1.25rem;top:.25rem;white-space:nowrap}.fr-alert .fr-link--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/close-line.svg);mask-image:url(icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-alert--info{box-shadow:inset 0 0 0 1px var(--border-plain-info),inset 2.5rem 0 0 0 var(--background-flat-info)}.fr-alert--error{box-shadow:inset 0 0 0 1px var(--border-plain-error),inset 2.5rem 0 0 0 var(--background-flat-error)}.fr-alert--success{box-shadow:inset 0 0 0 1px var(--border-plain-success),inset 2.5rem 0 0 0 var(--background-flat-success)}.fr-alert--warning{box-shadow:inset 0 0 0 1px var(--border-plain-warning),inset 2.5rem 0 0 0 var(--background-flat-warning)}.fr-notice{--title-spacing:0;--text-spacing:0;background-color:var(--background-contrast-grey);color:var(--text-title-grey);padding-bottom:1rem;padding-top:1rem;position:relative}.fr-notice__body{padding:0 2.5rem;position:relative}.fr-notice__body:before{--icon-size:1.5rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-notice__title{font-size:1rem;font-weight:700;line-height:1.5rem;position:relative}.fr-notice .fr-btn--close{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;position:absolute;right:1rem;top:-.25rem;white-space:nowrap}.fr-notice .fr-btn--close:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/close-line.svg);mask-image:url(icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-notice--info .fr-notice__body:before{content:"";-webkit-mask-image:url(icons/system/fr--info-fill.svg);mask-image:url(icons/system/fr--info-fill.svg)}.fr-notice--info{--idle:transparent;--hover:var(--background-contrast-info-hover);--active:var(--background-contrast-info-active);background-color:var(--background-contrast-info);color:var(--text-default-info)}.fr-radio-group{max-width:max-content;position:relative}.fr-radio-group input[type=radio]{height:1.5rem;margin:0;opacity:0;position:absolute;width:1.5rem}.fr-radio-group input[type=radio]+label{-webkit-tap-highlight-color:transparent;align-items:flex-start;background-image:radial-gradient(transparent 10px,var(--background-action-high-blue-france) 11px,transparent 12px);background-position:calc(-.25rem + 1px) calc(-.25rem + 1px),calc(-.25rem + 1px) calc(-.25rem + 1px);background-repeat:no-repeat,no-repeat;background-size:1.875rem 1.875rem,1.875rem 1.875rem;display:flex;flex-direction:column;justify-content:flex-start;padding-left:2rem}.fr-radio-group input[type=radio]+label:before{border-radius:1.5rem;content:"";height:1.5rem;margin-left:-2rem;position:absolute;top:0;width:1.5rem}.fr-radio-group input[type=radio]+label .fr-hint-text{margin:0;width:100%}.fr-radio-group--sm input[type=radio]{height:1rem;top:.25rem;width:1rem}.fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,var(--background-action-high-blue-france) 7px,transparent 8px);background-position:calc(-.125rem + 1px) calc(.25rem - 1px),calc(-.125rem + 1px) calc(.25rem - 1px);background-size:1.125rem 1.125rem,1.125rem 1.125rem;padding-left:1.5rem}.fr-radio-group--sm input[type=radio]+label:before{border-radius:1rem;height:1rem;margin-left:-1.5rem;top:.25rem;width:1rem}.fr-radio-rich{align-items:center;display:flex;flex-direction:row;max-width:100%;position:relative}.fr-radio-rich input[type=radio]{height:1rem;left:1.75rem;top:calc(50% - .5rem);width:1rem}.fr-radio-rich input[type=radio]+label{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:stretch;align-self:stretch;background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--background-action-high-blue-france) 7px,transparent 8px);background-position:0 0,100% 0,0 100%,0 0,1.75rem 50%,1.75rem 50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%,1.125rem 1.125rem,1.125rem 1.125rem;display:flex;flex-direction:column;justify-content:center;margin-left:0;min-height:5rem;padding:.5rem 1.5rem .5rem 3.5rem;width:100%}.fr-radio-rich input[type=radio]+label:before{border-radius:0;bottom:0;content:"";display:block;height:100%;left:0;margin-left:0;position:absolute;right:0;top:0;width:100%}.fr-radio-rich input[type=radio]+label .fr-hint-text{margin-left:0}.fr-radio-rich input[type=radio]:not(:disabled)~label{--hover-tint:var(--hover);--active-tint:var(--active)}.fr-radio-rich input[type=radio]:not(:disabled)~label:hover{background-color:var(--hover-tint)}.fr-radio-rich input[type=radio]:not(:disabled)~label:active{background-color:var(--active-tint)}.fr-radio-rich input[type=radio]:not(:disabled)~label:hover+.fr-radio-rich__pictogram{background-color:var(--hover)}.fr-radio-rich input[type=radio]:not(:disabled)~label:active+.fr-radio-rich__pictogram{background-color:var(--active)}.fr-radio-rich__pictogram{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:center;align-self:stretch;background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:0 0,0 100%,100% 0,0 .25rem;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px calc(100% - .5rem);display:flex;flex-direction:row;justify-content:center;margin-left:-1px;min-width:5.5rem;padding:.25rem;pointer-events:none;width:5.5rem}.fr-radio-rich__pictogram img,.fr-radio-rich__pictogram svg{max-height:3.5rem;max-width:3.5rem}.fr-control>.fr-radio-rich.fr-radio-group{margin-bottom:0;margin-top:0}.fr-radio-group input[type=radio]:disabled+label{background-image:radial-gradient(transparent 10px,var(--background-disabled-grey) 11px,transparent 12px)}.fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,var(--background-action-high-blue-france) 11px,transparent 12px),radial-gradient(var(--background-action-high-blue-france) 5px,transparent 6px)}.fr-radio-group input[type=radio]:checked:disabled+label{background-image:radial-gradient(transparent 10px,var(--background-disabled-grey) 11px,transparent 12px),radial-gradient(var(--background-disabled-grey) 5px,transparent 6px)}.fr-fieldset--error .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,var(--border-plain-error) 11px,transparent 12px)}.fr-fieldset--error .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,var(--border-plain-error) 11px,transparent 12px),radial-gradient(var(--background-action-high-blue-france) 5px,transparent 6px)}.fr-fieldset--valid .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,var(--border-plain-success) 11px,transparent 12px)}.fr-fieldset--valid .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,var(--border-plain-success) 11px,transparent 12px),radial-gradient(var(--background-action-high-blue-france) 5px,transparent 6px)}.fr-fieldset--info .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,var(--border-plain-info) 11px,transparent 12px)}.fr-fieldset--info .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,var(--border-plain-info) 11px,transparent 12px),radial-gradient(var(--background-action-high-blue-france) 5px,transparent 6px)}.fr-fieldset .fr-radio-group input[type=radio]:disabled+label{background-image:radial-gradient(transparent 10px,var(--background-disabled-grey) 11px,transparent 12px)}.fr-fieldset .fr-radio-group input[type=radio]:disabled:checked+label{background-image:radial-gradient(transparent 10px,var(--background-disabled-grey) 11px,transparent 12px),radial-gradient(var(--background-disabled-grey) 5px,transparent 6px)}.fr-radio-group--sm input[type=radio]:disabled+label{background-image:radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px)}.fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,var(--background-action-high-blue-france) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-radio-group--sm input[type=radio]:checked:disabled+label{background-image:radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px),radial-gradient(var(--background-disabled-grey) 3px,transparent 4px)}.fr-fieldset--error .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,var(--border-plain-error) 7px,transparent 8px)}.fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,var(--border-plain-error) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-fieldset--valid .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,var(--border-plain-success) 7px,transparent 8px)}.fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,var(--border-plain-success) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-fieldset--info .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,var(--border-plain-info) 7px,transparent 8px)}.fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,var(--border-plain-info) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-fieldset .fr-radio-group--sm input[type=radio]:disabled+label{background-image:radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px)}.fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked+label{background-image:radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px),radial-gradient(var(--background-disabled-grey) 3px,transparent 4px)}.fr-radio-rich input[type=radio]:disabled+label{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px)}.fr-radio-rich input[type=radio]:disabled~.fr-radio-rich__pictogram svg *{fill:var(--text-disabled-grey)}.fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),radial-gradient(transparent 6px,var(--background-action-high-blue-france) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-radio-rich input[type=radio]:checked~.fr-radio-rich__pictogram{background-image:linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey))}.fr-radio-rich input[type=radio]:checked:disabled+label{background-image:linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px),radial-gradient(var(--background-disabled-grey) 3px,transparent 4px)}.fr-radio-rich input[type=radio]:checked:disabled~.fr-radio-rich__pictogram{background-image:linear-gradient(0deg,var(--background-disabled-grey),var(--background-disabled-grey)),linear-gradient(0deg,var(--background-disabled-grey),var(--background-disabled-grey)),linear-gradient(0deg,var(--background-disabled-grey),var(--background-disabled-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey))}.fr-fieldset--error .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--border-plain-error) 7px,transparent 8px)}.fr-fieldset--error .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),radial-gradient(transparent 6px,var(--border-plain-error) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-fieldset--valid .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--border-plain-success) 7px,transparent 8px)}.fr-fieldset--valid .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),radial-gradient(transparent 6px,var(--border-plain-success) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-fieldset--info .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--border-plain-info) 7px,transparent 8px)}.fr-fieldset--info .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),radial-gradient(transparent 6px,var(--border-plain-info) 7px,transparent 8px),radial-gradient(var(--background-action-high-blue-france) 3px,transparent 4px)}.fr-fieldset .fr-radio-rich input[type=radio]:disabled+label{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px)}.fr-fieldset .fr-radio-rich input[type=radio]:disabled:checked+label{background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--background-disabled-grey) 7px,transparent 8px),radial-gradient(var(--background-disabled-grey) 3px,transparent 4px)}.fr-fieldset .fr-fieldset__content .fr-radio-group:not(.fr-radio-rich) input[type=radio]+label{background-position:calc(-.25rem + 1px) calc(.5rem + 1px),calc(-.25rem + 1px) calc(.5rem + 1px)}.fr-fieldset .fr-fieldset__content .fr-radio-group--sm:not(.fr-radio-rich) input[type=radio]+label{background-position:calc(-.125rem + 1px) calc(1rem - 1px),calc(-.125rem + 1px) calc(1rem - 1px)}.fr-fieldset .fr-fieldset__content .fr-radio-rich{margin-bottom:1rem;margin-top:.5rem}.fr-fieldset .fr-fieldset__content .fr-radio-rich:last-child{margin-bottom:.75rem}.fr-fieldset .fr-fieldset__content .fr-radio-rich:first-child{margin-top:0}.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich:not(:last-child){margin-bottom:.5rem;margin-right:.75rem}.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich:first-child{margin-top:.75rem}.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich:first-child .fr-radio-rich__img{top:1rem}.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich__img{top:.75rem}.fr-fieldset--inline .fr-hint-text+.fr-fieldset__content .fr-radio-rich:first-child{margin-top:1.5rem}.fr-radio-rich__img{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:center;align-self:stretch;background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:0 0,0 100%,100% 0,0 .25rem;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px calc(100% - .5rem);display:flex;flex-direction:row;justify-content:center;margin-left:-1px;min-width:5.5rem;padding:.25rem;pointer-events:none;width:5.5rem}.fr-radio-rich__img img,.fr-radio-rich__img svg{max-height:3.5rem;max-width:3.5rem}.fr-radio-rich input[type=radio]:not(:disabled)~label:hover+.fr-radio-rich__img{background-color:var(--hover)}.fr-radio-rich input[type=radio]:not(:disabled)~label:active+.fr-radio-rich__img{background-color:var(--active)}.fr-radio-rich input[type=radio]:disabled~.fr-radio-rich__img svg *{fill:var(--text-disabled-grey)}.fr-radio-rich input[type=radio]:checked~.fr-radio-rich__img{background-image:linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--background-action-high-blue-france),var(--background-action-high-blue-france)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey))}.fr-radio-rich input[type=radio]:checked:disabled~.fr-radio-rich__img{background-image:linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--text-disabled-grey),var(--text-disabled-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey))}.fr-card{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);display:flex;flex-direction:column;position:relative}.fr-card.fr-enlarge-link .fr-card__title a:after{--icon-size:1.5rem;bottom:2rem;position:absolute;right:2rem}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:100% 100%,0 0,100% 0,100% 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,1px 100%,1px 100%,100% 1px;padding:1px}.fr-card--no-icon .fr-card__title a:not([target=_blank]):after,.fr-card:not(.fr-enlarge-link):not(.fr-card--download) .fr-card__title a:not([target=_blank]):after{content:none}.fr-card__body{display:flex;flex:1 1 auto;flex-direction:column;order:2;padding:0 2rem}.fr-grid-row .fr-card{height:100%}.fr-card__header{flex:0 0 auto;order:1;position:relative}.fr-card__header .fr-badges-group{left:0;padding:.75rem;position:absolute;top:0}.fr-card.fr-enlarge-link:hover .fr-card__img,.fr-card.fr-enlarge-link:hover .fr-card__vid{--brightness:calc(100% + var(--brighten)*10%)}.fr-card.fr-enlarge-link:active .fr-card__img,.fr-card.fr-enlarge-link:active .fr-card__vid{--brightness:calc(100% + var(--brighten)*20%)}.fr-card__img,.fr-card__vid{filter:brightness(var(--brightness))}.fr-card__img img,.fr-card__img svg,.fr-card__vid iframe,.fr-card__vid video{aspect-ratio:1.7777777778;object-fit:cover;object-position:50% 50%}.fr-card__img img{display:block}.fr-card__content{display:flex;flex-direction:column;height:100%;margin:0 -2rem;order:1;padding:2rem}.fr-card__content .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-card__content .fr-tag:after,.fr-card__content .fr-tag:before{--icon-size:0.75rem}.fr-card__title{color:var(--text-title-grey);font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:0;order:2}.fr-card__title a:after{-webkit-mask-image:url(icons/system/arrow-right-line.svg);mask-image:url(icons/system/arrow-right-line.svg)}.fr-card__title [target=_blank]:after,.fr-card__title a:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-card__title [target=_blank]:after{-webkit-mask-image:url(icons/system/external-link-line.svg);mask-image:url(icons/system/external-link-line.svg)}.fr-card__desc{font-size:.875rem;line-height:1.5rem;margin-bottom:0;margin-top:.75rem;order:3}.fr-card__start{order:1}.fr-card__start,.fr-card__start .fr-badges-group,.fr-card__start .fr-tags-group{margin-bottom:.25rem}.fr-card__start .fr-card__detail{margin-bottom:.75rem}.fr-card__end{display:flex;flex-direction:column;height:100%;margin-top:1rem;order:4;padding-top:.5rem}.fr-card__detail{align-items:flex-start;color:var(--text-mention-grey);display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0}.fr-card__detail[class*=" fr-fi-"]:before,.fr-card__detail[class*=" fr-icon-"]:before,.fr-card__detail[class^=fr-fi-]:before,.fr-card__detail[class^=fr-icon-]:before{--icon-size:1rem;margin-right:.5rem}.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end{justify-content:flex-end;margin-bottom:-3rem;min-height:2rem;padding-right:2rem}.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content{padding-bottom:5rem}.fr-card__footer{margin:0 -2rem;order:2;padding:.5rem 2rem 2rem}.fr-card__footer .fr-btns-group,.fr-card__footer .fr-links-group{margin-bottom:-1rem}.fr-card--sm .fr-card__header .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-card--sm .fr-card__header .fr-badge:after,.fr-card--sm .fr-card__header .fr-badge:before{--icon-size:0.75rem}.fr-card--sm .fr-card__content{padding:1.5rem}.fr-card--sm .fr-card__content .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-card--sm .fr-card__content .fr-badge:after,.fr-card--sm .fr-card__content .fr-badge:before{--icon-size:0.75rem}.fr-card--sm .fr-card__title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-card--sm .fr-card__title a:after{--icon-size:1rem}.fr-card--sm .fr-card__desc{margin-top:.5rem}.fr-card--sm .fr-card__start .fr-badges-group,.fr-card--sm .fr-card__start .fr-tags-group{margin-bottom:0}.fr-card--sm .fr-card__start .fr-card__detail{margin-bottom:.5rem}.fr-card--sm .fr-card__end{margin-top:1.5rem;padding-top:.5rem}.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end{margin-bottom:-2rem;min-height:1.25rem;padding-right:1.5rem}.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content{padding-bottom:3.5rem}.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a:after{--icon-size:1rem;bottom:1.5rem;right:1.5rem}.fr-card--sm .fr-card__footer{padding:.5rem 1.5rem 1.5rem}.fr-card--lg .fr-card__content{padding:2.5rem}.fr-card--lg .fr-card__content .fr-tag{border-radius:1rem;font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-card--lg .fr-card__content .fr-tag:after,.fr-card--lg .fr-card__content .fr-tag:before{--icon-size:1rem}.fr-card--lg .fr-card__title{font-size:1.375rem;font-weight:700;line-height:1.75rem}.fr-card--lg .fr-card__title a:after{--icon-size:1.5rem}.fr-card--lg .fr-card__desc{font-size:1rem;line-height:1.5rem;margin-top:1rem}.fr-card--lg .fr-card__start,.fr-card--lg .fr-card__start .fr-badges-group,.fr-card--lg .fr-card__start .fr-tags-group{margin-bottom:.5rem}.fr-card--lg .fr-card__start .fr-card__detail{margin-bottom:1rem}.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end{margin-bottom:-4rem;min-height:2.5rem;padding-right:2.5rem}.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content{padding-bottom:6.5rem}.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a:after{--icon-size:2rem;bottom:2.5rem;right:2.5rem}.fr-card--lg .fr-card__footer{padding:.5rem 2.5rem 2.5rem}.fr-card--download .fr-card__header{aspect-ratio:16/9}.fr-card--download .fr-card__header .fr-card__img{height:calc(100% - 1rem);left:.5rem;position:absolute;top:.5rem;width:calc(100% - 1rem)}.fr-card--download .fr-card__header .fr-card__img img{max-height:100%;max-width:100%;object-fit:contain}.fr-card--download .fr-card__title a:after{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(icons/system/download-line.svg);mask-image:url(icons/system/download-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-card__body>.fr-card__detail,.fr-card__body>.fr-card__title{margin-top:2rem}.fr-card__body>.fr-card__detail{margin-bottom:-1rem}.fr-card__body>.fr-card__desc,.fr-card__body>.fr-card__title{margin-bottom:2rem}.fr-card__body>.fr-card__desc{margin-top:-1rem}.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body>.fr-card__desc,.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body>.fr-card__title{margin-bottom:4.5rem}.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body>.fr-card__desc{margin-top:-3.5rem}.fr-card--grey{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey)}.fr-card--shadow{--idle:transparent;--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);background-color:var(--background-raised-grey);filter:drop-shadow(var(--raised-shadow));z-index:calc(var(--ground) + 500)}.fr-card--shadow.fr-card--grey{--idle:transparent;--hover:var(--background-contrast-raised-grey-hover);--active:var(--background-contrast-raised-grey-active);background-color:var(--background-contrast-raised-grey)}.fr-card--no-background{--hover:inherit;--active:inherit;background-color:transparent}.fr-card--download:not(.fr-card--no-background) .fr-card__header{--idle:transparent;--hover:var(--background-alt-grey-hover);--active:var(--background-alt-grey-active);background-color:var(--background-alt-grey)}.fr-card__title a[href]{color:var(--text-action-high-blue-france)}.fr-card__title:disabled,a.fr-card__title:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-checkbox-group{position:relative}.fr-checkbox-group input[type=checkbox]{height:1.5rem;margin:.75rem 0 0;opacity:0;position:absolute;width:1.5rem}.fr-checkbox-group input[type=checkbox]+label{-webkit-tap-highlight-color:transparent;--data-uri-svg:none;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-left:2rem;position:relative}.fr-checkbox-group input[type=checkbox]+label .fr-hint-text{margin:0;width:100%}.fr-checkbox-group input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),var(--data-uri-svg);background-position:0 0,.25rem 0,100% 0,0 .25rem,100% 100%,calc(100% - .25rem) 100%,0 100%,100% .25rem,50%;background-repeat:no-repeat;background-size:.25rem .25rem,calc(100% - .25rem) 1px,.25rem .25rem,1px calc(100% - .5rem),.25rem .25rem,calc(100% - .5rem) 1px,.25rem .25rem,1px calc(100% - .5rem),1rem;border-radius:.25rem;content:"";display:block;height:1.5rem;left:-2rem;margin-right:.5rem;position:absolute;top:0;width:1.5rem}.fr-checkbox-group--sm input[type=checkbox]{height:1rem;top:.25rem;width:1rem}.fr-checkbox-group--sm input[type=checkbox]+label{margin-left:1.5rem}.fr-checkbox-group--sm input[type=checkbox]+label:before{height:1rem;left:-1.5rem;margin-top:.25rem;width:1rem}.fr-checkbox-group--error:before{--idle:transparent;--hover:var(--border-plain-error-hover);--active:var(--border-plain-error-active);background-color:var(--border-plain-error)}.fr-checkbox-group--error:before,.fr-checkbox-group--valid:before{content:"";height:100%;left:-.75rem;position:absolute;top:0;width:2px}.fr-checkbox-group--valid:before{--idle:transparent;--hover:var(--border-plain-success-hover);--active:var(--border-plain-success-active);background-color:var(--border-plain-success)}.fr-checkbox-group .fr-message:first-child{margin-top:.5rem}.fr-checkbox-group input[type=checkbox]:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-color:var(--background-active-blue-france)}:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-checkbox-group input[type=checkbox]:disabled+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),var(--data-uri-svg)}.fr-checkbox-group input[type=checkbox]:disabled:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-color:var(--background-disabled-grey)}:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:disabled:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-checkbox-group--error input[type=checkbox]+label{color:var(--text-default-error)}.fr-checkbox-group--error input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),var(--data-uri-svg)}.fr-checkbox-group--valid input[type=checkbox]+label{color:var(--text-default-success)}.fr-checkbox-group--valid input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),var(--data-uri-svg)}.fr-fieldset--error .fr-checkbox-group input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-plain-error) 4px,var(--border-plain-error) 5px,transparent 6px),linear-gradient(var(--border-plain-error),var(--border-plain-error)),var(--data-uri-svg)}.fr-fieldset--valid .fr-checkbox-group input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-plain-success) 4px,var(--border-plain-success) 5px,transparent 6px),linear-gradient(var(--border-plain-success),var(--border-plain-success)),var(--data-uri-svg)}.fr-fieldset .fr-fieldset__content .fr-checkbox-group--sm label:before{margin-top:1rem}.fr-toggle{--text-spacing:0;--title-spacing:0;display:flex;flex-wrap:wrap;padding:1rem 0;position:relative}.fr-toggle input[type=checkbox]{-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);height:1.5rem;opacity:0;position:absolute;width:2.5rem}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label[data-fr-unchecked-label][data-fr-checked-label]:before{content:attr(data-fr-checked-label)}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:after{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);transform:translateX(1rem)}.fr-toggle label{--toggle-status-width:auto;-webkit-tap-highlight-color:transparent;display:inline-flex;font-size:1rem;line-height:1.5rem;min-height:1.5rem;width:calc(100% - 2.5rem)}.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]{padding-left:0}.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]:before{content:attr(data-fr-unchecked-label);margin-bottom:1rem;margin-right:calc(var(--toggle-status-width) - .5rem)}.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]+.fr-hint-text{margin-top:.5rem}.fr-toggle label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);border-radius:.75rem;display:block;flex-shrink:0;font-size:.75rem;height:calc(1.25rem + 1px);line-height:1.25rem;margin-right:2rem;max-width:2.5rem;min-width:2.5rem;padding-top:1.5rem}.fr-toggle label:after,.fr-toggle label:before{background-repeat:no-repeat;color:var(--text-active-blue-france);content:""}.fr-toggle label:after{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:center;background-color:var(--background-default-grey);background-position:50%;background-size:1rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);display:flex;height:1.5rem;justify-content:center;left:0;position:absolute;top:1rem;width:1.5rem}.fr-toggle .fr-hint-text{color:var(--text-mention-grey);display:block;flex-basis:100%;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:1rem}.fr-toggle--label-left .fr-toggle__input{margin:0 0 0 auto;order:1}.fr-toggle--label-left .fr-toggle__input+label[data-fr-checked-label]:before{margin-left:calc(var(--toggle-status-width) - .5rem);margin-right:0}.fr-toggle--label-left .fr-toggle__label{flex:1;justify-content:space-between;padding-left:0;width:calc(100% - 2.5rem)}.fr-toggle--label-left .fr-toggle__label:before{direction:rtl;flex-shrink:0;margin-left:1rem;margin-right:0;order:1;text-align:right}.fr-toggle--label-left .fr-toggle__label:after{left:auto;right:1rem}.fr-toggle--label-left .fr-hint-text{order:2}.fr-toggle__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}.fr-fieldset .fr-toggle__list li:first-child .fr-toggle{padding-top:0}.fr-fieldset .fr-toggle__list li:first-child .fr-toggle label:after{top:0}:root[data-fr-theme=dark] .fr-toggle label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%238585f6' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:checked{--idle:transparent;--hover:var(--background-active-blue-france-hover);--active:var(--background-active-blue-france-active);background-color:var(--background-active-blue-france)}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg)}:root[data-fr-theme=dark] .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%238585f6' height='24' fill='%238585f6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}:root[data-fr-theme=dark] .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:after{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238585f6' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled{box-shadow:inset 0 0 0 1px var(--border-disabled-grey)}.fr-toggle input[type=checkbox]:disabled:checked{--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey)}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg)}:root[data-fr-theme=dark] .fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%232a2a2a' height='24' fill='%232a2a2a' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:after{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg)}:root[data-fr-theme=dark] .fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:after{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);color:var(--text-disabled-grey)}:root[data-fr-theme=dark] .fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%232a2a2a' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:after{box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-toggle--border-bottom{box-shadow:inset 0 -1px 0 0 var(--border-default-grey)}.fr-fieldset--error .fr-toggle label,.fr-toggle--error label{color:var(--text-default-error)}.fr-fieldset--error .fr-toggle label:before,.fr-toggle--error label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);color:var(--text-default-error)}:root[data-fr-theme=dark] .fr-fieldset--error .fr-toggle label:before,:root[data-fr-theme=dark] .fr-toggle--error label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ff5655' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--error .fr-toggle label:after,.fr-toggle--error label:after{box-shadow:inset 0 0 0 1px var(--border-plain-error)}.fr-fieldset--error .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--error input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg)}:root[data-fr-theme=dark] .fr-fieldset--error .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,:root[data-fr-theme=dark] .fr-toggle--error input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ff5655' height='24' fill='%238585f6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-toggle label,.fr-toggle--valid label{color:var(--text-default-success)}.fr-fieldset--valid .fr-toggle label:before,.fr-toggle--valid label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);color:var(--text-default-success)}:root[data-fr-theme=dark] .fr-fieldset--valid .fr-toggle label:before,:root[data-fr-theme=dark] .fr-toggle--valid label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2327a658' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-toggle label:after,.fr-toggle--valid label:after{box-shadow:inset 0 0 0 1px var(--border-plain-success)}.fr-fieldset--valid .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--valid input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg)}:root[data-fr-theme=dark] .fr-fieldset--valid .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,:root[data-fr-theme=dark] .fr-toggle--valid input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2327a658' height='24' fill='%238585f6' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-skiplinks{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);padding:1rem 0;position:absolute;top:0;transform:translateY(-100%)}.fr-skiplinks:focus-within{position:relative;transform:translateY(0)}.fr-skiplinks__list{display:flex;flex-direction:column;margin:0 -1rem -1.5rem}.fr-skiplinks__list>li{margin:0 1rem 1.5rem}.fr-skiplinks__list>li:before{content:none}.fr-skiplinks__list>li .fr-link{font-size:1rem;line-height:1.5rem;padding:0}.fr-skiplinks__list>li .fr-link:after,.fr-skiplinks__list>li .fr-link:before{--icon-size:1rem}.fr-skiplinks__list:focus-within{position:relative;transform:translateY(0)}.fr-select{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-contrast-grey);background-image:var(--data-uri-svg);background-position:calc(100% - .5rem) 50%;background-repeat:no-repeat;background-size:1.5rem 1.5rem;border-radius:.25rem .25rem 0 0;box-shadow:inset 0 -2px 0 0 var(--border-plain-grey);color:var(--text-title-grey);display:block;font-size:1rem;line-height:1.5rem;padding:.5rem 2.5rem .5rem 1rem;width:100%}.fr-select-group{position:relative}.fr-select-group .fr-message:first-child{margin-top:.5rem}.fr-select-group--error:before,.fr-select-group--info:before,.fr-select-group--valid:before{background-position:0 0;background-repeat:no-repeat;background-size:.125rem 100%;bottom:0;content:"";display:block;left:-.75rem;pointer-events:none;position:absolute;right:-.75rem;top:0}:root[data-fr-theme=dark] .fr-select{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-select,.fr-select-group--valid .fr-select{box-shadow:inset 0 -2px 0 0 var(--border-plain-success)}.fr-fieldset--error .fr-select,.fr-select-group--error .fr-select{box-shadow:inset 0 -2px 0 0 var(--border-plain-error)}.fr-select-group--error:before{background-image:linear-gradient(0deg,var(--border-plain-error),var(--border-plain-error))}.fr-select-group--valid:before{background-image:linear-gradient(0deg,var(--border-plain-success),var(--border-plain-success))}.fr-select-group--info:before{background-image:linear-gradient(0deg,var(--border-plain-info),var(--border-plain-info))}.fr-select:disabled{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}:root[data-fr-theme=dark] .fr-select:disabled{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E")}.fr-select:-webkit-autofill,.fr-select:-webkit-autofill:focus,.fr-select:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-label-grey);box-shadow:inset 0 -2px 0 0 var(--border-plain-grey),inset 0 0 0 1000px var(--background-contrast-blue-france)}.fr-callout{--title-spacing:0 0 0.5rem;--text-spacing:0;--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);box-shadow:inset .25rem 0 0 0 var(--border-default-blue-france);margin:0 0 1.5rem;padding:1.5rem;position:relative}.fr-callout[class*=" fr-fi-"]:before,.fr-callout[class*=" fr-icon-"]:before,.fr-callout[class^=fr-fi-]:before,.fr-callout[class^=fr-icon-]:before{display:block;margin:-.5rem 0 .5rem}.fr-callout__title{color:var(--text-title-grey);font-size:1.375rem;font-weight:700;line-height:1.75rem}.fr-callout__text{font-size:1.125rem;line-height:1.75rem}.fr-callout .fr-btn{margin-top:1rem}.fr-callout:before{color:var(--text-title-grey)}.fr-callout--green-tilleul-verveine{--idle:transparent;--hover:var(--background-contrast-green-tilleul-verveine-hover);--active:var(--background-contrast-green-tilleul-verveine-active);background-color:var(--background-contrast-green-tilleul-verveine);box-shadow:inset .25rem 0 0 0 var(--border-default-green-tilleul-verveine)}.fr-callout--green-bourgeon{--idle:transparent;--hover:var(--background-contrast-green-bourgeon-hover);--active:var(--background-contrast-green-bourgeon-active);background-color:var(--background-contrast-green-bourgeon);box-shadow:inset .25rem 0 0 0 var(--border-default-green-bourgeon)}.fr-callout--green-emeraude{--idle:transparent;--hover:var(--background-contrast-green-emeraude-hover);--active:var(--background-contrast-green-emeraude-active);background-color:var(--background-contrast-green-emeraude);box-shadow:inset .25rem 0 0 0 var(--border-default-green-emeraude)}.fr-callout--green-menthe{--idle:transparent;--hover:var(--background-contrast-green-menthe-hover);--active:var(--background-contrast-green-menthe-active);background-color:var(--background-contrast-green-menthe);box-shadow:inset .25rem 0 0 0 var(--border-default-green-menthe)}.fr-callout--green-archipel{--idle:transparent;--hover:var(--background-contrast-green-archipel-hover);--active:var(--background-contrast-green-archipel-active);background-color:var(--background-contrast-green-archipel);box-shadow:inset .25rem 0 0 0 var(--border-default-green-archipel)}.fr-callout--blue-ecume{--idle:transparent;--hover:var(--background-contrast-blue-ecume-hover);--active:var(--background-contrast-blue-ecume-active);background-color:var(--background-contrast-blue-ecume);box-shadow:inset .25rem 0 0 0 var(--border-default-blue-ecume)}.fr-callout--blue-cumulus{--idle:transparent;--hover:var(--background-contrast-blue-cumulus-hover);--active:var(--background-contrast-blue-cumulus-active);background-color:var(--background-contrast-blue-cumulus);box-shadow:inset .25rem 0 0 0 var(--border-default-blue-cumulus)}.fr-callout--purple-glycine{--idle:transparent;--hover:var(--background-contrast-purple-glycine-hover);--active:var(--background-contrast-purple-glycine-active);background-color:var(--background-contrast-purple-glycine);box-shadow:inset .25rem 0 0 0 var(--border-default-purple-glycine)}.fr-callout--pink-macaron{--idle:transparent;--hover:var(--background-contrast-pink-macaron-hover);--active:var(--background-contrast-pink-macaron-active);background-color:var(--background-contrast-pink-macaron);box-shadow:inset .25rem 0 0 0 var(--border-default-pink-macaron)}.fr-callout--pink-tuile{--idle:transparent;--hover:var(--background-contrast-pink-tuile-hover);--active:var(--background-contrast-pink-tuile-active);background-color:var(--background-contrast-pink-tuile);box-shadow:inset .25rem 0 0 0 var(--border-default-pink-tuile)}.fr-callout--yellow-tournesol{--idle:transparent;--hover:var(--background-contrast-yellow-tournesol-hover);--active:var(--background-contrast-yellow-tournesol-active);background-color:var(--background-contrast-yellow-tournesol);box-shadow:inset .25rem 0 0 0 var(--border-default-yellow-tournesol)}.fr-callout--yellow-moutarde{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover);--active:var(--background-contrast-yellow-moutarde-active);background-color:var(--background-contrast-yellow-moutarde);box-shadow:inset .25rem 0 0 0 var(--border-default-yellow-moutarde)}.fr-callout--orange-terre-battue{--idle:transparent;--hover:var(--background-contrast-orange-terre-battue-hover);--active:var(--background-contrast-orange-terre-battue-active);background-color:var(--background-contrast-orange-terre-battue);box-shadow:inset .25rem 0 0 0 var(--border-default-orange-terre-battue)}.fr-callout--brown-cafe-creme{--idle:transparent;--hover:var(--background-contrast-brown-cafe-creme-hover);--active:var(--background-contrast-brown-cafe-creme-active);background-color:var(--background-contrast-brown-cafe-creme);box-shadow:inset .25rem 0 0 0 var(--border-default-brown-cafe-creme)}.fr-callout--brown-caramel{--idle:transparent;--hover:var(--background-contrast-brown-caramel-hover);--active:var(--background-contrast-brown-caramel-active);background-color:var(--background-contrast-brown-caramel);box-shadow:inset .25rem 0 0 0 var(--border-default-brown-caramel)}.fr-callout--brown-opera{--idle:transparent;--hover:var(--background-contrast-brown-opera-hover);--active:var(--background-contrast-brown-opera-active);background-color:var(--background-contrast-brown-opera);box-shadow:inset .25rem 0 0 0 var(--border-default-brown-opera)}.fr-callout--beige-gris-galet{--idle:transparent;--hover:var(--background-contrast-beige-gris-galet-hover);--active:var(--background-contrast-beige-gris-galet-active);background-color:var(--background-contrast-beige-gris-galet);box-shadow:inset .25rem 0 0 0 var(--border-default-beige-gris-galet)}.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}.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}.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}.fr-nav{--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}.fr-nav__list{display:flex;flex-direction:column;margin:0;padding:0}.fr-nav__list>*>.fr-nav__btn,.fr-nav__list>*>.fr-nav__link,.fr-nav__list>.fr-nav__btn,.fr-nav__list>.fr-nav__link{font-weight:700}.fr-nav__item{align-items:stretch;display:flex;flex:0 1 auto;flex-direction:column;position:relative}.fr-nav__item:before{bottom:0;box-shadow:0 -1px 0 0 var(--border-default-grey),inset 0 -1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-nav__item .fr-btn,.fr-nav__item .fr-link{min-height:3rem}.fr-nav__btn,.fr-nav__link{--hover-tint:var(--hover);--active-tint:var(--active);color:var(--text-action-high-grey);font-size:1rem;line-height:1.5rem;padding:.75rem 1rem;text-align:left;width:100%}.fr-nav__btn[aria-current],.fr-nav__link[aria-current]{color:var(--text-active-blue-france);position:relative}.fr-nav__btn[aria-current]:before,.fr-nav__link[aria-current]:before{--idle:transparent;--hover:var(--background-active-blue-france-hover);--active:var(--background-active-blue-france-active);background-color:var(--background-active-blue-france);content:"";display:block;height:1.5rem;left:0;margin-top:-.75rem;position:absolute;top:50%;width:2px}.fr-nav__link{display:block}.fr-nav__link[aria-current]:not([href]){cursor:default;pointer-events:none}.fr-nav__btn{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.fr-nav__btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:0;-webkit-mask-image:url(icons/system/arrow-down-s-line.svg);mask-image:url(icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .3s;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-nav__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-menu{margin:-4px -1rem;padding:4px 1rem;width:auto}.fr-menu.fr-collapsing{margin-top:0;padding-top:0}.fr-menu__list{margin:0;padding:0 1rem 1rem}.fr-menu .fr-nav__link{padding-left:1rem;padding-right:1rem}.fr-menu .fr-nav__link:before{left:0}.fr-mega-menu:focus{outline:none}.fr-mega-menu>.fr-container{padding:.5rem 1rem 0}.fr-mega-menu .fr-btn--close{display:none}.fr-mega-menu .fr-nav__link{padding-left:1rem;padding-right:1rem}.fr-mega-menu .fr-nav__link:before{left:0}.fr-mega-menu__leader{--underline-img:linear-gradient(0deg,currentColor,currentColor);--text-spacing:0 0 0.5rem;--title-spacing:0 0 0.5rem;padding-top:.5rem}.fr-mega-menu__category{font-weight:700}.fr-mega-menu__list{padding-bottom:1rem;position:relative}.fr-mega-menu__list:before{bottom:0;box-shadow:0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-nav__btn[aria-expanded=true]:not(:disabled){--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france);color:var(--text-active-blue-france)}.fr-nav__item:first-child:before{box-shadow:inset 0 -1px 0 0 var(--border-default-grey)}.fr-nav__item:last-child:before{box-shadow:0 -1px 0 0 var(--border-default-grey)}.fr-share{--text-spacing:0 0 1rem;--title-spacing:0 0 1rem;display:flex;flex-direction:column}.fr-share__title{font-size:1rem;line-height:1.5rem;order:1}.fr-share__text{font-size:.75rem;line-height:1.25rem;order:3}.fr-share .fr-btns-group{order:2;width:auto}.fr-share .fr-btns-group .fr-btn{justify-content:flex-start;margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-share .fr-btns-group>li{display:inline-flex;max-width:100%;width:auto}.fr-share .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;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-share .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-"]):before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--facebook:before{-webkit-mask-image:url(icons/logo/facebook-circle-line.svg);mask-image:url(icons/logo/facebook-circle-line.svg)}.fr-btn--linkedin:before{-webkit-mask-image:url(icons/logo/linkedin-box-line.svg);mask-image:url(icons/logo/linkedin-box-line.svg)}.fr-btn--mastodon:before{-webkit-mask-image:url(icons/logo/mastodon-line.svg);mask-image:url(icons/logo/mastodon-line.svg)}.fr-btn--threads:before{-webkit-mask-image:url(icons/logo/threads-line.svg);mask-image:url(icons/logo/threads-line.svg)}.fr-btn--twitter:before{-webkit-mask-image:url(icons/logo/twitter-line.svg);mask-image:url(icons/logo/twitter-line.svg)}.fr-btn--twitter-x:before{-webkit-mask-image:url(icons/logo/twitter-x-line.svg);mask-image:url(icons/logo/twitter-x-line.svg)}.fr-btn--mail:before{-webkit-mask-image:url(icons/business/mail-line.svg);mask-image:url(icons/business/mail-line.svg)}.fr-btn--copy:before{-webkit-mask-image:url(icons/business/links-fill.svg);mask-image:url(icons/business/links-fill.svg)}.fr-share__group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;margin-left:-.5rem;margin-right:-.5rem;order:2;width:auto}.fr-share__group .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-share__group>li{display:inline-flex;max-width:100%;width:auto}.fr-share__link{--underline-img:none;--hover-tint:var(--hover);--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france);display:inline-flex;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem}.fr-share__link--facebook{font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-share__link--facebook:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/logo/facebook-circle-line.svg);mask-image:url(icons/logo/facebook-circle-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-share__link--twitter{font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-share__link--twitter:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/logo/twitter-line.svg);mask-image:url(icons/logo/twitter-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-share__link--linkedin{font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-share__link--linkedin:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/logo/linkedin-box-line.svg);mask-image:url(icons/logo/linkedin-box-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-share__link--mail{font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-share__link--mail:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/business/mail-line.svg);mask-image:url(icons/business/mail-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-share__link--copy{font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-share__link--copy:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/business/links-fill.svg);mask-image:url(icons/business/links-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-share .fr-btn{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-share .fr-btn:disabled,.fr-share a.fr-btn:not([href]),.fr-share__link:disabled,a.fr-share__link:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-footer{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;box-shadow:inset 0 2px 0 0 var(--border-plain-blue-france),inset 0 -1px 0 0 var(--border-default-grey);padding-top:2.5rem;width:100%}.fr-footer__body{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:1rem}.fr-footer__body+.fr-footer__bottom{margin-top:1rem}.fr-footer__brand{align-items:center;display:flex;flex-basis:100%;flex-direction:row}.fr-footer__brand .fr-logo{font-size:1.05rem;margin:-1rem;padding:1rem}.fr-footer__brand .fr-logo:before{background-position:0 -.0625rem,0 0,0 0;background-size:2.75rem 1.125rem,2.75rem 1rem,0;height:1rem;margin-bottom:.3333333333rem;width:2.75rem}:root[data-fr-mourning] .fr-footer__brand .fr-logo:before{background-size:2.75rem 1.125rem,0,2.75rem 1rem}.fr-footer__brand .fr-logo:after{background-position:0 calc(100% + 1.875rem);background-size:5.25rem 3.75rem;min-width:2.625rem;padding-top:2.2083333333rem}[data-fr-theme=dark] .fr-footer__brand .fr-logo:after{background-position:-2.625rem 100%}.fr-footer__brand-link{display:flex;flex-direction:row}.fr-footer__brand .fr-logo+.fr-footer__brand-link{margin-left:1.5rem}.fr-footer__logo{height:auto;max-height:100%}.fr-footer__content{display:flex;flex-basis:100%;flex-wrap:wrap;margin-top:1.5rem}.fr-footer__content-desc{--underline-img:linear-gradient(0deg,currentColor,currentColor);--text-spacing:0 0 0.5rem 0;font-size:.875rem;line-height:1.5rem;width:100%}.fr-footer__content-list{align-self:center;display:flex;flex-direction:row;flex-wrap:wrap}.fr-footer__content-list>li{margin-bottom:.5rem;margin-right:1rem;margin-top:.5rem}.fr-footer__content-list>li:before{content:none}.fr-footer__content-list>li:last-child{margin-right:0}.fr-footer__content-link{font-size:.875rem;font-weight:700;line-height:1.5rem}.fr-footer__content-link:not(:hover):not(:active){--underline-idle-width:0}.fr-footer__top{--idle:transparent;--hover:var(--background-alt-grey-hover);--active:var(--background-alt-grey-active);background-color:var(--background-alt-grey);display:flex;margin:-2.375rem 0 1rem;padding:2rem 0 1rem}.fr-footer__top-cat{display:block;font-size:.75rem;font-weight:700;line-height:1.25rem;margin:0 0 .75rem;text-align:left}.fr-footer__top-list{margin:0}.fr-footer__top-list li{margin-bottom:.75rem}.fr-footer__top-link{font-size:.75rem;line-height:1.25rem}.fr-footer__top-link:not(:hover):not(:active){--underline-idle-width:0}.fr-footer__bottom{align-items:center;box-shadow:inset 0 1px 0 0 var(--border-default-grey);display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2.5rem}.fr-footer__bottom .fr-btn{color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;max-height:none;max-width:100%;min-height:1.25rem;overflow:initial;padding:0 .5rem}.fr-footer__bottom .fr-btn:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-footer__bottom-list{margin:0;padding:.5rem 0 1rem;width:100%}.fr-footer__bottom-item{display:inline;margin:.5rem 0 0 .25rem;position:relative}.fr-footer__bottom-item:before{box-shadow:inset 0 0 0 1px var(--border-default-grey);content:"";display:inline-block;height:1rem;margin-bottom:.5rem;margin-right:.25rem;margin-top:.5rem;position:relative;vertical-align:middle;width:1px}.fr-footer__bottom-item:first-child{margin:.5rem 0 0}.fr-footer__bottom-item:first-child:before{content:none}.fr-footer__bottom-link{color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem}.fr-footer__bottom-link:not(:hover):not(:active){--underline-idle-width:0}.fr-footer__bottom-copy{--text-spacing:0 0 1rem 0;color:var(--text-mention-grey);margin-top:.5rem}.fr-footer__bottom-copy *{font-size:.75rem;line-height:1.25rem}.fr-footer__partners{box-shadow:inset 0 1px 0 0 var(--border-default-grey);margin-top:1rem;padding-top:1rem}.fr-footer__partners a{align-items:center;display:flex;justify-content:center}.fr-footer__partners .fr-footer__logo{height:auto;padding:.25rem;width:auto}.fr-footer__partners+.fr-footer__bottom{margin-top:.5rem}.fr-footer__partners-title{--title-spacing:0 0 0.5rem 0;flex-basis:100%;font-size:.875rem;line-height:1.5rem;text-align:center}.fr-footer__partners-logos{display:flex;flex-direction:column;flex-wrap:wrap;margin:0 0 -.5rem}.fr-footer__partners-main{display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto}.fr-footer__partners-sub{margin-bottom:.5rem}.fr-footer__partners-sub,.fr-footer__partners-sub>ul{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap}.fr-footer__partners-sub .fr-footer__partners-link{margin-bottom:.5rem}.fr-footer__content-link,.fr-footer__top-cat{color:var(--text-title-grey)}.fr-footer__partners .fr-footer__partners-link,.fr-footer__partners .fr-footer__partners-link:active,.fr-footer__partners .fr-footer__partners-link:hover{background:#fff}.fr-tile{--text-spacing:0;--title-spacing:0 0 0.25rem;--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);background-position:0 100%,0 0,100% 0,100% 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,1px 100%,1px 100%,100% 1px;display:flex;flex-direction:column;padding:2rem 2rem 2.25rem;position:relative;text-align:center}.fr-grid-row .fr-tile{height:100%}.fr-tile.fr-enlarge-link:hover .fr-tile__pictogram{--brightness:calc(100% + var(--brighten)*10%)}.fr-tile.fr-enlarge-link:active .fr-tile__pictogram{--brightness:calc(100% + var(--brighten)*20%)}.fr-tile__header{margin-bottom:1rem;order:1}.fr-tile__pictogram{align-items:center;display:flex;flex-shrink:0;height:5rem;justify-content:center;margin:0 auto;overflow:hidden;width:5rem}.fr-tile__pictogram>svg{height:100%;width:100%}.fr-tile__content{align-items:center;display:flex;flex-direction:column;height:100%}.fr-tile__body{flex:1 1 auto;height:100%;order:2}.fr-tile.fr-enlarge-link .fr-tile__title a:after,.fr-tile.fr-enlarge-link .fr-tile__title a:before{--icon-size:1.5rem;bottom:2.25rem;position:absolute;right:2rem}.fr-tile.fr-enlarge-link.fr-tile--no-icon .fr-tile__title a:after{content:none}.fr-tile__title{color:var(--text-title-grey);font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:.5rem;order:2}.fr-tile__title:before{background-image:linear-gradient(0deg,var(--border-plain-grey),var(--border-plain-grey));bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.fr-tile__title a:before,.fr-tile__title:before{background-position:0 100%;background-repeat:no-repeat;background-size:100% .25rem}.fr-tile__title a:before{background-image:linear-gradient(0deg,var(--border-active-blue-france),var(--border-active-blue-france))}.fr-tile__title a:after{--icon-size:1.5rem;-webkit-mask-image:url(icons/system/arrow-right-line.svg);mask-image:url(icons/system/arrow-right-line.svg)}.fr-tile__title [target=_blank]:after,.fr-tile__title a:after{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tile__title [target=_blank]:after{-webkit-mask-image:url(icons/system/external-link-line.svg);mask-image:url(icons/system/external-link-line.svg)}.fr-tile__desc{flex:1 1 auto;font-size:1rem;line-height:1.5rem;order:3}.fr-tile__start{margin-bottom:.75rem;order:1}.fr-tile__start .fr-badges-group,.fr-tile__start .fr-tags-group{margin-bottom:-.5rem}.fr-tile__detail{align-items:flex-start;display:flex;flex-direction:row;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:.75rem;order:4}.fr-tile__detail[class*=" fr-fi-"]:before,.fr-tile__detail[class*=" fr-icon-"]:before,.fr-tile__detail[class^=fr-fi-]:before,.fr-tile__detail[class^=fr-icon-]:before{--icon-size:1rem;margin-right:.5rem}.fr-tile.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--sm{padding:1.5rem 1.5rem 1.75rem}.fr-tile--sm .fr-badge{font-size:.75rem;line-height:1.25rem;min-height:1.125rem;padding:0 .375rem}.fr-tile--sm .fr-badge:after,.fr-tile--sm .fr-badge:before{--icon-size:0.75rem}.fr-tile--sm .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tile--sm .fr-tag:after,.fr-tile--sm .fr-tag:before{--icon-size:0.75rem}.fr-tile--sm .fr-tile__title{font-size:1rem;line-height:1.5rem;margin-bottom:.25rem}.fr-tile--sm .fr-tile__title a:after{--icon-size:1rem}.fr-tile--sm .fr-tile__desc{font-size:.875rem;line-height:1.5rem}.fr-tile--sm .fr-tile__start{margin-bottom:.5rem}.fr-tile--sm .fr-tile__pictogram{height:3.5rem;width:3.5rem}.fr-tile--sm.fr-tile--horizontal .fr-tile__header{margin-right:1.5rem}.fr-tile--sm.fr-tile--horizontal .fr-tile__pictogram{height:2.5rem;width:2.5rem}.fr-tile--sm.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__title a:after{--icon-size:1rem;bottom:1.75rem;position:absolute;right:1.5rem}.fr-tile--sm.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2rem}.fr-tile--download,.fr-tile--horizontal{align-items:flex-start;flex-direction:row;justify-content:center;text-align:left}.fr-tile--download .fr-tile__header,.fr-tile--horizontal .fr-tile__header{margin-bottom:0;margin-right:2rem}.fr-tile--download .fr-tile__pictogram,.fr-tile--horizontal .fr-tile__pictogram{height:4rem;width:4rem}.fr-tile--download .fr-tile__content,.fr-tile--horizontal .fr-tile__content{align-items:flex-start}.fr-tile--download:not(.fr-tile--no-icon) .fr-tile__detail,.fr-tile--horizontal:not(.fr-tile--no-icon) .fr-tile__detail{margin-bottom:-2.5rem;margin-top:1.25rem;padding-right:2rem}.fr-tile--download:not(.fr-tile--no-icon) .fr-tile__content,.fr-tile--horizontal:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--download:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__detail,.fr-tile--horizontal:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__detail{margin-bottom:-2rem;margin-top:.75rem;padding-right:2rem}.fr-tile--download:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__content,.fr-tile--horizontal:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__content{padding-bottom:2rem}.fr-tile.fr-tile--download .fr-tile__title a:after{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(icons/system/download-line.svg);mask-image:url(icons/system/download-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow){background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey))}.fr-tile--grey{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey)}.fr-tile--shadow{--idle:transparent;--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);background-color:var(--background-raised-grey);filter:drop-shadow(var(--raised-shadow));z-index:calc(var(--ground) + 500)}.fr-tile--shadow.fr-tile--grey{--idle:transparent;--hover:var(--background-contrast-raised-grey-hover);--active:var(--background-contrast-raised-grey-active);background-color:var(--background-contrast-raised-grey)}.fr-tile--no-background{--hover:inherit;--active:inherit;background-color:transparent}.fr-tile__title:disabled,a.fr-tile__title:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-tile__title a{color:var(--text-action-high-blue-france)}.fr-tile__title a:not([href]){color:var(--text-disabled-grey)}.fr-tile__title a:not([href]):before{background-image:linear-gradient(0deg,var(--border-disabled-grey),var(--border-disabled-grey))}.fr-tile__img{align-items:center;display:flex;filter:brightness(var(--brightness));flex-shrink:0;height:5rem;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;width:5rem}.fr-tile__img>svg{height:100%;width:100%}.fr-tile__body>.fr-tile__desc{padding-bottom:2.5rem}.fr-tile--horizontal .fr-tile__img{height:3rem;margin:0 1.5rem 0 0;width:3rem}.fr-translate{--rows:8;position:relative}.fr-translate .fr-translate__btn{font-size:1rem;font-weight:500;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;min-height:3rem;overflow:initial;padding:.5rem 1rem;width:100%}.fr-translate .fr-translate__btn:before{margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(icons/editor/translate-2.svg);mask-image:url(icons/editor/translate-2.svg)}.fr-translate .fr-translate__btn:after,.fr-translate .fr-translate__btn:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-translate .fr-translate__btn:after{margin-left:auto;-webkit-mask-image:url(icons/system/arrow-down-s-line.svg);mask-image:url(icons/system/arrow-down-s-line.svg);transition:transform .3s}.fr-translate .fr-translate__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-translate__language{white-space:nowrap}.fr-translate__language[aria-current]{display:none}.fr-translate__menu{margin:0}.fr-translate .fr-nav__item:before{content:none}.fr-translate .fr-menu__list{padding:0;width:auto}.fr-translate__menu .fr-translate__language{box-shadow:none}.fr-transcription{position:relative;width:100%}.fr-transcription:before{bottom:0;box-shadow:inset 0 0 0 1px var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription__btn{--text-spacing:0;--title-spacing:0;align-items:center;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;margin:0;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.75rem 1rem;text-align:left;width:-moz-fit-content;width:fit-content;width:100%}.fr-transcription__btn:after,.fr-transcription__btn:before{display:block}.fr-transcription__btn:after{content:"";margin-left:auto;margin-right:0;-webkit-mask-image:url(icons/system/arrow-down-s-line.svg);mask-image:url(icons/system/arrow-down-s-line.svg);transition:transform .3s}.fr-transcription__btn:after,.fr-transcription__btn:before{--icon-size:1rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-transcription__btn:before{content:none;content:"";margin-right:.5rem;-webkit-mask-image:url(icons/media/align-left.svg);mask-image:url(icons/media/align-left.svg)}.fr-transcription__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-transcription__content:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription__footer{margin:0;padding:.75rem 1rem;position:relative}.fr-transcription__footer:before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription__actions-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-end}.fr-transcription__actions-group>li{display:inline-flex;max-width:100%;width:100%;width:auto}.fr-transcription__actions-group .fr-btn{font-size:.875rem;justify-content:center;line-height:1.5rem;margin:0 0 0 .5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem;width:calc(100% - 1rem);width:auto}.fr-transcription__actions-group .fr-btn:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-transcription__actions-group .fr-btn:before{content:none}.fr-transcription__actions-group .fr-link{font-size:.875rem;line-height:1.5rem;padding:0}.fr-transcription__actions-group .fr-link:after,.fr-transcription__actions-group .fr-link:before{--icon-size:1rem}.fr-transcription__actions-group>:not(:first-child){margin-left:1rem}.fr-transcription .fr-collapse{display:flex;flex-direction:column-reverse}.fr-transcription .fr-collapse--expanded{margin:0 .0625rem}.fr-transcription .fr-modal:not(.fr-modal--opened){background-color:inherit;opacity:inherit;position:relative;visibility:inherit;z-index:auto}.fr-transcription .fr-modal:not(.fr-modal--opened):after{content:none}.fr-transcription .fr-modal:not(.fr-modal--opened):before{bottom:0;box-shadow:inset 0 1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container{padding:.0625rem 0}.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row{display:inherit}.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row>.fr-col,.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row>[class*=" fr-col-"],.fr-transcription .fr-modal:not(.fr-modal--opened)>.fr-container>.fr-grid-row>[class^=fr-col-]{flex:inherit;max-width:inherit;width:inherit}.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__body{background-color:inherit;filter:inherit;max-height:inherit}.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__header{display:none}.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__content{--transcription-max-height:9.5rem;margin:0;max-height:var(--transcription-max-height);overflow-y:auto;padding:1rem}.fr-transcription .fr-modal--opened .fr-transcription__footer,.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__title{display:none}.fr-transcription__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france)}.fr-input{--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);background-color:var(--background-contrast-grey);border-radius:.25rem .25rem 0 0;box-shadow:inset 0 -2px 0 0 var(--border-plain-grey);color:var(--text-label-grey);display:block;font-size:1rem;line-height:1.5rem;padding:.5rem 1rem;width:100%}.fr-input:not(textarea){max-height:2.5rem}.fr-input::placeholder{color:var(--text-mention-grey);font-style:italic;opacity:1}.fr-input::-webkit-contacts-auto-fill-button{--idle:transparent;--hover:var(--text-label-grey-hover);--active:var(--text-label-grey-active);background-color:var(--text-label-grey);cursor:pointer}.fr-input[type=date]{min-height:2.5rem}@supports selector(::-webkit-calendar-picker-indicator){.fr-input[type=date]{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);background-position:calc(100% - .75rem) 50%;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2.25rem}.fr-input[type=date]::-webkit-calendar-picker-indicator{display:block;margin-right:-2.5rem;opacity:0;padding:1rem}}.fr-input-wrap{display:block;position:relative}.fr-input-wrap[class*=" fr-fi-"] .fr-input,.fr-input-wrap[class*=" fr-icon-"] .fr-input,.fr-input-wrap[class^=fr-fi-] .fr-input,.fr-input-wrap[class^=fr-icon-] .fr-input{padding-right:2.5rem}.fr-input-wrap[class*=" fr-fi-"]:before,.fr-input-wrap[class*=" fr-icon-"]:before,.fr-input-wrap[class^=fr-fi-]:before,.fr-input-wrap[class^=fr-icon-]:before{--icon-size:1rem;bottom:.75rem;margin:auto;pointer-events:none;position:absolute;right:.75rem;top:.75rem}.fr-input-wrap--action,.fr-input-wrap--addon{display:flex;flex-direction:row;width:100%}.fr-input-wrap--addon>:first-child:not(:last-child){border-radius:.25rem 0 0 0}.fr-input-wrap--addon>:last-child:not(:first-child){border-radius:0 .25rem 0 0}.fr-input-wrap--action .fr-btn{margin-left:1rem}.fr-input-wrap+.fr-hint-text{margin-top:1rem}.fr-input-group{position:relative}.fr-input-group .fr-message:first-child{margin-top:.5rem}.fr-input-group--error:before,.fr-input-group--info:before,.fr-input-group--valid:before{background-position:0 0;background-repeat:no-repeat;background-size:.125rem 100%;bottom:0;content:"";display:block;left:-.75rem;pointer-events:none;position:absolute;right:-.75rem;top:0}textarea.fr-input{min-height:3.75rem}.fr-input:disabled{box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-input:-webkit-autofill,.fr-input:-webkit-autofill:focus,.fr-input:-webkit-autofill:hover,.fr-input:autofill,.fr-input:autofill:focus,.fr-input:autofill:hover{-webkit-text-fill-color:var(--text-label-grey);box-shadow:inset 0 -2px 0 0 var(--border-plain-grey),inset 0 0 0 1000px var(--background-contrast-info)}@supports selector(::-webkit-calendar-picker-indicator){:root[data-fr-theme=dark] .fr-input[type=date]{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E")}.fr-input[type=date]:disabled{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}:root[data-fr-theme=dark] .fr-input[type=date]:disabled{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/%3E%3C/svg%3E")}}.fr-fieldset--valid .fr-input,.fr-input-group--valid .fr-input{box-shadow:inset 0 -2px 0 0 var(--border-plain-success)}.fr-fieldset--error .fr-input,.fr-input-group--error .fr-input{box-shadow:inset 0 -2px 0 0 var(--border-plain-error)}.fr-input-group--error:before{background-image:linear-gradient(0deg,var(--border-plain-error),var(--border-plain-error))}.fr-input-group--valid:before{background-image:linear-gradient(0deg,var(--border-plain-success),var(--border-plain-success))}.fr-input-group--info:before{background-image:linear-gradient(0deg,var(--border-plain-info),var(--border-plain-info))}.fr-input-wrap--addon>:not(:last-child).fr-input:not(.fr-input--valid):not(.fr-input--error){box-shadow:inset 0 -2px 0 0 var(--border-action-high-blue-france)}.fr-search-bar{display:flex;flex-direction:row}.fr-search-bar .fr-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-search-bar .fr-input{border-radius:.25rem 0 0;box-shadow:inset 0 -2px 0 0 var(--border-action-high-blue-france);margin:0;max-height:2.5rem}.fr-search-bar .fr-input::placeholder{font-style:italic}.fr-search-bar .fr-btn{border-radius:0 .25rem 0 0;flex:1 0 auto;font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-search-bar .fr-btn:before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(icons/system/search-line.svg);mask-image:url(icons/system/search-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-search-bar .fr-input--valid{box-shadow:inset 0 -2px 0 0 var(--border-plain-success)}.fr-search-bar .fr-input--error{box-shadow:inset 0 -2px 0 0 var(--border-plain-error)}.fr-content-media{--text-spacing:0;--title-spacing:0;align-items:center;display:flex;flex-direction:column;margin:2.5rem 0;width:100%}.fr-content-media__img{width:100%}.fr-content-media [class*=" fr-responsive-img"],.fr-content-media [class*=" fr-responsive-vid"],.fr-content-media [class^=fr-responsive-img],.fr-content-media [class^=fr-responsive-vid]{aspect-ratio:1.7777777778}.fr-content-media__caption{display:flex;flex-direction:column;font-size:.75rem;line-height:1.25rem;margin-top:.75rem;width:100%}.fr-content-media__caption .fr-link{font-size:.75rem;line-height:1.25rem;margin-right:auto;padding:0}.fr-content-media__caption .fr-link:after,.fr-content-media__caption .fr-link:before{--icon-size:0.75rem}.fr-content-media .fr-transcription{margin-top:1.5rem}.fr-content-media--sm .fr-content-media__img,.fr-content-media--sm .fr-responsive-vid{width:83.3333333333%}.fr-content-media--lg .fr-content-media__img,.fr-content-media--lg .fr-responsive-vid{max-width:100vw;width:116.6666666667%}.fr-content-media__transcription .fr-link{--underline-img:none;--hover-tint:var(--hover);--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france);font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-content-media__transcription .fr-link:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/menu-2-fill.svg);mask-image:url(icons/system/menu-2-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-content-media__transcription .fr-link:before{content:none}.fr-content-media .fr-link,.fr-content-media__caption{color:var(--text-mention-grey)}.fr-content-media__transcription .fr-link:disabled,.fr-content-media__transcription a.fr-link:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-consent-placeholder{--text-spacing:0 0 1.5rem;--title-spacing:0 0 0.5rem;--idle:transparent;--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;text-align:center}.fr-consent-banner{--text-spacing:0 0 1rem;--title-spacing:0 0 1rem;--idle:transparent;--hover:var(--background-alt-overlap-grey-hover);--active:var(--background-alt-overlap-grey-active);background-color:var(--background-alt-overlap-grey);bottom:0;box-shadow:inset 0 0 0 1px var(--border-default-grey);filter:drop-shadow(var(--overlap-shadow));left:0;max-height:calc(100% - 8rem);overflow:auto;padding:1rem;position:fixed;width:100%;z-index:calc(var(--ground) + 1500)}.fr-consent-banner__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin-bottom:1rem}.fr-consent-banner__buttons{margin-bottom:-1rem;margin-top:1.5rem}.fr-consent-service{position:relative}.fr-consent-service>.fr-fieldset{align-items:flex-start;display:flex;flex-direction:column;margin:0;padding:0 0 1.25rem;position:static;width:100%}.fr-consent-service:last-child>.fr-fieldset{padding:2rem 0 1rem}.fr-consent-service:last-child>.fr-fieldset .fr-consent-service>.fr-fieldset:last-child{margin-bottom:0}.fr-consent-service__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;margin:0;padding:2rem 0 .75rem}.fr-consent-service__desc{--text-spacing:0.75rem 0 0.5rem 0;font-size:.875rem;line-height:1.5rem}.fr-consent-service__collapse{margin-bottom:.75rem;margin-top:-.25rem;width:100%}.fr-consent-service__collapse .fr-consent-service__collapse-btn{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;overflow:initial;padding:0}.fr-consent-service__collapse .fr-consent-service__collapse-btn:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/arrow-down-s-line.svg);mask-image:url(icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-consent-service__collapse .fr-consent-service__collapse-btn:before{content:none}.fr-consent-service__radios{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:.75rem;margin-top:.75rem}.fr-consent-service .fr-radio-group{position:relative}.fr-consent-service .fr-radio-group:not(:last-child) input[type=radio]+label{margin-right:3rem}.fr-consent-service .fr-radio-group:not(:first-child):before{content:"";display:block;height:1.5rem;left:calc(-1.5rem - 1px);position:absolute;top:0;width:1px}.fr-consent-service .fr-consent-service__collapse-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--hover-tint:var(--idle);--active-tint:var(--idle);align-items:center;background:transparent;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;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;color:var(--text-action-high-blue-france);display:inline-flex;flex-direction:row;padding:0;transition:background-size 0s;width:-moz-fit-content;width:fit-content}.fr-consent-service .fr-consent-service__collapse-btn:after,.fr-consent-service .fr-consent-service__collapse-btn:before{display:block}.fr-consent-service .fr-consent-service__collapse-btn:active,.fr-consent-service .fr-consent-service__collapse-btn:hover{--underline-hover-width:var(--underline-max-width)}.fr-consent-service .fr-consent-service__collapse-btn:after{margin-right:-1.25rem;transition:transform .3s}.fr-consent-service .fr-consent-service__collapse-btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-consent-services{margin-bottom:-.5rem;margin-top:.5rem;width:100%}.fr-consent-services .fr-consent-service:last-child>.fr-fieldset,.fr-consent-services .fr-consent-service>.fr-fieldset{padding:0}.fr-consent-services .fr-consent-service:last-child>.fr-fieldset{margin-bottom:1.25rem}.fr-consent-services .fr-consent-service__title{padding-top:.75rem}.fr-consent-services .fr-consent-service__radios{top:0}.fr-consent-services .fr-consent-service__desc{--text-spacing:0.25rem 0 0.75rem 0}.fr-consent-manager__header{padding-top:0}.fr-consent-manager__header .fr-consent-service__title{font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 0 .75rem;width:100%}.fr-consent-manager__header .fr-consent-service__radios{justify-content:flex-start;position:static;top:0;width:100%}.fr-consent-manager__buttons{margin-bottom:-3rem;margin-top:1rem}.fr-consent-manager__header,.fr-consent-service{box-shadow:inset 0 -1px 0 0 var(--border-default-grey);color:var(--text-default-grey)}.fr-consent-manager__header .fr-radio-group+.fr-radio-group:before,.fr-consent-service .fr-radio-group+.fr-radio-group:before{box-shadow:inset 0 0 0 1px var(--border-default-grey)}.fr-consent-service .fr-consent-service,.fr-consent-service:last-of-type{box-shadow:none}.fr-follow{--title-spacing:0 0 0.5rem;--text-spacing:0 0 1rem;--idle:transparent;--hover:var(--background-alt-blue-france-hover);--active:var(--background-alt-blue-france-active);background-color:var(--background-alt-blue-france);padding:1.5rem 0}.fr-follow__newsletter .fr-input-group{margin-bottom:1rem}.fr-follow__newsletter .fr-hint-text{margin-bottom:0}.fr-follow__newsletter .fr-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-follow__newsletter .fr-input-wrap{display:flex;flex-direction:column;margin-top:0;max-width:37.5rem}.fr-follow__newsletter .fr-input-wrap .fr-input{border-radius:.25rem .25rem 0 0;margin-bottom:1rem;margin-top:0}.fr-follow__newsletter .fr-input-wrap .fr-btn{border-radius:0;justify-content:center;width:100%}.fr-follow__newsletter .fr-messages-group{margin-top:1rem}.fr-follow__social{--text-spacing:0 0 0.75rem;--title-spacing:0 0 0.75rem}.fr-follow__social .fr-btns-group{margin:0 -1rem -1rem;width:auto}.fr-follow__social .fr-btns-group .fr-btn{justify-content:flex-start;margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-follow__social .fr-btns-group>li{display:inline-flex;max-width:100%;width:auto}.fr-follow__social .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;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .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-"]):before{--icon-size:1.5rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow__social .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;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{--icon-size:2rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:0 -1px 0 0 var(--border-default-blue-france);margin-top:1.5rem;padding-top:1.5rem}.fr-follow .fr-btn--dailymotion:before{-webkit-mask-image:url(icons/logo/fr--dailymotion-fill.svg);mask-image:url(icons/logo/fr--dailymotion-fill.svg)}.fr-follow .fr-btn--facebook:before{-webkit-mask-image:url(icons/logo/facebook-circle-fill.svg);mask-image:url(icons/logo/facebook-circle-fill.svg)}.fr-follow .fr-btn--github:before{-webkit-mask-image:url(icons/logo/github-fill.svg);mask-image:url(icons/logo/github-fill.svg)}.fr-follow .fr-btn--instagram:before{-webkit-mask-image:url(icons/logo/instagram-fill.svg);mask-image:url(icons/logo/instagram-fill.svg)}.fr-follow .fr-btn--linkedin:before{-webkit-mask-image:url(icons/logo/linkedin-box-fill.svg);mask-image:url(icons/logo/linkedin-box-fill.svg)}.fr-follow .fr-btn--mastodon:before{-webkit-mask-image:url(icons/logo/mastodon-fill.svg);mask-image:url(icons/logo/mastodon-fill.svg)}.fr-follow .fr-btn--snapchat:before{-webkit-mask-image:url(icons/logo/snapchat-fill.svg);mask-image:url(icons/logo/snapchat-fill.svg)}.fr-follow .fr-btn--telegram:before{-webkit-mask-image:url(icons/logo/telegram-fill.svg);mask-image:url(icons/logo/telegram-fill.svg)}.fr-follow .fr-btn--threads:before{-webkit-mask-image:url(icons/logo/threads-fill.svg);mask-image:url(icons/logo/threads-fill.svg)}.fr-follow .fr-btn--tiktok:before{-webkit-mask-image:url(icons/logo/fr--tiktok-fill.svg);mask-image:url(icons/logo/fr--tiktok-fill.svg)}.fr-follow .fr-btn--twitch:before{-webkit-mask-image:url(icons/logo/twitch-fill.svg);mask-image:url(icons/logo/twitch-fill.svg)}.fr-follow .fr-btn--twitter:before{-webkit-mask-image:url(icons/logo/twitter-fill.svg);mask-image:url(icons/logo/twitter-fill.svg)}.fr-follow .fr-btn--twitter-x:before{-webkit-mask-image:url(icons/logo/twitter-x-fill.svg);mask-image:url(icons/logo/twitter-x-fill.svg)}.fr-follow .fr-btn--vimeo:before{-webkit-mask-image:url(icons/logo/vimeo-fill.svg);mask-image:url(icons/logo/vimeo-fill.svg)}.fr-follow .fr-btn--youtube:before{-webkit-mask-image:url(icons/logo/youtube-fill.svg);mask-image:url(icons/logo/youtube-fill.svg)}.fr-follow .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;flex-wrap:wrap;margin:0 -1rem -1rem;width:auto}.fr-follow .fr-links-group .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-follow .fr-links-group>li{display:inline-flex;max-width:100%;width:auto}.fr-follow .fr-error-text,.fr-follow .fr-hint-text,.fr-follow .fr-valid-text{margin-top:1rem}.fr-follow__social .fr-link{--underline-img:none;--hover-tint:var(--hover);--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france);display:inline-flex;font-size:1rem;line-height:1.5rem;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-link:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-follow__social .fr-links-group--lg .fr-link{font-size:1.125rem;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-follow__social .fr-links-group--lg .fr-link:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.fr-follow .fr-link--facebook:before{-webkit-mask-image:url(icons/logo/facebook-circle-fill.svg);mask-image:url(icons/logo/facebook-circle-fill.svg)}.fr-follow .fr-link--facebook:before,.fr-follow .fr-link--twitter:before{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-link--twitter:before{-webkit-mask-image:url(icons/logo/twitter-fill.svg);mask-image:url(icons/logo/twitter-fill.svg)}.fr-follow .fr-link--instagram:before{-webkit-mask-image:url(icons/logo/instagram-fill.svg);mask-image:url(icons/logo/instagram-fill.svg)}.fr-follow .fr-link--instagram:before,.fr-follow .fr-link--linkedin:before{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-link--linkedin:before{-webkit-mask-image:url(icons/logo/linkedin-box-fill.svg);mask-image:url(icons/logo/linkedin-box-fill.svg)}.fr-follow .fr-link--youtube:before{background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(icons/logo/youtube-fill.svg);mask-image:url(icons/logo/youtube-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-follow .fr-input{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey)}.fr-follow__title{color:var(--text-title-grey)}.fr-follow__newsletter-legal{color:var(--text-mention-grey)}.fr-follow__social .fr-btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-follow__social .fr-btn:disabled,.fr-follow__social .fr-link:disabled,.fr-follow__social a.fr-btn:not([href]),.fr-follow__social a.fr-link:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-password{--text-spacing:0 0 0.5rem 0;position:relative}.fr-password [data-fr-capslock] .fr-password__input{padding-right:3rem}.fr-password [data-fr-capslock]:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);content:"";display:block;height:1rem;pointer-events:none;position:absolute;right:1rem;top:.75rem;width:1rem}.fr-password__checkbox{position:absolute;right:0;top:0}.fr-password__input{margin-bottom:.75rem}.fr-password__input::-webkit-caps-lock-indicator{content:none}.fr-password__input::-ms-reveal{display:none}.fr-password__label{padding-right:6rem}.fr-password .fr-message:first-child{--comma:" "}.fr-password .fr-message--valid[data-fr-valid]{--content:" - " attr(data-fr-valid) var(--comma)}.fr-password .fr-message--error[data-fr-error]{--content:" - " attr(data-fr-error) var(--comma)}.fr-password__btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-password__btn:disabled,a.fr-password__btn:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}:root[data-fr-theme=dark] .fr-password [data-fr-capslock]:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E")}.fr-password .fr-password__checkbox input[type=checkbox]+label{color:var(--text-default-grey)}.fr-password .fr-password__checkbox input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),var(--data-uri-svg)}.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;position:relative;width:100%}.fr-header__body-row{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:0 -1rem}.fr-header__brand{--idle:transparent;--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);background-color:var(--background-raised-grey);filter:drop-shadow(var(--raised-shadow));flex-wrap:wrap;padding-left:.25rem;padding-right:.25rem;z-index:calc(var(--ground) + 500)}.fr-header__brand,.fr-header__brand-top{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.fr-header__logo{flex:0 0 auto;order:1;padding:.75rem}.fr-header__logo .fr-logo{font-size:.7875rem;margin:-.75rem;padding:.75rem}.fr-header__logo .fr-logo: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-header__logo .fr-logo:before{background-size:2.0625rem .84375rem,0,2.0625rem .75rem}.fr-header__logo .fr-logo: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-header__logo .fr-logo:after{background-position:-1.96875rem 100%}.fr-header__operator{flex:0 1 auto;order:2;padding:.75rem}.fr-header__operator img{display:block}.fr-header__service{box-shadow:inset 0 1px 0 0 var(--border-default-grey);margin-left:.75rem;margin-right:.75rem;padding-bottom:.75rem;padding-top:.75rem;width:100%}.fr-header__service-title{font-size:1.125rem;font-weight:700;line-height:1.5rem}.fr-header__service-title .fr-badge{margin:-.25rem 0 0 .25rem;vertical-align:middle}.fr-header .fr-modal{--idle:transparent;--hover:var(--background-lifted-grey-hover);--active:var(--background-lifted-grey-active);background-color:var(--background-lifted-grey);justify-content:normal;overflow:auto}.fr-header .fr-modal:not([role=dialog]){transition:none}.fr-header .fr-modal:after,.fr-header .fr-modal:before{content:none}.fr-header .fr-modal>*>.fr-btn--close{margin-bottom:1.5rem}.fr-header .fr-modal>.fr-container{height:100%;padding-bottom:4.5rem;padding-top:1rem;pointer-events:all}.fr-header__navbar{align-items:flex-end;align-self:flex-start;display:flex;flex:0 0 auto;flex-direction:row;margin-left:auto;order:3;padding:.25rem;z-index:calc(var(--ground) + 1000)}.fr-header__navbar .fr-btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france);flex:0 0 auto;font-size:1rem;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.fr-header__navbar .fr-btn:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-header__navbar .fr-btn--menu:after,.fr-header__navbar .fr-btn--menu:before{--icon-size:1.5rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(icons/system/menu-fill.svg);mask-image:url(icons/system/menu-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-header__navbar .fr-btn--menu:before{content:""}.fr-header__navbar .fr-btn--search:after,.fr-header__navbar .fr-btn--search:before{--icon-size:1.5rem;background-color:currentColor;display:inline-block;flex:0 0 auto;height:var(--icon-size);-webkit-mask-image:url(icons/system/search-line.svg);mask-image:url(icons/system/search-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-header__navbar .fr-btn--search:before{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{font-size:.875rem;justify-content:flex-start;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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:-.125rem;margin-right:.5rem}.fr-header__tools-links{display:none}.fr-header .fr-header__menu-links:after{content:"";display:block;height:1px;margin:.75rem -1rem;width:calc(100% + 2rem)}.fr-header .fr-header__menu-links .fr-translate{margin-left:-.5rem;margin-right:-.5rem}.fr-header .fr-header__menu-links .fr-translate__btn{padding-left:.5rem;padding-right:.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{font-size:1rem;line-height:1.5rem;margin-bottom:0;min-height:3rem;padding-left:0;padding-right:0;width:calc(100% - 1rem)}.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;align-items:stretch;display:flex;flex-wrap:wrap}.fr-header .fr-links-group>li{max-width:100%;width:100%}.fr-header .fr-links-group .fr-btn{justify-content:center;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.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:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-header .fr-links-group .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):after,.fr-header .fr-links-group .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{--icon-size:1rem}.fr-header .fr-links-group .fr-link[class*=" fr-fi-"],.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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-header .fr-links-group .fr-link[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1rem;content:"";margin-left:-.125rem;margin-right:.5rem}.fr-header .fr-header__menu-links .fr-links-group .fr-link{margin-bottom:0;min-height:3rem;padding-left:0;width:100%}.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{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:none;color:var(--text-action-high-blue-france)}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-header__tools-links .fr-btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.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]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-header__navbar .fr-btn--menu{color:var(--text-default-grey)}.fr-header__menu-links .fr-link{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 -1px 0 0 var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-header__menu-links .fr-link:disabled,.fr-header__menu-links a.fr-link:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}.fr-header__tools-links .fr-link{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-header__tools-links .fr-link:disabled,.fr-header__tools-links a.fr-link:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}@media (min-width:36em){
- /*! media sm */
- /*! media sm */.fr-hidden-sm{display:none!important}.fr-unhidden-sm{display:inherit!important}.fr-sr-only-sm{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-container-sm{padding-left:1rem;padding-right:1rem}.fr-container-sm--fluid{max-width:none;overflow:hidden;padding-left:0;padding-right:0}.fr-grid-row-sm--gutters{margin:-.5rem}.fr-grid-row-sm--gutters>.fr-col,.fr-grid-row-sm--gutters>[class*=" fr-col-"],.fr-grid-row-sm--gutters>[class^=fr-col-]{padding:.5rem}.fr-grid-row-sm--no-gutters{margin:0}.fr-grid-row-sm--no-gutters>.fr-col,.fr-grid-row-sm--no-gutters>[class*=" fr-col-"],.fr-grid-row-sm--no-gutters>[class^=fr-col-]{padding:0}.fr-col-sm{flex:1}.fr-col-sm-1{flex:0 0 8.33333%;max-width:8.33333%;width:8.33333%}.fr-col-offset-sm-1:not(.fr-col-offset-sm-1--right){margin-left:8.33333%}.fr-col-offset-sm-1--right{margin-right:8.33333%}.fr-col-sm-2{flex:0 0 16.66667%;max-width:16.66667%;width:16.66667%}.fr-col-offset-sm-2:not(.fr-col-offset-sm-2--right){margin-left:16.66667%}.fr-col-offset-sm-2--right{margin-right:16.66667%}.fr-col-sm-3{flex:0 0 25%;max-width:25%;width:25%}.fr-col-offset-sm-3:not(.fr-col-offset-sm-3--right){margin-left:25%}.fr-col-offset-sm-3--right{margin-right:25%}.fr-col-sm-4{flex:0 0 33.33333%;max-width:33.33333%;width:33.33333%}.fr-col-offset-sm-4:not(.fr-col-offset-sm-4--right){margin-left:33.33333%}.fr-col-offset-sm-4--right{margin-right:33.33333%}.fr-col-sm-5{flex:0 0 41.66667%;max-width:41.66667%;width:41.66667%}.fr-col-offset-sm-5:not(.fr-col-offset-sm-5--right){margin-left:41.66667%}.fr-col-offset-sm-5--right{margin-right:41.66667%}.fr-col-sm-6{flex:0 0 50%;max-width:50%;width:50%}.fr-col-offset-sm-6:not(.fr-col-offset-sm-6--right){margin-left:50%}.fr-col-offset-sm-6--right{margin-right:50%}.fr-col-sm-7{flex:0 0 58.33333%;max-width:58.33333%;width:58.33333%}.fr-col-offset-sm-7:not(.fr-col-offset-sm-7--right){margin-left:58.33333%}.fr-col-offset-sm-7--right{margin-right:58.33333%}.fr-col-sm-8{flex:0 0 66.66667%;max-width:66.66667%;width:66.66667%}.fr-col-offset-sm-8:not(.fr-col-offset-sm-8--right){margin-left:66.66667%}.fr-col-offset-sm-8--right{margin-right:66.66667%}.fr-col-sm-9{flex:0 0 75%;max-width:75%;width:75%}.fr-col-offset-sm-9:not(.fr-col-offset-sm-9--right){margin-left:75%}.fr-col-offset-sm-9--right{margin-right:75%}.fr-col-sm-10{flex:0 0 83.33333%;max-width:83.33333%;width:83.33333%}.fr-col-offset-sm-10:not(.fr-col-offset-sm-10--right){margin-left:83.33333%}.fr-col-offset-sm-10--right{margin-right:83.33333%}.fr-col-sm-11{flex:0 0 91.66667%;max-width:91.66667%;width:91.66667%}.fr-col-offset-sm-11:not(.fr-col-offset-sm-11--right){margin-left:91.66667%}.fr-col-offset-sm-11--right{margin-right:91.66667%}.fr-col-sm-12{flex:0 0 100%;max-width:100%;width:100%}.fr-col-offset-sm-12:not(.fr-col-offset-sm-12--right){margin-left:100%}.fr-col-offset-sm-12--right{margin-right:100%}
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */.fr-btns-group--inline-sm .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.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 sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */.fr-footer__content-list>li{margin-right:1.5rem}.fr-footer__partners-title{text-align:left}.fr-footer__partners-logos{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin-right:-.5rem}.fr-footer__partners-logos:before{content:"";display:block;flex:1;order:2}.fr-footer__partners-main{margin-bottom:1rem;order:1}.fr-footer__partners-main+.fr-footer__partners-sub>ul>li{margin:0 .5rem}.fr-footer__partners-sub,.fr-footer__partners-sub>ul{align-items:flex-start;flex-direction:row}.fr-footer__partners-sub{order:3}
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */.fr-follow__newsletter .fr-input-group{margin-bottom:.5rem}.fr-follow__newsletter .fr-input-wrap .fr-btn{border-radius:0 .25rem 0 0;width:auto}.fr-follow__newsletter .fr-input-wrap{flex-direction:row}.fr-follow__newsletter .fr-input-wrap .fr-input{border-radius:.25rem 0 0 0;margin-bottom:0}.fr-follow__newsletter .fr-messages-group{margin-bottom:.5rem}
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */}@media (min-width:48em){
- /*! media md */
- /*! media md */h6{font-size:1.25rem}h5,h6{line-height:1.75rem}h5{font-size:1.375rem}h4{font-size:1.5rem;line-height:2rem}h3{font-size:1.75rem;line-height:2.25rem}h2{font-size:2rem;line-height:2.5rem}h1{font-size:2.5rem;line-height:3rem}.fr-h6{font-size:1.25rem!important}.fr-h5,.fr-h6{line-height:1.75rem!important}.fr-h5{font-size:1.375rem!important}.fr-h4{font-size:1.5rem!important;line-height:2rem!important}.fr-h3{font-size:1.75rem!important;line-height:2.25rem!important}.fr-h2{font-size:2rem!important;line-height:2.5rem!important}.fr-h1{font-size:2.5rem!important;line-height:3rem!important}.fr-display--xs{font-size:3rem!important;line-height:3.5rem!important}.fr-display--sm{font-size:3.5rem!important;line-height:4rem!important}.fr-display--md{font-size:4rem!important;line-height:4.5rem!important}.fr-display--lg{font-size:4.5rem!important;line-height:5rem!important}.fr-display--xl{font-size:5rem!important;line-height:5.5rem!important}.fr-hidden-md{display:none!important}.fr-unhidden-md{display:inherit!important}.fr-sr-only-md{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-container-md{padding-left:1rem;padding-right:1rem}.fr-container-md--fluid{max-width:none;overflow:hidden;padding-left:0;padding-right:0}.fr-grid-row-md--gutters{margin:-.5rem}.fr-grid-row-md--gutters>.fr-col,.fr-grid-row-md--gutters>[class*=" fr-col-"],.fr-grid-row-md--gutters>[class^=fr-col-]{padding:.5rem}.fr-grid-row-md--no-gutters{margin:0}.fr-grid-row-md--no-gutters>.fr-col,.fr-grid-row-md--no-gutters>[class*=" fr-col-"],.fr-grid-row-md--no-gutters>[class^=fr-col-]{padding:0}.fr-col-md{flex:1}.fr-col-md-1{flex:0 0 8.33333%;max-width:8.33333%;width:8.33333%}.fr-col-offset-md-1:not(.fr-col-offset-md-1--right){margin-left:8.33333%}.fr-col-offset-md-1--right{margin-right:8.33333%}.fr-col-md-2{flex:0 0 16.66667%;max-width:16.66667%;width:16.66667%}.fr-col-offset-md-2:not(.fr-col-offset-md-2--right){margin-left:16.66667%}.fr-col-offset-md-2--right{margin-right:16.66667%}.fr-col-md-3{flex:0 0 25%;max-width:25%;width:25%}.fr-col-offset-md-3:not(.fr-col-offset-md-3--right){margin-left:25%}.fr-col-offset-md-3--right{margin-right:25%}.fr-col-md-4{flex:0 0 33.33333%;max-width:33.33333%;width:33.33333%}.fr-col-offset-md-4:not(.fr-col-offset-md-4--right){margin-left:33.33333%}.fr-col-offset-md-4--right{margin-right:33.33333%}.fr-col-md-5{flex:0 0 41.66667%;max-width:41.66667%;width:41.66667%}.fr-col-offset-md-5:not(.fr-col-offset-md-5--right){margin-left:41.66667%}.fr-col-offset-md-5--right{margin-right:41.66667%}.fr-col-md-6{flex:0 0 50%;max-width:50%;width:50%}.fr-col-offset-md-6:not(.fr-col-offset-md-6--right){margin-left:50%}.fr-col-offset-md-6--right{margin-right:50%}.fr-col-md-7{flex:0 0 58.33333%;max-width:58.33333%;width:58.33333%}.fr-col-offset-md-7:not(.fr-col-offset-md-7--right){margin-left:58.33333%}.fr-col-offset-md-7--right{margin-right:58.33333%}.fr-col-md-8{flex:0 0 66.66667%;max-width:66.66667%;width:66.66667%}.fr-col-offset-md-8:not(.fr-col-offset-md-8--right){margin-left:66.66667%}.fr-col-offset-md-8--right{margin-right:66.66667%}.fr-col-md-9{flex:0 0 75%;max-width:75%;width:75%}.fr-col-offset-md-9:not(.fr-col-offset-md-9--right){margin-left:75%}.fr-col-offset-md-9--right{margin-right:75%}.fr-col-md-10{flex:0 0 83.33333%;max-width:83.33333%;width:83.33333%}.fr-col-offset-md-10:not(.fr-col-offset-md-10--right){margin-left:83.33333%}.fr-col-offset-md-10--right{margin-right:83.33333%}.fr-col-md-11{flex:0 0 91.66667%;max-width:91.66667%;width:91.66667%}.fr-col-offset-md-11:not(.fr-col-offset-md-11--right){margin-left:91.66667%}.fr-col-offset-md-11--right{margin-right:91.66667%}.fr-col-md-12{flex:0 0 100%;max-width:100%;width:100%}.fr-col-offset-md-12:not(.fr-col-offset-md-12--right){margin-left:100%}.fr-col-offset-md-12--right{margin-right:100%}.fr-m-md-n4w,.fr-m-md-n8v{margin:-2rem!important}.fr-ml-md-n4w,.fr-ml-md-n8v,.fr-mx-md-n4w,.fr-mx-md-n8v{margin-left:-2rem!important}.fr-mr-md-n4w,.fr-mr-md-n8v,.fr-mx-md-n4w,.fr-mx-md-n8v{margin-right:-2rem!important}.fr-mt-md-n4w,.fr-mt-md-n8v,.fr-my-md-n4w,.fr-my-md-n8v{margin-top:-2rem!important}.fr-mb-md-n4w,.fr-mb-md-n8v,.fr-my-md-n4w,.fr-my-md-n8v{margin-bottom:-2rem!important}.fr-m-md-n7v{margin:-1.75rem!important}.fr-ml-md-n7v,.fr-mx-md-n7v{margin-left:-1.75rem!important}.fr-mr-md-n7v,.fr-mx-md-n7v{margin-right:-1.75rem!important}.fr-mt-md-n7v,.fr-my-md-n7v{margin-top:-1.75rem!important}.fr-mb-md-n7v,.fr-my-md-n7v{margin-bottom:-1.75rem!important}.fr-m-md-n3w,.fr-m-md-n6v{margin:-1.5rem!important}.fr-ml-md-n3w,.fr-ml-md-n6v,.fr-mx-md-n3w,.fr-mx-md-n6v{margin-left:-1.5rem!important}.fr-mr-md-n3w,.fr-mr-md-n6v,.fr-mx-md-n3w,.fr-mx-md-n6v{margin-right:-1.5rem!important}.fr-mt-md-n3w,.fr-mt-md-n6v,.fr-my-md-n3w,.fr-my-md-n6v{margin-top:-1.5rem!important}.fr-mb-md-n3w,.fr-mb-md-n6v,.fr-my-md-n3w,.fr-my-md-n6v{margin-bottom:-1.5rem!important}.fr-m-md-n5v{margin:-1.25rem!important}.fr-ml-md-n5v,.fr-mx-md-n5v{margin-left:-1.25rem!important}.fr-mr-md-n5v,.fr-mx-md-n5v{margin-right:-1.25rem!important}.fr-mt-md-n5v,.fr-my-md-n5v{margin-top:-1.25rem!important}.fr-mb-md-n5v,.fr-my-md-n5v{margin-bottom:-1.25rem!important}.fr-m-md-n2w,.fr-m-md-n4v{margin:-1rem!important}.fr-ml-md-n2w,.fr-ml-md-n4v,.fr-mx-md-n2w,.fr-mx-md-n4v{margin-left:-1rem!important}.fr-mr-md-n2w,.fr-mr-md-n4v,.fr-mx-md-n2w,.fr-mx-md-n4v{margin-right:-1rem!important}.fr-mt-md-n2w,.fr-mt-md-n4v,.fr-my-md-n2w,.fr-my-md-n4v{margin-top:-1rem!important}.fr-mb-md-n2w,.fr-mb-md-n4v,.fr-my-md-n2w,.fr-my-md-n4v{margin-bottom:-1rem!important}.fr-m-md-n3v{margin:-.75rem!important}.fr-ml-md-n3v,.fr-mx-md-n3v{margin-left:-.75rem!important}.fr-mr-md-n3v,.fr-mx-md-n3v{margin-right:-.75rem!important}.fr-mt-md-n3v,.fr-my-md-n3v{margin-top:-.75rem!important}.fr-mb-md-n3v,.fr-my-md-n3v{margin-bottom:-.75rem!important}.fr-m-md-n1w,.fr-m-md-n2v{margin:-.5rem!important}.fr-ml-md-n1w,.fr-ml-md-n2v,.fr-mx-md-n1w,.fr-mx-md-n2v{margin-left:-.5rem!important}.fr-mr-md-n1w,.fr-mr-md-n2v,.fr-mx-md-n1w,.fr-mx-md-n2v{margin-right:-.5rem!important}.fr-mt-md-n1w,.fr-mt-md-n2v,.fr-my-md-n1w,.fr-my-md-n2v{margin-top:-.5rem!important}.fr-mb-md-n1w,.fr-mb-md-n2v,.fr-my-md-n1w,.fr-my-md-n2v{margin-bottom:-.5rem!important}.fr-m-md-n1v{margin:-.25rem!important}.fr-ml-md-n1v,.fr-mx-md-n1v{margin-left:-.25rem!important}.fr-mr-md-n1v,.fr-mx-md-n1v{margin-right:-.25rem!important}.fr-mt-md-n1v,.fr-my-md-n1v{margin-top:-.25rem!important}.fr-mb-md-n1v,.fr-my-md-n1v{margin-bottom:-.25rem!important}.fr-m-md-n1-5v{margin:-.375rem!important}.fr-ml-md-n1-5v,.fr-mx-md-n1-5v{margin-left:-.375rem!important}.fr-mr-md-n1-5v,.fr-mx-md-n1-5v{margin-right:-.375rem!important}.fr-mt-md-n1-5v,.fr-my-md-n1-5v{margin-top:-.375rem!important}.fr-mb-md-n1-5v,.fr-my-md-n1-5v{margin-bottom:-.375rem!important}.fr-m-md-0{margin:0!important}.fr-ml-md-0,.fr-mx-md-0{margin-left:0!important}.fr-mr-md-0,.fr-mx-md-0{margin-right:0!important}.fr-mt-md-0,.fr-my-md-0{margin-top:0!important}.fr-mb-md-0,.fr-my-md-0{margin-bottom:0!important}.fr-m-md-n0-5v{margin:-.125rem!important}.fr-ml-md-n0-5v,.fr-mx-md-n0-5v{margin-left:-.125rem!important}.fr-mr-md-n0-5v,.fr-mx-md-n0-5v{margin-right:-.125rem!important}.fr-mt-md-n0-5v,.fr-my-md-n0-5v{margin-top:-.125rem!important}.fr-mb-md-n0-5v,.fr-my-md-n0-5v{margin-bottom:-.125rem!important}.fr-m-md-0-5v{margin:.125rem!important}.fr-ml-md-0-5v,.fr-mx-md-0-5v{margin-left:.125rem!important}.fr-mr-md-0-5v,.fr-mx-md-0-5v{margin-right:.125rem!important}.fr-mt-md-0-5v,.fr-my-md-0-5v{margin-top:.125rem!important}.fr-mb-md-0-5v,.fr-my-md-0-5v{margin-bottom:.125rem!important}.fr-m-md-1v{margin:.25rem!important}.fr-ml-md-1v,.fr-mx-md-1v{margin-left:.25rem!important}.fr-mr-md-1v,.fr-mx-md-1v{margin-right:.25rem!important}.fr-mt-md-1v,.fr-my-md-1v{margin-top:.25rem!important}.fr-mb-md-1v,.fr-my-md-1v{margin-bottom:.25rem!important}.fr-m-md-1-5v{margin:.375rem!important}.fr-ml-md-1-5v,.fr-mx-md-1-5v{margin-left:.375rem!important}.fr-mr-md-1-5v,.fr-mx-md-1-5v{margin-right:.375rem!important}.fr-mt-md-1-5v,.fr-my-md-1-5v{margin-top:.375rem!important}.fr-mb-md-1-5v,.fr-my-md-1-5v{margin-bottom:.375rem!important}.fr-m-md-1w,.fr-m-md-2v{margin:.5rem!important}.fr-ml-md-1w,.fr-ml-md-2v,.fr-mx-md-1w,.fr-mx-md-2v{margin-left:.5rem!important}.fr-mr-md-1w,.fr-mr-md-2v,.fr-mx-md-1w,.fr-mx-md-2v{margin-right:.5rem!important}.fr-mt-md-1w,.fr-mt-md-2v,.fr-my-md-1w,.fr-my-md-2v{margin-top:.5rem!important}.fr-mb-md-1w,.fr-mb-md-2v,.fr-my-md-1w,.fr-my-md-2v{margin-bottom:.5rem!important}.fr-m-md-3v{margin:.75rem!important}.fr-ml-md-3v,.fr-mx-md-3v{margin-left:.75rem!important}.fr-mr-md-3v,.fr-mx-md-3v{margin-right:.75rem!important}.fr-mt-md-3v,.fr-my-md-3v{margin-top:.75rem!important}.fr-mb-md-3v,.fr-my-md-3v{margin-bottom:.75rem!important}.fr-m-md-2w,.fr-m-md-4v{margin:1rem!important}.fr-ml-md-2w,.fr-ml-md-4v,.fr-mx-md-2w,.fr-mx-md-4v{margin-left:1rem!important}.fr-mr-md-2w,.fr-mr-md-4v,.fr-mx-md-2w,.fr-mx-md-4v{margin-right:1rem!important}.fr-mt-md-2w,.fr-mt-md-4v,.fr-my-md-2w,.fr-my-md-4v{margin-top:1rem!important}.fr-mb-md-2w,.fr-mb-md-4v,.fr-my-md-2w,.fr-my-md-4v{margin-bottom:1rem!important}.fr-m-md-5v{margin:1.25rem!important}.fr-ml-md-5v,.fr-mx-md-5v{margin-left:1.25rem!important}.fr-mr-md-5v,.fr-mx-md-5v{margin-right:1.25rem!important}.fr-mt-md-5v,.fr-my-md-5v{margin-top:1.25rem!important}.fr-mb-md-5v,.fr-my-md-5v{margin-bottom:1.25rem!important}.fr-m-md-3w,.fr-m-md-6v{margin:1.5rem!important}.fr-ml-md-3w,.fr-ml-md-6v,.fr-mx-md-3w,.fr-mx-md-6v{margin-left:1.5rem!important}.fr-mr-md-3w,.fr-mr-md-6v,.fr-mx-md-3w,.fr-mx-md-6v{margin-right:1.5rem!important}.fr-mt-md-3w,.fr-mt-md-6v,.fr-my-md-3w,.fr-my-md-6v{margin-top:1.5rem!important}.fr-mb-md-3w,.fr-mb-md-6v,.fr-my-md-3w,.fr-my-md-6v{margin-bottom:1.5rem!important}.fr-m-md-7v{margin:1.75rem!important}.fr-ml-md-7v,.fr-mx-md-7v{margin-left:1.75rem!important}.fr-mr-md-7v,.fr-mx-md-7v{margin-right:1.75rem!important}.fr-mt-md-7v,.fr-my-md-7v{margin-top:1.75rem!important}.fr-mb-md-7v,.fr-my-md-7v{margin-bottom:1.75rem!important}.fr-m-md-4w,.fr-m-md-8v{margin:2rem!important}.fr-ml-md-4w,.fr-ml-md-8v,.fr-mx-md-4w,.fr-mx-md-8v{margin-left:2rem!important}.fr-mr-md-4w,.fr-mr-md-8v,.fr-mx-md-4w,.fr-mx-md-8v{margin-right:2rem!important}.fr-mt-md-4w,.fr-mt-md-8v,.fr-my-md-4w,.fr-my-md-8v{margin-top:2rem!important}.fr-mb-md-4w,.fr-mb-md-8v,.fr-my-md-4w,.fr-my-md-8v{margin-bottom:2rem!important}.fr-m-md-9v{margin:2.25rem!important}.fr-ml-md-9v,.fr-mx-md-9v{margin-left:2.25rem!important}.fr-mr-md-9v,.fr-mx-md-9v{margin-right:2.25rem!important}.fr-mt-md-9v,.fr-my-md-9v{margin-top:2.25rem!important}.fr-mb-md-9v,.fr-my-md-9v{margin-bottom:2.25rem!important}.fr-m-md-10v,.fr-m-md-5w{margin:2.5rem!important}.fr-ml-md-10v,.fr-ml-md-5w,.fr-mx-md-10v,.fr-mx-md-5w{margin-left:2.5rem!important}.fr-mr-md-10v,.fr-mr-md-5w,.fr-mx-md-10v,.fr-mx-md-5w{margin-right:2.5rem!important}.fr-mt-md-10v,.fr-mt-md-5w,.fr-my-md-10v,.fr-my-md-5w{margin-top:2.5rem!important}.fr-mb-md-10v,.fr-mb-md-5w,.fr-my-md-10v,.fr-my-md-5w{margin-bottom:2.5rem!important}.fr-m-md-11v{margin:2.75rem!important}.fr-ml-md-11v,.fr-mx-md-11v{margin-left:2.75rem!important}.fr-mr-md-11v,.fr-mx-md-11v{margin-right:2.75rem!important}.fr-mt-md-11v,.fr-my-md-11v{margin-top:2.75rem!important}.fr-mb-md-11v,.fr-my-md-11v{margin-bottom:2.75rem!important}.fr-m-md-12v,.fr-m-md-6w{margin:3rem!important}.fr-ml-md-12v,.fr-ml-md-6w,.fr-mx-md-12v,.fr-mx-md-6w{margin-left:3rem!important}.fr-mr-md-12v,.fr-mr-md-6w,.fr-mx-md-12v,.fr-mx-md-6w{margin-right:3rem!important}.fr-mt-md-12v,.fr-mt-md-6w,.fr-my-md-12v,.fr-my-md-6w{margin-top:3rem!important}.fr-mb-md-12v,.fr-mb-md-6w,.fr-my-md-12v,.fr-my-md-6w{margin-bottom:3rem!important}.fr-m-md-13v{margin:3.25rem!important}.fr-ml-md-13v,.fr-mx-md-13v{margin-left:3.25rem!important}.fr-mr-md-13v,.fr-mx-md-13v{margin-right:3.25rem!important}.fr-mt-md-13v,.fr-my-md-13v{margin-top:3.25rem!important}.fr-mb-md-13v,.fr-my-md-13v{margin-bottom:3.25rem!important}.fr-m-md-14v,.fr-m-md-7w{margin:3.5rem!important}.fr-ml-md-14v,.fr-ml-md-7w,.fr-mx-md-14v,.fr-mx-md-7w{margin-left:3.5rem!important}.fr-mr-md-14v,.fr-mr-md-7w,.fr-mx-md-14v,.fr-mx-md-7w{margin-right:3.5rem!important}.fr-mt-md-14v,.fr-mt-md-7w,.fr-my-md-14v,.fr-my-md-7w{margin-top:3.5rem!important}.fr-mb-md-14v,.fr-mb-md-7w,.fr-my-md-14v,.fr-my-md-7w{margin-bottom:3.5rem!important}.fr-m-md-15v{margin:3.75rem!important}.fr-ml-md-15v,.fr-mx-md-15v{margin-left:3.75rem!important}.fr-mr-md-15v,.fr-mx-md-15v{margin-right:3.75rem!important}.fr-mt-md-15v,.fr-my-md-15v{margin-top:3.75rem!important}.fr-mb-md-15v,.fr-my-md-15v{margin-bottom:3.75rem!important}.fr-m-md-16v,.fr-m-md-8w{margin:4rem!important}.fr-ml-md-16v,.fr-ml-md-8w,.fr-mx-md-16v,.fr-mx-md-8w{margin-left:4rem!important}.fr-mr-md-16v,.fr-mr-md-8w,.fr-mx-md-16v,.fr-mx-md-8w{margin-right:4rem!important}.fr-mt-md-16v,.fr-mt-md-8w,.fr-my-md-16v,.fr-my-md-8w{margin-top:4rem!important}.fr-mb-md-16v,.fr-mb-md-8w,.fr-my-md-16v,.fr-my-md-8w{margin-bottom:4rem!important}.fr-m-md-17v{margin:4.25rem!important}.fr-ml-md-17v,.fr-mx-md-17v{margin-left:4.25rem!important}.fr-mr-md-17v,.fr-mx-md-17v{margin-right:4.25rem!important}.fr-mt-md-17v,.fr-my-md-17v{margin-top:4.25rem!important}.fr-mb-md-17v,.fr-my-md-17v{margin-bottom:4.25rem!important}.fr-m-md-18v,.fr-m-md-9w{margin:4.5rem!important}.fr-ml-md-18v,.fr-ml-md-9w,.fr-mx-md-18v,.fr-mx-md-9w{margin-left:4.5rem!important}.fr-mr-md-18v,.fr-mr-md-9w,.fr-mx-md-18v,.fr-mx-md-9w{margin-right:4.5rem!important}.fr-mt-md-18v,.fr-mt-md-9w,.fr-my-md-18v,.fr-my-md-9w{margin-top:4.5rem!important}.fr-mb-md-18v,.fr-mb-md-9w,.fr-my-md-18v,.fr-my-md-9w{margin-bottom:4.5rem!important}.fr-m-md-19v{margin:4.75rem!important}.fr-ml-md-19v,.fr-mx-md-19v{margin-left:4.75rem!important}.fr-mr-md-19v,.fr-mx-md-19v{margin-right:4.75rem!important}.fr-mt-md-19v,.fr-my-md-19v{margin-top:4.75rem!important}.fr-mb-md-19v,.fr-my-md-19v{margin-bottom:4.75rem!important}.fr-m-md-10w,.fr-m-md-20v{margin:5rem!important}.fr-ml-md-10w,.fr-ml-md-20v,.fr-mx-md-10w,.fr-mx-md-20v{margin-left:5rem!important}.fr-mr-md-10w,.fr-mr-md-20v,.fr-mx-md-10w,.fr-mx-md-20v{margin-right:5rem!important}.fr-mt-md-10w,.fr-mt-md-20v,.fr-my-md-10w,.fr-my-md-20v{margin-top:5rem!important}.fr-mb-md-10w,.fr-mb-md-20v,.fr-my-md-10w,.fr-my-md-20v{margin-bottom:5rem!important}.fr-m-md-21v{margin:5.25rem!important}.fr-ml-md-21v,.fr-mx-md-21v{margin-left:5.25rem!important}.fr-mr-md-21v,.fr-mx-md-21v{margin-right:5.25rem!important}.fr-mt-md-21v,.fr-my-md-21v{margin-top:5.25rem!important}.fr-mb-md-21v,.fr-my-md-21v{margin-bottom:5.25rem!important}.fr-m-md-11w,.fr-m-md-22v{margin:5.5rem!important}.fr-ml-md-11w,.fr-ml-md-22v,.fr-mx-md-11w,.fr-mx-md-22v{margin-left:5.5rem!important}.fr-mr-md-11w,.fr-mr-md-22v,.fr-mx-md-11w,.fr-mx-md-22v{margin-right:5.5rem!important}.fr-mt-md-11w,.fr-mt-md-22v,.fr-my-md-11w,.fr-my-md-22v{margin-top:5.5rem!important}.fr-mb-md-11w,.fr-mb-md-22v,.fr-my-md-11w,.fr-my-md-22v{margin-bottom:5.5rem!important}.fr-m-md-23v{margin:5.75rem!important}.fr-ml-md-23v,.fr-mx-md-23v{margin-left:5.75rem!important}.fr-mr-md-23v,.fr-mx-md-23v{margin-right:5.75rem!important}.fr-mt-md-23v,.fr-my-md-23v{margin-top:5.75rem!important}.fr-mb-md-23v,.fr-my-md-23v{margin-bottom:5.75rem!important}.fr-m-md-12w,.fr-m-md-24v{margin:6rem!important}.fr-ml-md-12w,.fr-ml-md-24v,.fr-mx-md-12w,.fr-mx-md-24v{margin-left:6rem!important}.fr-mr-md-12w,.fr-mr-md-24v,.fr-mx-md-12w,.fr-mx-md-24v{margin-right:6rem!important}.fr-mt-md-12w,.fr-mt-md-24v,.fr-my-md-12w,.fr-my-md-24v{margin-top:6rem!important}.fr-mb-md-12w,.fr-mb-md-24v,.fr-my-md-12w,.fr-my-md-24v{margin-bottom:6rem!important}.fr-m-md-25v{margin:6.25rem!important}.fr-ml-md-25v,.fr-mx-md-25v{margin-left:6.25rem!important}.fr-mr-md-25v,.fr-mx-md-25v{margin-right:6.25rem!important}.fr-mt-md-25v,.fr-my-md-25v{margin-top:6.25rem!important}.fr-mb-md-25v,.fr-my-md-25v{margin-bottom:6.25rem!important}.fr-m-md-13w,.fr-m-md-26v{margin:6.5rem!important}.fr-ml-md-13w,.fr-ml-md-26v,.fr-mx-md-13w,.fr-mx-md-26v{margin-left:6.5rem!important}.fr-mr-md-13w,.fr-mr-md-26v,.fr-mx-md-13w,.fr-mx-md-26v{margin-right:6.5rem!important}.fr-mt-md-13w,.fr-mt-md-26v,.fr-my-md-13w,.fr-my-md-26v{margin-top:6.5rem!important}.fr-mb-md-13w,.fr-mb-md-26v,.fr-my-md-13w,.fr-my-md-26v{margin-bottom:6.5rem!important}.fr-m-md-27v{margin:6.75rem!important}.fr-ml-md-27v,.fr-mx-md-27v{margin-left:6.75rem!important}.fr-mr-md-27v,.fr-mx-md-27v{margin-right:6.75rem!important}.fr-mt-md-27v,.fr-my-md-27v{margin-top:6.75rem!important}.fr-mb-md-27v,.fr-my-md-27v{margin-bottom:6.75rem!important}.fr-m-md-14w,.fr-m-md-28v{margin:7rem!important}.fr-ml-md-14w,.fr-ml-md-28v,.fr-mx-md-14w,.fr-mx-md-28v{margin-left:7rem!important}.fr-mr-md-14w,.fr-mr-md-28v,.fr-mx-md-14w,.fr-mx-md-28v{margin-right:7rem!important}.fr-mt-md-14w,.fr-mt-md-28v,.fr-my-md-14w,.fr-my-md-28v{margin-top:7rem!important}.fr-mb-md-14w,.fr-mb-md-28v,.fr-my-md-14w,.fr-my-md-28v{margin-bottom:7rem!important}.fr-m-md-29v{margin:7.25rem!important}.fr-ml-md-29v,.fr-mx-md-29v{margin-left:7.25rem!important}.fr-mr-md-29v,.fr-mx-md-29v{margin-right:7.25rem!important}.fr-mt-md-29v,.fr-my-md-29v{margin-top:7.25rem!important}.fr-mb-md-29v,.fr-my-md-29v{margin-bottom:7.25rem!important}.fr-m-md-15w,.fr-m-md-30v{margin:7.5rem!important}.fr-ml-md-15w,.fr-ml-md-30v,.fr-mx-md-15w,.fr-mx-md-30v{margin-left:7.5rem!important}.fr-mr-md-15w,.fr-mr-md-30v,.fr-mx-md-15w,.fr-mx-md-30v{margin-right:7.5rem!important}.fr-mt-md-15w,.fr-mt-md-30v,.fr-my-md-15w,.fr-my-md-30v{margin-top:7.5rem!important}.fr-mb-md-15w,.fr-mb-md-30v,.fr-my-md-15w,.fr-my-md-30v{margin-bottom:7.5rem!important}.fr-m-md-31v{margin:7.75rem!important}.fr-ml-md-31v,.fr-mx-md-31v{margin-left:7.75rem!important}.fr-mr-md-31v,.fr-mx-md-31v{margin-right:7.75rem!important}.fr-mt-md-31v,.fr-my-md-31v{margin-top:7.75rem!important}.fr-mb-md-31v,.fr-my-md-31v{margin-bottom:7.75rem!important}.fr-m-md-16w,.fr-m-md-32v{margin:8rem!important}.fr-ml-md-16w,.fr-ml-md-32v,.fr-mx-md-16w,.fr-mx-md-32v{margin-left:8rem!important}.fr-mr-md-16w,.fr-mr-md-32v,.fr-mx-md-16w,.fr-mx-md-32v{margin-right:8rem!important}.fr-mt-md-16w,.fr-mt-md-32v,.fr-my-md-16w,.fr-my-md-32v{margin-top:8rem!important}.fr-mb-md-16w,.fr-mb-md-32v,.fr-my-md-16w,.fr-my-md-32v{margin-bottom:8rem!important}.fr-m-md-auto{margin:auto}.fr-ml-md-auto,.fr-mx-md-auto{margin-left:auto}.fr-mr-md-auto,.fr-mx-md-auto{margin-right:auto}.fr-mt-md-auto,.fr-my-md-auto{margin-top:auto}.fr-mb-md-auto,.fr-my-md-auto{margin-bottom:auto}.fr-p-md-0{padding:0!important}.fr-pl-md-0,.fr-px-md-0{padding-left:0!important}.fr-pr-md-0,.fr-px-md-0{padding-right:0!important}.fr-pt-md-0,.fr-py-md-0{padding-top:0!important}.fr-pb-md-0,.fr-py-md-0{padding-bottom:0!important}.fr-p-md-0-5v{padding:.125rem!important}.fr-pl-md-0-5v,.fr-px-md-0-5v{padding-left:.125rem!important}.fr-pr-md-0-5v,.fr-px-md-0-5v{padding-right:.125rem!important}.fr-pt-md-0-5v,.fr-py-md-0-5v{padding-top:.125rem!important}.fr-pb-md-0-5v,.fr-py-md-0-5v{padding-bottom:.125rem!important}.fr-p-md-1v{padding:.25rem!important}.fr-pl-md-1v,.fr-px-md-1v{padding-left:.25rem!important}.fr-pr-md-1v,.fr-px-md-1v{padding-right:.25rem!important}.fr-pt-md-1v,.fr-py-md-1v{padding-top:.25rem!important}.fr-pb-md-1v,.fr-py-md-1v{padding-bottom:.25rem!important}.fr-p-md-1-5v{padding:.375rem!important}.fr-pl-md-1-5v,.fr-px-md-1-5v{padding-left:.375rem!important}.fr-pr-md-1-5v,.fr-px-md-1-5v{padding-right:.375rem!important}.fr-pt-md-1-5v,.fr-py-md-1-5v{padding-top:.375rem!important}.fr-pb-md-1-5v,.fr-py-md-1-5v{padding-bottom:.375rem!important}.fr-p-md-1w,.fr-p-md-2v{padding:.5rem!important}.fr-pl-md-1w,.fr-pl-md-2v,.fr-px-md-1w,.fr-px-md-2v{padding-left:.5rem!important}.fr-pr-md-1w,.fr-pr-md-2v,.fr-px-md-1w,.fr-px-md-2v{padding-right:.5rem!important}.fr-pt-md-1w,.fr-pt-md-2v,.fr-py-md-1w,.fr-py-md-2v{padding-top:.5rem!important}.fr-pb-md-1w,.fr-pb-md-2v,.fr-py-md-1w,.fr-py-md-2v{padding-bottom:.5rem!important}.fr-p-md-3v{padding:.75rem!important}.fr-pl-md-3v,.fr-px-md-3v{padding-left:.75rem!important}.fr-pr-md-3v,.fr-px-md-3v{padding-right:.75rem!important}.fr-pt-md-3v,.fr-py-md-3v{padding-top:.75rem!important}.fr-pb-md-3v,.fr-py-md-3v{padding-bottom:.75rem!important}.fr-p-md-2w,.fr-p-md-4v{padding:1rem!important}.fr-pl-md-2w,.fr-pl-md-4v,.fr-px-md-2w,.fr-px-md-4v{padding-left:1rem!important}.fr-pr-md-2w,.fr-pr-md-4v,.fr-px-md-2w,.fr-px-md-4v{padding-right:1rem!important}.fr-pt-md-2w,.fr-pt-md-4v,.fr-py-md-2w,.fr-py-md-4v{padding-top:1rem!important}.fr-pb-md-2w,.fr-pb-md-4v,.fr-py-md-2w,.fr-py-md-4v{padding-bottom:1rem!important}.fr-p-md-5v{padding:1.25rem!important}.fr-pl-md-5v,.fr-px-md-5v{padding-left:1.25rem!important}.fr-pr-md-5v,.fr-px-md-5v{padding-right:1.25rem!important}.fr-pt-md-5v,.fr-py-md-5v{padding-top:1.25rem!important}.fr-pb-md-5v,.fr-py-md-5v{padding-bottom:1.25rem!important}.fr-p-md-3w,.fr-p-md-6v{padding:1.5rem!important}.fr-pl-md-3w,.fr-pl-md-6v,.fr-px-md-3w,.fr-px-md-6v{padding-left:1.5rem!important}.fr-pr-md-3w,.fr-pr-md-6v,.fr-px-md-3w,.fr-px-md-6v{padding-right:1.5rem!important}.fr-pt-md-3w,.fr-pt-md-6v,.fr-py-md-3w,.fr-py-md-6v{padding-top:1.5rem!important}.fr-pb-md-3w,.fr-pb-md-6v,.fr-py-md-3w,.fr-py-md-6v{padding-bottom:1.5rem!important}.fr-p-md-7v{padding:1.75rem!important}.fr-pl-md-7v,.fr-px-md-7v{padding-left:1.75rem!important}.fr-pr-md-7v,.fr-px-md-7v{padding-right:1.75rem!important}.fr-pt-md-7v,.fr-py-md-7v{padding-top:1.75rem!important}.fr-pb-md-7v,.fr-py-md-7v{padding-bottom:1.75rem!important}.fr-p-md-4w,.fr-p-md-8v{padding:2rem!important}.fr-pl-md-4w,.fr-pl-md-8v,.fr-px-md-4w,.fr-px-md-8v{padding-left:2rem!important}.fr-pr-md-4w,.fr-pr-md-8v,.fr-px-md-4w,.fr-px-md-8v{padding-right:2rem!important}.fr-pt-md-4w,.fr-pt-md-8v,.fr-py-md-4w,.fr-py-md-8v{padding-top:2rem!important}.fr-pb-md-4w,.fr-pb-md-8v,.fr-py-md-4w,.fr-py-md-8v{padding-bottom:2rem!important}.fr-p-md-9v{padding:2.25rem!important}.fr-pl-md-9v,.fr-px-md-9v{padding-left:2.25rem!important}.fr-pr-md-9v,.fr-px-md-9v{padding-right:2.25rem!important}.fr-pt-md-9v,.fr-py-md-9v{padding-top:2.25rem!important}.fr-pb-md-9v,.fr-py-md-9v{padding-bottom:2.25rem!important}.fr-p-md-10v,.fr-p-md-5w{padding:2.5rem!important}.fr-pl-md-10v,.fr-pl-md-5w,.fr-px-md-10v,.fr-px-md-5w{padding-left:2.5rem!important}.fr-pr-md-10v,.fr-pr-md-5w,.fr-px-md-10v,.fr-px-md-5w{padding-right:2.5rem!important}.fr-pt-md-10v,.fr-pt-md-5w,.fr-py-md-10v,.fr-py-md-5w{padding-top:2.5rem!important}.fr-pb-md-10v,.fr-pb-md-5w,.fr-py-md-10v,.fr-py-md-5w{padding-bottom:2.5rem!important}.fr-p-md-11v{padding:2.75rem!important}.fr-pl-md-11v,.fr-px-md-11v{padding-left:2.75rem!important}.fr-pr-md-11v,.fr-px-md-11v{padding-right:2.75rem!important}.fr-pt-md-11v,.fr-py-md-11v{padding-top:2.75rem!important}.fr-pb-md-11v,.fr-py-md-11v{padding-bottom:2.75rem!important}.fr-p-md-12v,.fr-p-md-6w{padding:3rem!important}.fr-pl-md-12v,.fr-pl-md-6w,.fr-px-md-12v,.fr-px-md-6w{padding-left:3rem!important}.fr-pr-md-12v,.fr-pr-md-6w,.fr-px-md-12v,.fr-px-md-6w{padding-right:3rem!important}.fr-pt-md-12v,.fr-pt-md-6w,.fr-py-md-12v,.fr-py-md-6w{padding-top:3rem!important}.fr-pb-md-12v,.fr-pb-md-6w,.fr-py-md-12v,.fr-py-md-6w{padding-bottom:3rem!important}.fr-p-md-13v{padding:3.25rem!important}.fr-pl-md-13v,.fr-px-md-13v{padding-left:3.25rem!important}.fr-pr-md-13v,.fr-px-md-13v{padding-right:3.25rem!important}.fr-pt-md-13v,.fr-py-md-13v{padding-top:3.25rem!important}.fr-pb-md-13v,.fr-py-md-13v{padding-bottom:3.25rem!important}.fr-p-md-14v,.fr-p-md-7w{padding:3.5rem!important}.fr-pl-md-14v,.fr-pl-md-7w,.fr-px-md-14v,.fr-px-md-7w{padding-left:3.5rem!important}.fr-pr-md-14v,.fr-pr-md-7w,.fr-px-md-14v,.fr-px-md-7w{padding-right:3.5rem!important}.fr-pt-md-14v,.fr-pt-md-7w,.fr-py-md-14v,.fr-py-md-7w{padding-top:3.5rem!important}.fr-pb-md-14v,.fr-pb-md-7w,.fr-py-md-14v,.fr-py-md-7w{padding-bottom:3.5rem!important}.fr-p-md-15v{padding:3.75rem!important}.fr-pl-md-15v,.fr-px-md-15v{padding-left:3.75rem!important}.fr-pr-md-15v,.fr-px-md-15v{padding-right:3.75rem!important}.fr-pt-md-15v,.fr-py-md-15v{padding-top:3.75rem!important}.fr-pb-md-15v,.fr-py-md-15v{padding-bottom:3.75rem!important}.fr-p-md-16v,.fr-p-md-8w{padding:4rem!important}.fr-pl-md-16v,.fr-pl-md-8w,.fr-px-md-16v,.fr-px-md-8w{padding-left:4rem!important}.fr-pr-md-16v,.fr-pr-md-8w,.fr-px-md-16v,.fr-px-md-8w{padding-right:4rem!important}.fr-pt-md-16v,.fr-pt-md-8w,.fr-py-md-16v,.fr-py-md-8w{padding-top:4rem!important}.fr-pb-md-16v,.fr-pb-md-8w,.fr-py-md-16v,.fr-py-md-8w{padding-bottom:4rem!important}.fr-p-md-17v{padding:4.25rem!important}.fr-pl-md-17v,.fr-px-md-17v{padding-left:4.25rem!important}.fr-pr-md-17v,.fr-px-md-17v{padding-right:4.25rem!important}.fr-pt-md-17v,.fr-py-md-17v{padding-top:4.25rem!important}.fr-pb-md-17v,.fr-py-md-17v{padding-bottom:4.25rem!important}.fr-p-md-18v,.fr-p-md-9w{padding:4.5rem!important}.fr-pl-md-18v,.fr-pl-md-9w,.fr-px-md-18v,.fr-px-md-9w{padding-left:4.5rem!important}.fr-pr-md-18v,.fr-pr-md-9w,.fr-px-md-18v,.fr-px-md-9w{padding-right:4.5rem!important}.fr-pt-md-18v,.fr-pt-md-9w,.fr-py-md-18v,.fr-py-md-9w{padding-top:4.5rem!important}.fr-pb-md-18v,.fr-pb-md-9w,.fr-py-md-18v,.fr-py-md-9w{padding-bottom:4.5rem!important}.fr-p-md-19v{padding:4.75rem!important}.fr-pl-md-19v,.fr-px-md-19v{padding-left:4.75rem!important}.fr-pr-md-19v,.fr-px-md-19v{padding-right:4.75rem!important}.fr-pt-md-19v,.fr-py-md-19v{padding-top:4.75rem!important}.fr-pb-md-19v,.fr-py-md-19v{padding-bottom:4.75rem!important}.fr-p-md-10w,.fr-p-md-20v{padding:5rem!important}.fr-pl-md-10w,.fr-pl-md-20v,.fr-px-md-10w,.fr-px-md-20v{padding-left:5rem!important}.fr-pr-md-10w,.fr-pr-md-20v,.fr-px-md-10w,.fr-px-md-20v{padding-right:5rem!important}.fr-pt-md-10w,.fr-pt-md-20v,.fr-py-md-10w,.fr-py-md-20v{padding-top:5rem!important}.fr-pb-md-10w,.fr-pb-md-20v,.fr-py-md-10w,.fr-py-md-20v{padding-bottom:5rem!important}.fr-p-md-21v{padding:5.25rem!important}.fr-pl-md-21v,.fr-px-md-21v{padding-left:5.25rem!important}.fr-pr-md-21v,.fr-px-md-21v{padding-right:5.25rem!important}.fr-pt-md-21v,.fr-py-md-21v{padding-top:5.25rem!important}.fr-pb-md-21v,.fr-py-md-21v{padding-bottom:5.25rem!important}.fr-p-md-11w,.fr-p-md-22v{padding:5.5rem!important}.fr-pl-md-11w,.fr-pl-md-22v,.fr-px-md-11w,.fr-px-md-22v{padding-left:5.5rem!important}.fr-pr-md-11w,.fr-pr-md-22v,.fr-px-md-11w,.fr-px-md-22v{padding-right:5.5rem!important}.fr-pt-md-11w,.fr-pt-md-22v,.fr-py-md-11w,.fr-py-md-22v{padding-top:5.5rem!important}.fr-pb-md-11w,.fr-pb-md-22v,.fr-py-md-11w,.fr-py-md-22v{padding-bottom:5.5rem!important}.fr-p-md-23v{padding:5.75rem!important}.fr-pl-md-23v,.fr-px-md-23v{padding-left:5.75rem!important}.fr-pr-md-23v,.fr-px-md-23v{padding-right:5.75rem!important}.fr-pt-md-23v,.fr-py-md-23v{padding-top:5.75rem!important}.fr-pb-md-23v,.fr-py-md-23v{padding-bottom:5.75rem!important}.fr-p-md-12w,.fr-p-md-24v{padding:6rem!important}.fr-pl-md-12w,.fr-pl-md-24v,.fr-px-md-12w,.fr-px-md-24v{padding-left:6rem!important}.fr-pr-md-12w,.fr-pr-md-24v,.fr-px-md-12w,.fr-px-md-24v{padding-right:6rem!important}.fr-pt-md-12w,.fr-pt-md-24v,.fr-py-md-12w,.fr-py-md-24v{padding-top:6rem!important}.fr-pb-md-12w,.fr-pb-md-24v,.fr-py-md-12w,.fr-py-md-24v{padding-bottom:6rem!important}.fr-p-md-25v{padding:6.25rem!important}.fr-pl-md-25v,.fr-px-md-25v{padding-left:6.25rem!important}.fr-pr-md-25v,.fr-px-md-25v{padding-right:6.25rem!important}.fr-pt-md-25v,.fr-py-md-25v{padding-top:6.25rem!important}.fr-pb-md-25v,.fr-py-md-25v{padding-bottom:6.25rem!important}.fr-p-md-13w,.fr-p-md-26v{padding:6.5rem!important}.fr-pl-md-13w,.fr-pl-md-26v,.fr-px-md-13w,.fr-px-md-26v{padding-left:6.5rem!important}.fr-pr-md-13w,.fr-pr-md-26v,.fr-px-md-13w,.fr-px-md-26v{padding-right:6.5rem!important}.fr-pt-md-13w,.fr-pt-md-26v,.fr-py-md-13w,.fr-py-md-26v{padding-top:6.5rem!important}.fr-pb-md-13w,.fr-pb-md-26v,.fr-py-md-13w,.fr-py-md-26v{padding-bottom:6.5rem!important}.fr-p-md-27v{padding:6.75rem!important}.fr-pl-md-27v,.fr-px-md-27v{padding-left:6.75rem!important}.fr-pr-md-27v,.fr-px-md-27v{padding-right:6.75rem!important}.fr-pt-md-27v,.fr-py-md-27v{padding-top:6.75rem!important}.fr-pb-md-27v,.fr-py-md-27v{padding-bottom:6.75rem!important}.fr-p-md-14w,.fr-p-md-28v{padding:7rem!important}.fr-pl-md-14w,.fr-pl-md-28v,.fr-px-md-14w,.fr-px-md-28v{padding-left:7rem!important}.fr-pr-md-14w,.fr-pr-md-28v,.fr-px-md-14w,.fr-px-md-28v{padding-right:7rem!important}.fr-pt-md-14w,.fr-pt-md-28v,.fr-py-md-14w,.fr-py-md-28v{padding-top:7rem!important}.fr-pb-md-14w,.fr-pb-md-28v,.fr-py-md-14w,.fr-py-md-28v{padding-bottom:7rem!important}.fr-p-md-29v{padding:7.25rem!important}.fr-pl-md-29v,.fr-px-md-29v{padding-left:7.25rem!important}.fr-pr-md-29v,.fr-px-md-29v{padding-right:7.25rem!important}.fr-pt-md-29v,.fr-py-md-29v{padding-top:7.25rem!important}.fr-pb-md-29v,.fr-py-md-29v{padding-bottom:7.25rem!important}.fr-p-md-15w,.fr-p-md-30v{padding:7.5rem!important}.fr-pl-md-15w,.fr-pl-md-30v,.fr-px-md-15w,.fr-px-md-30v{padding-left:7.5rem!important}.fr-pr-md-15w,.fr-pr-md-30v,.fr-px-md-15w,.fr-px-md-30v{padding-right:7.5rem!important}.fr-pt-md-15w,.fr-pt-md-30v,.fr-py-md-15w,.fr-py-md-30v{padding-top:7.5rem!important}.fr-pb-md-15w,.fr-pb-md-30v,.fr-py-md-15w,.fr-py-md-30v{padding-bottom:7.5rem!important}.fr-p-md-31v{padding:7.75rem!important}.fr-pl-md-31v,.fr-px-md-31v{padding-left:7.75rem!important}.fr-pr-md-31v,.fr-px-md-31v{padding-right:7.75rem!important}.fr-pt-md-31v,.fr-py-md-31v{padding-top:7.75rem!important}.fr-pb-md-31v,.fr-py-md-31v{padding-bottom:7.75rem!important}.fr-p-md-16w,.fr-p-md-32v{padding:8rem!important}.fr-pl-md-16w,.fr-pl-md-32v,.fr-px-md-16w,.fr-px-md-32v{padding-left:8rem!important}.fr-pr-md-16w,.fr-pr-md-32v,.fr-px-md-16w,.fr-px-md-32v{padding-right:8rem!important}.fr-pt-md-16w,.fr-pt-md-32v,.fr-py-md-16w,.fr-py-md-32v{padding-top:8rem!important}.fr-pb-md-16w,.fr-pb-md-32v,.fr-py-md-16w,.fr-py-md-32v{padding-bottom:8rem!important}
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */.fr-accordion .fr-collapse{margin:0 -.25rem;padding-left:1rem;padding-right:1rem}
- /*! media md */
- /*! media md */
- /*! media md */.fr-btns-group--inline-md .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.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 md */
- /*! media md */.fr-quote{background-position:0 0;background-size:1px 100%;padding:0 0 0 2rem}.fr-quote--column{margin-left:13rem;min-height:13rem}.fr-quote--column .fr-quote__author,.fr-quote--column .fr-quote__source{margin-left:0}.fr-quote--column figcaption{min-height:auto}.fr-quote__image{height:11.5rem;left:-13rem;margin-top:-5.75rem;position:absolute;top:50%;width:11.5rem}
- /*! media md */.fr-breadcrumb{margin-bottom:2.5rem}.fr-breadcrumb__button{display:none}.fr-breadcrumb .fr-collapse{margin-left:0;margin-right:0;max-height:none;overflow:visible;padding-left:0;padding-right:0;transform:none;visibility:inherit}.fr-breadcrumb .fr-collapse:before{content:none}.fr-breadcrumb__list{transform:none}
- /*! media md */.fr-fieldset__element--inline\@md{flex:0 0 auto}
- /*! media md */.fr-stepper__title{font-size:1.25rem;line-height:1.75rem}
- /*! media md */
- /*! media md */.fr-links-group .fr-link--download,.fr-links-group--download .fr-link{margin-bottom:3rem}.fr-links-group__title{font-size:1.5rem;line-height:2rem}.fr-links-group--bordered{padding:2rem 2rem .5rem}
- /*! media md */.fr-sidemenu{box-shadow:none;margin-left:0;margin-right:0;padding-right:2rem}.fr-sidemenu .fr-collapse{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem}.fr-sidemenu__title{box-shadow:none;margin:0 0 1.5rem;padding:0}.fr-sidemenu__list .fr-sidemenu__list{margin:0 1rem 1rem}.fr-sidemenu__list{margin:0}.fr-sidemenu__item:before{content:none}.fr-sidemenu__inner{box-shadow:inset -1px 0 0 0 var(--border-default-grey);padding:0 2rem 0 .25rem}.fr-sidemenu__inner>.fr-collapse{margin:0;max-height:none;overflow:initial;padding:0}.fr-sidemenu__inner>.fr-collapse:before{display:none}.fr-sidemenu__inner>.fr-collapse:not(.fr-collapse--expanded){visibility:inherit}.fr-sidemenu--right{padding-left:2rem;padding-right:0}.fr-sidemenu--right .fr-sidemenu__inner{border-right:0;box-shadow:inset 1px 0 0 0 var(--border-default-grey);padding:0 1rem 0 2rem}.fr-sidemenu--sticky{position:sticky;top:0}.fr-sidemenu--sticky .fr-sidemenu__inner{max-height:100vh;overflow:auto;padding-top:.5rem}.fr-sidemenu--sticky-full-height{height:100vh;position:sticky;top:0}.fr-sidemenu--sticky-full-height .fr-sidemenu__inner{height:100%;overflow:auto;padding-top:.5rem}.fr-sidemenu__btn,.fr-sidemenu__link{margin:0;width:100%}.fr-sidemenu__btn[aria-expanded]{padding:.75rem 2.5rem .75rem 1rem}.fr-sidemenu__btn[aria-expanded]:after{margin-right:-1.5rem}.fr-sidemenu__inner>.fr-sidemenu__btn{display:none}
- /*! media md */.fr-highlight{margin-left:2rem;padding-left:2rem}
- /*! media md */.fr-tabs--viewport-width{margin-left:0;margin-right:0}.fr-tabs__panel{padding:2rem}.fr-tabs__panel:focus,.fr-tabs__panel:focus-visible{outline-offset:calc(-2rem + 2px)}
- /*! media md */
- /*! media md */.fr-summary{padding:2rem}
- /*! media md */.fr-table caption{font-size:1.5rem;line-height:2rem}.fr-table td,.fr-table th{padding:1rem}.fr-table thead td,.fr-table thead th{padding-bottom:1.125rem}
- /*! media md */
- /*! media md */
- /*! media md */.fr-download--card{padding:2rem 2rem 5rem}.fr-download--card .fr-download__link{font-size:1.375rem;line-height:1.75rem}.fr-download--card .fr-download__link:after{bottom:2rem;right:2rem}.fr-download--card .fr-download__link:after:after,.fr-download--card .fr-download__link:after:before{--icon-size:1.5rem}.fr-download--card .fr-download__desc{margin-top:.75rem}.fr-download--card .fr-download__detail{bottom:2rem;left:2rem}.fr-downloads-group__title{font-size:1.5rem;line-height:2rem}.fr-downloads-group--bordered{padding:2rem 2rem .5rem}.fr-downloads-group .fr-download{margin-bottom:1.5rem}
- /*! media md */.fr-alert__title{font-size:1.25rem;line-height:1.75rem}
- /*! media md */
- /*! media md */
- /*! media md */.fr-card__title{font-size:1.375rem;line-height:1.75rem}.fr-card--sm .fr-card__title{font-size:1.25rem;line-height:1.75rem}.fr-card--lg .fr-card__title{font-size:1.5rem;line-height:2rem}.fr-card--horizontal,.fr-card--horizontal-half,.fr-card--horizontal-tier{flex-direction:row}.fr-card--horizontal .fr-card__img,.fr-card--horizontal-half .fr-card__img,.fr-card--horizontal-tier .fr-card__img{height:100%}.fr-card--horizontal .fr-card__img img,.fr-card--horizontal-half .fr-card__img img,.fr-card--horizontal-tier .fr-card__img img{height:100%;object-fit:cover}.fr-card--horizontal .fr-card__header{flex:0 0 40%;width:40%}.fr-card--horizontal-half .fr-card__header{flex:0 0 50%;width:50%}.fr-card--horizontal-tier .fr-card__header{flex:0 0 33.3333333333%;width:33.3333333333%}.fr-card--download{flex-direction:row}.fr-card--download .fr-card__header{aspect-ratio:auto;flex:0 0 40%;width:40%}.fr-card--download .fr-card__header .fr-card__img img{object-position:50% 0}.fr-card--download .fr-card__img{height:100%}.fr-card--download .fr-card__img img{height:100%;object-fit:cover}
- /*! media md */
- /*! media md */
- /*! media md */.fr-skiplinks__list>li{margin:0 1rem}.fr-skiplinks__list{flex-direction:row;flex-wrap:wrap;margin:0 -1rem}
- /*! media md */
- /*! media md */.fr-callout{padding:2rem 3rem}.fr-callout[class*=" fr-fi-"]:before,.fr-callout[class*=" fr-icon-"]:before,.fr-callout[class^=fr-fi-]:before,.fr-callout[class^=fr-icon-]:before{margin:-1rem 0 1rem -2rem}.fr-callout__title{font-size:1.5rem;line-height:2rem}
- /*! media md */.fr-modal{padding-right:var(--scrollbar-width)}.fr-modal--top:before{content:""}.fr-modal:after,.fr-modal:before{flex:1 0 10vh;height:10vh;width:0}.fr-modal:after{content:""}.fr-modal__body{max-height:80vh!important}.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 md */
- /*! media md */.fr-share__text{max-width:18rem}
- /*! media md */.fr-footer__body{margin-bottom:1.5rem}.fr-footer__brand .fr-logo{font-size:1.3125rem;margin:-1.25rem;padding:1.25rem}.fr-footer__brand .fr-logo: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-footer__brand .fr-logo:before{background-size:3.4375rem 1.40625rem,0,3.4375rem 1.25rem}.fr-footer__brand .fr-logo: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-footer__brand .fr-logo:after{background-position:-3.28125rem 100%}.fr-footer__brand .fr-logo+.fr-footer__brand-link{margin-left:3rem}.fr-footer__brand{flex-basis:auto;margin-right:1rem}.fr-footer__brand.fr-enlarge-link{align-self:flex-start;margin:-1rem 0 -1rem -1rem;padding:1rem}.fr-footer__content{margin-left:auto}.fr-footer__top{margin:-2.375rem 0 2.5rem}.fr-footer__bottom-item{margin:.5rem 0 0 .75rem}.fr-footer__bottom-item:before{margin-bottom:.25rem;margin-right:.75rem;margin-top:.25rem}.fr-footer__partners-logos{flex-wrap:nowrap;margin-right:-1rem}.fr-footer__partners-main+.fr-footer__partners-sub>ul>li{margin:0 1rem}.fr-footer__partners-main+.fr-footer__partners-sub{padding-left:1rem;padding-top:0}.fr-footer__partners-main+.fr-footer__partners-sub>ul{justify-content:flex-end}
- /*! media md */.fr-tile__title{font-size:1.25rem;line-height:1.75rem}.fr-tile--vertical\@md{align-items:center;flex-direction:column;text-align:center}.fr-tile--vertical\@md .fr-tile__header{margin-bottom:1rem;margin-right:0!important}.fr-tile--vertical\@md .fr-tile__pictogram{height:5rem;width:5rem}.fr-tile--vertical\@md .fr-tile__content{align-items:center}.fr-tile--vertical\@md .fr-tile__detail{margin-top:.75rem}.fr-tile--vertical\@md.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--vertical\@md.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__detail{margin-bottom:0;padding-right:0}.fr-tile--horizontal .fr-tile__img{height:5rem;margin:0 2rem 0 0;width:5rem}
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */.fr-search-bar--lg .fr-btn{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.fr-search-bar--lg .fr-btn:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.fr-search-bar--lg .fr-input{max-height:3rem}
- /*! media md */.fr-content-media--sm .fr-content-media__img,.fr-content-media--sm .fr-responsive-vid{width:75%}.fr-content-media--lg .fr-content-media__img,.fr-content-media--lg .fr-responsive-vid{width:125%}
- /*! media md */.fr-consent-banner{bottom:2.5rem;left:2.5rem;max-height:calc(100% - 5rem);max-width:40rem;padding:2rem}.fr-consent-banner__title{font-size:1.25rem;line-height:1.75rem}.fr-consent-banner__buttons{margin-top:2rem}.fr-consent-service>.fr-fieldset{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0 1.25rem}.fr-consent-service:last-child>.fr-fieldset{padding:1.25rem 0 1rem}.fr-consent-service__title{font-size:1.25rem;line-height:1.75rem;width:50%}.fr-consent-service__desc{--text-spacing:0.25rem 1.5rem 0.5rem 0;width:60%}.fr-consent-service__radios{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;position:absolute;right:0;top:1.25rem;width:50%}.fr-consent-services .fr-consent-service+.fr-consent-service{margin-top:-.25rem}.fr-consent-services .fr-consent-service__desc{--text-spacing:0.25rem 0 0.5rem 0}
- /*! media md */.fr-follow{padding:2rem 0}.fr-follow .fr-grid-row>*>div{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:-1px 0 0 0 var(--border-default-blue-france);margin-top:0;padding-left:8.3333333333%;padding-top:0}.fr-follow .fr-grid-row>:not(:last-child){padding-right:8.3333333333%}.fr-follow .fr-grid-row>:first-child:last-child>div{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter{--text-spacing:0}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter>*{max-width:50%;padding-left:.75rem;padding-right:.75rem}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter>:first-child{padding-left:0;padding-right:.75rem}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__newsletter>:last-child{padding-left:.75rem;padding-right:0}.fr-follow .fr-grid-row>:first-child:last-child>.fr-follow__social{--title-spacing:0}.fr-follow .fr-hint-text{margin-top:.5rem}
- /*! media md */
- /*! media md */.fr-header__service-title{font-size:1.25rem;line-height:1.75rem}
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */}@media (min-width:62em){
- /*! media lg */
- /*! media lg */.fr-hidden-lg{display:none!important}.fr-unhidden-lg{display:inherit!important}.fr-sr-only-lg{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-container,.fr-container-lg,.fr-container-md,.fr-container-sm{padding-left:1.5rem;padding-right:1.5rem}.fr-container-lg--fluid{max-width:none;overflow:hidden;padding-left:0;padding-right:0}.fr-grid-row--gutters,.fr-grid-row-md--gutters,.fr-grid-row-sm--gutters{margin:-.75rem}.fr-grid-row--gutters>.fr-col,.fr-grid-row--gutters>[class*=" fr-col-"],.fr-grid-row--gutters>[class^=fr-col-],.fr-grid-row-md--gutters>.fr-col,.fr-grid-row-md--gutters>[class*=" fr-col-"],.fr-grid-row-md--gutters>[class^=fr-col-],.fr-grid-row-sm--gutters>.fr-col,.fr-grid-row-sm--gutters>[class*=" fr-col-"],.fr-grid-row-sm--gutters>[class^=fr-col-]{padding:.75rem}.fr-grid-row-lg--gutters{margin:-.75rem}.fr-grid-row-lg--gutters>.fr-col,.fr-grid-row-lg--gutters>[class*=" fr-col-"],.fr-grid-row-lg--gutters>[class^=fr-col-]{padding:.75rem}.fr-grid-row-lg--no-gutters{margin:0}.fr-grid-row-lg--no-gutters>.fr-col,.fr-grid-row-lg--no-gutters>[class*=" fr-col-"],.fr-grid-row-lg--no-gutters>[class^=fr-col-]{padding:0}.fr-col-lg{flex:1}.fr-col-lg-1{flex:0 0 8.33333%;max-width:8.33333%;width:8.33333%}.fr-col-offset-lg-1:not(.fr-col-offset-lg-1--right){margin-left:8.33333%}.fr-col-offset-lg-1--right{margin-right:8.33333%}.fr-col-lg-2{flex:0 0 16.66667%;max-width:16.66667%;width:16.66667%}.fr-col-offset-lg-2:not(.fr-col-offset-lg-2--right){margin-left:16.66667%}.fr-col-offset-lg-2--right{margin-right:16.66667%}.fr-col-lg-3{flex:0 0 25%;max-width:25%;width:25%}.fr-col-offset-lg-3:not(.fr-col-offset-lg-3--right){margin-left:25%}.fr-col-offset-lg-3--right{margin-right:25%}.fr-col-lg-4{flex:0 0 33.33333%;max-width:33.33333%;width:33.33333%}.fr-col-offset-lg-4:not(.fr-col-offset-lg-4--right){margin-left:33.33333%}.fr-col-offset-lg-4--right{margin-right:33.33333%}.fr-col-lg-5{flex:0 0 41.66667%;max-width:41.66667%;width:41.66667%}.fr-col-offset-lg-5:not(.fr-col-offset-lg-5--right){margin-left:41.66667%}.fr-col-offset-lg-5--right{margin-right:41.66667%}.fr-col-lg-6{flex:0 0 50%;max-width:50%;width:50%}.fr-col-offset-lg-6:not(.fr-col-offset-lg-6--right){margin-left:50%}.fr-col-offset-lg-6--right{margin-right:50%}.fr-col-lg-7{flex:0 0 58.33333%;max-width:58.33333%;width:58.33333%}.fr-col-offset-lg-7:not(.fr-col-offset-lg-7--right){margin-left:58.33333%}.fr-col-offset-lg-7--right{margin-right:58.33333%}.fr-col-lg-8{flex:0 0 66.66667%;max-width:66.66667%;width:66.66667%}.fr-col-offset-lg-8:not(.fr-col-offset-lg-8--right){margin-left:66.66667%}.fr-col-offset-lg-8--right{margin-right:66.66667%}.fr-col-lg-9{flex:0 0 75%;max-width:75%;width:75%}.fr-col-offset-lg-9:not(.fr-col-offset-lg-9--right){margin-left:75%}.fr-col-offset-lg-9--right{margin-right:75%}.fr-col-lg-10{flex:0 0 83.33333%;max-width:83.33333%;width:83.33333%}.fr-col-offset-lg-10:not(.fr-col-offset-lg-10--right){margin-left:83.33333%}.fr-col-offset-lg-10--right{margin-right:83.33333%}.fr-col-lg-11{flex:0 0 91.66667%;max-width:91.66667%;width:91.66667%}.fr-col-offset-lg-11:not(.fr-col-offset-lg-11--right){margin-left:91.66667%}.fr-col-offset-lg-11--right{margin-right:91.66667%}.fr-col-lg-12{flex:0 0 100%;max-width:100%;width:100%}.fr-col-offset-lg-12:not(.fr-col-offset-lg-12--right){margin-left:100%}.fr-col-offset-lg-12--right{margin-right:100%}.fr-displayed-lg{display:inherit!important}
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */.fr-btns-group--inline-lg .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.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 lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */.fr-pagination__link--first.fr-pagination__link--lg-label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--first.fr-pagination__link--lg-label:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(icons/system/fr--arrow-left-s-first-line.svg);mask-image:url(icons/system/fr--arrow-left-s-first-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--prev.fr-pagination__link--lg-label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--prev.fr-pagination__link--lg-label:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(icons/system/arrow-left-s-line.svg);mask-image:url(icons/system/arrow-left-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--next.fr-pagination__link--lg-label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--next.fr-pagination__link--lg-label:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/arrow-right-s-line.svg);mask-image:url(icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--next.fr-pagination__link--lg-label:before{content:none}.fr-pagination__link--last.fr-pagination__link--lg-label{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-pagination__link--last.fr-pagination__link--lg-label:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(icons/system/fr--arrow-right-s-last-line.svg);mask-image:url(icons/system/fr--arrow-right-s-last-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-pagination__link--last.fr-pagination__link--lg-label:before{content:none}
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */.fr-nav__list{flex-direction:row;flex-wrap:nowrap}.fr-nav__list>:first-child:nth-last-child(2)~*,.fr-nav__list>:first-child:nth-last-child(3)~*,.fr-nav__list>:first-child:nth-last-child(4)~*{margin-left:1.25rem}.fr-nav__list>*>.fr-nav__btn,.fr-nav__list>*>.fr-nav__link,.fr-nav__list>.fr-nav__btn,.fr-nav__list>.fr-nav__link{font-weight:400;height:100%;margin:0;min-height:3.5rem;padding:1rem;width:auto}.fr-nav__list>*>.fr-nav__btn[aria-current]:before,.fr-nav__list>*>.fr-nav__link[aria-current]:before,.fr-nav__list>.fr-nav__btn[aria-current]:before,.fr-nav__list>.fr-nav__link[aria-current]:before{bottom:0;height:2px;left:0;margin-top:0;position:absolute;top:auto;width:100%}.fr-nav__item .fr-btn,.fr-nav__item .fr-link{min-height:auto}.fr-nav__item{align-items:flex-start;position:static}.fr-nav__item:before{content:none}.fr-nav__item--align-right{align-items:flex-end}.fr-nav__btn,.fr-nav__link{font-size:.875rem;line-height:1.5rem}.fr-nav__btn{justify-content:flex-start;padding:1rem .75rem 1rem 1rem}.fr-menu{filter:drop-shadow(var(--overlap-shadow));pointer-events:none;position:absolute;top:100%;z-index:calc(var(--ground) + 1000)}.fr-menu__list{--idle:transparent;--hover:var(--background-overlap-grey-hover);--active:var(--background-overlap-grey-active);background-color:var(--background-overlap-grey);box-shadow:inset 0 1px 0 0 var(--border-open-blue-france);margin-bottom:2rem;padding:0;pointer-events:auto;width:20rem}.fr-menu .fr-nav__link{box-shadow:0 calc(-1rem - 1px) 0 -1rem var(--border-default-grey);padding:.75rem 1rem}.fr-menu .fr-nav__link:before{left:0}.fr-mega-menu{--idle:transparent;--hover:var(--background-overlap-grey-hover);--active:var(--background-overlap-grey-active);background-color:var(--background-overlap-grey);box-shadow:inset 0 1px 0 0 var(--border-open-blue-france);filter:drop-shadow(var(--overlap-shadow));left:0;margin:0;padding:0;position:absolute;right:0;top:100%;z-index:calc(var(--ground) + 1000)}.fr-mega-menu:after{content:"";display:block;padding-bottom:1.5rem}.fr-mega-menu>.fr-container{padding:0 1.5rem}.fr-mega-menu>.fr-container:before{content:"";display:block;padding-top:1rem}.fr-mega-menu .fr-btn--close{display:flex;margin-right:0}.fr-mega-menu .fr-nav__link{padding:.75rem 1rem}.fr-mega-menu__leader{padding-top:0}.fr-mega-menu__list:before{content:none}.fr-menu__list>:first-child,.fr-menu__list>:first-child>.fr-nav__link,.fr-menu__list>:hover,.fr-menu__list>:hover+*,.fr-menu__list>:hover+*>.fr-nav__link,.fr-menu__list>:hover>.fr-nav__link{box-shadow:none}.fr-mega-menu__category{box-shadow:0 calc(1rem + 1px) 0 -1rem var(--border-default-grey)}
- /*! media lg */
- /*! media lg */.fr-footer__content{flex-basis:50%;margin-top:0}
- /*! media lg */.fr-tile--vertical\@lg{align-items:center;flex-direction:column;text-align:center}.fr-tile--vertical\@lg .fr-tile__header{margin-bottom:1rem;margin-right:0!important}.fr-tile--vertical\@lg .fr-tile__pictogram{height:5rem;width:5rem}.fr-tile--vertical\@lg .fr-tile__content{align-items:center}.fr-tile--vertical\@lg .fr-tile__detail{margin-top:.75rem}.fr-tile--vertical\@lg.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content{padding-bottom:2.5rem}.fr-tile--vertical\@lg.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__detail{margin-bottom:0;padding-right:0}
- /*! media lg */.fr-translate .fr-translate__btn{font-size:.875rem;line-height:1.5rem;margin-bottom:1rem;min-height:auto;padding:.25rem .75rem;width:auto}.fr-translate .fr-translate__btn:after{margin-left:.25rem;margin-right:-.25rem}.fr-translate .fr-translate__btn:before{--icon-size:1rem}.fr-translate__language[aria-current]{display:inline-flex}.fr-translate__menu{margin:-.25rem -1rem 0;top:calc(100% - 1rem)}.fr-translate .fr-menu__list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto)}.fr-btns-group .fr-translate__menu{margin:-1.25rem -.75rem 0}.fr-translate .fr-translate__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover);--active:var(--background-open-blue-france-active);background-color:var(--background-open-blue-france);color:var(--text-active-blue-france)}.fr-translate .fr-translate__btn[aria-expanded=true]:hover{background-color:var(--hover-tint)}.fr-translate .fr-translate__btn[aria-expanded=true]:active{background-color:var(--active-tint)}
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */.fr-consent-manager__header .fr-consent-service__title{width:44%}.fr-consent-manager__header .fr-consent-service__radios{justify-content:flex-end;position:absolute;width:56%}
- /*! media lg */
- /*! media lg */
- /*! media lg */.fr-header__body-row{padding:1.5rem 0}.fr-header__brand{background:transparent;filter:none;flex-wrap:nowrap;margin-bottom:-1rem;margin-top:-1rem;padding-left:0;padding-right:0;width:auto;z-index:auto}.fr-header__brand-top{width:auto}.fr-header__logo,.fr-header__operator,.fr-header__service{padding:1rem}.fr-header__logo:not(:last-child),.fr-header__operator:not(:last-child),.fr-header__service:not(:last-child){margin-right:.5rem}.fr-header__service{box-shadow:none;margin-left:0;margin-right:0;width:auto}.fr-header .fr-modal{background-color:transparent;height:auto;margin:0;opacity:1;overflow:initial;position:static;visibility:inherit;width:auto}.fr-header .fr-modal>*>.fr-btn--close{display:none}.fr-header .fr-modal>.fr-container{height:auto;padding-bottom:0;padding-top:0}.fr-header__navbar{display:none}.fr-header__tools{align-items:flex-end;flex:1 0 auto;flex-direction:column;margin-left:auto;padding-left:1rem;padding-right:1rem;text-align:right}.fr-header__tools-links+.fr-header__search{margin-top:1rem}.fr-header__tools .fr-header__search{margin-left:auto;max-width:25rem}.fr-header__tools-links{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin-bottom:-1rem}.fr-header__tools-links .fr-btns-group{justify-content:flex-end;margin:0 -.25rem}.fr-header__tools-links .fr-btns-group .fr-btn{margin-left:.25rem;margin-right:.25rem;max-width:100%;width:auto}.fr-header__tools-links .fr-btns-group>li{align-items:flex-start;display:inline-flex;max-width:100%;width:auto}.fr-header .fr-header__menu-links .fr-translate{margin-bottom:-1rem;margin-left:0;margin-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{font-size:.875rem;line-height:1.5rem}.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{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-header .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 -.25rem}.fr-header__tools-links .fr-links-group .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-header__tools-links .fr-links-group>li{display:inline-flex;max-width:100%;width:auto}.fr-header__tools-links .fr-links-group .fr-link{margin-left:.25rem;margin-right:.25rem}.fr-header .fr-modal>*>.fr-link--close{display:none}.fr-header{--idle:transparent;--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);background-color:var(--background-raised-grey);filter:drop-shadow(var(--raised-shadow));z-index:calc(var(--ground) + 500)}.fr-header .fr-header__menu{box-shadow:inset 0 1px 0 0 var(--border-default-grey)}
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */}@media (min-width:78em){
- /*! media xl */
- /*! media xl */.fr-hidden-xl{display:none!important}.fr-unhidden-xl{display:inherit!important}.fr-sr-only-xl{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-container,.fr-container-lg,.fr-container-md,.fr-container-sm{max-width:78rem}.fr-container-xl{max-width:78rem;padding-left:1.5rem;padding-right:1.5rem}.fr-container-xl--fluid{max-width:none;overflow:hidden;padding-left:0;padding-right:0}.fr-grid-row-xl--gutters{margin:-.75rem}.fr-grid-row-xl--gutters>.fr-col,.fr-grid-row-xl--gutters>[class*=" fr-col-"],.fr-grid-row-xl--gutters>[class^=fr-col-]{padding:.75rem}.fr-grid-row-xl--no-gutters{margin:0}.fr-grid-row-xl--no-gutters>.fr-col,.fr-grid-row-xl--no-gutters>[class*=" fr-col-"],.fr-grid-row-xl--no-gutters>[class^=fr-col-]{padding:0}.fr-col-xl{flex:1}.fr-col-xl-1{flex:0 0 8.33333%;max-width:8.33333%;width:8.33333%}.fr-col-offset-xl-1:not(.fr-col-offset-xl-1--right){margin-left:8.33333%}.fr-col-offset-xl-1--right{margin-right:8.33333%}.fr-col-xl-2{flex:0 0 16.66667%;max-width:16.66667%;width:16.66667%}.fr-col-offset-xl-2:not(.fr-col-offset-xl-2--right){margin-left:16.66667%}.fr-col-offset-xl-2--right{margin-right:16.66667%}.fr-col-xl-3{flex:0 0 25%;max-width:25%;width:25%}.fr-col-offset-xl-3:not(.fr-col-offset-xl-3--right){margin-left:25%}.fr-col-offset-xl-3--right{margin-right:25%}.fr-col-xl-4{flex:0 0 33.33333%;max-width:33.33333%;width:33.33333%}.fr-col-offset-xl-4:not(.fr-col-offset-xl-4--right){margin-left:33.33333%}.fr-col-offset-xl-4--right{margin-right:33.33333%}.fr-col-xl-5{flex:0 0 41.66667%;max-width:41.66667%;width:41.66667%}.fr-col-offset-xl-5:not(.fr-col-offset-xl-5--right){margin-left:41.66667%}.fr-col-offset-xl-5--right{margin-right:41.66667%}.fr-col-xl-6{flex:0 0 50%;max-width:50%;width:50%}.fr-col-offset-xl-6:not(.fr-col-offset-xl-6--right){margin-left:50%}.fr-col-offset-xl-6--right{margin-right:50%}.fr-col-xl-7{flex:0 0 58.33333%;max-width:58.33333%;width:58.33333%}.fr-col-offset-xl-7:not(.fr-col-offset-xl-7--right){margin-left:58.33333%}.fr-col-offset-xl-7--right{margin-right:58.33333%}.fr-col-xl-8{flex:0 0 66.66667%;max-width:66.66667%;width:66.66667%}.fr-col-offset-xl-8:not(.fr-col-offset-xl-8--right){margin-left:66.66667%}.fr-col-offset-xl-8--right{margin-right:66.66667%}.fr-col-xl-9{flex:0 0 75%;max-width:75%;width:75%}.fr-col-offset-xl-9:not(.fr-col-offset-xl-9--right){margin-left:75%}.fr-col-offset-xl-9--right{margin-right:75%}.fr-col-xl-10{flex:0 0 83.33333%;max-width:83.33333%;width:83.33333%}.fr-col-offset-xl-10:not(.fr-col-offset-xl-10--right){margin-left:83.33333%}.fr-col-offset-xl-10--right{margin-right:83.33333%}.fr-col-xl-11{flex:0 0 91.66667%;max-width:91.66667%;width:91.66667%}.fr-col-offset-xl-11:not(.fr-col-offset-xl-11--right){margin-left:91.66667%}.fr-col-offset-xl-11--right{margin-right:91.66667%}.fr-col-xl-12{flex:0 0 100%;max-width:100%;width:100%}.fr-col-offset-xl-12:not(.fr-col-offset-xl-12--right){margin-left:100%}.fr-col-offset-xl-12--right{margin-right:100%}
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */.fr-consent-manager__header .fr-consent-service__radios,.fr-consent-manager__header .fr-consent-service__title{width:50%}
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */}@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]:active,a[href]:hover{--underline-hover-width:var(--underline-max-width)}.fr-enlarge-link a:active,.fr-enlarge-link a:hover{background:none}.fr-enlarge-link:hover{background-color:var(--hover)}.fr-enlarge-link:active{background-color:var(--active)}:root[data-fr-theme=dark]{--brighten:1}.fr-card--download.fr-enlarge-link:hover .fr-card__header{background-color:var(--hover)}.fr-card--download.fr-enlarge-link:active .fr-card__header{background-color:var(--active)}.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 (forced-colors:active),(prefers-contrast:more){.fr-pagination__link[aria-current]{border:1px solid var(--border-active-blue-france);justify-content:center;padding:calc(.25rem - 1px) calc(.75rem - 1px)}}@media (-ms-high-contrast:active) and (-ms-high-contrast:active),(-ms-high-contrast:active) and (-ms-high-contrast:none),(-ms-high-contrast:none) and (-ms-high-contrast:active),(-ms-high-contrast:none) and (-ms-high-contrast:none){.fr-enlarge-link{background-color:transparent}.fr-enlarge-link:hover{background-color:rgba(0,0,0,.05)}.fr-enlarge-link:active{background-color:rgba(0,0,0,.1)}.fr-pagination__link{background-color:transparent}.fr-pagination__link:hover{background-color:rgba(0,0,0,.05)}.fr-pagination__link:active{background-color:rgba(0,0,0,.1)}.fr-nav__btn,.fr-nav__link{background-color:transparent}.fr-nav__btn:hover,.fr-nav__link:hover{background-color:rgba(0,0,0,.05)}.fr-nav__btn:active,.fr-nav__link:active{background-color:rgba(0,0,0,.1)}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-enlarge-link [href]{text-decoration:none}.fr-reset-link [href],.fr-reset-link[href],[href] [href],[href][href]{text-decoration:underline}.fr-raw-link [href],.fr-raw-link[href]{text-decoration:none}.fr-raw-link [href]:after,.fr-raw-link[href]:after{content:none}[target=_blank]:after{background-color:transparent;background-image:url(icons/system/external-link-line.svg);background-repeat:no-repeat;background-size:100%;content:"";height:1rem;width:1rem}.fr-responsive-vid:before{content:"";display:block;padding-bottom:56.25%}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin-bottom:.5rem;margin-top:.5rem;padding-left:1rem}h1,h2,h3,h4,h5,h6{color:#161616;margin:0 0 1.5rem}[class*=" fr-fi-"]:before,[class*=" fr-icon-"]:before,[class^=fr-fi-]:before,[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-icon--xs:before{height:.75rem;width:.75rem}.fr-icon--sm:before{height:1rem;width:1rem}.fr-icon--md:before{height:1.5rem;width:1.5rem}.fr-icon--lg:before{height:2rem;width:2rem}body{background-color:#fff;color:#3a3a3a}a:not([href]),audio:not([href]),button:disabled,input:disabled,input[type=checkbox]:disabled,input[type=checkbox]:disabled+label,input[type=radio]:disabled,input[type=radio]:disabled+label,textarea:disabled,video:not([href]){color:#929292}.fr-artwork-decorative{fill:#ececfe}.fr-artwork-minor{fill:#e1000f}.fr-artwork-major{fill:#000091}.fr-artwork-background{fill:#f6f6f6}.fr-artwork-motif{fill:#e5e5e5}.fr-artwork--green-tilleul-verveine .fr-artwork-minor{fill:#b7a73f}.fr-artwork--green-bourgeon .fr-artwork-minor{fill:#68a532}.fr-artwork--green-emeraude .fr-artwork-minor{fill:#00a95f}.fr-artwork--green-menthe .fr-artwork-minor{fill:#009081}.fr-artwork--green-archipel .fr-artwork-minor{fill:#009099}.fr-artwork--blue-ecume .fr-artwork-minor{fill:#465f9d}.fr-artwork--blue-cumulus .fr-artwork-minor{fill:#417dc4}.fr-artwork--purple-glycine .fr-artwork-minor{fill:#a558a0}.fr-artwork--pink-macaron .fr-artwork-minor{fill:#e18b76}.fr-artwork--pink-tuile .fr-artwork-minor{fill:#ce614a}.fr-artwork--yellow-tournesol .fr-artwork-minor{fill:#c8aa39}.fr-artwork--yellow-moutarde .fr-artwork-minor{fill:#c3992a}.fr-artwork--orange-terre-battue .fr-artwork-minor{fill:#e4794a}.fr-artwork--brown-cafe-creme .fr-artwork-minor{fill:#d1b781}.fr-artwork--brown-caramel .fr-artwork-minor{fill:#c08c65}.fr-artwork--brown-opera .fr-artwork-minor{fill:#bd987a}.fr-artwork--beige-gris-galet .fr-artwork-minor{fill:#aea397}[disabled] .fr-artwork *{fill:#929292}.fr-display-lg,.fr-display-md,.fr-display-sm,.fr-display-xl,.fr-display-xs,.fr-h1,.fr-h2,.fr-h3,.fr-h4,.fr-h5,.fr-h6{color:#161616}hr{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-hr-or:after,.fr-hr-or:before{background-color:#ddd}.fr-hr{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-accordions-group ol,.fr-accordions-group ul{list-style-type:none}.fr-accordions-group ol,.fr-accordions-group ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-accordion__btn:after,.fr-accordion__btn:before{background-color:transparent;background-image:url(icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-accordion__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#000091}.fr-accordion__btn[aria-expanded=true]{background-color:#e3e3fd}.fr-badge:after,.fr-badge:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-badge--sm:before{height:.75rem;width:.75rem}.fr-badge--sm.fr-badge--info:after,.fr-badge--sm.fr-badge--info:before,.fr-badge.fr-badge--info:after,.fr-badge.fr-badge--info:before{background-image:url(icons/system/fr--info-fill.svg)}.fr-badge--sm.fr-badge--success:after,.fr-badge--sm.fr-badge--success:before,.fr-badge.fr-badge--success:after,.fr-badge.fr-badge--success:before{background-image:url(icons/system/fr--success-fill.svg)}.fr-badge--sm.fr-badge--error:after,.fr-badge--sm.fr-badge--error:before,.fr-badge.fr-badge--error:after,.fr-badge.fr-badge--error:before{background-image:url(icons/system/fr--error-fill.svg)}.fr-badge--sm.fr-badge--warning:after,.fr-badge--sm.fr-badge--warning:before,.fr-badge.fr-badge--warning:after,.fr-badge.fr-badge--warning:before{background-image:url(icons/system/fr--warning-fill.svg)}.fr-badge--sm.fr-badge--new:after,.fr-badge--sm.fr-badge--new:before,.fr-badge.fr-badge--new:after,.fr-badge.fr-badge--new:before{background-image:url(icons/weather/flashlight-fill.svg)}ol.fr-badges-group,ul.fr-badges-group{list-style-type:none}ol.fr-badges-group,ul.fr-badges-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}.fr-logo{color:#161616}.fr-btn:after,.fr-btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--sm:after,.fr-btn--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--lg:after,.fr-btn--lg:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn--close:after,.fr-btn--close:before{background-image:url(icons/system/close-line.svg)}.fr-btn--close:after,.fr-btn--close:before,.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-image:url(icons/system/question-line.svg)}.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-image:url(icons/media/fullscreen-line.svg)}.fr-btn--display:after,.fr-btn--display:before,.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--display:after,.fr-btn--display:before{background-image:url(icons/system/fr--theme-fill.svg)}ol.fr-btns-group,ul.fr-btns-group{list-style-type:none}ol.fr-btns-group,ul.fr-btns-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn{background-color:#000091;color:#f5f5fe}.fr-btn:hover{background-color:#1212ff}.fr-btn:active{background-color:#2323ff}.fr-btn:disabled,a.fr-btn:not([href]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--tertiary{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--tertiary:disabled,a.fr-btn--tertiary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--tertiary:disabled:hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--tertiary:disabled:active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent;color:#000091}.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent;color:#929292}.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--close:not([href]):hover,a.fr-btn--display:not([href]):hover,a.fr-btn--fullscreen:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--close:not([href]):active,a.fr-btn--display:not([href]):active,a.fr-btn--fullscreen:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-connect{background-color:#000091;color:#f5f5fe}.fr-connect:after{background-image:linear-gradient(0deg,#f5f5fe,#f5f5fe),linear-gradient(0deg,#f5f5fe,#f5f5fe)}.fr-connect:disabled,a.fr-connect:not([href]){background-color:#e5e5e5;color:#929292}.fr-connect:disabled:after,a.fr-connect:not([href]):after{background-image:linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292)}.fr-connect-group .fr-connect+p a{color:#000091}.fr-connect-group p{color:#666}.fr-quote:after,.fr-quote:before{background-color:transparent;background-image:url(icons/editor/fr--quote-line.svg);background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-quote blockquote{max-width:100%}.fr-quote:before{color:#6a6af4}.fr-quote--green-tilleul-verveine:before{color:#b7a73f}.fr-quote--green-bourgeon:before{color:#68a532}.fr-quote--green-emeraude:before{color:#00a95f}.fr-quote--green-menthe:before{color:#009081}.fr-quote--green-archipel:before{color:#009099}.fr-quote--blue-ecume:before{color:#465f9d}.fr-quote--blue-cumulus:before{color:#417dc4}.fr-quote--purple-glycine:before{color:#a558a0}.fr-quote--pink-macaron:before{color:#e18b76}.fr-quote--pink-tuile:before{color:#ce614a}.fr-quote--yellow-tournesol:before{color:#c8aa39}.fr-quote--yellow-moutarde:before{color:#c3992a}.fr-quote--orange-terre-battue:before{color:#e4794a}.fr-quote--brown-cafe-creme:before{color:#d1b781}.fr-quote--brown-caramel:before{color:#c08c65}.fr-quote--brown-opera:before{color:#bd987a}.fr-quote--beige-gris-galet:before{color:#aea397}.fr-quote{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-quote__source{color:#666}.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after{background-color:transparent;background-image:url(icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]{color:#161616}.fr-fieldset__legend{color:#161616;max-width:100%}.fr-message--error:after,.fr-message--error:before{background-color:transparent;background-image:url(icons/system/fr--error-fill.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-message--valid:after,.fr-message--valid:before{background-image:url(icons/system/fr--success-fill.svg)}.fr-message--info:after,.fr-message--info:before,.fr-message--valid:after,.fr-message--valid:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-message--info:after,.fr-message--info:before{background-image:url(icons/system/information-fill.svg)}.fr-input-group--valid label,.fr-select-group--valid label,.fr-upload-group--valid label{color:#18753c}.fr-input-group--error label,.fr-select-group--error label,.fr-upload-group--error label{color:#ce0500}.fr-input-group--info label,.fr-select-group--info label,.fr-upload-group--info label{color:#0063cb}.fr-input-group--disabled .fr-hint-text,.fr-input-group--disabled label,.fr-select-group--disabled .fr-hint-text,.fr-select-group--disabled label,.fr-upload-group--disabled .fr-hint-text,.fr-upload-group--disabled label{color:#929292}.fr-label{color:#161616}.fr-label--error{color:#ce0500}.fr-label--success{color:#18753c}.fr-label--info{color:#0063cb}.fr-label--disabled,.fr-label--disabled .fr-hint-text{color:#929292}.fr-hint-text,.fr-message{color:#666}.fr-message--error{color:#ce0500}.fr-message--valid{color:#18753c}.fr-message--info{color:#0063cb}.fr-fieldset input:disabled+label,.fr-fieldset input:disabled+label .fr-hint-text,.fr-fieldset input:disabled+label+.fr-hint-text,.fr-fieldset:disabled .fr-fieldset__legend,.fr-fieldset:disabled .fr-hint-text,.fr-fieldset:disabled .fr-label{color:#929292}.fr-fieldset--error,.fr-fieldset--error .fr-fieldset__legend{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-fieldset--error .fr-fieldset__legend,.fr-fieldset--error .fr-label{color:#ce0500}.fr-fieldset--valid,.fr-fieldset--valid .fr-fieldset__legend{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-fieldset--valid .fr-fieldset__legend,.fr-fieldset--valid .fr-label{color:#18753c}.fr-fieldset--info,.fr-fieldset--info .fr-fieldset__legend{background-image:linear-gradient(0deg,#0063cb,#0063cb)}.fr-fieldset--info .fr-fieldset__legend,.fr-fieldset--info .fr-label{color:#0063cb}.fr-error-text:after,.fr-error-text:before{background-image:url(icons/system/fr--error-fill.svg)}.fr-error-text:after,.fr-error-text:before,.fr-valid-text:after,.fr-valid-text:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-valid-text:after,.fr-valid-text:before{background-image:url(icons/system/fr--success-fill.svg)}.fr-error-text{color:#ce0500}.fr-valid-text{color:#18753c}.fr-info-text{color:#0063cb}.fr-fieldset--valid .fr-fieldset__content:before{box-shadow:inset 2px 0 0 0 #18753c}.fr-fieldset--error .fr-fieldset__content:before{box-shadow:inset 2px 0 0 0 #ce0500}.fr-fieldset--info .fr-fieldset__content:before{box-shadow:inset 2px 0 0 0 #0063cb}.fr-stepper__title{color:#161616;margin-bottom:.75rem}.fr-stepper__steps{background-image:repeating-linear-gradient(to right,#000091 0,#000091 var(--active-inner),transparent var(--active-inner),transparent var(--active-outer)),repeating-linear-gradient(to right,#eee 0,#eee var(--default-inner),transparent var(--default-inner),transparent var(--default-outer));display:none}.fr-stepper__details,.fr-stepper__state{color:#666}.fr-tooltip{color:#3a3a3a;position:relative}.fr-tooltip__btn:before{background-image:url(icons/media/align-left.svg)}.fr-tooltip__btn:after,.fr-tooltip__btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-tooltip__btn:after{background-image:url(icons/system/add-line.svg)}.fr-tooltip__btn[aria-expanded=true]:after,.fr-tooltip__btn[aria-expanded=true]:before{background-image:url(icons/system/subtract-line.svg)}ol.fr-tooltip__actions-group,ul.fr-tooltip__actions-group{list-style-type:none}ol.fr-tooltip__actions-group,ul.fr-tooltip__actions-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-tooltip .fr-modal:not(.fr-modal--opened) .fr-modal__content{max-height:9.5rem}.fr-tooltip.fr-placement{z-index:1000}.fr-tooltip.fr-placement--top{background-image:conic-gradient(from -33.69deg at 50% 100%,transparent 0deg,#fff 0deg,#fff 67.38deg,transparent 67.38deg),conic-gradient(from -33.69deg at 50% 100%,transparent 0deg,#ddd 0deg,#ddd 67.38deg,transparent 67.38deg),linear-gradient(90deg,#ddd,#ddd),linear-gradient(90deg,#fff,#fff)}.fr-tooltip.fr-placement--bottom{background-image:conic-gradient(from 146.31deg at 50% 0,transparent 0deg,#fff 0deg,#fff 67.38deg,transparent 67.38deg),conic-gradient(from 146.31deg at 50% 0,transparent 0deg,#ddd 0deg,#ddd 67.38deg,transparent 67.38deg),linear-gradient(90deg,#ddd,#ddd),linear-gradient(90deg,#fff,#fff)}.fr-link{background-image:none;color:#000091;text-decoration:underline}.fr-link--sm:before,.fr-link:before{height:1rem;width:1rem}.fr-link--lg:before,.fr-link--sm:before,.fr-link:before{background-color:transparent;background-repeat:no-repeat;background-size:100%}.fr-link--lg:before{height:1.5rem;width:1.5rem}ol.fr-links-group,ul.fr-links-group{list-style-type:none}ol.fr-links-group,ul.fr-links-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-link__detail{color:#666}.fr-links-group li::marker{color:#000091}.fr-links-group--bordered{box-shadow:inset 0 0 0 1px #ddd}.fr-link--close{background-color:transparent;color:#000091}.fr-link--close:hover{background-color:rgba(0,0,0,.05)}.fr-link--close:active{background-color:rgba(0,0,0,.1)}.fr-link--close:disabled,a.fr-link--close:not([href]){background-color:transparent;color:#929292}.fr-link--close:disabled:hover,a.fr-link--close:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-link--close:disabled:active,a.fr-link--close:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-sidemenu{box-shadow:inset 0 -1px 0 0 #ddd,inset 0 1px 0 0 #ddd;height:auto}.fr-sidemenu ol,.fr-sidemenu ul{list-style-type:none}.fr-sidemenu ol,.fr-sidemenu ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-sidemenu [href]{text-decoration:none}.fr-sidemenu__btn[aria-expanded]:after{background-color:transparent;background-image:url(icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-sidemenu__title{box-shadow:inset 0 -1px 0 0 #ddd;color:#161616}.fr-sidemenu__item .fr-sidemenu__btn,.fr-sidemenu__item .fr-sidemenu__link{color:#3a3a3a}.fr-sidemenu__item:before{box-shadow:0 -1px 0 0 #ddd,inset 0 -1px 0 0 #ddd}.fr-sidemenu__item:first-child:before{box-shadow:inset 0 -1px 0 0 #ddd}.fr-sidemenu__item:last-child:before{box-shadow:0 -1px 0 0 #ddd}.fr-sidemenu__btn,.fr-sidemenu__btn[aria-current],.fr-sidemenu__link,.fr-sidemenu__link[aria-current]{color:#000091}.fr-sidemenu__btn[aria-current]:before,.fr-sidemenu__link[aria-current]:before{background-color:#000091}.fr-sidemenu__btn[aria-expanded=true]{background-color:#e3e3fd}.fr-highlight{box-shadow:inset .25rem 0 0 0 #6a6af4}.fr-highlight--green-tilleul-verveine{box-shadow:inset .25rem 0 0 0 #b7a73f}.fr-highlight--green-bourgeon{box-shadow:inset .25rem 0 0 0 #68a532}.fr-highlight--green-emeraude{box-shadow:inset .25rem 0 0 0 #00a95f}.fr-highlight--green-menthe{box-shadow:inset .25rem 0 0 0 #009081}.fr-highlight--green-archipel{box-shadow:inset .25rem 0 0 0 #009099}.fr-highlight--blue-ecume{box-shadow:inset .25rem 0 0 0 #465f9d}.fr-highlight--blue-cumulus{box-shadow:inset .25rem 0 0 0 #417dc4}.fr-highlight--purple-glycine{box-shadow:inset .25rem 0 0 0 #a558a0}.fr-highlight--pink-macaron{box-shadow:inset .25rem 0 0 0 #e18b76}.fr-highlight--pink-tuile{box-shadow:inset .25rem 0 0 0 #ce614a}.fr-highlight--yellow-tournesol{box-shadow:inset .25rem 0 0 0 #c8aa39}.fr-highlight--yellow-moutarde{box-shadow:inset .25rem 0 0 0 #c3992a}.fr-highlight--orange-terre-battue{box-shadow:inset .25rem 0 0 0 #e4794a}.fr-highlight--brown-cafe-creme{box-shadow:inset .25rem 0 0 0 #d1b781}.fr-highlight--brown-caramel{box-shadow:inset .25rem 0 0 0 #c08c65}.fr-highlight--brown-opera{box-shadow:inset .25rem 0 0 0 #bd987a}.fr-highlight--beige-gris-galet{box-shadow:inset .25rem 0 0 0 #aea397}.fr-tabs ol,.fr-tabs ul{list-style-type:none}.fr-tabs ol,.fr-tabs ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-tabs:before{bottom:0;box-shadow:inset 0 1px 0 0 #ddd,inset 1px 0 0 0 #ddd,inset -1px 0 0 0 #ddd;left:0;position:absolute;right:0;top:3rem}.fr-tabs .fr-tabs__list{padding:.25rem .75rem}.fr-tabs__tab:after,.fr-tabs__tab:before{height:1rem;width:1rem}.fr-tabs__panel{left:0;padding:0 .1px}.fr-tabs__panel [href]{text-decoration:underline}.fr-tabs__panel>*{margin-left:1rem;margin-right:1rem}.fr-tabs__panel>:first-child{margin-top:.75rem}.fr-tabs__panel>:last-child{margin-bottom:1rem}.fr-tabs{box-shadow:inset 0 -1px 0 0 #ddd}.fr-tabs__tab{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);box-shadow:0 2px 0 0 #fff}.fr-tabs__tab:not([aria-selected=true]){background-color:#e3e3fd;color:#161616}.fr-tabs__tab[aria-selected=true]:not(:disabled){background-color:#fff;background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);color:#000091}.fr-tabs__tab:disabled{background-color:#e5e5e5;color:#929292}.fr-pagination [href]{text-decoration:none}.fr-pagination ol,.fr-pagination ul{list-style-type:none}.fr-pagination ol,.fr-pagination ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-pagination__link--first:after,.fr-pagination__link--first:before{background-color:transparent;background-image:url(icons/system/fr--arrow-left-s-first-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-pagination__link--prev:after,.fr-pagination__link--prev:before{background-color:transparent;background-image:url(icons/system/arrow-left-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-pagination__link--next:after,.fr-pagination__link--next:before{background-color:transparent;background-image:url(icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-pagination__link--last:after,.fr-pagination__link--last:before{background-color:transparent;background-image:url(icons/system/fr--arrow-right-s-last-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-pagination{color:#161616}.fr-pagination__link[aria-current]{background-color:#000091;color:#f5f5fe}.fr-pagination__link[aria-current]:hover{background-color:#1212ff}.fr-pagination__link[aria-current]:active{background-color:#2323ff}.fr-pagination__link:not([aria-current]):disabled,a.fr-pagination__link:not([aria-current]):not([href]){color:#929292}.fr-summary{background-color:#eee}.fr-summary li>a,.fr-summary__title{color:#161616}.fr-table[data-fr-js-table=true] caption{position:relative}.fr-table caption{color:#161616}.fr-table thead{background-color:#eee;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a);color:#161616}.fr-table tbody{background-color:#f6f6f6}.fr-table tbody tr:nth-child(2n){background-color:#eee}.fr-table--green-tilleul-verveine thead{background-color:#fceeac;background-image:linear-gradient(0deg,#66673d,#66673d)}.fr-table--green-tilleul-verveine tbody{background-color:#fef7da}.fr-table--green-tilleul-verveine tbody tr:nth-child(2n){background-color:#fceeac}.fr-table--green-tilleul-verveine.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#b7a73f,#b7a73f)}.fr-table--green-bourgeon thead{background-color:#c9fcac;background-image:linear-gradient(0deg,#447049,#447049)}.fr-table--green-bourgeon tbody{background-color:#e6feda}.fr-table--green-bourgeon tbody tr:nth-child(2n){background-color:#c9fcac}.fr-table--green-bourgeon.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#68a532,#68a532)}.fr-table--green-emeraude thead{background-color:#c3fad5;background-image:linear-gradient(0deg,#297254,#297254)}.fr-table--green-emeraude tbody{background-color:#e3fdeb}.fr-table--green-emeraude tbody tr:nth-child(2n){background-color:#c3fad5}.fr-table--green-emeraude.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#00a95f,#00a95f)}.fr-table--green-menthe thead{background-color:#bafaee;background-image:linear-gradient(0deg,#37635f,#37635f)}.fr-table--green-menthe tbody{background-color:#dffdf7}.fr-table--green-menthe tbody tr:nth-child(2n){background-color:#bafaee}.fr-table--green-menthe.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#009081,#009081)}.fr-table--green-archipel thead{background-color:#c7f6fc;background-image:linear-gradient(0deg,#006a6f,#006a6f)}.fr-table--green-archipel tbody{background-color:#e5fbfd}.fr-table--green-archipel tbody tr:nth-child(2n){background-color:#c7f6fc}.fr-table--green-archipel.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#009099,#009099)}.fr-table--blue-ecume thead{background-color:#e9edfe;background-image:linear-gradient(0deg,#2f4077,#2f4077)}.fr-table--blue-ecume tbody{background-color:#f4f6fe}.fr-table--blue-ecume tbody tr:nth-child(2n){background-color:#e9edfe}.fr-table--blue-ecume.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#465f9d,#465f9d)}.fr-table--blue-cumulus thead{background-color:#e6eefe;background-image:linear-gradient(0deg,#3558a2,#3558a2)}.fr-table--blue-cumulus tbody{background-color:#f3f6fe}.fr-table--blue-cumulus tbody tr:nth-child(2n){background-color:#e6eefe}.fr-table--blue-cumulus.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#417dc4,#417dc4)}.fr-table--purple-glycine thead{background-color:#fee7fc;background-image:linear-gradient(0deg,#6e445a,#6e445a)}.fr-table--purple-glycine tbody{background-color:#fef3fd}.fr-table--purple-glycine tbody tr:nth-child(2n){background-color:#fee7fc}.fr-table--purple-glycine.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#a558a0,#a558a0)}.fr-table--pink-macaron thead{background-color:#fee9e6;background-image:linear-gradient(0deg,#8d533e,#8d533e)}.fr-table--pink-macaron tbody{background-color:#fef4f2}.fr-table--pink-macaron tbody tr:nth-child(2n){background-color:#fee9e6}.fr-table--pink-macaron.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#e18b76,#e18b76)}.fr-table--pink-tuile thead{background-color:#fee9e7;background-image:linear-gradient(0deg,#a94645,#a94645)}.fr-table--pink-tuile tbody{background-color:#fef4f3}.fr-table--pink-tuile tbody tr:nth-child(2n){background-color:#fee9e7}.fr-table--pink-tuile.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#ce614a,#ce614a)}.fr-table--yellow-tournesol thead{background-color:#feecc2;background-image:linear-gradient(0deg,#716043,#716043)}.fr-table--yellow-tournesol tbody{background-color:#fef6e3}.fr-table--yellow-tournesol tbody tr:nth-child(2n){background-color:#feecc2}.fr-table--yellow-tournesol.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#c8aa39,#c8aa39)}.fr-table--yellow-moutarde thead{background-color:#feebd0;background-image:linear-gradient(0deg,#695240,#695240)}.fr-table--yellow-moutarde tbody{background-color:#fef5e8}.fr-table--yellow-moutarde tbody tr:nth-child(2n){background-color:#feebd0}.fr-table--yellow-moutarde.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#c3992a,#c3992a)}.fr-table--orange-terre-battue thead{background-color:#fee9e5;background-image:linear-gradient(0deg,#755348,#755348)}.fr-table--orange-terre-battue tbody{background-color:#fef4f2}.fr-table--orange-terre-battue tbody tr:nth-child(2n){background-color:#fee9e5}.fr-table--orange-terre-battue.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#e4794a,#e4794a)}.fr-table--brown-cafe-creme thead{background-color:#f7ecdb;background-image:linear-gradient(0deg,#685c48,#685c48)}.fr-table--brown-cafe-creme tbody{background-color:#fbf6ed}.fr-table--brown-cafe-creme tbody tr:nth-child(2n){background-color:#f7ecdb}.fr-table--brown-cafe-creme.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#d1b781,#d1b781)}.fr-table--brown-caramel thead{background-color:#f7ebe5;background-image:linear-gradient(0deg,#845d48,#845d48)}.fr-table--brown-caramel tbody{background-color:#fbf5f2}.fr-table--brown-caramel tbody tr:nth-child(2n){background-color:#f7ebe5}.fr-table--brown-caramel.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#c08c65,#c08c65)}.fr-table--brown-opera thead{background-color:#f7ece4;background-image:linear-gradient(0deg,#745b47,#745b47)}.fr-table--brown-opera tbody{background-color:#fbf5f2}.fr-table--brown-opera tbody tr:nth-child(2n){background-color:#f7ece4}.fr-table--brown-opera.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#bd987a,#bd987a)}.fr-table--beige-gris-galet thead{background-color:#f3ede5;background-image:linear-gradient(0deg,#6a6156,#6a6156)}.fr-table--beige-gris-galet tbody{background-color:#f9f6f2}.fr-table--beige-gris-galet tbody tr:nth-child(2n){background-color:#f3ede5}.fr-table--beige-gris-galet.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#aea397,#aea397)}.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-table--bordered tbody tr:nth-child(2n){background-color:transparent}.fr-table--bordered tbody tr:nth-child(2n):hover{background-color:rgba(0,0,0,.05)}.fr-table--bordered tbody tr:nth-child(2n):active{background-color:rgba(0,0,0,.1)}.fr-tag:after,.fr-tag:before{height:1rem;width:1rem}.fr-tag .fr-tag--sm:before,.fr-tag:after,.fr-tag:before{background-color:transparent;background-repeat:no-repeat;background-size:100%}.fr-tag .fr-tag--sm:before{height:.75rem;width:.75rem}button .fr-tag[aria-pressed=true],input[type=button] .fr-tag[aria-pressed=true]{background-size:100% 100%,100% 100%}button .fr-tag[aria-pressed=true]:after,input[type=button] .fr-tag[aria-pressed=true]:after{background-color:transparent;background-image:url(icons/system/checkbox-circle-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}button .fr-tag[aria-pressed=true] .fr-tag--sm:after,input[type=button] .fr-tag[aria-pressed=true] .fr-tag--sm:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}button .fr-tag .fr-tag--dismiss:after,input[type=button] .fr-tag .fr-tag--dismiss:after{background-color:transparent;background-image:url(icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}button .fr-tag .fr-tag--dismiss .fr-tag--sm:after,input[type=button] .fr-tag .fr-tag--dismiss .fr-tag--sm:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}ol.fr-tags-group,ul.fr-tags-group{list-style-type:none}ol.fr-tags-group,ul.fr-tags-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-tags-group--sm:after,.fr-tags-group--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-tags-group--sm a .fr-tag .fr-tag--dismiss:after,.fr-tags-group--sm button .fr-tag .fr-tag--dismiss:after,.fr-tags-group--sm input[type=button] .fr-tag .fr-tag--dismiss:after,.fr-tags-group--sm input[type=image] .fr-tag .fr-tag--dismiss:after,.fr-tags-group--sm input[type=reset] .fr-tag .fr-tag--dismiss:after,.fr-tags-group--sm input[type=submit] .fr-tag .fr-tag--dismiss:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-tags-group--sm a .fr-tag[aria-pressed=true]:after,.fr-tags-group--sm button .fr-tag[aria-pressed=true]:after,.fr-tags-group--sm input[type=button] .fr-tag[aria-pressed=true]:after,.fr-tags-group--sm input[type=image] .fr-tag[aria-pressed=true]:after,.fr-tags-group--sm input[type=reset] .fr-tag[aria-pressed=true]:after,.fr-tags-group--sm input[type=submit] .fr-tag[aria-pressed=true]:after{background-color:transparent;background-color:transparent!important;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-tag{background-color:#eee;color:#161616}.fr-tag[aria-pressed=false]{background-color:#e3e3fd;color:#000091}.fr-tag[aria-pressed=false]:hover{background-color:#c1c1fb}.fr-tag[aria-pressed=false]:active{background-color:#adadf9}.fr-tag.fr-tag--dismiss{background-color:#000091;color:#fff}.fr-tag.fr-tag--dismiss:hover{background-color:#1212ff}.fr-tag.fr-tag--dismiss:active{background-color:#2323ff}a.fr-tag,button.fr-tag,input[type=button].fr-tag{background-color:#e3e3fd;color:#000091}a.fr-tag:hover,button.fr-tag:hover,input[type=button].fr-tag:hover{background-color:#c1c1fb}a.fr-tag:active,button.fr-tag:active,input[type=button].fr-tag:active{background-color:#adadf9}a.fr-tag--green-tilleul-verveine,button.fr-tag--green-tilleul-verveine,input[type=button].fr-tag--green-tilleul-verveine{background-color:#fbe769;color:#66673d}a.fr-tag--green-tilleul-verveine:hover,button.fr-tag--green-tilleul-verveine:hover,input[type=button].fr-tag--green-tilleul-verveine:hover{background-color:#d7c655}a.fr-tag--green-tilleul-verveine:active,button.fr-tag--green-tilleul-verveine:active,input[type=button].fr-tag--green-tilleul-verveine:active{background-color:#c2b24c}a.fr-tag--green-bourgeon,button.fr-tag--green-bourgeon,input[type=button].fr-tag--green-bourgeon{background-color:#a9fb68;color:#447049}a.fr-tag--green-bourgeon:hover,button.fr-tag--green-bourgeon:hover,input[type=button].fr-tag--green-bourgeon:hover{background-color:#8ed654}a.fr-tag--green-bourgeon:active,button.fr-tag--green-bourgeon:active,input[type=button].fr-tag--green-bourgeon:active{background-color:#7fc04b}a.fr-tag--green-emeraude,button.fr-tag--green-emeraude,input[type=button].fr-tag--green-emeraude{background-color:#9ef9be;color:#297254}a.fr-tag--green-emeraude:hover,button.fr-tag--green-emeraude:hover,input[type=button].fr-tag--green-emeraude:hover{background-color:#69df97}a.fr-tag--green-emeraude:active,button.fr-tag--green-emeraude:active,input[type=button].fr-tag--green-emeraude:active{background-color:#5ec988}a.fr-tag--green-menthe,button.fr-tag--green-menthe,input[type=button].fr-tag--green-menthe{background-color:#8bf8e7;color:#37635f}a.fr-tag--green-menthe:hover,button.fr-tag--green-menthe:hover,input[type=button].fr-tag--green-menthe:hover{background-color:#6ed5c5}a.fr-tag--green-menthe:active,button.fr-tag--green-menthe:active,input[type=button].fr-tag--green-menthe:active{background-color:#62bfb1}a.fr-tag--green-archipel,button.fr-tag--green-archipel,input[type=button].fr-tag--green-archipel{background-color:#a6f2fa;color:#006a6f}a.fr-tag--green-archipel:hover,button.fr-tag--green-archipel:hover,input[type=button].fr-tag--green-archipel:hover{background-color:#62dbe5}a.fr-tag--green-archipel:active,button.fr-tag--green-archipel:active,input[type=button].fr-tag--green-archipel:active{background-color:#58c5cf}a.fr-tag--blue-ecume,button.fr-tag--blue-ecume,input[type=button].fr-tag--blue-ecume{background-color:#dee5fd;color:#2f4077}a.fr-tag--blue-ecume:hover,button.fr-tag--blue-ecume:hover,input[type=button].fr-tag--blue-ecume:hover{background-color:#b4c5fb}a.fr-tag--blue-ecume:active,button.fr-tag--blue-ecume:active,input[type=button].fr-tag--blue-ecume:active{background-color:#99b3f9}a.fr-tag--blue-cumulus,button.fr-tag--blue-cumulus,input[type=button].fr-tag--blue-cumulus{background-color:#dae6fd;color:#3558a2}a.fr-tag--blue-cumulus:hover,button.fr-tag--blue-cumulus:hover,input[type=button].fr-tag--blue-cumulus:hover{background-color:#a9c8fb}a.fr-tag--blue-cumulus:active,button.fr-tag--blue-cumulus:active,input[type=button].fr-tag--blue-cumulus:active{background-color:#8ab8f9}a.fr-tag--purple-glycine,button.fr-tag--purple-glycine,input[type=button].fr-tag--purple-glycine{background-color:#fddbfa;color:#6e445a}a.fr-tag--purple-glycine:hover,button.fr-tag--purple-glycine:hover,input[type=button].fr-tag--purple-glycine:hover{background-color:#fbaff5}a.fr-tag--purple-glycine:active,button.fr-tag--purple-glycine:active,input[type=button].fr-tag--purple-glycine:active{background-color:#fa96f2}a.fr-tag--pink-macaron,button.fr-tag--pink-macaron,input[type=button].fr-tag--pink-macaron{background-color:#fddfda;color:#8d533e}a.fr-tag--pink-macaron:hover,button.fr-tag--pink-macaron:hover,input[type=button].fr-tag--pink-macaron:hover{background-color:#fbb8ab}a.fr-tag--pink-macaron:active,button.fr-tag--pink-macaron:active,input[type=button].fr-tag--pink-macaron:active{background-color:#faa18d}a.fr-tag--pink-tuile,button.fr-tag--pink-tuile,input[type=button].fr-tag--pink-tuile{background-color:#fddfdb;color:#a94645}a.fr-tag--pink-tuile:hover,button.fr-tag--pink-tuile:hover,input[type=button].fr-tag--pink-tuile:hover{background-color:#fbb8ad}a.fr-tag--pink-tuile:active,button.fr-tag--pink-tuile:active,input[type=button].fr-tag--pink-tuile:active{background-color:#faa191}a.fr-tag--yellow-tournesol,button.fr-tag--yellow-tournesol,input[type=button].fr-tag--yellow-tournesol{background-color:#fde39c;color:#716043}a.fr-tag--yellow-tournesol:hover,button.fr-tag--yellow-tournesol:hover,input[type=button].fr-tag--yellow-tournesol:hover{background-color:#e9c53b}a.fr-tag--yellow-tournesol:active,button.fr-tag--yellow-tournesol:active,input[type=button].fr-tag--yellow-tournesol:active{background-color:#d3b235}a.fr-tag--yellow-moutarde,button.fr-tag--yellow-moutarde,input[type=button].fr-tag--yellow-moutarde{background-color:#fde2b5;color:#695240}a.fr-tag--yellow-moutarde:hover,button.fr-tag--yellow-moutarde:hover,input[type=button].fr-tag--yellow-moutarde:hover{background-color:#f6c43c}a.fr-tag--yellow-moutarde:active,button.fr-tag--yellow-moutarde:active,input[type=button].fr-tag--yellow-moutarde:active{background-color:#dfb135}a.fr-tag--orange-terre-battue,button.fr-tag--orange-terre-battue,input[type=button].fr-tag--orange-terre-battue{background-color:#fddfd8;color:#755348}a.fr-tag--orange-terre-battue:hover,button.fr-tag--orange-terre-battue:hover,input[type=button].fr-tag--orange-terre-battue:hover{background-color:#fbb8a5}a.fr-tag--orange-terre-battue:active,button.fr-tag--orange-terre-battue:active,input[type=button].fr-tag--orange-terre-battue:active{background-color:#faa184}a.fr-tag--brown-cafe-creme,button.fr-tag--brown-cafe-creme,input[type=button].fr-tag--brown-cafe-creme{background-color:#f4e3c7;color:#685c48}a.fr-tag--brown-cafe-creme:hover,button.fr-tag--brown-cafe-creme:hover,input[type=button].fr-tag--brown-cafe-creme:hover{background-color:#e1c386}a.fr-tag--brown-cafe-creme:active,button.fr-tag--brown-cafe-creme:active,input[type=button].fr-tag--brown-cafe-creme:active{background-color:#ccb078}a.fr-tag--brown-caramel,button.fr-tag--brown-caramel,input[type=button].fr-tag--brown-caramel{background-color:#f3e2d9;color:#845d48}a.fr-tag--brown-caramel:hover,button.fr-tag--brown-caramel:hover,input[type=button].fr-tag--brown-caramel:hover{background-color:#e7bea6}a.fr-tag--brown-caramel:active,button.fr-tag--brown-caramel:active,input[type=button].fr-tag--brown-caramel:active{background-color:#e1a982}a.fr-tag--brown-opera,button.fr-tag--brown-opera,input[type=button].fr-tag--brown-opera{background-color:#f3e2d7;color:#745b47}a.fr-tag--brown-opera:hover,button.fr-tag--brown-opera:hover,input[type=button].fr-tag--brown-opera:hover{background-color:#e7bfa0}a.fr-tag--brown-opera:active,button.fr-tag--brown-opera:active,input[type=button].fr-tag--brown-opera:active{background-color:#deaa7e}a.fr-tag--beige-gris-galet,button.fr-tag--beige-gris-galet,input[type=button].fr-tag--beige-gris-galet{background-color:#eee4d9;color:#6a6156}a.fr-tag--beige-gris-galet:hover,button.fr-tag--beige-gris-galet:hover,input[type=button].fr-tag--beige-gris-galet:hover{background-color:#dbc3a4}a.fr-tag--beige-gris-galet:active,button.fr-tag--beige-gris-galet:active,input[type=button].fr-tag--beige-gris-galet:active{background-color:#c6b094}button.fr-tag[aria-pressed=true]:not(:disabled),input[type=button].fr-tag[aria-pressed=true]:not(:disabled){background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#000091 .625rem);color:#fff}button.fr-tag[aria-pressed=true]:not(:disabled):hover,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):hover{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#1212ff .625rem)}button.fr-tag[aria-pressed=true]:not(:disabled):active,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):active{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#2323ff .625rem)}button.fr-tag[aria-pressed=true]:after,input[type=button].fr-tag[aria-pressed=true]:after{color:#000091}button.fr-tag[aria-pressed=true]:disabled,input[type=button].fr-tag[aria-pressed=true]:disabled{background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#e5e5e5 .625rem)}button.fr-tag[aria-pressed=true]:disabled:after,input[type=button].fr-tag[aria-pressed=true]:disabled:after{color:#929292}button.fr-tag[aria-pressed=true].fr-tag--sm,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#000091 .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:hover,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#1212ff .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:active,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#2323ff .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:disabled,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#e5e5e5 .5rem)}button.fr-tag:disabled,input[type=button].fr-tag:disabled{background-color:#e5e5e5;color:#929292}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true],.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#000091 .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:hover,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#1212ff .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:active,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#2323ff .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:disabled,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#e5e5e5 .5rem)}.fr-alert:after,.fr-alert:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-alert p,.fr-alert__title{margin:0 0 .25rem}.fr-alert--info:before{background-image:url(icons/system/fr--info-fill.svg)}.fr-alert--success:before{background-image:url(icons/system/fr--success-fill.svg)}.fr-alert--error:before{background-image:url(icons/system/fr--error-fill.svg)}.fr-alert--warning:before{background-image:url(icons/system/fr--warning-fill.svg)}.fr-alert .fr-btn--close:after,.fr-alert .fr-btn--close:before,.fr-alert .fr-link--close:after,.fr-alert .fr-link--close:before{background-color:transparent;background-image:url(icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-alert{box-shadow:inset 0 0 0 1px #3a3a3a,inset 2.5rem 0 0 0 #3a3a3a}.fr-alert:before{color:#fff}.fr-alert--info{box-shadow:inset 0 0 0 1px #0063cb,inset 2.5rem 0 0 0 #0063cb}.fr-alert--error{box-shadow:inset 0 0 0 1px #ce0500,inset 2.5rem 0 0 0 #ce0500}.fr-alert--success{box-shadow:inset 0 0 0 1px #18753c,inset 2.5rem 0 0 0 #18753c}.fr-alert--warning{box-shadow:inset 0 0 0 1px #b34000,inset 2.5rem 0 0 0 #b34000}.fr-notice p,.fr-notice__title{margin:0}.fr-notice--info .fr-notice__body:before{background-image:url(icons/system/fr--info-fill.svg);color:transparent;height:1.5rem;width:1.5rem}.fr-notice .fr-btn--close:after,.fr-notice .fr-btn--close:before{background-color:transparent;background-image:url(icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-notice{background-color:#eee;color:#161616}.fr-notice--info{background-color:#e8edff;color:#0063cb}.fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#000091 11px,transparent 12px)}.fr-radio-group input[type=radio]:disabled+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px)}.fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#000091 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-radio-group input[type=radio]:checked:disabled+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px),radial-gradient(#e5e5e5 5px,transparent 6px)}.fr-fieldset--error .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#ce0500 11px,transparent 12px)}.fr-fieldset--error .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#ce0500 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-fieldset--valid .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#18753c 11px,transparent 12px)}.fr-fieldset--valid .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#18753c 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-fieldset--info .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#0063cb 11px,transparent 12px)}.fr-fieldset--info .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#0063cb 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-fieldset .fr-radio-group input[type=radio]:disabled+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px)}.fr-fieldset .fr-radio-group input[type=radio]:disabled:checked+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px),radial-gradient(#e5e5e5 5px,transparent 6px)}.fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#000091 7px,transparent 8px)}.fr-radio-group--sm input[type=radio]:disabled+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#000091 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-radio-group--sm input[type=radio]:checked:disabled+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-fieldset--error .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#ce0500 7px,transparent 8px)}.fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#ce0500 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--valid .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#18753c 7px,transparent 8px)}.fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#18753c 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--info .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#0063cb 7px,transparent 8px)}.fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#0063cb 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset .fr-radio-group--sm input[type=radio]:disabled+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-radio-rich__pictogram{background-color:#fff;background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-radio-rich input[type=radio]+label{background-color:#fff;background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#000091 7px,transparent 8px)}.fr-radio-rich input[type=radio]:disabled+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-radio-rich input[type=radio]:disabled~.fr-radio-rich__pictogram svg *{fill:#929292}.fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#000091 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-radio-rich input[type=radio]:checked~.fr-radio-rich__pictogram{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd)}.fr-radio-rich input[type=radio]:checked:disabled+label{background-image:linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-radio-rich input[type=radio]:checked:disabled~.fr-radio-rich__pictogram{background-image:linear-gradient(0deg,#e5e5e5,#e5e5e5),linear-gradient(0deg,#e5e5e5,#e5e5e5),linear-gradient(0deg,#e5e5e5,#e5e5e5),linear-gradient(0deg,#ddd,#ddd)}.fr-fieldset--error .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#ce0500 7px,transparent 8px)}.fr-fieldset--error .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#ce0500 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--valid .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#18753c 7px,transparent 8px)}.fr-fieldset--valid .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#18753c 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--info .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#0063cb 7px,transparent 8px)}.fr-fieldset--info .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#0063cb 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset .fr-radio-rich input[type=radio]:disabled+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-fieldset .fr-radio-rich input[type=radio]:disabled:checked+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-radio-rich__img{background-color:#fff;background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-radio-rich input[type=radio]:disabled~.fr-radio-rich__img svg *{fill:#929292}.fr-radio-rich input[type=radio]:checked~.fr-radio-rich__img{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd)}.fr-radio-rich input[type=radio]:checked:disabled~.fr-radio-rich__img{background-image:linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#ddd,#ddd)}.fr-card--no-icon:after{content:none}.fr-card__desc,.fr-card__title{flex:1 0 auto}.fr-card__title a:after{background-image:url(icons/system/arrow-right-line.svg)}.fr-card__title [target=_blank]:after,.fr-card__title a:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-card__title [target=_blank]:after{background-image:url(icons/system/external-link-line.svg)}.fr-card__detail:before{height:1rem;width:1rem}.fr-card--download .fr-tile__title a:after{background-color:transparent;background-image:url(icons/system/download-line.svg);background-repeat:no-repeat;background-size:100%}.fr-card.fr-enlarge-link .fr-card__title a{text-decoration:none}.fr-card.fr-enlarge-link .fr-card__title a:after{background-color:transparent;height:1.5rem;width:1.5rem}.fr-card--sm .fr-card__title a:after,.fr-card--sm.fr-enlarge-link .fr-card__title a:after{height:1rem;width:1rem}.fr-card--lg.fr-enlarge-link .fr-card__title a:after{height:2rem;width:2rem}.fr-card--lg .fr-card__title a:after{height:1.5rem;width:1.5rem}.fr-card>.fr-card__img{flex-shrink:0}.fr-card{background-color:#fff}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-card--grey{background-color:#eee}.fr-card--shadow{background-color:#fff;z-index:500}.fr-card--shadow.fr-card--grey{background-color:#eee}.fr-card--no-background{background-color:transparent}.fr-card--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-card--no-background:active{background-color:rgba(0,0,0,.1)}.fr-card--download:not(.fr-card--no-background) .fr-card__header{background-color:#f6f6f6}.fr-card__detail{color:#666}.fr-card__title{color:#161616}.fr-card__title a[href]{color:#000091}.fr-card__title:disabled,a.fr-card__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-checkbox-group input[type=checkbox]{opacity:1}.fr-checkbox-group--error input[type=checkbox]+label{color:#ce0500}.fr-checkbox-group--error:before{background-color:#ce0500}.fr-checkbox-group--valid input[type=checkbox]+label{color:#18753c}.fr-checkbox-group--valid:before{background-color:#18753c}.fr-toggle input[type=checkbox]::-ms-check{display:none}.fr-toggle input[type=checkbox]:checked:after,.fr-toggle input[type=checkbox]:checked:before{background-color:transparent;background-image:url(icons/system/check-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-toggle__list{list-style:none;padding:0}.fr-toggle label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#000091}.fr-toggle label:after{background-color:#fff;color:#000091}.fr-toggle input[type=checkbox],.fr-toggle label:after{box-shadow:inset 0 0 0 1px #000091}.fr-toggle input[type=checkbox]:checked{background-color:#000091}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled{box-shadow:inset 0 0 0 1px #e5e5e5}.fr-toggle input[type=checkbox]:disabled:checked{background-color:#e5e5e5}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#929292}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:after{box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-toggle .fr-hint-text{color:#666}.fr-toggle--border-bottom{box-shadow:inset 0 -1px 0 0 #ddd}.fr-fieldset--error .fr-toggle label,.fr-toggle--error label{color:#ce0500}.fr-fieldset--error .fr-toggle label:before,.fr-toggle--error label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#ce0500}.fr-fieldset--error .fr-toggle label:after,.fr-toggle--error label:after{box-shadow:inset 0 0 0 1px #ce0500}.fr-fieldset--error .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--error input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-toggle label,.fr-toggle--valid label{color:#18753c}.fr-fieldset--valid .fr-toggle label:before,.fr-toggle--valid label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#18753c}.fr-fieldset--valid .fr-toggle label:after,.fr-toggle--valid label:after{box-shadow:inset 0 0 0 1px #18753c}.fr-fieldset--valid .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--valid input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-skiplinks.focus-within{position:relative;transform:translateY(0)}.fr-skiplinks{background-color:#eee}.fr-select::-ms-expand{display:none}.fr-select{background-color:#eee;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E");box-shadow:inset 0 -2px 0 0 #3a3a3a;color:#161616}.fr-fieldset--valid .fr-select,.fr-select-group--valid .fr-select{box-shadow:inset 0 -2px 0 0 #18753c}.fr-fieldset--error .fr-select,.fr-select-group--error .fr-select{box-shadow:inset 0 -2px 0 0 #ce0500}.fr-select-group--error:before{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-select-group--valid:before{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-select-group--info:before{background-image:linear-gradient(0deg,#0063cb,#0063cb)}.fr-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E");box-shadow:inset 0 -2px 0 0 #e5e5e5;color:#929292}.fr-select:-webkit-autofill,.fr-select:-webkit-autofill:focus,.fr-select:-webkit-autofill:hover{-webkit-text-fill-color:#161616;box-shadow:inset 0 -2px 0 0 #3a3a3a,inset 0 0 0 1000px #ececfe}.fr-callout__title{color:#161616;margin:0 0 .5rem}.fr-callout__text{margin:0}.fr-callout{background-color:#eee;box-shadow:inset .25rem 0 0 0 #6a6af4}.fr-callout:before{color:#161616}.fr-callout--green-tilleul-verveine{background-color:#fceeac;box-shadow:inset .25rem 0 0 0 #b7a73f}.fr-callout--green-bourgeon{background-color:#c9fcac;box-shadow:inset .25rem 0 0 0 #68a532}.fr-callout--green-emeraude{background-color:#c3fad5;box-shadow:inset .25rem 0 0 0 #00a95f}.fr-callout--green-menthe{background-color:#bafaee;box-shadow:inset .25rem 0 0 0 #009081}.fr-callout--green-archipel{background-color:#c7f6fc;box-shadow:inset .25rem 0 0 0 #009099}.fr-callout--blue-ecume{background-color:#e9edfe;box-shadow:inset .25rem 0 0 0 #465f9d}.fr-callout--blue-cumulus{background-color:#e6eefe;box-shadow:inset .25rem 0 0 0 #417dc4}.fr-callout--purple-glycine{background-color:#fee7fc;box-shadow:inset .25rem 0 0 0 #a558a0}.fr-callout--pink-macaron{background-color:#fee9e6;box-shadow:inset .25rem 0 0 0 #e18b76}.fr-callout--pink-tuile{background-color:#fee9e7;box-shadow:inset .25rem 0 0 0 #ce614a}.fr-callout--yellow-tournesol{background-color:#feecc2;box-shadow:inset .25rem 0 0 0 #c8aa39}.fr-callout--yellow-moutarde{background-color:#feebd0;box-shadow:inset .25rem 0 0 0 #c3992a}.fr-callout--orange-terre-battue{background-color:#fee9e5;box-shadow:inset .25rem 0 0 0 #e4794a}.fr-callout--brown-cafe-creme{background-color:#f7ecdb;box-shadow:inset .25rem 0 0 0 #d1b781}.fr-callout--brown-caramel{background-color:#f7ebe5;box-shadow:inset .25rem 0 0 0 #c08c65}.fr-callout--brown-opera{background-color:#f7ece4;box-shadow:inset .25rem 0 0 0 #bd987a}.fr-callout--beige-gris-galet{background-color:#f3ede5;box-shadow:inset .25rem 0 0 0 #aea397}.fr-modal__body{background-color:#fff;z-index:2000}.fr-modal__title{color:#161616}.fr-modal__footer{background-color:#fff}.fr-modal__body.fr-scroll-divider .fr-modal__footer{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-nav [href]{text-decoration:none}.fr-nav ol,.fr-nav ul{list-style-type:none}.fr-nav ol,.fr-nav ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-nav__btn:after{background-color:transparent;background-image:url(icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-mega-menu__category{margin:0}.fr-nav__btn,.fr-nav__link{color:#161616}.fr-nav__btn[aria-current],.fr-nav__link[aria-current]{color:#000091}.fr-nav__btn[aria-current]:before,.fr-nav__link[aria-current]:before{background-color:#000091}.fr-nav__btn[aria-expanded=true]:not(:disabled){background-color:#e3e3fd;color:#000091}.fr-nav__item:before{box-shadow:0 -1px 0 0 #ddd,inset 0 -1px 0 0 #ddd}.fr-nav__item:first-child:before{box-shadow:inset 0 -1px 0 0 #ddd}.fr-nav__item:last-child:before{box-shadow:0 -1px 0 0 #ddd}.fr-mega-menu__list:before{box-shadow:0 1px 0 0 #ddd}.fr-share__group>li{list-style:none}.fr-share .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-"]):after,.fr-share .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-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-share .fr-btn--facebook:before{background-image:url(icons/logo/facebook-circle-line.svg)}.fr-share .fr-btn--linkedin:before{background-image:url(icons/logo/linkedin-box-line.svg)}.fr-share .fr-btn--mastodon:before{background-image:url(icons/logo/mastodon-line.svg)}.fr-share .fr-btn--threads:before{background-image:url(icons/logo/threads-line.svg)}.fr-share .fr-btn--twitter:before{background-image:url(icons/logo/twitter-line.svg)}.fr-share .fr-btn--twitter-x:before{background-image:url(icons/logo/twitter-x-line.svg)}.fr-share .fr-btn--mail:before{background-image:url(icons/business/mail-line.svg)}.fr-share .fr-btn--copy:before,.fr-share .fr-btn--mail:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-share .fr-btn--copy:before{background-image:url(icons/business/links-fill.svg)}.fr-share .fr-btn{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-share .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-share .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-share .fr-btn:disabled,.fr-share a.fr-btn:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-share .fr-btn:disabled:hover,.fr-share a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-share .fr-btn:disabled:active,.fr-share a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-share__link{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-share__link:hover{background-color:rgba(0,0,0,.05)}.fr-share__link:active{background-color:rgba(0,0,0,.1)}.fr-share__link:disabled,a.fr-share__link:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-share__link:disabled:hover,a.fr-share__link:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-share__link:disabled:active,a.fr-share__link:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-footer ol,.fr-footer ul{list-style-type:none}.fr-footer ol,.fr-footer ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-footer__content-desc [href]{text-decoration:underline}.fr-footer{box-shadow:inset 0 2px 0 0 #000091,inset 0 -1px 0 0 #ddd}.fr-footer__content-link,.fr-footer__top-cat{color:#161616}.fr-footer__top{background-color:#f6f6f6}.fr-footer__bottom{box-shadow:inset 0 1px 0 0 #ddd}.fr-footer__bottom .fr-btn{color:#666}.fr-footer__bottom-item:before{box-shadow:inset 0 0 0 1px #ddd}.fr-footer__bottom-copy,.fr-footer__bottom-link{color:#666}.fr-footer__partners{box-shadow:inset 0 1px 0 0 #ddd}.fr-tile--download .fr-tile__body,.fr-tile--horizontal .fr-tile__body{flex-basis:100%}.fr-tile__body,.fr-tile__body>*{max-width:100%}.fr-tile__title{color:#161616;margin:0 0 .5rem;max-width:100%}.fr-tile__title a:after{background-image:url(icons/system/arrow-right-line.svg)}.fr-tile__title [target=_blank]:after,.fr-tile__title a:after{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-tile__title [target=_blank]:after{background-image:url(icons/system/external-link-line.svg)}.fr-tile__desc{margin:0;max-width:100%}.fr-tile__detail,.fr-tile__start{max-width:100%}.fr-tile--download .fr-tile__title a:after{background-color:transparent;background-image:url(icons/system/download-line.svg);background-repeat:no-repeat;background-size:100%}.fr-tile.fr-enlarge-link .fr-tile__title a{text-decoration:none}.fr-tile.fr-enlarge-link .fr-tile__title a:after{background-color:transparent;height:1.5rem;width:1.5rem}.fr-tile--sm .fr-tile__title a:after{height:1rem;width:1rem}.fr-tile{background-color:#fff}.fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-tile--grey{background-color:#eee}.fr-tile--shadow{background-color:#fff;z-index:500}.fr-tile--shadow.fr-tile--grey{background-color:#eee}.fr-tile--no-background{background-color:transparent}.fr-tile--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-tile--no-background:active{background-color:rgba(0,0,0,.1)}.fr-tile__title:disabled,a.fr-tile__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-tile__title:before{background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a)}.fr-tile__title a{color:#000091}.fr-tile__title a:before{background-image:linear-gradient(0deg,#000091,#000091)}.fr-tile__title a:not([href]){color:#929292}.fr-tile__title a:not([href]):before{background-image:linear-gradient(0deg,#e5e5e5,#e5e5e5)}.fr-translate .fr-translate__btn:before{background-image:url(icons/editor/translate-2.svg)}.fr-translate .fr-translate__btn:after,.fr-translate .fr-translate__btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-translate .fr-translate__btn:after{background-image:url(icons/system/arrow-down-s-line.svg)}.fr-translate__menu .fr-translate__language{box-shadow:none}.fr-transcription{position:relative}.fr-transcription__btn:before{background-image:url(icons/media/align-left.svg)}.fr-transcription__btn:after,.fr-transcription__btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-transcription__btn:after{background-image:url(icons/system/arrow-down-s-line.svg)}.fr-transcription__btn[aria-expanded=true]:after{transform:rotate(-180deg)}ol.fr-transcription__actions-group,ul.fr-transcription__actions-group{list-style-type:none}ol.fr-transcription__actions-group,ul.fr-transcription__actions-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__content{max-height:9.5rem}.fr-transcription:before{box-shadow:inset 0 0 0 1px #ddd}.fr-transcription__btn{color:#000091}.fr-transcription__btn[aria-expanded=true]{background-color:#e3e3fd}.fr-transcription .fr-modal:not(.fr-modal--opened):before,.fr-transcription__content:before,.fr-transcription__footer:before{box-shadow:inset 0 1px 0 0 #ddd}.fr-input-wrap--addon .fr-btn{flex-shrink:0}.fr-input{background-color:#eee;box-shadow:inset 0 -2px 0 0 #3a3a3a;color:#161616}.fr-input::placeholder{color:#666}.fr-input::-webkit-contacts-auto-fill-button{background-color:#161616}.fr-input::-webkit-contacts-auto-fill-button:hover{background-color:#343434}.fr-input::-webkit-contacts-auto-fill-button:active{background-color:#474747}.fr-input:-webkit-autofill,.fr-input:-webkit-autofill:focus,.fr-input:-webkit-autofill:hover,.fr-input:autofill,.fr-input:autofill:focus,.fr-input:autofill:hover{-webkit-text-fill-color:#161616;box-shadow:inset 0 -2px 0 0 #3a3a3a,inset 0 0 0 1000px #e8edff}.fr-fieldset--valid .fr-input,.fr-input-group--valid .fr-input{box-shadow:inset 0 -2px 0 0 #18753c}.fr-fieldset--error .fr-input,.fr-input-group--error .fr-input{box-shadow:inset 0 -2px 0 0 #ce0500}.fr-input-group--error:before{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-input-group--valid:before{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-input-group--info:before{background-image:linear-gradient(0deg,#0063cb,#0063cb)}.fr-input-wrap--addon>:not(:last-child).fr-input:not(.fr-input--valid):not(.fr-input--error){box-shadow:inset 0 -2px 0 0 #000091}.fr-search-bar .fr-btn:after,.fr-search-bar .fr-btn:before{background-color:transparent;background-image:url(icons/system/search-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-search-bar .fr-input{box-shadow:inset 0 -2px 0 0 #000091}.fr-search-bar .fr-input--valid{box-shadow:inset 0 -2px 0 0 #18753c}.fr-search-bar .fr-input--error{box-shadow:inset 0 -2px 0 0 #ce0500}.fr-content-media .fr-link,.fr-content-media__caption{color:#666}.fr-content-media__transcription .fr-link{background-color:transparent;color:#000091}.fr-content-media__transcription .fr-link:hover{background-color:rgba(0,0,0,.05)}.fr-content-media__transcription .fr-link:active{background-color:rgba(0,0,0,.1)}.fr-content-media__transcription .fr-link:disabled,.fr-content-media__transcription a.fr-link:not([href]){background-color:transparent;color:#929292}.fr-content-media__transcription .fr-link:disabled:hover,.fr-content-media__transcription a.fr-link:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-content-media__transcription .fr-link:disabled:active,.fr-content-media__transcription a.fr-link:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-consent-service__collapse .fr-consent-service__collapse-btn{text-decoration:underline}.fr-consent-service__collapse .fr-consent-service__collapse-btn:after,.fr-consent-service__collapse .fr-consent-service__collapse-btn:before{background-color:transparent;background-image:url(icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-consent-service__collapse .fr-consent-service__collapse-btn[aria-expanded=true]:after,.fr-consent-service__collapse .fr-consent-service__collapse-btn[aria-expanded=true]:before{background-color:transparent;background-image:url(icons/system/arrow-up-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-consent-placeholder{background-color:#eee}.fr-consent-banner{background-color:#f6f6f6;box-shadow:inset 0 0 0 1px #ddd;z-index:1500}.fr-consent-manager__header,.fr-consent-service{box-shadow:inset 0 -1px 0 0 #ddd;color:#3a3a3a}.fr-consent-manager__header .fr-radio-group+.fr-radio-group:before,.fr-consent-service .fr-radio-group+.fr-radio-group:before{box-shadow:inset 0 0 0 1px #ddd}.fr-consent-service .fr-consent-service,.fr-consent-service:last-of-type{box-shadow:none}.fr-consent-service .fr-consent-service__collapse-btn{color:#000091}.fr-follow__newsletter>*{max-width:100%}.fr-follow .fr-btn--dailymotion:before{background-image:url(icons/logo/fr--dailymotion-fill.svg)}.fr-follow .fr-btn--facebook:before{background-image:url(icons/logo/facebook-circle-fill.svg)}.fr-follow .fr-btn--github:before{background-image:url(icons/logo/github-fill.svg)}.fr-follow .fr-btn--instagram:before{background-image:url(icons/logo/instagram-fill.svg)}.fr-follow .fr-btn--linkedin:before{background-image:url(icons/logo/linkedin-box-fill.svg)}.fr-follow .fr-btn--mastodon:before{background-image:url(icons/logo/mastodon-fill.svg)}.fr-follow .fr-btn--snapchat:before{background-image:url(icons/logo/snapchat-fill.svg)}.fr-follow .fr-btn--telegram:before{background-image:url(icons/logo/telegram-fill.svg)}.fr-follow .fr-btn--threads:before{background-image:url(icons/logo/threads-fill.svg)}.fr-follow .fr-btn--tiktok:before{background-image:url(icons/logo/fr--tiktok-fill.svg)}.fr-follow .fr-btn--twitch:before{background-image:url(icons/logo/twitch-fill.svg)}.fr-follow .fr-btn--twitter:before{background-image:url(icons/logo/twitter-fill.svg)}.fr-follow .fr-btn--twitter-x:before{background-image:url(icons/logo/twitter-x-fill.svg)}.fr-follow .fr-btn--vimeo:before{background-image:url(icons/logo/vimeo-fill.svg)}.fr-follow .fr-btn--youtube:before{background-image:url(icons/logo/youtube-fill.svg)}.fr-follow .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-"]):after,.fr-follow .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-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-follow .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):after,.fr-follow .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-follow .fr-link--facebook:after,.fr-follow .fr-link--facebook:before{background-color:transparent;background-image:url(icons/logo/facebook-circle-fill.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-follow .fr-link--twitter:after,.fr-follow .fr-link--twitter:before{background-color:transparent;background-image:url(icons/logo/twitter-fill.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-follow .fr-link--instagram:after,.fr-follow .fr-link--instagram:before{background-color:transparent;background-image:url(icons/logo/instagram-fill.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-follow .fr-link--linkedin:after,.fr-follow .fr-link--linkedin:before{background-color:transparent;background-image:url(icons/logo/linkedin-box-fill.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-follow .fr-link--youtube:after,.fr-follow .fr-link--youtube:before{background-image:url(icons/logo/youtube-fill.svg)}.fr-follow .fr-link--youtube:after,.fr-follow .fr-link--youtube:before,.fr-follow .fr-links-group:not(.fr-links-group--sm):not(.fr-links-group--lg) .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):after,.fr-follow .fr-links-group:not(.fr-links-group--sm):not(.fr-links-group--lg) .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-follow .fr-links-group--lg .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):after,.fr-follow .fr-links-group--lg .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-follow{background-color:#f5f5fe}.fr-follow .fr-input{background-color:#fff}.fr-follow__title{color:#161616}.fr-follow__newsletter-legal{color:#666}.fr-follow__social .fr-btn{background-color:transparent;color:#000091}.fr-follow__social .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-follow__social .fr-btn:disabled,.fr-follow__social a.fr-btn:not([href]){background-color:transparent;color:#929292}.fr-follow__social .fr-btn:disabled:hover,.fr-follow__social a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-btn:disabled:active,.fr-follow__social a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:0 -1px 0 0 #6a6af4}.fr-follow__social .fr-link{background-color:transparent;color:#000091}.fr-follow__social .fr-link:hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-link:active{background-color:rgba(0,0,0,.1)}.fr-follow__social .fr-link:disabled,.fr-follow__social a.fr-link:not([href]){background-color:transparent;color:#929292}.fr-follow__social .fr-link:disabled:hover,.fr-follow__social a.fr-link:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-link:disabled:active,.fr-follow__social a.fr-link:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-password__btn{background-color:transparent;color:#000091}.fr-password__btn:hover{background-color:rgba(0,0,0,.05)}.fr-password__btn:active{background-color:rgba(0,0,0,.1)}.fr-password__btn:disabled,a.fr-password__btn:not([href]){background-color:transparent;color:#929292}.fr-password__btn:disabled:hover,a.fr-password__btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-password__btn:disabled:active,a.fr-password__btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-password [data-fr-capslock]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E")}.fr-password .fr-password__checkbox input[type=checkbox]+label{color:#3a3a3a}.fr-header ol,.fr-header ul{list-style-type:none}.fr-header ol,.fr-header ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-header [href]{text-decoration: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.fr-btn--display: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:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):not(.fr-btn--display):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-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-icon-]:before{height:1rem;width:1rem}.fr-header__tools-links .fr-link{background-color:transparent;color:#000091;overflow:visible}.fr-header__brand{background-color:#fff;z-index:500}.fr-header__menu-links:after,.fr-header__service{box-shadow:inset 0 1px 0 0 #ddd}.fr-header__menu-links .fr-btn{background-color:transparent;box-shadow:none;color:#000091}.fr-header__menu-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){background-color:transparent;color:#929292}.fr-header__menu-links .fr-btn:disabled:hover,.fr-header__menu-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:disabled:active,.fr-header__menu-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn{background-color:transparent;color:#000091}.fr-header__tools-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){background-color:transparent;color:#929292}.fr-header__tools-links .fr-btn:disabled:hover,.fr-header__tools-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:disabled:active,.fr-header__tools-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-service__title{color:#161616}.fr-header__navbar .fr-btn{background-color:transparent;color:#000091}.fr-header__navbar .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn:disabled,.fr-header__navbar a.fr-btn:not([href]){background-color:transparent;color:#929292}.fr-header__navbar .fr-btn:disabled:hover,.fr-header__navbar a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn:disabled:active,.fr-header__navbar a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn--menu{color:#3a3a3a}.fr-header .fr-modal{background-color:#fff}.fr-header__menu-links .fr-link{background-color:transparent;box-shadow:inset 0 -1px 0 0 #ddd;color:#000091}.fr-header__menu-links .fr-link:hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-link:active{background-color:rgba(0,0,0,.1)}.fr-header__menu-links .fr-link:disabled,.fr-header__menu-links a.fr-link:not([href]){background-color:transparent;color:#929292}.fr-header__menu-links .fr-link:disabled:hover,.fr-header__menu-links a.fr-link:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-link:disabled:active,.fr-header__menu-links a.fr-link:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-link:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-link:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-link:disabled,.fr-header__tools-links a.fr-link:not([href]){background-color:transparent;color:#929292}.fr-header__tools-links .fr-link:disabled:hover,.fr-header__tools-links a.fr-link:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-link:disabled:active,.fr-header__tools-links a.fr-link:not([href]):active{background-color:rgba(0,0,0,.1)}}@media (min-width:48em) and (-ms-high-contrast:active),(min-width:48em) and (-ms-high-contrast:none){.fr-sidemenu,.fr-sidemenu__title{box-shadow:none}.fr-sidemenu__inner{box-shadow:inset -1px 0 0 0 #ddd}.fr-sidemenu--right .fr-sidemenu__inner{box-shadow:inset 1px 0 0 0 #ddd}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:-1px 0 0 0 #6a6af4}}@media (-ms-high-contrast:active) and (min-width:48em),(-ms-high-contrast:none) and (min-width:48em){.fr-tabs__panel>*{margin-left:2rem;margin-right:2rem}.fr-tabs__panel>:first-child{margin-top:1.75rem}.fr-tabs__panel>:last-child{margin-bottom:2rem}.fr-card--download .fr-card__body,.fr-card--horizontal .fr-card__body,.fr-card--horizontal-half .fr-card__body,.fr-card--horizontal-tier .fr-card__body{flex-basis:100%}.fr-tile--download.fr-tile--vertical\@md .fr-tile__body,.fr-tile--horizontal.fr-tile--vertical\@md .fr-tile__body{flex-basis:auto}}@media (forced-colors:active) and (-ms-high-contrast:active),(forced-colors:active) and (-ms-high-contrast:none),(prefers-contrast:more) and (-ms-high-contrast:active),(prefers-contrast:more) and (-ms-high-contrast:none){.fr-pagination__link[aria-current]{border:1px solid #000091}}@media (min-width:62em) and (-ms-high-contrast:active),(min-width:62em) and (-ms-high-contrast:none){.fr-nav__item{position:static}.fr-nav__item--align-right .fr-collapse{transform:translateX(-100%)}.fr-menu .fr-menu__list{margin-bottom:2rem}.fr-menu{z-index:1000}.fr-menu__list{background-color:#fff;box-shadow:inset 0 1px 0 0 #e3e3fd}.fr-menu__list>:first-child,.fr-menu__list>:first-child>.fr-nav__link,.fr-menu__list>:hover,.fr-menu__list>:hover+*,.fr-menu__list>:hover+*>.fr-nav__link,.fr-menu__list>:hover>.fr-nav__link{box-shadow:none}.fr-menu .fr-nav__link{box-shadow:0 calc(-1rem - 1px) 0 -1rem #ddd}.fr-mega-menu{background-color:#fff;box-shadow:inset 0 1px 0 0 #e3e3fd;z-index:1000}.fr-mega-menu__category{box-shadow:0 calc(1rem + 1px) 0 -1rem #ddd}.fr-translate .fr-translate__btn[aria-expanded=true]{background-color:#e3e3fd;color:#000091}.fr-header{background-color:#fff;z-index:500}.fr-header__brand{background:transparent;z-index:auto}.fr-header__service{box-shadow:none}.fr-header .fr-header__menu{box-shadow:inset 0 1px 0 0 #ddd}}@media (-ms-high-contrast:active) and (min-width:62em),(-ms-high-contrast:none) and (min-width:62em){.fr-tile--download.fr-tile--vertical\@lg .fr-tile__body,.fr-tile--horizontal.fr-tile--vertical\@lg .fr-tile__body{flex-basis:auto}.fr-header .fr-modal{overflow:visible;position:static}}
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold.woff
deleted file mode 100755
index 1bd5de1ca1d0fcbe2a5b76b2ad4b0997e00878a4..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold.woff2
deleted file mode 100755
index 6ea93fd652dea16bc5553b74c0fb78e9a19b1186..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold_Italic.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold_Italic.woff
deleted file mode 100755
index db3ff08509dc803487beda7cb0497807ff76f57b..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold_Italic.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold_Italic.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold_Italic.woff2
deleted file mode 100755
index c5d3f9990b6730980b8c928bfb7cb33d527eeea3..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Bold_Italic.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light.woff
deleted file mode 100755
index 9339cbf5683a7dd48fe6e7bb2ba435ad1543c60c..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light.woff2
deleted file mode 100755
index d8e7a2dd66e6d68717d87c675123b6dfb76e02e5..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light_Italic.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light_Italic.woff
deleted file mode 100755
index d3168a637a9e3cbac7e8fd4b1177beb16c4f2de4..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light_Italic.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light_Italic.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light_Italic.woff2
deleted file mode 100755
index c57a565835a30aa62c220ac16eb92cb8b74662ff..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Light_Italic.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium.woff
deleted file mode 100755
index aca497b8a88f13028b580e19410acdbc6ad27def..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium.woff2
deleted file mode 100755
index 46a6e19eedf3d3d97770c81430ee5d3fd9479188..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium_Italic.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium_Italic.woff
deleted file mode 100755
index 44865afebdb2ffb5b6688be93115cd6fa14c26aa..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium_Italic.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium_Italic.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium_Italic.woff2
deleted file mode 100755
index 029c166f872d67540d3a59004f3fec4ae44a23b4..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Medium_Italic.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular.woff
deleted file mode 100755
index 707f7f2496620e23167d9898d6f09e1e81bcfe99..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular.woff2
deleted file mode 100755
index d19d7cc99c80e3dca07e751525e03bcee272d45b..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular_Italic.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular_Italic.woff
deleted file mode 100755
index 4dcb97ffb8af90d10f217df81179b7934069b4ee..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular_Italic.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular_Italic.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular_Italic.woff2
deleted file mode 100755
index 32b8504568e30d020a0f5f1289fc7335c2999953..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Marianne-Regular_Italic.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-ExtraBold.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-ExtraBold.woff
deleted file mode 100644
index e2d53263c71afdd0a94f4aa48d66e2f348eceda9..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-ExtraBold.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-ExtraBold.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-ExtraBold.woff2
deleted file mode 100644
index 0b96ef1878f6a51914a26a053d0d75bd9158e6a1..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-ExtraBold.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-Regular.woff b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-Regular.woff
deleted file mode 100644
index 111c31212e6f37b095ab29cfa36804c509b0cebf..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-Regular.woff and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-Regular.woff2 b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-Regular.woff2
deleted file mode 100644
index 717905cb009312e56cae8012363c7e48dedea976..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/fonts/Spectral-Regular.woff2 and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-gate-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-gate-fill.svg
deleted file mode 100644
index 11015786e309f0a159095f911a83c340c068fff7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-gate-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.901 10a2.999 2.999 0 0 0 4.075 1.113 3.5 3.5 0 0 1-1.975 3.55L21 21h-6v-2a3 3 0 0 0-5.995-.176L9 19v2H3v-6.336a3.5 3.5 0 0 1-1.979-3.553A2.999 2.999 0 0 0 5.098 10h13.803Zm-1.865-7a3.5 3.5 0 0 0 4.446 2.86 3.5 3.5 0 0 1-3.29 3.135L18 9H6a3.5 3.5 0 0 1-3.482-3.14A3.5 3.5 0 0 0 6.964 3h10.072Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-gate-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-gate-line.svg
deleted file mode 100644
index 613ef892ab0e4bd5cf60b7e9c4e29eeaf144fd19..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-gate-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.901 10a2.999 2.999 0 0 0 4.075 1.113 3.5 3.5 0 0 1-1.975 3.55L21 21h-7v-2a2 2 0 0 0-1.85-1.995L12 17a2 2 0 0 0-1.995 1.85L10 19v2H3v-6.336a3.5 3.5 0 0 1-1.979-3.553A2.999 2.999 0 0 0 5.098 10h13.803Zm-.971 2H6.069l-.076.079c-.431.42-.935.76-1.486 1.002l-.096.039.589.28-.001 5.6 3.002-.001v-.072l.01-.223c.149-2.016 1.78-3.599 3.854-3.698l.208-.005.223.01a4 4 0 0 1 3.699 3.787l.004.201L19 19l.001-5.6.587-.28-.095-.04a5.002 5.002 0 0 1-1.486-1.001L17.93 12Zm-.894-9a3.5 3.5 0 0 0 4.446 2.86 3.5 3.5 0 0 1-3.29 3.135L18 9H6a3.5 3.5 0 0 1-3.482-3.14A3.5 3.5 0 0 0 6.964 3h10.072ZM15.6 5H8.399a5.507 5.507 0 0 1-1.49 1.816L6.661 7h10.677l-.012-.008a5.518 5.518 0 0 1-1.579-1.722L15.6 5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-pavilion-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-pavilion-fill.svg
deleted file mode 100644
index f211ebea9e49c7b152e7285105bb1c45b025a4a9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-pavilion-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.513 2.002a9.004 9.004 0 0 0 9.97 5.876A4.501 4.501 0 0 1 19 11.888V19l2 .001v2H3v-2h2v-7.113a4.503 4.503 0 0 1-3.484-4.01 9.004 9.004 0 0 0 9.972-5.876h1.025ZM17 12H7v7h10v-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-pavilion-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-pavilion-line.svg
deleted file mode 100644
index 3cd0eb9b901b012fe39d5b7ed651a0274accc992..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/ancient-pavilion-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.513 2.002a9.004 9.004 0 0 0 9.97 5.876A4.501 4.501 0 0 1 19 11.888V19l2 .001v2H3v-2h2v-7.113a4.503 4.503 0 0 1-3.484-4.01 9.004 9.004 0 0 0 9.972-5.876h1.025ZM17 12H7v7h10v-7Zm-5-6.674v.001l-.11.155A11.012 11.012 0 0 1 5.4 9.736l-.358.073.673.19h12.573l.668-.19-.011-.002a11.01 11.01 0 0 1-6.836-4.326L12 5.326Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/bank-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/bank-fill.svg
deleted file mode 100644
index 333b8dbf293d7706fd844dd77e77464677fcb206..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/bank-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 20v2H2v-2h20ZM6 12v7H4v-7h2Zm5 0v7H9v-7h2Zm4 0v7h-2v-7h2Zm5 0v7h-2v-7h2ZM12 2l10 5v4H2V7l10-5Zm0 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/bank-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/bank-line.svg
deleted file mode 100644
index 616a3366f66cc13ead3d62d3a41e79119f196079..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/bank-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 20v2H2v-2h20ZM6 12v7H4v-7h2Zm5 0v7H9v-7h2Zm4 0v7h-2v-7h2Zm5 0v7h-2v-7h2ZM12 2l10 5v4H2V7l10-5Zm0 2.236-8 4V9h16v-.764l-8-4ZM12 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/building-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/building-fill.svg
deleted file mode 100644
index 51be1417359aeee41ac545762eb6b34edec9f36e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/building-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a1 1 0 0 1 1 1v15h2V9h3a1 1 0 0 1 1 1v9h2v2H1v-2h2V4a1 1 0 0 1 1-1h10Zm-3 8H7v2h4v-2Zm0-4H7v2h4V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/building-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/building-line.svg
deleted file mode 100644
index a811aa43079f58199452d527803dd19d8b253013..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/building-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9h2v2H1v-2h2V4a1 1 0 0 1 1-1h10Zm-1 2H5v14h8V5Zm-2 6v2H7v-2h4Zm0-4v2H7V7h4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/community-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/community-fill.svg
deleted file mode 100644
index 26e0ad56da3806eaa1f115b2d36b5cbcafc420c2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/community-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7.513a1 1 0 0 1 .343-.754L6 8.544V4a1 1 0 0 1 1-1h14ZM8 9.454l-4 3.488V19h3v-4h2v4h3v-6.058L8 9.454ZM18 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0-4h-2v2h2V7Zm-4 0h-2v2h2V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/community-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/community-line.svg
deleted file mode 100644
index 3dfe45a51b2aec43d14c13721afb1423ec97cda4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/community-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7.513a1 1 0 0 1 .343-.754L6 8.544V4a1 1 0 0 1 1-1h14Zm-1 2H8v2.127c.234 0 .469.082.657.247l5 4.359a1 1 0 0 1 .343.754V19h6V5ZM8 9.454l-4 3.488V19h3v-4h2v4h3v-6.058L8 9.454ZM18 15v2h-2v-2h2Zm0-4v2h-2v-2h2Zm0-4v2h-2V7h2Zm-4 0v2h-2V7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/government-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/government-fill.svg
deleted file mode 100644
index 97a7bf797995d8f39f96f28829248708c580c8c9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/government-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a1 1 0 0 1 1 1v2h3v2h-1v11h1v2H1v-2h1V8H1V6h3V4a1 1 0 0 1 1-1h14Zm-6 9h-2v7h2v-7Zm-5 0H6v7h2v-7Zm10 0h-2v7h2v-7Zm0-7H6v1h12V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/government-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/government-line.svg
deleted file mode 100644
index e6a72d4333c6920f5f7eedf24e2bd1860de4fd25..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/government-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a1 1 0 0 1 1 1v2h3v2h-1v11h1v2H1v-2h1V8H1V6h3V4a1 1 0 0 1 1-1h14Zm1 5H4v11h3v-7h2v7h2v-7h2v7h2v-7h2v7h3V8Zm-2-3H6v1h12V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/home-4-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/home-4-fill.svg
deleted file mode 100644
index ef51325c86cff147e72d92d9d316d77f93e96517..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/home-4-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.673 1.612 23 11h-3v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0ZM13 13h-2v6h2v-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/home-4-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/home-4-line.svg
deleted file mode 100644
index 230046d382537fee5ea281c1535d1f912caa21c2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/home-4-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.673 1.612 23 11h-3v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0ZM12 3.703 6 9.157V19h5v-6h2v6h5V9.157l-6-5.454Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hospital-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hospital-fill.svg
deleted file mode 100644
index 974d7c98d2d3a66c3c700563437fc760596f7b01..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hospital-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17h2v2H1v-2h2V3a1 1 0 0 1 1-1h16Zm-4 12H8v6h2v-4h4v4h2v-6Zm-3-8h-2v2H9v2h2v2h2v-2h2V8h-2V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hospital-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hospital-line.svg
deleted file mode 100644
index 858b5188c91b54946e1d50783effc180e20a30f9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hospital-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17h2v2H1v-2h2V3a1 1 0 0 1 1-1h16Zm-6 14h-4v4h4v-4Zm5-12H5v16h3v-6h8v6h3V4Zm-6 2v2h2v2h-2v2h-2v-2H9V8h2V6h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hotel-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hotel-fill.svg
deleted file mode 100644
index 953371f3f4eadcb1208812eceea50222fc58fd6e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hotel-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 3a1 1 0 0 1 1 1v5h2v10h1v2H2v-2h1V4a1 1 0 0 1 1-1h14Zm1 8h-6v8h2v-6h2v6h2v-8ZM9 15H7v2h2v-2Zm0-4H7v2h2v-2Zm0-4H7v2h2V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hotel-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hotel-line.svg
deleted file mode 100644
index bc96a572a9c7d800724716b6c414754810d20b76..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/hotel-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 3a1 1 0 0 1 1 1v5h2v10h1v2H2v-2h1V4a1 1 0 0 1 1-1h14Zm1 8h-6v8h2v-6h2v6h2v-8Zm-2-6H5v14h6V9h6V5ZM9 15v2H7v-2h2Zm0-4v2H7v-2h2Zm0-4v2H7V7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/store-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/store-fill.svg
deleted file mode 100644
index 277781c5d2cb58d5a1a7a10485fe5014f66744b4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/store-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.79 2a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79Zm-.58 2H5.789L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/store-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/store-line.svg
deleted file mode 100644
index 083f8f1263503217f7eb846bc9c24addda9d234e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/buildings/store-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.79 2a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79Zm-3.54 10.612a4.496 4.496 0 0 1-6.5.002A4.496 4.496 0 0 1 5 13.973V20h14v-6.028a4.496 4.496 0 0 1-3.75-1.36ZM18.21 4H5.789L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/archive-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/archive-fill.svg
deleted file mode 100644
index 3e40df8d48d0742ac909ef25957196e28a9f42a5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/archive-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 10v10.004c0 .55-.445.996-.993.996H3.993A.994.994 0 0 1 3 20.004V10h18Zm-6 2H9v2h6v-2Zm6.008-9c.548 0 .992.444.992 1v4H2V4c0-.552.455-1 .992-1h18.016Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/archive-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/archive-line.svg
deleted file mode 100644
index acdf5724cebf11e2a81f0723a737b0d565cfba26..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/archive-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3A.99.99 0 0 1 22 4.003V10h-1v10.001a.996.996 0 0 1-.993.999H3.993A.996.996 0 0 1 3 20.001V10H2V4.003C2 3.449 2.455 3 2.992 3h18.016ZM19 10H5v9h14v-9Zm-4 2v2H9v-2h6Zm5-7H4v3h16V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/attachment-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/attachment-fill.svg
deleted file mode 100644
index 6d487a0b3338c6782b8021a4de6147d9b676c05b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/attachment-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.003 2c.549 0 .994.444.994.992L21 21.008a1 1 0 0 1-.993.992H3.993A.993.993 0 0 1 3 21.008V2.992A1 1 0 0 1 3.993 2h16.01ZM10 6a3 3 0 0 0-3 3v4a5 5 0 0 0 10 0V8h-2v5a3 3 0 0 1-6 0V9a1 1 0 1 1 2 0v4a1 1 0 0 0 2 0V9a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/attachment-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/attachment-line.svg
deleted file mode 100644
index 5fc54b2050b4d6150a52b3f592cbdcb4f1bd0f75..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/attachment-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 13.5V8a4 4 0 0 0-8 0v5.5a6.5 6.5 0 1 0 13 0V4h2v9.5a8.5 8.5 0 1 1-17 0V8a6 6 0 0 1 12 0v5.5a3.5 3.5 0 1 1-7 0V8h2v5.5a1.5 1.5 0 1 0 3 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/award-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/award-fill.svg
deleted file mode 100644
index 09bccae39f2be2548f5410b37326da74e9e34d8b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/award-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1.001a8 8 0 0 1 5 14.245v6.871a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 0 1 5-14.245ZM12 3a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/award-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/award-line.svg
deleted file mode 100644
index 83b0a8861c8ff50ec488a852cfacbba322541b72..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/award-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1.001a8 8 0 0 1 5 14.245v6.871a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 0 1 5-14.245Zm3 15.417A7.978 7.978 0 0 1 12 17a7.978 7.978 0 0 1-3-.582v3.05l3-1.8 3 1.8v-3.05ZM12 3a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bar-chart-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bar-chart-box-fill.svg
deleted file mode 100644
index 8e6efc1622de079bea2ec5d0d4ce3085355455ac..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bar-chart-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18ZM9 13H7v4h2v-4Zm4-6h-2v10h2V7Zm4 3h-2v7h2v-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bar-chart-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bar-chart-box-line.svg
deleted file mode 100644
index 928620da7764e773eb1e05fb79cfb17b79240a01..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bar-chart-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5ZM9 13v4H7v-4h2Zm4-6v10h-2V7h2Zm4 3v7h-2v-7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bookmark-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bookmark-fill.svg
deleted file mode 100644
index 0de512c5bb83696555faf7b523ffdb7ad960b3bc..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bookmark-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 2h14a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bookmark-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bookmark-line.svg
deleted file mode 100644
index df6a0e86a8fa5267040d96ff6c6ccb176c7e7b4c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/bookmark-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1h14Zm-1 2H6v15.432l6-3.761 6 3.761V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/briefcase-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/briefcase-fill.svg
deleted file mode 100644
index 0ed19587aee310c8d58411318d6ad013057287c0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/briefcase-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm4 14H4v4h16v-4Zm-7-4h-2v2h2v-2Zm2-8H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/briefcase-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/briefcase-line.svg
deleted file mode 100644
index 0a96a6c716ad82f3b785bd14d7f1f707eac9f2a4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/briefcase-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm4 15H4v3h16v-3Zm0-9H4v7h16V7Zm-7 4v2h-2v-2h2Zm2-8H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-2-fill.svg
deleted file mode 100644
index 1b884a7af7de53624989172d2e1aa16782dd2f72..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 8H4v10h16V9ZM8 11v2H6v-2h2Zm5 0v2h-2v-2h2Zm5 0v2h-2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-2-line.svg
deleted file mode 100644
index a94ec61a113e8fd1758eff20261397f8d600009e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 10H4v8h16v-8ZM8 13v2H6v-2h2Zm5 0v2h-2v-2h2Zm5 0v2h-2v-2h2ZM7 5H4v4h16V5h-3v2h-2V5H9v2H7V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-event-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-event-fill.svg
deleted file mode 100644
index 84f5620bc8844965283d37c890564c26c575dc9e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-event-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 8H4v10h16V9Zm-9 4v4H6v-4h5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-event-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-event-line.svg
deleted file mode 100644
index 4f31a3c4e212bdb231cd7590ea0b1c9ab9096fdd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-event-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 10H4v8h16v-8Zm-9 2v4H6v-4h5ZM7 5H4v4h16V5h-3v2h-2V5H9v2H7V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-fill.svg
deleted file mode 100644
index ffadcb7d66f623caf91d4e33ececc5f30befba7d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 11h20v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9zm15-8h4a1 1 0 0 1 1 1v5H2V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-line.svg
deleted file mode 100644
index f4b79b8793131d4c611b1798087626fabec56d32..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/calendar-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/cloud-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/cloud-fill.svg
deleted file mode 100644
index b588e93e5acdf52bdf0ed6d1936b945bd893165f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/cloud-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 7a8.003 8.003 0 0 0-7.493 5.19l1.874.703A6.002 6.002 0 0 1 23 15a6 6 0 0 1-6 6H7A6 6 0 0 1 5.008 9.339a7 7 0 0 1 13.757-2.143A8.027 8.027 0 0 0 17 7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/cloud-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/cloud-line.svg
deleted file mode 100644
index 4cd3e697ed6d441d0f76aa605010edc5ab4b728e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/cloud-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.596 2.999a7 7 0 0 1 3.396 6.34A6 6 0 0 1 17 21H7A6 6 0 0 1 5.008 9.339a7 7 0 0 1 10.588-6.34ZM9.36 4.752a5 5 0 0 0-2.354 4.491l.07 1.488-1.404.494A4.002 4.002 0 0 0 7 19h10a4 4 0 1 0-3.796-5.265l-1.898-.633A6.003 6.003 0 0 1 17 9a5 5 0 0 0-7.64-4.248Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/copyright-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/copyright-fill.svg
deleted file mode 100644
index 0f1c9c85ee1c9acf3ba867fdc323cef2ea9b0166..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/copyright-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2Zm0 5c-2.76 0-5 2.24-5 5a5.002 5.002 0 0 0 9.288 2.572l-1.715-1.028a3 3 0 1 1 .001-3.087l1.714-1.03A4.999 4.999 0 0 0 12 7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/copyright-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/copyright-line.svg
deleted file mode 100644
index 9da8ed2bab99ef01743e2545f971febde28654a3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/copyright-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2Zm0 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm0 3c1.82 0 3.413.973 4.288 2.428l-1.714 1.029a3 3 0 1 0-.001 3.087l1.715 1.028A4.999 4.999 0 0 1 7 12c0-2.76 2.24-5 5-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/customer-service-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/customer-service-fill.svg
deleted file mode 100644
index 7152c3e446e2446d6f708e588d9b8d870b3a2acc..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/customer-service-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 17.002a6.002 6.002 0 0 1-4.713 5.86l-.638-1.914A4.003 4.003 0 0 0 19.465 19H17a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.938a8.001 8.001 0 0 0-15.876 0H7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5C2 6.477 6.477 2 12 2s10 4.477 10 10v5.002Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/customer-service-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/customer-service-line.svg
deleted file mode 100644
index f4a633953dddbcbf6590a863215123d9a1842443..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/customer-service-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10v5.002a6.002 6.002 0 0 1-4.713 5.86l-.638-1.914A4.003 4.003 0 0 0 19.465 19H17a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.938a8.001 8.001 0 0 0-15.876 0H7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5C2 6.477 6.477 2 12 2Zm8 11h-3v4h3v-4ZM7 13H4v4h3v-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/flag-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/flag-fill.svg
deleted file mode 100644
index c527ae106759c5b947e3313b42042a505c051453..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/flag-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3h9.382a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/flag-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/flag-line.svg
deleted file mode 100644
index a7c98d9ae48c77800202faebfabcb8ba7baf9a52..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/flag-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.382 3a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3h9.382Zm-.618 2H5v9h8.236l1 2H19V7h-6.236l-1-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/global-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/global-fill.svg
deleted file mode 100644
index a7f20e6a28aa927eebe72c945c38010aa6da6ee2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/global-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.527 13a17.9 17.9 0 0 0 2.925 8.88A10.005 10.005 0 0 1 2.05 13h5.477Zm14.423 0a10.005 10.005 0 0 1-8.402 8.88A17.9 17.9 0 0 0 16.473 13h5.477Zm-7.48 0A15.908 15.908 0 0 1 12 20.592 15.908 15.908 0 0 1 9.53 13h4.94ZM10.452 2.12A17.9 17.9 0 0 0 7.527 11H2.05a10.005 10.005 0 0 1 8.402-8.88ZM12 3.408A15.908 15.908 0 0 1 14.47 11H9.53A15.908 15.908 0 0 1 12 3.408Zm1.548-1.288A10.005 10.005 0 0 1 21.95 11h-5.477a17.9 17.9 0 0 0-2.925-8.88Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/global-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/global-line.svg
deleted file mode 100644
index bcbaf9bd4283a64d74f131a00a6176594626ecdf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/global-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm1.97 11h-3.94c.151 2.439.848 4.73 1.97 6.752A15.905 15.905 0 0 0 13.97 13Zm-5.943 0H4.062a8.008 8.008 0 0 0 5.648 6.667A17.9 17.9 0 0 1 8.027 13Zm11.911 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13ZM12 4.248A15.905 15.905 0 0 0 10.03 11h3.939A15.905 15.905 0 0 0 12 4.248Zm-2.29.085A8.008 8.008 0 0 0 4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333Zm4.58 0A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/line-chart-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/line-chart-fill.svg
deleted file mode 100644
index d8ec5bd2dc35205c0a9c79132270f854d88f4012..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/line-chart-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 3v16h16v2H3V3h2Zm14.94 2.94 2.12 2.12L16 14.122l-3-3-3.94 3.94-2.12-2.122L13 6.88l3 3 3.94-3.94Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/line-chart-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/line-chart-line.svg
deleted file mode 100644
index c9fe83ae278f4882b0580f365aca33923d7d4a73..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/line-chart-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 3v16h16v2H3V3h2Zm15.293 3.293 1.414 1.414L16 13.414l-3-2.999-4.293 4.292-1.414-1.414L13 7.586l3 2.999 4.293-4.292Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/links-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/links-fill.svg
deleted file mode 100644
index be83b45626a0376b83ab6bdf838d689f60e3ee18..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/links-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.06 8.11 1.415 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 0 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.071l.354-.354a5 5 0 0 0 0-7.07l-1.415-1.415 1.415-1.414zm6.718 6.011-1.414-1.414a5 5 0 1 0-7.071-7.071l-.354.354a5 5 0 0 0 0 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 0 1 9.9 9.9z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/links-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/links-line.svg
deleted file mode 100644
index a36b39b8a8e8d5bdff413bf2108cd4264583cb7a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/links-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.89 7.939 1.414 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 0 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.07l.354-.353a5 5 0 0 0 0-7.07l-1.415-1.415L12.89 7.94v-.001Zm6.717 6.01-1.414-1.413a5 5 0 1 0-7.07-7.071l-.355.354a5 5 0 0 0 0 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 1 1 9.9 9.9v-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-fill.svg
deleted file mode 100644
index 9846672d44d4c0116c8f9fa69d2bf6336173427a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm9.06 8.683L5.648 6.238 4.353 7.762l7.72 6.555 7.581-6.56-1.308-1.513-6.285 5.439h-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-line.svg
deleted file mode 100644
index 4aa057292bdab5d616dc78f736d818d82d242431..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm17 4.238-7.928 7.1L4 7.216V19h16V7.238ZM4.511 5l7.55 6.662L19.502 5H4.511Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-open-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-open-fill.svg
deleted file mode 100644
index 4e2499dca688c972d0917559d34d811544ae243b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-open-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.519 1.31 9.238 5.545a.5.5 0 0 1 .243.429V20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.283a.5.5 0 0 1 .243-.429L11.49 1.31a1 1 0 0 1 1.029 0ZM5.647 8.238 4.353 9.762l7.72 6.555 7.581-6.56-1.308-1.513-6.285 5.439-6.414-5.445Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-open-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-open-line.svg
deleted file mode 100644
index 0b15fa7b6f003cfa42a8860bda0ea4211deae259..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/mail-open-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.519 1.31 9.238 5.545a.5.5 0 0 1 .243.429V20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.283a.5.5 0 0 1 .243-.429L11.49 1.31a1 1 0 0 1 1.029 0Zm-.515 2.022L4 8.132V19h16V8.132l-7.996-4.8ZM6.636 9.228l5.424 4.47 5.296-4.463 1.288 1.53-6.57 5.537-6.71-5.53 1.272-1.544Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/medal-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/medal-fill.svg
deleted file mode 100644
index 49db8a595b988b49f8280e2c9e9b835c00adab1c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/medal-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 7a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 3.5-1.323 2.68-2.957.43 2.14 2.085-.505 2.946L12 17.25l2.645 1.39-.505-2.945 2.14-2.086-2.957-.43L12 10.5ZM18 2v3l-1.363 1.138A9.935 9.935 0 0 0 13 5.049V2h5Zm-7-.001v3.05a9.935 9.935 0 0 0-3.636 1.088L6 5V2l5-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/medal-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/medal-line.svg
deleted file mode 100644
index 2051137c9d5aadee84631f2124126ad43f3c495d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/medal-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 7a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 1.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L12 17.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43L12 10.5ZM18 2v3l-1.363 1.138A9.935 9.935 0 0 0 13 5.049V2h5Zm-7-.001v3.05a9.935 9.935 0 0 0-3.636 1.088L6 5V2l5-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-2-fill.svg
deleted file mode 100644
index c9a67c47a494908efb3a37eb80d63945741d3934..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2.05V13h10.95c-.501 5.053-4.765 9-9.95 9-5.523 0-10-4.477-10-10 0-5.185 3.947-9.449 9-9.95Zm2-1.507C18.553 1.02 22.979 5.447 23.457 11H13V.543Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-2-line.svg
deleted file mode 100644
index 42aad272008fede2512d34ac06ee497db76f3b97..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 .5C18.351.5 23.5 5.649 23.5 12c0 .337-.014.67-.043 1h-1.506c-.502 5.053-4.766 9-9.951 9-5.523 0-10-4.477-10-10 0-5.185 3.947-9.449 9-9.95V.543c.33-.029.663-.043 1-.043Zm-1 3.562A8.001 8.001 0 0 0 12 20a8 8 0 0 0 7.938-7H11V4.062Zm2-1.51V11h8.448A9.503 9.503 0 0 0 13 2.552Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-box-fill.svg
deleted file mode 100644
index 582bac4ee05a77173c28c38eb88f78818ad02373..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18ZM11 7.1a5.002 5.002 0 0 0 1 9.9 5.002 5.002 0 0 0 4.9-4H11V7.1Zm2 0V11h3.9A5.006 5.006 0 0 0 13 7.1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-box-line.svg
deleted file mode 100644
index 5e09e6368fcbe0fd1e514249d761cf552d181b59..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/pie-chart-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-9 2.1V13h5.9A5.002 5.002 0 0 1 7 12a5.002 5.002 0 0 1 4-4.9Zm2 0a5.006 5.006 0 0 1 3.9 3.9H13V7.1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/printer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/printer-fill.svg
deleted file mode 100644
index ffecd9a7b59ad0a39ee1d5b487c3d6513fd1a807..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/printer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 17h10v5H7v-5Zm12 3v-5H5v5H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-2ZM5 10v2h3v-2H5Zm2-8h10a1 1 0 0 1 1 1v3H6V3a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/printer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/printer-line.svg
deleted file mode 100644
index 376fc176d08551d4bb363fe236e62baa91edb7de..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/printer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 19H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2Zm0-2v-1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1h2V9H4v8h2ZM8 4v3h8V4H8Zm0 13v3h8v-3H8Zm-3-7h3v2H5v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/profil-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/profil-fill.svg
deleted file mode 100644
index 42307178cf18b72e271cc23ea6179c06b76e20c7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/profil-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM18 15H6v2h12v-2Zm-6-8H6v6h6V7Zm6 4h-4v2h4v-2Zm-8-2v2H8V9h2Zm8-2h-4v2h4V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/profil-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/profil-line.svg
deleted file mode 100644
index e5d0b0ab480f5e1c66afd2a07a61f8ee2145d650..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/profil-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM20 5H4v14h16V5Zm-2 10v2H6v-2h12Zm-6-8v6H6V7h6Zm6 4v2h-4v-2h4Zm-8-2H8v2h2V9Zm8-2v2h-4V7h4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/projector-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/projector-2-fill.svg
deleted file mode 100644
index f443d9d20e31a20528c0df663ec78cff82031328..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/projector-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.5 3a6.48 6.48 0 0 1 4.69 2H22a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v2h-2v-2H4v2H2v-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h9.81a6.481 6.481 0 0 1 4.69-2ZM6 13H4v2h2v-2Zm4 0H8v2h2v-2Zm6.5-8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/projector-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/projector-2-line.svg
deleted file mode 100644
index 981a851f87b6a09160775df886ce645425934133..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/projector-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3c1.777 0 3.374.773 4.472 2H22a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v2h-2v-2H4v2H2v-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10.528A5.985 5.985 0 0 1 17 3Zm-5.659 4H3v10h18v-3.528A6 6 0 0 1 11.341 7ZM7 13v2H5v-2h2Zm3 0v2H8v-2h2Zm7-8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/send-plane-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/send-plane-fill.svg
deleted file mode 100644
index 1f829bbaadcec1fc3de8f6baeafe89eb5b05e24d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/send-plane-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/send-plane-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/send-plane-line.svg
deleted file mode 100644
index 827c872981626362178e44970f461bf8825c0d15..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/send-plane-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m21.727 2.957-5.454 19.086c-.15.529-.475.553-.717.07L11 13 1.923 9.37c-.51-.205-.504-.51.034-.689l19.086-6.362c.529-.176.832.12.684.638Zm-2.692 2.14L6.812 9.17h.001l5.636 2.255 3.04 6.082 3.546-12.41Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/slideshow-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/slideshow-fill.svg
deleted file mode 100644
index 0f3d93f24b8d39f0c381886a65edce5d398cc944..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/slideshow-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6v14a1 1 0 0 1-1 1h-8v2h-2v-2H3a1 1 0 0 1-1-1V6h20ZM8 10a3 3 0 1 0 3 3H8v-3Zm11 4h-6v2h6v-2Zm0-4h-6v2h6v-2Zm3-7v2H2V3h20Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/slideshow-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/slideshow-line.svg
deleted file mode 100644
index f0ac02f11a822a96db7a70b2a6bfb77f544eebe2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/slideshow-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6v14a1 1 0 0 1-1 1h-8v2h-2v-2H3a1 1 0 0 1-1-1V6h20Zm-2 2H4v11h16V8Zm-2 6v2h-5v-2h5Zm-9-4v3h3a3 3 0 1 1-3-3Zm9 0v2h-5v-2h5Zm4-7v2H2V3h20Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/window-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/window-fill.svg
deleted file mode 100644
index 87eab4c12192fb97b45b1c0c38459913347f0bd7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/window-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 7H4v9h16v-9ZM7 6H5v2h2V6Zm4 0H9v2h2V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/window-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/window-line.svg
deleted file mode 100644
index aca2f410d4540cd6cb98143be6067d26316cc156..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/business/window-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 8H4v8h16v-8Zm0-6H4v4h16V5Zm-9 1v2H9V6h2ZM7 6v2H5V6h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-2-fill.svg
deleted file mode 100644
index 3797562982fbc2a15012e4c3ec190ab102c112c3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.45 19 12 22.5 9.55 19H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-6.55Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-2-line.svg
deleted file mode 100644
index aa8f10fb0a1837e4bca40efbe135e84e7fef8a49..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-6.55L12 22.5 9.55 19H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v12h6.591L12 19.012 13.409 17H20V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-3-fill.svg
deleted file mode 100644
index a253e247ad2f9182a7456d30d831f9a03291531f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.291 20.824 2 22l1.176-5.291A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.956 9.956 0 0 1-4.709-1.176Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-3-line.svg
deleted file mode 100644
index c849d15daad390f898083feb6484bb8a4a363947..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.956 9.956 0 0 1-4.709-1.176L2 22l1.176-5.291A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 2a8 8 0 0 0-8 8c0 1.334.325 2.618.94 3.766l.349.653-.655 2.947 2.947-.655.653.35A7.955 7.955 0 0 0 12 20a8 8 0 0 0 0-16Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-check-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-check-fill.svg
deleted file mode 100644
index 9996a8e8514833c7e75d326ba9ceebfb472bbedf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-check-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-5.464 4.879-4.243 4.242-2.475-2.475-1.414 1.415 3.889 3.889 5.657-5.657-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-check-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-check-line.svg
deleted file mode 100644
index b3cc34352741405fe591826a97ffd6837b0b2fd2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-check-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-4.464 2.879 1.414 1.414-5.657 5.657-3.89-3.89 1.415-1.414 2.475 2.475 4.243-4.242Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-delete-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-delete-fill.svg
deleted file mode 100644
index d4069cb3bd046cd52ba7d9da57d84d4fbf30121a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-delete-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18ZM9.525 7.11 8.111 8.525 10.586 11 8.11 13.475l1.414 1.414L12 12.414l2.475 2.475 1.414-1.414L13.414 11h.001l2.474-2.475-1.414-1.414L12 9.586 9.525 7.11Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-delete-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-delete-line.svg
deleted file mode 100644
index d2254277e2fd19a144097f6941cf43350bbb0610..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-delete-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-5.525 2.111 1.414 1.414L13.414 11l2.475 2.475-1.414 1.414L12 12.414 9.525 14.89l-1.414-1.414L10.586 11 8.11 8.525l1.414-1.414L12 9.586l2.475-2.475Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-poll-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-poll-fill.svg
deleted file mode 100644
index e06a9128265ac0a3744e422eaa53b0a2c3216569..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-poll-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 2v8h-2V7h2Zm4 2v6h-2V9h2Zm-8 2v4H7v-4h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-poll-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-poll-line.svg
deleted file mode 100644
index 0dce111f4c13393bf473c09286fcd68c858744e1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/chat-poll-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-8 4h-2v8h2V7Zm4 2h-2v6h2V9Zm-8 2H7v4h2v-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/discuss-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/discuss-fill.svg
deleted file mode 100644
index a984cec00aff7c0887dd400ae8c63cf05848c612..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/discuss-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6.103a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2L14 22.5 11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16ZM19 2v2H3v11H1V3a1 1 0 0 1 1-1h17Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/discuss-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/discuss-line.svg
deleted file mode 100644
index 6e7cc406cceae9715432eb021cabd7a22d9acc48..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/discuss-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6.103a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2L14 22.5 11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16Zm-1 2H7V17h5.161L14 19.298 15.839 17H21V8.103ZM19 2v2H3v11H1V3a1 1 0 0 1 1-1h17Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/feedback-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/feedback-fill.svg
deleted file mode 100644
index 5d70a8a10d984cf561689b72cb6749ee061f79ec..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/feedback-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-8 10h-2v2h2v-2Zm0-6h-2v5h2V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/feedback-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/feedback-line.svg
deleted file mode 100644
index 8d438f882543fdaccc849b50cc4341367cd97aa2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/feedback-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 8v2h-2v-2h2Zm0-6v5h-2V7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/message-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/message-2-fill.svg
deleted file mode 100644
index f10699eec5648e0025c529a06ec9252bf46b7698..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/message-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18ZM9 10H7v2h2v-2Zm4 0h-2v2h2v-2Zm4 0h-2v2h2v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/message-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/message-2-line.svg
deleted file mode 100644
index 2e323bdedf5b145cf566a2ab00fab625c13f93c2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/message-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 5v2h-2v-2h2Zm-4 0v2H7v-2h2Zm8 0v2h-2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/question-answer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/question-answer-fill.svg
deleted file mode 100644
index ce83bd9b6320116e1c65e9a993b61047767a9954..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/question-answer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 9a1 1 0 0 1 1 1v13.5L17.545 20H9a1 1 0 0 1-1-1v-1h10.237L20 19.385V9h1Zm-4-6a1 1 0 0 1 1 1v12H5.455L1 19.5V4a1 1 0 0 1 1-1h15Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/question-answer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/question-answer-line.svg
deleted file mode 100644
index 813c1b271b15b6849876cac63b8f63b426e3371a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/question-answer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 8a1 1 0 0 1 1 1v13.5L17.545 19H9a1 1 0 0 1-1-1v-1h10.237L20 18.385V8h1Zm-4-6a1 1 0 0 1 1 1v12H5.455L1 18.5V3a1 1 0 0 1 1-1h15Zm-1 2H3v10.385L4.763 13H16V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/questionnaire-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/questionnaire-fill.svg
deleted file mode 100644
index 668194697436653ca5291299f16af7344eb550a0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/questionnaire-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-8 11h-2v2h2v-2ZM8.567 8.813l1.962.393A1.5 1.5 0 1 1 12 11h-1v2h1a3.5 3.5 0 1 0-3.433-4.187Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/questionnaire-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/questionnaire-line.svg
deleted file mode 100644
index aa80bc022eced8fe40f35affd84a08e51bdd84b1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/questionnaire-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 9v2h-2v-2h2Zm-.54-7.972A3.501 3.501 0 0 1 12 13h-1v-2h1a1.5 1.5 0 1 0-1.471-1.794l-1.962-.393a3.501 3.501 0 0 1 3.892-2.785Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/video-chat-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/video-chat-fill.svg
deleted file mode 100644
index 40207b6f3ff2f7d59340ba0bedc0be5c5612c2bf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/video-chat-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-7 5H7v6h7v-2.25L17 14V8l-3 2.25V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/video-chat-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/video-chat-line.svg
deleted file mode 100644
index 1458dc8ea881cd3f576b0541cc605f4e2b5dd52a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/communication/video-chat-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-6 3v2.25L17 8v6l-3-2.25V14H7V8h7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ball-pen-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ball-pen-fill.svg
deleted file mode 100644
index 6b1d685a791e3cb71bef833e79889c59a8b3b13c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ball-pen-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.313 5.444 5.657 5.657a1 1 0 0 1 0 1.414l-7.07 7.071-1.415-1.414 6.364-6.364-.707-.707-9.9 9.9H3v-4.243L14.313 5.444Zm4.243-2.828 2.829 2.828a1 1 0 0 1 0 1.414L19.97 8.273 15.728 4.03l1.414-1.414a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ball-pen-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ball-pen-line.svg
deleted file mode 100644
index 11b5a06d21d5626684401753eb7b263d7c832271..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ball-pen-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.313 5.444 5.657 5.657a1 1 0 0 1 0 1.414l-7.07 7.071-1.415-1.414 6.364-6.364-.707-.707-9.9 9.9H3v-4.243L14.313 5.444Zm0 2.829L5 17.586v1.415h1.414l9.314-9.314-1.415-1.414Zm4.243-5.657 2.829 2.828a1 1 0 0 1 0 1.414L19.97 8.273 15.728 4.03l1.414-1.414a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-3-fill.svg
deleted file mode 100644
index 5db830c8e73eda9a2146a82d673f70aa62808b24..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H10v-6H8v6H4a1 1 0 0 1-1-1v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6Zm-1 2h-4v4H4v3h16V8h-6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-3-line.svg
deleted file mode 100644
index c89fe021ae91eb9c9f5d0ecaefb2a3a4e9cc77b7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6Zm4 11H5v7h3v-5h2v5h9v-7Zm-5-9h-4v4H4v3h16V8h-6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-fill.svg
deleted file mode 100644
index 2af18027a2fd91e54217ceb2367fbd1dcef543ee..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.548 2.457 2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c2.83-2.133 3.176-3.665 3.303-4.98l.021-.244c.037-.443.065-.863.176-1.276 1.058-3.95 4.842-6.257 8.789-5.284l4.939-3.841a1 1 0 0 1 1.32.082Zm-.789 2.038L15.577 6.97l1.125 1.125c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-line.svg
deleted file mode 100644
index 75de68e2cb96d19bce0a71141b0c1b981113910a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/brush-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.549 2.457 2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c2.83-2.133 3.176-3.665 3.303-4.98l.021-.244c.037-.443.065-.863.176-1.276 1.058-3.95 4.842-6.257 8.789-5.284h.001l4.939-3.841a1 1 0 0 1 1.32.082Zm-13.117 9.56c-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83ZM18.76 4.495 15.578 6.97l1.125 1.125c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/contrast-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/contrast-fill.svg
deleted file mode 100644
index 21d0bb88afe7b6c68ad651de40e96cb988ec480c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/contrast-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/contrast-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/contrast-line.svg
deleted file mode 100644
index 3591487221ce8788286580e8c3fbdaeefd13431d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/contrast-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 2a6 6 0 1 1 0 12V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/crop-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/crop-fill.svg
deleted file mode 100644
index b7541ad35c9d934964e5434ccfecb95aaff198ff..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/crop-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 17h3v2h-3v3h-2v-3H6a1 1 0 0 1-1-1V7H2V5h3V2h2v3h11a1 1 0 0 1 1 1v11Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/crop-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/crop-line.svg
deleted file mode 100644
index df754b3e4e726e0553e3629e365b56ecc9e2208a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/crop-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 5a1 1 0 0 1 1 1v11h3v2h-3v3h-2V7H9V5h9ZM7 2v15h8v2H6a1 1 0 0 1-1-1V7H2V5h3V2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drag-move-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drag-move-2-fill.svg
deleted file mode 100644
index 4de840c2f156c2a4ad188af02057107c3368d2e1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drag-move-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 11V5.828L9.172 7.657 7.757 6.243 12 2l4.243 4.243-1.415 1.414L13 5.828V11h5.172l-1.829-1.828 1.414-1.415L22 12l-4.243 4.243-1.414-1.415L18.172 13H13v5.172l1.828-1.829 1.415 1.414L12 22l-4.243-4.243 1.415-1.414L11 18.172V13H5.828l1.829 1.828-1.414 1.415L2 12l4.243-4.243 1.414 1.415L5.828 11H11Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drag-move-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drag-move-2-line.svg
deleted file mode 100644
index 057a6cbdc06b36e68c264e44403134785d6805f3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drag-move-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 11V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3v5h5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drop-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drop-fill.svg
deleted file mode 100644
index 67a224ff7d146e4da6e8904c9ef5f5c057cee2f6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drop-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.636 6.636 12 .272l6.364 6.364a9 9 0 1 1-12.728 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drop-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drop-line.svg
deleted file mode 100644
index fd35a2f221cc50dfe82fb04bc051af8b23122b37..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/drop-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 .272 6.364 6.364a9 9 0 1 1-12.728 0L12 .272ZM12 3.1 7.05 8.05a7 7 0 1 0 9.9 0L12 3.1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-box-fill.svg
deleted file mode 100644
index 60a84c7a7dd81b9d6a93bbc0fc3d081e91dd127f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.757 3-7.466 7.466.008 4.247 4.238-.007L21 7.243V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757Zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-box-line.svg
deleted file mode 100644
index 480f273ae3b6e0c4df9755bd7fe15a29fd580da3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.757 3-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757Zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-fill.svg
deleted file mode 100644
index 790b6f3285c6590a4c429a3c3ff161523090234d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.243 18H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18ZM3 20h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-line.svg
deleted file mode 100644
index 4fa4c5b8d98ad651002de2715d3559f9d73f5a1f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/edit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.414 16 16.556 5.858l-1.414-1.414L5 14.586V16h1.414Zm.829 2H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18ZM3 20h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ink-bottle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ink-bottle-fill.svg
deleted file mode 100644
index 5b38ac00b5a8e19b562d64606cc462874bf5dc05..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ink-bottle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 9 4.371 1.749a1 1 0 0 1 .629.928V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.323c0-.409.249-.777.629-.928L8 9h8Zm4 5H8v5h12v-5ZM16 3a1 1 0 0 1 1 1v4H7V4a1 1 0 0 1 1-1h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ink-bottle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ink-bottle-line.svg
deleted file mode 100644
index d427011a24122c5ded4adccaf858e1de9718e2bd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/ink-bottle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 9 4.371 1.749a1 1 0 0 1 .629.928V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.323c0-.409.249-.777.629-.928L8 9h8Zm-.385 2h-7.23L5 12.354V20h14v-1H8v-5h11v-1.646L15.615 11ZM16 3a1 1 0 0 1 1 1v4H7V4a1 1 0 0 1 1-1h8Zm-1 2H9v1h6V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/layout-grid-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/layout-grid-fill.svg
deleted file mode 100644
index d967a845d85721f15c01d8ef231cd319cce4b5a9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/layout-grid-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 12.999V20a1 1 0 0 1-1 1h-8v-8.001h9Zm-11 0V21H3a1 1 0 0 1-1-1v-7.001h9ZM11 3v7.999H2V4a1 1 0 0 1 1-1h8Zm10 0a1 1 0 0 1 1 1v6.999h-9V3h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/layout-grid-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/layout-grid-line.svg
deleted file mode 100644
index cc834eb7c2e20b327bb9b144c6b08898f2a51edd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/layout-grid-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18ZM11 13H4v6h7v-6Zm9 0h-7v6h7v-6Zm-9-8H4v6h7V5Zm9 0h-7v6h7V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/mark-pen-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/mark-pen-fill.svg
deleted file mode 100644
index 799c5831822c5412f1dadc55cd2bcbb560941571..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/mark-pen-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m4.282 16.889 2.829 2.829-1.414 1.414-4.243-1.414 2.828-2.829ZM15.95 2.393l5.657 5.657a1 1 0 0 1 0 1.414l-7.779 7.779-2.12.707-1.415 1.414a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414l1.414-1.414.707-2.121 7.779-7.779a1 1 0 0 1 1.414 0Zm.707 3.536-6.364 6.364 1.414 1.414 6.364-6.364-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/mark-pen-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/mark-pen-line.svg
deleted file mode 100644
index fb20ef842a16bd5f117d5de2c2883cfc8ff2a6f6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/mark-pen-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m4.283 16.89 2.828 2.829-1.414 1.414-4.243-1.414 2.828-2.829h.001ZM15.95 2.393l5.657 5.657a1 1 0 0 1 0 1.414l-7.779 7.779-2.12.707-1.415 1.414a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414l1.414-1.414.707-2.121 7.779-7.779a1 1 0 0 1 1.414 0Zm-.707 2.122-6.738 6.737-.707 2.121-1.04 1.041 2.828 2.829 1.04-1.041 2.122-.707 6.737-6.738-4.242-4.242Zm0 2.828 1.414 1.414-4.95 4.95-1.414-1.414 4.95-4.95Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-brush-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-brush-fill.svg
deleted file mode 100644
index bd349858ae50a013d0f37eec07c2652bbbf1cebd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-brush-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 3h16a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm2 9h6a1 1 0 0 1 1 1v3h1v6h-4v-6h1v-2H5a1 1 0 0 1-1-1v-2h2v1Zm11.732 1.732 1.768-1.768 1.768 1.768a2.5 2.5 0 1 1-3.536 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-brush-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-brush-line.svg
deleted file mode 100644
index d0d42d871d7af8aa47bbc8696363eb717e885d12..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-brush-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 11v1h6a1 1 0 0 1 1 1v3h1v6h-4v-6h1v-2H5a1 1 0 0 1-1-1v-2h2Zm13.5.964 1.768 1.768a2.5 2.5 0 1 1-3.536 0l1.768-1.768ZM20 3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 2H5v3h14V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-fill.svg
deleted file mode 100644
index 8e2f7ce7102d5141252d25270df57f44ebb9e4d5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m20.996 16.964 1.767 1.768a2.5 2.5 0 1 1-3.535 0l1.768-1.768ZM8.879 1.082l11.313 11.311a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121 1.415-1.412ZM11 6.03 3.929 13.1H18.07L11 6.03Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-line.svg
deleted file mode 100644
index d3cd133f10c96f5009073924d7a4920af2762b9b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/paint-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m20.996 16.964 1.767 1.768a2.5 2.5 0 1 1-3.535 0l1.768-1.768ZM8.879 1.082l11.313 11.311a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121 1.415-1.412ZM11 6.029v.001L3.929 13.1 11 20.173l7.071-7.071L11 6.029Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/palette-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/palette-fill.svg
deleted file mode 100644
index 00cdb0bdafdecab723d75b09bec243bb3e31a730..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/palette-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667 0 .422.167.811.422 1.1.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22 6.478 22 2 17.522 2 12S6.478 2 12 2ZM7.5 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm9 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM12 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/palette-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/palette-line.svg
deleted file mode 100644
index 612422eaaac733018c72301934c0130956be99f0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/palette-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667 0 .422.167.811.422 1.1.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22 6.478 22 2 17.522 2 12S6.478 2 12 2Zm0 2a8 8 0 0 0-.676 15.972 3.648 3.648 0 0 1-.513-1.86v-.001a3.664 3.664 0 0 1 3.667-3.667h1.966A3.558 3.558 0 0 0 20 10.89C20 7.139 16.468 4 12 4ZM7.5 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm9 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pantone-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pantone-fill.svg
deleted file mode 100644
index e895a886419a7cae82bc8790793bf7bac2e3d37b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pantone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.595 2.774 5.62 13.908a1 1 0 0 1-.553 1.302L12.39 21.73a1 1 0 0 1-1.302-.553L5.47 7.27a1 1 0 0 1 .553-1.301l-.001-.001 9.272-3.746a1 1 0 0 1 1.301.552ZM6 13.922 8.86 21H7a1 1 0 0 1-1-1v-6.078Zm-2-1.555v6.555l-1.35-.545a1 1 0 0 1-.552-1.302L4 12.367ZM9 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pantone-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pantone-line.svg
deleted file mode 100644
index b96cbc9b86783ee855fdb07a984c53cf640e3c41..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pantone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.595 2.774 5.62 13.908a1 1 0 0 1-.553 1.302L12.39 21.73a1 1 0 0 1-1.302-.553L11 20.96V21H7a1 1 0 0 1-1-1v-.27l-3.35-1.353a1 1 0 0 1-.552-1.302L5.764 8l-.295-.73a1 1 0 0 1 .553-1.302l9.272-3.746a1 1 0 0 1 1.301.552Zm-1.479 1.677L7.698 7.447l4.87 12.054 7.418-2.997-4.87-12.053ZM8 13.533V19h2.209L8 13.533Zm-2-.777-1.673 4.141L6 17.608v-4.852Zm5.23-4.578a1 1 0 0 1-.553 1.302h-.001a1 1 0 1 1 .553-1.302Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pen-nib-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pen-nib-fill.svg
deleted file mode 100644
index 86ffd3b1c17680f9a92ec9585eaf9acaafaad4ce..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pen-nib-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.121 5.222 5.657 5.657-.707 6.364c-6.128 1.414-9.782 2.475-13.081 5.303l-1.061-1.06 5.846-5.847a2 2 0 1 0-1.414-1.414l-5.846 5.846-1.06-1.06c2.827-3.3 3.888-6.954 5.302-13.082l6.364-.707Zm2.475-3.182 6.347 6.346a.5.5 0 0 1-.277.848l-1.474.23-5.656-5.656.212-1.485a.5.5 0 0 1 .848-.283Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pen-nib-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pen-nib-line.svg
deleted file mode 100644
index 6561b3cd93a5eceb90139c0c3015cecae2cb3389..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pen-nib-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.121 4.222 5.657 5.657-.707 6.364c-6.128 1.414-9.782 2.475-13.081 5.303L4.595 20.15c3.722-3.331 7.995-4.328 12.643-5.52l.446-4.018-4.297-4.297-4.018.446c-1.192 4.648-2.189 8.92-5.52 12.643L2.454 18.01c2.828-3.3 3.89-6.953 5.303-13.081l6.364-.707Zm-1.414 7.07A2 2 0 0 1 9.88 14.12h-.001a2 2 0 1 1 2.828-2.828ZM16.596 1.04l6.347 6.346a.5.5 0 0 1-.277.848l-1.474.23-5.656-5.656.212-1.485a.5.5 0 0 1 .848-.283Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-fill.svg
deleted file mode 100644
index 87b8a1e7ba80ee436717ec405561307bda56549c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.9 6.857v.001l4.242 4.243L7.242 21H3v-4.243l9.9-9.9Zm4.949-3.535 2.829 2.829a1 1 0 0 1 0 1.414l-2.122 2.121-4.242-4.242 2.121-2.122a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-line.svg
deleted file mode 100644
index d0b6e32a18f16f26c6a38560dc33d736884d1aa0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.849 3.322 2.829 2.829a1 1 0 0 1 0 1.414L7.243 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0Zm-3.535 4.95L5 17.586V19h1.414l9.314-9.314-1.414-1.414Zm2.828-2.828-1.414 1.414 1.414 1.414 1.414-1.414-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-ruler-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-ruler-fill.svg
deleted file mode 100644
index 515aaa7356fb40880f851d085e8081b1235296ce..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-ruler-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m7 2 4 5v15H3V7l4-5Zm13 2a1 1 0 0 1 1 1v3h-2v2h2v2h-3v2h3v2h-2v2h2v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6ZM9 18H5v2h4v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-ruler-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-ruler-line.svg
deleted file mode 100644
index ccca8616513bb113e0c4706a721aed99db46cf14..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/pencil-ruler-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m7 2 4 5v15H3V7l4-5Zm13 2a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6ZM9 8H5v12h4V8Zm10-2h-4v14h4v-2h-2v-2h2v-2h-3v-2h3v-2h-2V8h2V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/sip-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/sip-fill.svg
deleted file mode 100644
index c08db8a426d3b8d8023abbf5bb679f7ae9bd7143..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/sip-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.778 8.979 4.243 4.244L7.243 21H3v-4.243l7.778-7.778Zm7.425-5.303 2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829 1.767 1.768-1.414 1.414-7.07-7.071 1.413-1.414 1.768 1.767 2.829-2.828a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/sip-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/sip-line.svg
deleted file mode 100644
index 82b41113897ed2662da872ece24976b51aaec4ee..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/sip-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.203 3.676 2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829 1.767 1.768-1.414 1.414-1.414-1.414L7.243 21H3v-4.243l9.192-9.192-1.414-1.414 1.414-1.414 1.768 1.767 2.829-2.828a1 1 0 0 1 1.414 0Zm-4.596 5.303-8.564 8.564 1.414 1.414 8.564-8.564-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/table-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/table-fill.svg
deleted file mode 100644
index cb71d4fdaaac30ab4ea38bd777a20885366ee9e8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/table-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 21H9V10h6v11Zm2 0V10h5v10a1 1 0 0 1-1 1h-4ZM7 21H3a1 1 0 0 1-1-1V10h5v11ZM22 8H2V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/table-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/table-line.svg
deleted file mode 100644
index 1d95a384fa93ac0fab597a594899d58e4defd07a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/design/table-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-7 7h-4v9h4v-9Zm6 0h-4v9h4v-9ZM8 10H4v9h4v-9Zm12-5H4v3h16V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/bug-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/bug-fill.svg
deleted file mode 100644
index 5ecee4297a1a64d16edca0e607587e7d2b21ba75..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/bug-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.056 8.3a7.01 7.01 0 0 1 .199-.3h11.49c.069.098.135.199.199.3l2.02-1.166 1 1.732-2.213 1.278c.162.59.249 1.213.249 1.856v1h3v2h-3a6.96 6.96 0 0 1-.536 2.69l2.5 1.444-1 1.732-2.526-1.458A6.992 6.992 0 0 1 13 21.929V14h-2v7.93a6.992 6.992 0 0 1-4.438-2.522l-2.526 1.458-1-1.732 2.5-1.443A6.979 6.979 0 0 1 5 15H2v-2h3v-1c0-.643.087-1.265.249-1.856L3.036 8.866l1-1.732L6.056 8.3ZM8 6a4 4 0 1 1 8 0H8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/bug-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/bug-line.svg
deleted file mode 100644
index 48d0de9cefff78c610c198b4f4a49d83d6778af3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/bug-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.964 7.134 1 1.732-2.213 1.278c.162.59.249 1.213.249 1.856v1h3v2h-3a6.96 6.96 0 0 1-.536 2.69l2.5 1.444-1 1.732-2.526-1.458A6.986 6.986 0 0 1 12 22a6.986 6.986 0 0 1-5.438-2.592l-2.526 1.458-1-1.732 2.5-1.443v-.001A6.979 6.979 0 0 1 5 15H2v-2h3v-1c0-.643.087-1.265.249-1.856L3.036 8.866l1-1.732L6.056 8.3a7.01 7.01 0 0 1 .199-.3h11.49c.069.098.135.199.199.3l2.02-1.166ZM16.585 10h-9.17A4.98 4.98 0 0 0 7 12v3a5.002 5.002 0 0 0 4 4.9V14h2v5.9a5.002 5.002 0 0 0 4-4.9v-3a4.98 4.98 0 0 0-.415-2ZM12 2a4 4 0 0 1 4 4H8a4 4 0 0 1 4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-box-fill.svg
deleted file mode 100644
index e67895bf04ad14a4d7171c7b66579556421d518d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-6.116 4h-2.128l-3.64 10h2.128l3.64-10Zm1.58 1.464L15.05 9.88 17.172 12l-2.122 2.121 1.414 1.415L20 12l-3.536-3.536Zm-8.928 0L4 12l3.536 3.536L8.95 14.12 6.828 12 8.95 9.879 7.536 8.464Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-box-line.svg
deleted file mode 100644
index 84c342973bcfdc942e4d29c8d8b0e68e968a626d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-5.116 2-3.64 10H9.116l3.64-10h2.128Zm1.58 1.464L20 12l-3.536 3.536-1.414-1.415L17.172 12 15.05 9.879l1.414-1.415Zm-8.928 0L8.95 9.88 6.828 12l2.122 2.121-1.414 1.415L4 12l3.536-3.536Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-s-slash-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-s-slash-line.svg
deleted file mode 100644
index 052b37b0cee304a28506d4d619ecb0b5bce9531f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/code-s-slash-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m24 12-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12ZM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12Zm6.96 9H7.66l6.552-18h2.128L9.788 21Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/cursor-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/cursor-fill.svg
deleted file mode 100644
index fae10deb1ff9567ac577054e241a92422b9cf678..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/cursor-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463-5.224.264Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/cursor-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/cursor-line.svg
deleted file mode 100644
index 3d2d6a3802c277221e14664f84fa95a9481ae2cb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/cursor-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m8.41 1.633 11.537 11.232-4.558.633h-.001l2.552 7.014-4.698 1.71-2.553-7.014-3.899 2.445 1.62-16.02Zm1.572 4.323-.79 7.83 2.53-1.587 2.715 7.46.94-.343-2.715-7.46 2.96-.41-5.64-5.49Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-branch-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-branch-fill.svg
deleted file mode 100644
index e9673a107fe8d3caf45daae8d9db1017495273ad..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-branch-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.105 15.21A3.001 3.001 0 1 1 5 15.17V8.83a3.001 3.001 0 1 1 2 0V12c.836-.628 1.874-1 3-1h4a3.001 3.001 0 0 0 2.895-2.21 3.001 3.001 0 1 1 2.032.064A5.001 5.001 0 0 1 14 13h-4a3.001 3.001 0 0 0-2.895 2.21Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-branch-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-branch-line.svg
deleted file mode 100644
index 61dcef5c2ebceedbd8489ef1ae5926ebada06ba3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-branch-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 3a3.001 3.001 0 0 1 1 5.83V12c.836-.628 1.874-1 3-1h4a3.001 3.001 0 0 0 2.895-2.21 3.001 3.001 0 1 1 2.032.064A5.001 5.001 0 0 1 14 13h-4a3.001 3.001 0 0 0-2.895 2.21A3.001 3.001 0 1 1 5 15.17V8.83A3.001 3.001 0 0 1 6 3Zm0 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-commit-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-commit-fill.svg
deleted file mode 100644
index 6c77981b40604621fe1296f6a112c45137da30c9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-commit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.874 13a4.002 4.002 0 0 1-7.748 0H3v-2h5.126a4.002 4.002 0 0 1 7.748 0H21v2h-5.126Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-commit-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-commit-line.svg
deleted file mode 100644
index 8f2d6122ba3e6f44a29e73e44ba7a835e29e61ac..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-commit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 8.002A4.002 4.002 0 0 1 15.874 11H21v2h-5.126a4.002 4.002 0 0 1-7.748 0H3v-2h5.126A4.002 4.002 0 0 1 12 8.002ZM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-merge-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-merge-fill.svg
deleted file mode 100644
index c7e08f341995549d45f9232cb6e24429080f1c06..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-merge-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.105 8.79A3.001 3.001 0 0 0 10 11h4a5.001 5.001 0 0 1 4.927 4.146 3.001 3.001 0 1 1-3.876 3.416 3 3 0 0 1 1.844-3.352A3.001 3.001 0 0 0 14 13h-4a4.978 4.978 0 0 1-3-1v3.17a3.001 3.001 0 1 1-2 0V8.83a3.001 3.001 0 1 1 2.105-.04Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-merge-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-merge-line.svg
deleted file mode 100644
index f242d08ae03133f2c44dcfe681419d9576257aa6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-merge-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.942 3a3.001 3.001 0 0 1 1.163 5.79A3.001 3.001 0 0 0 10 11h4a5.001 5.001 0 0 1 4.927 4.146 3.001 3.001 0 1 1-3.876 3.416 3 3 0 0 1 1.844-3.352A3.001 3.001 0 0 0 14 13h-4a4.978 4.978 0 0 1-3-1v3.17a3.001 3.001 0 1 1-2 0V8.83A3.001 3.001 0 0 1 5.942 3ZM6 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-pull-request-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-pull-request-fill.svg
deleted file mode 100644
index 067f5304db75bc026317e9b7f564f0bf072f0694..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-pull-request-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 5h2a2 2 0 0 1 2 2v8.17a3.001 3.001 0 1 1-2 0V7h-2v3l-4.5-4L15 2v3ZM5 8.83a3.001 3.001 0 1 1 2 0v6.34a3.001 3.001 0 1 1-2 0V8.83Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-pull-request-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-pull-request-line.svg
deleted file mode 100644
index 2871690af423cb4bf5b10d1cc3fd23728d10620b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-pull-request-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2v3h2a2 2 0 0 1 2 2v8.17a3.001 3.001 0 1 1-2 0V7h-2v3l-4.5-4L15 2ZM6 3a3.001 3.001 0 0 1 1 5.83v6.34a3.001 3.001 0 1 1-2 0V8.83A3.001 3.001 0 0 1 6 3Zm0 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-commits-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-commits-fill.svg
deleted file mode 100644
index bf981ca6a51f75e153cf48259744cb7035da67e7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-commits-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 12 4 5h-3v6h-2v-6H9l4-5Zm7-10a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-4v-2h3v-3h-.8L13 9.5 7.647 16H6.5a1.5 1.5 0 0 0 0 3H10v2H6.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14ZM9 8H7v2h2V8Zm0-3H7v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-commits-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-commits-line.svg
deleted file mode 100644
index d3f4e8c3c9c99c7f34e59cbae9147a2448425fe4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-commits-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 12 4 5h-3v6h-2v-6H9l4-5Zm7-10a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-4v-2h3v-3h-1v-2h1V4H6v10.035A3.53 3.53 0 0 1 6.5 14H8v2H6.5a1.5 1.5 0 0 0 0 3H10v2H6.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14ZM9 8v2H7V8h2Zm0-3v2H7V5h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-fill.svg
deleted file mode 100644
index 0d8e8ffcdff4c54c060067de52f8231b476f3271..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-7v2.5l-3-2-3 2V21h-.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14Zm-1 14H6.5a1.5 1.5 0 0 0 0 3H7v-2h6v2h6v-3ZM9 11H7v2h2v-2Zm0-3H7v2h2V8Zm0-3H7v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-line.svg
deleted file mode 100644
index 53cb36629dfb2dad0579ff481dd32b9189e994d2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-7v2.5l-3-2-3 2V21h-.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14Zm-1 14H6.5a1.5 1.5 0 0 0 0 3H7v-2h6v2h6v-3Zm0-12H6v10.035A3.53 3.53 0 0 1 6.5 14H19V4ZM9 11v2H7v-2h2Zm0-3v2H7V8h2Zm0-3v2H7V5h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-private-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-private-fill.svg
deleted file mode 100644
index 751af20d8bec78fab8a7f4a32280bb811efc99f8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-private-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a6 6 0 0 1 6 6v1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 0 1 6-6ZM9 17H7v2h2v-2Zm0-3H7v2h2v-2Zm0-3H7v2h2v-2Zm3-8a4 4 0 0 0-4 4v1h8V7a4 4 0 0 0-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-private-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-private-line.svg
deleted file mode 100644
index 78786e6ddf69a6b807d9e8c089207d4f9ccab355..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/git-repository-private-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a6 6 0 0 1 6 6v1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 0 1 6-6Zm7 9H6v10h13V10ZM9 17v2H7v-2h2Zm0-3v2H7v-2h2Zm0-3v2H7v-2h2Zm3-8a4 4 0 0 0-4 4v1h8V7a4 4 0 0 0-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-box-fill.svg
deleted file mode 100644
index 697e19bf4b25c16cda139961058cbae23ee4b883..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-3 12h-6v2h6v-2ZM7 7.757 5.586 9.172 8.414 12l-2.828 2.828L7 16.243 11.243 12 7 7.757Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-box-line.svg
deleted file mode 100644
index faa74ccee72d91f49ed67021487338c89cbf6ab7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-2 10v2h-6v-2h6ZM7.253 7.757 11.495 12l-4.242 4.243-1.415-1.415L8.667 12 5.838 9.172l1.415-1.415Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-line.svg
deleted file mode 100644
index 44a4bc8910bab4160d9fb1cce538fbe99b5278ed..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11 12-7.071 7.071-1.414-1.414L8.172 12 2.515 6.343 3.929 4.93 11 12Zm0 7h10v2H11v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-window-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-window-fill.svg
deleted file mode 100644
index ac6a916a838fc37a082815a8899f30d272f90ee7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-window-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 7H4v9h16v-9ZM8 11v5H5v-5h3ZM7 6H5v2h2V6Zm4 0H9v2h2V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-window-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-window-line.svg
deleted file mode 100644
index 75092173bcfbea1e498ba43ba71dad629a4320ce..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/development/terminal-window-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 8H4v8h16v-8ZM8 12v5H5v-5h3Zm12-7H4v4h16V5ZM7 6v2H5V6h2Zm4 0v2H9V6h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/bluetooth-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/bluetooth-fill.svg
deleted file mode 100644
index 5fbccb7b6502c1503db64c0740a8706b88264568..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/bluetooth-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.028 2.029 5.656 5.657-4.343 4.343v.001l4.343 4.343-5.656 5.656h-2v-6.686l-4.364 4.364-1.415-1.414 5.779-5.778v-.97l-5.779-5.78 1.415-1.414 4.364 4.364V2.029h2Zm0 11.515v5.657l2.828-2.828-2.828-2.829Zm0-8.686v5.656l2.828-2.828-2.828-2.828Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/bluetooth-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/bluetooth-line.svg
deleted file mode 100644
index 5fbccb7b6502c1503db64c0740a8706b88264568..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/bluetooth-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.028 2.029 5.656 5.657-4.343 4.343v.001l4.343 4.343-5.656 5.656h-2v-6.686l-4.364 4.364-1.415-1.414 5.779-5.778v-.97l-5.779-5.78 1.415-1.414 4.364 4.364V2.029h2Zm0 11.515v5.657l2.828-2.828-2.828-2.829Zm0-8.686v5.656l2.828-2.828-2.828-2.828Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/computer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/computer-fill.svg
deleted file mode 100644
index 2fba170ad0f4bcbd7f1c61674b198174141bef7c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/computer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H13Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/computer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/computer-line.svg
deleted file mode 100644
index 52da8688f941cfdaf59a643363eaf065523c347f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/computer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H13v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016ZM20 5H4v11h16V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/dashboard-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/dashboard-3-fill.svg
deleted file mode 100644
index dd316bab0220c572177d5d907b0401e8916e6642..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/dashboard-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3.833 5.337c-2.89 2.028-4.52 3.23-4.894 3.602a1.502 1.502 0 0 0 0 2.122 1.502 1.502 0 0 0 2.122 0c.219-.22 1.418-1.851 3.598-4.897a.59.59 0 0 0-.063-.76.595.595 0 0 0-.763-.067ZM17.5 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-11 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm.904-3.596A1 1 0 1 0 8.82 8.818a1 1 0 0 0-1.416-1.414ZM12 5.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/dashboard-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/dashboard-3-line.svg
deleted file mode 100644
index 33e8677ff84d25dd7cc84525adf457334ea36545..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/dashboard-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm4.596 3.404a.59.59 0 0 1 .063.76c-2.18 3.046-3.38 4.678-3.598 4.897a1.502 1.502 0 0 1-2.122 0 1.502 1.502 0 0 1 0-2.122c.374-.373 2.005-1.574 4.894-3.602a.595.595 0 0 1 .763.067ZM17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414ZM12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/database-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/database-fill.svg
deleted file mode 100644
index 811fcc9523a1f0a15d3bd1f41b1e4f9516bedf75..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/database-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8V4a1 1 0 0 1 1-1h9ZM10 16H5v2h5v-2Zm9 0h-5v2h5v-2Zm0-3h-5v2h5v-2Zm-9 0H5v2h5v-2Zm9-3h-5v2h5v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/database-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/database-line.svg
deleted file mode 100644
index 692f26952735ba4148a809383f850f5f603217fa..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/database-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8V4a1 1 0 0 1 1-1h9ZM11 9H4v10h7V9Zm9-4h-7v14h7V5ZM10 16v2H5v-2h5Zm9 0v2h-5v-2h5Zm0-3v2h-5v-2h5Zm-9 0v2H5v-2h5Zm9-3v2h-5v-2h5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/device-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/device-fill.svg
deleted file mode 100644
index 7625d766629d499450f908cd06a2c1f702d6d0b1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/device-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h8Zm-3-6a1 1 0 0 1 1 1v3h-8a1 1 0 0 0-1 1v13H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/device-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/device-line.svg
deleted file mode 100644
index 760f6f0c6a671da7db3008476ce596091337296e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/device-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 2a1 1 0 0 1 1 1v5h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm2 8h-6v10h6V10Zm-3-6H5v14h7V9a1 1 0 0 1 1-1h4V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/hard-drive-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/hard-drive-2-fill.svg
deleted file mode 100644
index 698f49f1708f2e921912801290384714a72f9c21..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/hard-drive-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 14H5v4h14v-4Zm-2 1v2h-2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/hard-drive-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/hard-drive-2-line.svg
deleted file mode 100644
index 30fa8cc1a6717f9bd0ad041dd4d5fdbc9ac06300..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/hard-drive-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 14H5v4h14v-4Zm-2 1v2h-2v-2h2Zm2-13H5v10h14V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/mac-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/mac-fill.svg
deleted file mode 100644
index 1df690879624b445709b4ad97f4da4987765dd02..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/mac-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H14v2l2 1v1H8l-.004-.996L10 20v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016ZM20 14H4v2h16v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/mac-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/mac-line.svg
deleted file mode 100644
index 44ebfcedd428cfb79111597b21afd36dd281aa31..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/mac-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H14v2l2 1v1H8l-.004-.996L10 20v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016ZM20 5H4v9h16V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/phone-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/phone-fill.svg
deleted file mode 100644
index 9280180b8d1b8937d4cdecc718ae37c0ce382244..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/phone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149c1.265.6 2.614 1.007 4 1.205.139.02.322.042.55.064a.5.5 0 0 1 .449.498H21Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/phone-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/phone-line.svg
deleted file mode 100644
index 74b396e04b5a0f5abb528bd9acdabbb9fd22cfaf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/phone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.539 3a1 1 0 0 1 .997.921A11.422 11.422 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294l-1.238.884a10.556 10.556 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296 11.422 11.422 0 0 0 4.583 1.364 1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995A15.51 15.51 0 0 1 18.5 21C9.94 21 3 14.06 3 5.5c0-.538.027-1.072.082-1.602A1 1 0 0 1 4.077 3h4.462Zm-.892 2H5.01c-.006.166-.009.333-.009.5C5 12.956 11.044 19 18.5 19c.167 0 .334-.003.5-.01v-2.637a13.41 13.41 0 0 1-3.668-1.097l-1.357 1.9a12.442 12.442 0 0 1-1.588-.75l-.058-.033a12.556 12.556 0 0 1-4.702-4.702l-.033-.058a12.442 12.442 0 0 1-.75-1.588l1.9-1.357A13.41 13.41 0 0 1 7.647 5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/qr-code-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/qr-code-fill.svg
deleted file mode 100644
index 7ec9a712808e6aac69360c9403bdc386596564c4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/qr-code-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 13v2h2v2h-1v2h-2v2h-2v-3h2v-1h1v-1h-3v-3h3Zm5 4v4h-4v-2h2v-2h2Zm-10-4v8H3v-8h8Zm-3 3H6v2h2v-2Zm13-3v2h-3v-2h3ZM11 3v8H3V3h8Zm10 0v8h-8V3h8ZM8 6H6v2h2V6Zm10 0h-2v2h2V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/qr-code-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/qr-code-line.svg
deleted file mode 100644
index c10158cfabbcd4e1425e3656049777fa1785ea26..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/qr-code-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 13v2h2v2h-1v2h-2v2h-2v-3h2v-1h1v-1h-3v-3h3Zm5 4v4h-4v-2h2v-2h2Zm-10-4v8H3v-8h8Zm-2 2H5v4h4v-4Zm-1 1v2H6v-2h2Zm13-3v2h-3v-2h3ZM11 3v8H3V3h8Zm10 0v8h-8V3h8ZM9 5H5v4h4V5Zm10 0h-4v4h4V5ZM8 6v2H6V6h2Zm10 0v2h-2V6h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/rss-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/rss-fill.svg
deleted file mode 100644
index 7b774b228c054d556a813ccd01daa3d6e9912996..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/rss-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3c9.941 0 18 8.059 18 18h-3c0-8.284-6.716-15-15-15V3Zm0 7c6.075 0 11 4.925 11 11h-3a8 8 0 0 0-8-8v-3Zm0 7a4 4 0 0 1 4 4H3v-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/rss-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/rss-line.svg
deleted file mode 100644
index 22e805b79c3d59aad796ee339b8b8cc093ac2107..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/rss-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 17a4 4 0 0 1 4 4H3v-4Zm0-7c6.075 0 11 4.925 11 11h-2a9 9 0 0 0-9-9v-2Zm0-7c9.941 0 18 8.059 18 18h-2c0-8.837-7.163-16-16-16V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-3-fill.svg
deleted file mode 100644
index 41aec362c2da11a96df7f218b63d218c0e0f3fff..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18 3 2.707 2.707a1 1 0 0 1 .293.707V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h14Zm0 9H6v7h12v-7Zm-2-8H7v5h9V4Zm-1 1v3h-2V5h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-3-line.svg
deleted file mode 100644
index 2cb95beb90e99b731973c6731c40a579970dcbac..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18 3 2.707 2.707a1 1 0 0 1 .293.707V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h14ZM7 5H5v14h1v-7h12v7h1V6.828L17.172 5H16v4H7V5Zm9 9H8v5h8v-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-fill.svg
deleted file mode 100644
index 4f0824730143ccdab716fcca6201cb10091129b4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 21v-8H6v8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h13l4 4v13c0 .55-.45 1-1 1h-2zm-2 0H8v-6h8v6z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-line.svg
deleted file mode 100644
index dff1293ebe7ef1515b2fc992fbad5ad86c36fe50..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/save-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 19v-6h10v6h2V7.83L16.17 5H5v14h2zM4 3h13l4 4v13c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1zm5 12v4h6v-4H9z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/server-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/server-fill.svg
deleted file mode 100644
index 2ff522e993a0c7d4abb3d308f47bb931e6b65e34..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/server-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 13v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7h18Zm-11 3H7v2h3v-2ZM20 3a1 1 0 0 1 1 1v7H3V4a1 1 0 0 1 1-1h16ZM10 6H7v2h3V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/server-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/server-line.svg
deleted file mode 100644
index d41c40de69dcc2e653707f704a75c28f136f8de2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/server-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 10H5v6h14v-6Zm-9 2v2H7v-2h3Zm9-10H5v6h14V5Zm-9 2v2H7V7h3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/smartphone-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/smartphone-fill.svg
deleted file mode 100644
index c92fcd9af9666a2d6eb3ccb6137256664e7a85f4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/smartphone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12Zm-6 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/smartphone-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/smartphone-line.svg
deleted file mode 100644
index 33b25fdfe01f0ebb641316cbc27c747a62026421..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/smartphone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12Zm-1 2H7v16h10V4Zm-5 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tablet-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tablet-fill.svg
deleted file mode 100644
index e2f00314a0d8d8009c94739e63c82600e956dc52..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tablet-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-7 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tablet-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tablet-line.svg
deleted file mode 100644
index 328765d0fc26832a82739204269d805b28663ea0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tablet-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-1 2H6v16h12V4Zm-6 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tv-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tv-fill.svg
deleted file mode 100644
index 0a125e0acfff838887118cfe6e3f518d570db578..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tv-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.414 5h5.594c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 20V6c0-.552.455-1 .992-1h5.594L6.05 2.464 7.464 1.05 11.414 5h1.172l3.95-3.95 1.414 1.414L15.414 5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tv-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tv-line.svg
deleted file mode 100644
index bee7bedd0789628134ac3fe1564c81c44bf230f5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/tv-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.536 1.05 1.414 1.414L15.414 5h5.594c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 20V6c0-.552.455-1 .992-1h5.594L6.05 2.464 7.464 1.05 11.414 5h1.172l3.95-3.95ZM20 7H4v12h16V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/wifi-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/wifi-fill.svg
deleted file mode 100644
index 3807bcd1f3920bbe76dcc37b5ce648668b747323..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/wifi-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 13c1.904 0 3.653.665 5.027 1.776l-1.885 2.334A4.98 4.98 0 0 0 12 16a4.98 4.98 0 0 0-3.142 1.11l-1.886-2.333.256-.198A7.967 7.967 0 0 1 12 13Zm0-5a12.95 12.95 0 0 1 8.169 2.886l-1.885 2.334A9.958 9.958 0 0 0 12 11c-2.38 0-4.566.832-6.284 2.22l-1.885-2.333.305-.24A12.946 12.946 0 0 1 12 8Zm0-5c4.285 0 8.22 1.497 11.31 3.997L21.425 9.33A14.937 14.937 0 0 0 12 6C8.43 6 5.15 7.248 2.575 9.33L.69 6.997A17.925 17.925 0 0 1 12 3Zm-1.885 15.667A2.987 2.987 0 0 1 12 18c.714 0 1.37.25 1.885.666L12 21l-1.885-2.334v.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/wifi-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/wifi-line.svg
deleted file mode 100644
index e1c58e8684ff2b309d466fd8b92337118f4ff6a3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/device/wifi-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 8a12.95 12.95 0 0 1 8.169 2.886l-1.257 1.556A10.954 10.954 0 0 0 12 10c-2.618 0-5.023.915-6.912 2.442l-1.257-1.555.305-.24A12.946 12.946 0 0 1 12 8Zm0-5c4.285 0 8.22 1.497 11.31 3.997l-1.256 1.556A15.933 15.933 0 0 0 12 5C8.191 5 4.694 6.33 1.946 8.553L.69 6.997A17.925 17.925 0 0 1 12 3ZM6.973 14.777A7.967 7.967 0 0 1 12 13c1.904 0 3.653.665 5.027 1.776l-1.257 1.556A5.975 5.975 0 0 0 12 15c-1.428 0-2.74.499-3.77 1.332l-1.257-1.556v.001Zm3.142 3.89A2.987 2.987 0 0 1 12 18c.714 0 1.37.25 1.885.666L12 21l-1.885-2.334v.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/article-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/article-fill.svg
deleted file mode 100644
index 57beaa49df7a4e83c723167b440f518835faa2a5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/article-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-3 14H7v2h10v-2Zm0-4H7v2h10v-2Zm-6-6H7v4h4V6Zm6 1h-4v2h4V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/article-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/article-line.svg
deleted file mode 100644
index 8ad1b5f352e766163c1c2810ffde1fdbe6345235..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/article-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 2H5v16h14V4Zm-2 12v2H7v-2h10Zm0-4v2H7v-2h10Zm-6-6v4H7V6h4Zm6 1v2h-4V7h4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/book-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/book-2-fill.svg
deleted file mode 100644
index 487e196e4ae843ef5583b4f14ad72c9192376fb8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/book-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 18H6a1 1 0 0 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16v16Zm-5-9V7H8v2h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/book-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/book-2-line.svg
deleted file mode 100644
index 0a030e969875abe0766b4dfb2af2f80a204123e8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/book-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 18H6a1 1 0 0 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16v16ZM5 16.05c.162-.033.329-.05.5-.05H19V4H5v12.05ZM16 9H8V7h8v2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/booklet-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/booklet-fill.svg
deleted file mode 100644
index 081e4591344abeea0d3e3a47e86f402773065ad8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/booklet-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 2v20H4v-4H2v-2h2v-3H2v-2h2V8H2V6h2V2h4Zm12.005 0C21.107 2 22 2.898 22 3.99v16.02c0 1.099-.893 1.99-1.995 1.99H10V2h10.005Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/booklet-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/booklet-line.svg
deleted file mode 100644
index 7ffa3c627bcea1e539085022cb4adddb701e8406..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/booklet-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.005 2C21.107 2 22 2.898 22 3.99v16.02c0 1.099-.893 1.99-1.995 1.99H4v-4H2v-2h2v-3H2v-2h2V8H2V6h2V2h16.005ZM8 4H6v16h2V4Zm12 0H10v16h10V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/clipboard-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/clipboard-fill.svg
deleted file mode 100644
index ebd4537075c5c5b46061f7bd605f04b18563a27d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/clipboard-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 4v4h12V4h2.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H6Zm10-2v4H8V2h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/clipboard-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/clipboard-line.svg
deleted file mode 100644
index 2e4032b522ed9a6e7d24c7036e5429e3b74cf1d4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/clipboard-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H7V2h10ZM7 6H5v14h14V6h-2v2H7V6Zm8-2H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/draft-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/draft-fill.svg
deleted file mode 100644
index 350308f76ae593873319049bda18245007055875..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/draft-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v3.757l-8.999 9-.006 4.238 4.246.006L21 15.242V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm1.778 6.808 1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778ZM12 12H7v2h5v-2Zm3-4H7v2h8V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/draft-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/draft-line.svg
deleted file mode 100644
index c39455951509f715504b081c060fdb751459e265..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/draft-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v3.757l-2 2V4H5v16h14v-2.758l2-2V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm1.778 6.808 1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778ZM13 12v2H8v-2h5Zm3-4v2H8V8h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-add-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-add-fill.svg
deleted file mode 100644
index 86b612af46d18615128ec9a0322451c78f361b59..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-add-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16Zm-3 6h-2v3H8v2h3v3h2v-3h3v-2h-3V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-add-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-add-line.svg
deleted file mode 100644
index 97f3191e705166a9681998205cbecff339e194c2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.447 2 3.999 2H16Zm-1 2H5v16h14V8h-4V4Zm-2 4v3h3v2h-3v3h-2v-3H8v-2h3V8h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-download-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-download-fill.svg
deleted file mode 100644
index b92517ad7a701d6ee9f6c91a4714dad485b20792..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-download-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16Zm-3 10V8h-2v4H8l4 4 4-4h-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-download-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-download-line.svg
deleted file mode 100644
index 1bc688d6e959dabd4831b8c500406d9187deb32b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-download-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 12h3l-4 4-4-4h3V8h2v4Zm2-8H5v16h14V8h-4V4ZM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-fill.svg
deleted file mode 100644
index 2629f1728f59e31ba98a10f6be6fc2a9b8302c71..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 9h6a1 1 0 0 0 1-1V2h10.002c.551 0 .998.455.998.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V9Zm0-2 5-4.997V7H3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-line.svg
deleted file mode 100644
index fc04ab8c8e4081cf44ec0a22dc168748fec42f4c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m3 8 6.003-6h10.995C20.55 2 21 2.455 21 2.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V8Zm7-4v5H5v11h14V4h-9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-pdf-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-pdf-fill.svg
deleted file mode 100644
index 5767bb4ca2cf666fa791f5ab63aba88442915bdd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-pdf-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16zm-4 14a4 4 0 1 0 0-8H8v8h4zm-2-6h2a2 2 0 1 1 0 4h-2v-4z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-pdf-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-pdf-line.svg
deleted file mode 100644
index e6628b189da3ecfe2126f7ea69524fd462fa329d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-pdf-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 16H8V8h4a4 4 0 1 1 0 8zm-2-6v4h2a2 2 0 1 0 0-4h-2zm5-6H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-text-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-text-fill.svg
deleted file mode 100644
index fd81de3cc7f5a5861209cc04f84188d5b5b66f7e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-text-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 2v6a1 1 0 0 0 1 1h6v11.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.447 2 3.998 2H14Zm2 13H8v2h8v-2Zm0-4H8v2h8v-2Zm-5-4H8v2h3V7Zm5-4.997L21 7h-5V2.003Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-text-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-text-line.svg
deleted file mode 100644
index 90831c485160cb14591b0df24798dadbcba6b285..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/file-text-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.997 2 21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995ZM14 4H5v16h14V9h-5V4ZM8 7h3v2H8V7Zm0 4h8v2H8v-2Zm0 4h8v2H8v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/folder-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/folder-2-fill.svg
deleted file mode 100644
index 9eecb25441465735081cab66f760bdd8c7398cb6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/folder-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 11v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9h20Zm0-2H2V4a1 1 0 0 1 1-1h7.414l2 2H21a1 1 0 0 1 1 1v3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/folder-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/folder-2-line.svg
deleted file mode 100644
index 0bc206c7c532391c7a4cfe4c46a9259339accd0a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/folder-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.414 3 2 2H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414ZM20 11H4v8h16v-8ZM9.586 5H4v4h16V7h-8.414l-2-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/newspaper-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/newspaper-fill.svg
deleted file mode 100644
index 332562642364bc9b6c040db12e1e9152114f1bd1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/newspaper-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3Zm-1-10v7a1 1 0 0 0 2 0v-7h-2ZM5 6v6h6V6H5Zm0 7v2h10v-2H5Zm0 3v2h10v-2H5Zm2-8h2v2H7V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/newspaper-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/newspaper-line.svg
deleted file mode 100644
index 6754c17e2e08983550090e35d25862d900a86fe5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/newspaper-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 20V4H4v15a1 1 0 0 0 1 1h11Zm3 2H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3Zm-1-10v7a1 1 0 0 0 2 0v-7h-2ZM6 6h6v6H6V6Zm2 2v2h2V8H8Zm-2 5h8v2H6v-2Zm0 3h8v2H6v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/survey-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/survey-fill.svg
deleted file mode 100644
index eb1c4d13bc4a1e399598986759141ca807dec34c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/survey-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 4v4h12V4h2.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H6Zm3 13H7v2h2v-2Zm0-3H7v2h2v-2Zm0-3H7v2h2v-2Zm7-9v4H8V2h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/survey-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/survey-line.svg
deleted file mode 100644
index d3b3b7733a47d38107616a10d07b85b9648f29ec..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/survey-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H7V2h10ZM7 6H5v14h14V6h-2v2H7V6Zm2 10v2H7v-2h2Zm0-3v2H7v-2h2Zm0-3v2H7v-2h2Zm6-6H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/todo-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/todo-fill.svg
deleted file mode 100644
index 034b88b3fcfca10e12fefed0d818747ca63a1ca4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/todo-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 0v2h6V0h2v2h3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3V0h2Zm8 12H7v2h10v-2Zm0-4H7v2h10V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/todo-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/todo-line.svg
deleted file mode 100644
index e6dbba95f27290f95e21a00d3388833773fc330e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/document/todo-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 0v2h6V0h2v2h3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3V0h2ZM7 4H5v16h14V4h-2v2h-2V4H9v2H7V4Zm10 8v2H7v-2h10Zm0-4v2H7V8h10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/code-view.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/code-view.svg
deleted file mode 100644
index e8997c981c66fa6bcb677af96875624a99d71f2c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/code-view.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.95 8.464 1.414-1.414 4.95 4.95-4.95 4.95-1.414-1.414L20.485 12 16.95 8.464Zm-9.9 0L3.515 12l3.535 3.536-1.414 1.414L.686 12l4.95-4.95L7.05 8.464Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/font-size.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/font-size.svg
deleted file mode 100644
index b2915083a7407e09d4cb7c9a52c8c0665864598f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/font-size.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m9 4 6.4 16h-2.154l-2-5H4.754l-2 5H.6L7 4h2Zm14 8v8h-2v-.535a4 4 0 1 1 0-6.93V12h2Zm-4 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM8 6.885 5.554 13h4.892L8 6.885Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--bold.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--bold.svg
deleted file mode 100644
index 1f5b261a9ff6b0754132fc8f0b24232053f5a77f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--bold.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.5 4a4.5 4.5 0 0 1 3.256 7.606 4.498 4.498 0 0 1 .926 7.076A4.5 4.5 0 0 1 13.5 20H6V4h6.5Zm.625 9.5H9v4h4.125c1.036 0 1.875-.895 1.875-2s-.84-2-1.875-2Zm-.91-7H9v4h3.214c.987 0 1.786-.895 1.786-2s-.8-2-1.786-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--highlight.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--highlight.svg
deleted file mode 100644
index db8aa42dfac7b22e951b3694eaef3f635efcabe3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--highlight.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 3v18H3V3h2Zm10 13v2H7v-2h8Zm6-5v2H7v-2h14Zm0-5v2H7V6h14Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--quote-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--quote-fill.svg
deleted file mode 100644
index 7727a9db5bc58291e58481e0e64f7c254c7a47d7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--quote-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a8 8 0 1 1 0 16v3.5c-5-2-12-5-12-11.5a8 8 0 0 1 8-8h4Zm-2 4.5H9.295L6.75 11.25 9.295 15H12l-2.506-3.75L12 7.5Zm4.5 0h-2.705l-2.545 3.75L13.795 15H16.5l-2.506-3.75L16.5 7.5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--quote-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--quote-line.svg
deleted file mode 100644
index 50e2c492eeb1b70571ea2b178472ca4b15506adb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/fr--quote-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a8 8 0 1 1 0 16v3.5c-5-2-12-5-12-11.5a8 8 0 0 1 8-8h4Zm0 2h-4a6 6 0 0 0-6 6c0 3.61 2.462 5.966 8 8.48V17h2a6 6 0 1 0 0-12Zm-2 2.5-2.506 3.75L12 15H9.295L6.75 11.25 9.295 7.5H12Zm4.5 0-2.506 3.75L16.5 15h-2.705l-2.545-3.75 2.545-3.75H16.5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-1.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-1.svg
deleted file mode 100644
index 9ce4bdba376916df5608553c6b8a0343085f6cc9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.276 4v1.892h-5.104V19.4H9.104V5.892H4V4h12.276Zm3.227 4.885v10.5h-2.025V10.97l-2.175 1.23-1.005-1.44 3.24-1.875h1.965Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-2.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-2.svg
deleted file mode 100644
index bb826c1d438c619ae9f4542d9dad8aa6c7ccd7b0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Zm2.552 4.6c1.83 0 3.3 1.17 3.3 2.97 0 1.44-.945 2.55-1.98 3.555l-2.535 2.445h4.785v1.83h-7.26v-1.83l3.6-3.54c.81-.825 1.32-1.395 1.32-2.25 0-.87-.6-1.38-1.425-1.38-1.005 0-1.62.615-2.175 1.545l-1.65-1.005c.885-1.44 2.19-2.34 4.02-2.34Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-3.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-3.svg
deleted file mode 100644
index affffdd893c634123edb71b0b0340474d963c6e0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-3.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.738 8.6c1.92 0 3.345 1.095 3.345 2.82 0 .975-.42 1.8-1.2 2.34 1.065.54 1.65 1.485 1.65 2.64 0 1.995-1.635 3.3-3.825 3.3-1.98 0-3.255-.87-4.11-2.37l1.77-1.095c.585 1.155 1.29 1.665 2.325 1.665 1.02 0 1.785-.615 1.785-1.59 0-.96-.75-1.56-1.86-1.56h-1.725v-1.8h1.59c.885 0 1.53-.495 1.53-1.305 0-.795-.6-1.245-1.425-1.245-.84 0-1.41.45-1.845 1.2l-1.65-1.02c.765-1.245 1.95-1.98 3.645-1.98ZM15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-4.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-4.svg
deleted file mode 100644
index 827f6fba5b72a5e5eff1ec13c88a4ffd3278bb41..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-4.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Zm5.402 4.9v5.88h1.065v1.83h-1.065v2.79h-2.025v-2.79h-4.845v-1.83l4.5-5.88h2.37Zm-2.025 2.295-2.76 3.585h2.76v-3.585Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-5.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-5.svg
deleted file mode 100644
index bc691405c23f4694c9a6687abf9b25c85c4e7632..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-5.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.188 8.9v1.83h-4.32l-.12 2.19h.81c2.79 0 4.02 1.275 4.02 3.315 0 2.145-1.68 3.465-3.84 3.465-1.95 0-3.24-.855-4.11-2.37l1.77-1.095c.6 1.155 1.32 1.665 2.34 1.665 1.035 0 1.77-.615 1.77-1.59 0-.99-.735-1.56-2.04-1.56h-2.85l.315-5.85h6.255ZM15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-6.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-6.svg
deleted file mode 100644
index 61f58d9b839f2d5c735428522c0037563e6c6fba..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/h-6.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.308 8.6c1.755 0 2.85.795 3.54 1.71l-1.56 1.29c-.54-.72-1.155-1.17-1.98-1.17-1.515 0-2.325 1.095-2.46 3.15.675-.585 1.53-.915 2.565-.915 2.085 0 3.405 1.485 3.405 3.405 0 1.98-1.425 3.63-3.825 3.63-2.73 0-4.245-1.995-4.245-5.505 0-3.27 1.35-5.595 4.56-5.595ZM15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Zm2.762 10.465c-.855 0-1.59.33-2.13 1.035.24 1.71.975 2.37 2.04 2.37 1.11 0 1.785-.735 1.785-1.725 0-.975-.69-1.68-1.695-1.68Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/hashtag.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/hashtag.svg
deleted file mode 100644
index 64742d3e2695969443d75289fcfd7bb7091bbaba..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/hashtag.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.951 3-.525 5h3.989l.525-5h2.011l-.525 5H20v2h-3.784l-.42 4H20v2h-4.415l-.525 5h-2.011l.525-5H9.585l-.525 5H7.049l.525-5H4v-2h3.784l.42-4H4V8h4.415l.525-5h2.011Zm3.254 7h-3.99l-.42 4h3.99l.42-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/italic.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/italic.svg
deleted file mode 100644
index e7abfb9c1e668728be8f0f7a6e5e9590d0900ff0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/italic.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 20H7v-2h2.927l2.116-12H9V4h8v2h-2.927l-2.116 12H15v2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/link-unlink.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/link-unlink.svg
deleted file mode 100644
index 17c6cd77d1f83efe7c6db0df787de1b1f48a715c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/link-unlink.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 17h5v2h-3v3h-2v-5ZM7 7H2V5h3V2h2v5Zm11.364 8.536L16.95 14.12l1.414-1.414a5 5 0 1 0-7.071-7.071L9.879 7.05 8.464 5.636 9.88 4.222a7 7 0 0 1 9.9 9.9l-1.415 1.414h-.001Zm-2.828 2.828-1.415 1.414a7 7 0 0 1-9.9-9.9l1.415-1.414L7.05 9.88l-1.414 1.414a5 5 0 1 0 7.071 7.071l1.414-1.414 1.415 1.414v-.001Zm-.708-10.607 1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07v-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/link.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/link.svg
deleted file mode 100644
index cb0bea8531a5bccbed1f624acbf37adffbab5b4c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/link.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.193 15.364-1.414-1.416 1.414-1.414a5 5 0 1 0-7.07-7.07L9.707 6.877 8.293 5.464 9.71 4.05a7 7 0 1 1 9.9 9.9l-1.415 1.414Zm-2.828 2.828-1.415 1.414a7 7 0 0 1-9.9-9.9l1.415-1.414L6.88 9.708l-1.414 1.414a5 5 0 1 0 7.071 7.071l1.414-1.414 1.415 1.414Zm-.708-10.607L16.072 9l-7.07 7.07-1.416-1.414 7.071-7.07Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/list-ordered.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/list-ordered.svg
deleted file mode 100644
index 84d4ce3f423cee035af2360d3e6954a2f4c7cec1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/list-ordered.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 4h13v2H8V4ZM5 3v3h1v1H3V6h1V4H3V3h2ZM3 14v-2.5h2V11H3v-1h3v2.5H4v.5h2v1H3Zm2 5.5H3v-1h2V18H3v-1h3v4H3v-1h2v-.5ZM8 11h13v2H8v-2Zm0 7h13v2H8v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/list-unordered.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/list-unordered.svg
deleted file mode 100644
index a15b9f04ed25c69f0ce75da10cefe3afab5fd0bf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/list-unordered.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 4h13v2H8V4ZM4.5 6.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 6.9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM8 11h13v2H8v-2Zm0 7h13v2H8v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/question-mark.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/question-mark.svg
deleted file mode 100644
index 148f5d5c0aed7276d55313f8e32fd6ba9d4da7db..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/question-mark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 19a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 12 19Zm0-17a6 6 0 0 1 6 6c0 2.165-.753 3.29-2.674 4.923C13.399 14.56 13 15.297 13 17h-2c0-2.474.787-3.695 3.031-5.601C15.548 10.11 16 9.434 16 8c0-2.21-1.79-4-4-4S8 5.79 8 8v1H6V8a6 6 0 0 1 6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/separator.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/separator.svg
deleted file mode 100644
index cdba799d2956831b42f6efd78338553b5c535d5e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/separator.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 11h2v2H2v-2Zm4 0h12v2H6v-2Zm14 0h2v2h-2v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/space.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/space.svg
deleted file mode 100644
index 5d7faced47074d41cd48bbbe7fd8950743c29930..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/space.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 9v4h16V9h2v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/subscript.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/subscript.svg
deleted file mode 100644
index 4d7f9cc9a7c4193e98ad448e877d0230e868319b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/subscript.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.596 4 10.5 9.928 15.404 4H18l-6.202 7.497L18 18.994V19h-2.59l-4.91-5.934L5.59 19H3v-.006l6.202-7.497L3 4h2.596ZM21.55 16.58a.8.8 0 1 0-1.32-.36l-1.155.33a2.001 2.001 0 1 1 3.298.904L20.744 19H23v1h-4v-1l2.55-2.42Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/superscript.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/superscript.svg
deleted file mode 100644
index 2dcf3f8413852756040bf2b1c20e1811df9a99e5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/superscript.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m5.596 5 4.904 5.928L15.404 5H18l-6.202 7.497L18 19.994V20h-2.59l-4.91-5.934L5.59 20H3v-.006l6.202-7.497L3 5h2.596ZM21.55 6.58a.8.8 0 1 0-1.32-.36l-1.155.33a2.001 2.001 0 1 1 3.298.904L20.744 9H23v1h-4V9l2.55-2.42Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/table-2.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/table-2.svg
deleted file mode 100644
index 46fe6d9b1c2305c5e3d633cbfa2924d68c9ff2da..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/table-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 13h-6v3h6v-3Zm-8 0H5v3h6v-3Zm8-6h-6v4h6v-4Zm-8 0H5v4h6v-4Zm8-5h-6v3h6V5Zm-8 0H5v3h6V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/translate-2.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/translate-2.svg
deleted file mode 100644
index 50fa6294945d02abd84cc92e40e2f39e7c65decc..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/editor/translate-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.5 10 4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2ZM10 2v2h6v2h-1.968a18.222 18.222 0 0 1-3.62 6.301 14.864 14.864 0 0 0 2.336 1.707l-.751 1.878A17.015 17.015 0 0 1 9 13.725a16.676 16.676 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.032 16.032 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2Zm7.5 10.885L16.253 16h2.492L17.5 12.885Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/bank-card-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/bank-card-fill.svg
deleted file mode 100644
index fc60f769db5f44d9fdb2e22bc4d8c598ca9a466b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/bank-card-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 10v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10h20Zm-3 6h-4v2h4v-2Zm2-13a1 1 0 0 1 1 1v4H2V4a1 1 0 0 1 1-1h18Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/bank-card-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/bank-card-line.svg
deleted file mode 100644
index 8924f011878036a216208057ef34109033da2e15..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/bank-card-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 8H4v8h16v-8Zm-2 4v2h-4v-2h4Zm2-10H4v4h16V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/coin-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/coin-fill.svg
deleted file mode 100644
index 92393bc4c7a596a4eae1fa54e91924d5826bdc71..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/coin-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M23 12v2c0 3.314-4.925 6-11 6-5.967 0-10.824-2.591-10.995-5.823L1 14v-2c0 3.314 4.925 6 11 6s11-2.686 11-6ZM12 4c6.075 0 11 2.686 11 6s-4.925 6-11 6-11-2.686-11-6 4.925-6 11-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/gift-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/gift-fill.svg
deleted file mode 100644
index 971179ca625074274d2c5fe1898ed44110368721..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/gift-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a4 4 0 0 1 3.464 6.001L23 8v2h-2v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10H1V8l4.536.001A4 4 0 0 1 12 3.355 3.983 3.983 0 0 1 15 2Zm-2 8h-2v10h2V10ZM9 4a2 2 0 0 0-.15 3.995L9 8h2V6a2 2 0 0 0-1.697-1.977l-.154-.018L9 4Zm6 0a2 2 0 0 0-1.995 1.85L13 6v2h2a2 2 0 0 0 1.995-1.85L17 6a2 2 0 0 0-2-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/gift-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/gift-line.svg
deleted file mode 100644
index 6c2202dd5602a93227b098a830f3dbf1eb239220..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/gift-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a4 4 0 0 1 3.464 6.001L23 8v2h-2v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10H1V8l4.536.001A4 4 0 0 1 12 3.355 3.983 3.983 0 0 1 15 2Zm-4 8H5v9h6v-9Zm8 0h-6v9h6v-9ZM9 4a2 2 0 0 0-.15 3.995L9 8h2V6a2 2 0 0 0-1.697-1.977l-.154-.018L9 4Zm6 0a2 2 0 0 0-1.995 1.85L13 6v2h2a2 2 0 0 0 1.995-1.85L17 6a2 2 0 0 0-2-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-box-fill.svg
deleted file mode 100644
index cd734e9d27f7976fe9ba1b22cfea8f3aa72085e4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-9.897 4.223A4.5 4.5 0 0 0 8.028 11H7v2h1.027a4.5 4.5 0 0 0 7.788 2.543l-1.701-1.134A2.5 2.5 0 0 1 10.05 13l4.95.001v-2h-4.95V11a2.5 2.5 0 0 1 4.064-1.41l1.701-1.133a4.5 4.5 0 0 0-4.712-1.234Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-box-line.svg
deleted file mode 100644
index 94d1f393afc7458fb7f3f0f350d4d9e55430e9d9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-4.185 3.457L14.114 9.59A2.5 2.5 0 0 0 10.05 11H15v2h-4.95a2.5 2.5 0 0 0 4.064 1.41l1.7 1.133A4.5 4.5 0 0 1 8.028 13H7v-2h1.027a4.5 4.5 0 0 1 7.788-2.543Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-circle-fill.svg
deleted file mode 100644
index 0acfcdf2efb7785951ab9bc36e9c61430a3dde53..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm-.897 5.223A4.5 4.5 0 0 0 8.028 11H7v2h1.027a4.5 4.5 0 0 0 7.788 2.543l-1.701-1.134A2.5 2.5 0 0 1 10.05 13l4.95.001v-2h-4.95V11a2.5 2.5 0 0 1 4.064-1.41l1.701-1.133a4.5 4.5 0 0 0-4.712-1.234Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-circle-line.svg
deleted file mode 100644
index da09a440a368987c509463ae5209ffc01f2a293c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/money-euro-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.815 4.457L14.114 9.59A2.5 2.5 0 0 0 10.05 11H15v2h-4.95a2.5 2.5 0 0 0 4.064 1.41l1.7 1.133A4.5 4.5 0 0 1 8.028 13H7v-2h1.027a4.5 4.5 0 0 1 7.788-2.543Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/secure-payment-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/secure-payment-fill.svg
deleted file mode 100644
index f62cea7cab5044eeae2271870c2d9ea349df813b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/secure-payment-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11 2 7.298 2.28a1 1 0 0 1 .702.955V7h2a1 1 0 0 1 1 1v2H9V8a1 1 0 0 1 1-1h7V5.97l-6-1.876L5 5.97v7.404a4 4 0 0 0 1.558 3.169l.189.136L11 19.58 14.782 17H10a1 1 0 0 1-1-1v-4h13v4a1 1 0 0 1-1 1l-3.22.001c-.387.51-.857.96-1.4 1.33L11 22l-5.38-3.668A6 6 0 0 1 3 13.374V5.235a1 1 0 0 1 .702-.954L11 2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/secure-payment-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/secure-payment-line.svg
deleted file mode 100644
index c67c023eff0586b29c103125ce4cbb26b2d416ad..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/secure-payment-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11 2 7.298 2.28a1 1 0 0 1 .702.955V7h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1l-3.22.001c-.387.51-.857.96-1.4 1.33L11 22l-5.38-3.668A6 6 0 0 1 3 13.374V5.235a1 1 0 0 1 .702-.954L11 2Zm0 2.094L5 5.97v7.404a4 4 0 0 0 1.558 3.169l.189.136L11 19.58 14.782 17H10a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h7V5.97l-6-1.876ZM20 12h-9v3h9v-3Zm0-3h-9v1h9V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-bag-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-bag-fill.svg
deleted file mode 100644
index 500af5bc86e764a2520e321ec4d03a5f686b00d1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-bag-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a5 5 0 0 1 5 5v2h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3V6a5 5 0 0 1 5-5Zm5 10h-2v1a1 1 0 0 0 1.993.117L17 12v-1Zm-8 0H7v1a1 1 0 0 0 1.993.117L9 12v-1Zm3-8a3 3 0 0 0-2.995 2.824L9 6v2h6V6a3 3 0 0 0-2.824-2.995L12 3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-bag-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-bag-line.svg
deleted file mode 100644
index 3506f8ee05ee1580843ea19b3b514cb8593c669f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-bag-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a5 5 0 0 1 5 5v2h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3V6a5 5 0 0 1 5-5Zm-5 9H5v10h14V10h-2v2h-2v-2H9v2H7v-2Zm5-7a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-cart-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-cart-2-fill.svg
deleted file mode 100644
index 35137a3c89456c546f19911050e7a8d4ac717cfc..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-cart-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 6.414.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414ZM5.5 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-cart-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-cart-2-line.svg
deleted file mode 100644
index 577c145d2567785463abff6770aebd23a667753e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/shopping-cart-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.5 20a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm12 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM2.172 1.757 5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414L.757 3.172l1.415-1.415ZM19.312 7H6v6h11.512l1.8-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/trophy-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/trophy-fill.svg
deleted file mode 100644
index 0fae041d4af9fd87a1be1168cba5eead59ff5e34..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/trophy-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 16.938V19h5v2H6v-2h5v-2.062A8 8 0 0 1 4 9V3h16v6a8 8 0 0 1-7 7.938ZM1 5h2v4H1V5Zm20 0h2v4h-2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/trophy-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/trophy-line.svg
deleted file mode 100644
index 8a4f1a19d4a9c20155c75956c5035a97a6c2555f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/finance/trophy-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3v6a8 8 0 0 1-7 7.938V19h5v2H6v-2h5v-2.062A8 8 0 0 1 4 9V3h16Zm-2 2H6v4a6 6 0 1 0 12 0V5ZM3 5v4H1V5h2Zm20 0v4h-2V5h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/capsule-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/capsule-fill.svg
deleted file mode 100644
index f8d8c792922cc0e21d2a5086e93e0e937646b49c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/capsule-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.778 4.222a6 6 0 0 1 0 8.485l-2.122 2.12-4.949 4.951a6 6 0 0 1-8.485-8.485l7.07-7.071a6.001 6.001 0 0 1 8.486 0Zm-4.95 10.606L9.172 9.172l-3.536 3.535a4 4 0 0 0 5.657 5.657l3.535-3.536Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/capsule-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/capsule-line.svg
deleted file mode 100644
index 075fad4d492e24e0c5d00c7f0bd9fa5f843631f7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/capsule-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.778 4.222a6 6 0 0 1 0 8.485l-7.07 7.071a6.001 6.001 0 0 1-8.486-8.485l7.07-7.071a6.001 6.001 0 0 1 8.486 0Zm-5.656 11.313L8.465 9.878l-2.829 2.83a4 4 0 1 0 5.657 5.656l2.829-2.83v.001Zm4.242-9.899a4 4 0 0 0-5.657 0L9.88 8.464l5.657 5.657 2.828-2.828a4 4 0 0 0 0-5.657h-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dislike-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dislike-fill.svg
deleted file mode 100644
index 2a525868d027c9c113298537e8cffe7d8a92b6c9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dislike-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m2.808 1.393 18.384 18.385-1.414 1.414-3.747-3.747L12 21.485l-8.48-8.492a6 6 0 0 1 .034-8.023L1.393 2.808l1.415-1.415Zm17.435 3.364a6 6 0 0 1 .236 8.236l-1.635 1.636L7.26 3.046a5.986 5.986 0 0 1 4.741 1.483 5.998 5.998 0 0 1 8.242.228Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dislike-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dislike-line.svg
deleted file mode 100644
index 1d460550ea14a8afd89d584b7ccd742eae17fc14..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dislike-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m2.808 1.393 18.384 18.385-1.414 1.414-3.747-3.747L12 21.485l-8.48-8.492a6 6 0 0 1 .034-8.023L1.393 2.808l1.415-1.415Zm2.164 4.993a4.001 4.001 0 0 0 .008 5.237L12 18.654l2.617-2.623-9.645-9.645Zm15.271-1.629a6 6 0 0 1 .236 8.236l-1.635 1.636-1.414-1.414 1.59-1.592a3.999 3.999 0 0 0-.193-5.453 3.998 3.998 0 0 0-5.49-.153l-1.335 1.198-1.336-1.197a3.953 3.953 0 0 0-1.155-.723l-2.25-2.25a5.99 5.99 0 0 1 4.74 1.484 5.998 5.998 0 0 1 8.242.228Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dossier-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dossier-fill.svg
deleted file mode 100644
index 1cff22331574046770dc477eabcd0ed4edc3cb21..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dossier-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3V2h10Zm-4 9h-2v2H9v2h1.999L11 17h2l-.001-2H15v-2h-2v-2Zm2-7H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dossier-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dossier-line.svg
deleted file mode 100644
index 7d3c2a4404c69c98b7dee41c6754abcc8ee1f158..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/dossier-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3V2h10ZM7 6H5v14h14V6h-2v2H7V6Zm6 5v2h2v2h-2.001L13 17h-2l-.001-2H9v-2h2v-2h2Zm2-7H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/first-aid-kit-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/first-aid-kit-fill.svg
deleted file mode 100644
index e22d4c916a2906024adf84625ef04a542da516da..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/first-aid-kit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm-3 8h-2v3H8v2h2.999L11 17h2l-.001-3H16v-2h-3V9Zm2-6H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/first-aid-kit-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/first-aid-kit-line.svg
deleted file mode 100644
index 8764b6aebae28d909ff1df5832d0fd9b46de5dc0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/first-aid-kit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm4 6H4v12h16V7Zm-7 2v3h3v2h-3.001L13 17h-2l-.001-3H8v-2h3V9h2Zm2-6H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/hand-sanitizer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/hand-sanitizer-fill.svg
deleted file mode 100644
index ac9cf2f499f82178649772fd14128c706648e175..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/hand-sanitizer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2l-4-.001V6h3v2c2.21 0 4 1.79 4 4v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8c0-2.21 1.79-4 4-4V6h3V3.999L7.5 4c-.63 0-1.37.49-2.2 1.6L3.7 4.4C4.87 2.84 6.13 2 7.5 2H17Zm-4 10h-2v2H9v2h1.999L11 18h2l-.001-2H15v-2h-2v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/hand-sanitizer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/hand-sanitizer-line.svg
deleted file mode 100644
index dd3e64d94f0cb4f64d591b355b622a6699c3dd9d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/hand-sanitizer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2l-4-.001V6h3v2c2.21 0 4 1.79 4 4v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8c0-2.21 1.79-4 4-4V6h3V3.999L7.5 4c-.63 0-1.37.49-2.2 1.6L3.7 4.4C4.87 2.84 6.13 2 7.5 2H17Zm-1 8H8a2 2 0 0 0-2 2v8h12v-8a2 2 0 0 0-2-2Zm-3 2v2h2v2h-2.001L13 18h-2l-.001-2H9v-2h2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/health-book-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/health-book-fill.svg
deleted file mode 100644
index dd2b29d5bc3271958f9f08cc74df955f8ab3c0ff..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/health-book-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2H3v-2h2v-2H3v-2h2v-2H3V9h2V7H3V5h2V3a1 1 0 0 1 1-1h14Zm-6 6h-2v3H9v2h2.999L12 16h2l-.001-3H17v-2h-3V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/health-book-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/health-book-line.svg
deleted file mode 100644
index cc5f03107047645e9092a0dfe3fd80232c314d1e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/health-book-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2H3v-2h2v-2H3v-2h2v-2H3V9h2V7H3V5h2V3a1 1 0 0 1 1-1h14Zm-1 2H7v16h12V4Zm-5 4v3h3v2h-3.001L14 16h-2l-.001-3H9v-2h3V8h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-fill.svg
deleted file mode 100644
index 138bbd271bba21e6c0e84bb88c960f95b9dc88b9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.001 4.529a5.998 5.998 0 0 1 8.242.228 6 6 0 0 1 .236 8.236l-8.48 8.492-8.478-8.492a6 6 0 0 1 8.48-8.464Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-line.svg
deleted file mode 100644
index b39bfd0eae0c1b28cbe6d9df5fc0a883ae9209e3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.001 4.529a5.998 5.998 0 0 1 8.242.228 6 6 0 0 1 .236 8.236l-8.48 8.492-8.478-8.492a6 6 0 0 1 8.48-8.464Zm6.826 1.641a3.998 3.998 0 0 0-5.49-.153l-1.335 1.198-1.336-1.197a3.999 3.999 0 0 0-5.494.154 4 4 0 0 0-.192 5.451L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-pulse-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-pulse-fill.svg
deleted file mode 100644
index 4ce93978c90d128193f7cb81640050f15dd12043..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-pulse-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5-1.978-1.187-7.084-3.937-9.132-8.5h4.698l.934-1.556 3 5L13.566 13H17v-2h-4.566l-.934 1.556-3-5L6.434 11H2.21A9.556 9.556 0 0 1 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-pulse-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-pulse-line.svg
deleted file mode 100644
index ee50ce9c99a06feb3656deab308431d9b611cd51..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/heart-pulse-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5-1.977-1.186-7.083-3.937-9.131-8.499L1 13v-2h1.21A9.535 9.535 0 0 1 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2Zm0 2c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5 5.56 5 4 6.656 4 9c0 .685.09 1.352.267 2h2.167L8.5 7.556l3 5L12.434 11H17v2h-3.434L11.5 16.444l-3-5L7.566 13H5.108c.79 1.374 1.985 2.668 3.537 3.903.745.592 1.54 1.145 2.421 1.7.299.189.595.37.934.572.339-.202.635-.383.934-.571a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/lungs-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/lungs-fill.svg
deleted file mode 100644
index 8c00e7a9c846452c3316cf1c5f184bbc3c86da73..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/lungs-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.5 5.5c1.412.47 2.048 2.159 2.327 4.023l-4.523 2.611 1 1.732 3.71-2.141C11.06 13.079 11 14.308 11 15c0 3-1 6-5 6h-.642c-3.156-.012-3.346-.202-3.357-3.358L2 17C2 9.5 5.5 4.5 8.5 5.5ZM22.001 17v.436c-.005 3.35-.133 3.551-3.346 3.563L18 21c-4 0-5-3-5-6 0-.691-.06-1.92-.014-3.274l3.71 2.14 1-1.732-4.523-2.61c.279-1.865.915-3.553 2.327-4.024 3-1 6.5 4 6.5 11.5ZM13 2v9h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/lungs-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/lungs-line.svg
deleted file mode 100644
index f6fb5cfd280e431d5a6f00dfdb8d823a5cf6138f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/lungs-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 17h.001v.642c-.013 3.156-.202 3.346-3.359 3.357l-.641.001c-4 0-5-3-5-6 0-.378-.018-.918-.026-1.55l2.023 1.169L15 15c0 2.776.816 4 3 4l.608-.001c.715-.003 1.073-.012 1.355-.037.024-.28.033-.638.036-1.354L20 17c0-3.205-.703-6.033-1.835-7.9-.838-1.382-1.613-1.843-2.032-1.703-.293.098-.605.65-.831 1.623l-1.79-1.033c.369-1.197.982-2.151 1.988-2.487 3-1 6.503 4 6.5 11.5ZM8.5 5.5c1.007.336 1.62 1.29 1.989 2.487L8.699 9.02c-.226-.973-.539-1.525-.831-1.623-.42-.14-1.195.32-2.032 1.702C4.703 10.967 4 13.795 4 17l.001.608c.003.715.012 1.072.037 1.354.28.025.638.034 1.354.037L6 19c2.184 0 3-1.224 3-4l.004-.382 2.023-1.168c-.01.633-.027 1.172-.027 1.55 0 3-1 6-5 6h-.642c-3.156-.012-3.346-.202-3.357-3.358L2 17C2 9.5 5.5 4.5 8.5 5.5ZM13 2v7.422l4.696 2.712-1 1.732L12 11.155l-4.696 2.711-1-1.732L11 9.422V2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/medicine-bottle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/medicine-bottle-fill.svg
deleted file mode 100644
index ddca5e8f67b255a0939e65d0aa59ebce16ccbc31..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/medicine-bottle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 5v2a3 3 0 0 1 3 3v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V10a3 3 0 0 1 3-3V5h10Zm-4 6h-2v2H9v2h1.999L11 17h2l-.001-2H15v-2h-2v-2Zm6-9v2H5V2h14Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/medicine-bottle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/medicine-bottle-line.svg
deleted file mode 100644
index 9c5ad5758893e0f270832862692ae84ec353fdc4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/medicine-bottle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2v2h-2v3a3 3 0 0 1 3 3v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V10a3 3 0 0 1 3-3V4H5V2h14Zm-2 7H7a1 1 0 0 0-1 1v10h12V10a1 1 0 0 0-1-1Zm-4 2v2h2v2h-2.001L13 17h-2l-.001-2H9v-2h2v-2h2Zm2-7H9v3h6V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/mental-health-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/mental-health-fill.svg
deleted file mode 100644
index 87f683426057fae3eac328afa35a5de2c29ed2ca..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/mental-health-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2ZM7.995 7.763a1.748 1.748 0 0 0 0 2.474L11 13.243l3.005-3.006a1.75 1.75 0 1 0-2.475-2.474l-.53.53-.53-.53a1.75 1.75 0 0 0-2.475 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/mental-health-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/mental-health-line.svg
deleted file mode 100644
index 54c481eed6af3bc2537ea553f5863d584b8cd9b7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/mental-health-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2Zm0 2a6 6 0 0 0-4.684 9.75C7.41 15.114 8 16.667 8 18.306V20h5l.002-3H17v-4.248l1.55-.664-1.543-2.425-.057-.442A6.001 6.001 0 0 0 11 4Zm-.53 3.763.53.53.53-.53a1.75 1.75 0 1 1 2.475 2.474L11 13.243l-3.005-3.006a1.75 1.75 0 1 1 2.475-2.474Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/microscope-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/microscope-fill.svg
deleted file mode 100644
index 292829aa6467f1e78b9161483ca8fd75c50f8eea..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/microscope-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.196 2.268 3.25 5.63a1 1 0 0 1-.366 1.365l-1.3.75 1.001 1.732-1.732 1-1-1.733-1.299.751a1 1 0 0 1-1.366-.366L8.546 8.215a5.002 5.002 0 0 0-3.222 6.561A4.976 4.976 0 0 1 8 14c1.684 0 3.174.833 4.08 2.109l7.688-4.439 1 1.732-7.878 4.549A5.038 5.038 0 0 1 12.9 20H21v2l-17 .001A4.979 4.979 0 0 1 3 19c0-1.007.298-1.945.81-2.73a7.001 7.001 0 0 1 3.717-9.82l-.393-.682a2 2 0 0 1 .732-2.732l2.598-1.5a2 2 0 0 1 2.732.732Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/microscope-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/microscope-line.svg
deleted file mode 100644
index d93ceb999ed3e9d261c6c0c9f4b9e169bd809e6f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/microscope-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.196 2.268 3.25 5.63a1 1 0 0 1-.366 1.365l-1.3.75 1.001 1.732-1.732 1-1-1.733-1.299.751a1 1 0 0 1-1.366-.366L8.546 8.215a5.002 5.002 0 0 0-3.222 6.561A4.976 4.976 0 0 1 8 14c1.684 0 3.174.833 4.08 2.109l7.688-4.439 1 1.732-7.878 4.549A5.038 5.038 0 0 1 12.9 20H21v2l-17 .001A4.979 4.979 0 0 1 3 19c0-1.007.298-1.945.81-2.73a7.001 7.001 0 0 1 3.717-9.82l-.393-.682a2 2 0 0 1 .732-2.732l2.598-1.5a2 2 0 0 1 2.732.732ZM8 16a3 3 0 0 0-2.83 4h5.66A3 3 0 0 0 8 16Zm3.464-12.732-2.598 1.5 2.75 4.763 2.598-1.5-2.75-4.763Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/psychotherapy-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/psychotherapy-fill.svg
deleted file mode 100644
index 7f61fafa427944a9dc6733b6ba2255a9d356aae3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/psychotherapy-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2Zm0 5a1 1 0 0 0-1 1v.999L9 9a1 1 0 0 0 0 2l1-.001V12a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1V8a1 1 0 0 0-1-1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/psychotherapy-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/psychotherapy-line.svg
deleted file mode 100644
index eb21c11bf190b1a4a836b243c2ab4b344c6ae7e9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/psychotherapy-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2Zm0 2a6 6 0 0 0-4.684 9.75C7.41 15.114 8 16.667 8 18.306V20h5l.002-3H17v-4.248l1.55-.664-1.543-2.425-.057-.442A6.001 6.001 0 0 0 11 4Zm0 3a1 1 0 0 1 1 1v1h1a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1.001L9 11a1 1 0 0 1 0-2l1-.001V8a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/pulse-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/pulse-line.svg
deleted file mode 100644
index 32f53fa72094ba28729f1f7ff86846d1fe2712c7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/pulse-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m9 7.539 6 14L18.659 13H23v-2h-5.659L15 16.461l-6-14L5.341 11H1v2h5.659L9 7.539Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/stethoscope-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/stethoscope-fill.svg
deleted file mode 100644
index 01e898cab66dab93718c0d7cb53ac455b37de0a8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/stethoscope-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 3v2H6v4c0 2.21 1.79 4 4 4s4-1.79 4-4V5h-2V3h3a1 1 0 0 1 1 1v5a6.002 6.002 0 0 1-5 5.917V16.5a3.5 3.5 0 0 0 6.775 1.237 3 3 0 1 1 2.049.148A5.5 5.5 0 0 1 9 16.5v-1.583A6.001 6.001 0 0 1 4 9V4a1 1 0 0 1 1-1h3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/stethoscope-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/stethoscope-line.svg
deleted file mode 100644
index d7b44c2cc5db0843a588867e3b2a1d60c56d8a7c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/stethoscope-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 3v2H6v4c0 2.21 1.79 4 4 4s4-1.79 4-4V5h-2V3h3a1 1 0 0 1 1 1v5a6.002 6.002 0 0 1-5 5.917V16.5a3.5 3.5 0 0 0 6.775 1.237 3 3 0 1 1 2.049.148A5.5 5.5 0 0 1 9 16.5v-1.583A6.001 6.001 0 0 1 4 9V4a1 1 0 0 1 1-1h3Zm11 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/surgical-mask-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/surgical-mask-fill.svg
deleted file mode 100644
index 2ce0cd10a2eed1a3444a560b435924281d42f58e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/surgical-mask-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.485 3.121 7.758 1.94c.445.11.757.51.757.97V7h1c1.1 0 2 .9 2 2v3a3 3 0 0 1-3 3h-.421a6.001 6.001 0 0 1-2.896 3.158l-4.789 2.395a2.002 2.002 0 0 1-1.788 0l-4.79-2.395A6.005 6.005 0 0 1 3.422 15H3a3 3 0 0 1-3-3V9a2 2 0 0 1 2-2h1v-.97c0-.458.312-.858.757-.97l7.758-1.939c.318-.08.652-.08.97 0ZM3 9H2v3a1 1 0 0 0 1 1V9Zm19 0h-1v4a1 1 0 0 0 1-1V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/surgical-mask-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/surgical-mask-line.svg
deleted file mode 100644
index 54cb962313a54e33084779a30b065fb0212248e4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/surgical-mask-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.485 3.121 7.758 1.94c.445.11.757.51.757.97V7h1c1.1 0 2 .9 2 2v3a3 3 0 0 1-3 3h-.421a6.001 6.001 0 0 1-2.896 3.158l-4.789 2.395a2.002 2.002 0 0 1-1.788 0l-4.79-2.395A6.005 6.005 0 0 1 3.422 15H3a3 3 0 0 1-3-3V9a2 2 0 0 1 2-2h1v-.97c0-.458.312-.858.757-.97l7.758-1.939c.318-.08.652-.08.97 0ZM12 5.061l-7 1.75v5.98c0 1.516.856 2.9 2.211 3.579L12 18.764l4.789-2.394A4.001 4.001 0 0 0 19 12.792v-5.98l-7-1.75v-.001ZM3 9H2v3a1 1 0 0 0 1 1V9Zm19 0h-1v4a1 1 0 0 0 1-1V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/syringe-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/syringe-fill.svg
deleted file mode 100644
index ea669ffa1cca8060875ac3d94d3693a990f20cf2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/syringe-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m21.678 7.98-1.415 1.413-2.12-2.12-2.122 2.12 3.535 3.536-1.414 1.414-.707-.707L11.071 20H5.414l-2.121 2.121-1.414-1.414L4 18.586v-5.657l6.364-6.364-.707-.707 1.414-1.414 3.536 3.535 2.12-2.121-2.12-2.121 1.414-1.415 5.657 5.657v.001ZM9.657 14.342l-2.829-2.828-1.414 1.414 2.829 2.828 1.414-1.414Zm2.828-2.828L9.657 8.686l-1.414 1.415 2.828 2.828 1.414-1.414v-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/syringe-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/syringe-line.svg
deleted file mode 100644
index 4db6e3f7fb7dca0ba33daff13f44e1e4ca6e2507..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/syringe-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m21.678 7.98-1.415 1.413-2.12-2.12-2.122 2.12 3.535 3.536-1.414 1.414-.707-.707L11.071 20H5.414l-2.121 2.121-1.414-1.414L4 18.586v-5.657l6.364-6.364-.707-.707 1.414-1.414 3.536 3.535 2.12-2.121-2.12-2.121 1.414-1.415 5.657 5.657v.001Zm-5.657 4.242-4.243-4.243-1.414 1.414 2.121 2.122-1.414 1.414-2.121-2.121-1.414 1.414 2.12 2.121-1.413 1.414-2.122-2.121-.121.121V18h4.243l5.778-5.778Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/test-tube-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/test-tube-fill.svg
deleted file mode 100644
index 154f3c4fb7929ef534e9d5deb5f7a63ad641cbd1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/test-tube-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h-1v14c0 2.21-1.79 4-4 4s-4-1.79-4-4V4H7V2h10Zm-4 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-2-3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm3-8h-4v4h4V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/test-tube-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/test-tube-line.svg
deleted file mode 100644
index dd9fc0f8dbabb3f32a336233816687aaf4b4b561..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/test-tube-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h-1v14c0 2.21-1.79 4-4 4s-4-1.79-4-4V4H7V2h10Zm-3 8h-4v8a2 2 0 1 0 4 0v-8Zm-1 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-2-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm3-8h-4v4h4V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/thermometer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/thermometer-fill.svg
deleted file mode 100644
index 4d5eb2a40797dee9c3a8e58b3758e6a12526d5d3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/thermometer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.556 3.444a4 4 0 0 1 0 5.657l-8.2 8.2a3.999 3.999 0 0 1-2.387 1.147l-3.378.374-2.298 2.3a1 1 0 0 1-1.414-1.415l2.298-2.299.375-3.377c.1-.903.505-1.745 1.147-2.387l8.2-8.2a4 4 0 0 1 5.657 0Zm-9.192 9.192L9.95 14.05l2.121 2.122 1.414-1.415-2.121-2.121Zm2.828-2.828-1.414 1.414 2.121 2.121 1.415-1.414-2.122-2.121Zm2.829-2.829-1.414 1.414 2.12 2.122L19.143 9.1l-2.121-2.122-.001.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/thermometer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/thermometer-line.svg
deleted file mode 100644
index 6d730eab7adeaf9671a1c7b6488e2e4441623acd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/thermometer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.556 3.444a4 4 0 0 1 0 5.657l-8.2 8.2a3.999 3.999 0 0 1-2.387 1.147l-3.378.374-2.298 2.3a1 1 0 0 1-1.414-1.415l2.298-2.299.375-3.377c.1-.903.505-1.745 1.147-2.387l8.2-8.2a4 4 0 0 1 5.657 0Zm-4.242 1.414-8.2 8.2a1.995 1.995 0 0 0-.574 1.193l-.276 2.485 2.485-.276c.45-.05.872-.252 1.193-.573l.422-.423L9.95 14.05l1.414-1.414 1.414 1.414 1.414-1.414-1.414-1.414 1.414-1.414 1.415 1.414 1.414-1.415-1.414-1.414L17.02 6.98l1.414 1.414.707-.707a2 2 0 1 0-2.828-2.828l.001-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/virus-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/virus-fill.svg
deleted file mode 100644
index 26341ce94a731739b3a8dbf57c2129869d63db39..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/virus-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.717 1.947 3.734 1.434-.717 1.867-.934-.359-.746 1.945a6.042 6.042 0 0 1 1.945 1.846l1.903-.847-.407-.914 1.827-.813 1.627 3.654-1.827.813-.407-.913-1.902.847a6.023 6.023 0 0 1 .07 2.68l1.944.746.358-.933 1.868.717-1.434 3.734-1.867-.717.358-.933-1.944-.747a6.042 6.042 0 0 1-1.846 1.945l.847 1.903.914-.407.813 1.827-3.654 1.627-.813-1.827.913-.407-.847-1.902a6.023 6.023 0 0 1-2.681.069l-.746 1.945.934.358-.717 1.868-3.734-1.434.717-1.867.932.358.748-1.944A6.055 6.055 0 0 1 7 15.32l-1.903.847.407.914-1.827.813L2.05 14.24l1.827-.813.406.914 1.903-.848a6.07 6.07 0 0 1-.069-2.68l-1.945-.746-.357.933-1.868-.717L3.381 6.55l1.867.717-.359.933 1.945.747A6.048 6.048 0 0 1 8.68 7l-.847-1.903-.914.407-.813-1.827L9.76 2.051l.813 1.827-.913.407.847 1.902a6.023 6.023 0 0 1 2.68-.07l.745-1.945L13 3.815l.717-1.868Zm-3.583 11.285a1 1 0 1 0 1.733 1 1 1 0 0 0-1.733-1ZM14 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-3.5-1.598a1 1 0 1 0 1.001 1.732A1 1 0 0 0 10.5 9.402Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/virus-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/virus-line.svg
deleted file mode 100644
index e6cfbc198bd2fb6846024c0fe22925e3f1086a10..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/health/virus-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.717 1.947 3.734 1.434-.717 1.867-.934-.359-.746 1.945a6.042 6.042 0 0 1 1.945 1.846l1.903-.847-.407-.914 1.827-.813 1.627 3.654-1.827.813-.407-.913-1.902.847a6.023 6.023 0 0 1 .07 2.68l1.944.746.358-.933 1.868.717-1.434 3.734-1.867-.717.358-.933-1.944-.747a6.042 6.042 0 0 1-1.846 1.945l.847 1.903.914-.407.813 1.827-3.654 1.627-.813-1.827.913-.407-.847-1.902a6.023 6.023 0 0 1-2.681.069l-.746 1.945.934.358-.717 1.868-3.734-1.434.717-1.867.932.358.748-1.944A6.055 6.055 0 0 1 7 15.32l-1.903.847.407.914-1.827.813L2.05 14.24l1.827-.813.406.914 1.903-.848a6.07 6.07 0 0 1-.069-2.68l-1.945-.746-.357.933-1.868-.717L3.381 6.55l1.867.717-.359.933 1.945.747A6.048 6.048 0 0 1 8.68 7l-.847-1.903-.914.407-.813-1.827L9.76 2.051l.813 1.827-.913.407.847 1.902a6.023 6.023 0 0 1 2.68-.07l.745-1.945L13 3.815l.717-1.868ZM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm-.5 4.866a1 1 0 1 1-1.001 1.732 1 1 0 0 1 1.001-1.732ZM14 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-2.134-1.232a1 1 0 1 1-1.733 1 1 1 0 0 1 1.733-1Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/chrome-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/chrome-fill.svg
deleted file mode 100644
index 897c7cd6a2756afc9a2f4b80294093f15fe70b80..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/chrome-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.542 9A9.98 9.98 0 0 1 22 12c0 5.523-4.477 10-10 10l4.287-7.425A4.977 4.977 0 0 0 17 12a4.978 4.978 0 0 0-1-3h5.542ZM3.339 6.998l4.283 7.419a4.999 4.999 0 0 0 4.976 2.548l-2.77 4.798h-.001C5.35 20.771 2 16.777 2 12c0-1.822.487-3.53 1.339-5.002Zm10.603 2.717a3 3 0 0 1 .656 3.785l-.026.045a2.999 2.999 0 0 1-5.17-.045l-.029-.05a3 3 0 0 1 4.57-3.735ZM12 2a9.996 9.996 0 0 1 8.662 5H12a5.001 5.001 0 0 0-4.599 3.035L4.632 5.239A9.974 9.974 0 0 1 12 2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/chrome-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/chrome-line.svg
deleted file mode 100644
index 0b746d5eb26b9ff51ff1e82e24470d6deaeaf476..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/chrome-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm7.602 7.5h-3.86c.495.74.76 1.61.758 2.5a4.48 4.48 0 0 1-.642 2.318l-3.268 5.66v.001A8 8 0 0 0 19.602 9.5ZM4.794 8.52a8.003 8.003 0 0 0 5.57 11.313h.001l1.93-3.342a4.499 4.499 0 0 1-4.234-2.315L4.794 8.52Zm5.624 1.544a2.5 2.5 0 0 0-.607 3.144l.024.042a2.499 2.499 0 0 0 4.308.038l.022-.038a2.5 2.5 0 0 0-3.747-3.186ZM12 4a7.98 7.98 0 0 0-5.764 2.451l-.201.217 1.929 3.34A4.5 4.5 0 0 1 12 7.5h6.615A7.992 7.992 0 0 0 12 4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/edge-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/edge-fill.svg
deleted file mode 100644
index c1a8d72ded25e63d5a0f30e6d80fd94ca4126364..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/edge-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.644 8.586c-.17-.711-.441-1.448-.774-2.021-.771-1.329-1.464-2.237-3.177-3.32C14.98 2.162 13.076 2 12.17 2c-2.415 0-4.211.86-5.525 1.887C3.344 6.47 3 11 3 11s1.221-2.045 3.54-3.526C7.943 6.579 9.941 6 11.568 6 15.885 6 16 10 16 10H9c0-2 1-3 1-3s-5 2-5 7.044c0 .487-.003 1.372.248 2.283.232.843.7 1.705 1.132 2.353 1.221 1.832 3.045 2.614 3.916 2.904.996.332 2.029.416 3.01.416 2.72 0 4.877-.886 5.694-1.275v-4.172c-.758.454-2.679 1.447-5 1.447-5 0-5-4-5-4h12v-2.49s-.039-1.593-.356-2.924Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/edge-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/edge-line.svg
deleted file mode 100644
index 6e7b2a66bfa2e135d696cb786491860c95804120..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/edge-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.007 14.001A4.559 4.559 0 0 0 8 14.25C8 16.632 9.753 19 13 19c2.373 0 4.528-.655 6-1.553v3.35C17.211 21.564 15.113 22 13 22c-5.502 0-8-3.47-8-7.75 0-3.231 2.041-6 4.943-7.164C8.539 8.663 8 10.341 8 10.996L18 11c0-3.406-2.548-6-6-6-5 0-8.001 3.988-9 5.999C3.29 6.237 7.01 2 12 2c5.2 0 9 4.03 9 9v3H8l.007.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/facebook-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/facebook-circle-fill.svg
deleted file mode 100644
index 023cb5e2052c22a8c72ec41353f1c33309554784..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/facebook-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/facebook-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/facebook-circle-line.svg
deleted file mode 100644
index e1ac23819ef5471a22f5e4364678b23768a4cb22..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/facebook-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 0 0-1 15.938V14H9v-2h2v-1.654c0-1.337.14-1.822.4-2.311A2.72 2.72 0 0 1 12.536 6.9c.382-.205.857-.328 1.687-.381.329-.021.755.005 1.278.08v1.9H15c-.917 0-1.296.043-1.522.164a.727.727 0 0 0-.314.314c-.111.21-.157.418-.163 1.182L13 12h2.5l-.5 2h-2v5.938A8.001 8.001 0 0 0 12 4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/firefox-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/firefox-fill.svg
deleted file mode 100644
index ee7bbec1730bbe91fc223bbee4a6662a2b7d21b2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/firefox-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.464.314-2.854.88-4.106.466-.939 1.233-1.874 1.85-2.194-.653 1.283-.973 2.54-1.04 3.383.454-1.5 1.315-2.757 2.52-3.644 2.066-1.519 4.848-1.587 5.956-.62-2.056.707-4.296 3.548-3.803 6.876.08.55.245 1.084.489 1.582-.384-1.01-.418-2.433.202-3.358.692-1.03 1.678-1.248 2.206-1.136-.208-.044-.668.836-.736.991a2.97 2.97 0 0 0-.251 1.25 3.395 3.395 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.412-1.002.953-1.471 1.069-3.968-.155-5.952a6.915 6.915 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205-1.106.177-2.047.496-2.824.956C7.755 2.798 9.91 2 12 2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/firefox-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/firefox-line.svg
deleted file mode 100644
index f692e04dc0c155b1fad3029040dc5eafb75f9e11..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/firefox-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.464.314-2.854.88-4.106.466-.939 1.233-1.874 1.85-2.194-.653 1.283-.973 2.54-1.04 3.383.454-1.5 1.315-2.757 2.52-3.644 2.066-1.519 4.848-1.587 5.956-.62-2.056.707-4.296 3.548-3.803 6.876.08.55.245 1.084.489 1.582-.384-1.01-.418-2.433.202-3.358.692-1.03 1.678-1.248 2.206-1.136-.208-.044-.668.836-.736.991a2.97 2.97 0 0 0-.251 1.25 3.395 3.395 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.412-1.002.953-1.471 1.069-3.968-.155-5.952a6.915 6.915 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205-1.106.177-2.047.496-2.824.956C7.755 2.798 9.91 2 12 2ZM6.874 7.705c-2.252.781-3.5 3.17-2.578 6.46a8.004 8.004 0 0 0 7.455 5.831L12 20a8 8 0 0 0 7.985-7.504l.009-.212a6.17 6.17 0 0 1-.463.98l-.14.227c-2.104 3.239-6.681 4.075-9.48 1.348a5.392 5.392 0 0 1-.962-1.257l-.106-.201c-1.736-.387-2.584-1.326-2.543-2.817a8.633 8.633 0 0 1 .452-2.52l.122-.339Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--dailymotion-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--dailymotion-fill.svg
deleted file mode 100644
index 89a0471abc4b3269ae13aad834b04d9ccd62ae0c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--dailymotion-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.634 4.734V18.84h-2.83v-1.274h-.037c-.561.932-1.552 1.398-2.974 1.398-.98 0-1.848-.233-2.607-.7a4.709 4.709 0 0 1-1.755-1.908c-.412-.806-.619-1.711-.619-2.714 0-.98.21-1.873.628-2.68a4.792 4.792 0 0 1 1.755-1.908c.753-.466 1.6-.699 2.545-.699a4.31 4.31 0 0 1 1.585.278c.472.185.917.487 1.335.905V5.379l2.974-.645Zm-5.339 6.398c-.705 0-1.299.236-1.783.708-.483.471-.725 1.066-.725 1.783 0 .752.236 1.368.707 1.845.472.478 1.066.717 1.783.717.729 0 1.335-.245 1.819-.735.483-.49.725-1.099.725-1.827a2.52 2.52 0 0 0-.322-1.255 2.352 2.352 0 0 0-.905-.905 2.579 2.579 0 0 0-1.299-.331Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--dailymotion-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--dailymotion-line.svg
deleted file mode 100644
index 8cfba39800d960da578a842cf249d1d92c3440db..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--dailymotion-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.666 3C20.4 3 21 3.58 21 4.297v15.406C21 20.42 20.4 21 19.666 21H4.328C3.594 21 3 20.42 3 19.703V4.297C3 3.58 3.593 3 4.329 3Zm-3.032 1.734-2.974.645v4.158c-.418-.418-.863-.72-1.335-.905a4.31 4.31 0 0 0-1.585-.278c-.944 0-1.792.233-2.545.7a4.792 4.792 0 0 0-1.755 1.908c-.418.806-.628 1.699-.628 2.679 0 1.003.207 1.908.619 2.714a4.709 4.709 0 0 0 1.755 1.909c.759.466 1.628.699 2.607.699 1.422 0 2.413-.466 2.974-1.398h.036v1.274h2.831V4.734ZM13.096 15.45c-.484.49-1.09.735-1.819.735-.717 0-1.31-.239-1.783-.717-.471-.477-.707-1.093-.707-1.845 0-.717.242-1.312.725-1.783.484-.472 1.078-.708 1.783-.708.478 0 .91.11 1.299.331.388.221.69.523.905.905.215.383.322.8.322 1.255 0 .728-.242 1.338-.725 1.827Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--tiktok-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--tiktok-fill.svg
deleted file mode 100644
index b3b391095c6819f8e79e3f29516f4aa5b4710dd8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--tiktok-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.666 3C20.4 3 21 3.58 21 4.297v15.406C21 20.42 20.4 21 19.666 21H4.328C3.594 21 3 20.42 3 19.703V4.297C3 3.58 3.593 3 4.329 3Zm-5.114 2h-2.009l-.02 9.774c0 1.2-1.061 2.144-2.263 2.144-1.2 0-2.174-.972-2.174-2.171 0-1.199.974-2.17 2.174-2.17.09 0 .176.015.264.026v-2.096c-.088-.006-.175-.014-.264-.014A4.257 4.257 0 0 0 6 14.747 4.257 4.257 0 0 0 10.26 19a4.257 4.257 0 0 0 4.261-4.253V8.992a3.745 3.745 0 0 0 3.477 1.672H18v-2.33A3.739 3.739 0 0 1 14.552 5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--tiktok-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--tiktok-line.svg
deleted file mode 100644
index c9384ed0e4cc0b25ea70134af3f35f5ca4f2f483..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/fr--tiktok-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.998 10.664a3.745 3.745 0 0 1-3.477-1.673v5.756A4.257 4.257 0 0 1 10.261 19 4.257 4.257 0 0 1 6 14.747a4.257 4.257 0 0 1 4.26-4.254c.09 0 .176.008.264.014v2.096c-.088-.01-.174-.027-.264-.027-1.2 0-2.174.972-2.174 2.171 0 1.199.974 2.17 2.174 2.17 1.202 0 2.262-.944 2.262-2.143L12.543 5h2.009A3.739 3.739 0 0 0 18 8.335v2.33"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/github-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/github-fill.svg
deleted file mode 100644
index 19290dd1d0c7603a882d30f8574e4408402ca058..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/github-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/github-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/github-line.svg
deleted file mode 100644
index 3cfe2d7f3cb3b97166fcc1db95a7e0ec9329df17..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/github-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.883 18.653c-.3-.2-.558-.455-.86-.816a50.32 50.32 0 0 1-.466-.579c-.463-.575-.755-.84-1.057-.949a1 1 0 0 1 .676-1.883c.752.27 1.261.735 1.947 1.588-.094-.117.34.427.433.539.19.227.33.365.44.438.204.137.587.196 1.15.14.023-.382.094-.753.202-1.095C5.38 15.31 3.7 13.396 3.7 9.64c0-1.24.37-2.356 1.058-3.292-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047.803-.123 1.937.17 3.415 1.096.88-.206 1.782-.31 2.687-.308.912 0 1.818.104 2.684.308 1.477-.933 2.613-1.226 3.422-1.096.085.013.157.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.297.302 3.19.691.936 1.058 2.045 1.058 3.293 0 3.757-1.674 5.665-4.642 6.392.125.415.19.879.19 1.38 0 .905-.004 1.81-.012 2.716a1 1 0 0 1-.019 1.958c-1.139.228-1.983-.532-1.983-1.525l.002-.446.005-.705c.005-.708.007-1.338.007-1.998 0-.697-.183-1.152-.425-1.36-.661-.57-.326-1.655.54-1.752 2.967-.333 4.337-1.482 4.337-4.66 0-.955-.312-1.744-.913-2.404a1 1 0 0 1-.19-1.045c.166-.414.237-.957.096-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135A9.626 9.626 0 0 0 12 5.315c-.89 0-1.772.119-2.592.35a1 1 0 0 1-.83-.134c-.752-.507-1.374-.807-1.868-.947-.144.653-.073 1.194.092 1.607a1 1 0 0 1-.189 1.045C6.016 7.89 5.7 8.694 5.7 9.64c0 3.172 1.371 4.328 4.322 4.66.865.097 1.201 1.177.544 1.748-.192.168-.429.732-.429 1.364v3.15c0 .986-.835 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.662-.088-2.254-.485Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/google-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/google-fill.svg
deleted file mode 100644
index 0d62feb49284effa66af7a5e80a230bfdd4cf607..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/google-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.064 7.51A9.996 9.996 0 0 1 12 2c2.695 0 4.959.99 6.69 2.605l-2.867 2.868C14.786 6.482 13.468 5.977 12 5.977c-2.605 0-4.81 1.76-5.595 4.123-.2.6-.314 1.24-.314 1.9 0 .66.114 1.3.314 1.9.786 2.364 2.99 4.123 5.595 4.123 1.345 0 2.49-.355 3.386-.955a4.6 4.6 0 0 0 1.996-3.018H12v-3.868h9.418c.118.654.182 1.336.182 2.045 0 3.046-1.09 5.61-2.982 7.35C16.964 21.105 14.7 22 12 22A9.996 9.996 0 0 1 2 12c0-1.614.386-3.14 1.064-4.49Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/google-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/google-line.svg
deleted file mode 100644
index 6cdf3cb27af9f551d67c8f9fdf0f686cd366c04e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/google-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 11h8.533c.044.385.067.78.067 1.184 0 2.734-.98 5.036-2.678 6.6-1.485 1.371-3.518 2.175-5.942 2.175A8.976 8.976 0 0 1 3 11.98 8.976 8.976 0 0 1 11.98 3c2.42 0 4.453.89 6.008 2.339L16.526 6.8C15.368 5.681 13.803 5 12 5a7 7 0 0 0 0 14c3.526 0 6.144-2.608 6.577-6H12v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/ie-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/ie-fill.svg
deleted file mode 100644
index 993f50e8b9e9e46b253202fb8b77a5b301acfecf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/ie-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.375 2.515c1.125 1.123 1.062 2.995.125 5.242-.01.021-.018.043-.027.064A8.96 8.96 0 0 1 21.5 12c0 .38-.023.753-.069 1.12h-.804a4.104 4.104 0 0 1-.142.003H8.689v.187c.062 1.997 1.812 3.744 3.937 3.744 1.5 0 2.937-.811 3.562-1.997h4.78A9.003 9.003 0 0 1 8.612 20.12c-2.744 1.49-5.113 1.799-6.422.49-1.344-1.34-.628-4.851 1.313-8.373A23.204 23.204 0 0 1 7.127 7.32l.111-.11c.263-.263.813-.807 1.008-.968l.028-.022-.024.016c-.137.084-.45.273-.498.273-1.95 1.095-3.663 3.08-4.037 3.525a9.004 9.004 0 0 1 9.468-7.009c3.095-1.402 5.974-1.726 7.192-.51ZM4.033 15.057c-1.161 2.282-1.46 4.19-.469 5.18.813.812 2.438.624 4.438-.436l.003-.002a9.03 9.03 0 0 1-3.972-4.742Zm8.78-7.986c-2.125 0-3.936 1.685-4.061 3.62v.062h7.811v-.062c-.125-2.06-1.75-3.62-3.75-3.62ZM15.79 3.62a9.032 9.032 0 0 1 4.382 3.672l.015-.034c.75-1.622.813-2.994.125-3.806-.869-.868-2.54-.75-4.522.168Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/ie-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/ie-line.svg
deleted file mode 100644
index 177f7a6515532d55b7ac257faa7364cc0f18e5ed..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/ie-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.375 2.516c1.125 1.123 1.062 2.995.125 5.242-.01.021-.018.043-.027.064A8.96 8.96 0 0 1 21.445 13H6.583a6.002 6.002 0 0 0 11.08 2.057h3.304A9.003 9.003 0 0 1 8.612 20.12c-2.744 1.491-5.113 1.8-6.422.491-1.344-1.34-.628-4.851 1.313-8.373a23.624 23.624 0 0 1 2.499-3.665c.359-.433.735-.852 1.125-1.252-.275.055-1.88.851-3.412 2.714a9.004 9.004 0 0 1 9.468-7.009c3.095-1.402 5.974-1.726 7.192-.51ZM4.033 15.057c-1.161 2.282-1.46 4.19-.469 5.18.813.812 2.438.624 4.438-.436l.003-.002a9.03 9.03 0 0 1-3.972-4.742Zm8.466-9.06A6.002 6.002 0 0 0 6.84 10h11.319a6.002 6.002 0 0 0-5.66-4.003ZM15.79 3.62a9.032 9.032 0 0 1 4.382 3.672l.015-.034c.75-1.622.813-2.994.125-3.806-.869-.868-2.54-.75-4.522.168Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/instagram-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/instagram-fill.svg
deleted file mode 100644
index eda160f308f6e4bc55638b2f82a729bc47c2dcd2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/instagram-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153.508.5.902 1.105 1.153 1.772.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772c-.5.508-1.105.902-1.772 1.153-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2Zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6.5-.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0ZM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/instagram-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/instagram-line.svg
deleted file mode 100644
index 62d8ac8065215be3617343de5ff4d56ed1f061cd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/instagram-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15.216 2.023.194.007c.224.008.445.018.712.03 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153.508.5.902 1.105 1.153 1.772.247.637.415 1.363.465 2.428l.022.52.007.192c.02.576.029 1.173.03 2.615v1.823a78.775 78.775 0 0 1-.022 2.188l-.007.194-.007.193c-.006.161-.014.329-.023.519-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772c-.5.508-1.105.902-1.772 1.153-.637.247-1.363.415-2.428.465l-.52.022-.192.007-.194.006c-.525.016-1.139.023-2.42.025h-1.824a68.683 68.683 0 0 1-2.382-.03l-.193-.007a81.617 81.617 0 0 1-.519-.023c-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428a77.357 77.357 0 0 1-.03-.712l-.005-.194A79.021 79.021 0 0 1 2 13.028v-2.274c.003-1.053.01-1.584.025-2.068l.007-.192c.007-.193.016-.388.027-.616.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465.914-.04 1.293-.056 3.094-.06l2.274.001c.983.002 1.51.008 1.97.022ZM12.57 4h-1.646a57.223 57.223 0 0 0-2.952.058c-.784.037-1.31.142-1.798.332a2.886 2.886 0 0 0-1.08.703 2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798a49.144 49.144 0 0 0-.057 2.741v.719L4 12v1.077c.004 1.552.016 1.993.058 2.952.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08.337.336.65.537 1.08.703.494.191 1.02.297 1.8.333.22.01.413.019.6.026l.222.008c.519.016 1.065.022 2.142.023h2.143c1.551-.003 1.992-.014 2.951-.057.782-.037 1.309-.142 1.797-.331a2.92 2.92 0 0 0 1.08-.702c.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.01-.22.019-.413.026-.6l.008-.222c.016-.519.022-1.065.023-2.142v-2.143c-.003-1.551-.014-1.992-.057-2.951-.037-.782-.142-1.31-.332-1.798a2.911 2.911 0 0 0-.703-1.08 2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331a49.144 49.144 0 0 0-2.741-.057h-.719ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/linkedin-box-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/linkedin-box-fill.svg
deleted file mode 100644
index 8042a4ccda006b5ab7c982b342c01ca0abe87eda..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/linkedin-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715h-.001ZM7.003 8.575a1.546 1.546 0 0 1-1.548-1.549 1.548 1.548 0 1 1 1.547 1.549h.001Zm1.336 9.764H5.666V9.75H8.34v8.589h-.001ZM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.004Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/linkedin-box-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/linkedin-box-line.svg
deleted file mode 100644
index 12fc7e3221d1e2f612b124308fe989e62ec90213..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/linkedin-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 2H5v14h14V5ZM8.5 10v7.5h-2V10h2Zm5.5-.5c2.071 0 3.5 1.679 3.5 3.75v4.25h-2v-4.25a1.75 1.75 0 0 0-3.5 0v4.25h-2V10h2v.43c.584-.565 1.266-.93 2-.93ZM7.5 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/mastodon-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/mastodon-fill.svg
deleted file mode 100644
index 031d4683fa0f2dd4b63a03b619694795610910b3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/mastodon-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.361 2c2.557.02 5.018.298 6.451.956 0 0 2.843 1.272 2.843 5.61v.31c-.003.856-.045 3.308-.397 5.114-.274 1.41-2.456 2.955-4.962 3.254-1.306.156-2.593.3-3.965.236-2.243-.103-4.014-.535-4.014-.535 0 .218.014.426.04.62.292 2.215 2.196 2.347 4 2.41 1.82.062 3.44-.45 3.44-.45l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51-3.923-1.039-4.598-5.22-4.701-9.464-.031-1.26-.012-2.447-.012-3.44 0-4.34 2.843-5.611 2.843-5.611 1.433-.658 3.892-.935 6.45-.956h.062Zm2.89 3.39c-1.065 0-1.871.41-2.405 1.228l-.518.87-.519-.87C11.276 5.8 10.47 5.39 9.405 5.39c-.921 0-1.663.324-2.229.955-.549.631-.822 1.484-.822 2.558v5.253h2.081V9.057c0-1.075.452-1.62 1.357-1.62 1 0 1.501.647 1.501 1.927v2.79h2.07v-2.79c0-1.28.5-1.927 1.5-1.927.905 0 1.358.545 1.358 1.62v5.1h2.08V8.902l.001.001c0-1.074-.273-1.927-.822-2.558-.567-.631-1.308-.955-2.229-.955Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/mastodon-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/mastodon-line.svg
deleted file mode 100644
index 0ad48f0820651c52feff24b85838f5908165cd20..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/mastodon-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.361 2c2.557.02 5.018.298 6.451.956 0 0 2.843 1.272 2.843 5.61v.416c-.007.938-.059 3.271-.396 5.008-.275 1.41-2.457 2.955-4.963 3.254-1.306.156-2.593.3-3.965.236-2.243-.103-4.014-.535-4.014-.535 0 .218.014.426.04.62.084.633.299 1.095.605 1.435.766.85 2.106.93 3.395.974 1.82.063 3.44-.449 3.44-.449l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51-1.532-.406-2.568-1.29-3.27-2.471-1.093-1.843-1.368-4.406-1.431-6.992-.032-1.26-.012-2.448-.012-3.442 0-4.338 2.843-5.61 2.843-5.61 1.433-.658 3.892-.935 6.45-.956h.062Zm0 2h-.046c-2.54.02-4.62.308-5.65.782.023-.01-.021.014-.112.078-.218.156-.415.34-.584.548-.594.72-.963 1.729-.963 3.158v.253l-.003.622a77.14 77.14 0 0 0 .014 2.518c.054 2.197.264 3.835.7 5.041.212.587.472 1.07.78 1.45a5.7 5.7 0 0 1-.18-1.505h.001v-2.548l2.474.605a21.66 21.66 0 0 0 3.631.48c1.019.047 1.901-.017 3.636-.224 1.663-.199 3.148-1.196 3.236-1.65.082-.422.151-.922.206-1.482a33.6 33.6 0 0 0 .137-2.245c.01-.34.016-.647.017-.905v-.41c0-1.43-.369-2.438-.963-3.158a3.008 3.008 0 0 0-.584-.548c-.09-.064-.135-.089-.13-.087-1.013-.465-3.093-.752-5.617-.773ZM8.084 6.37a1.144 1.144 0 1 1 0 2.287 1.144 1.144 0 0 1 0-2.287Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/npmjs-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/npmjs-fill.svg
deleted file mode 100644
index 08532fe8e964a9d519b6b51414352f5f3ccc9a00..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/npmjs-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-3 4H7v10h5V9.5h2.5V17H17V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/npmjs-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/npmjs-line.svg
deleted file mode 100644
index b72464a032620f6037c9271dce89a759be0f2903..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/npmjs-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 2H5v14h14V5Zm-2 2v10h-2.5V9.5H12V17H7V7h10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/remixicon-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/remixicon-fill.svg
deleted file mode 100644
index fce0b60d9d77f6f4011034c18ccd88911de18c14..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/remixicon-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.667 4.5v.008c.156-.008.313-.01.469-.008-.089.37-.136.76-.136 1.166C14 7.985 16.015 10 18.667 10a4.18 4.18 0 0 0 2.032-.538 7.003 7.003 0 0 1-4.17 8.567l.001.001L20 21.5H3v-17h10.667ZM18.5 3a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/remixicon-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/remixicon-line.svg
deleted file mode 100644
index 0f72eb10228ecdddc874395ecc033fd9b939db56..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/remixicon-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.111 4.5a4.5 4.5 0 0 0 6.603 4.918c.186.618.286 1.271.286 1.947 0 2.891-1.822 5.364-4.4 6.377L20 21.5H3v-17h11.111ZM5 7.97V19.5h10.48L5 7.97Zm7.077-1.47H6.364l8.784 9.663.72-.283c1.685-.661 2.864-2.156 3.092-3.896A6.502 6.502 0 0 1 12.077 6.5ZM18.5 3a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/safari-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/safari-fill.svg
deleted file mode 100644
index 8633a9731d79da533a139545a63801ce4e4b47df..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/safari-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm.5 17h-1v2h1v-2Zm2.641-.724-.924.382.765 1.848.924-.382-.765-1.848Zm-6.281 0-.765 1.848.924.382.765-1.848-.924-.382Zm9.151-12.994-1.414 1.415.103.103-6.114 3.786L6.8 16.7l-.104-.104-1.415 1.414.708.708 1.414-1.415L7.3 17.2l6.114-3.785L17.2 7.3l.104.104 1.415-1.414-.708-.708Zm-.708 11.314-.707.707 1.414 1.415.708-.708-1.415-1.414Zm1.32-2.275-.397.918 1.835.794.397-.918-1.835-.794Zm-13.281-.104-1.848.765.382.924 1.848-.765-.382-.924Zm9.581-5.14-2.235 3.61-1.376-1.375 3.611-2.235ZM21 11.5h-2v1h2v-1Zm-16 0H3v1h2v-1Zm15.124-3.406-1.848.765.382.924 1.848-.765-.382-.924ZM3.94 7.967l-.397.918 1.835.794.397-.918h-.001L3.94 7.967Zm2.05-2.685-.708.708 1.415 1.414.707-.707L5.99 5.282Zm3.028-1.788-.924.382.765 1.848.924-.382-.765-1.848Zm5.964 0-.765 1.848.924.382.765-1.848-.924-.382ZM12.5 3h-1v2h1V3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/safari-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/safari-line.svg
deleted file mode 100644
index ffdee6ad27205fb09babff30bebe490af384cb2a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/safari-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm5.812 4.503-4.398 6.911-6.911 4.398A7.973 7.973 0 0 0 11 19.938V18h2v1.938a7.96 7.96 0 0 0 3.906-1.618l-1.37-1.37 1.414-1.414 1.37 1.37A7.96 7.96 0 0 0 19.938 13H18v-2h1.938a7.973 7.973 0 0 0-2.126-4.497ZM13 4.062V6h-2V4.062A7.96 7.96 0 0 0 7.094 5.68l1.37 1.37L7.05 8.464l-1.37-1.37A7.96 7.96 0 0 0 4.062 11H6v2H4.062a7.973 7.973 0 0 0 2.126 4.497l4.398-6.911 6.911-4.398A7.973 7.973 0 0 0 13 4.062Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/slack-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/slack-fill.svg
deleted file mode 100644
index 2f9422c6655569f885aebc36aa0184f44f42797b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/slack-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.527 14.514A1.973 1.973 0 0 1 4.56 16.48a1.973 1.973 0 0 1-1.967-1.967c0-1.083.884-1.968 1.967-1.968h1.968v1.968l-.001.001Zm.992 0c0-1.083.884-1.968 1.967-1.968 1.083 0 1.968.885 1.968 1.968v4.927a1.973 1.973 0 0 1-1.968 1.967 1.973 1.973 0 0 1-1.967-1.967v-4.927Zm1.967-7.987A1.973 1.973 0 0 1 7.52 4.56c0-1.083.884-1.967 1.967-1.967 1.083 0 1.968.884 1.968 1.967v1.968H9.486v-.001Zm0 .992c1.083 0 1.968.884 1.968 1.967a1.973 1.973 0 0 1-1.968 1.968H4.56a1.973 1.973 0 0 1-1.967-1.968c0-1.083.884-1.967 1.967-1.967h4.927-.001Zm7.987 1.967c0-1.083.885-1.967 1.968-1.967s1.967.884 1.967 1.967a1.973 1.973 0 0 1-1.967 1.968h-1.968V9.486Zm-.992 0a1.973 1.973 0 0 1-1.967 1.968 1.973 1.973 0 0 1-1.968-1.968V4.56c0-1.083.885-1.967 1.968-1.967s1.967.884 1.967 1.967v4.927-.001Zm-1.967 7.987c1.083 0 1.967.885 1.967 1.968a1.973 1.973 0 0 1-1.967 1.967 1.973 1.973 0 0 1-1.968-1.967v-1.968h1.968Zm0-.992a1.973 1.973 0 0 1-1.968-1.967c0-1.083.885-1.968 1.968-1.968h4.927c1.083 0 1.967.885 1.967 1.968a1.973 1.973 0 0 1-1.967 1.967h-4.927Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/slack-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/slack-line.svg
deleted file mode 100644
index 4ff4b44f56cdac6466695a0a865449dc3652a0fd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/slack-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.5 3A1.5 1.5 0 0 1 16 4.5v5a1.5 1.5 0 0 1-3 0v-5A1.5 1.5 0 0 1 14.5 3Zm-10 10H6v1.5A1.5 1.5 0 1 1 4.5 13Zm8.5 5h1.5a1.5 1.5 0 1 1-1.5 1.5V18Zm1.5-5h5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3Zm5-5a1.5 1.5 0 0 1 0 3H18V9.5A1.5 1.5 0 0 1 19.5 8Zm-15 0h5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3Zm5-5A1.5 1.5 0 0 1 11 4.5V6H9.5a1.5 1.5 0 0 1 0-3Zm0 10a1.5 1.5 0 0 1 1.5 1.5v5a1.5 1.5 0 0 1-3 0v-5A1.5 1.5 0 0 1 9.5 13Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/snapchat-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/snapchat-fill.svg
deleted file mode 100644
index a1cec6120a02633dfe707a32facba1fa5b23535b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/snapchat-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.87 21.764c-1.19 0-1.983-.561-2.692-1.056-.503-.357-.976-.696-1.533-.79a4.568 4.568 0 0 0-.803-.066c-.472 0-.847.071-1.114.125-.17.03-.312.058-.424.058-.116 0-.263-.032-.32-.228-.05-.16-.081-.312-.112-.459-.08-.37-.147-.597-.286-.62-1.49-.227-2.38-.57-2.554-.976-.014-.044-.031-.09-.031-.125-.01-.125.08-.227.205-.25 1.18-.196 2.242-.824 3.138-1.858.696-.803 1.035-1.579 1.066-1.663 0-.01.009-.01.009-.01.17-.351.205-.65.102-.895-.191-.46-.825-.656-1.257-.79-.111-.03-.205-.066-.285-.093-.37-.147-.986-.46-.905-.892.058-.312.472-.535.81-.535a.49.49 0 0 1 .24.05c.38.173.724.262 1.018.262.366 0 .54-.138.584-.182a24.93 24.93 0 0 0-.035-.593c-.09-1.365-.192-3.059.24-4.03 1.298-2.907 4.053-3.14 4.869-3.14L12.156 3h.05c.815 0 3.57.227 4.868 3.139.437.971.33 2.67.24 4.03l-.008.067c-.01.182-.023.356-.032.535.045.035.205.169.535.173.286-.008.598-.102.954-.263a.804.804 0 0 1 .312-.066c.125 0 .25.03.357.066h.009c.299.112.495.321.495.54.009.205-.152.517-.914.825-.08.03-.174.067-.285.093-.424.13-1.057.335-1.258.79-.111.24-.066.548.103.895 0 .01.009.01.009.01.049.124 1.337 3.049 4.204 3.526.12.02.208.127.205.25 0 .044-.01.089-.031.129-.174.41-1.057.744-2.555.976-.138.022-.205.25-.285.62-.032.154-.07.307-.112.459-.044.147-.138.227-.298.227h-.023a2.24 2.24 0 0 1-.423-.049 5.285 5.285 0 0 0-1.115-.116 4.97 4.97 0 0 0-.802.067c-.553.09-1.03.433-1.534.79-.717.49-1.515 1.051-2.697 1.051h-.254Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/snapchat-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/snapchat-line.svg
deleted file mode 100644
index c9035f334b770a2399a0afeb4f34bf6ff26bd0c5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/snapchat-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.957 3c1.82 0 3.066.653 3.952 1.478.886.825 1.551 1.93 1.551 3.528 0 1.555-.099 2.594-.108 2.716a.59.59 0 0 0 .279.065c.63 0 .63-.31 1.33-.31.685 0 .983.57.983.823 0 .621-.833.967-1.33 1.126-.369.117-.931.291-1.075.635-.074.174-.043.4.092.678.003.008 1.26 2.883 3.93 3.326.235.035.391.241.391.483 0 .332-.37.617-.726.782-.443.2-1.091.37-1.952.505-.043.078-.134.485-.235.887-.135.542-.801.366-.991.326A5.02 5.02 0 0 0 16.252 20c-.482.087-.913.378-1.395.726-.713.504-1.465 1.076-2.9 1.076-1.436 0-2.144-.572-2.857-1.076-.482-.348-.905-.637-1.396-.726-.898-.163-1.57.036-1.795.057-.226.02-.842.244-.996-.327-.045-.166-.191-.808-.235-.895-.856-.135-1.508-.313-1.952-.513-.365-.165-.726-.443-.726-.779 0-.235.158-.44.391-.482 2.644-.483 3.766-3.005 3.922-3.33.132-.276.161-.5.091-.679-.143-.343-.704-.513-1.073-.635-.105-.034-1.336-.373-1.336-1.117 0-.24.205-.573.582-.73a1.36 1.36 0 0 1 .465-.092c.419 0 .6.305 1.219.305.157 0 .26-.035.326-.066-.009-.156-.099-1.986-.099-2.729 0-1.688.72-2.69 1.543-3.514C8.854 3.65 10.136 3 11.957 3Zm-.001 2c-1.137 0-1.958.335-2.51.888-.696.695-.958 1.218-.958 2.1 0 .521.061 1.994.096 2.618a2 2 0 0 1-.469 1.402c.055.098.105.204.153.317.3.771.198 1.543-.152 2.271-.392.818-.731 1.393-1.41 2.154a7.973 7.973 0 0 1-.642.643c.17.163.309.354.412.565a5.886 5.886 0 0 1 1.585.074c.81.146 1.324.434 2.194 1.061l.016.011.213.152c.619.44.877.546 1.473.546.609 0 .91-.121 1.523-.552l.207-.146c.876-.632 1.407-.928 2.231-1.076a6.664 6.664 0 0 1 1.559-.074c.104-.212.246-.404.417-.567a8.409 8.409 0 0 1-.616-.616 9.235 9.235 0 0 1-1.447-2.16c-.363-.749-.47-1.54-.137-2.321.04-.098.085-.19.132-.276a2 2 0 0 1-.474-1.262l.005-.172.02-.249c.056-.774.083-1.55.083-2.326 0-.87-.294-1.486-.914-2.063-.66-.614-1.459-.942-2.59-.942Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/telegram-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/telegram-fill.svg
deleted file mode 100644
index bef4fca507831921a6521c047a30cd221098f067..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/telegram-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm4.246 5.828-9.733 3.76c-.664.266-.66.638-.12.803l2.497.78v-.001l.013-.007.87 2.87c.112.311.266.367.453.341.188-.025.287-.126.41-.244l1.188-1.148 2.55 1.888c.466.257.801.124.917-.432l1.657-7.822c.183-.728-.137-1.02-.702-.788Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/telegram-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/telegram-line.svg
deleted file mode 100644
index 7b5bb6b76903bd4916feacb298bcbd5391aa9b7b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/telegram-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-3.11 9.17-2.498-.779c-.54-.165-.543-.537.121-.804l9.733-3.76c.565-.23.885.061.702.79l-1.657 7.82c-.116.557-.451.69-.916.433l-2.551-1.888-1.189 1.148c-.122.118-.221.219-.409.244-.187.026-.341-.03-.454-.34l-.87-2.871-.012.008v-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/threads-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/threads-fill.svg
deleted file mode 100644
index 2142e1b9460d3a5c8ac4bef67e53308c97cccf03..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/threads-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.7051 11.1081C16.543 8.12137 14.911 6.41148 12.1708 6.39398C10.5193 6.3838 9.13771 7.08389 8.29233 8.36664L9.79941 9.40046C10.4334 8.43852 11.4342 8.24015 12.1593 8.24685C13.0616 8.2526 13.7425 8.51494 14.1832 9.02653C14.5038 9.39899 14.7183 9.91367 14.8245 10.5632C14.0246 10.4273 13.1594 10.3855 12.2345 10.4385C9.62919 10.5886 7.95426 12.1081 8.06675 14.2194C8.12384 15.2904 8.65739 16.2118 9.56906 16.8137C10.3399 17.3225 11.3326 17.5713 12.3644 17.515C13.727 17.4403 14.7959 16.9205 15.5416 15.9699C16.1079 15.248 16.4661 14.3125 16.6243 13.1338C17.2737 13.5257 17.7549 14.0414 18.0207 14.6613C18.4726 15.7151 18.499 17.4469 17.086 18.8587C15.848 20.0955 14.3598 20.6306 12.1108 20.6471C9.61601 20.6286 7.72924 19.8285 6.50253 18.269C5.35381 16.8088 4.76014 14.6996 4.73799 12C4.76014 9.30038 5.35381 7.19117 6.50253 5.73092C7.72924 4.17147 9.61597 3.37141 12.1107 3.35287C14.6236 3.37155 16.5433 4.17547 17.8169 5.74244C18.4415 6.51086 18.9123 7.47721 19.2227 8.60394L20.9888 8.13274C20.6125 6.74587 20.0205 5.55078 19.2148 4.55966C17.582 2.55073 15.1816 1.52134 12.1046 1.5C9.03385 1.52127 6.6725 2.55457 5.08614 4.57117C3.67451 6.3657 2.94634 8.87742 2.92188 12.0074C2.94634 15.1373 3.67451 17.6343 5.08614 19.4289C6.6725 21.4454 9.04616 22.4788 12.1169 22.5C14.847 22.4811 16.7713 21.7663 18.3566 20.1825C20.4307 18.1103 20.3682 15.513 19.6846 13.9185C19.1595 12.6943 18.1141 11.7129 16.7051 11.1081ZM12.2669 15.6648C11.125 15.7291 9.93869 15.2166 9.88019 14.1188C9.83684 13.3048 10.4595 12.3966 12.3369 12.2884C13.2594 12.2352 14.1138 12.2976 14.8701 12.463C14.6538 15.1648 13.3848 15.6035 12.2669 15.6648Z"></path></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/threads-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/threads-line.svg
deleted file mode 100644
index f5cfdf6dcaad75c5d6ccc223d4ba4dcc87d83d59..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/threads-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.1835 1.41016L12.1822 1.41016C9.09012 1.43158 6.70036 2.47326 5.09369 4.51569C3.66581 6.33087 2.93472 8.86436 2.91016 12.0068V12.0082C2.93472 15.1508 3.66586 17.6696 5.09369 19.4847C6.70043 21.5271 9.10257 22.5688 12.1946 22.5902H12.1958C14.944 22.5711 16.8929 21.8504 18.4985 20.2463C20.6034 18.1434 20.5408 15.5048 19.8456 13.8832C19.3163 12.6493 18.2709 11.6618 16.8701 11.0477C16.6891 8.06345 15.0097 6.32178 12.2496 6.30415C10.6191 6.29409 9.14792 7.02378 8.24685 8.39104L9.90238 9.5267C10.4353 8.71818 11.2789 8.32815 12.2371 8.33701C13.6244 8.34586 14.5362 9.11128 14.7921 10.4541C14.02 10.3333 13.1902 10.2982 12.3076 10.3488C9.66843 10.5008 7.9399 12.061 8.05516 14.2244C8.17571 16.4862 10.367 17.7186 12.4476 17.605C14.9399 17.4684 16.4209 15.6292 16.7722 13.2836C17.3493 13.6575 17.7751 14.1344 18.0163 14.6969C18.4559 15.7222 18.4838 17.4132 17.1006 18.7952C15.8838 20.0108 14.4211 20.5407 12.1891 20.5572C9.71428 20.5388 7.85698 19.746 6.65154 18.2136C5.51973 16.7748 4.92843 14.6882 4.90627 12.0002C4.92843 9.31211 5.51973 7.22549 6.65154 5.78673C7.85698 4.25433 9.71424 3.46156 12.189 3.44303C14.6819 3.4617 16.5728 4.25837 17.8254 5.79937C18.5162 6.64934 18.949 7.66539 19.2379 8.71407L21.1776 8.19656C20.8148 6.85917 20.2414 5.58371 19.363 4.50305C17.7098 2.46918 15.2816 1.43166 12.1835 1.41016ZM12.4204 12.3782C13.3044 12.3272 14.1239 12.3834 14.8521 12.5345C14.7114 14.1116 14.0589 15.4806 12.3401 15.575C11.2282 15.6376 10.1031 15.1413 10.0484 14.114C10.0077 13.3503 10.5726 12.4847 12.4204 12.3782Z"></path></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitch-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitch-fill.svg
deleted file mode 100644
index db813498be174a8be20d007b4604b8f5e61d6d4c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitch-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v11.74l-4.696 4.695h-3.913l-2.437 2.348H6.913v-2.348H3V6.13L4.227 3H21Zm-1.566 1.565H6.13v11.74h3.13v2.347l2.349-2.348h4.695l3.13-3.13V4.565Zm-3.129 3.13v4.696h-1.566V7.696h1.565l.001-.001Zm-3.914.001v4.695h-1.565V7.696h1.565Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitch-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitch-line.svg
deleted file mode 100644
index 851837566fc9298e04d9f9d5bdcfa003799e5c53..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitch-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v11.7l-4.7 4.7h-3.9l-2.5 2.4H7v-2.4H3V6.2L4.3 3H21Zm-2 2H5v12.4h4v2.4h.095l2.5-2.4h3.877L19 13.872V5Zm-2 3v4.7h-2V8h2Zm-5 0v4.7h-2V8h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-fill.svg
deleted file mode 100644
index dd041407d46b1020c7cfdb448f19507fcb4e54d8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165l-.001-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-line.svg
deleted file mode 100644
index 9241e67cf95e2fcda6d6db7626d2f784a1892b4e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.785 5.005c.711-.005 1.316.175 2.669-.645-.335 1.64-.5 2.352-1.214 3.331 0 7.642-4.697 11.358-9.463 12.309-3.268.652-8.02-.419-9.382-1.841.694-.054 3.514-.357 5.144-1.55C5.16 15.7-.329 12.47 3.278 3.786c1.693 1.977 3.41 3.323 5.15 4.037 1.158.475 1.442.465 1.973.538L10.4 8.36a4.9 4.9 0 0 1 8.385-3.355ZM15.3 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.561-.212c-2.054-.28-4.022-1.226-5.91-2.799-.598 3.31.57 5.603 3.383 7.372l1.747 1.098a.6.6 0 0 1 .034.993L7.793 18.17c.947.059 1.846.017 2.592-.131 4.718-.942 7.855-4.492 7.855-10.348 0-.478-1.012-2.141-2.94-2.141Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-x-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-x-fill.svg
deleted file mode 100644
index 4b7998710c08e296b1c68b9f834f4c8cf0944fce..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-x-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z"></path></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-x-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-x-line.svg
deleted file mode 100644
index 3e7d8a35d826332f31b23438aa015fd133fabe85..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/twitter-x-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 2H1L9.26086 13.0145L1.44995 21.9999H4.09998L10.4883 14.651L16 22H23L14.3917 10.5223L21.8001 2H19.1501L13.1643 8.88578L8 2ZM17 20L5 4H7L19 20H17Z"></path></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vimeo-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vimeo-fill.svg
deleted file mode 100644
index c339007e3cd72bd02f6ab544ff006c73abe1a333..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vimeo-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M1.173 8.301c-.281-.413-.252-.413.328-.922 1.232-1.082 2.394-2.266 3.736-3.212 1.215-.852 2.826-1.402 3.927-.047 1.014 1.249 1.038 3.142 1.295 4.65.257 1.564.503 3.164 1.051 4.66.152.421.443 1.217.968 1.284.678.093 1.368-1.096 1.683-1.54.817-1.18 1.925-2.769 1.785-4.286-.138-1.612-1.878-1.309-2.966-.924.175-1.809 1.858-3.843 3.48-4.53 1.72-.714 4.276-.702 5.14 1.237.923 2.102.093 4.543-.912 6.448-1.097 2.068-2.509 3.982-4.018 5.77-1.331 1.588-2.906 3.33-4.89 4.089-2.267.864-3.61-.82-4.382-2.77-.843-2.123-1.262-4.506-1.87-6.717-.256-.934-.56-1.997-1.167-2.768-.792-.995-1.692-.06-2.474.477-.269-.267-.491-.607-.714-.899Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vimeo-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vimeo-line.svg
deleted file mode 100644
index f46bf9d6e5f760622daf669ae07dfd67adbd7ea1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vimeo-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.993 3.005c2.433-.001 4.005 1.511 4.005 4.495 0 1.72-.998 3.94-1.832 5.235-.248.385-.501.77-.759 1.154l-.39.573c-2.558 3.703-5.539 7.013-8.494 7.013-3.706 0-4.67-6.831-5.092-8.432-.422-1.601-.533-2.21-1.17-3.233-.317.22-.76.529-1.33.93a.5.5 0 0 1-.693-.117L.925 8.807a.5.5 0 0 1 .027-.62C3.779 4.915 6.128 3.278 8 3.278c2.392 0 3.124 2.816 3.324 4.223.3 2.117.69 4.738 1.244 5.872.557-.792 2.18-2.888 1.967-3.99-.094-.486-1.317.183-1.887.078-.425-.08-.806-.402-.806-1.026 0-1.31 1.852-5.43 6.151-5.43Zm.123 2L18 5.004c-2.195 0-3.251 1.533-3.653 2.208 1.25.046 1.97.818 2.133 1.803.389 2.33-1.916 4.92-2.339 5.565-.396.603-3.061 3.328-4.25-3.36a160.44 160.44 0 0 1-.665-4.186c-.17-1.151-.873-1.763-1.23-1.763-.842 0-1.92.65-3.855 2.515 1.905-.115 2.545 2.276 2.916 3.633.816 2.984 1.571 8.056 3.62 8.056 1.727 0 4.439-2.646 7.37-7.04.209-.311 1.966-3.024 1.966-5.036 0-2.24-1.286-2.385-1.897-2.394Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vuejs-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vuejs-fill.svg
deleted file mode 100644
index 78d3cc77b333e6269c4ecedc7a2cc2c8cca15b4a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vuejs-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m5 3 7 12 7-12h4L12 22 1 3h4Zm4.667 0L12 7l2.333-4h4.035L12 14 5.632 3h4.035Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vuejs-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vuejs-line.svg
deleted file mode 100644
index 66ec41dd0b60c7bf3aac474dc2c3b1f0a978ffb3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/vuejs-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.316 3 12 18l8.684-15H23L12 22 1 3h2.316Zm4.342 0L12 10.5 16.342 3h2.316L12 14.5 5.342 3h2.316Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/youtube-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/youtube-fill.svg
deleted file mode 100644
index cf44f6ce5dbcc88a8b21e2c28ad4fabc8768a5f0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/youtube-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.543 6.498C22 8.28 22 12 22 12s0 3.72-.457 5.502c-.254.985-.997 1.76-1.938 2.022C17.896 20 12 20 12 20s-5.893 0-7.605-.476c-.945-.266-1.687-1.04-1.938-2.022C2 15.72 2 12 2 12s0-3.72.457-5.502c.254-.985.997-1.76 1.938-2.022C6.107 4 12 4 12 4s5.896 0 7.605.476c.945.266 1.687 1.04 1.938 2.022ZM10 15.5l6-3.5-6-3.5v7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/youtube-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/youtube-line.svg
deleted file mode 100644
index 149e1e1508de27f1ad1a4162d2271e526d86c709..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/logo/youtube-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.605 4.476c.945.266 1.687 1.04 1.938 2.022.4 1.56.45 4.602.456 5.339v.12l.001.032v.174c-.007.737-.057 3.78-.457 5.339-.254.985-.997 1.76-1.938 2.022-.667.186-1.971.299-3.314.368l-.505.024c-1.51.066-2.976.08-3.541.083h-.49c-1.13-.006-5.857-.057-7.36-.475-.945-.266-1.687-1.04-1.938-2.022-.386-1.504-.446-4.387-.455-5.251v-.502c.01-.864.07-3.747.455-5.251.254-.985.997-1.76 1.938-2.022 1.461-.406 5.97-.466 7.258-.475h.694c1.289.01 5.8.069 7.258.475ZM12.38 6.001 12 6c-4.5 0-6.628.28-7.069.403-.244.068-.46.293-.537.592C4.285 7.419 4 9.196 4 12s.285 4.58.394 5.006c.076.297.292.522.538.59C5.372 17.72 7.5 18 12 18s6.629-.28 7.069-.403c.244-.068.46-.293.537-.592C19.715 16.581 20 14.8 20 12s-.285-4.58-.394-5.005c-.076-.298-.292-.523-.539-.592-.425-.12-2.447-.387-6.687-.402ZM10 8.5l6 3.5-6 3.5v-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/anchor-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/anchor-fill.svg
deleted file mode 100644
index cc779f0cb07f20151e925687d2e5dabc1e4bb818..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/anchor-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2a4 4 0 0 1 1 7.874v10.054c3.619-.453 6.487-3.336 6.938-6.972H17L20.704 7A10.041 10.041 0 0 1 22 11.95C22 17.5 17.523 22 12 22S2 17.5 2 11.95c0-1.8.471-3.489 1.296-4.95L7 12.956H4.062c.451 3.636 3.32 6.519 6.938 6.972V9.874A4.002 4.002 0 0 1 12 2Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/anchor-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/anchor-line.svg
deleted file mode 100644
index 3037cc1b3adb927b9e1614e158390b31cfc69245..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/anchor-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2a4 4 0 0 1 1 7.874v10.064A8.004 8.004 0 0 0 19.938 13H17v-2h4.95c.033.329.05.663.05 1 0 5.523-4.477 10-10 10S2 17.523 2 12c0-.337.017-.671.05-1H7v2H4.062A8.004 8.004 0 0 0 11 19.938V9.874A4.002 4.002 0 0 1 12 2Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bike-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bike-fill.svg
deleted file mode 100644
index 735704ffac1772c1a7ef36fcc6c38c158508bc79..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bike-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 13a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm13-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10ZM5 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm13-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM15.978 3a1 1 0 0 1 .988.741l1.553 5.796-1.932.517-.256-.956L5.5 12H4V7H2V5h6v2H6v2.795l9.813-2.629L15.233 5H12V3h3.978Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bike-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bike-line.svg
deleted file mode 100644
index 7dee6e0d96050ec2e20fd91552f9b8b2309ab6ee..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bike-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 13a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm13-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10ZM5 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm13-2a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.978 3a1 1 0 0 1 .988.741l1.553 5.796-1.932.517-.256-.956L5.5 12H4V7H2V5h6v2H6v2.795l9.813-2.629L15.233 5H12V3h3.978Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bus-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bus-fill.svg
deleted file mode 100644
index b831dd82aab9ff26281f3d8646f25f9b48007e43..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bus-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a2 2 0 0 1 2 2v3h1v4h-1v8h-1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H7v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1H3v-8H2V8h1V5a2 2 0 0 1 2-2h14ZM9 16H5v2h4v-2Zm10 0h-4v2h4v-2Zm0-11H5v9h14V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bus-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bus-line.svg
deleted file mode 100644
index 27e0553de9cf67c794e9ee1a8c625723263ccb13..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/bus-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a2 2 0 0 1 2 2v3h1v4h-1v8h-1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H7v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1H3v-8H2V8h1V5a2 2 0 0 1 2-2h14Zm0 11H5v4h14v-4Zm-9 1v2H6v-2h4Zm8 0v2h-4v-2h4Zm1-10H5v7h14V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/car-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/car-fill.svg
deleted file mode 100644
index 68852da874628088e73e831f8f10801ef908a9b6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/car-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.614 4a2 2 0 0 1 1.873 1.298L22 12v9a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9l2.513-6.702A2 2 0 0 1 6.386 4h11.228ZM6.5 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm.114-8H6.386l-2.25 6h15.728l-2.25-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/car-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/car-line.svg
deleted file mode 100644
index c589c94f1de8cae3f7c13de25cca3278f55769a1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/car-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.68 4a2 2 0 0 1 1.838 1.212L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.48-5.788A2 2 0 0 1 6.32 4h11.36ZM20 13H4v5h16v-5ZM6.5 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm11 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm.181-8H6.32l-2.143 5h15.647l-2.143-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/caravan-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/caravan-fill.svg
deleted file mode 100644
index 85c4922f4f2fa8dadb6246611ee37fb0dac8fb1d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/caravan-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.172 3c.53 0 1.039.21 1.414.586l4.828 4.828A2 2 0 0 1 21 9.828V17h2v2h-8.126a4.002 4.002 0 0 1-7.748 0H3a1 1 0 0 1-1-1V5a2 2 0 0 1 2-2h10.172ZM11 16a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 16Zm3-9H6v6h8V7Zm-2 2v2H8V9h4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/caravan-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/caravan-line.svg
deleted file mode 100644
index ebcbf6d0b689647cbfdd629b02565693aa43b247..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/caravan-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.172 3c.53 0 1.039.21 1.414.586l4.828 4.828A2 2 0 0 1 21 9.828V17h2v2h-8.126a4.002 4.002 0 0 1-7.748 0H3a1 1 0 0 1-1-1V5a2 2 0 0 1 2-2h10.172ZM11 16a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 16Zm3.172-11H4v12h3.126a4.002 4.002 0 0 1 7.748 0H19V9.828L14.172 5ZM14 7v6H6V7h8Zm-2 2H8v2h4V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/charging-pile-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/charging-pile-2-fill.svg
deleted file mode 100644
index 3885d522e7debc32a04b62a9c31001d41a990f0c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/charging-pile-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-1V7h1V4h2v3h1v4h-1v7a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9ZM9 7l-4 6h3v4l4-6H9V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/charging-pile-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/charging-pile-2-line.svg
deleted file mode 100644
index dfbd17ae45a2f1274a527af1fcea2d7146219ac6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/charging-pile-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-1V7h1V4h2v3h1v4h-1v7a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9ZM5 19h7V5H5v8l4-6v4h3l-4 6v-4H5v6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/compass-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/compass-3-fill.svg
deleted file mode 100644
index f8f0c4dae72b798599b85a4b327cd01050dd3a89..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/compass-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm4.5 5.5L10 10l-2.5 6.5L14 14l2.5-6.5ZM12 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/compass-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/compass-3-line.svg
deleted file mode 100644
index 06ca11f617533e328e159d9c41ba702b2985fe16..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/compass-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm4.5 3.5L14 14l-6.5 2.5L10 10l6.5-2.5ZM12 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/cup-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/cup-fill.svg
deleted file mode 100644
index e2eab0dc432a46c5dd893ed5c7270e538473b15d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/cup-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 19v2H2v-2h18Zm0-16a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1h15Zm0 2h-2v3h2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/cup-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/cup-line.svg
deleted file mode 100644
index 1c043e4e88b4063122a18483ada57546aa98d78b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/cup-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 19v2H2v-2h18Zm0-16a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1h15Zm-4 2H6v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V5Zm4 0h-2v3h2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/earth-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/earth-fill.svg
deleted file mode 100644
index f46beddb2c24a2c59220628a89935234c99ec96a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/earth-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm6.355-6.048v-.105c0-.922 0-1.343-.652-1.716a7.374 7.374 0 0 0-.645-.325c-.367-.167-.61-.276-.938-.756a6.47 6.47 0 0 1-.116-.172c-.345-.525-.594-.903-1.542-.753-1.865.296-2.003.624-2.085 1.178l-.013.091c-.121.81-.143 1.082.195 1.437 1.265 1.327 2.023 2.284 2.253 2.844.112.273.4 1.1.202 1.918a8.185 8.185 0 0 0 3.151-2.237c.11-.374.19-.84.19-1.404ZM12 3.833c-2.317 0-4.41.966-5.896 2.516.177.123.331.296.437.534.204.457.204.928.204 1.345 0 .328 0 .64.105.865.144.308.766.44 1.315.554.197.042.399.084.583.135.506.14.898.595 1.211.96.13.151.323.374.42.43.05-.036.211-.211.29-.498.062-.22.044-.414-.045-.52-.56-.66-.529-1.93-.356-2.399.272-.739 1.122-.684 1.744-.644.232.015.45.03.614.009.622-.078.814-1.025.949-1.21.292-.4 1.186-1.003 1.74-1.375A8.138 8.138 0 0 0 12 3.833Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/earth-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/earth-line.svg
deleted file mode 100644
index 1f20058e34730d9f3e4e7bef340880b2510270d8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/earth-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.235 6.453a8 8 0 0 0 8.817 12.944c.115-.75-.137-1.47-.24-1.722-.23-.56-.988-1.517-2.253-2.844-.338-.355-.316-.628-.195-1.437l.013-.091c.082-.554.22-.882 2.085-1.178.948-.15 1.197.228 1.542.753l.116.172c.328.48.571.59.938.756.165.075.37.17.645.325.652.373.652.794.652 1.716v.105c0 .391-.038.735-.098 1.034a8.002 8.002 0 0 0-3.105-12.341c-.553.373-1.312.902-1.577 1.265-.135.185-.327 1.132-.95 1.21-.162.02-.381.006-.613-.009-.622-.04-1.472-.095-1.744.644-.173.468-.203 1.74.356 2.4.09.105.107.3.046.519-.08.287-.241.462-.292.498-.096-.056-.288-.279-.419-.43-.313-.365-.705-.82-1.211-.96-.184-.051-.386-.093-.583-.135-.549-.115-1.17-.246-1.315-.554-.106-.226-.105-.537-.105-.865 0-.417 0-.888-.204-1.345a1.276 1.276 0 0 0-.306-.43ZM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/france-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/france-fill.svg
deleted file mode 100644
index 75fa31230c49802393f287856cc9253167a6990b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/france-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.818 16.796a.72.72 0 0 0-.888-.366l-.09.032-.085-.058a.689.689 0 0 0-.06-.95l-.051-.048a.706.706 0 0 0 .28-.52l.02-.365a.696.696 0 0 0-.166-.483l-.27-.316a.694.694 0 0 0 .016-.801l-.229-.335-.097-.12-.076-.255a.709.709 0 0 0-.512-.483l.7-.884a.726.726 0 0 0 .242-.13l.408-.333a.69.69 0 0 0 .256-.55l-.018-1.044.223-.63a.693.693 0 0 0 .034-.16l.016-.174.31-.579a.698.698 0 0 0-.249-.92l-.288-.178a.727.727 0 0 0-.371-.11l-.33-.006-.228-.12a.735.735 0 0 0-.41-.08l-.372.038-.28-.336a.712.712 0 0 0-.348-.227l-.388-.114a.735.735 0 0 0-.476.024l-.099.04-.078-.034a.727.727 0 0 0-.327-.058l-.485-.322v-.25c0-.217-.1-.418-.273-.552a.724.724 0 0 0-.609-.13l-.236.055a.717.717 0 0 0-.294-.267l-.286-.14a.712.712 0 0 0-.186-.063.716.716 0 0 0-.412-.254l-.039-.125a.708.708 0 0 0-.684-.499h-.112l-.217-.31a.729.729 0 0 0-.77-.285l-1.153.295a.71.71 0 0 0-.47.387l-.253.545a.7.7 0 0 0-.062.332l.047.71-.326.292-1.213.408a.702.702 0 0 0-.482.606l-.006.08-.64-.125-.492-.519a.707.707 0 0 0-.558-.22l-.574.028a.713.713 0 0 0-.536.284.691.691 0 0 0-.119.583l.19.757.253.596-.188-.034a.727.727 0 0 0-.393.037l-.054.02-.26-.258a.738.738 0 0 0-.573-.207L2.67 6.74a.734.734 0 0 0-.242.064l-1.017.465a.695.695 0 0 0-.372.865l.155.438a.71.71 0 0 0 .275.35.69.69 0 0 0 .083.496l.165.274a.72.72 0 0 0 .616.348h.386l1.343.524.24.312c.046.059.1.11.162.151l.075.05.001.009.166.737a.693.693 0 0 0 .126.265l.559.728a.71.71 0 0 0 .247.205l.328.165a.687.687 0 0 0 .074.214.694.694 0 0 0-.137.86.688.688 0 0 0-.02.1l-.212 1.822a.687.687 0 0 0 .04.328.7.7 0 0 0-.024.093l-.257 1.38-.464.553a.693.693 0 0 0 .208 1.059l.297.16.143.246a.714.714 0 0 0 .338.298l.697.294.208.217c.135.14.324.22.52.22h.31l.205.12c.084.048.175.08.271.092l1.216.161a.72.72 0 0 0 .652-.25l.118.026.282.113a.709.709 0 0 0 .372.427l.344.164a.74.74 0 0 0 .45.054l.292-.058.644.112.102.008a.71.71 0 0 0 .183-.023l.769-.2a.696.696 0 0 0 .5-.868l-.186-.644.191-.38.609-.36a.726.726 0 0 0 .528.095l.222.12c.131.07.28.097.429.078a.65.65 0 0 0 .05.017l.645.184.97.222a.73.73 0 0 0 .273.014l.473-.066a.764.764 0 0 0 .148-.037l.631-.228a.71.71 0 0 0 .402-.37.692.692 0 0 0 .063-.316l.312-.197.72-.586a.691.691 0 0 0 .249-.642l.039-.055a.687.687 0 0 0 .079-.713l-.117-.25Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/france-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/france-line.svg
deleted file mode 100644
index 11a5383c95a717bbce5472347e8814fb3c214dc7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/france-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.648 1.986a.729.729 0 0 1 .77.284l.217.31h.113c.317 0 .592.2.683.499l.04.125a.716.716 0 0 1 .41.254.712.712 0 0 1 .187.063l.287.14a.717.717 0 0 1 .294.267l.236-.055a.724.724 0 0 1 .608.13.693.693 0 0 1 .273.551v.251l.485.322a.727.727 0 0 1 .328.059l.077.033.1-.04a.735.735 0 0 1 .475-.024l.388.115c.137.04.257.118.347.226l.28.336.374-.037a.735.735 0 0 1 .41.079l.226.12.331.006c.133.002.26.04.371.11l.289.179a.7.7 0 0 1 .25.92l-.312.578-.016.174a.693.693 0 0 1-.034.16l-.222.63.017 1.045a.69.69 0 0 1-.256.549l-.408.333a.726.726 0 0 1-.242.13l-.7.885c.24.06.44.238.512.482l.076.256.098.12.228.334a.694.694 0 0 1-.016.801l.27.317a.696.696 0 0 1 .166.482l-.02.365a.706.706 0 0 1-.28.52l.05.048a.689.689 0 0 1 .06.95l.086.058.09-.031a.72.72 0 0 1 .888.365l.117.25a.687.687 0 0 1-.079.712l-.04.055a.691.691 0 0 1-.247.642l-.72.586-.313.197a.692.692 0 0 1-.062.317.71.71 0 0 1-.403.369l-.63.228a.764.764 0 0 1-.15.037l-.472.066a.73.73 0 0 1-.273-.013l-.97-.222-.646-.185a.65.65 0 0 1-.05-.016.727.727 0 0 1-.428-.078l-.222-.12a.726.726 0 0 1-.528-.096l-.608.36-.192.38.186.643a.696.696 0 0 1-.5.868l-.768.2a.71.71 0 0 1-.184.024l-.102-.008-.644-.112-.292.058a.74.74 0 0 1-.45-.054l-.344-.163a.709.709 0 0 1-.372-.428l-.282-.113-.118-.025a.72.72 0 0 1-.652.25l-1.216-.161a.717.717 0 0 1-.27-.094l-.206-.119h-.31a.723.723 0 0 1-.52-.22l-.208-.217-.696-.294a.714.714 0 0 1-.34-.298l-.141-.245-.298-.161a.693.693 0 0 1-.209-1.06l.464-.554.257-1.379a.7.7 0 0 1 .024-.092.687.687 0 0 1-.04-.329l.213-1.822a.688.688 0 0 1 .019-.1.694.694 0 0 1 .138-.857.693.693 0 0 1-.075-.216l-.328-.165a.71.71 0 0 1-.247-.206l-.559-.728a.693.693 0 0 1-.126-.265l-.165-.737-.002-.008-.074-.05a.708.708 0 0 1-.162-.152l-.24-.312-1.343-.524h-.386a.72.72 0 0 1-.617-.347l-.164-.275a.69.69 0 0 1-.083-.495.713.713 0 0 1-.276-.35L1.754 8.1a.695.695 0 0 1 .373-.866l1.017-.465a.734.734 0 0 1 .241-.063l1.4-.124a.738.738 0 0 1 .575.207l.259.259.054-.021a.727.727 0 0 1 .393-.036l.188.033-.253-.596-.19-.757a.691.691 0 0 1 .12-.583.713.713 0 0 1 .535-.284l.574-.029a.707.707 0 0 1 .558.222l.493.519.639.123.007-.08a.702.702 0 0 1 .481-.604l1.213-.409.326-.292-.046-.71a.7.7 0 0 1 .06-.331l.254-.546a.71.71 0 0 1 .47-.387Zm-.188 1.978-.33.081-.036.073.055.815a.64.64 0 0 1-.227.528l-.673.578a.707.707 0 0 1-.249.138l-.737.238.228.157-.283.135a.675.675 0 0 1-.347.378l-.483.23a.756.756 0 0 1-.45.06l-1.19-.22v.006l.057.799c.024.342-.23.64-.59.693l-.305.045a.744.744 0 0 1-.235-.003l-.589-.1-.299.11a.733.733 0 0 1-.755-.152l-.346-.33-.924.078-.038.016c.15.132.23.317.221.506.004 0 .007.002.01.003l1.626.608c.124.047.225.12.301.215l.206.257a.745.745 0 0 1 .397.078l.398.205c.16.083.28.223.333.385l.553.285-.595.197a.685.685 0 0 1-.316.298l.35.437.616.296a.645.645 0 0 1 .362.735l-.007.027.134.237c.107.19.107.41.01.596l.057.044a.666.666 0 0 1 .218.304l.387 1.1a.617.617 0 0 1-.036.495l.262.745-.722-.397a.743.743 0 0 1-.272.012.644.644 0 0 1-.085.177l-.305.451-.26 1.335a.64.64 0 0 1-.15.301l-.075.087a.53.53 0 0 1 .042.063l.12.197.6.242c.093.04.168.09.233.153l.097.097h.19c.124 0 .246.031.353.09l.25.139.385.048a.69.69 0 0 1 .136-.139.74.74 0 0 1 .58-.134l.98.208.69.263a.692.692 0 0 1 .37.328l.033-.006a.73.73 0 0 1 .14-.013l.104.007.506.085-.05-.164a.624.624 0 0 1 .048-.475l.397-.753a.67.67 0 0 1 .268-.273l1.165-.658a.731.731 0 0 1 .672-.026.735.735 0 0 1 .54-.06l.255.074a.686.686 0 0 1 .034.01.736.736 0 0 1 .674.077l.38.258c.1.068.18.16.229.266l.529.115.261-.035.053-.018a.654.654 0 0 1 .104-.17l.228-.268a.691.691 0 0 1 .17-.143l.44-.265.176-.138-.572-.374a.647.647 0 0 1-.3-.532l-.01-.636-.238-.214a.636.636 0 0 1-.217-.476v-.231c0-.265.167-.502.426-.606l-.093-.104a.636.636 0 0 1-.161-.385l-.02-.29a.686.686 0 0 1 .001-.082.743.743 0 0 1-.824-.013l-.202-.144a.637.637 0 0 1-.228-.76l.106-.259.03-.334a.634.634 0 0 1 .11-.303l.447-.64.461-.561a.618.618 0 0 1 .01-.232.663.663 0 0 1 .36-.44l.238-.116a.732.732 0 0 1 .252-.071l-.012-.69a.617.617 0 0 1 .04-.23l.226-.614.021-.214a.628.628 0 0 1 .039-.164.68.68 0 0 1-.083-.036l-.179-.09-.526.05a.73.73 0 0 1-.614-.239l-.348-.4-.106.041a.743.743 0 0 1-.543-.005l-.19-.077-.053.004a.745.745 0 0 1-.443-.106l-.861-.548a.679.679 0 0 1-.135-.113.733.733 0 0 1-.2-.008l-.461-.08a.679.679 0 0 1-.57-.58l-.012-.106a.704.704 0 0 1-.474-.313l-.01-.016a.719.719 0 0 1-.296-.146l-.172-.143a.672.672 0 0 1-.113-.12.709.709 0 0 1-.52-.284l-.235-.324Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/gas-station-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/gas-station-fill.svg
deleted file mode 100644
index 68c06ca2382e2beaefa6822c0aa4a91c75ef02b2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/gas-station-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-2a1 1 0 0 1-1-1V6.414l-1.657-1.657 1.414-1.414 4.95 4.95A.997.997 0 0 1 22 9v9a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9Zm-1 2H5v6h7V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/gas-station-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/gas-station-line.svg
deleted file mode 100644
index f20445a5e024ea7a495510ab0ef3e2a2e6533826..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/gas-station-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-2a1 1 0 0 1-1-1V6.414l-1.657-1.657 1.414-1.414 4.95 4.95A.997.997 0 0 1 22 9v9a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9Zm-1 10H5v6h7v-6Zm0-8H5v6h7V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/goblet-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/goblet-fill.svg
deleted file mode 100644
index 38f7b2f390a826baab44e10b5abcf560eb5ee4b2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/goblet-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2l-8 8.889V19h5v2H6v-2h5v-5.111L3 5V3h18Zm-2.69 2H5.69l1.8 2h9.02l1.8-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/goblet-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/goblet-line.svg
deleted file mode 100644
index 9ccad736bd615548d032cc817edd7f2f154356c6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/goblet-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2l-8 8.889V19h5v2H6v-2h5v-5.111L3 5V3h18Zm-6.29 6H9.29L12 12.01 14.71 9Zm3.6-4H5.69l1.8 2h9.02l1.8-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-2-fill.svg
deleted file mode 100644
index 5b9b5fbf5f57840438cf842d43d39658da482607..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.364 3.636a9 9 0 0 1 0 12.728L12 22.728l-6.364-6.364A9 9 0 0 1 18.364 3.636ZM12 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-2-line.svg
deleted file mode 100644
index f6de6502363bb6f13dcd67dd4f1c72972df76c37..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.364 3.636a9 9 0 0 1 0 12.728L12 22.728l-6.364-6.364A9 9 0 0 1 18.364 3.636ZM7.05 5.051a7 7 0 0 0 0 9.899L12 19.9l4.95-4.95a7 7 0 0 0-9.9-9.9ZM12 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-user-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-user-fill.svg
deleted file mode 100644
index c5b693a79fe595af847732cc3cfb46818c9d344f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-user-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.084 15.812a7 7 0 1 0-10.168 0A5.996 5.996 0 0 1 12 13a5.996 5.996 0 0 1 5.084 2.812ZM12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728ZM12 12a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-user-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-user-line.svg
deleted file mode 100644
index 4ab28844f3c3c691468b40f78224ccf961ec42cb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/map-pin-user-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.084 15.812a7 7 0 1 0-10.168 0A5.996 5.996 0 0 1 12 13a5.996 5.996 0 0 1 5.084 2.812Zm-8.699 1.473L12 20.899l3.615-3.614a4 4 0 0 0-7.23 0ZM12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728ZM12 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/motorbike-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/motorbike-fill.svg
deleted file mode 100644
index 451d08e3355620fd5f9e1d7a96600d8cba655fa0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/motorbike-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 1.092 3H20v3h-2.816l1.456 4.003.072.002a4.5 4.5 0 1 1-2.058.391L15.419 10h-.948l-1.581 5.87-.004-.002.004.007-2.925 1.064A4.5 4.5 0 1 1 4 13.256V12H2v-2h6.365L11.2 8h3.49L13.6 5H11V3h4ZM5.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm13 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/motorbike-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/motorbike-line.svg
deleted file mode 100644
index f69a3e7f5c41327fffd91fa84282828f8cecd320..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/motorbike-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 1.092 3H20v3h-2.816l1.456 4.002a4.5 4.5 0 1 1-1.985.392L15.419 10h-.947l-1.582 5.87-.002-.001.002.006-2.925 1.064A4.5 4.5 0 1 1 4 13.256V12H2v-2h6.365L11.2 8h3.491L13.6 5H11V3h4ZM5.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm13 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm-6.097-5h-.547L9 12H6v1.027a4.5 4.5 0 0 1 3.281 2.033l1.957-.713L12.403 10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/passport-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/passport-fill.svg
deleted file mode 100644
index b07cfa074a3ddf628a89bbcd4697be9206eb0617..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/passport-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-4 14H8v2h8v-2ZM12 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/passport-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/passport-line.svg
deleted file mode 100644
index 7a817b12412a0e77e6ee2f04f38f761accd47acf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/passport-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 2H5v16h14V4Zm-3 12v2H8v-2h8ZM12 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/restaurant-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/restaurant-fill.svg
deleted file mode 100644
index 771249c1d0136c2c196dfb66518a4a389f847d96..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/restaurant-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 2v20h-2v-8h-3V7a5 5 0 0 1 5-5ZM9 13.9V22H7v-8.1A5.002 5.002 0 0 1 3 9V3h2v7h2V3h2v7h2V3h2v6a5.002 5.002 0 0 1-4 4.9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/restaurant-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/restaurant-line.svg
deleted file mode 100644
index 69f954539823fcd5fdeabf4e4f3cdb64e71965de..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/restaurant-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 2v20h-2v-7h-4V8a6 6 0 0 1 6-6ZM5 3v7h2V3h2v7h2V3h2v6a5.002 5.002 0 0 1-4 4.9V22H7v-8.1A5.002 5.002 0 0 1 3 9V3h2Zm14 1.53C18.17 5 17 6.17 17 8v5h2V4.53Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/road-map-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/road-map-fill.svg
deleted file mode 100644
index d73560dd3cff23500b48caf1a34e8db5749b3fb8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/road-map-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.775 4.34a.5.5 0 0 1 .225.418V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V7l3.129-1.341a6.993 6.993 0 0 0 1.921 6.29L12 16.9l4.95-4.95a6.996 6.996 0 0 0 1.858-6.582l2.495-1.07a.5.5 0 0 1 .472.042Zm-6.24-.876a5 5 0 0 1 .001 7.071v.001L12 14.07l-3.536-3.535a5 5 0 0 1 7.071-7.07Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/road-map-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/road-map-line.svg
deleted file mode 100644
index d1f86bd22c32868d2bb9c40379f5b4aa83d127b2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/road-map-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.775 4.341A.5.5 0 0 1 22 4.76V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V7l2-.857v12.824l5.065-2.17 6 3L20 17.68V4.857l1.303-.558a.5.5 0 0 1 .472.042Zm-5.532-1.583a6 6 0 0 1 0 8.485L12 15.485l-4.243-4.242a6 6 0 0 1 8.486-8.485ZM12 2.999a4 4 0 0 0-2.828 6.829L12 12.657l2.828-2.829A4 4 0 0 0 12 2.999Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/sailboat-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/sailboat-fill.svg
deleted file mode 100644
index 29096841c7945a085a43cb77b7190390411bf9db..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/sailboat-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 18h18a.5.5 0 0 1 .4.8l-2.1 2.8a1 1 0 0 1-.8.4h-13a1 1 0 0 1-.8-.4l-2.1-2.8A.5.5 0 0 1 3 18ZM15 2.425V15a1 1 0 0 1-1 1H4.04a.5.5 0 0 1-.39-.812L14.11 2.113a.5.5 0 0 1 .89.312Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/sailboat-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/sailboat-line.svg
deleted file mode 100644
index f083b6607053082689ab3cabe261233a2faa00e5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/sailboat-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 18a.5.5 0 0 1 .4.8l-2.1 2.8a1 1 0 0 1-.8.4h-13a1 1 0 0 1-.8-.4l-2.1-2.8A.5.5 0 0 1 3 18h18ZM14.665 1.954a.5.5 0 0 1 .335.471V15a1 1 0 0 1-1 1H4.04a.5.5 0 0 1-.39-.812L14.11 2.113a.5.5 0 0 1 .555-.159ZM13 6.702 7.161 14H13V6.702Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/ship-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/ship-2-fill.svg
deleted file mode 100644
index d7b031e76c2ef71f5a7ec558a402995861ec97e5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/ship-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 18.472A5.978 5.978 0 0 0 19 20h2v2h-2a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 11 22a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 3 22H1v-2h2a5.978 5.978 0 0 0 4-1.528A5.978 5.978 0 0 0 11 20a5.978 5.978 0 0 0 4-1.528ZM9 1v3h5.446a1 1 0 0 1 .848.47L18.75 10h4.408a.5.5 0 0 1 .439.74l-3.937 7.217A4.992 4.992 0 0 1 15 16a4.992 4.992 0 0 1-4 2 4.992 4.992 0 0 1-4-2 4.992 4.992 0 0 1-4.55 1.97l-1.236-6.791A1 1 0 0 1 2.198 10H3V5a1 1 0 0 1 1-1h1V1h4Zm4.892 5H5v4h11.392l-2.5-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/ship-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/ship-2-line.svg
deleted file mode 100644
index 7f254e40d311ccd3eaa797122c9fa377b8d5174d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/ship-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 18.472A5.978 5.978 0 0 0 19 20h2v2h-2a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 11 22a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 3 22H1v-2h2a5.978 5.978 0 0 0 4-1.528A5.978 5.978 0 0 0 11 20a5.978 5.978 0 0 0 4-1.528ZM9 1v3h5.446a1 1 0 0 1 .848.47L18.75 10h4.408a.5.5 0 0 1 .439.74L19.637 18H19a6.01 6.01 0 0 1-1.535-.198L20.63 12H3.4l1.048 5.824A6.04 6.04 0 0 1 3 18h-.545l-1.24-6.821A1 1 0 0 1 2.197 10H3V5a1 1 0 0 1 1-1h1V1h4Zm4.892 5H5v4h11.392l-2.5-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/signal-tower-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/signal-tower-fill.svg
deleted file mode 100644
index 877a9313a6f6cac213639a287c97a97caf91cfcd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/signal-tower-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 13 1 9h-4l1-9h2ZM12 2c5.523 0 10 4.477 10 10a9.986 9.986 0 0 1-4.116 8.087l-1.015-1.739a8 8 0 1 0-9.738 0l-1.015 1.739A9.986 9.986 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 4a6 6 0 0 1 3.85 10.602l-1.03-1.766a4 4 0 1 0-5.64 0l-1.03 1.766A6 6 0 0 1 12 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/signal-tower-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/signal-tower-line.svg
deleted file mode 100644
index 80e7b55a8b69a72773237883342e17b8f5ab8519..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/signal-tower-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 13v9h-2v-9h2ZM12 2c5.523 0 10 4.477 10 10a9.986 9.986 0 0 1-4.116 8.087l-1.015-1.739a8 8 0 1 0-9.738 0l-1.015 1.739A9.986 9.986 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 4a6 6 0 0 1 3.85 10.602l-1.03-1.766a4 4 0 1 0-5.64 0l-1.03 1.766A6 6 0 0 1 12 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/suitcase-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/suitcase-2-fill.svg
deleted file mode 100644
index a48990a0d21910d999782a9fa5604fefb9aa1f89..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/suitcase-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v2h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-1v1h-2v-1H8v1H6v-1H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1h6Zm-5 7H8v9h2V9Zm6 0h-2v9h2V9Zm-2-5h-4v1h4V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/suitcase-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/suitcase-2-line.svg
deleted file mode 100644
index fc8368791374be66d9b2b9ea6e69c6bb08df3fdd..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/suitcase-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v2h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-1v1h-2v-1H8v1H6v-1H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1h6Zm4 5H5v13h14V7Zm-9 2v9H8V9h2Zm6 0v9h-2V9h2Zm-2-5h-4v1h4V4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/taxi-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/taxi-fill.svg
deleted file mode 100644
index c8fcec79e65f5df256db102ff7bef5433b7d8b73..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/taxi-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 3v2h2.681a2 2 0 0 1 1.838 1.212L22 12v9a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9l2.48-5.788A2 2 0 0 1 6.32 5H9V3h6ZM6.5 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm.181-7H6.32l-2.143 5h15.647l-2.143-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/taxi-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/taxi-line.svg
deleted file mode 100644
index 78c13f28aa5099088b39b2d07e4b26b9e06d7dab..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/taxi-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 3v2h2.764a2 2 0 0 1 1.789 1.106L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.447-4.894A2 2 0 0 1 6.237 5H9V3h6Zm5 10H4v5h16v-5ZM6.5 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm11 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm.264-7H6.236l-2 4h15.528l-2-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/train-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/train-fill.svg
deleted file mode 100644
index b2eeca0ea103b8678245ac1a4d605b3576c0461b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/train-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3a4 4 0 0 1 4 4v11a2 2 0 0 1-2 2h-1.8l1.8 1.5v.5H5v-.5L6.8 20H5a2 2 0 0 1-2-2V7a4 4 0 0 1 4-4h10Zm-5 11a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7-7H5v4h14V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/train-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/train-line.svg
deleted file mode 100644
index 1ff0e47fe222f06b25b6d2b8ca8d780421642fb1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/map/train-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3a4 4 0 0 1 4 4v11a2 2 0 0 1-2 2h-1.8l1.8 1.5v.5H5v-.5L6.8 20H5a2 2 0 0 1-2-2V7a4 4 0 0 1 4-4h10Zm0 2H7a2 2 0 0 0-2 2v11h14V7a2 2 0 0 0-2-2Zm-5 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm6-6v4H6V7h12Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/align-left.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/align-left.svg
deleted file mode 100644
index ca3d363c60f6209b932a14b6efe95579698303a4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/align-left.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 4h18v2H3V4Zm0 15h14v2H3v-2Zm0-5h18v2H3v-2Zm0-5h14v2H3V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/camera-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/camera-fill.svg
deleted file mode 100644
index 4b37edb3debd94e1baa8aff9667d65b26b4865df..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/camera-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4l2-2h6Zm-3 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/camera-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/camera-line.svg
deleted file mode 100644
index feca4fc84f0932dd594ec182ec46074b0e0c2ea5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/camera-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4l2-2h6Zm-.828 2H9.828l-2 2H4v12h16V7h-3.828l-2-2ZM12 7a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/clapperboard-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/clapperboard-fill.svg
deleted file mode 100644
index ceb45814f1480c205bcfe370bf91b22b526328b2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/clapperboard-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.998 7 2.31-4h.7c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h3.006l-2.31 4h2.31l2.31-4h3.69l-2.31 4h2.31l2.31-4h3.69l-2.31 4h2.31Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/clapperboard-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/clapperboard-line.svg
deleted file mode 100644
index c9bfa6f10a689be9f56fa33536b41c444d9c9331..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/clapperboard-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.998 3 4 6.46V19h16V7h-2.002l2.31-4h.7c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h3.006Zm6 0-2.31 4h-3.69l2.31-4h3.69Zm6 0-2.31 4h-3.69l2.31-4h3.69Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/equalizer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/equalizer-fill.svg
deleted file mode 100644
index 3b680f9d59bf4ec4e3b65c0b5f3a4eaa70152f6b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/equalizer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.17 18a3.001 3.001 0 0 1 5.66 0H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2v-2h4.17Zm6-7a3.001 3.001 0 0 1 5.66 0H22v2h-4.17a3.001 3.001 0 0 1-5.66 0H2v-2h10.17Zm-6-7a3.001 3.001 0 0 1 5.66 0H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2V4h4.17Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/equalizer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/equalizer-line.svg
deleted file mode 100644
index 7431345dbb7830d1cc64de74fa2a3ee25c6366c6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/equalizer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 15.998A3 3 0 0 1 11.83 18H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2v-2h4.17A3.001 3.001 0 0 1 9 15.998ZM9 18a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm6-9.002A3 3 0 0 1 17.83 11H22v2h-4.17a3.001 3.001 0 0 1-5.66 0H2v-2h10.17A3.001 3.001 0 0 1 15 8.998ZM15 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM9 1.998A3 3 0 0 1 11.83 4H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2V4h4.17A3.001 3.001 0 0 1 9 1.998ZM9 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/film-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/film-fill.svg
deleted file mode 100644
index d178a6fb11a851785dd366a7737d73d3d9a18059..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/film-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM6 17H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 13H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 9H4v2h2V9Zm14 0h-2v2h2V9ZM6 5H4v2h2V5Zm14 0h-2v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/film-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/film-line.svg
deleted file mode 100644
index 092b897407bbedb6dbc4f5c1ee3c6a8dc7db3073..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/film-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM16 5H8v14h8V5ZM6 17H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 13H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 9H4v2h2V9Zm14 0h-2v2h2V9ZM6 5H4v2h2V5Zm14 0h-2v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/fullscreen-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/fullscreen-line.svg
deleted file mode 100644
index b698e0481aa582a8f2372a74719b9d893d335156..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/fullscreen-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3h2v6h-2V5h-4V3h4zM4 3h4v2H4v4H2V3h2zm16 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/gallery-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/gallery-fill.svg
deleted file mode 100644
index 1dff7afdc29f22d104918747679234233f615350..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/gallery-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 1v4H4v7c5.22 0 9.662 2.462 11.313 7h2.096c-.776-2.399-2.277-3.885-4.266-5.602A10.954 10.954 0 0 1 20 11V3h1.008c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3H6V1h2Zm8.5 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM18 1v4h-8V3h6V1h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/gallery-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/gallery-line.svg
deleted file mode 100644
index 5d3dbb4d89ed284d6f36c32e58b4e77827a28d3d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/gallery-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 1v4H4v4c3.83 0 7.323 1.435 9.974 3.796A10.949 10.949 0 0 1 20 11V3h1.008c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3H6V1h2Zm12 12c-1.678 0-3.249.46-4.593 1.259A14.984 14.984 0 0 1 18.147 19H20v-6ZM4 11v8h12.004C14.044 14.302 9.408 11 4 11Zm12.5-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM18 1v4h-8V3h6V1h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/headphone-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/headphone-fill.svg
deleted file mode 100644
index 0b95ac197439b24e064dff0f384a9d730e99c005..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/headphone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 12h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2s10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 1 0-16 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/headphone-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/headphone-line.svg
deleted file mode 100644
index 96749116083c1093ada05de4e049dcaaa62d6d0d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/headphone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 1 0-16 0h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2ZM7 14H4v5h3v-5Zm13 0h-3v5h3v-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-add-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-add-fill.svg
deleted file mode 100644
index f97e9786d461f5b4537422165930f18c92f2e228..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-add-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2Zm.008-12c.548 0 .992.445.992.993v9.349A5.99 5.99 0 0 0 20 13V5H4l.001 14 9.292-9.293a.999.999 0 0 1 1.32-.084l.093.085 3.546 3.55a6.003 6.003 0 0 0-3.91 7.743L2.992 21A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-add-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-add-line.svg
deleted file mode 100644
index 4ee618b2f439c56690a910b2fded4a8589f78312..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2Zm.008-12c.548 0 .992.445.992.993V13h-2V5H4v13.999L14 9l3 3v2.829l-3-3L6.827 19H14v2H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-edit-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-edit-fill.svg
deleted file mode 100644
index 3255508ae51f38eee616f407103d4e675d55bae6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-edit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v1.757l-2 2V5H5v8.1l4-4 4.328 4.329-1.327 1.327-.006 4.239 4.246.006 1.33-1.33L18.899 19H19v-2.758l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm1.778 4.808 1.414 1.414L15.414 17l-1.416-.002.002-1.412 7.778-7.778ZM15.5 7a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 15.5 7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-edit-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-edit-line.svg
deleted file mode 100644
index de0598487491b1a7a91e3adfb20e30c8846b6353..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-edit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v1.757l-2 2V5H5v8.1l4-4 4.328 4.329-1.415 1.413L9 11.93l-4 3.999V19h10.533l.708.001 1.329-1.33L18.9 19h.1v-2.758l2-2V20a1 1 0 0 1-1 1H4c-.55 0-1-.45-1-1V4a1 1 0 0 1 1-1h16Zm1.778 4.808 1.414 1.414L15.414 17l-1.416-.002.002-1.412 7.778-7.778ZM15.5 7a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 15.5 7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-fill.svg
deleted file mode 100644
index 43b977fa31b6720b193fa0dd348d8c368bd45870..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM20 5H4v14l9.292-9.294a1 1 0 0 1 1.414 0L20 15.01V5ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-line.svg
deleted file mode 100644
index b519ff268fb23007ba03de832824ad0f1bcceac7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/image-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H4.828l-.02.02-.021-.02H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM20 5H4v14L14 9l6 6V5Zm-6 6.828L6.828 19H20v-1.172l-6-6ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/live-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/live-fill.svg
deleted file mode 100644
index 15cb808283e366eb9d34f875db64290a8697ad5e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/live-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 4a1 1 0 0 1 1 1v4.2l5.213-3.65a.5.5 0 0 1 .787.41v12.08a.5.5 0 0 1-.787.41L17 14.8V19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14ZM7.4 8.829a.4.4 0 0 0-.392.32L7 9.228v5.542a.4.4 0 0 0 .542.374l.073-.036 4.355-2.772a.4.4 0 0 0 .063-.624l-.063-.05L7.615 8.89a.4.4 0 0 0-.215-.06v-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/live-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/live-line.svg
deleted file mode 100644
index 74b57f0591ed3cb0e7f75900bd3fcbe3f55f1e6c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/live-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 4a1 1 0 0 1 1 1v4.2l5.213-3.65a.5.5 0 0 1 .787.41v12.08a.5.5 0 0 1-.787.41L17 14.8V19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14Zm-1 2H3v12h12V6ZM7.4 8.829a.4.4 0 0 1 .215.062l4.355 2.772a.4.4 0 0 1 0 .674L7.615 15.11A.4.4 0 0 1 7 14.77V9.23a.4.4 0 0 1 .4-.4v-.001ZM21 8.84l-4 2.8v.718l4 2.8V8.84Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/mic-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/mic-fill.svg
deleted file mode 100644
index c71df846fa38922186baadedf92af74cb3bcd681..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/mic-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.07 11a7.002 7.002 0 0 0 13.858 0h2.016A9.004 9.004 0 0 1 13 18.945V23h-2v-4.055A9.004 9.004 0 0 1 3.055 11H5.07ZM12 1a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V6a5 5 0 0 1 5-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/mic-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/mic-line.svg
deleted file mode 100644
index 59b1816f4077971afe5e6247ef7f80f624a50c6d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/mic-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.07 11a7.002 7.002 0 0 0 13.858 0h2.016A9.004 9.004 0 0 1 13 18.945V23h-2v-4.055A9.004 9.004 0 0 1 3.055 11H5.07ZM12 1a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V6a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v4a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/music-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/music-2-fill.svg
deleted file mode 100644
index 8acd9a0d75fca6127771802e0cc851df5ee1cf02..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/music-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3v14a4 4 0 1 1-2-3.465V6H9v11a4 4 0 1 1-2-3.465V3h13Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/music-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/music-2-line.svg
deleted file mode 100644
index d29fa510d59317f93542b0b4f99218c6baa39257..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/music-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3v14a4 4 0 1 1-2-3.465V5H9v12a4 4 0 1 1-2-3.465V3h13ZM5 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm11 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/notification-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/notification-3-fill.svg
deleted file mode 100644
index 2c2bf7f0e84ea109f7b4248aecfa8a7108ce7bd7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/notification-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7ZM9 21h6v2H9v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/notification-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/notification-3-line.svg
deleted file mode 100644
index 33a967c42559b9c3d1a207c5dbcbbeb96fb179b6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/notification-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 21v2H9v-2h6ZM12 2a8 8 0 0 1 8 8v7h2v2H2v-2h2v-7a8 8 0 0 1 8-8Zm0 2a6 6 0 0 0-6 6v7h12v-7a6 6 0 0 0-6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/pause-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/pause-circle-fill.svg
deleted file mode 100644
index 79ba664b071e30505c84c49a7f2a478837cd093a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/pause-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3 7h-2v6h2V9Zm-4 0H9v6h2V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/pause-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/pause-circle-line.svg
deleted file mode 100644
index c604e4a096d107aba169e2fa00b3a0353d74ad2f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/pause-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-1 5v6H9V9h2Zm4 0v6h-2V9h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/play-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/play-circle-fill.svg
deleted file mode 100644
index 377a4f73dc6ef5a20cd95aedda15b0047eb71f01..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/play-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10ZM10.622 8.415a.4.4 0 0 0-.622.332v6.506a.4.4 0 0 0 .622.332l4.879-3.252a.4.4 0 0 0 0-.666l-4.88-3.252h.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/play-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/play-circle-line.svg
deleted file mode 100644
index 4654748a6cc4e1473cbc7707ed4202e66001aee3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/play-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/stop-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/stop-circle-fill.svg
deleted file mode 100644
index 11b4a5a9488e7076e9314596a2976dd75fc8ab8e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/stop-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3 7H9v6h6V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/stop-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/stop-circle-line.svg
deleted file mode 100644
index 5a31edbaccce6506e1702086aa4c49a8a811ae8f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/stop-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3 5v6H9V9h6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-down-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-down-fill.svg
deleted file mode 100644
index b8891a0878809b208481711fb38a60dcd5274cb5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-down-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9.148 15.667H5.583a.917.917 0 0 1-.916-.917v-5.5c0-.506.41-.917.916-.917h3.565l4.853-3.97a.458.458 0 0 1 .749.354v14.566a.458.458 0 0 1-.749.355L9.15 15.667Zm9.143.541-1.303-1.303A3.66 3.66 0 0 0 18.417 12c0-1.31-.688-2.461-1.724-3.11l1.32-1.318A5.492 5.492 0 0 1 20.25 12c0 1.688-.76 3.2-1.959 4.208Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-down-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-down-line.svg
deleted file mode 100644
index ab8c97fcaa7cbaf3ca1d589fb750a10ce34b1881..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-down-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.488 4.303c.16.075.262.237.262.414v14.566a.458.458 0 0 1-.749.355L9.15 15.667H5.583a.917.917 0 0 1-.916-.917v-5.5c0-.506.41-.917.916-.917h3.565l4.853-3.97a.458.458 0 0 1 .487-.06Zm-1.571 3.315-3.114 2.549H6.5v3.666h3.303l3.114 2.549V7.618Zm5.095-.046A5.492 5.492 0 0 1 20.25 12c0 1.688-.76 3.2-1.959 4.208l-1.303-1.303A3.66 3.66 0 0 0 18.417 12c0-1.31-.688-2.461-1.724-3.11l1.32-1.318Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-mute-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-mute-fill.svg
deleted file mode 100644
index 8613dcc460f4b8cd17087b6c18ec7e29ebbea04e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-mute-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.907 15.333h-3.24a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .681.322v13.242a.417.417 0 0 1-.68.322l-4.412-3.61ZM19.012 12l2.946 2.947-1.178 1.178-2.947-2.947-2.946 2.947-1.179-1.178L16.655 12l-2.947-2.947 1.179-1.178 2.946 2.947 2.947-2.947 1.178 1.178L19.012 12Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-mute-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-mute-line.svg
deleted file mode 100644
index 7ac6d1687eeaa47fd63d719be6a174a1d8f1b6d7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-mute-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.762 5.002A.417.417 0 0 1 12 5.38v13.242a.417.417 0 0 1-.68.322l-4.412-3.61H3.667a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .443-.055Zm9.018 2.873 1.178 1.178L19.012 12l2.946 2.947-1.178 1.178-2.947-2.947-2.946 2.947-1.179-1.178L16.655 12l-2.947-2.947 1.179-1.178 2.946 2.947 2.947-2.947Zm-10.447.142-2.83 2.316H4.5v3.334h3.003l2.83 2.316V8.017Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-up-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-up-fill.svg
deleted file mode 100644
index f0911f2ab062e69d5fd257115262569971969a09..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-up-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.907 15.333h-3.24a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .681.322v13.242a.417.417 0 0 1-.68.322l-4.412-3.61ZM17.93 5.01A9.147 9.147 0 0 1 21.167 12a9.144 9.144 0 0 1-2.995 6.778l-1.18-1.18A7.482 7.482 0 0 0 19.5 12a7.485 7.485 0 0 0-2.753-5.807L17.93 5.01Zm-2.964 2.964A4.993 4.993 0 0 1 17 12a4.99 4.99 0 0 1-1.78 3.826l-1.186-1.185c.82-.63 1.3-1.607 1.3-2.641a3.329 3.329 0 0 0-1.567-2.827l1.199-1.199Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-up-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-up-line.svg
deleted file mode 100644
index 3ad89f6f2da94907f380762a89c2906f1a935c4f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/media/volume-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.762 5.002A.417.417 0 0 1 12 5.38v13.242a.417.417 0 0 1-.68.322l-4.412-3.61H3.667a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .443-.055Zm6.168.008A9.147 9.147 0 0 1 21.167 12a9.144 9.144 0 0 1-2.995 6.778l-1.18-1.18A7.482 7.482 0 0 0 19.5 12a7.485 7.485 0 0 0-2.753-5.807L17.93 5.01Zm-7.597 3.007-2.83 2.316H4.5v3.334h3.003l2.83 2.316V8.017Zm4.633-.043A4.993 4.993 0 0 1 17 12a4.99 4.99 0 0 1-1.78 3.826l-1.186-1.185c.82-.63 1.3-1.607 1.3-2.641a3.329 3.329 0 0 0-1.567-2.827l1.199-1.199Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/leaf-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/leaf-fill.svg
deleted file mode 100644
index c6d0923e62541ac822eaa67aa00df4dd8d509430..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/leaf-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2c0 9.627-5.373 14-12 14H7.098c.212-3.012 1.15-4.835 3.598-7.001 1.204-1.065 1.102-1.68.509-1.327-4.084 2.43-6.112 5.714-6.202 10.958L5 22H3c0-1.363.116-2.6.346-3.732C3.116 16.974 3 15.218 3 13 3 7.477 7.477 3 13 3c2 0 4 1 8 0Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/leaf-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/leaf-line.svg
deleted file mode 100644
index 656d741668df2a04ea77c4a5fd2a605cdbd20c45..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/leaf-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2c0 9.627-5.373 14-12 14H5.243A17.056 17.056 0 0 0 5 22H3c0-1.363.116-2.6.346-3.732C3.116 16.974 3 15.218 3 13 3 7.477 7.477 3 13 3c2 0 4 1 8 0Zm-8 2a8 8 0 0 0-8 8c0 .362.003.711.01 1.046 1.254-1.978 3.091-3.541 5.494-4.914l.992 1.736C8.641 12.5 6.747 14.354 5.776 17H9c6.015 0 9.871-3.973 9.997-11.612-1.372.133-2.647.048-4.22-.188C13.627 5.027 13.401 5 13 5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/lightbulb-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/lightbulb-fill.svg
deleted file mode 100644
index 7e4b99233d5d25e85dd085dc417575f8f65d1835..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/lightbulb-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 18H7.941c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H13v-5h-2v5Zm5 2v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/lightbulb-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/lightbulb-line.svg
deleted file mode 100644
index 9d9f8a30cbfd546d9678d2719adfaf06218bf4e1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/lightbulb-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9.973 18H11v-5h2v5h1.027c.132-1.202.745-2.194 1.74-3.277.113-.122.832-.867.917-.973a6 6 0 1 0-9.37-.002c.086.107.807.853.918.974.996 1.084 1.609 2.076 1.741 3.278ZM10 20v1h4v-1h-4Zm-4.246-5a8 8 0 1 1 12.49.002C17.624 15.774 16 17 16 18.5V21a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2.5C8 17 6.375 15.774 5.754 15Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/plant-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/plant-fill.svg
deleted file mode 100644
index 84b788dd4463fc868cadf0a2a2fadc03afc98eeb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/plant-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2a7 7 0 0 1-7 7h-1v1h5v7a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-7h5v-3a7 7 0 0 1 7-7h3ZM5.5 2a7.49 7.49 0 0 1 6.124 3.169A7.953 7.953 0 0 0 10 10v1h-.5A7.5 7.5 0 0 1 2 3.5V2h3.5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/plant-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/plant-line.svg
deleted file mode 100644
index 808a49618b30166ee0a95dc11a560c65af6ffa0d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/plant-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 2a7 7 0 0 1 6.197 3.741A6.49 6.49 0 0 1 17.5 3H21v2.5a6.5 6.5 0 0 1-6.5 6.5H13v1h5v7a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-7h5v-2H9a7 7 0 0 1-7-7V2h4Zm10 13H8v5h8v-5Zm3-10h-1.5A4.5 4.5 0 0 0 13 9.5v.5h1.5A4.5 4.5 0 0 0 19 5.5V5ZM6 4H4a5 5 0 0 0 5 5h2a5 5 0 0 0-5-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/recycle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/recycle-fill.svg
deleted file mode 100644
index 523e46571b76132131b9ff6cb257462f9719c966..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/recycle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.562 12.098 1.531 2.652a3.5 3.5 0 0 1-3.03 5.25H16v2l-5-3.5 5-3.5v2h2.062a.498.498 0 0 0 .471-.668l-.038-.082-1.531-2.652 2.598-1.5ZM7.737 9.384l.53 6.08-1.73-1-1.032 1.786a.498.498 0 0 0 .343.742l.09.008H9v3H5.938a3.5 3.5 0 0 1-3.031-5.25l1.031-1.786-1.732-1 5.53-2.58h.001Zm6.013-6.415c.532.307.974.749 1.281 1.281l1.03 1.786 1.733-1-.53 6.08-5.532-2.58 1.732-1-1.031-1.786a.498.498 0 0 0-.814-.073l-.052.073-1.53 2.652-2.599-1.5 1.53-2.652a3.5 3.5 0 0 1 4.782-1.281Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/recycle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/recycle-line.svg
deleted file mode 100644
index f1aae5a4e04f232601be3cbde019e7e2e61a631d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/recycle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.562 12.097 1.531 2.653a3.5 3.5 0 0 1-3.03 5.25H16v2.5L11 19l5-3.5V18h2.062a1.5 1.5 0 0 0 1.3-2.25l-1.532-2.653 1.732-1ZM7.304 9.134l.53 6.08-2.164-1.25-1.031 1.786A1.5 1.5 0 0 0 5.938 18H9v2H5.938a3.5 3.5 0 0 1-3.031-5.25l1.03-1.787-2.164-1.249 5.53-2.58h.001Zm6.446-6.165c.532.307.974.749 1.281 1.281l1.03 1.785 2.166-1.25-.53 6.081-5.532-2.58 2.165-1.25-1.031-1.786a1.5 1.5 0 0 0-2.598 0L9.169 7.903l-1.732-1L8.97 4.25a3.5 3.5 0 0 1 4.781-1.281h-.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/scales-3-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/scales-3-fill.svg
deleted file mode 100644
index 8b1501f5eae5d9f588bb037d8faa57a8c5eeccd2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/scales-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 2v1.278l5 1.668 3.632-1.21.633 1.896-3.032 1.011 3.096 8.512A5.986 5.986 0 0 1 18 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512L13 5.387V19h4v2H7v-2h4V5.387L7.232 6.643l3.096 8.512A5.982 5.982 0 0 1 6 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512-3.03-1.01.633-1.898L6 4.945l5-1.667V2h2Zm5 7.103L16.582 13h2.835L18 9.103Zm-12 0L4.582 13h2.835L6 9.103Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/scales-3-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/scales-3-line.svg
deleted file mode 100644
index 656e260f60f9158a1fe08418a250c13f6495def4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/scales-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 2v1.278l5 1.668 3.632-1.21.633 1.896-3.032 1.011 3.096 8.512A5.986 5.986 0 0 1 18 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512L13 5.387V19h4v2H7v-2h4V5.387L7.232 6.643l3.096 8.512A5.982 5.982 0 0 1 6 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512-3.03-1.01.633-1.898L6 4.945l5-1.667V2h2Zm5 7.103-1.958 5.386A3.975 3.975 0 0 0 18 15c.7 0 1.37-.18 1.958-.51L18 9.102v.001Zm-12 0-1.958 5.386A3.975 3.975 0 0 0 6 15c.7 0 1.37-.18 1.958-.51L6 9.102v.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/seedling-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/seedling-fill.svg
deleted file mode 100644
index 4e9b6d5c4196e125d7d773ce84bfbadd344b7b3a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/seedling-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 7v2.5a6.5 6.5 0 0 1-6.5 6.5H13v5h-2v-7l.019-1A6.5 6.5 0 0 1 17.5 7H22ZM6 3a7.004 7.004 0 0 1 6.643 4.786A7.477 7.477 0 0 0 10.016 13H9a7 7 0 0 1-7-7V3h4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/seedling-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/seedling-line.svg
deleted file mode 100644
index 47869f3e732304eff7527994edad523cb0358c84..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/seedling-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 3a7.002 7.002 0 0 1 6.913 5.895A6.479 6.479 0 0 1 17.5 7H22v2.5a6.5 6.5 0 0 1-6.5 6.5H13v5h-2v-8H9a7 7 0 0 1-7-7V3h4Zm14 6h-2.5a4.5 4.5 0 0 0-4.5 4.5v.5h2.5A4.5 4.5 0 0 0 20 9.5V9ZM6 5H4v1a5 5 0 0 0 5 5h2v-1a5 5 0 0 0-5-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/umbrella-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/umbrella-fill.svg
deleted file mode 100644
index 2b8721d18bf4882af5e59f274e50996d5d786ba4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/umbrella-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 2.05c5.053.501 9 4.765 9 9.95v1h-9v6a2 2 0 1 0 4 0v-1h2v1a4 4 0 1 1-8 0v-6H2v-1c0-5.185 3.947-9.449 9-9.95V2a1 1 0 0 1 2 0v.05Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/umbrella-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/umbrella-line.svg
deleted file mode 100644
index a5732292ec7844e8c9f98c9bdf2082f954813805..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/others/umbrella-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a1 1 0 0 1 1 1v.05c5.053.501 9 4.765 9 9.95v1h-9v6a2 2 0 1 0 4 0v-1h2v1a4 4 0 1 1-8 0v-6H2v-1c0-5.185 3.947-9.449 9-9.95V2a1 1 0 0 1 1-1Zm0 3.001c-4.031 0-7.433 3-7.938 6.999h15.876A8.001 8.001 0 0 0 12 4.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-circle-fill.svg
deleted file mode 100644
index dfd98831690c717307bba3fc6284aba108d9b025..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11H7v2h4v4h2v-4h4v-2h-4V7h-2v4z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-circle-line.svg
deleted file mode 100644
index faa15274bed4e9b4f60f26abb22212afd4c56359..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 11V7h2v4h4v2h-4v4h-2v-4H7v-2h4zm1 11C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10-4.48 10-10 10zm0-2c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-line.svg
deleted file mode 100644
index eb78dddbce53db633d081bfdd4c5fc6462cfa72c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alarm-warning-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alarm-warning-fill.svg
deleted file mode 100644
index 2bbd1ec7bdae623b747c31d2f77f1659c077a8a0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alarm-warning-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 6a8 8 0 0 1 8 8v6h1v2H3v-2h1v-6a8 8 0 0 1 8-8Zm0 2a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4V8ZM4.222 4.808l2.121 2.12L4.93 8.344 2.808 6.222l1.414-1.414Zm15.556 0 1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121ZM13 2v3h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alarm-warning-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alarm-warning-line.svg
deleted file mode 100644
index 0ef83041fc0be0ba69b33833b15118f453609945..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alarm-warning-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 6a8 8 0 0 1 8 8v6h1v2H3v-2h1v-6a8 8 0 0 1 8-8Zm0 2a6 6 0 0 0-6 6v6h12v-6a6 6 0 0 0-6-6Zm0 1v2a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5ZM4.222 4.808l2.121 2.12L4.93 8.344 2.808 6.222l1.414-1.414Zm15.556 0 1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121ZM13 2v3h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alert-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alert-fill.svg
deleted file mode 100644
index cbe513a8d28ad7adff1c525ac4cd05d0938a034b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alert-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0ZM11 16v2h2v-2h-2Zm0-7v5h2V9h-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alert-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alert-line.svg
deleted file mode 100644
index a6a60be868381fe6cadea8014091d258af18bb4c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/alert-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0Zm-8.66 16h15.588L12 5.5 4.206 19ZM11 16h2v2h-2v-2Zm0-7h2v5h-2V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-fill.svg
deleted file mode 100644
index ccb87c5db4428ab79f0b8db8362a26156662d55c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 12h7l-8 8-8-8h7V4h2v8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-line.svg
deleted file mode 100644
index dfadb33fdda863ef95a544977daa9c8eaeb4eccb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 16.172 5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11 16.172V4h2v12.172Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-s-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-s-fill.svg
deleted file mode 100644
index 396bdc8a0184cf1c822ce41d901a1329dd389bb6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 16-6-6h12l-6 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-s-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-s-line.svg
deleted file mode 100644
index db7cbbab6ed88c6d0d5d00134ce64758ce14402c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-down-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 13.172 4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-back-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-back-fill.svg
deleted file mode 100644
index 3de54732fdc0ef80d905b0c256b4609e257e9d7c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-back-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 7v4L2 6l6-5v4h5a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-back-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-back-line.svg
deleted file mode 100644
index 8b197527c9a05e85815af222973f9de36e466bbc..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-back-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m5.828 7 2.536 2.536L6.95 10.95 2 6l4.95-4.95 1.414 1.414L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H5.828Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-forward-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-forward-fill.svg
deleted file mode 100644
index 7cc64360cd4a41f525ca9e6d5c9b40008a2d7415..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-forward-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 7h-5a6 6 0 1 0 0 12h9v2h-9a8 8 0 1 1 0-16h5V1l6 5-6 5V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-forward-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-forward-line.svg
deleted file mode 100644
index 334e6e78339d328ca39bd9a951683fe56ab8ce79..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-go-forward-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.172 7H11a6 6 0 1 0 0 12h9v2h-9a8 8 0 1 1 0-16h7.172l-2.536-2.536L17.05 1.05 22 6l-4.95 4.95-1.414-1.414L18.172 7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-fill.svg
deleted file mode 100644
index aa0fb82c5ba4b99622317c8615016223b6c63328..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 13v7l-8-8 8-8v7h8v2h-8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-line.svg
deleted file mode 100644
index 0437385ebd64ff7f6dc82b337763fe7ff1ccc6d1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414L7.828 11Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-s-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-s-fill.svg
deleted file mode 100644
index 5b6cbf2aa7c7ab5ef21a7f3d2779d93c47fe5f3e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m8 12 6-6v12l-6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-s-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-s-line.svg
deleted file mode 100644
index 7bfe708f8c1452d124368a3d5a3535f0c7056227..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-left-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.828 12 4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414-4.95 4.95Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-fill.svg
deleted file mode 100644
index 599097047b841ba6509056907d7bbd2a846e610f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 13H4v-2h8V4l8 8-8 8v-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-line.svg
deleted file mode 100644
index ab1abe989fcab2084e360bc61812584e79967bf1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.172 11-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2h12.172Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-s-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-s-fill.svg
deleted file mode 100644
index 465609b90c056c0535d71809666c2cc9ae3d68f2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 12-6 6V6l6 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-s-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-s-line.svg
deleted file mode 100644
index acb1bb61ad8409aa01cf459c9e86cdc039bbefc4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.172 12-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414 4.95-4.95Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-up-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-up-line.svg
deleted file mode 100644
index 51254ef99b48455216f253d54fec3765b305f3d7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-right-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16 9.41l-8.6 8.61-1.42-1.41L14.58 8H7V6h11v11h-2V9.41z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-fill.svg
deleted file mode 100644
index a62df33325b731f21eb73b82c95204673ac1724c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 12v8h-2v-8H4l8-8 8 8h-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-line.svg
deleted file mode 100644
index 5f373e5357358a063aeab28da9644c965a059cfa..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-s-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-s-fill.svg
deleted file mode 100644
index b8b9b389f5b8347742e1268953a72c6855d8f0a7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 8 6 6H6l6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-s-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-s-line.svg
deleted file mode 100644
index 18966bae7fa21297b3672859b389f358c21291be..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/arrow-up-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 10.828-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414-4.95-4.95Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/check-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/check-line.svg
deleted file mode 100644
index 025bc653d98f387e766ecc77ef316f23b55b2ef6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/check-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10 15.172 9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414 4.95 4.95Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-circle-fill.svg
deleted file mode 100644
index 802f561ce1e486177618d3895daf5b17d8c1c69c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6 7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-circle-line.svg
deleted file mode 100644
index e2dfad0842ce9447205220200ce82b5bde65fe8f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-fill.svg
deleted file mode 100644
index d323e124d3ff712ecad5299d94551171ca212963..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-.997-6 7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-line.svg
deleted file mode 100644
index f2616dea4239824e0b260dff5c1151a7cb3f3aa4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/checkbox-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-circle-fill.svg
deleted file mode 100644
index a297b84fa71939c1e4b7c9cc8174fb480d56aecf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-circle-line.svg
deleted file mode 100644
index fe0781855f7850fffdb51bcc31d539cf95ca8bcb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10-4.48 10-10 10zm0-2c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8zm0-9.4 2.83-2.84 1.4 1.4L13.42 12l2.84 2.83-1.4 1.4L12 13.42l-2.83 2.84-1.4-1.4L10.58 12 7.75 9.17l1.4-1.4L12 10.58z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-line.svg
deleted file mode 100644
index c725cde66dfddc83eb49ffb318b286a2adff84b6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/close-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 10.6 4.95-4.96 1.4 1.4L13.42 12l4.96 4.95-1.4 1.4L12 13.42l-4.95 4.96-1.4-1.4L10.58 12 5.63 7.05l1.4-1.4z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/delete-bin-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/delete-bin-fill.svg
deleted file mode 100644
index 62d8af4c5f79eb40923845de96a200e53f689078..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/delete-bin-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 4h5v2h-2v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6H2V4h5V2h10v2ZM9 9v8h2V9H9Zm4 0v8h2V9h-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/delete-bin-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/delete-bin-line.svg
deleted file mode 100644
index ea9474729827018ff53829c47cfb1dae4920f018..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/delete-bin-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 4V2h10v2h5v2h-2v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6H2V4h5ZM6 6v14h12V6H6Zm3 3h2v8H9V9Zm4 0h2v8h-2V9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/download-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/download-fill.svg
deleted file mode 100644
index 2b91891b48f4aded21028b8a6176fa82702d457a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/download-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2ZM13 9h7l-8 8-8-8h7V1h2v8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/download-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/download-line.svg
deleted file mode 100644
index a83739db799554001a82b2ca97f053f7bd012a77..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/download-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2Zm10-5.828L19.071 7.1l1.414 1.414L12 17 3.515 8.515 4.929 7.1 11 13.17V2h2v11.172Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/error-warning-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/error-warning-fill.svg
deleted file mode 100644
index 41794479423888058bbd54f4c244f6cfafe470fa..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/error-warning-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm1 13h-2v2h2v-2Zm0-8h-2v6h2V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/error-warning-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/error-warning-line.svg
deleted file mode 100644
index d752f271bf50e4d0e855c744284a35c035baeac7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/error-warning-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 11v2h-2v-2h2Zm0-8v6h-2V7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/external-link-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/external-link-fill.svg
deleted file mode 100644
index 082d5bb07227f40a5bd5e1e877b221e2f8b4ee1b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/external-link-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/external-link-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/external-link-line.svg
deleted file mode 100644
index 5a827fe39a8e477abf22ee8d905e88fce0c644f0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/external-link-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-fill.svg
deleted file mode 100644
index dcc648c36f4070d63e7c573e98cf127d1502dcb2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3Zm0 4a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-line.svg
deleted file mode 100644
index f9524efd5914858e726bfdd5580c1ec80e19f7e2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3Zm0 16c4.2 0 7.842-2.905 8.777-7a9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19Zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-off-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-off-fill.svg
deleted file mode 100644
index 33e1ad0b76bea2a5d1a1cb75b5f4e470587da708..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-off-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m2.808 1.393 19.799 19.8-1.415 1.414-3.31-3.31A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066H4.52L1.393 2.808l1.415-1.415Zm5.02 7.85a5 5 0 0 0 6.929 6.929l-1.464-1.464a3 3 0 0 1-4.001-4.001L7.828 9.243ZM12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592l-3.86-3.86a5 5 0 0 0-5.68-5.68L7.974 3.761V3.76C9.221 3.27 10.58 3 12 3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-off-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-off-line.svg
deleted file mode 100644
index 4a23abfae9bfa449bafedff388a0bec78120ef61..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/eye-off-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.882 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066L1.392 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.31-3.31h.001ZM5.935 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.935 7.35Zm6.979 6.978-3.242-3.242a2.5 2.5 0 0 0 3.241 3.241l.001.001Zm7.893 2.264-1.431-1.43A8.935 8.935 0 0 0 20.777 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592Zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.769h.001Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/filter-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/filter-fill.svg
deleted file mode 100644
index 164b1609422165c7e0972b95f52acf1e39329f16..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/filter-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 4v2h-1l-6 9v7h-4v-7L4 6H3V4h18Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/filter-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/filter-line.svg
deleted file mode 100644
index 9734d6a511125297b3f626670d5413e5a480ce18..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/filter-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 4v2h-1l-5 7.5V22H9v-8.5L4 6H3V4h18Zm-3.404 2H6.404L11 12.894V20h2v-7.106L17.596 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-left-s-first-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-left-s-first-line.svg
deleted file mode 100644
index fb6d5a342bce1549f0583fd1ca5005217a725f6d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-left-s-first-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.828 12.364 4.95 4.95-1.414 1.414L10 12.364 16.364 6l1.414 1.414-4.95 4.95ZM6 6h2v12.73H6V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-left-s-line-double.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-left-s-line-double.svg
deleted file mode 100644
index c5fc725d6afeb7d931f89080e7f434937c8d649a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-left-s-line-double.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.9 12l5 5-1.4 1.4-6.4-6.4 6.4-6.4L18.9 7l-5 5zm-1-5l-1.4-1.4L5.1 12l6.4 6.4 1.4-1.4-5-5 5-5z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-down-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-down-circle-fill.svg
deleted file mode 100644
index 3d0d0c3760eea1d3a47fc9f186c6d3a24e4e08bb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-down-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path d="M19.0721 19.0721c3.9039-3.9038 3.9039-10.2404 0-14.1442-3.9038-3.9039-10.2404-3.9039-14.1442 0-3.9039 3.9038-3.9039 10.2404 0 14.1442 3.9038 3.9039 10.2404 3.9039 14.1442 0Zm-2.8288-2.8288H7.7567l3.1825-3.1825-4.2433-4.2433L8.8175 6.696l4.2433 4.2433 3.1825-3.1825v8.4866Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-s-last-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-s-last-line.svg
deleted file mode 100644
index 34b2528078bd3bad10b1a5380cdb35d62fbd935c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-s-last-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11.17 12.364-4.95 4.95 1.414 1.414 6.364-6.364L7.634 6 6.22 7.414l4.95 4.95ZM17.998 6h-2v12.73h2V6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-s-line-double.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-s-line-double.svg
deleted file mode 100644
index 4e746916ab888d2d8508e813460d012e27a4361b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-s-line-double.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.1 12l-5-4.9 1.4-1.4 6.4 6.4-6.4 6.4L5.1 17l5-5zm6 0l-5-4.9 1.4-1.4 6.4 6.4-6.4 6.4-1.4-1.5 5-5z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-up-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-up-circle-fill.svg
deleted file mode 100644
index 0a74f3344b95e2a582f6b9511c471b6aa64d2e53..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--arrow-right-up-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path d="M19.0721 4.9279c3.9039 3.9038 3.9039 10.2404 0 14.1442-3.9038 3.9039-10.2404 3.9039-14.1442 0-3.9039-3.9038-3.9039-10.2404 0-14.1442 3.9038-3.9039 10.2404-3.9039 14.1442 0Zm-2.8288 2.8288H7.7567l3.1825 3.1825-4.2433 4.2433 2.1216 2.1216 4.2433-4.2433 3.1825 3.1825V7.7567Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--capslock-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--capslock-line.svg
deleted file mode 100644
index 8a4b6c28c16af910e566ae8b417fff2607a87320..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--capslock-line.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-<path d="M20.4,2.5c0.6,0,1.1,0.5,1.1,1.1v16.9c0,0.6-0.5,1.1-1.1,1.1H3.6c-0.6,0-1.1-0.5-1.1-1.1V3.6C2.5,3,3,2.5,3.6,2.5H20.4z
- M19.4,4.6H4.6v14.8h14.8V4.6z M15.7,14.6v2.1H8.3v-2.1H15.7z M12,6.7l3.7,3.7h-2.1v2.6h-3.2v-2.6H8.3L12,6.7z"/>
-</svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--equal-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--equal-circle-fill.svg
deleted file mode 100644
index 9b09e03ee4d6592af146b56e54f4d218e33fea1f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--equal-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path d="M19.0721 4.9279c3.9039 3.9038 3.9039 10.2404 0 14.1442-3.9038 3.9039-10.2404 3.9039-14.1442 0-3.9039-3.9038-3.9039-10.2404 0-14.1442 3.9038-3.9039 10.2404-3.9039 14.1442 0Zm-2.074 8.3202h-10v2.5h10v-2.5Zm0-5h-10v2.5h10v-2.5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--error-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--error-fill.svg
deleted file mode 100644
index 64610cddeef9e51d59ce8ce56fe6e528c509302b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--error-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5,2.5h-11L1,12l5.5,9.5h11L23,12L17.5,2.5z M16.2,14.8l-1.4,1.4L12,13.4l-2.8,2.8l-1.4-1.4l2.8-2.8L7.8,9.2l1.4-1.4l2.8,2.8l2.8-2.8l1.4,1.4L13.4,12L16.2,14.8z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--error-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--error-line.svg
deleted file mode 100644
index 1d2c32cdb7e0cff5142d30f54056d63a2cf2a683..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--error-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5,2.5L23,12l-5.5,9.5h-11L1,12l5.5-9.5H17.5z M16.3,4.5H7.7L3.3,12l4.3,7.5h8.7l4.3-7.5L16.3,4.5z M12,10.6l2.8-2.8l1.4,1.4L13.4,12l2.8,2.8l-1.4,1.4L12,13.4l-2.8,2.8l-1.4-1.4l2.8-2.8L7.8,9.2l1.4-1.4L12,10.6z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--info-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--info-fill.svg
deleted file mode 100644
index 0bbf4212b749d67d99fd717753248c21d201ad13..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--info-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.5,2.5h-15c-1.1,0-2,0.9-2,2v15c0,1.1,0.9,2,2,2h15c1.1,0,2-0.9,2-2v-15C21.5,3.4,20.6,2.5,19.5,2.5z M13,17h-2v-6h2V17z M13,9h-2V7h2V9z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--info-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--info-line.svg
deleted file mode 100644
index b4976fb2f9d2557f4aca0d769dd054ec2b5d9947..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--info-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.5,2.5h-15c-1.1,0-2,0.9-2,2v15c0,1.1,0.9,2,2,2h15c1.1,0,2-0.9,2-2v-15C21.5,3.4,20.6,2.5,19.5,2.5zM19.5,18.5c0,0.6-0.4,1-1,1h-13c-0.6,0-1-0.4-1-1v-13c0-0.6,0.4-1,1-1h13c0.6,0,1,0.4,1,1V18.5z M11,7v2h2V7H11z M11,11v6h2v-6H11z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--success-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--success-fill.svg
deleted file mode 100644
index 4f365b6cf91c5042cad0adf80ebd31494d97319a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--success-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--success-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--success-line.svg
deleted file mode 100644
index 4741e47edcd6763ca7ac2ac0c5b1210888d67031..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--success-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16Z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--theme-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--theme-fill.svg
deleted file mode 100644
index af9a1ab7499ec62ff8678448f29c1b7e4c7a2f84..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--theme-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 2a4 4 0 0 0-.2 7.995L12 16V8Zm-8 3v2H1v-2h3Zm19 0v2h-3v-2h3ZM4.929 3.515 7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--warning-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--warning-fill.svg
deleted file mode 100644
index 0bbfcd393ca661c24feb0e4ce8f87f16c55f8e67..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--warning-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0ZM11 16v2h2v-2h-2Zm0-7v5h2V9h-2Z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--warning-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--warning-line.svg
deleted file mode 100644
index c9c7e464bbe85228c3331e508c7c48b5c1139ac2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/fr--warning-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0Zm-8.66 16h15.588L12 5.5 4.206 19ZM11 16h2v2h-2v-2Zm0-7h2v5h-2V9Z"/></svg>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/information-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/information-fill.svg
deleted file mode 100644
index 3611c4babaf37ff8780817754b5dd516d0efb3a3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/information-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-11v6h2v-6h-2Zm0-4v2h2V7h-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/information-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/information-line.svg
deleted file mode 100644
index e648b9f40fc1ce6e849b175f72b0dd5b154848b9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/information-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM11 7h2v2h-2V7Zm0 4h2v6h-2v-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-fill.svg
deleted file mode 100644
index 3c23ae35f27b1784870e94939a6e814abe57f4f2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1Zm-2 0V9A5 5 0 1 0 7 9v1h10Zm-6 4v4h2v-4h-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-line.svg
deleted file mode 100644
index d33db87966730098d942a032cb2fc69bf6236e3d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1ZM5 12v8h14v-8H5Zm6 2h2v4h-2v-4Zm6-4V9A5 5 0 1 0 7 9v1h10Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-unlock-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-unlock-fill.svg
deleted file mode 100644
index b6a10c4d7609aae25aa58be6641fb9dc00a8dd0d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-unlock-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.262 5.869-1.789.894A5 5 0 0 0 7 9v1h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131ZM14 15h-4v2h4v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-unlock-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-unlock-line.svg
deleted file mode 100644
index ecc654801bf5d09ab2ca8e465d1628aa91f01431..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/lock-unlock-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.262 5.869-1.789.894A5 5 0 0 0 7 9v1h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131ZM19 12H5v8h14v-8Zm-5 3v2h-4v-2h4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/logout-box-r-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/logout-box-r-fill.svg
deleted file mode 100644
index 552263367b7577a80bbb5e4059e7571350db101a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/logout-box-r-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-4 6v3H9v2h6v3l5-4-5-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/logout-box-r-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/logout-box-r-line.svg
deleted file mode 100644
index a919c11a715355e2f899f7984f527d3f2bc7f3b4..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/logout-box-r-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v3h-2V4H6v16h12v-2h2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-1 6 5 4-5 4v-3h-7v-2h7V8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/menu-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/menu-2-fill.svg
deleted file mode 100644
index 975cc73a9a2573345d6cf0308c2399bed235eb42..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/menu-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 4h18v2H3V4Zm0 7h12v2H3v-2Zm0 7h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/menu-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/menu-fill.svg
deleted file mode 100644
index 798cdf6121ae8a983dc5818559a456c8b45e9c0a..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/menu-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 4h18v2H3V4Zm0 7h18v2H3v-2Zm0 7h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/more-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/more-fill.svg
deleted file mode 100644
index 845dd9ca6c407d7e582603e71d6ed29d27d41948..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/more-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm14 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/more-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/more-line.svg
deleted file mode 100644
index 6db9e97c74aa5891bf60a2642611d3ea448e8900..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/more-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5Zm15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5Zm-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/notification-badge-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/notification-badge-fill.svg
deleted file mode 100644
index 32b09641e35ea40d7624177d7385e9bdab4f9e92..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/notification-badge-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.341 4A6 6 0 0 0 21 11.659V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h9.341ZM19 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/notification-badge-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/notification-badge-line.svg
deleted file mode 100644
index 0578cbcf938bb322d60ee3b6f9c1eec45c67d930..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/notification-badge-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.341 4A5.99 5.99 0 0 0 13 6H5v14h14v-8a5.99 5.99 0 0 0 2-.341V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h9.341ZM19 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/question-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/question-fill.svg
deleted file mode 100644
index 577c8d97e55102c960275f73211a1774a4e2fff2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/question-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm2-1.645A3.502 3.502 0 0 0 12 6.5a3.501 3.501 0 0 0-3.433 2.813l1.962.393A1.5 1.5 0 1 1 12 11.5a1 1 0 0 0-1 1V14h2v-.645Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/question-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/question-line.svg
deleted file mode 100644
index 15a00bfa100984e6c058e75077f55c4b7deb2bc0..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/question-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-1-5h2v2h-2v-2Zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1 1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/refresh-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/refresh-fill.svg
deleted file mode 100644
index 399fa46bbd1c396ba1e16f87e5c1ef695e7f7154..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/refresh-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm4.82-4.92A7 7 0 0 0 9.03 5.66l.98 1.75A5 5 0 0 1 17 12h-3l2.82 5.08zm-1.85 1.26-.98-1.75A5 5 0 0 1 7 12h3L7.18 6.92a7 7 0 0 0 7.79 11.42z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/refresh-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/refresh-line.svg
deleted file mode 100644
index ab64a8b3f3d7cdadf72c34be1087c3e3a7339207..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/refresh-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.46 4.43a10 10 0 0 1 14.73 13.3L17 12.01h3A8 8 0 0 0 6.46 6.23l-1-1.8zm13.08 15.14A10 10 0 0 1 3.8 6.27L7 11.99H4a8 8 0 0 0 13.54 5.77l1 1.8z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/search-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/search-fill.svg
deleted file mode 100644
index 752c11eec5adbda323a9f20862f3f73559af187c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/search-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/search-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/search-line.svg
deleted file mode 100644
index 103da75383914394daccf63f2ecac78a6c259995..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/search-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617Zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/settings-5-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/settings-5-fill.svg
deleted file mode 100644
index 2ad081d7b68841f88d96e4415eb18228f1fd601b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/settings-5-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.631 2.132c-.027 1.102.501 2.092 1.43 2.477.93.385 2.004.058 2.763-.74a9.942 9.942 0 0 1 2.307 2.306c-.798.76-1.125 1.834-.74 2.764.385.93 1.376 1.457 2.477 1.43a9.92 9.92 0 0 1 0 3.262c-1.102-.027-2.092.501-2.477 1.43-.385.93-.058 2.004.74 2.763a9.942 9.942 0 0 1-2.306 2.307c-.76-.798-1.834-1.125-2.764-.74-.93.385-1.457 1.376-1.43 2.477a9.92 9.92 0 0 1-3.262 0c.027-1.102-.501-2.092-1.43-2.477-.93-.385-2.004-.058-2.763.74a9.942 9.942 0 0 1-2.307-2.306c.798-.76 1.125-1.834.74-2.764-.385-.93-1.376-1.457-2.477-1.43v-.001a9.942 9.942 0 0 1 0-3.26c1.102.026 2.092-.502 2.477-1.431.385-.93.058-2.004-.74-2.763a9.942 9.942 0 0 1 2.306-2.307c.76.798 1.834 1.125 2.764.74.93-.385 1.457-1.376 1.43-2.477a9.942 9.942 0 0 1 3.262 0ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/settings-5-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/settings-5-line.svg
deleted file mode 100644
index 746638b7cfb44a08730bdcf5199e07eeb85278f3..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/settings-5-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.06 2.213c-.13 1.11.237 2.08 1.001 2.396.765.317 1.71-.108 2.403-.986a9.945 9.945 0 0 1 2.913 2.913c-.877.692-1.303 1.638-.986 2.403.317.765 1.286 1.132 2.396 1.001a9.945 9.945 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.001-.317.765.108 1.71.986 2.403a9.945 9.945 0 0 1-2.913 2.913c-.692-.877-1.638-1.303-2.403-.986-.765.317-1.132 1.286-1.001 2.396a9.945 9.945 0 0 1-4.12 0c.13-1.11-.237-2.08-1.001-2.396-.765-.317-1.71.108-2.403.986a9.945 9.945 0 0 1-2.913-2.913c.877-.692 1.303-1.638.986-2.403-.317-.765-1.286-1.132-2.396-1.001a9.945 9.945 0 0 1 0-4.12c1.11.13 2.08-.237 2.396-1.001.317-.765-.108-1.71-.986-2.403a9.945 9.945 0 0 1 2.913-2.913c.692.877 1.638 1.303 2.403.986.765-.317 1.132-1.286 1.001-2.396a9.945 9.945 0 0 1 4.12 0ZM11.79 4c-.305 1.1-1.002 2.007-2.086 2.457-1.085.449-2.22.3-3.212-.262a6.932 6.932 0 0 0-.297.297c.562.993.71 2.127.262 3.212C6.007 10.788 5.1 11.485 4 11.79c-.004.14-.004.28 0 .42 1.1.305 2.007 1.002 2.457 2.086.449 1.085.3 2.22-.262 3.212.096.102.195.201.297.297.993-.562 2.127-.71 3.212-.262 1.084.45 1.781 1.357 2.086 2.457.14.004.28.004.42 0 .305-1.1 1.002-2.007 2.086-2.457 1.085-.449 2.22-.3 3.212.262.102-.096.201-.195.297-.297-.562-.993-.71-2.127-.262-3.212.45-1.084 1.357-1.781 2.457-2.086.004-.14.004-.28 0-.42-1.1-.305-2.007-1.002-2.457-2.086-.449-1.085-.3-2.22.262-3.212a7.935 7.935 0 0 0-.297-.297c-.993.562-2.127.71-3.212.262C13.212 6.007 12.515 5.1 12.21 4a7.935 7.935 0 0 0-.42 0ZM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/shield-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/shield-fill.svg
deleted file mode 100644
index 953aeb8a2c96792dc6703a6462bc59a5379f814b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/shield-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.783 2.826 12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/shield-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/shield-line.svg
deleted file mode 100644
index 770264bb475016e0bc499ab776c040896006e3e2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/shield-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 1 8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976L12 1Zm0 2.05L5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-fill.svg
deleted file mode 100644
index f0270474770e157d3ebd09e28aa323e1560998d9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 18.26-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-line.svg
deleted file mode 100644
index 7364f4e357666987290bb6264e87df8f55f58200..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 .5 3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5Zm0 4.775-2.038 4.42-4.833.572 3.573 3.305-.949 4.773L12 15.968l4.247 2.377-.949-4.773 3.573-3.305-4.833-.573L12 5.275Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-s-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-s-fill.svg
deleted file mode 100644
index 5de9570e927e35e05c29a00c8588391ff5af907c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 17-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7L12 17Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-s-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-s-line.svg
deleted file mode 100644
index e3ad2827131c447609d7b6a4d75a8e46535ac48c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/star-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 2.5 2.645 6.36 6.866.55-5.231 4.48 1.598 6.7L12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5Zm0 5.208-1.268 3.047-3.29.264 2.507 2.147-.766 3.21L12 14.657v-.001l2.817 1.72-.766-3.21 2.507-2.147-3.29-.264L12 7.708Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/subtract-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/subtract-line.svg
deleted file mode 100644
index ff1f55ce48696af3aec8447745c4c92403bd3228..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/subtract-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 11h14v2H5v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-down-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-down-fill.svg
deleted file mode 100644
index dc7aaa20a39657fa92bb476e7ecc2813fc19b96d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-down-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 15h-3V3h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1Zm-5.293 1.293-6.4 6.4a.5.5 0 0 1-.654.047L8.8 22.1a1.5 1.5 0 0 1-.553-1.57L9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H16a1 1 0 0 1 1 1v11.586a1 1 0 0 1-.293.707Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-down-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-down-line.svg
deleted file mode 100644
index fec551c48fb7a744b71f94218e6ae80f3dcb334e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-down-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3.482a1 1 0 0 0-.817.423l-5.453 7.726a.5.5 0 0 1-.632.159L9.802 22.4a2.5 2.5 0 0 1-1.305-2.853L9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H22Zm-5 2H5.84L3 11.896V14h6.4a2 2 0 0 1 1.938 2.493l-.903 3.548a.5.5 0 0 0 .261.571l.661.33 4.71-6.672c.25-.354.57-.644.933-.858V5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-up-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-up-fill.svg
deleted file mode 100644
index ecbbcaf6e2ac74b76a85fd4761add44963208898..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-up-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 9h3v12H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1Zm5.293-1.293 6.4-6.4a.5.5 0 0 1 .654-.047l.853.64a1.5 1.5 0 0 1 .553 1.57L14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H8a1 1 0 0 1-1-1V8.414a1 1 0 0 1 .293-.707Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-up-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-up-line.svg
deleted file mode 100644
index 990fb7ef54fa719982263cc68a66f67f086e9437..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/thumb-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.384.691 1.814.907a2.5 2.5 0 0 1 1.305 2.853L14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.423L11.752.85a.5.5 0 0 1 .632-.159Zm.259 2.367L7.933 9.73c-.25.354-.57.644-.933.858V19h11.16L21 12.104V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.571l-.661-.33Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/time-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/time-fill.svg
deleted file mode 100644
index 357b9e19ab9b83daa7efc5bebe403eda8a284cd8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/time-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm1 5h-2v7h6v-2h-4V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/time-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/time-line.svg
deleted file mode 100644
index 750641e7dddad583b3910a6d095f9c46e3e297a6..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/time-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v5h4v2h-6V7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/timer-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/timer-fill.svg
deleted file mode 100644
index 54631b0a99539ee00ca228cb724dbe8b7006d158..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/timer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.618 5.968 1.453-1.453 1.414 1.414-1.453 1.453a9 9 0 1 1-1.414-1.414ZM13 8h-2v6h2V8Zm3-7v2H8V1h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/timer-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/timer-line.svg
deleted file mode 100644
index 4b1ae812605b758a1c41dc35889c63f25ccde409..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/timer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.618 5.968 1.453-1.453 1.414 1.414-1.453 1.453a9 9 0 1 1-1.414-1.414ZM12 6a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm1 2v6h-2V8h2Zm3-7v2H8V1h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-2-fill.svg
deleted file mode 100644
index 351bcd63af23b946a5b5f5e4805ffdad6a328f9b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 19h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7zM14 9v6h-4V9H5l7-7 7 7h-5z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-2-line.svg
deleted file mode 100644
index db786248007454c2d32b40bda463f5da52ebb8c5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 19h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7zm9-10v7h-2V9H6l6-6 6 6h-5z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-fill.svg
deleted file mode 100644
index 855fb341691898518884beeadc91954320ea9a7b..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2Zm10-9v8h-2v-8H4l8-8 8 8h-7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-line.svg
deleted file mode 100644
index dd9103d85aacde83f0c20d2b9a931f375a4cc974..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/upload-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2ZM13 5.828V17h-2V5.828L4.929 11.9l-1.414-1.414L12 2l8.485 8.485-1.414 1.414L13 5.83v-.002Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-in-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-in-fill.svg
deleted file mode 100644
index 35666ab5a749f35dfdc9b34873b8f1618ff96fbf..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-in-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm1 5h-2v3H7v2h3v3h2v-3h3v-2h-3V7Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-in-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-in-line.svg
deleted file mode 100644
index 8bfa9317507dbd5a70a12a757edc37c4426cae5f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-in-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm0 2c-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7Zm1 3v3h3v2h-3v3h-2v-3H7v-2h3V7h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-out-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-out-fill.svg
deleted file mode 100644
index c3c0e4eeaa349e850a3f0304a26a0c8f78f26870..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-out-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm4 8H7v2h8v-2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-out-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-out-line.svg
deleted file mode 100644
index 41cfaaa8fdc36e0b2204c9b0b50f15a1f8a4fa4d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/system/zoom-out-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm0 2c-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7Zm4 6v2H7v-2h8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-circle-fill.svg
deleted file mode 100644
index de569d2c364c3710f5eeec5de37b93eff804d075..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2ZM6.023 15.416C7.491 17.606 9.695 19 12.16 19c2.464 0 4.669-1.393 6.136-3.584A8.968 8.968 0 0 0 12.16 13a8.968 8.968 0 0 0-6.137 2.416ZM12 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-circle-line.svg
deleted file mode 100644
index c6a5f4e6125323661a5907ae0ffef1ea96274113..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-4.987-3.744A7.966 7.966 0 0 0 12 20a7.97 7.97 0 0 0 5.167-1.892A6.979 6.979 0 0 0 12.16 16a6.981 6.981 0 0 0-5.147 2.256ZM5.616 16.82A8.975 8.975 0 0 1 12.16 14a8.972 8.972 0 0 1 6.362 2.634 8 8 0 1 0-12.906.187v-.001ZM12 13a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-pin-circle-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-pin-circle-fill.svg
deleted file mode 100644
index a7e012e420d50843cf9abe7aeda120078b6271cb..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-pin-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10 0 4.744-3.31 8.72-7.744 9.744L12 24l-2.256-2.256C5.31 20.72 2 16.744 2 12 2 6.48 6.48 2 12 2Zm.16 11a8.968 8.968 0 0 0-6.137 2.416C7.491 17.606 9.695 19 12.16 19c2.464 0 4.669-1.393 6.136-3.584A8.968 8.968 0 0 0 12.16 13ZM12 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-pin-circle-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-pin-circle-line.svg
deleted file mode 100644
index 51ac76ff8d1a829e1fdf81108735bc3da0e06b2e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/account-pin-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10 0 4.747-3.308 8.722-7.745 9.745L12 24l-2.255-2.255C5.308 20.722 2 16.747 2 12 2 6.477 6.477 2 12 2Zm.16 14c-2.036 0-3.87.87-5.148 2.257a7.953 7.953 0 0 0 3.182 1.539l.56.129L12 21.172l1.247-1.247.56-.13a7.956 7.956 0 0 0 3.36-1.686A6.979 6.979 0 0 0 12.16 16ZM6.554 6.14a8 8 0 0 0-.938 10.681v-.001A8.975 8.975 0 0 1 12.16 14a8.972 8.972 0 0 1 6.362 2.634A8 8 0 0 0 6.554 6.141ZM12 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/admin-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/admin-fill.svg
deleted file mode 100644
index aea1130d1923c78f1e1e84bab02db723400f19e5..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/admin-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14v8H4a8 8 0 0 1 8-8Zm6-1a3 3 0 0 1 3 3v1h1v5h-8v-5h1v-1a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/admin-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/admin-line.svg
deleted file mode 100644
index 1d3b02661d9e14607b1f4eea84f3d651515a03f1..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/admin-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8Zm6-1a3 3 0 0 1 3 3v1h1v5h-8v-5h1v-1a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/group-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/group-fill.svg
deleted file mode 100644
index 37d29ea332873a7e63eaaf03b12a1794557430d2..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/group-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 14a8 8 0 0 1 8 8H2a8 8 0 0 1 8-8Zm7.363 1.233A7.505 7.505 0 0 1 22.983 22H20c0-2.61-1-4.986-2.637-6.767ZM10 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm6.985 2.097a5 5 0 0 1-1.645 9.86A7.98 7.98 0 0 0 18 7a7.964 7.964 0 0 0-1.015-3.903Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/group-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/group-line.svg
deleted file mode 100644
index b0ad98354df6cfbd5e5d582724878520fa5bb941..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/group-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 14a8 8 0 0 1 8 8h-2a6 6 0 1 0-12 0H2a8 8 0 0 1 8-8Zm8.284.703A8.002 8.002 0 0 1 23 22h-2a6.001 6.001 0 0 0-3.537-5.473l.82-1.824h.001Zm-.688-11.29A5.5 5.5 0 0 1 21 8.5a5.499 5.499 0 0 1-5 5.478v-2.013a3.5 3.5 0 0 0 1.041-6.609l.555-1.943ZM10 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C7.79 3 6 4.79 6 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/parent-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/parent-fill.svg
deleted file mode 100644
index a32d643216f30e55853b3edc8fa2743298c506fa..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/parent-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 11a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm10.5 4a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0 1a4.5 4.5 0 0 1 4.5 4.5v.5h-9v-.5a4.5 4.5 0 0 1 4.5-4.5ZM7 12a5 5 0 0 1 5 5v4H2v-4a5 5 0 0 1 5-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/parent-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/parent-line.svg
deleted file mode 100644
index 9749ff5766c22681ad7975deb34087d46ebfe21c..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/parent-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 12a5 5 0 0 1 5 5v4h-2v-4a3 3 0 0 0-6 0v4H2v-4a5 5 0 0 1 5-5Zm12.75 4.603A4.5 4.5 0 0 1 22 20.5v.5h-2v-.5a2.5 2.5 0 0 0-5 0v.5h-2v-.5a4.5 4.5 0 0 1 6.75-3.897ZM17.5 7a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/team-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/team-fill.svg
deleted file mode 100644
index 889e24fe00991da4700270293f30061de7fa05ca..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/team-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 11a5 5 0 0 1 5 5v6H7v-6a5 5 0 0 1 5-5Zm-6.712 3.006a6.983 6.983 0 0 0-.28 1.65L5 16v6H2v-4.5a3.5 3.5 0 0 1 3.119-3.48l.169-.014Zm13.424 0A3.501 3.501 0 0 1 22 17.5V22h-3v-6c0-.693-.1-1.362-.288-1.994ZM5.5 8a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm13 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM12 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/team-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/team-line.svg
deleted file mode 100644
index 66bc37129e2536aa2415fe9957b95090060e92fe..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/team-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 11a5 5 0 0 1 5 5v6h-2v-6a3 3 0 0 0-2.824-2.995L12 13a3 3 0 0 0-2.995 2.824L9 16v6H7v-6a5 5 0 0 1 5-5Zm-6.5 3c.279 0 .55.033.81.094a5.947 5.947 0 0 0-.301 1.575L6 16v.086a1.492 1.492 0 0 0-.356-.08L5.5 16a1.5 1.5 0 0 0-1.493 1.356L4 17.5V22H2v-4.5A3.5 3.5 0 0 1 5.5 14Zm13 0a3.5 3.5 0 0 1 3.5 3.5V22h-2v-4.5a1.5 1.5 0 0 0-1.356-1.493L18.5 16c-.175 0-.343.03-.5.085V16c0-.666-.108-1.306-.309-1.904A3.42 3.42 0 0 1 18.5 14Zm-13-6a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm13 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-13 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm13 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM12 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-add-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-add-fill.svg
deleted file mode 100644
index 4a2833e5d8ce8354214d5b84fb779eb4d4fbf6c8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-add-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 14.252V22H4a8 8 0 0 1 10-7.748ZM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6Zm6 4v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-add-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-add-line.svg
deleted file mode 100644
index 32157579df582234868f75e32611cfdeed425cb8..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 14.251v2.091A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748ZM20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-fill.svg
deleted file mode 100644
index d8933082a88dd03f6f7b86a001842b495301829d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 22a8 8 0 1 1 16 0H4Zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-heart-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-heart-fill.svg
deleted file mode 100644
index a90cb78236e8f5ee4a45114077d42571da166e80..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-heart-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.841 15.659.176.177.178-.177a2.25 2.25 0 1 1 3.182 3.182l-3.36 3.359-3.358-3.359a2.25 2.25 0 0 1 3.182-3.182ZM12 14v8H4a8 8 0 0 1 7.75-7.996L12 14Zm0-13c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-heart-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-heart-line.svg
deleted file mode 100644
index a6469518965d82f0bf1fbdd1cb95e83b1e42ef9d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-heart-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.841 15.659.176.177.178-.177a2.25 2.25 0 1 1 3.182 3.182l-3.36 3.359-3.358-3.359a2.25 2.25 0 0 1 3.182-3.182ZM12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 7.75-7.996L12 14Zm0-13c3.315 0 6 2.685 6 6a5.998 5.998 0 0 1-5.775 5.996L12 13c-3.315 0-6-2.685-6-6a5.998 5.998 0 0 1 5.775-5.996L12 1Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-line.svg
deleted file mode 100644
index 10dd822406d95e523b6b0f8be00e5f8c8b2855fe..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14a8 8 0 0 1 8 8h-2a6 6 0 1 0-12 0H4a8 8 0 0 1 8-8Zm0-13c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-search-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-search-fill.svg
deleted file mode 100644
index 9478413030eaa5c69cffdca16dec625f6cacf78e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-search-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.45 14.838a4 4 0 0 1 .996 5.194l1.504 1.504-1.414 1.414-1.504-1.504a4 4 0 1 1 .418-6.608ZM12 14v8H4a8 8 0 0 1 8-8Zm6 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-search-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-search-line.svg
deleted file mode 100644
index ded3af36b58adf3a43556e258d5f7fdd669c3a19..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-search-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.45 14.838a4 4 0 0 1 .996 5.194l1.504 1.504-1.414 1.414-1.504-1.504a4 4 0 1 1 .418-6.608ZM12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8Zm6 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-setting-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-setting-fill.svg
deleted file mode 100644
index 327652eeb47d033b3a673f4d5cc91d44a24d30ed..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-setting-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 13.5v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573c-.398.377-.88.655-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573c.398-.377.88-.655 1.405-.812V13.5h2Zm-7 .5v8H4a8 8 0 0 1 8-8Zm6 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-setting-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-setting-line.svg
deleted file mode 100644
index c6a5f4e6125323661a5907ae0ffef1ea96274113..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-setting-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-4.987-3.744A7.966 7.966 0 0 0 12 20a7.97 7.97 0 0 0 5.167-1.892A6.979 6.979 0 0 0 12.16 16a6.981 6.981 0 0 0-5.147 2.256ZM5.616 16.82A8.975 8.975 0 0 1 12.16 14a8.972 8.972 0 0 1 6.362 2.634 8 8 0 1 0-12.906.187v-.001ZM12 13a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-star-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-star-fill.svg
deleted file mode 100644
index e203cc81584e896d1c2d963b7f5e0efeddb7e022..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-star-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14v8H4a8 8 0 0 1 8-8Zm6 7.5-2.939 1.545.561-3.272-2.377-2.318 3.286-.478L18 14l1.47 2.977 3.285.478-2.377 2.318.56 3.272L18 21.5ZM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-star-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-star-line.svg
deleted file mode 100644
index df80f8367c43d2dc23d3fd61ecac004d33b73c3f..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/user/user-star-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18 14 1.47 2.977 3.285.478-2.377 2.318.56 3.272L18 21.5l-2.939 1.545.561-3.272-2.377-2.318 3.286-.478L18 14Zm-6 0v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8Zm0-13c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/cloudy-2-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/cloudy-2-fill.svg
deleted file mode 100644
index b7f28f8ebcf1fed7bd18478fd2ec4245dffad942..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/cloudy-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 21H7A6 6 0 0 1 5.008 9.339a7 7 0 1 1 13.984 0A6 6 0 0 1 17 21Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/cloudy-2-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/cloudy-2-line.svg
deleted file mode 100644
index 5e7f2b9f8c1940c100b069da45ad95ef8baaa509..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/cloudy-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.596 2.999a7 7 0 0 1 3.396 6.34A6 6 0 0 1 17 21H7A6 6 0 0 1 5.008 9.339a7 7 0 0 1 10.588-6.34Zm-6.67 2.06a5 5 0 0 0-1.5 5.963A4 4 0 1 0 7 19h10a4 4 0 1 0-.426-7.978 5 5 0 0 0-7.648-5.963Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/flashlight-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/flashlight-fill.svg
deleted file mode 100644
index 9f25629b902c7686faedfef337b44e8076febc10..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/flashlight-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 10h7l-9 13v-9H4l9-13v9Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/flashlight-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/flashlight-line.svg
deleted file mode 100644
index 04c18c744ddfef2f3a72f1405ad7e369ca13be28..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/flashlight-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 0v9h8L11 24v-9H4l9-15Zm-2 7.22L7.532 13H13v4.394L17.263 11H11V7.22Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/moon-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/moon-fill.svg
deleted file mode 100644
index 6e332cd103758f5db6294a01817c162e1e9955b7..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/moon-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.38 2.019a7.5 7.5 0 1 0 10.6 10.6C21.662 17.854 17.316 22 12.001 22 6.477 22 2 17.523 2 12c0-5.315 4.146-9.661 9.38-9.981Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/moon-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/moon-line.svg
deleted file mode 100644
index 9aa81913fe67e3f4053501bcae1c3309c26421e9..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/moon-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.1 2A6.979 6.979 0 0 0 10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1ZM8.238 4.938A7.999 7.999 0 0 0 4 12a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/sun-fill.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/sun-fill.svg
deleted file mode 100644
index 637eb3a1d2540730f316a4c8323acc069e130a31..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/sun-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm11 5v2h-3v-2h3ZM4 11v2H1v-2h3Zm.929-7.485L7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/sun-line.svg b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/sun-line.svg
deleted file mode 100644
index 0a791d78485bf8d188d76c0c67217cda9c2031ef..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/icons/weather/sun-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm11 3v2h-3v-2h3ZM4 11v2H1v-2h3Zm.929-7.485L7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z"/></svg>
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/utility/utility.min.css b/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/utility/utility.min.css
deleted file mode 100644
index 0e68e5505eb025c47c93d4fa977e4c9743a2f09d..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/resources/css/utility/utility.min.css
+++ /dev/null
@@ -1,155 +0,0 @@
-/*!
- * DSFR v1.10.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
- */.fr-background-default--grey{--idle:transparent;--hover:var(--background-default-grey-hover)!important;--active:var(--background-default-grey-active)!important;background-color:var(--background-default-grey)!important}.fr-background-alt--grey{--idle:transparent;--hover:var(--background-alt-grey-hover)!important;--active:var(--background-alt-grey-active)!important;background-color:var(--background-alt-grey)!important}.fr-background-alt--blue-france{--idle:transparent;--hover:var(--background-alt-blue-france-hover)!important;--active:var(--background-alt-blue-france-active)!important;background-color:var(--background-alt-blue-france)!important}.fr-background-alt--red-marianne{--idle:transparent;--hover:var(--background-alt-red-marianne-hover)!important;--active:var(--background-alt-red-marianne-active)!important;background-color:var(--background-alt-red-marianne)!important}.fr-background-alt--green-tilleul-verveine{--idle:transparent;--hover:var(--background-alt-green-tilleul-verveine-hover)!important;--active:var(--background-alt-green-tilleul-verveine-active)!important;background-color:var(--background-alt-green-tilleul-verveine)!important}.fr-background-alt--green-bourgeon{--idle:transparent;--hover:var(--background-alt-green-bourgeon-hover)!important;--active:var(--background-alt-green-bourgeon-active)!important;background-color:var(--background-alt-green-bourgeon)!important}.fr-background-alt--green-emeraude{--idle:transparent;--hover:var(--background-alt-green-emeraude-hover)!important;--active:var(--background-alt-green-emeraude-active)!important;background-color:var(--background-alt-green-emeraude)!important}.fr-background-alt--green-menthe{--idle:transparent;--hover:var(--background-alt-green-menthe-hover)!important;--active:var(--background-alt-green-menthe-active)!important;background-color:var(--background-alt-green-menthe)!important}.fr-background-alt--green-archipel{--idle:transparent;--hover:var(--background-alt-green-archipel-hover)!important;--active:var(--background-alt-green-archipel-active)!important;background-color:var(--background-alt-green-archipel)!important}.fr-background-alt--blue-ecume{--idle:transparent;--hover:var(--background-alt-blue-ecume-hover)!important;--active:var(--background-alt-blue-ecume-active)!important;background-color:var(--background-alt-blue-ecume)!important}.fr-background-alt--blue-cumulus{--idle:transparent;--hover:var(--background-alt-blue-cumulus-hover)!important;--active:var(--background-alt-blue-cumulus-active)!important;background-color:var(--background-alt-blue-cumulus)!important}.fr-background-alt--purple-glycine{--idle:transparent;--hover:var(--background-alt-purple-glycine-hover)!important;--active:var(--background-alt-purple-glycine-active)!important;background-color:var(--background-alt-purple-glycine)!important}.fr-background-alt--pink-macaron{--idle:transparent;--hover:var(--background-alt-pink-macaron-hover)!important;--active:var(--background-alt-pink-macaron-active)!important;background-color:var(--background-alt-pink-macaron)!important}.fr-background-alt--pink-tuile{--idle:transparent;--hover:var(--background-alt-pink-tuile-hover)!important;--active:var(--background-alt-pink-tuile-active)!important;background-color:var(--background-alt-pink-tuile)!important}.fr-background-alt--yellow-tournesol{--idle:transparent;--hover:var(--background-alt-yellow-tournesol-hover)!important;--active:var(--background-alt-yellow-tournesol-active)!important;background-color:var(--background-alt-yellow-tournesol)!important}.fr-background-alt--yellow-moutarde{--idle:transparent;--hover:var(--background-alt-yellow-moutarde-hover)!important;--active:var(--background-alt-yellow-moutarde-active)!important;background-color:var(--background-alt-yellow-moutarde)!important}.fr-background-alt--orange-terre-battue{--idle:transparent;--hover:var(--background-alt-orange-terre-battue-hover)!important;--active:var(--background-alt-orange-terre-battue-active)!important;background-color:var(--background-alt-orange-terre-battue)!important}.fr-background-alt--brown-cafe-creme{--idle:transparent;--hover:var(--background-alt-brown-cafe-creme-hover)!important;--active:var(--background-alt-brown-cafe-creme-active)!important;background-color:var(--background-alt-brown-cafe-creme)!important}.fr-background-alt--brown-caramel{--idle:transparent;--hover:var(--background-alt-brown-caramel-hover)!important;--active:var(--background-alt-brown-caramel-active)!important;background-color:var(--background-alt-brown-caramel)!important}.fr-background-alt--brown-opera{--idle:transparent;--hover:var(--background-alt-brown-opera-hover)!important;--active:var(--background-alt-brown-opera-active)!important;background-color:var(--background-alt-brown-opera)!important}.fr-background-alt--beige-gris-galet{--idle:transparent;--hover:var(--background-alt-beige-gris-galet-hover)!important;--active:var(--background-alt-beige-gris-galet-active)!important;background-color:var(--background-alt-beige-gris-galet)!important}.fr-background-contrast--grey{--idle:transparent;--hover:var(--background-contrast-grey-hover)!important;--active:var(--background-contrast-grey-active)!important;background-color:var(--background-contrast-grey)!important}.fr-background-contrast--blue-france{--idle:transparent;--hover:var(--background-contrast-blue-france-hover)!important;--active:var(--background-contrast-blue-france-active)!important;background-color:var(--background-contrast-blue-france)!important}.fr-background-contrast--red-marianne{--idle:transparent;--hover:var(--background-contrast-red-marianne-hover)!important;--active:var(--background-contrast-red-marianne-active)!important;background-color:var(--background-contrast-red-marianne)!important}.fr-background-contrast--green-tilleul-verveine{--idle:transparent;--hover:var(--background-contrast-green-tilleul-verveine-hover)!important;--active:var(--background-contrast-green-tilleul-verveine-active)!important;background-color:var(--background-contrast-green-tilleul-verveine)!important}.fr-background-contrast--green-bourgeon{--idle:transparent;--hover:var(--background-contrast-green-bourgeon-hover)!important;--active:var(--background-contrast-green-bourgeon-active)!important;background-color:var(--background-contrast-green-bourgeon)!important}.fr-background-contrast--green-emeraude{--idle:transparent;--hover:var(--background-contrast-green-emeraude-hover)!important;--active:var(--background-contrast-green-emeraude-active)!important;background-color:var(--background-contrast-green-emeraude)!important}.fr-background-contrast--green-menthe{--idle:transparent;--hover:var(--background-contrast-green-menthe-hover)!important;--active:var(--background-contrast-green-menthe-active)!important;background-color:var(--background-contrast-green-menthe)!important}.fr-background-contrast--green-archipel{--idle:transparent;--hover:var(--background-contrast-green-archipel-hover)!important;--active:var(--background-contrast-green-archipel-active)!important;background-color:var(--background-contrast-green-archipel)!important}.fr-background-contrast--blue-ecume{--idle:transparent;--hover:var(--background-contrast-blue-ecume-hover)!important;--active:var(--background-contrast-blue-ecume-active)!important;background-color:var(--background-contrast-blue-ecume)!important}.fr-background-contrast--blue-cumulus{--idle:transparent;--hover:var(--background-contrast-blue-cumulus-hover)!important;--active:var(--background-contrast-blue-cumulus-active)!important;background-color:var(--background-contrast-blue-cumulus)!important}.fr-background-contrast--purple-glycine{--idle:transparent;--hover:var(--background-contrast-purple-glycine-hover)!important;--active:var(--background-contrast-purple-glycine-active)!important;background-color:var(--background-contrast-purple-glycine)!important}.fr-background-contrast--pink-macaron{--idle:transparent;--hover:var(--background-contrast-pink-macaron-hover)!important;--active:var(--background-contrast-pink-macaron-active)!important;background-color:var(--background-contrast-pink-macaron)!important}.fr-background-contrast--pink-tuile{--idle:transparent;--hover:var(--background-contrast-pink-tuile-hover)!important;--active:var(--background-contrast-pink-tuile-active)!important;background-color:var(--background-contrast-pink-tuile)!important}.fr-background-contrast--yellow-tournesol{--idle:transparent;--hover:var(--background-contrast-yellow-tournesol-hover)!important;--active:var(--background-contrast-yellow-tournesol-active)!important;background-color:var(--background-contrast-yellow-tournesol)!important}.fr-background-contrast--yellow-moutarde{--idle:transparent;--hover:var(--background-contrast-yellow-moutarde-hover)!important;--active:var(--background-contrast-yellow-moutarde-active)!important;background-color:var(--background-contrast-yellow-moutarde)!important}.fr-background-contrast--orange-terre-battue{--idle:transparent;--hover:var(--background-contrast-orange-terre-battue-hover)!important;--active:var(--background-contrast-orange-terre-battue-active)!important;background-color:var(--background-contrast-orange-terre-battue)!important}.fr-background-contrast--brown-cafe-creme{--idle:transparent;--hover:var(--background-contrast-brown-cafe-creme-hover)!important;--active:var(--background-contrast-brown-cafe-creme-active)!important;background-color:var(--background-contrast-brown-cafe-creme)!important}.fr-background-contrast--brown-caramel{--idle:transparent;--hover:var(--background-contrast-brown-caramel-hover)!important;--active:var(--background-contrast-brown-caramel-active)!important;background-color:var(--background-contrast-brown-caramel)!important}.fr-background-contrast--brown-opera{--idle:transparent;--hover:var(--background-contrast-brown-opera-hover)!important;--active:var(--background-contrast-brown-opera-active)!important;background-color:var(--background-contrast-brown-opera)!important}.fr-background-contrast--beige-gris-galet{--idle:transparent;--hover:var(--background-contrast-beige-gris-galet-hover)!important;--active:var(--background-contrast-beige-gris-galet-active)!important;background-color:var(--background-contrast-beige-gris-galet)!important}.fr-background-contrast--info{--idle:transparent;--hover:var(--background-contrast-info-hover)!important;--active:var(--background-contrast-info-active)!important;background-color:var(--background-contrast-info)!important}.fr-background-contrast--success{--idle:transparent;--hover:var(--background-contrast-success-hover)!important;--active:var(--background-contrast-success-active)!important;background-color:var(--background-contrast-success)!important}.fr-background-contrast--warning{--idle:transparent;--hover:var(--background-contrast-warning-hover)!important;--active:var(--background-contrast-warning-active)!important;background-color:var(--background-contrast-warning)!important}.fr-background-contrast--error{--idle:transparent;--hover:var(--background-contrast-error-hover)!important;--active:var(--background-contrast-error-active)!important;background-color:var(--background-contrast-error)!important}.fr-background-flat--grey{background-color:var(--background-flat-grey)!important}.fr-background-flat--blue-france{background-color:var(--background-flat-blue-france)!important}.fr-background-flat--red-marianne{background-color:var(--background-flat-red-marianne)!important}.fr-background-flat--green-tilleul-verveine{background-color:var(--background-flat-green-tilleul-verveine)!important}.fr-background-flat--green-bourgeon{background-color:var(--background-flat-green-bourgeon)!important}.fr-background-flat--green-emeraude{background-color:var(--background-flat-green-emeraude)!important}.fr-background-flat--green-menthe{background-color:var(--background-flat-green-menthe)!important}.fr-background-flat--green-archipel{background-color:var(--background-flat-green-archipel)!important}.fr-background-flat--blue-ecume{background-color:var(--background-flat-blue-ecume)!important}.fr-background-flat--blue-cumulus{background-color:var(--background-flat-blue-cumulus)!important}.fr-background-flat--purple-glycine{background-color:var(--background-flat-purple-glycine)!important}.fr-background-flat--pink-macaron{background-color:var(--background-flat-pink-macaron)!important}.fr-background-flat--pink-tuile{background-color:var(--background-flat-pink-tuile)!important}.fr-background-flat--yellow-tournesol{background-color:var(--background-flat-yellow-tournesol)!important}.fr-background-flat--yellow-moutarde{background-color:var(--background-flat-yellow-moutarde)!important}.fr-background-flat--orange-terre-battue{background-color:var(--background-flat-orange-terre-battue)!important}.fr-background-flat--brown-cafe-creme{background-color:var(--background-flat-brown-cafe-creme)!important}.fr-background-flat--brown-caramel{background-color:var(--background-flat-brown-caramel)!important}.fr-background-flat--brown-opera{background-color:var(--background-flat-brown-opera)!important}.fr-background-flat--beige-gris-galet{background-color:var(--background-flat-beige-gris-galet)!important}.fr-background-flat--info{background-color:var(--background-flat-info)!important}.fr-background-flat--success{background-color:var(--background-flat-success)!important}.fr-background-flat--warning{background-color:var(--background-flat-warning)!important}.fr-background-flat--error{background-color:var(--background-flat-error)!important}.fr-background-action-high--blue-france{--idle:transparent;--hover:var(--background-action-high-blue-france-hover)!important;--active:var(--background-action-high-blue-france-active)!important;background-color:var(--background-action-high-blue-france)!important}.fr-background-action-high--red-marianne{--idle:transparent;--hover:var(--background-action-high-red-marianne-hover)!important;--active:var(--background-action-high-red-marianne-active)!important;background-color:var(--background-action-high-red-marianne)!important}.fr-background-action-high--green-tilleul-verveine{--idle:transparent;--hover:var(--background-action-high-green-tilleul-verveine-hover)!important;--active:var(--background-action-high-green-tilleul-verveine-active)!important;background-color:var(--background-action-high-green-tilleul-verveine)!important}.fr-background-action-high--green-bourgeon{--idle:transparent;--hover:var(--background-action-high-green-bourgeon-hover)!important;--active:var(--background-action-high-green-bourgeon-active)!important;background-color:var(--background-action-high-green-bourgeon)!important}.fr-background-action-high--green-emeraude{--idle:transparent;--hover:var(--background-action-high-green-emeraude-hover)!important;--active:var(--background-action-high-green-emeraude-active)!important;background-color:var(--background-action-high-green-emeraude)!important}.fr-background-action-high--green-menthe{--idle:transparent;--hover:var(--background-action-high-green-menthe-hover)!important;--active:var(--background-action-high-green-menthe-active)!important;background-color:var(--background-action-high-green-menthe)!important}.fr-background-action-high--green-archipel{--idle:transparent;--hover:var(--background-action-high-green-archipel-hover)!important;--active:var(--background-action-high-green-archipel-active)!important;background-color:var(--background-action-high-green-archipel)!important}.fr-background-action-high--blue-ecume{--idle:transparent;--hover:var(--background-action-high-blue-ecume-hover)!important;--active:var(--background-action-high-blue-ecume-active)!important;background-color:var(--background-action-high-blue-ecume)!important}.fr-background-action-high--blue-cumulus{--idle:transparent;--hover:var(--background-action-high-blue-cumulus-hover)!important;--active:var(--background-action-high-blue-cumulus-active)!important;background-color:var(--background-action-high-blue-cumulus)!important}.fr-background-action-high--purple-glycine{--idle:transparent;--hover:var(--background-action-high-purple-glycine-hover)!important;--active:var(--background-action-high-purple-glycine-active)!important;background-color:var(--background-action-high-purple-glycine)!important}.fr-background-action-high--pink-macaron{--idle:transparent;--hover:var(--background-action-high-pink-macaron-hover)!important;--active:var(--background-action-high-pink-macaron-active)!important;background-color:var(--background-action-high-pink-macaron)!important}.fr-background-action-high--pink-tuile{--idle:transparent;--hover:var(--background-action-high-pink-tuile-hover)!important;--active:var(--background-action-high-pink-tuile-active)!important;background-color:var(--background-action-high-pink-tuile)!important}.fr-background-action-high--yellow-tournesol{--idle:transparent;--hover:var(--background-action-high-yellow-tournesol-hover)!important;--active:var(--background-action-high-yellow-tournesol-active)!important;background-color:var(--background-action-high-yellow-tournesol)!important}.fr-background-action-high--yellow-moutarde{--idle:transparent;--hover:var(--background-action-high-yellow-moutarde-hover)!important;--active:var(--background-action-high-yellow-moutarde-active)!important;background-color:var(--background-action-high-yellow-moutarde)!important}.fr-background-action-high--orange-terre-battue{--idle:transparent;--hover:var(--background-action-high-orange-terre-battue-hover)!important;--active:var(--background-action-high-orange-terre-battue-active)!important;background-color:var(--background-action-high-orange-terre-battue)!important}.fr-background-action-high--brown-cafe-creme{--idle:transparent;--hover:var(--background-action-high-brown-cafe-creme-hover)!important;--active:var(--background-action-high-brown-cafe-creme-active)!important;background-color:var(--background-action-high-brown-cafe-creme)!important}.fr-background-action-high--brown-caramel{--idle:transparent;--hover:var(--background-action-high-brown-caramel-hover)!important;--active:var(--background-action-high-brown-caramel-active)!important;background-color:var(--background-action-high-brown-caramel)!important}.fr-background-action-high--brown-opera{--idle:transparent;--hover:var(--background-action-high-brown-opera-hover)!important;--active:var(--background-action-high-brown-opera-active)!important;background-color:var(--background-action-high-brown-opera)!important}.fr-background-action-high--beige-gris-galet{--idle:transparent;--hover:var(--background-action-high-beige-gris-galet-hover)!important;--active:var(--background-action-high-beige-gris-galet-active)!important;background-color:var(--background-action-high-beige-gris-galet)!important}.fr-background-action-high--info{--idle:transparent;--hover:var(--background-action-high-info-hover)!important;--active:var(--background-action-high-info-active)!important;background-color:var(--background-action-high-info)!important}.fr-background-action-high--success{--idle:transparent;--hover:var(--background-action-high-success-hover)!important;--active:var(--background-action-high-success-active)!important;background-color:var(--background-action-high-success)!important}.fr-background-action-high--warning{--idle:transparent;--hover:var(--background-action-high-warning-hover)!important;--active:var(--background-action-high-warning-active)!important;background-color:var(--background-action-high-warning)!important}.fr-background-action-high--error{--idle:transparent;--hover:var(--background-action-high-error-hover)!important;--active:var(--background-action-high-error-active)!important;background-color:var(--background-action-high-error)!important}.fr-background-action-low--blue-france{--idle:transparent;--hover:var(--background-action-low-blue-france-hover)!important;--active:var(--background-action-low-blue-france-active)!important;background-color:var(--background-action-low-blue-france)!important}.fr-background-action-low--red-marianne{--idle:transparent;--hover:var(--background-action-low-red-marianne-hover)!important;--active:var(--background-action-low-red-marianne-active)!important;background-color:var(--background-action-low-red-marianne)!important}.fr-background-action-low--green-tilleul-verveine{--idle:transparent;--hover:var(--background-action-low-green-tilleul-verveine-hover)!important;--active:var(--background-action-low-green-tilleul-verveine-active)!important;background-color:var(--background-action-low-green-tilleul-verveine)!important}.fr-background-action-low--green-bourgeon{--idle:transparent;--hover:var(--background-action-low-green-bourgeon-hover)!important;--active:var(--background-action-low-green-bourgeon-active)!important;background-color:var(--background-action-low-green-bourgeon)!important}.fr-background-action-low--green-emeraude{--idle:transparent;--hover:var(--background-action-low-green-emeraude-hover)!important;--active:var(--background-action-low-green-emeraude-active)!important;background-color:var(--background-action-low-green-emeraude)!important}.fr-background-action-low--green-menthe{--idle:transparent;--hover:var(--background-action-low-green-menthe-hover)!important;--active:var(--background-action-low-green-menthe-active)!important;background-color:var(--background-action-low-green-menthe)!important}.fr-background-action-low--green-archipel{--idle:transparent;--hover:var(--background-action-low-green-archipel-hover)!important;--active:var(--background-action-low-green-archipel-active)!important;background-color:var(--background-action-low-green-archipel)!important}.fr-background-action-low--blue-ecume{--idle:transparent;--hover:var(--background-action-low-blue-ecume-hover)!important;--active:var(--background-action-low-blue-ecume-active)!important;background-color:var(--background-action-low-blue-ecume)!important}.fr-background-action-low--blue-cumulus{--idle:transparent;--hover:var(--background-action-low-blue-cumulus-hover)!important;--active:var(--background-action-low-blue-cumulus-active)!important;background-color:var(--background-action-low-blue-cumulus)!important}.fr-background-action-low--purple-glycine{--idle:transparent;--hover:var(--background-action-low-purple-glycine-hover)!important;--active:var(--background-action-low-purple-glycine-active)!important;background-color:var(--background-action-low-purple-glycine)!important}.fr-background-action-low--pink-macaron{--idle:transparent;--hover:var(--background-action-low-pink-macaron-hover)!important;--active:var(--background-action-low-pink-macaron-active)!important;background-color:var(--background-action-low-pink-macaron)!important}.fr-background-action-low--pink-tuile{--idle:transparent;--hover:var(--background-action-low-pink-tuile-hover)!important;--active:var(--background-action-low-pink-tuile-active)!important;background-color:var(--background-action-low-pink-tuile)!important}.fr-background-action-low--yellow-tournesol{--idle:transparent;--hover:var(--background-action-low-yellow-tournesol-hover)!important;--active:var(--background-action-low-yellow-tournesol-active)!important;background-color:var(--background-action-low-yellow-tournesol)!important}.fr-background-action-low--yellow-moutarde{--idle:transparent;--hover:var(--background-action-low-yellow-moutarde-hover)!important;--active:var(--background-action-low-yellow-moutarde-active)!important;background-color:var(--background-action-low-yellow-moutarde)!important}.fr-background-action-low--orange-terre-battue{--idle:transparent;--hover:var(--background-action-low-orange-terre-battue-hover)!important;--active:var(--background-action-low-orange-terre-battue-active)!important;background-color:var(--background-action-low-orange-terre-battue)!important}.fr-background-action-low--brown-cafe-creme{--idle:transparent;--hover:var(--background-action-low-brown-cafe-creme-hover)!important;--active:var(--background-action-low-brown-cafe-creme-active)!important;background-color:var(--background-action-low-brown-cafe-creme)!important}.fr-background-action-low--brown-caramel{--idle:transparent;--hover:var(--background-action-low-brown-caramel-hover)!important;--active:var(--background-action-low-brown-caramel-active)!important;background-color:var(--background-action-low-brown-caramel)!important}.fr-background-action-low--brown-opera{--idle:transparent;--hover:var(--background-action-low-brown-opera-hover)!important;--active:var(--background-action-low-brown-opera-active)!important;background-color:var(--background-action-low-brown-opera)!important}.fr-background-action-low--beige-gris-galet{--idle:transparent;--hover:var(--background-action-low-beige-gris-galet-hover)!important;--active:var(--background-action-low-beige-gris-galet-active)!important;background-color:var(--background-action-low-beige-gris-galet)!important}.fr-text-default--grey{color:var(--text-default-grey)!important}.fr-text-default--info{color:var(--text-default-info)!important}.fr-text-default--success{color:var(--text-default-success)!important}.fr-text-default--warning{color:var(--text-default-warning)!important}.fr-text-default--error{color:var(--text-default-error)!important}.fr-text-title--grey{color:var(--text-title-grey)!important}.fr-text-title--blue-france{color:var(--text-title-blue-france)!important}.fr-text-title--red-marianne{color:var(--text-title-red-marianne)!important}.fr-text-label--grey{color:var(--text-label-grey)!important}.fr-text-label--blue-france{color:var(--text-label-blue-france)!important}.fr-text-label--red-marianne{color:var(--text-label-red-marianne)!important}.fr-text-label--green-tilleul-verveine{color:var(--text-label-green-tilleul-verveine)!important}.fr-text-label--green-bourgeon{color:var(--text-label-green-bourgeon)!important}.fr-text-label--green-emeraude{color:var(--text-label-green-emeraude)!important}.fr-text-label--green-menthe{color:var(--text-label-green-menthe)!important}.fr-text-label--green-archipel{color:var(--text-label-green-archipel)!important}.fr-text-label--blue-ecume{color:var(--text-label-blue-ecume)!important}.fr-text-label--blue-cumulus{color:var(--text-label-blue-cumulus)!important}.fr-text-label--purple-glycine{color:var(--text-label-purple-glycine)!important}.fr-text-label--pink-macaron{color:var(--text-label-pink-macaron)!important}.fr-text-label--pink-tuile{color:var(--text-label-pink-tuile)!important}.fr-text-label--yellow-tournesol{color:var(--text-label-yellow-tournesol)!important}.fr-text-label--yellow-moutarde{color:var(--text-label-yellow-moutarde)!important}.fr-text-label--orange-terre-battue{color:var(--text-label-orange-terre-battue)!important}.fr-text-label--brown-cafe-creme{color:var(--text-label-brown-cafe-creme)!important}.fr-text-label--brown-caramel{color:var(--text-label-brown-caramel)!important}.fr-text-label--brown-opera{color:var(--text-label-brown-opera)!important}.fr-text-label--beige-gris-galet{color:var(--text-label-beige-gris-galet)!important}.fr-text-mention--grey{color:var(--text-mention-grey)!important}.fr-text-inverted--grey{color:var(--text-inverted-grey)!important}.fr-text-inverted--blue-france{color:var(--text-inverted-blue-france)!important}.fr-text-inverted--red-marianne{color:var(--text-inverted-red-marianne)!important}.fr-text-inverted--info{color:var(--text-inverted-info)!important}.fr-text-inverted--success{color:var(--text-inverted-success)!important}.fr-text-inverted--warning{color:var(--text-inverted-warning)!important}.fr-text-inverted--error{color:var(--text-inverted-error)!important}.fr-text-inverted--green-tilleul-verveine{color:var(--text-inverted-green-tilleul-verveine)!important}.fr-text-inverted--green-bourgeon{color:var(--text-inverted-green-bourgeon)!important}.fr-text-inverted--green-emeraude{color:var(--text-inverted-green-emeraude)!important}.fr-text-inverted--green-menthe{color:var(--text-inverted-green-menthe)!important}.fr-text-inverted--green-archipel{color:var(--text-inverted-green-archipel)!important}.fr-text-inverted--blue-ecume{color:var(--text-inverted-blue-ecume)!important}.fr-text-inverted--blue-cumulus{color:var(--text-inverted-blue-cumulus)!important}.fr-text-inverted--purple-glycine{color:var(--text-inverted-purple-glycine)!important}.fr-text-inverted--pink-macaron{color:var(--text-inverted-pink-macaron)!important}.fr-text-inverted--pink-tuile{color:var(--text-inverted-pink-tuile)!important}.fr-text-inverted--yellow-tournesol{color:var(--text-inverted-yellow-tournesol)!important}.fr-text-inverted--yellow-moutarde{color:var(--text-inverted-yellow-moutarde)!important}.fr-text-inverted--orange-terre-battue{color:var(--text-inverted-orange-terre-battue)!important}.fr-text-inverted--brown-cafe-creme{color:var(--text-inverted-brown-cafe-creme)!important}.fr-text-inverted--brown-caramel{color:var(--text-inverted-brown-caramel)!important}.fr-text-inverted--brown-opera{color:var(--text-inverted-brown-opera)!important}.fr-text-inverted--beige-gris-galet{color:var(--text-inverted-beige-gris-galet)!important}.fr-text-action-high--grey{color:var(--text-action-high-grey)!important}.fr-text-action-high--blue-france{color:var(--text-action-high-blue-france)!important}.fr-text-action-high--red-marianne{color:var(--text-action-high-red-marianne)!important}.fr-text-action-high--green-tilleul-verveine{color:var(--text-action-high-green-tilleul-verveine)!important}.fr-text-action-high--green-bourgeon{color:var(--text-action-high-green-bourgeon)!important}.fr-text-action-high--green-emeraude{color:var(--text-action-high-green-emeraude)!important}.fr-text-action-high--green-menthe{color:var(--text-action-high-green-menthe)!important}.fr-text-action-high--green-archipel{color:var(--text-action-high-green-archipel)!important}.fr-text-action-high--blue-ecume{color:var(--text-action-high-blue-ecume)!important}.fr-text-action-high--blue-cumulus{color:var(--text-action-high-blue-cumulus)!important}.fr-text-action-high--purple-glycine{color:var(--text-action-high-purple-glycine)!important}.fr-text-action-high--pink-macaron{color:var(--text-action-high-pink-macaron)!important}.fr-text-action-high--pink-tuile{color:var(--text-action-high-pink-tuile)!important}.fr-text-action-high--yellow-tournesol{color:var(--text-action-high-yellow-tournesol)!important}.fr-text-action-high--yellow-moutarde{color:var(--text-action-high-yellow-moutarde)!important}.fr-text-action-high--orange-terre-battue{color:var(--text-action-high-orange-terre-battue)!important}.fr-text-action-high--brown-cafe-creme{color:var(--text-action-high-brown-cafe-creme)!important}.fr-text-action-high--brown-caramel{color:var(--text-action-high-brown-caramel)!important}.fr-text-action-high--brown-opera{color:var(--text-action-high-brown-opera)!important}.fr-text-action-high--beige-gris-galet{color:var(--text-action-high-beige-gris-galet)!important}.fr-artwork-major--blue-france{fill:var(--artwork-major-blue-france)!important}.fr-artwork-major--red-marianne{fill:var(--artwork-major-red-marianne)!important}.fr-artwork-major--green-tilleul-verveine{fill:var(--artwork-major-green-tilleul-verveine)!important}.fr-artwork-major--green-bourgeon{fill:var(--artwork-major-green-bourgeon)!important}.fr-artwork-major--green-emeraude{fill:var(--artwork-major-green-emeraude)!important}.fr-artwork-major--green-menthe{fill:var(--artwork-major-green-menthe)!important}.fr-artwork-major--green-archipel{fill:var(--artwork-major-green-archipel)!important}.fr-artwork-major--blue-ecume{fill:var(--artwork-major-blue-ecume)!important}.fr-artwork-major--blue-cumulus{fill:var(--artwork-major-blue-cumulus)!important}.fr-artwork-major--purple-glycine{fill:var(--artwork-major-purple-glycine)!important}.fr-artwork-major--pink-macaron{fill:var(--artwork-major-pink-macaron)!important}.fr-artwork-major--pink-tuile{fill:var(--artwork-major-pink-tuile)!important}.fr-artwork-major--yellow-tournesol{fill:var(--artwork-major-yellow-tournesol)!important}.fr-artwork-major--yellow-moutarde{fill:var(--artwork-major-yellow-moutarde)!important}.fr-artwork-major--orange-terre-battue{fill:var(--artwork-major-orange-terre-battue)!important}.fr-artwork-major--brown-cafe-creme{fill:var(--artwork-major-brown-cafe-creme)!important}.fr-artwork-major--brown-caramel{fill:var(--artwork-major-brown-caramel)!important}.fr-artwork-major--brown-opera{fill:var(--artwork-major-brown-opera)!important}.fr-artwork-major--beige-gris-galet{fill:var(--artwork-major-beige-gris-galet)!important}.fr-artwork-minor--blue-france{fill:var(--artwork-minor-blue-france)!important}.fr-artwork-minor--red-marianne{fill:var(--artwork-minor-red-marianne)!important}.fr-artwork-minor--green-tilleul-verveine{fill:var(--artwork-minor-green-tilleul-verveine)!important}.fr-artwork-minor--green-bourgeon{fill:var(--artwork-minor-green-bourgeon)!important}.fr-artwork-minor--green-emeraude{fill:var(--artwork-minor-green-emeraude)!important}.fr-artwork-minor--green-menthe{fill:var(--artwork-minor-green-menthe)!important}.fr-artwork-minor--green-archipel{fill:var(--artwork-minor-green-archipel)!important}.fr-artwork-minor--blue-ecume{fill:var(--artwork-minor-blue-ecume)!important}.fr-artwork-minor--blue-cumulus{fill:var(--artwork-minor-blue-cumulus)!important}.fr-artwork-minor--purple-glycine{fill:var(--artwork-minor-purple-glycine)!important}.fr-artwork-minor--pink-macaron{fill:var(--artwork-minor-pink-macaron)!important}.fr-artwork-minor--pink-tuile{fill:var(--artwork-minor-pink-tuile)!important}.fr-artwork-minor--yellow-tournesol{fill:var(--artwork-minor-yellow-tournesol)!important}.fr-artwork-minor--yellow-moutarde{fill:var(--artwork-minor-yellow-moutarde)!important}.fr-artwork-minor--orange-terre-battue{fill:var(--artwork-minor-orange-terre-battue)!important}.fr-artwork-minor--brown-cafe-creme{fill:var(--artwork-minor-brown-cafe-creme)!important}.fr-artwork-minor--brown-caramel{fill:var(--artwork-minor-brown-caramel)!important}.fr-artwork-minor--brown-opera{fill:var(--artwork-minor-brown-opera)!important}.fr-artwork-minor--beige-gris-galet{fill:var(--artwork-minor-beige-gris-galet)!important}.fr-artwork-decorative--grey{fill:var(--artwork-decorative-grey)!important}.fr-artwork-decorative--blue-france{fill:var(--artwork-decorative-blue-france)!important}.fr-artwork-decorative--red-marianne{fill:var(--artwork-decorative-red-marianne)!important}.fr-artwork-decorative--green-tilleul-verveine{fill:var(--artwork-decorative-green-tilleul-verveine)!important}.fr-artwork-decorative--green-bourgeon{fill:var(--artwork-decorative-green-bourgeon)!important}.fr-artwork-decorative--green-emeraude{fill:var(--artwork-decorative-green-emeraude)!important}.fr-artwork-decorative--green-menthe{fill:var(--artwork-decorative-green-menthe)!important}.fr-artwork-decorative--green-archipel{fill:var(--artwork-decorative-green-archipel)!important}.fr-artwork-decorative--blue-ecume{fill:var(--artwork-decorative-blue-ecume)!important}.fr-artwork-decorative--blue-cumulus{fill:var(--artwork-decorative-blue-cumulus)!important}.fr-artwork-decorative--purple-glycine{fill:var(--artwork-decorative-purple-glycine)!important}.fr-artwork-decorative--pink-macaron{fill:var(--artwork-decorative-pink-macaron)!important}.fr-artwork-decorative--pink-tuile{fill:var(--artwork-decorative-pink-tuile)!important}.fr-artwork-decorative--yellow-tournesol{fill:var(--artwork-decorative-yellow-tournesol)!important}.fr-artwork-decorative--yellow-moutarde{fill:var(--artwork-decorative-yellow-moutarde)!important}.fr-artwork-decorative--orange-terre-battue{fill:var(--artwork-decorative-orange-terre-battue)!important}.fr-artwork-decorative--brown-cafe-creme{fill:var(--artwork-decorative-brown-cafe-creme)!important}.fr-artwork-decorative--brown-caramel{fill:var(--artwork-decorative-brown-caramel)!important}.fr-artwork-decorative--brown-opera{fill:var(--artwork-decorative-brown-opera)!important}.fr-artwork-decorative--beige-gris-galet{fill:var(--artwork-decorative-beige-gris-galet)!important}.fr-artwork-background--grey{fill:var(--artwork-background-grey)!important}.fr-artwork-background--blue-france{fill:var(--artwork-background-blue-france)!important}.fr-artwork-background--red-marianne{fill:var(--artwork-background-red-marianne)!important}.fr-artwork-background--green-tilleul-verveine{fill:var(--artwork-background-green-tilleul-verveine)!important}.fr-artwork-background--green-bourgeon{fill:var(--artwork-background-green-bourgeon)!important}.fr-artwork-background--green-emeraude{fill:var(--artwork-background-green-emeraude)!important}.fr-artwork-background--green-menthe{fill:var(--artwork-background-green-menthe)!important}.fr-artwork-background--green-archipel{fill:var(--artwork-background-green-archipel)!important}.fr-artwork-background--blue-ecume{fill:var(--artwork-background-blue-ecume)!important}.fr-artwork-background--blue-cumulus{fill:var(--artwork-background-blue-cumulus)!important}.fr-artwork-background--purple-glycine{fill:var(--artwork-background-purple-glycine)!important}.fr-artwork-background--pink-macaron{fill:var(--artwork-background-pink-macaron)!important}.fr-artwork-background--pink-tuile{fill:var(--artwork-background-pink-tuile)!important}.fr-artwork-background--yellow-tournesol{fill:var(--artwork-background-yellow-tournesol)!important}.fr-artwork-background--yellow-moutarde{fill:var(--artwork-background-yellow-moutarde)!important}.fr-artwork-background--orange-terre-battue{fill:var(--artwork-background-orange-terre-battue)!important}.fr-artwork-background--brown-cafe-creme{fill:var(--artwork-background-brown-cafe-creme)!important}.fr-artwork-background--brown-caramel{fill:var(--artwork-background-brown-caramel)!important}.fr-artwork-background--brown-opera{fill:var(--artwork-background-brown-opera)!important}.fr-artwork-background--beige-gris-galet{fill:var(--artwork-background-beige-gris-galet)!important}.fr-artwork-motif--grey{fill:var(--artwork-motif-grey)!important}.fr-artwork-motif--blue-france{fill:var(--artwork-motif-blue-france)!important}.fr-artwork-motif--red-marianne{fill:var(--artwork-motif-red-marianne)!important}.fr-artwork-motif--green-tilleul-verveine{fill:var(--artwork-motif-green-tilleul-verveine)!important}.fr-artwork-motif--green-bourgeon{fill:var(--artwork-motif-green-bourgeon)!important}.fr-artwork-motif--green-emeraude{fill:var(--artwork-motif-green-emeraude)!important}.fr-artwork-motif--green-menthe{fill:var(--artwork-motif-green-menthe)!important}.fr-artwork-motif--green-archipel{fill:var(--artwork-motif-green-archipel)!important}.fr-artwork-motif--blue-ecume{fill:var(--artwork-motif-blue-ecume)!important}.fr-artwork-motif--blue-cumulus{fill:var(--artwork-motif-blue-cumulus)!important}.fr-artwork-motif--purple-glycine{fill:var(--artwork-motif-purple-glycine)!important}.fr-artwork-motif--pink-macaron{fill:var(--artwork-motif-pink-macaron)!important}.fr-artwork-motif--pink-tuile{fill:var(--artwork-motif-pink-tuile)!important}.fr-artwork-motif--yellow-tournesol{fill:var(--artwork-motif-yellow-tournesol)!important}.fr-artwork-motif--yellow-moutarde{fill:var(--artwork-motif-yellow-moutarde)!important}.fr-artwork-motif--orange-terre-battue{fill:var(--artwork-motif-orange-terre-battue)!important}.fr-artwork-motif--brown-cafe-creme{fill:var(--artwork-motif-brown-cafe-creme)!important}.fr-artwork-motif--brown-caramel{fill:var(--artwork-motif-brown-caramel)!important}.fr-artwork-motif--brown-opera{fill:var(--artwork-motif-brown-opera)!important}.fr-artwork-motif--beige-gris-galet{fill:var(--artwork-motif-beige-gris-galet)!important}.fr-icon-ancient-gate-fill:after,.fr-icon-ancient-gate-fill:before{-webkit-mask-image:url(../icons/buildings/ancient-gate-fill.svg);mask-image:url(../icons/buildings/ancient-gate-fill.svg)}.fr-icon-ancient-gate-line:after,.fr-icon-ancient-gate-line:before{-webkit-mask-image:url(../icons/buildings/ancient-gate-line.svg);mask-image:url(../icons/buildings/ancient-gate-line.svg)}.fr-icon-ancient-pavilion-fill:after,.fr-icon-ancient-pavilion-fill:before{-webkit-mask-image:url(../icons/buildings/ancient-pavilion-fill.svg);mask-image:url(../icons/buildings/ancient-pavilion-fill.svg)}.fr-icon-ancient-pavilion-line:after,.fr-icon-ancient-pavilion-line:before{-webkit-mask-image:url(../icons/buildings/ancient-pavilion-line.svg);mask-image:url(../icons/buildings/ancient-pavilion-line.svg)}.fr-icon-bank-fill:after,.fr-icon-bank-fill:before{-webkit-mask-image:url(../icons/buildings/bank-fill.svg);mask-image:url(../icons/buildings/bank-fill.svg)}.fr-icon-bank-line:after,.fr-icon-bank-line:before{-webkit-mask-image:url(../icons/buildings/bank-line.svg);mask-image:url(../icons/buildings/bank-line.svg)}.fr-icon-building-fill:after,.fr-icon-building-fill:before{-webkit-mask-image:url(../icons/buildings/building-fill.svg);mask-image:url(../icons/buildings/building-fill.svg)}.fr-icon-building-line:after,.fr-icon-building-line:before{-webkit-mask-image:url(../icons/buildings/building-line.svg);mask-image:url(../icons/buildings/building-line.svg)}.fr-icon-community-fill:after,.fr-icon-community-fill:before{-webkit-mask-image:url(../icons/buildings/community-fill.svg);mask-image:url(../icons/buildings/community-fill.svg)}.fr-icon-community-line:after,.fr-icon-community-line:before{-webkit-mask-image:url(../icons/buildings/community-line.svg);mask-image:url(../icons/buildings/community-line.svg)}.fr-icon-government-fill:after,.fr-icon-government-fill:before{-webkit-mask-image:url(../icons/buildings/government-fill.svg);mask-image:url(../icons/buildings/government-fill.svg)}.fr-icon-government-line:after,.fr-icon-government-line:before{-webkit-mask-image:url(../icons/buildings/government-line.svg);mask-image:url(../icons/buildings/government-line.svg)}.fr-icon-home-4-fill:after,.fr-icon-home-4-fill:before{-webkit-mask-image:url(../icons/buildings/home-4-fill.svg);mask-image:url(../icons/buildings/home-4-fill.svg)}.fr-icon-home-4-line:after,.fr-icon-home-4-line:before{-webkit-mask-image:url(../icons/buildings/home-4-line.svg);mask-image:url(../icons/buildings/home-4-line.svg)}.fr-icon-hospital-fill:after,.fr-icon-hospital-fill:before{-webkit-mask-image:url(../icons/buildings/hospital-fill.svg);mask-image:url(../icons/buildings/hospital-fill.svg)}.fr-icon-hospital-line:after,.fr-icon-hospital-line:before{-webkit-mask-image:url(../icons/buildings/hospital-line.svg);mask-image:url(../icons/buildings/hospital-line.svg)}.fr-icon-hotel-fill:after,.fr-icon-hotel-fill:before{-webkit-mask-image:url(../icons/buildings/hotel-fill.svg);mask-image:url(../icons/buildings/hotel-fill.svg)}.fr-icon-hotel-line:after,.fr-icon-hotel-line:before{-webkit-mask-image:url(../icons/buildings/hotel-line.svg);mask-image:url(../icons/buildings/hotel-line.svg)}.fr-icon-store-fill:after,.fr-icon-store-fill:before{-webkit-mask-image:url(../icons/buildings/store-fill.svg);mask-image:url(../icons/buildings/store-fill.svg)}.fr-icon-store-line:after,.fr-icon-store-line:before{-webkit-mask-image:url(../icons/buildings/store-line.svg);mask-image:url(../icons/buildings/store-line.svg)}.fr-fi-home-4-fill:after,.fr-fi-home-4-fill:before{-webkit-mask-image:url(../icons/buildings/home-4-fill.svg);mask-image:url(../icons/buildings/home-4-fill.svg)}.fr-fi-home-4-line:after,.fr-fi-home-4-line:before{-webkit-mask-image:url(../icons/buildings/home-4-line.svg);mask-image:url(../icons/buildings/home-4-line.svg)}.fr-icon-archive-fill:after,.fr-icon-archive-fill:before{-webkit-mask-image:url(../icons/business/archive-fill.svg);mask-image:url(../icons/business/archive-fill.svg)}.fr-icon-archive-line:after,.fr-icon-archive-line:before{-webkit-mask-image:url(../icons/business/archive-line.svg);mask-image:url(../icons/business/archive-line.svg)}.fr-icon-attachment-fill:after,.fr-icon-attachment-fill:before{-webkit-mask-image:url(../icons/business/attachment-fill.svg);mask-image:url(../icons/business/attachment-fill.svg)}.fr-icon-attachment-line:after,.fr-icon-attachment-line:before{-webkit-mask-image:url(../icons/business/attachment-line.svg);mask-image:url(../icons/business/attachment-line.svg)}.fr-icon-award-fill:after,.fr-icon-award-fill:before{-webkit-mask-image:url(../icons/business/award-fill.svg);mask-image:url(../icons/business/award-fill.svg)}.fr-icon-award-line:after,.fr-icon-award-line:before{-webkit-mask-image:url(../icons/business/award-line.svg);mask-image:url(../icons/business/award-line.svg)}.fr-icon-bar-chart-box-fill:after,.fr-icon-bar-chart-box-fill:before{-webkit-mask-image:url(../icons/business/bar-chart-box-fill.svg);mask-image:url(../icons/business/bar-chart-box-fill.svg)}.fr-icon-bar-chart-box-line:after,.fr-icon-bar-chart-box-line:before{-webkit-mask-image:url(../icons/business/bar-chart-box-line.svg);mask-image:url(../icons/business/bar-chart-box-line.svg)}.fr-icon-bookmark-fill:after,.fr-icon-bookmark-fill:before{-webkit-mask-image:url(../icons/business/bookmark-fill.svg);mask-image:url(../icons/business/bookmark-fill.svg)}.fr-icon-bookmark-line:after,.fr-icon-bookmark-line:before{-webkit-mask-image:url(../icons/business/bookmark-line.svg);mask-image:url(../icons/business/bookmark-line.svg)}.fr-icon-briefcase-fill:after,.fr-icon-briefcase-fill:before{-webkit-mask-image:url(../icons/business/briefcase-fill.svg);mask-image:url(../icons/business/briefcase-fill.svg)}.fr-icon-briefcase-line:after,.fr-icon-briefcase-line:before{-webkit-mask-image:url(../icons/business/briefcase-line.svg);mask-image:url(../icons/business/briefcase-line.svg)}.fr-icon-calendar-2-fill:after,.fr-icon-calendar-2-fill:before{-webkit-mask-image:url(../icons/business/calendar-2-fill.svg);mask-image:url(../icons/business/calendar-2-fill.svg)}.fr-icon-calendar-2-line:after,.fr-icon-calendar-2-line:before{-webkit-mask-image:url(../icons/business/calendar-2-line.svg);mask-image:url(../icons/business/calendar-2-line.svg)}.fr-icon-calendar-event-fill:after,.fr-icon-calendar-event-fill:before{-webkit-mask-image:url(../icons/business/calendar-event-fill.svg);mask-image:url(../icons/business/calendar-event-fill.svg)}.fr-icon-calendar-event-line:after,.fr-icon-calendar-event-line:before{-webkit-mask-image:url(../icons/business/calendar-event-line.svg);mask-image:url(../icons/business/calendar-event-line.svg)}.fr-icon-calendar-fill:after,.fr-icon-calendar-fill:before{-webkit-mask-image:url(../icons/business/calendar-fill.svg);mask-image:url(../icons/business/calendar-fill.svg)}.fr-icon-calendar-line:after,.fr-icon-calendar-line:before{-webkit-mask-image:url(../icons/business/calendar-line.svg);mask-image:url(../icons/business/calendar-line.svg)}.fr-icon-cloud-fill:after,.fr-icon-cloud-fill:before{-webkit-mask-image:url(../icons/business/cloud-fill.svg);mask-image:url(../icons/business/cloud-fill.svg)}.fr-icon-cloud-line:after,.fr-icon-cloud-line:before{-webkit-mask-image:url(../icons/business/cloud-line.svg);mask-image:url(../icons/business/cloud-line.svg)}.fr-icon-copyright-fill:after,.fr-icon-copyright-fill:before{-webkit-mask-image:url(../icons/business/copyright-fill.svg);mask-image:url(../icons/business/copyright-fill.svg)}.fr-icon-copyright-line:after,.fr-icon-copyright-line:before{-webkit-mask-image:url(../icons/business/copyright-line.svg);mask-image:url(../icons/business/copyright-line.svg)}.fr-icon-customer-service-fill:after,.fr-icon-customer-service-fill:before{-webkit-mask-image:url(../icons/business/customer-service-fill.svg);mask-image:url(../icons/business/customer-service-fill.svg)}.fr-icon-customer-service-line:after,.fr-icon-customer-service-line:before{-webkit-mask-image:url(../icons/business/customer-service-line.svg);mask-image:url(../icons/business/customer-service-line.svg)}.fr-icon-flag-fill:after,.fr-icon-flag-fill:before{-webkit-mask-image:url(../icons/business/flag-fill.svg);mask-image:url(../icons/business/flag-fill.svg)}.fr-icon-flag-line:after,.fr-icon-flag-line:before{-webkit-mask-image:url(../icons/business/flag-line.svg);mask-image:url(../icons/business/flag-line.svg)}.fr-icon-global-fill:after,.fr-icon-global-fill:before{-webkit-mask-image:url(../icons/business/global-fill.svg);mask-image:url(../icons/business/global-fill.svg)}.fr-icon-global-line:after,.fr-icon-global-line:before{-webkit-mask-image:url(../icons/business/global-line.svg);mask-image:url(../icons/business/global-line.svg)}.fr-icon-line-chart-fill:after,.fr-icon-line-chart-fill:before{-webkit-mask-image:url(../icons/business/line-chart-fill.svg);mask-image:url(../icons/business/line-chart-fill.svg)}.fr-icon-line-chart-line:after,.fr-icon-line-chart-line:before{-webkit-mask-image:url(../icons/business/line-chart-line.svg);mask-image:url(../icons/business/line-chart-line.svg)}.fr-icon-links-fill:after,.fr-icon-links-fill:before{-webkit-mask-image:url(../icons/business/links-fill.svg);mask-image:url(../icons/business/links-fill.svg)}.fr-icon-links-line:after,.fr-icon-links-line:before{-webkit-mask-image:url(../icons/business/links-line.svg);mask-image:url(../icons/business/links-line.svg)}.fr-icon-mail-fill:after,.fr-icon-mail-fill:before{-webkit-mask-image:url(../icons/business/mail-fill.svg);mask-image:url(../icons/business/mail-fill.svg)}.fr-icon-mail-line:after,.fr-icon-mail-line:before{-webkit-mask-image:url(../icons/business/mail-line.svg);mask-image:url(../icons/business/mail-line.svg)}.fr-icon-mail-open-fill:after,.fr-icon-mail-open-fill:before{-webkit-mask-image:url(../icons/business/mail-open-fill.svg);mask-image:url(../icons/business/mail-open-fill.svg)}.fr-icon-mail-open-line:after,.fr-icon-mail-open-line:before{-webkit-mask-image:url(../icons/business/mail-open-line.svg);mask-image:url(../icons/business/mail-open-line.svg)}.fr-icon-medal-fill:after,.fr-icon-medal-fill:before{-webkit-mask-image:url(../icons/business/medal-fill.svg);mask-image:url(../icons/business/medal-fill.svg)}.fr-icon-medal-line:after,.fr-icon-medal-line:before{-webkit-mask-image:url(../icons/business/medal-line.svg);mask-image:url(../icons/business/medal-line.svg)}.fr-icon-pie-chart-2-fill:after,.fr-icon-pie-chart-2-fill:before{-webkit-mask-image:url(../icons/business/pie-chart-2-fill.svg);mask-image:url(../icons/business/pie-chart-2-fill.svg)}.fr-icon-pie-chart-2-line:after,.fr-icon-pie-chart-2-line:before{-webkit-mask-image:url(../icons/business/pie-chart-2-line.svg);mask-image:url(../icons/business/pie-chart-2-line.svg)}.fr-icon-pie-chart-box-fill:after,.fr-icon-pie-chart-box-fill:before{-webkit-mask-image:url(../icons/business/pie-chart-box-fill.svg);mask-image:url(../icons/business/pie-chart-box-fill.svg)}.fr-icon-pie-chart-box-line:after,.fr-icon-pie-chart-box-line:before{-webkit-mask-image:url(../icons/business/pie-chart-box-line.svg);mask-image:url(../icons/business/pie-chart-box-line.svg)}.fr-icon-printer-fill:after,.fr-icon-printer-fill:before{-webkit-mask-image:url(../icons/business/printer-fill.svg);mask-image:url(../icons/business/printer-fill.svg)}.fr-icon-printer-line:after,.fr-icon-printer-line:before{-webkit-mask-image:url(../icons/business/printer-line.svg);mask-image:url(../icons/business/printer-line.svg)}.fr-icon-profil-fill:after,.fr-icon-profil-fill:before{-webkit-mask-image:url(../icons/business/profil-fill.svg);mask-image:url(../icons/business/profil-fill.svg)}.fr-icon-profil-line:after,.fr-icon-profil-line:before{-webkit-mask-image:url(../icons/business/profil-line.svg);mask-image:url(../icons/business/profil-line.svg)}.fr-icon-projector-2-fill:after,.fr-icon-projector-2-fill:before{-webkit-mask-image:url(../icons/business/projector-2-fill.svg);mask-image:url(../icons/business/projector-2-fill.svg)}.fr-icon-projector-2-line:after,.fr-icon-projector-2-line:before{-webkit-mask-image:url(../icons/business/projector-2-line.svg);mask-image:url(../icons/business/projector-2-line.svg)}.fr-icon-send-plane-fill:after,.fr-icon-send-plane-fill:before{-webkit-mask-image:url(../icons/business/send-plane-fill.svg);mask-image:url(../icons/business/send-plane-fill.svg)}.fr-icon-send-plane-line:after,.fr-icon-send-plane-line:before{-webkit-mask-image:url(../icons/business/send-plane-line.svg);mask-image:url(../icons/business/send-plane-line.svg)}.fr-icon-slideshow-fill:after,.fr-icon-slideshow-fill:before{-webkit-mask-image:url(../icons/business/slideshow-fill.svg);mask-image:url(../icons/business/slideshow-fill.svg)}.fr-icon-slideshow-line:after,.fr-icon-slideshow-line:before{-webkit-mask-image:url(../icons/business/slideshow-line.svg);mask-image:url(../icons/business/slideshow-line.svg)}.fr-icon-window-fill:after,.fr-icon-window-fill:before{-webkit-mask-image:url(../icons/business/window-fill.svg);mask-image:url(../icons/business/window-fill.svg)}.fr-icon-window-line:after,.fr-icon-window-line:before{-webkit-mask-image:url(../icons/business/window-line.svg);mask-image:url(../icons/business/window-line.svg)}.fr-fi-attachment-fill:after,.fr-fi-attachment-fill:before{-webkit-mask-image:url(../icons/business/attachment-fill.svg);mask-image:url(../icons/business/attachment-fill.svg)}.fr-fi-attachment-line:after,.fr-fi-attachment-line:before{-webkit-mask-image:url(../icons/business/attachment-line.svg);mask-image:url(../icons/business/attachment-line.svg)}.fr-fi-calendar-fill:after,.fr-fi-calendar-fill:before{-webkit-mask-image:url(../icons/business/calendar-fill.svg);mask-image:url(../icons/business/calendar-fill.svg)}.fr-fi-calendar-line:after,.fr-fi-calendar-line:before{-webkit-mask-image:url(../icons/business/calendar-line.svg);mask-image:url(../icons/business/calendar-line.svg)}.fr-fi-line-chart-fill:after,.fr-fi-line-chart-fill:before{-webkit-mask-image:url(../icons/business/line-chart-fill.svg);mask-image:url(../icons/business/line-chart-fill.svg)}.fr-fi-line-chart-line:after,.fr-fi-line-chart-line:before{-webkit-mask-image:url(../icons/business/line-chart-line.svg);mask-image:url(../icons/business/line-chart-line.svg)}.fr-fi-links-fill:after,.fr-fi-links-fill:before{-webkit-mask-image:url(../icons/business/links-fill.svg);mask-image:url(../icons/business/links-fill.svg)}.fr-fi-mail-fill:after,.fr-fi-mail-fill:before{-webkit-mask-image:url(../icons/business/mail-fill.svg);mask-image:url(../icons/business/mail-fill.svg)}.fr-fi-mail-line:after,.fr-fi-mail-line:before{-webkit-mask-image:url(../icons/business/mail-line.svg);mask-image:url(../icons/business/mail-line.svg)}.fr-fi-printer-fill:after,.fr-fi-printer-fill:before{-webkit-mask-image:url(../icons/business/printer-fill.svg);mask-image:url(../icons/business/printer-fill.svg)}.fr-fi-printer-line:after,.fr-fi-printer-line:before{-webkit-mask-image:url(../icons/business/printer-line.svg);mask-image:url(../icons/business/printer-line.svg)}.fr-icon-chat-2-fill:after,.fr-icon-chat-2-fill:before{-webkit-mask-image:url(../icons/communication/chat-2-fill.svg);mask-image:url(../icons/communication/chat-2-fill.svg)}.fr-icon-chat-2-line:after,.fr-icon-chat-2-line:before{-webkit-mask-image:url(../icons/communication/chat-2-line.svg);mask-image:url(../icons/communication/chat-2-line.svg)}.fr-icon-chat-3-fill:after,.fr-icon-chat-3-fill:before{-webkit-mask-image:url(../icons/communication/chat-3-fill.svg);mask-image:url(../icons/communication/chat-3-fill.svg)}.fr-icon-chat-3-line:after,.fr-icon-chat-3-line:before{-webkit-mask-image:url(../icons/communication/chat-3-line.svg);mask-image:url(../icons/communication/chat-3-line.svg)}.fr-icon-chat-check-fill:after,.fr-icon-chat-check-fill:before{-webkit-mask-image:url(../icons/communication/chat-check-fill.svg);mask-image:url(../icons/communication/chat-check-fill.svg)}.fr-icon-chat-check-line:after,.fr-icon-chat-check-line:before{-webkit-mask-image:url(../icons/communication/chat-check-line.svg);mask-image:url(../icons/communication/chat-check-line.svg)}.fr-icon-chat-delete-fill:after,.fr-icon-chat-delete-fill:before{-webkit-mask-image:url(../icons/communication/chat-delete-fill.svg);mask-image:url(../icons/communication/chat-delete-fill.svg)}.fr-icon-chat-delete-line:after,.fr-icon-chat-delete-line:before{-webkit-mask-image:url(../icons/communication/chat-delete-line.svg);mask-image:url(../icons/communication/chat-delete-line.svg)}.fr-icon-chat-poll-fill:after,.fr-icon-chat-poll-fill:before{-webkit-mask-image:url(../icons/communication/chat-poll-fill.svg);mask-image:url(../icons/communication/chat-poll-fill.svg)}.fr-icon-chat-poll-line:after,.fr-icon-chat-poll-line:before{-webkit-mask-image:url(../icons/communication/chat-poll-line.svg);mask-image:url(../icons/communication/chat-poll-line.svg)}.fr-icon-discuss-fill:after,.fr-icon-discuss-fill:before{-webkit-mask-image:url(../icons/communication/discuss-fill.svg);mask-image:url(../icons/communication/discuss-fill.svg)}.fr-icon-discuss-line:after,.fr-icon-discuss-line:before{-webkit-mask-image:url(../icons/communication/discuss-line.svg);mask-image:url(../icons/communication/discuss-line.svg)}.fr-icon-feedback-fill:after,.fr-icon-feedback-fill:before{-webkit-mask-image:url(../icons/communication/feedback-fill.svg);mask-image:url(../icons/communication/feedback-fill.svg)}.fr-icon-feedback-line:after,.fr-icon-feedback-line:before{-webkit-mask-image:url(../icons/communication/feedback-line.svg);mask-image:url(../icons/communication/feedback-line.svg)}.fr-icon-message-2-fill:after,.fr-icon-message-2-fill:before{-webkit-mask-image:url(../icons/communication/message-2-fill.svg);mask-image:url(../icons/communication/message-2-fill.svg)}.fr-icon-message-2-line:after,.fr-icon-message-2-line:before{-webkit-mask-image:url(../icons/communication/message-2-line.svg);mask-image:url(../icons/communication/message-2-line.svg)}.fr-icon-question-answer-fill:after,.fr-icon-question-answer-fill:before{-webkit-mask-image:url(../icons/communication/question-answer-fill.svg);mask-image:url(../icons/communication/question-answer-fill.svg)}.fr-icon-question-answer-line:after,.fr-icon-question-answer-line:before{-webkit-mask-image:url(../icons/communication/question-answer-line.svg);mask-image:url(../icons/communication/question-answer-line.svg)}.fr-icon-questionnaire-fill:after,.fr-icon-questionnaire-fill:before{-webkit-mask-image:url(../icons/communication/questionnaire-fill.svg);mask-image:url(../icons/communication/questionnaire-fill.svg)}.fr-icon-questionnaire-line:after,.fr-icon-questionnaire-line:before{-webkit-mask-image:url(../icons/communication/questionnaire-line.svg);mask-image:url(../icons/communication/questionnaire-line.svg)}.fr-icon-video-chat-fill:after,.fr-icon-video-chat-fill:before{-webkit-mask-image:url(../icons/communication/video-chat-fill.svg);mask-image:url(../icons/communication/video-chat-fill.svg)}.fr-icon-video-chat-line:after,.fr-icon-video-chat-line:before{-webkit-mask-image:url(../icons/communication/video-chat-line.svg);mask-image:url(../icons/communication/video-chat-line.svg)}.fr-icon-ball-pen-fill:after,.fr-icon-ball-pen-fill:before{-webkit-mask-image:url(../icons/design/ball-pen-fill.svg);mask-image:url(../icons/design/ball-pen-fill.svg)}.fr-icon-ball-pen-line:after,.fr-icon-ball-pen-line:before{-webkit-mask-image:url(../icons/design/ball-pen-line.svg);mask-image:url(../icons/design/ball-pen-line.svg)}.fr-icon-brush-3-fill:after,.fr-icon-brush-3-fill:before{-webkit-mask-image:url(../icons/design/brush-3-fill.svg);mask-image:url(../icons/design/brush-3-fill.svg)}.fr-icon-brush-3-line:after,.fr-icon-brush-3-line:before{-webkit-mask-image:url(../icons/design/brush-3-line.svg);mask-image:url(../icons/design/brush-3-line.svg)}.fr-icon-brush-fill:after,.fr-icon-brush-fill:before{-webkit-mask-image:url(../icons/design/brush-fill.svg);mask-image:url(../icons/design/brush-fill.svg)}.fr-icon-brush-line:after,.fr-icon-brush-line:before{-webkit-mask-image:url(../icons/design/brush-line.svg);mask-image:url(../icons/design/brush-line.svg)}.fr-icon-contrast-fill:after,.fr-icon-contrast-fill:before{-webkit-mask-image:url(../icons/design/contrast-fill.svg);mask-image:url(../icons/design/contrast-fill.svg)}.fr-icon-contrast-line:after,.fr-icon-contrast-line:before{-webkit-mask-image:url(../icons/design/contrast-line.svg);mask-image:url(../icons/design/contrast-line.svg)}.fr-icon-crop-fill:after,.fr-icon-crop-fill:before{-webkit-mask-image:url(../icons/design/crop-fill.svg);mask-image:url(../icons/design/crop-fill.svg)}.fr-icon-crop-line:after,.fr-icon-crop-line:before{-webkit-mask-image:url(../icons/design/crop-line.svg);mask-image:url(../icons/design/crop-line.svg)}.fr-icon-drag-move-2-fill:after,.fr-icon-drag-move-2-fill:before{-webkit-mask-image:url(../icons/design/drag-move-2-fill.svg);mask-image:url(../icons/design/drag-move-2-fill.svg)}.fr-icon-drag-move-2-line:after,.fr-icon-drag-move-2-line:before{-webkit-mask-image:url(../icons/design/drag-move-2-line.svg);mask-image:url(../icons/design/drag-move-2-line.svg)}.fr-icon-drop-fill:after,.fr-icon-drop-fill:before{-webkit-mask-image:url(../icons/design/drop-fill.svg);mask-image:url(../icons/design/drop-fill.svg)}.fr-icon-drop-line:after,.fr-icon-drop-line:before{-webkit-mask-image:url(../icons/design/drop-line.svg);mask-image:url(../icons/design/drop-line.svg)}.fr-icon-edit-box-fill:after,.fr-icon-edit-box-fill:before{-webkit-mask-image:url(../icons/design/edit-box-fill.svg);mask-image:url(../icons/design/edit-box-fill.svg)}.fr-icon-edit-box-line:after,.fr-icon-edit-box-line:before{-webkit-mask-image:url(../icons/design/edit-box-line.svg);mask-image:url(../icons/design/edit-box-line.svg)}.fr-icon-edit-fill:after,.fr-icon-edit-fill:before{-webkit-mask-image:url(../icons/design/edit-fill.svg);mask-image:url(../icons/design/edit-fill.svg)}.fr-icon-edit-line:after,.fr-icon-edit-line:before{-webkit-mask-image:url(../icons/design/edit-line.svg);mask-image:url(../icons/design/edit-line.svg)}.fr-icon-ink-bottle-fill:after,.fr-icon-ink-bottle-fill:before{-webkit-mask-image:url(../icons/design/ink-bottle-fill.svg);mask-image:url(../icons/design/ink-bottle-fill.svg)}.fr-icon-ink-bottle-line:after,.fr-icon-ink-bottle-line:before{-webkit-mask-image:url(../icons/design/ink-bottle-line.svg);mask-image:url(../icons/design/ink-bottle-line.svg)}.fr-icon-layout-grid-fill:after,.fr-icon-layout-grid-fill:before{-webkit-mask-image:url(../icons/design/layout-grid-fill.svg);mask-image:url(../icons/design/layout-grid-fill.svg)}.fr-icon-layout-grid-line:after,.fr-icon-layout-grid-line:before{-webkit-mask-image:url(../icons/design/layout-grid-line.svg);mask-image:url(../icons/design/layout-grid-line.svg)}.fr-icon-mark-pen-fill:after,.fr-icon-mark-pen-fill:before{-webkit-mask-image:url(../icons/design/mark-pen-fill.svg);mask-image:url(../icons/design/mark-pen-fill.svg)}.fr-icon-mark-pen-line:after,.fr-icon-mark-pen-line:before{-webkit-mask-image:url(../icons/design/mark-pen-line.svg);mask-image:url(../icons/design/mark-pen-line.svg)}.fr-icon-paint-brush-fill:after,.fr-icon-paint-brush-fill:before{-webkit-mask-image:url(../icons/design/paint-brush-fill.svg);mask-image:url(../icons/design/paint-brush-fill.svg)}.fr-icon-paint-brush-line:after,.fr-icon-paint-brush-line:before{-webkit-mask-image:url(../icons/design/paint-brush-line.svg);mask-image:url(../icons/design/paint-brush-line.svg)}.fr-icon-paint-fill:after,.fr-icon-paint-fill:before{-webkit-mask-image:url(../icons/design/paint-fill.svg);mask-image:url(../icons/design/paint-fill.svg)}.fr-icon-paint-line:after,.fr-icon-paint-line:before{-webkit-mask-image:url(../icons/design/paint-line.svg);mask-image:url(../icons/design/paint-line.svg)}.fr-icon-palette-fill:after,.fr-icon-palette-fill:before{-webkit-mask-image:url(../icons/design/palette-fill.svg);mask-image:url(../icons/design/palette-fill.svg)}.fr-icon-palette-line:after,.fr-icon-palette-line:before{-webkit-mask-image:url(../icons/design/palette-line.svg);mask-image:url(../icons/design/palette-line.svg)}.fr-icon-pantone-fill:after,.fr-icon-pantone-fill:before{-webkit-mask-image:url(../icons/design/pantone-fill.svg);mask-image:url(../icons/design/pantone-fill.svg)}.fr-icon-pantone-line:after,.fr-icon-pantone-line:before{-webkit-mask-image:url(../icons/design/pantone-line.svg);mask-image:url(../icons/design/pantone-line.svg)}.fr-icon-pen-nib-fill:after,.fr-icon-pen-nib-fill:before{-webkit-mask-image:url(../icons/design/pen-nib-fill.svg);mask-image:url(../icons/design/pen-nib-fill.svg)}.fr-icon-pen-nib-line:after,.fr-icon-pen-nib-line:before{-webkit-mask-image:url(../icons/design/pen-nib-line.svg);mask-image:url(../icons/design/pen-nib-line.svg)}.fr-icon-pencil-fill:after,.fr-icon-pencil-fill:before{-webkit-mask-image:url(../icons/design/pencil-fill.svg);mask-image:url(../icons/design/pencil-fill.svg)}.fr-icon-pencil-line:after,.fr-icon-pencil-line:before{-webkit-mask-image:url(../icons/design/pencil-line.svg);mask-image:url(../icons/design/pencil-line.svg)}.fr-icon-pencil-ruler-fill:after,.fr-icon-pencil-ruler-fill:before{-webkit-mask-image:url(../icons/design/pencil-ruler-fill.svg);mask-image:url(../icons/design/pencil-ruler-fill.svg)}.fr-icon-pencil-ruler-line:after,.fr-icon-pencil-ruler-line:before{-webkit-mask-image:url(../icons/design/pencil-ruler-line.svg);mask-image:url(../icons/design/pencil-ruler-line.svg)}.fr-icon-sip-fill:after,.fr-icon-sip-fill:before{-webkit-mask-image:url(../icons/design/sip-fill.svg);mask-image:url(../icons/design/sip-fill.svg)}.fr-icon-sip-line:after,.fr-icon-sip-line:before{-webkit-mask-image:url(../icons/design/sip-line.svg);mask-image:url(../icons/design/sip-line.svg)}.fr-icon-table-fill:after,.fr-icon-table-fill:before{-webkit-mask-image:url(../icons/design/table-fill.svg);mask-image:url(../icons/design/table-fill.svg)}.fr-icon-table-line:after,.fr-icon-table-line:before{-webkit-mask-image:url(../icons/design/table-line.svg);mask-image:url(../icons/design/table-line.svg)}.fr-fi-edit-fill:after,.fr-fi-edit-fill:before{-webkit-mask-image:url(../icons/design/edit-fill.svg);mask-image:url(../icons/design/edit-fill.svg)}.fr-fi-edit-line:after,.fr-fi-edit-line:before{-webkit-mask-image:url(../icons/design/edit-line.svg);mask-image:url(../icons/design/edit-line.svg)}.fr-icon-bug-fill:after,.fr-icon-bug-fill:before{-webkit-mask-image:url(../icons/development/bug-fill.svg);mask-image:url(../icons/development/bug-fill.svg)}.fr-icon-bug-line:after,.fr-icon-bug-line:before{-webkit-mask-image:url(../icons/development/bug-line.svg);mask-image:url(../icons/development/bug-line.svg)}.fr-icon-code-box-fill:after,.fr-icon-code-box-fill:before{-webkit-mask-image:url(../icons/development/code-box-fill.svg);mask-image:url(../icons/development/code-box-fill.svg)}.fr-icon-code-box-line:after,.fr-icon-code-box-line:before{-webkit-mask-image:url(../icons/development/code-box-line.svg);mask-image:url(../icons/development/code-box-line.svg)}.fr-icon-code-s-slash-line:after,.fr-icon-code-s-slash-line:before{-webkit-mask-image:url(../icons/development/code-s-slash-line.svg);mask-image:url(../icons/development/code-s-slash-line.svg)}.fr-icon-cursor-fill:after,.fr-icon-cursor-fill:before{-webkit-mask-image:url(../icons/development/cursor-fill.svg);mask-image:url(../icons/development/cursor-fill.svg)}.fr-icon-cursor-line:after,.fr-icon-cursor-line:before{-webkit-mask-image:url(../icons/development/cursor-line.svg);mask-image:url(../icons/development/cursor-line.svg)}.fr-icon-git-branch-fill:after,.fr-icon-git-branch-fill:before{-webkit-mask-image:url(../icons/development/git-branch-fill.svg);mask-image:url(../icons/development/git-branch-fill.svg)}.fr-icon-git-branch-line:after,.fr-icon-git-branch-line:before{-webkit-mask-image:url(../icons/development/git-branch-line.svg);mask-image:url(../icons/development/git-branch-line.svg)}.fr-icon-git-commit-fill:after,.fr-icon-git-commit-fill:before{-webkit-mask-image:url(../icons/development/git-commit-fill.svg);mask-image:url(../icons/development/git-commit-fill.svg)}.fr-icon-git-commit-line:after,.fr-icon-git-commit-line:before{-webkit-mask-image:url(../icons/development/git-commit-line.svg);mask-image:url(../icons/development/git-commit-line.svg)}.fr-icon-git-merge-fill:after,.fr-icon-git-merge-fill:before{-webkit-mask-image:url(../icons/development/git-merge-fill.svg);mask-image:url(../icons/development/git-merge-fill.svg)}.fr-icon-git-merge-line:after,.fr-icon-git-merge-line:before{-webkit-mask-image:url(../icons/development/git-merge-line.svg);mask-image:url(../icons/development/git-merge-line.svg)}.fr-icon-git-pull-request-fill:after,.fr-icon-git-pull-request-fill:before{-webkit-mask-image:url(../icons/development/git-pull-request-fill.svg);mask-image:url(../icons/development/git-pull-request-fill.svg)}.fr-icon-git-pull-request-line:after,.fr-icon-git-pull-request-line:before{-webkit-mask-image:url(../icons/development/git-pull-request-line.svg);mask-image:url(../icons/development/git-pull-request-line.svg)}.fr-icon-git-repository-commits-fill:after,.fr-icon-git-repository-commits-fill:before{-webkit-mask-image:url(../icons/development/git-repository-commits-fill.svg);mask-image:url(../icons/development/git-repository-commits-fill.svg)}.fr-icon-git-repository-commits-line:after,.fr-icon-git-repository-commits-line:before{-webkit-mask-image:url(../icons/development/git-repository-commits-line.svg);mask-image:url(../icons/development/git-repository-commits-line.svg)}.fr-icon-git-repository-fill:after,.fr-icon-git-repository-fill:before{-webkit-mask-image:url(../icons/development/git-repository-fill.svg);mask-image:url(../icons/development/git-repository-fill.svg)}.fr-icon-git-repository-line:after,.fr-icon-git-repository-line:before{-webkit-mask-image:url(../icons/development/git-repository-line.svg);mask-image:url(../icons/development/git-repository-line.svg)}.fr-icon-git-repository-private-fill:after,.fr-icon-git-repository-private-fill:before{-webkit-mask-image:url(../icons/development/git-repository-private-fill.svg);mask-image:url(../icons/development/git-repository-private-fill.svg)}.fr-icon-git-repository-private-line:after,.fr-icon-git-repository-private-line:before{-webkit-mask-image:url(../icons/development/git-repository-private-line.svg);mask-image:url(../icons/development/git-repository-private-line.svg)}.fr-icon-terminal-box-fill:after,.fr-icon-terminal-box-fill:before{-webkit-mask-image:url(../icons/development/terminal-box-fill.svg);mask-image:url(../icons/development/terminal-box-fill.svg)}.fr-icon-terminal-box-line:after,.fr-icon-terminal-box-line:before{-webkit-mask-image:url(../icons/development/terminal-box-line.svg);mask-image:url(../icons/development/terminal-box-line.svg)}.fr-icon-terminal-line:after,.fr-icon-terminal-line:before{-webkit-mask-image:url(../icons/development/terminal-line.svg);mask-image:url(../icons/development/terminal-line.svg)}.fr-icon-terminal-window-fill:after,.fr-icon-terminal-window-fill:before{-webkit-mask-image:url(../icons/development/terminal-window-fill.svg);mask-image:url(../icons/development/terminal-window-fill.svg)}.fr-icon-terminal-window-line:after,.fr-icon-terminal-window-line:before{-webkit-mask-image:url(../icons/development/terminal-window-line.svg);mask-image:url(../icons/development/terminal-window-line.svg)}.fr-icon-bluetooth-fill:after,.fr-icon-bluetooth-fill:before{-webkit-mask-image:url(../icons/device/bluetooth-fill.svg);mask-image:url(../icons/device/bluetooth-fill.svg)}.fr-icon-bluetooth-line:after,.fr-icon-bluetooth-line:before{-webkit-mask-image:url(../icons/device/bluetooth-line.svg);mask-image:url(../icons/device/bluetooth-line.svg)}.fr-icon-computer-fill:after,.fr-icon-computer-fill:before{-webkit-mask-image:url(../icons/device/computer-fill.svg);mask-image:url(../icons/device/computer-fill.svg)}.fr-icon-computer-line:after,.fr-icon-computer-line:before{-webkit-mask-image:url(../icons/device/computer-line.svg);mask-image:url(../icons/device/computer-line.svg)}.fr-icon-dashboard-3-fill:after,.fr-icon-dashboard-3-fill:before{-webkit-mask-image:url(../icons/device/dashboard-3-fill.svg);mask-image:url(../icons/device/dashboard-3-fill.svg)}.fr-icon-dashboard-3-line:after,.fr-icon-dashboard-3-line:before{-webkit-mask-image:url(../icons/device/dashboard-3-line.svg);mask-image:url(../icons/device/dashboard-3-line.svg)}.fr-icon-database-fill:after,.fr-icon-database-fill:before{-webkit-mask-image:url(../icons/device/database-fill.svg);mask-image:url(../icons/device/database-fill.svg)}.fr-icon-database-line:after,.fr-icon-database-line:before{-webkit-mask-image:url(../icons/device/database-line.svg);mask-image:url(../icons/device/database-line.svg)}.fr-icon-device-fill:after,.fr-icon-device-fill:before{-webkit-mask-image:url(../icons/device/device-fill.svg);mask-image:url(../icons/device/device-fill.svg)}.fr-icon-device-line:after,.fr-icon-device-line:before{-webkit-mask-image:url(../icons/device/device-line.svg);mask-image:url(../icons/device/device-line.svg)}.fr-icon-hard-drive-2-fill:after,.fr-icon-hard-drive-2-fill:before{-webkit-mask-image:url(../icons/device/hard-drive-2-fill.svg);mask-image:url(../icons/device/hard-drive-2-fill.svg)}.fr-icon-hard-drive-2-line:after,.fr-icon-hard-drive-2-line:before{-webkit-mask-image:url(../icons/device/hard-drive-2-line.svg);mask-image:url(../icons/device/hard-drive-2-line.svg)}.fr-icon-mac-fill:after,.fr-icon-mac-fill:before{-webkit-mask-image:url(../icons/device/mac-fill.svg);mask-image:url(../icons/device/mac-fill.svg)}.fr-icon-mac-line:after,.fr-icon-mac-line:before{-webkit-mask-image:url(../icons/device/mac-line.svg);mask-image:url(../icons/device/mac-line.svg)}.fr-icon-phone-fill:after,.fr-icon-phone-fill:before{-webkit-mask-image:url(../icons/device/phone-fill.svg);mask-image:url(../icons/device/phone-fill.svg)}.fr-icon-phone-line:after,.fr-icon-phone-line:before{-webkit-mask-image:url(../icons/device/phone-line.svg);mask-image:url(../icons/device/phone-line.svg)}.fr-icon-qr-code-fill:after,.fr-icon-qr-code-fill:before{-webkit-mask-image:url(../icons/device/qr-code-fill.svg);mask-image:url(../icons/device/qr-code-fill.svg)}.fr-icon-qr-code-line:after,.fr-icon-qr-code-line:before{-webkit-mask-image:url(../icons/device/qr-code-line.svg);mask-image:url(../icons/device/qr-code-line.svg)}.fr-icon-rss-fill:after,.fr-icon-rss-fill:before{-webkit-mask-image:url(../icons/device/rss-fill.svg);mask-image:url(../icons/device/rss-fill.svg)}.fr-icon-rss-line:after,.fr-icon-rss-line:before{-webkit-mask-image:url(../icons/device/rss-line.svg);mask-image:url(../icons/device/rss-line.svg)}.fr-icon-save-3-fill:after,.fr-icon-save-3-fill:before{-webkit-mask-image:url(../icons/device/save-3-fill.svg);mask-image:url(../icons/device/save-3-fill.svg)}.fr-icon-save-3-line:after,.fr-icon-save-3-line:before{-webkit-mask-image:url(../icons/device/save-3-line.svg);mask-image:url(../icons/device/save-3-line.svg)}.fr-icon-save-fill:after,.fr-icon-save-fill:before{-webkit-mask-image:url(../icons/device/save-fill.svg);mask-image:url(../icons/device/save-fill.svg)}.fr-icon-save-line:after,.fr-icon-save-line:before{-webkit-mask-image:url(../icons/device/save-line.svg);mask-image:url(../icons/device/save-line.svg)}.fr-icon-server-fill:after,.fr-icon-server-fill:before{-webkit-mask-image:url(../icons/device/server-fill.svg);mask-image:url(../icons/device/server-fill.svg)}.fr-icon-server-line:after,.fr-icon-server-line:before{-webkit-mask-image:url(../icons/device/server-line.svg);mask-image:url(../icons/device/server-line.svg)}.fr-icon-smartphone-fill:after,.fr-icon-smartphone-fill:before{-webkit-mask-image:url(../icons/device/smartphone-fill.svg);mask-image:url(../icons/device/smartphone-fill.svg)}.fr-icon-smartphone-line:after,.fr-icon-smartphone-line:before{-webkit-mask-image:url(../icons/device/smartphone-line.svg);mask-image:url(../icons/device/smartphone-line.svg)}.fr-icon-tablet-fill:after,.fr-icon-tablet-fill:before{-webkit-mask-image:url(../icons/device/tablet-fill.svg);mask-image:url(../icons/device/tablet-fill.svg)}.fr-icon-tablet-line:after,.fr-icon-tablet-line:before{-webkit-mask-image:url(../icons/device/tablet-line.svg);mask-image:url(../icons/device/tablet-line.svg)}.fr-icon-tv-fill:after,.fr-icon-tv-fill:before{-webkit-mask-image:url(../icons/device/tv-fill.svg);mask-image:url(../icons/device/tv-fill.svg)}.fr-icon-tv-line:after,.fr-icon-tv-line:before{-webkit-mask-image:url(../icons/device/tv-line.svg);mask-image:url(../icons/device/tv-line.svg)}.fr-icon-wifi-fill:after,.fr-icon-wifi-fill:before{-webkit-mask-image:url(../icons/device/wifi-fill.svg);mask-image:url(../icons/device/wifi-fill.svg)}.fr-icon-wifi-line:after,.fr-icon-wifi-line:before{-webkit-mask-image:url(../icons/device/wifi-line.svg);mask-image:url(../icons/device/wifi-line.svg)}.fr-fi-phone-fill:after,.fr-fi-phone-fill:before{-webkit-mask-image:url(../icons/device/phone-fill.svg);mask-image:url(../icons/device/phone-fill.svg)}.fr-fi-phone-line:after,.fr-fi-phone-line:before{-webkit-mask-image:url(../icons/device/phone-line.svg);mask-image:url(../icons/device/phone-line.svg)}.fr-fi-rss-fill:after,.fr-fi-rss-fill:before{-webkit-mask-image:url(../icons/device/rss-fill.svg);mask-image:url(../icons/device/rss-fill.svg)}.fr-fi-rss-line:after,.fr-fi-rss-line:before{-webkit-mask-image:url(../icons/device/rss-line.svg);mask-image:url(../icons/device/rss-line.svg)}.fr-fi-save-fill:after,.fr-fi-save-fill:before{-webkit-mask-image:url(../icons/device/save-fill.svg);mask-image:url(../icons/device/save-fill.svg)}.fr-fi-save-line:after,.fr-fi-save-line:before{-webkit-mask-image:url(../icons/device/save-line.svg);mask-image:url(../icons/device/save-line.svg)}.fr-icon-article-fill:after,.fr-icon-article-fill:before{-webkit-mask-image:url(../icons/document/article-fill.svg);mask-image:url(../icons/document/article-fill.svg)}.fr-icon-article-line:after,.fr-icon-article-line:before{-webkit-mask-image:url(../icons/document/article-line.svg);mask-image:url(../icons/document/article-line.svg)}.fr-icon-book-2-fill:after,.fr-icon-book-2-fill:before{-webkit-mask-image:url(../icons/document/book-2-fill.svg);mask-image:url(../icons/document/book-2-fill.svg)}.fr-icon-book-2-line:after,.fr-icon-book-2-line:before{-webkit-mask-image:url(../icons/document/book-2-line.svg);mask-image:url(../icons/document/book-2-line.svg)}.fr-icon-booklet-fill:after,.fr-icon-booklet-fill:before{-webkit-mask-image:url(../icons/document/booklet-fill.svg);mask-image:url(../icons/document/booklet-fill.svg)}.fr-icon-booklet-line:after,.fr-icon-booklet-line:before{-webkit-mask-image:url(../icons/document/booklet-line.svg);mask-image:url(../icons/document/booklet-line.svg)}.fr-icon-clipboard-fill:after,.fr-icon-clipboard-fill:before{-webkit-mask-image:url(../icons/document/clipboard-fill.svg);mask-image:url(../icons/document/clipboard-fill.svg)}.fr-icon-clipboard-line:after,.fr-icon-clipboard-line:before{-webkit-mask-image:url(../icons/document/clipboard-line.svg);mask-image:url(../icons/document/clipboard-line.svg)}.fr-icon-draft-fill:after,.fr-icon-draft-fill:before{-webkit-mask-image:url(../icons/document/draft-fill.svg);mask-image:url(../icons/document/draft-fill.svg)}.fr-icon-draft-line:after,.fr-icon-draft-line:before{-webkit-mask-image:url(../icons/document/draft-line.svg);mask-image:url(../icons/document/draft-line.svg)}.fr-icon-file-add-fill:after,.fr-icon-file-add-fill:before{-webkit-mask-image:url(../icons/document/file-add-fill.svg);mask-image:url(../icons/document/file-add-fill.svg)}.fr-icon-file-add-line:after,.fr-icon-file-add-line:before{-webkit-mask-image:url(../icons/document/file-add-line.svg);mask-image:url(../icons/document/file-add-line.svg)}.fr-icon-file-download-fill:after,.fr-icon-file-download-fill:before{-webkit-mask-image:url(../icons/document/file-download-fill.svg);mask-image:url(../icons/document/file-download-fill.svg)}.fr-icon-file-download-line:after,.fr-icon-file-download-line:before{-webkit-mask-image:url(../icons/document/file-download-line.svg);mask-image:url(../icons/document/file-download-line.svg)}.fr-icon-file-fill:after,.fr-icon-file-fill:before{-webkit-mask-image:url(../icons/document/file-fill.svg);mask-image:url(../icons/document/file-fill.svg)}.fr-icon-file-line:after,.fr-icon-file-line:before{-webkit-mask-image:url(../icons/document/file-line.svg);mask-image:url(../icons/document/file-line.svg)}.fr-icon-file-pdf-fill:after,.fr-icon-file-pdf-fill:before{-webkit-mask-image:url(../icons/document/file-pdf-fill.svg);mask-image:url(../icons/document/file-pdf-fill.svg)}.fr-icon-file-pdf-line:after,.fr-icon-file-pdf-line:before{-webkit-mask-image:url(../icons/document/file-pdf-line.svg);mask-image:url(../icons/document/file-pdf-line.svg)}.fr-icon-file-text-fill:after,.fr-icon-file-text-fill:before{-webkit-mask-image:url(../icons/document/file-text-fill.svg);mask-image:url(../icons/document/file-text-fill.svg)}.fr-icon-file-text-line:after,.fr-icon-file-text-line:before{-webkit-mask-image:url(../icons/document/file-text-line.svg);mask-image:url(../icons/document/file-text-line.svg)}.fr-icon-folder-2-fill:after,.fr-icon-folder-2-fill:before{-webkit-mask-image:url(../icons/document/folder-2-fill.svg);mask-image:url(../icons/document/folder-2-fill.svg)}.fr-icon-folder-2-line:after,.fr-icon-folder-2-line:before{-webkit-mask-image:url(../icons/document/folder-2-line.svg);mask-image:url(../icons/document/folder-2-line.svg)}.fr-icon-newspaper-fill:after,.fr-icon-newspaper-fill:before{-webkit-mask-image:url(../icons/document/newspaper-fill.svg);mask-image:url(../icons/document/newspaper-fill.svg)}.fr-icon-newspaper-line:after,.fr-icon-newspaper-line:before{-webkit-mask-image:url(../icons/document/newspaper-line.svg);mask-image:url(../icons/document/newspaper-line.svg)}.fr-icon-survey-fill:after,.fr-icon-survey-fill:before{-webkit-mask-image:url(../icons/document/survey-fill.svg);mask-image:url(../icons/document/survey-fill.svg)}.fr-icon-survey-line:after,.fr-icon-survey-line:before{-webkit-mask-image:url(../icons/document/survey-line.svg);mask-image:url(../icons/document/survey-line.svg)}.fr-icon-todo-fill:after,.fr-icon-todo-fill:before{-webkit-mask-image:url(../icons/document/todo-fill.svg);mask-image:url(../icons/document/todo-fill.svg)}.fr-icon-todo-line:after,.fr-icon-todo-line:before{-webkit-mask-image:url(../icons/document/todo-line.svg);mask-image:url(../icons/document/todo-line.svg)}.fr-fi-file-download-fill:after,.fr-fi-file-download-fill:before{-webkit-mask-image:url(../icons/document/file-download-fill.svg);mask-image:url(../icons/document/file-download-fill.svg)}.fr-fi-file-download-line:after,.fr-fi-file-download-line:before{-webkit-mask-image:url(../icons/document/file-download-line.svg);mask-image:url(../icons/document/file-download-line.svg)}.fr-fi-file-fill:after,.fr-fi-file-fill:before{-webkit-mask-image:url(../icons/document/file-fill.svg);mask-image:url(../icons/document/file-fill.svg)}.fr-fi-file-line:after,.fr-fi-file-line:before{-webkit-mask-image:url(../icons/document/file-line.svg);mask-image:url(../icons/document/file-line.svg)}.fr-fi-file-pdf-fill:after,.fr-fi-file-pdf-fill:before{-webkit-mask-image:url(../icons/document/file-pdf-fill.svg);mask-image:url(../icons/document/file-pdf-fill.svg)}.fr-fi-file-pdf-line:after,.fr-fi-file-pdf-line:before{-webkit-mask-image:url(../icons/document/file-pdf-line.svg);mask-image:url(../icons/document/file-pdf-line.svg)}.fr-icon-code-view:after,.fr-icon-code-view:before{-webkit-mask-image:url(../icons/editor/code-view.svg);mask-image:url(../icons/editor/code-view.svg)}.fr-icon-font-size:after,.fr-icon-font-size:before{-webkit-mask-image:url(../icons/editor/font-size.svg);mask-image:url(../icons/editor/font-size.svg)}.fr-icon-bold:after,.fr-icon-bold:before{-webkit-mask-image:url(../icons/editor/fr--bold.svg);mask-image:url(../icons/editor/fr--bold.svg)}.fr-icon-highlight:after,.fr-icon-highlight:before{-webkit-mask-image:url(../icons/editor/fr--highlight.svg);mask-image:url(../icons/editor/fr--highlight.svg)}.fr-icon-quote-fill:after,.fr-icon-quote-fill:before{-webkit-mask-image:url(../icons/editor/fr--quote-fill.svg);mask-image:url(../icons/editor/fr--quote-fill.svg)}.fr-icon-quote-line:after,.fr-icon-quote-line:before{-webkit-mask-image:url(../icons/editor/fr--quote-line.svg);mask-image:url(../icons/editor/fr--quote-line.svg)}.fr-icon-h-1:after,.fr-icon-h-1:before{-webkit-mask-image:url(../icons/editor/h-1.svg);mask-image:url(../icons/editor/h-1.svg)}.fr-icon-h-2:after,.fr-icon-h-2:before{-webkit-mask-image:url(../icons/editor/h-2.svg);mask-image:url(../icons/editor/h-2.svg)}.fr-icon-h-3:after,.fr-icon-h-3:before{-webkit-mask-image:url(../icons/editor/h-3.svg);mask-image:url(../icons/editor/h-3.svg)}.fr-icon-h-4:after,.fr-icon-h-4:before{-webkit-mask-image:url(../icons/editor/h-4.svg);mask-image:url(../icons/editor/h-4.svg)}.fr-icon-h-5:after,.fr-icon-h-5:before{-webkit-mask-image:url(../icons/editor/h-5.svg);mask-image:url(../icons/editor/h-5.svg)}.fr-icon-h-6:after,.fr-icon-h-6:before{-webkit-mask-image:url(../icons/editor/h-6.svg);mask-image:url(../icons/editor/h-6.svg)}.fr-icon-hashtag:after,.fr-icon-hashtag:before{-webkit-mask-image:url(../icons/editor/hashtag.svg);mask-image:url(../icons/editor/hashtag.svg)}.fr-icon-italic:after,.fr-icon-italic:before{-webkit-mask-image:url(../icons/editor/italic.svg);mask-image:url(../icons/editor/italic.svg)}.fr-icon-link-unlink:after,.fr-icon-link-unlink:before{-webkit-mask-image:url(../icons/editor/link-unlink.svg);mask-image:url(../icons/editor/link-unlink.svg)}.fr-icon-link:after,.fr-icon-link:before{-webkit-mask-image:url(../icons/editor/link.svg);mask-image:url(../icons/editor/link.svg)}.fr-icon-list-ordered:after,.fr-icon-list-ordered:before{-webkit-mask-image:url(../icons/editor/list-ordered.svg);mask-image:url(../icons/editor/list-ordered.svg)}.fr-icon-list-unordered:after,.fr-icon-list-unordered:before{-webkit-mask-image:url(../icons/editor/list-unordered.svg);mask-image:url(../icons/editor/list-unordered.svg)}.fr-icon-question-mark:after,.fr-icon-question-mark:before{-webkit-mask-image:url(../icons/editor/question-mark.svg);mask-image:url(../icons/editor/question-mark.svg)}.fr-icon-separator:after,.fr-icon-separator:before{-webkit-mask-image:url(../icons/editor/separator.svg);mask-image:url(../icons/editor/separator.svg)}.fr-icon-space:after,.fr-icon-space:before{-webkit-mask-image:url(../icons/editor/space.svg);mask-image:url(../icons/editor/space.svg)}.fr-icon-subscript:after,.fr-icon-subscript:before{-webkit-mask-image:url(../icons/editor/subscript.svg);mask-image:url(../icons/editor/subscript.svg)}.fr-icon-superscript:after,.fr-icon-superscript:before{-webkit-mask-image:url(../icons/editor/superscript.svg);mask-image:url(../icons/editor/superscript.svg)}.fr-icon-table-2:after,.fr-icon-table-2:before{-webkit-mask-image:url(../icons/editor/table-2.svg);mask-image:url(../icons/editor/table-2.svg)}.fr-icon-translate-2:after,.fr-icon-translate-2:before{-webkit-mask-image:url(../icons/editor/translate-2.svg);mask-image:url(../icons/editor/translate-2.svg)}.fr-fi-font-size:after,.fr-fi-font-size:before{-webkit-mask-image:url(../icons/editor/font-size.svg);mask-image:url(../icons/editor/font-size.svg)}.fr-fi-bold:after,.fr-fi-bold:before{-webkit-mask-image:url(../icons/editor/fr--bold.svg);mask-image:url(../icons/editor/fr--bold.svg)}.fr-fi-highlight:after,.fr-fi-highlight:before{-webkit-mask-image:url(../icons/editor/fr--highlight.svg);mask-image:url(../icons/editor/fr--highlight.svg)}.fr-fi-italic:after,.fr-fi-italic:before{-webkit-mask-image:url(../icons/editor/italic.svg);mask-image:url(../icons/editor/italic.svg)}.fr-fi-link-unlink:after,.fr-fi-link-unlink:before{-webkit-mask-image:url(../icons/editor/link-unlink.svg);mask-image:url(../icons/editor/link-unlink.svg)}.fr-fi-list-ordered:after,.fr-fi-list-ordered:before{-webkit-mask-image:url(../icons/editor/list-ordered.svg);mask-image:url(../icons/editor/list-ordered.svg)}.fr-fi-list-unordered:after,.fr-fi-list-unordered:before{-webkit-mask-image:url(../icons/editor/list-unordered.svg);mask-image:url(../icons/editor/list-unordered.svg)}.fr-icon-bank-card-fill:after,.fr-icon-bank-card-fill:before{-webkit-mask-image:url(../icons/finance/bank-card-fill.svg);mask-image:url(../icons/finance/bank-card-fill.svg)}.fr-icon-bank-card-line:after,.fr-icon-bank-card-line:before{-webkit-mask-image:url(../icons/finance/bank-card-line.svg);mask-image:url(../icons/finance/bank-card-line.svg)}.fr-icon-coin-fill:after,.fr-icon-coin-fill:before{-webkit-mask-image:url(../icons/finance/coin-fill.svg);mask-image:url(../icons/finance/coin-fill.svg)}.fr-icon-gift-fill:after,.fr-icon-gift-fill:before{-webkit-mask-image:url(../icons/finance/gift-fill.svg);mask-image:url(../icons/finance/gift-fill.svg)}.fr-icon-gift-line:after,.fr-icon-gift-line:before{-webkit-mask-image:url(../icons/finance/gift-line.svg);mask-image:url(../icons/finance/gift-line.svg)}.fr-icon-money-euro-box-fill:after,.fr-icon-money-euro-box-fill:before{-webkit-mask-image:url(../icons/finance/money-euro-box-fill.svg);mask-image:url(../icons/finance/money-euro-box-fill.svg)}.fr-icon-money-euro-box-line:after,.fr-icon-money-euro-box-line:before{-webkit-mask-image:url(../icons/finance/money-euro-box-line.svg);mask-image:url(../icons/finance/money-euro-box-line.svg)}.fr-icon-money-euro-circle-fill:after,.fr-icon-money-euro-circle-fill:before{-webkit-mask-image:url(../icons/finance/money-euro-circle-fill.svg);mask-image:url(../icons/finance/money-euro-circle-fill.svg)}.fr-icon-money-euro-circle-line:after,.fr-icon-money-euro-circle-line:before{-webkit-mask-image:url(../icons/finance/money-euro-circle-line.svg);mask-image:url(../icons/finance/money-euro-circle-line.svg)}.fr-icon-secure-payment-fill:after,.fr-icon-secure-payment-fill:before{-webkit-mask-image:url(../icons/finance/secure-payment-fill.svg);mask-image:url(../icons/finance/secure-payment-fill.svg)}.fr-icon-secure-payment-line:after,.fr-icon-secure-payment-line:before{-webkit-mask-image:url(../icons/finance/secure-payment-line.svg);mask-image:url(../icons/finance/secure-payment-line.svg)}.fr-icon-shopping-bag-fill:after,.fr-icon-shopping-bag-fill:before{-webkit-mask-image:url(../icons/finance/shopping-bag-fill.svg);mask-image:url(../icons/finance/shopping-bag-fill.svg)}.fr-icon-shopping-bag-line:after,.fr-icon-shopping-bag-line:before{-webkit-mask-image:url(../icons/finance/shopping-bag-line.svg);mask-image:url(../icons/finance/shopping-bag-line.svg)}.fr-icon-shopping-cart-2-fill:after,.fr-icon-shopping-cart-2-fill:before{-webkit-mask-image:url(../icons/finance/shopping-cart-2-fill.svg);mask-image:url(../icons/finance/shopping-cart-2-fill.svg)}.fr-icon-shopping-cart-2-line:after,.fr-icon-shopping-cart-2-line:before{-webkit-mask-image:url(../icons/finance/shopping-cart-2-line.svg);mask-image:url(../icons/finance/shopping-cart-2-line.svg)}.fr-icon-trophy-fill:after,.fr-icon-trophy-fill:before{-webkit-mask-image:url(../icons/finance/trophy-fill.svg);mask-image:url(../icons/finance/trophy-fill.svg)}.fr-icon-trophy-line:after,.fr-icon-trophy-line:before{-webkit-mask-image:url(../icons/finance/trophy-line.svg);mask-image:url(../icons/finance/trophy-line.svg)}.fr-icon-capsule-fill:after,.fr-icon-capsule-fill:before{-webkit-mask-image:url(../icons/health/capsule-fill.svg);mask-image:url(../icons/health/capsule-fill.svg)}.fr-icon-capsule-line:after,.fr-icon-capsule-line:before{-webkit-mask-image:url(../icons/health/capsule-line.svg);mask-image:url(../icons/health/capsule-line.svg)}.fr-icon-dislike-fill:after,.fr-icon-dislike-fill:before{-webkit-mask-image:url(../icons/health/dislike-fill.svg);mask-image:url(../icons/health/dislike-fill.svg)}.fr-icon-dislike-line:after,.fr-icon-dislike-line:before{-webkit-mask-image:url(../icons/health/dislike-line.svg);mask-image:url(../icons/health/dislike-line.svg)}.fr-icon-dossier-fill:after,.fr-icon-dossier-fill:before{-webkit-mask-image:url(../icons/health/dossier-fill.svg);mask-image:url(../icons/health/dossier-fill.svg)}.fr-icon-dossier-line:after,.fr-icon-dossier-line:before{-webkit-mask-image:url(../icons/health/dossier-line.svg);mask-image:url(../icons/health/dossier-line.svg)}.fr-icon-first-aid-kit-fill:after,.fr-icon-first-aid-kit-fill:before{-webkit-mask-image:url(../icons/health/first-aid-kit-fill.svg);mask-image:url(../icons/health/first-aid-kit-fill.svg)}.fr-icon-first-aid-kit-line:after,.fr-icon-first-aid-kit-line:before{-webkit-mask-image:url(../icons/health/first-aid-kit-line.svg);mask-image:url(../icons/health/first-aid-kit-line.svg)}.fr-icon-hand-sanitizer-fill:after,.fr-icon-hand-sanitizer-fill:before{-webkit-mask-image:url(../icons/health/hand-sanitizer-fill.svg);mask-image:url(../icons/health/hand-sanitizer-fill.svg)}.fr-icon-hand-sanitizer-line:after,.fr-icon-hand-sanitizer-line:before{-webkit-mask-image:url(../icons/health/hand-sanitizer-line.svg);mask-image:url(../icons/health/hand-sanitizer-line.svg)}.fr-icon-health-book-fill:after,.fr-icon-health-book-fill:before{-webkit-mask-image:url(../icons/health/health-book-fill.svg);mask-image:url(../icons/health/health-book-fill.svg)}.fr-icon-health-book-line:after,.fr-icon-health-book-line:before{-webkit-mask-image:url(../icons/health/health-book-line.svg);mask-image:url(../icons/health/health-book-line.svg)}.fr-icon-heart-fill:after,.fr-icon-heart-fill:before{-webkit-mask-image:url(../icons/health/heart-fill.svg);mask-image:url(../icons/health/heart-fill.svg)}.fr-icon-heart-line:after,.fr-icon-heart-line:before{-webkit-mask-image:url(../icons/health/heart-line.svg);mask-image:url(../icons/health/heart-line.svg)}.fr-icon-heart-pulse-fill:after,.fr-icon-heart-pulse-fill:before{-webkit-mask-image:url(../icons/health/heart-pulse-fill.svg);mask-image:url(../icons/health/heart-pulse-fill.svg)}.fr-icon-heart-pulse-line:after,.fr-icon-heart-pulse-line:before{-webkit-mask-image:url(../icons/health/heart-pulse-line.svg);mask-image:url(../icons/health/heart-pulse-line.svg)}.fr-icon-lungs-fill:after,.fr-icon-lungs-fill:before{-webkit-mask-image:url(../icons/health/lungs-fill.svg);mask-image:url(../icons/health/lungs-fill.svg)}.fr-icon-lungs-line:after,.fr-icon-lungs-line:before{-webkit-mask-image:url(../icons/health/lungs-line.svg);mask-image:url(../icons/health/lungs-line.svg)}.fr-icon-medicine-bottle-fill:after,.fr-icon-medicine-bottle-fill:before{-webkit-mask-image:url(../icons/health/medicine-bottle-fill.svg);mask-image:url(../icons/health/medicine-bottle-fill.svg)}.fr-icon-medicine-bottle-line:after,.fr-icon-medicine-bottle-line:before{-webkit-mask-image:url(../icons/health/medicine-bottle-line.svg);mask-image:url(../icons/health/medicine-bottle-line.svg)}.fr-icon-mental-health-fill:after,.fr-icon-mental-health-fill:before{-webkit-mask-image:url(../icons/health/mental-health-fill.svg);mask-image:url(../icons/health/mental-health-fill.svg)}.fr-icon-mental-health-line:after,.fr-icon-mental-health-line:before{-webkit-mask-image:url(../icons/health/mental-health-line.svg);mask-image:url(../icons/health/mental-health-line.svg)}.fr-icon-microscope-fill:after,.fr-icon-microscope-fill:before{-webkit-mask-image:url(../icons/health/microscope-fill.svg);mask-image:url(../icons/health/microscope-fill.svg)}.fr-icon-microscope-line:after,.fr-icon-microscope-line:before{-webkit-mask-image:url(../icons/health/microscope-line.svg);mask-image:url(../icons/health/microscope-line.svg)}.fr-icon-psychotherapy-fill:after,.fr-icon-psychotherapy-fill:before{-webkit-mask-image:url(../icons/health/psychotherapy-fill.svg);mask-image:url(../icons/health/psychotherapy-fill.svg)}.fr-icon-psychotherapy-line:after,.fr-icon-psychotherapy-line:before{-webkit-mask-image:url(../icons/health/psychotherapy-line.svg);mask-image:url(../icons/health/psychotherapy-line.svg)}.fr-icon-pulse-line:after,.fr-icon-pulse-line:before{-webkit-mask-image:url(../icons/health/pulse-line.svg);mask-image:url(../icons/health/pulse-line.svg)}.fr-icon-stethoscope-fill:after,.fr-icon-stethoscope-fill:before{-webkit-mask-image:url(../icons/health/stethoscope-fill.svg);mask-image:url(../icons/health/stethoscope-fill.svg)}.fr-icon-stethoscope-line:after,.fr-icon-stethoscope-line:before{-webkit-mask-image:url(../icons/health/stethoscope-line.svg);mask-image:url(../icons/health/stethoscope-line.svg)}.fr-icon-surgical-mask-fill:after,.fr-icon-surgical-mask-fill:before{-webkit-mask-image:url(../icons/health/surgical-mask-fill.svg);mask-image:url(../icons/health/surgical-mask-fill.svg)}.fr-icon-surgical-mask-line:after,.fr-icon-surgical-mask-line:before{-webkit-mask-image:url(../icons/health/surgical-mask-line.svg);mask-image:url(../icons/health/surgical-mask-line.svg)}.fr-icon-syringe-fill:after,.fr-icon-syringe-fill:before{-webkit-mask-image:url(../icons/health/syringe-fill.svg);mask-image:url(../icons/health/syringe-fill.svg)}.fr-icon-syringe-line:after,.fr-icon-syringe-line:before{-webkit-mask-image:url(../icons/health/syringe-line.svg);mask-image:url(../icons/health/syringe-line.svg)}.fr-icon-test-tube-fill:after,.fr-icon-test-tube-fill:before{-webkit-mask-image:url(../icons/health/test-tube-fill.svg);mask-image:url(../icons/health/test-tube-fill.svg)}.fr-icon-test-tube-line:after,.fr-icon-test-tube-line:before{-webkit-mask-image:url(../icons/health/test-tube-line.svg);mask-image:url(../icons/health/test-tube-line.svg)}.fr-icon-thermometer-fill:after,.fr-icon-thermometer-fill:before{-webkit-mask-image:url(../icons/health/thermometer-fill.svg);mask-image:url(../icons/health/thermometer-fill.svg)}.fr-icon-thermometer-line:after,.fr-icon-thermometer-line:before{-webkit-mask-image:url(../icons/health/thermometer-line.svg);mask-image:url(../icons/health/thermometer-line.svg)}.fr-icon-virus-fill:after,.fr-icon-virus-fill:before{-webkit-mask-image:url(../icons/health/virus-fill.svg);mask-image:url(../icons/health/virus-fill.svg)}.fr-icon-virus-line:after,.fr-icon-virus-line:before{-webkit-mask-image:url(../icons/health/virus-line.svg);mask-image:url(../icons/health/virus-line.svg)}.fr-icon-chrome-fill:after,.fr-icon-chrome-fill:before{-webkit-mask-image:url(../icons/logo/chrome-fill.svg);mask-image:url(../icons/logo/chrome-fill.svg)}.fr-icon-chrome-line:after,.fr-icon-chrome-line:before{-webkit-mask-image:url(../icons/logo/chrome-line.svg);mask-image:url(../icons/logo/chrome-line.svg)}.fr-icon-edge-fill:after,.fr-icon-edge-fill:before{-webkit-mask-image:url(../icons/logo/edge-fill.svg);mask-image:url(../icons/logo/edge-fill.svg)}.fr-icon-edge-line:after,.fr-icon-edge-line:before{-webkit-mask-image:url(../icons/logo/edge-line.svg);mask-image:url(../icons/logo/edge-line.svg)}.fr-icon-facebook-circle-fill:after,.fr-icon-facebook-circle-fill:before{-webkit-mask-image:url(../icons/logo/facebook-circle-fill.svg);mask-image:url(../icons/logo/facebook-circle-fill.svg)}.fr-icon-facebook-circle-line:after,.fr-icon-facebook-circle-line:before{-webkit-mask-image:url(../icons/logo/facebook-circle-line.svg);mask-image:url(../icons/logo/facebook-circle-line.svg)}.fr-icon-firefox-fill:after,.fr-icon-firefox-fill:before{-webkit-mask-image:url(../icons/logo/firefox-fill.svg);mask-image:url(../icons/logo/firefox-fill.svg)}.fr-icon-firefox-line:after,.fr-icon-firefox-line:before{-webkit-mask-image:url(../icons/logo/firefox-line.svg);mask-image:url(../icons/logo/firefox-line.svg)}.fr-icon-dailymotion-fill:after,.fr-icon-dailymotion-fill:before{-webkit-mask-image:url(../icons/logo/fr--dailymotion-fill.svg);mask-image:url(../icons/logo/fr--dailymotion-fill.svg)}.fr-icon-dailymotion-line:after,.fr-icon-dailymotion-line:before{-webkit-mask-image:url(../icons/logo/fr--dailymotion-line.svg);mask-image:url(../icons/logo/fr--dailymotion-line.svg)}.fr-icon-tiktok-fill:after,.fr-icon-tiktok-fill:before{-webkit-mask-image:url(../icons/logo/fr--tiktok-fill.svg);mask-image:url(../icons/logo/fr--tiktok-fill.svg)}.fr-icon-tiktok-line:after,.fr-icon-tiktok-line:before{-webkit-mask-image:url(../icons/logo/fr--tiktok-line.svg);mask-image:url(../icons/logo/fr--tiktok-line.svg)}.fr-icon-github-fill:after,.fr-icon-github-fill:before{-webkit-mask-image:url(../icons/logo/github-fill.svg);mask-image:url(../icons/logo/github-fill.svg)}.fr-icon-github-line:after,.fr-icon-github-line:before{-webkit-mask-image:url(../icons/logo/github-line.svg);mask-image:url(../icons/logo/github-line.svg)}.fr-icon-google-fill:after,.fr-icon-google-fill:before{-webkit-mask-image:url(../icons/logo/google-fill.svg);mask-image:url(../icons/logo/google-fill.svg)}.fr-icon-google-line:after,.fr-icon-google-line:before{-webkit-mask-image:url(../icons/logo/google-line.svg);mask-image:url(../icons/logo/google-line.svg)}.fr-icon-ie-fill:after,.fr-icon-ie-fill:before{-webkit-mask-image:url(../icons/logo/ie-fill.svg);mask-image:url(../icons/logo/ie-fill.svg)}.fr-icon-ie-line:after,.fr-icon-ie-line:before{-webkit-mask-image:url(../icons/logo/ie-line.svg);mask-image:url(../icons/logo/ie-line.svg)}.fr-icon-instagram-fill:after,.fr-icon-instagram-fill:before{-webkit-mask-image:url(../icons/logo/instagram-fill.svg);mask-image:url(../icons/logo/instagram-fill.svg)}.fr-icon-instagram-line:after,.fr-icon-instagram-line:before{-webkit-mask-image:url(../icons/logo/instagram-line.svg);mask-image:url(../icons/logo/instagram-line.svg)}.fr-icon-linkedin-box-fill:after,.fr-icon-linkedin-box-fill:before{-webkit-mask-image:url(../icons/logo/linkedin-box-fill.svg);mask-image:url(../icons/logo/linkedin-box-fill.svg)}.fr-icon-linkedin-box-line:after,.fr-icon-linkedin-box-line:before{-webkit-mask-image:url(../icons/logo/linkedin-box-line.svg);mask-image:url(../icons/logo/linkedin-box-line.svg)}.fr-icon-mastodon-fill:after,.fr-icon-mastodon-fill:before{-webkit-mask-image:url(../icons/logo/mastodon-fill.svg);mask-image:url(../icons/logo/mastodon-fill.svg)}.fr-icon-mastodon-line:after,.fr-icon-mastodon-line:before{-webkit-mask-image:url(../icons/logo/mastodon-line.svg);mask-image:url(../icons/logo/mastodon-line.svg)}.fr-icon-npmjs-fill:after,.fr-icon-npmjs-fill:before{-webkit-mask-image:url(../icons/logo/npmjs-fill.svg);mask-image:url(../icons/logo/npmjs-fill.svg)}.fr-icon-npmjs-line:after,.fr-icon-npmjs-line:before{-webkit-mask-image:url(../icons/logo/npmjs-line.svg);mask-image:url(../icons/logo/npmjs-line.svg)}.fr-icon-remixicon-fill:after,.fr-icon-remixicon-fill:before{-webkit-mask-image:url(../icons/logo/remixicon-fill.svg);mask-image:url(../icons/logo/remixicon-fill.svg)}.fr-icon-remixicon-line:after,.fr-icon-remixicon-line:before{-webkit-mask-image:url(../icons/logo/remixicon-line.svg);mask-image:url(../icons/logo/remixicon-line.svg)}.fr-icon-safari-fill:after,.fr-icon-safari-fill:before{-webkit-mask-image:url(../icons/logo/safari-fill.svg);mask-image:url(../icons/logo/safari-fill.svg)}.fr-icon-safari-line:after,.fr-icon-safari-line:before{-webkit-mask-image:url(../icons/logo/safari-line.svg);mask-image:url(../icons/logo/safari-line.svg)}.fr-icon-slack-fill:after,.fr-icon-slack-fill:before{-webkit-mask-image:url(../icons/logo/slack-fill.svg);mask-image:url(../icons/logo/slack-fill.svg)}.fr-icon-slack-line:after,.fr-icon-slack-line:before{-webkit-mask-image:url(../icons/logo/slack-line.svg);mask-image:url(../icons/logo/slack-line.svg)}.fr-icon-snapchat-fill:after,.fr-icon-snapchat-fill:before{-webkit-mask-image:url(../icons/logo/snapchat-fill.svg);mask-image:url(../icons/logo/snapchat-fill.svg)}.fr-icon-snapchat-line:after,.fr-icon-snapchat-line:before{-webkit-mask-image:url(../icons/logo/snapchat-line.svg);mask-image:url(../icons/logo/snapchat-line.svg)}.fr-icon-telegram-fill:after,.fr-icon-telegram-fill:before{-webkit-mask-image:url(../icons/logo/telegram-fill.svg);mask-image:url(../icons/logo/telegram-fill.svg)}.fr-icon-telegram-line:after,.fr-icon-telegram-line:before{-webkit-mask-image:url(../icons/logo/telegram-line.svg);mask-image:url(../icons/logo/telegram-line.svg)}.fr-icon-threads-fill:after,.fr-icon-threads-fill:before{-webkit-mask-image:url(../icons/logo/threads-fill.svg);mask-image:url(../icons/logo/threads-fill.svg)}.fr-icon-threads-line:after,.fr-icon-threads-line:before{-webkit-mask-image:url(../icons/logo/threads-line.svg);mask-image:url(../icons/logo/threads-line.svg)}.fr-icon-twitch-fill:after,.fr-icon-twitch-fill:before{-webkit-mask-image:url(../icons/logo/twitch-fill.svg);mask-image:url(../icons/logo/twitch-fill.svg)}.fr-icon-twitch-line:after,.fr-icon-twitch-line:before{-webkit-mask-image:url(../icons/logo/twitch-line.svg);mask-image:url(../icons/logo/twitch-line.svg)}.fr-icon-twitter-fill:after,.fr-icon-twitter-fill:before{-webkit-mask-image:url(../icons/logo/twitter-fill.svg);mask-image:url(../icons/logo/twitter-fill.svg)}.fr-icon-twitter-line:after,.fr-icon-twitter-line:before{-webkit-mask-image:url(../icons/logo/twitter-line.svg);mask-image:url(../icons/logo/twitter-line.svg)}.fr-icon-twitter-x-fill:after,.fr-icon-twitter-x-fill:before{-webkit-mask-image:url(../icons/logo/twitter-x-fill.svg);mask-image:url(../icons/logo/twitter-x-fill.svg)}.fr-icon-twitter-x-line:after,.fr-icon-twitter-x-line:before{-webkit-mask-image:url(../icons/logo/twitter-x-line.svg);mask-image:url(../icons/logo/twitter-x-line.svg)}.fr-icon-vimeo-fill:after,.fr-icon-vimeo-fill:before{-webkit-mask-image:url(../icons/logo/vimeo-fill.svg);mask-image:url(../icons/logo/vimeo-fill.svg)}.fr-icon-vimeo-line:after,.fr-icon-vimeo-line:before{-webkit-mask-image:url(../icons/logo/vimeo-line.svg);mask-image:url(../icons/logo/vimeo-line.svg)}.fr-icon-vuejs-fill:after,.fr-icon-vuejs-fill:before{-webkit-mask-image:url(../icons/logo/vuejs-fill.svg);mask-image:url(../icons/logo/vuejs-fill.svg)}.fr-icon-vuejs-line:after,.fr-icon-vuejs-line:before{-webkit-mask-image:url(../icons/logo/vuejs-line.svg);mask-image:url(../icons/logo/vuejs-line.svg)}.fr-icon-youtube-fill:after,.fr-icon-youtube-fill:before{-webkit-mask-image:url(../icons/logo/youtube-fill.svg);mask-image:url(../icons/logo/youtube-fill.svg)}.fr-icon-youtube-line:after,.fr-icon-youtube-line:before{-webkit-mask-image:url(../icons/logo/youtube-line.svg);mask-image:url(../icons/logo/youtube-line.svg)}.fr-fi-facebook-circle-fill:after,.fr-fi-facebook-circle-fill:before{-webkit-mask-image:url(../icons/logo/facebook-circle-fill.svg);mask-image:url(../icons/logo/facebook-circle-fill.svg)}.fr-fi-facebook-circle-line:after,.fr-fi-facebook-circle-line:before{-webkit-mask-image:url(../icons/logo/facebook-circle-line.svg);mask-image:url(../icons/logo/facebook-circle-line.svg)}.fr-fi-dailymotion-fill:after,.fr-fi-dailymotion-fill:before{-webkit-mask-image:url(../icons/logo/fr--dailymotion-fill.svg);mask-image:url(../icons/logo/fr--dailymotion-fill.svg)}.fr-fi-dailymotion-line:after,.fr-fi-dailymotion-line:before{-webkit-mask-image:url(../icons/logo/fr--dailymotion-line.svg);mask-image:url(../icons/logo/fr--dailymotion-line.svg)}.fr-fi-github-fill:after,.fr-fi-github-fill:before{-webkit-mask-image:url(../icons/logo/github-fill.svg);mask-image:url(../icons/logo/github-fill.svg)}.fr-fi-github-line:after,.fr-fi-github-line:before{-webkit-mask-image:url(../icons/logo/github-line.svg);mask-image:url(../icons/logo/github-line.svg)}.fr-fi-instagram-fill:after,.fr-fi-instagram-fill:before{-webkit-mask-image:url(../icons/logo/instagram-fill.svg);mask-image:url(../icons/logo/instagram-fill.svg)}.fr-fi-instagram-line:after,.fr-fi-instagram-line:before{-webkit-mask-image:url(../icons/logo/instagram-line.svg);mask-image:url(../icons/logo/instagram-line.svg)}.fr-fi-linkedin-box-fill:after,.fr-fi-linkedin-box-fill:before{-webkit-mask-image:url(../icons/logo/linkedin-box-fill.svg);mask-image:url(../icons/logo/linkedin-box-fill.svg)}.fr-fi-linkedin-box-line:after,.fr-fi-linkedin-box-line:before{-webkit-mask-image:url(../icons/logo/linkedin-box-line.svg);mask-image:url(../icons/logo/linkedin-box-line.svg)}.fr-fi-npmjs-fill:after,.fr-fi-npmjs-fill:before{-webkit-mask-image:url(../icons/logo/npmjs-fill.svg);mask-image:url(../icons/logo/npmjs-fill.svg)}.fr-fi-npmjs-line:after,.fr-fi-npmjs-line:before{-webkit-mask-image:url(../icons/logo/npmjs-line.svg);mask-image:url(../icons/logo/npmjs-line.svg)}.fr-fi-remixicon-fill:after,.fr-fi-remixicon-fill:before{-webkit-mask-image:url(../icons/logo/remixicon-fill.svg);mask-image:url(../icons/logo/remixicon-fill.svg)}.fr-fi-remixicon-line:after,.fr-fi-remixicon-line:before{-webkit-mask-image:url(../icons/logo/remixicon-line.svg);mask-image:url(../icons/logo/remixicon-line.svg)}.fr-fi-slack-fill:after,.fr-fi-slack-fill:before{-webkit-mask-image:url(../icons/logo/slack-fill.svg);mask-image:url(../icons/logo/slack-fill.svg)}.fr-fi-slack-line:after,.fr-fi-slack-line:before{-webkit-mask-image:url(../icons/logo/slack-line.svg);mask-image:url(../icons/logo/slack-line.svg)}.fr-fi-snapchat-fill:after,.fr-fi-snapchat-fill:before{-webkit-mask-image:url(../icons/logo/snapchat-fill.svg);mask-image:url(../icons/logo/snapchat-fill.svg)}.fr-fi-snapchat-line:after,.fr-fi-snapchat-line:before{-webkit-mask-image:url(../icons/logo/snapchat-line.svg);mask-image:url(../icons/logo/snapchat-line.svg)}.fr-fi-telegram-fill:after,.fr-fi-telegram-fill:before{-webkit-mask-image:url(../icons/logo/telegram-fill.svg);mask-image:url(../icons/logo/telegram-fill.svg)}.fr-fi-telegram-line:after,.fr-fi-telegram-line:before{-webkit-mask-image:url(../icons/logo/telegram-line.svg);mask-image:url(../icons/logo/telegram-line.svg)}.fr-fi-twitch-fill:after,.fr-fi-twitch-fill:before{-webkit-mask-image:url(../icons/logo/twitch-fill.svg);mask-image:url(../icons/logo/twitch-fill.svg)}.fr-fi-twitch-line:after,.fr-fi-twitch-line:before{-webkit-mask-image:url(../icons/logo/twitch-line.svg);mask-image:url(../icons/logo/twitch-line.svg)}.fr-fi-twitter-fill:after,.fr-fi-twitter-fill:before{-webkit-mask-image:url(../icons/logo/twitter-fill.svg);mask-image:url(../icons/logo/twitter-fill.svg)}.fr-fi-twitter-line:after,.fr-fi-twitter-line:before{-webkit-mask-image:url(../icons/logo/twitter-line.svg);mask-image:url(../icons/logo/twitter-line.svg)}.fr-fi-vimeo-fill:after,.fr-fi-vimeo-fill:before{-webkit-mask-image:url(../icons/logo/vimeo-fill.svg);mask-image:url(../icons/logo/vimeo-fill.svg)}.fr-fi-vimeo-line:after,.fr-fi-vimeo-line:before{-webkit-mask-image:url(../icons/logo/vimeo-line.svg);mask-image:url(../icons/logo/vimeo-line.svg)}.fr-fi-youtube-fill:after,.fr-fi-youtube-fill:before{-webkit-mask-image:url(../icons/logo/youtube-fill.svg);mask-image:url(../icons/logo/youtube-fill.svg)}.fr-fi-youtube-line:after,.fr-fi-youtube-line:before{-webkit-mask-image:url(../icons/logo/youtube-line.svg);mask-image:url(../icons/logo/youtube-line.svg)}.fr-icon-anchor-fill:after,.fr-icon-anchor-fill:before{-webkit-mask-image:url(../icons/map/anchor-fill.svg);mask-image:url(../icons/map/anchor-fill.svg)}.fr-icon-anchor-line:after,.fr-icon-anchor-line:before{-webkit-mask-image:url(../icons/map/anchor-line.svg);mask-image:url(../icons/map/anchor-line.svg)}.fr-icon-bike-fill:after,.fr-icon-bike-fill:before{-webkit-mask-image:url(../icons/map/bike-fill.svg);mask-image:url(../icons/map/bike-fill.svg)}.fr-icon-bike-line:after,.fr-icon-bike-line:before{-webkit-mask-image:url(../icons/map/bike-line.svg);mask-image:url(../icons/map/bike-line.svg)}.fr-icon-bus-fill:after,.fr-icon-bus-fill:before{-webkit-mask-image:url(../icons/map/bus-fill.svg);mask-image:url(../icons/map/bus-fill.svg)}.fr-icon-bus-line:after,.fr-icon-bus-line:before{-webkit-mask-image:url(../icons/map/bus-line.svg);mask-image:url(../icons/map/bus-line.svg)}.fr-icon-car-fill:after,.fr-icon-car-fill:before{-webkit-mask-image:url(../icons/map/car-fill.svg);mask-image:url(../icons/map/car-fill.svg)}.fr-icon-car-line:after,.fr-icon-car-line:before{-webkit-mask-image:url(../icons/map/car-line.svg);mask-image:url(../icons/map/car-line.svg)}.fr-icon-caravan-fill:after,.fr-icon-caravan-fill:before{-webkit-mask-image:url(../icons/map/caravan-fill.svg);mask-image:url(../icons/map/caravan-fill.svg)}.fr-icon-caravan-line:after,.fr-icon-caravan-line:before{-webkit-mask-image:url(../icons/map/caravan-line.svg);mask-image:url(../icons/map/caravan-line.svg)}.fr-icon-charging-pile-2-fill:after,.fr-icon-charging-pile-2-fill:before{-webkit-mask-image:url(../icons/map/charging-pile-2-fill.svg);mask-image:url(../icons/map/charging-pile-2-fill.svg)}.fr-icon-charging-pile-2-line:after,.fr-icon-charging-pile-2-line:before{-webkit-mask-image:url(../icons/map/charging-pile-2-line.svg);mask-image:url(../icons/map/charging-pile-2-line.svg)}.fr-icon-compass-3-fill:after,.fr-icon-compass-3-fill:before{-webkit-mask-image:url(../icons/map/compass-3-fill.svg);mask-image:url(../icons/map/compass-3-fill.svg)}.fr-icon-compass-3-line:after,.fr-icon-compass-3-line:before{-webkit-mask-image:url(../icons/map/compass-3-line.svg);mask-image:url(../icons/map/compass-3-line.svg)}.fr-icon-cup-fill:after,.fr-icon-cup-fill:before{-webkit-mask-image:url(../icons/map/cup-fill.svg);mask-image:url(../icons/map/cup-fill.svg)}.fr-icon-cup-line:after,.fr-icon-cup-line:before{-webkit-mask-image:url(../icons/map/cup-line.svg);mask-image:url(../icons/map/cup-line.svg)}.fr-icon-earth-fill:after,.fr-icon-earth-fill:before{-webkit-mask-image:url(../icons/map/earth-fill.svg);mask-image:url(../icons/map/earth-fill.svg)}.fr-icon-earth-line:after,.fr-icon-earth-line:before{-webkit-mask-image:url(../icons/map/earth-line.svg);mask-image:url(../icons/map/earth-line.svg)}.fr-icon-france-fill:after,.fr-icon-france-fill:before{-webkit-mask-image:url(../icons/map/france-fill.svg);mask-image:url(../icons/map/france-fill.svg)}.fr-icon-france-line:after,.fr-icon-france-line:before{-webkit-mask-image:url(../icons/map/france-line.svg);mask-image:url(../icons/map/france-line.svg)}.fr-icon-gas-station-fill:after,.fr-icon-gas-station-fill:before{-webkit-mask-image:url(../icons/map/gas-station-fill.svg);mask-image:url(../icons/map/gas-station-fill.svg)}.fr-icon-gas-station-line:after,.fr-icon-gas-station-line:before{-webkit-mask-image:url(../icons/map/gas-station-line.svg);mask-image:url(../icons/map/gas-station-line.svg)}.fr-icon-goblet-fill:after,.fr-icon-goblet-fill:before{-webkit-mask-image:url(../icons/map/goblet-fill.svg);mask-image:url(../icons/map/goblet-fill.svg)}.fr-icon-goblet-line:after,.fr-icon-goblet-line:before{-webkit-mask-image:url(../icons/map/goblet-line.svg);mask-image:url(../icons/map/goblet-line.svg)}.fr-icon-map-pin-2-fill:after,.fr-icon-map-pin-2-fill:before{-webkit-mask-image:url(../icons/map/map-pin-2-fill.svg);mask-image:url(../icons/map/map-pin-2-fill.svg)}.fr-icon-map-pin-2-line:after,.fr-icon-map-pin-2-line:before{-webkit-mask-image:url(../icons/map/map-pin-2-line.svg);mask-image:url(../icons/map/map-pin-2-line.svg)}.fr-icon-map-pin-user-fill:after,.fr-icon-map-pin-user-fill:before{-webkit-mask-image:url(../icons/map/map-pin-user-fill.svg);mask-image:url(../icons/map/map-pin-user-fill.svg)}.fr-icon-map-pin-user-line:after,.fr-icon-map-pin-user-line:before{-webkit-mask-image:url(../icons/map/map-pin-user-line.svg);mask-image:url(../icons/map/map-pin-user-line.svg)}.fr-icon-motorbike-fill:after,.fr-icon-motorbike-fill:before{-webkit-mask-image:url(../icons/map/motorbike-fill.svg);mask-image:url(../icons/map/motorbike-fill.svg)}.fr-icon-motorbike-line:after,.fr-icon-motorbike-line:before{-webkit-mask-image:url(../icons/map/motorbike-line.svg);mask-image:url(../icons/map/motorbike-line.svg)}.fr-icon-passport-fill:after,.fr-icon-passport-fill:before{-webkit-mask-image:url(../icons/map/passport-fill.svg);mask-image:url(../icons/map/passport-fill.svg)}.fr-icon-passport-line:after,.fr-icon-passport-line:before{-webkit-mask-image:url(../icons/map/passport-line.svg);mask-image:url(../icons/map/passport-line.svg)}.fr-icon-restaurant-fill:after,.fr-icon-restaurant-fill:before{-webkit-mask-image:url(../icons/map/restaurant-fill.svg);mask-image:url(../icons/map/restaurant-fill.svg)}.fr-icon-restaurant-line:after,.fr-icon-restaurant-line:before{-webkit-mask-image:url(../icons/map/restaurant-line.svg);mask-image:url(../icons/map/restaurant-line.svg)}.fr-icon-road-map-fill:after,.fr-icon-road-map-fill:before{-webkit-mask-image:url(../icons/map/road-map-fill.svg);mask-image:url(../icons/map/road-map-fill.svg)}.fr-icon-road-map-line:after,.fr-icon-road-map-line:before{-webkit-mask-image:url(../icons/map/road-map-line.svg);mask-image:url(../icons/map/road-map-line.svg)}.fr-icon-sailboat-fill:after,.fr-icon-sailboat-fill:before{-webkit-mask-image:url(../icons/map/sailboat-fill.svg);mask-image:url(../icons/map/sailboat-fill.svg)}.fr-icon-sailboat-line:after,.fr-icon-sailboat-line:before{-webkit-mask-image:url(../icons/map/sailboat-line.svg);mask-image:url(../icons/map/sailboat-line.svg)}.fr-icon-ship-2-fill:after,.fr-icon-ship-2-fill:before{-webkit-mask-image:url(../icons/map/ship-2-fill.svg);mask-image:url(../icons/map/ship-2-fill.svg)}.fr-icon-ship-2-line:after,.fr-icon-ship-2-line:before{-webkit-mask-image:url(../icons/map/ship-2-line.svg);mask-image:url(../icons/map/ship-2-line.svg)}.fr-icon-signal-tower-fill:after,.fr-icon-signal-tower-fill:before{-webkit-mask-image:url(../icons/map/signal-tower-fill.svg);mask-image:url(../icons/map/signal-tower-fill.svg)}.fr-icon-signal-tower-line:after,.fr-icon-signal-tower-line:before{-webkit-mask-image:url(../icons/map/signal-tower-line.svg);mask-image:url(../icons/map/signal-tower-line.svg)}.fr-icon-suitcase-2-fill:after,.fr-icon-suitcase-2-fill:before{-webkit-mask-image:url(../icons/map/suitcase-2-fill.svg);mask-image:url(../icons/map/suitcase-2-fill.svg)}.fr-icon-suitcase-2-line:after,.fr-icon-suitcase-2-line:before{-webkit-mask-image:url(../icons/map/suitcase-2-line.svg);mask-image:url(../icons/map/suitcase-2-line.svg)}.fr-icon-taxi-fill:after,.fr-icon-taxi-fill:before{-webkit-mask-image:url(../icons/map/taxi-fill.svg);mask-image:url(../icons/map/taxi-fill.svg)}.fr-icon-taxi-line:after,.fr-icon-taxi-line:before{-webkit-mask-image:url(../icons/map/taxi-line.svg);mask-image:url(../icons/map/taxi-line.svg)}.fr-icon-train-fill:after,.fr-icon-train-fill:before{-webkit-mask-image:url(../icons/map/train-fill.svg);mask-image:url(../icons/map/train-fill.svg)}.fr-icon-train-line:after,.fr-icon-train-line:before{-webkit-mask-image:url(../icons/map/train-line.svg);mask-image:url(../icons/map/train-line.svg)}.fr-fi-map-pin-2-fill:after,.fr-fi-map-pin-2-fill:before{-webkit-mask-image:url(../icons/map/map-pin-2-fill.svg);mask-image:url(../icons/map/map-pin-2-fill.svg)}.fr-fi-map-pin-2-line:after,.fr-fi-map-pin-2-line:before{-webkit-mask-image:url(../icons/map/map-pin-2-line.svg);mask-image:url(../icons/map/map-pin-2-line.svg)}.fr-fi-road-map-fill:after,.fr-fi-road-map-fill:before{-webkit-mask-image:url(../icons/map/road-map-fill.svg);mask-image:url(../icons/map/road-map-fill.svg)}.fr-fi-road-map-line:after,.fr-fi-road-map-line:before{-webkit-mask-image:url(../icons/map/road-map-line.svg);mask-image:url(../icons/map/road-map-line.svg)}.fr-icon-align-left:after,.fr-icon-align-left:before{-webkit-mask-image:url(../icons/media/align-left.svg);mask-image:url(../icons/media/align-left.svg)}.fr-icon-camera-fill:after,.fr-icon-camera-fill:before{-webkit-mask-image:url(../icons/media/camera-fill.svg);mask-image:url(../icons/media/camera-fill.svg)}.fr-icon-camera-line:after,.fr-icon-camera-line:before{-webkit-mask-image:url(../icons/media/camera-line.svg);mask-image:url(../icons/media/camera-line.svg)}.fr-icon-clapperboard-fill:after,.fr-icon-clapperboard-fill:before{-webkit-mask-image:url(../icons/media/clapperboard-fill.svg);mask-image:url(../icons/media/clapperboard-fill.svg)}.fr-icon-clapperboard-line:after,.fr-icon-clapperboard-line:before{-webkit-mask-image:url(../icons/media/clapperboard-line.svg);mask-image:url(../icons/media/clapperboard-line.svg)}.fr-icon-equalizer-fill:after,.fr-icon-equalizer-fill:before{-webkit-mask-image:url(../icons/media/equalizer-fill.svg);mask-image:url(../icons/media/equalizer-fill.svg)}.fr-icon-equalizer-line:after,.fr-icon-equalizer-line:before{-webkit-mask-image:url(../icons/media/equalizer-line.svg);mask-image:url(../icons/media/equalizer-line.svg)}.fr-icon-film-fill:after,.fr-icon-film-fill:before{-webkit-mask-image:url(../icons/media/film-fill.svg);mask-image:url(../icons/media/film-fill.svg)}.fr-icon-film-line:after,.fr-icon-film-line:before{-webkit-mask-image:url(../icons/media/film-line.svg);mask-image:url(../icons/media/film-line.svg)}.fr-icon-fullscreen-line:after,.fr-icon-fullscreen-line:before{-webkit-mask-image:url(../icons/media/fullscreen-line.svg);mask-image:url(../icons/media/fullscreen-line.svg)}.fr-icon-gallery-fill:after,.fr-icon-gallery-fill:before{-webkit-mask-image:url(../icons/media/gallery-fill.svg);mask-image:url(../icons/media/gallery-fill.svg)}.fr-icon-gallery-line:after,.fr-icon-gallery-line:before{-webkit-mask-image:url(../icons/media/gallery-line.svg);mask-image:url(../icons/media/gallery-line.svg)}.fr-icon-headphone-fill:after,.fr-icon-headphone-fill:before{-webkit-mask-image:url(../icons/media/headphone-fill.svg);mask-image:url(../icons/media/headphone-fill.svg)}.fr-icon-headphone-line:after,.fr-icon-headphone-line:before{-webkit-mask-image:url(../icons/media/headphone-line.svg);mask-image:url(../icons/media/headphone-line.svg)}.fr-icon-image-add-fill:after,.fr-icon-image-add-fill:before{-webkit-mask-image:url(../icons/media/image-add-fill.svg);mask-image:url(../icons/media/image-add-fill.svg)}.fr-icon-image-add-line:after,.fr-icon-image-add-line:before{-webkit-mask-image:url(../icons/media/image-add-line.svg);mask-image:url(../icons/media/image-add-line.svg)}.fr-icon-image-edit-fill:after,.fr-icon-image-edit-fill:before{-webkit-mask-image:url(../icons/media/image-edit-fill.svg);mask-image:url(../icons/media/image-edit-fill.svg)}.fr-icon-image-edit-line:after,.fr-icon-image-edit-line:before{-webkit-mask-image:url(../icons/media/image-edit-line.svg);mask-image:url(../icons/media/image-edit-line.svg)}.fr-icon-image-fill:after,.fr-icon-image-fill:before{-webkit-mask-image:url(../icons/media/image-fill.svg);mask-image:url(../icons/media/image-fill.svg)}.fr-icon-image-line:after,.fr-icon-image-line:before{-webkit-mask-image:url(../icons/media/image-line.svg);mask-image:url(../icons/media/image-line.svg)}.fr-icon-live-fill:after,.fr-icon-live-fill:before{-webkit-mask-image:url(../icons/media/live-fill.svg);mask-image:url(../icons/media/live-fill.svg)}.fr-icon-live-line:after,.fr-icon-live-line:before{-webkit-mask-image:url(../icons/media/live-line.svg);mask-image:url(../icons/media/live-line.svg)}.fr-icon-mic-fill:after,.fr-icon-mic-fill:before{-webkit-mask-image:url(../icons/media/mic-fill.svg);mask-image:url(../icons/media/mic-fill.svg)}.fr-icon-mic-line:after,.fr-icon-mic-line:before{-webkit-mask-image:url(../icons/media/mic-line.svg);mask-image:url(../icons/media/mic-line.svg)}.fr-icon-music-2-fill:after,.fr-icon-music-2-fill:before{-webkit-mask-image:url(../icons/media/music-2-fill.svg);mask-image:url(../icons/media/music-2-fill.svg)}.fr-icon-music-2-line:after,.fr-icon-music-2-line:before{-webkit-mask-image:url(../icons/media/music-2-line.svg);mask-image:url(../icons/media/music-2-line.svg)}.fr-icon-notification-3-fill:after,.fr-icon-notification-3-fill:before{-webkit-mask-image:url(../icons/media/notification-3-fill.svg);mask-image:url(../icons/media/notification-3-fill.svg)}.fr-icon-notification-3-line:after,.fr-icon-notification-3-line:before{-webkit-mask-image:url(../icons/media/notification-3-line.svg);mask-image:url(../icons/media/notification-3-line.svg)}.fr-icon-pause-circle-fill:after,.fr-icon-pause-circle-fill:before{-webkit-mask-image:url(../icons/media/pause-circle-fill.svg);mask-image:url(../icons/media/pause-circle-fill.svg)}.fr-icon-pause-circle-line:after,.fr-icon-pause-circle-line:before{-webkit-mask-image:url(../icons/media/pause-circle-line.svg);mask-image:url(../icons/media/pause-circle-line.svg)}.fr-icon-play-circle-fill:after,.fr-icon-play-circle-fill:before{-webkit-mask-image:url(../icons/media/play-circle-fill.svg);mask-image:url(../icons/media/play-circle-fill.svg)}.fr-icon-play-circle-line:after,.fr-icon-play-circle-line:before{-webkit-mask-image:url(../icons/media/play-circle-line.svg);mask-image:url(../icons/media/play-circle-line.svg)}.fr-icon-stop-circle-fill:after,.fr-icon-stop-circle-fill:before{-webkit-mask-image:url(../icons/media/stop-circle-fill.svg);mask-image:url(../icons/media/stop-circle-fill.svg)}.fr-icon-stop-circle-line:after,.fr-icon-stop-circle-line:before{-webkit-mask-image:url(../icons/media/stop-circle-line.svg);mask-image:url(../icons/media/stop-circle-line.svg)}.fr-icon-volume-down-fill:after,.fr-icon-volume-down-fill:before{-webkit-mask-image:url(../icons/media/volume-down-fill.svg);mask-image:url(../icons/media/volume-down-fill.svg)}.fr-icon-volume-down-line:after,.fr-icon-volume-down-line:before{-webkit-mask-image:url(../icons/media/volume-down-line.svg);mask-image:url(../icons/media/volume-down-line.svg)}.fr-icon-volume-mute-fill:after,.fr-icon-volume-mute-fill:before{-webkit-mask-image:url(../icons/media/volume-mute-fill.svg);mask-image:url(../icons/media/volume-mute-fill.svg)}.fr-icon-volume-mute-line:after,.fr-icon-volume-mute-line:before{-webkit-mask-image:url(../icons/media/volume-mute-line.svg);mask-image:url(../icons/media/volume-mute-line.svg)}.fr-icon-volume-up-fill:after,.fr-icon-volume-up-fill:before{-webkit-mask-image:url(../icons/media/volume-up-fill.svg);mask-image:url(../icons/media/volume-up-fill.svg)}.fr-icon-volume-up-line:after,.fr-icon-volume-up-line:before{-webkit-mask-image:url(../icons/media/volume-up-line.svg);mask-image:url(../icons/media/volume-up-line.svg)}.fr-fi-equalizer-fill:after,.fr-fi-equalizer-fill:before{-webkit-mask-image:url(../icons/media/equalizer-fill.svg);mask-image:url(../icons/media/equalizer-fill.svg)}.fr-fi-equalizer-line:after,.fr-fi-equalizer-line:before{-webkit-mask-image:url(../icons/media/equalizer-line.svg);mask-image:url(../icons/media/equalizer-line.svg)}.fr-fi-image-fill:after,.fr-fi-image-fill:before{-webkit-mask-image:url(../icons/media/image-fill.svg);mask-image:url(../icons/media/image-fill.svg)}.fr-fi-image-line:after,.fr-fi-image-line:before{-webkit-mask-image:url(../icons/media/image-line.svg);mask-image:url(../icons/media/image-line.svg)}.fr-fi-pause-circle-fill:after,.fr-fi-pause-circle-fill:before{-webkit-mask-image:url(../icons/media/pause-circle-fill.svg);mask-image:url(../icons/media/pause-circle-fill.svg)}.fr-fi-pause-circle-line:after,.fr-fi-pause-circle-line:before{-webkit-mask-image:url(../icons/media/pause-circle-line.svg);mask-image:url(../icons/media/pause-circle-line.svg)}.fr-fi-volume-down-fill:after,.fr-fi-volume-down-fill:before{-webkit-mask-image:url(../icons/media/volume-down-fill.svg);mask-image:url(../icons/media/volume-down-fill.svg)}.fr-fi-volume-down-line:after,.fr-fi-volume-down-line:before{-webkit-mask-image:url(../icons/media/volume-down-line.svg);mask-image:url(../icons/media/volume-down-line.svg)}.fr-fi-volume-mute-fill:after,.fr-fi-volume-mute-fill:before{-webkit-mask-image:url(../icons/media/volume-mute-fill.svg);mask-image:url(../icons/media/volume-mute-fill.svg)}.fr-fi-volume-mute-line:after,.fr-fi-volume-mute-line:before{-webkit-mask-image:url(../icons/media/volume-mute-line.svg);mask-image:url(../icons/media/volume-mute-line.svg)}.fr-fi-volume-up-fill:after,.fr-fi-volume-up-fill:before{-webkit-mask-image:url(../icons/media/volume-up-fill.svg);mask-image:url(../icons/media/volume-up-fill.svg)}.fr-fi-volume-up-line:after,.fr-fi-volume-up-line:before{-webkit-mask-image:url(../icons/media/volume-up-line.svg);mask-image:url(../icons/media/volume-up-line.svg)}.fr-fi-play-line:after,.fr-fi-play-line:before{-webkit-mask-image:url(../icons/media/play-circle-line.svg);mask-image:url(../icons/media/play-circle-line.svg)}.fr-fi-play-fill:after,.fr-fi-play-fill:before{-webkit-mask-image:url(../icons/media/play-circle-fill.svg);mask-image:url(../icons/media/play-circle-fill.svg)}.fr-icon-play-line:after,.fr-icon-play-line:before{-webkit-mask-image:url(../icons/media/play-circle-line.svg);mask-image:url(../icons/media/play-circle-line.svg)}.fr-icon-play-fill:after,.fr-icon-play-fill:before{-webkit-mask-image:url(../icons/media/play-circle-fill.svg);mask-image:url(../icons/media/play-circle-fill.svg)}.fr-icon-leaf-fill:after,.fr-icon-leaf-fill:before{-webkit-mask-image:url(../icons/others/leaf-fill.svg);mask-image:url(../icons/others/leaf-fill.svg)}.fr-icon-leaf-line:after,.fr-icon-leaf-line:before{-webkit-mask-image:url(../icons/others/leaf-line.svg);mask-image:url(../icons/others/leaf-line.svg)}.fr-icon-lightbulb-fill:after,.fr-icon-lightbulb-fill:before{-webkit-mask-image:url(../icons/others/lightbulb-fill.svg);mask-image:url(../icons/others/lightbulb-fill.svg)}.fr-icon-lightbulb-line:after,.fr-icon-lightbulb-line:before{-webkit-mask-image:url(../icons/others/lightbulb-line.svg);mask-image:url(../icons/others/lightbulb-line.svg)}.fr-icon-plant-fill:after,.fr-icon-plant-fill:before{-webkit-mask-image:url(../icons/others/plant-fill.svg);mask-image:url(../icons/others/plant-fill.svg)}.fr-icon-plant-line:after,.fr-icon-plant-line:before{-webkit-mask-image:url(../icons/others/plant-line.svg);mask-image:url(../icons/others/plant-line.svg)}.fr-icon-recycle-fill:after,.fr-icon-recycle-fill:before{-webkit-mask-image:url(../icons/others/recycle-fill.svg);mask-image:url(../icons/others/recycle-fill.svg)}.fr-icon-recycle-line:after,.fr-icon-recycle-line:before{-webkit-mask-image:url(../icons/others/recycle-line.svg);mask-image:url(../icons/others/recycle-line.svg)}.fr-icon-scales-3-fill:after,.fr-icon-scales-3-fill:before{-webkit-mask-image:url(../icons/others/scales-3-fill.svg);mask-image:url(../icons/others/scales-3-fill.svg)}.fr-icon-scales-3-line:after,.fr-icon-scales-3-line:before{-webkit-mask-image:url(../icons/others/scales-3-line.svg);mask-image:url(../icons/others/scales-3-line.svg)}.fr-icon-seedling-fill:after,.fr-icon-seedling-fill:before{-webkit-mask-image:url(../icons/others/seedling-fill.svg);mask-image:url(../icons/others/seedling-fill.svg)}.fr-icon-seedling-line:after,.fr-icon-seedling-line:before{-webkit-mask-image:url(../icons/others/seedling-line.svg);mask-image:url(../icons/others/seedling-line.svg)}.fr-icon-umbrella-fill:after,.fr-icon-umbrella-fill:before{-webkit-mask-image:url(../icons/others/umbrella-fill.svg);mask-image:url(../icons/others/umbrella-fill.svg)}.fr-icon-umbrella-line:after,.fr-icon-umbrella-line:before{-webkit-mask-image:url(../icons/others/umbrella-line.svg);mask-image:url(../icons/others/umbrella-line.svg)}.fr-icon-add-circle-fill:after,.fr-icon-add-circle-fill:before{-webkit-mask-image:url(../icons/system/add-circle-fill.svg);mask-image:url(../icons/system/add-circle-fill.svg)}.fr-icon-add-circle-line:after,.fr-icon-add-circle-line:before{-webkit-mask-image:url(../icons/system/add-circle-line.svg);mask-image:url(../icons/system/add-circle-line.svg)}.fr-icon-add-line:after,.fr-icon-add-line:before{-webkit-mask-image:url(../icons/system/add-line.svg);mask-image:url(../icons/system/add-line.svg)}.fr-icon-alarm-warning-fill:after,.fr-icon-alarm-warning-fill:before{-webkit-mask-image:url(../icons/system/alarm-warning-fill.svg);mask-image:url(../icons/system/alarm-warning-fill.svg)}.fr-icon-alarm-warning-line:after,.fr-icon-alarm-warning-line:before{-webkit-mask-image:url(../icons/system/alarm-warning-line.svg);mask-image:url(../icons/system/alarm-warning-line.svg)}.fr-icon-alert-fill:after,.fr-icon-alert-fill:before{-webkit-mask-image:url(../icons/system/alert-fill.svg);mask-image:url(../icons/system/alert-fill.svg)}.fr-icon-alert-line:after,.fr-icon-alert-line:before{-webkit-mask-image:url(../icons/system/alert-line.svg);mask-image:url(../icons/system/alert-line.svg)}.fr-icon-arrow-down-fill:after,.fr-icon-arrow-down-fill:before{-webkit-mask-image:url(../icons/system/arrow-down-fill.svg);mask-image:url(../icons/system/arrow-down-fill.svg)}.fr-icon-arrow-down-line:after,.fr-icon-arrow-down-line:before{-webkit-mask-image:url(../icons/system/arrow-down-line.svg);mask-image:url(../icons/system/arrow-down-line.svg)}.fr-icon-arrow-down-s-fill:after,.fr-icon-arrow-down-s-fill:before{-webkit-mask-image:url(../icons/system/arrow-down-s-fill.svg);mask-image:url(../icons/system/arrow-down-s-fill.svg)}.fr-icon-arrow-down-s-line:after,.fr-icon-arrow-down-s-line:before{-webkit-mask-image:url(../icons/system/arrow-down-s-line.svg);mask-image:url(../icons/system/arrow-down-s-line.svg)}.fr-icon-arrow-go-back-fill:after,.fr-icon-arrow-go-back-fill:before{-webkit-mask-image:url(../icons/system/arrow-go-back-fill.svg);mask-image:url(../icons/system/arrow-go-back-fill.svg)}.fr-icon-arrow-go-back-line:after,.fr-icon-arrow-go-back-line:before{-webkit-mask-image:url(../icons/system/arrow-go-back-line.svg);mask-image:url(../icons/system/arrow-go-back-line.svg)}.fr-icon-arrow-go-forward-fill:after,.fr-icon-arrow-go-forward-fill:before{-webkit-mask-image:url(../icons/system/arrow-go-forward-fill.svg);mask-image:url(../icons/system/arrow-go-forward-fill.svg)}.fr-icon-arrow-go-forward-line:after,.fr-icon-arrow-go-forward-line:before{-webkit-mask-image:url(../icons/system/arrow-go-forward-line.svg);mask-image:url(../icons/system/arrow-go-forward-line.svg)}.fr-icon-arrow-left-fill:after,.fr-icon-arrow-left-fill:before{-webkit-mask-image:url(../icons/system/arrow-left-fill.svg);mask-image:url(../icons/system/arrow-left-fill.svg)}.fr-icon-arrow-left-line:after,.fr-icon-arrow-left-line:before{-webkit-mask-image:url(../icons/system/arrow-left-line.svg);mask-image:url(../icons/system/arrow-left-line.svg)}.fr-icon-arrow-left-s-fill:after,.fr-icon-arrow-left-s-fill:before{-webkit-mask-image:url(../icons/system/arrow-left-s-fill.svg);mask-image:url(../icons/system/arrow-left-s-fill.svg)}.fr-icon-arrow-left-s-line:after,.fr-icon-arrow-left-s-line:before{-webkit-mask-image:url(../icons/system/arrow-left-s-line.svg);mask-image:url(../icons/system/arrow-left-s-line.svg)}.fr-icon-arrow-right-fill:after,.fr-icon-arrow-right-fill:before{-webkit-mask-image:url(../icons/system/arrow-right-fill.svg);mask-image:url(../icons/system/arrow-right-fill.svg)}.fr-icon-arrow-right-line:after,.fr-icon-arrow-right-line:before{-webkit-mask-image:url(../icons/system/arrow-right-line.svg);mask-image:url(../icons/system/arrow-right-line.svg)}.fr-icon-arrow-right-s-fill:after,.fr-icon-arrow-right-s-fill:before{-webkit-mask-image:url(../icons/system/arrow-right-s-fill.svg);mask-image:url(../icons/system/arrow-right-s-fill.svg)}.fr-icon-arrow-right-s-line:after,.fr-icon-arrow-right-s-line:before{-webkit-mask-image:url(../icons/system/arrow-right-s-line.svg);mask-image:url(../icons/system/arrow-right-s-line.svg)}.fr-icon-arrow-right-up-line:after,.fr-icon-arrow-right-up-line:before{-webkit-mask-image:url(../icons/system/arrow-right-up-line.svg);mask-image:url(../icons/system/arrow-right-up-line.svg)}.fr-icon-arrow-up-fill:after,.fr-icon-arrow-up-fill:before{-webkit-mask-image:url(../icons/system/arrow-up-fill.svg);mask-image:url(../icons/system/arrow-up-fill.svg)}.fr-icon-arrow-up-line:after,.fr-icon-arrow-up-line:before{-webkit-mask-image:url(../icons/system/arrow-up-line.svg);mask-image:url(../icons/system/arrow-up-line.svg)}.fr-icon-arrow-up-s-fill:after,.fr-icon-arrow-up-s-fill:before{-webkit-mask-image:url(../icons/system/arrow-up-s-fill.svg);mask-image:url(../icons/system/arrow-up-s-fill.svg)}.fr-icon-arrow-up-s-line:after,.fr-icon-arrow-up-s-line:before{-webkit-mask-image:url(../icons/system/arrow-up-s-line.svg);mask-image:url(../icons/system/arrow-up-s-line.svg)}.fr-icon-check-line:after,.fr-icon-check-line:before{-webkit-mask-image:url(../icons/system/check-line.svg);mask-image:url(../icons/system/check-line.svg)}.fr-icon-checkbox-circle-fill:after,.fr-icon-checkbox-circle-fill:before{-webkit-mask-image:url(../icons/system/checkbox-circle-fill.svg);mask-image:url(../icons/system/checkbox-circle-fill.svg)}.fr-icon-checkbox-circle-line:after,.fr-icon-checkbox-circle-line:before{-webkit-mask-image:url(../icons/system/checkbox-circle-line.svg);mask-image:url(../icons/system/checkbox-circle-line.svg)}.fr-icon-checkbox-fill:after,.fr-icon-checkbox-fill:before{-webkit-mask-image:url(../icons/system/checkbox-fill.svg);mask-image:url(../icons/system/checkbox-fill.svg)}.fr-icon-checkbox-line:after,.fr-icon-checkbox-line:before{-webkit-mask-image:url(../icons/system/checkbox-line.svg);mask-image:url(../icons/system/checkbox-line.svg)}.fr-icon-close-circle-fill:after,.fr-icon-close-circle-fill:before{-webkit-mask-image:url(../icons/system/close-circle-fill.svg);mask-image:url(../icons/system/close-circle-fill.svg)}.fr-icon-close-circle-line:after,.fr-icon-close-circle-line:before{-webkit-mask-image:url(../icons/system/close-circle-line.svg);mask-image:url(../icons/system/close-circle-line.svg)}.fr-icon-close-line:after,.fr-icon-close-line:before{-webkit-mask-image:url(../icons/system/close-line.svg);mask-image:url(../icons/system/close-line.svg)}.fr-icon-delete-bin-fill:after,.fr-icon-delete-bin-fill:before{-webkit-mask-image:url(../icons/system/delete-bin-fill.svg);mask-image:url(../icons/system/delete-bin-fill.svg)}.fr-icon-delete-bin-line:after,.fr-icon-delete-bin-line:before{-webkit-mask-image:url(../icons/system/delete-bin-line.svg);mask-image:url(../icons/system/delete-bin-line.svg)}.fr-icon-download-fill:after,.fr-icon-download-fill:before{-webkit-mask-image:url(../icons/system/download-fill.svg);mask-image:url(../icons/system/download-fill.svg)}.fr-icon-download-line:after,.fr-icon-download-line:before{-webkit-mask-image:url(../icons/system/download-line.svg);mask-image:url(../icons/system/download-line.svg)}.fr-icon-error-warning-fill:after,.fr-icon-error-warning-fill:before{-webkit-mask-image:url(../icons/system/error-warning-fill.svg);mask-image:url(../icons/system/error-warning-fill.svg)}.fr-icon-error-warning-line:after,.fr-icon-error-warning-line:before{-webkit-mask-image:url(../icons/system/error-warning-line.svg);mask-image:url(../icons/system/error-warning-line.svg)}.fr-icon-external-link-fill:after,.fr-icon-external-link-fill:before{-webkit-mask-image:url(../icons/system/external-link-fill.svg);mask-image:url(../icons/system/external-link-fill.svg)}.fr-icon-external-link-line:after,.fr-icon-external-link-line:before{-webkit-mask-image:url(../icons/system/external-link-line.svg);mask-image:url(../icons/system/external-link-line.svg)}.fr-icon-eye-fill:after,.fr-icon-eye-fill:before{-webkit-mask-image:url(../icons/system/eye-fill.svg);mask-image:url(../icons/system/eye-fill.svg)}.fr-icon-eye-line:after,.fr-icon-eye-line:before{-webkit-mask-image:url(../icons/system/eye-line.svg);mask-image:url(../icons/system/eye-line.svg)}.fr-icon-eye-off-fill:after,.fr-icon-eye-off-fill:before{-webkit-mask-image:url(../icons/system/eye-off-fill.svg);mask-image:url(../icons/system/eye-off-fill.svg)}.fr-icon-eye-off-line:after,.fr-icon-eye-off-line:before{-webkit-mask-image:url(../icons/system/eye-off-line.svg);mask-image:url(../icons/system/eye-off-line.svg)}.fr-icon-filter-fill:after,.fr-icon-filter-fill:before{-webkit-mask-image:url(../icons/system/filter-fill.svg);mask-image:url(../icons/system/filter-fill.svg)}.fr-icon-filter-line:after,.fr-icon-filter-line:before{-webkit-mask-image:url(../icons/system/filter-line.svg);mask-image:url(../icons/system/filter-line.svg)}.fr-icon-arrow-left-s-first-line:after,.fr-icon-arrow-left-s-first-line:before{-webkit-mask-image:url(../icons/system/fr--arrow-left-s-first-line.svg);mask-image:url(../icons/system/fr--arrow-left-s-first-line.svg)}.fr-icon-arrow-left-s-line-double:after,.fr-icon-arrow-left-s-line-double:before{-webkit-mask-image:url(../icons/system/fr--arrow-left-s-line-double.svg);mask-image:url(../icons/system/fr--arrow-left-s-line-double.svg)}.fr-icon-arrow-right-down-circle-fill:after,.fr-icon-arrow-right-down-circle-fill:before{-webkit-mask-image:url(../icons/system/fr--arrow-right-down-circle-fill.svg);mask-image:url(../icons/system/fr--arrow-right-down-circle-fill.svg)}.fr-icon-arrow-right-s-last-line:after,.fr-icon-arrow-right-s-last-line:before{-webkit-mask-image:url(../icons/system/fr--arrow-right-s-last-line.svg);mask-image:url(../icons/system/fr--arrow-right-s-last-line.svg)}.fr-icon-arrow-right-s-line-double:after,.fr-icon-arrow-right-s-line-double:before{-webkit-mask-image:url(../icons/system/fr--arrow-right-s-line-double.svg);mask-image:url(../icons/system/fr--arrow-right-s-line-double.svg)}.fr-icon-arrow-right-up-circle-fill:after,.fr-icon-arrow-right-up-circle-fill:before{-webkit-mask-image:url(../icons/system/fr--arrow-right-up-circle-fill.svg);mask-image:url(../icons/system/fr--arrow-right-up-circle-fill.svg)}.fr-icon-capslock-line:after,.fr-icon-capslock-line:before{-webkit-mask-image:url(../icons/system/fr--capslock-line.svg);mask-image:url(../icons/system/fr--capslock-line.svg)}.fr-icon-equal-circle-fill:after,.fr-icon-equal-circle-fill:before{-webkit-mask-image:url(../icons/system/fr--equal-circle-fill.svg);mask-image:url(../icons/system/fr--equal-circle-fill.svg)}.fr-icon-error-fill:after,.fr-icon-error-fill:before{-webkit-mask-image:url(../icons/system/fr--error-fill.svg);mask-image:url(../icons/system/fr--error-fill.svg)}.fr-icon-error-line:after,.fr-icon-error-line:before{-webkit-mask-image:url(../icons/system/fr--error-line.svg);mask-image:url(../icons/system/fr--error-line.svg)}.fr-icon-info-fill:after,.fr-icon-info-fill:before{-webkit-mask-image:url(../icons/system/fr--info-fill.svg);mask-image:url(../icons/system/fr--info-fill.svg)}.fr-icon-info-line:after,.fr-icon-info-line:before{-webkit-mask-image:url(../icons/system/fr--info-line.svg);mask-image:url(../icons/system/fr--info-line.svg)}.fr-icon-success-fill:after,.fr-icon-success-fill:before{-webkit-mask-image:url(../icons/system/fr--success-fill.svg);mask-image:url(../icons/system/fr--success-fill.svg)}.fr-icon-success-line:after,.fr-icon-success-line:before{-webkit-mask-image:url(../icons/system/fr--success-line.svg);mask-image:url(../icons/system/fr--success-line.svg)}.fr-icon-theme-fill:after,.fr-icon-theme-fill:before{-webkit-mask-image:url(../icons/system/fr--theme-fill.svg);mask-image:url(../icons/system/fr--theme-fill.svg)}.fr-icon-warning-fill:after,.fr-icon-warning-fill:before{-webkit-mask-image:url(../icons/system/fr--warning-fill.svg);mask-image:url(../icons/system/fr--warning-fill.svg)}.fr-icon-warning-line:after,.fr-icon-warning-line:before{-webkit-mask-image:url(../icons/system/fr--warning-line.svg);mask-image:url(../icons/system/fr--warning-line.svg)}.fr-icon-information-fill:after,.fr-icon-information-fill:before{-webkit-mask-image:url(../icons/system/information-fill.svg);mask-image:url(../icons/system/information-fill.svg)}.fr-icon-information-line:after,.fr-icon-information-line:before{-webkit-mask-image:url(../icons/system/information-line.svg);mask-image:url(../icons/system/information-line.svg)}.fr-icon-lock-fill:after,.fr-icon-lock-fill:before{-webkit-mask-image:url(../icons/system/lock-fill.svg);mask-image:url(../icons/system/lock-fill.svg)}.fr-icon-lock-line:after,.fr-icon-lock-line:before{-webkit-mask-image:url(../icons/system/lock-line.svg);mask-image:url(../icons/system/lock-line.svg)}.fr-icon-lock-unlock-fill:after,.fr-icon-lock-unlock-fill:before{-webkit-mask-image:url(../icons/system/lock-unlock-fill.svg);mask-image:url(../icons/system/lock-unlock-fill.svg)}.fr-icon-lock-unlock-line:after,.fr-icon-lock-unlock-line:before{-webkit-mask-image:url(../icons/system/lock-unlock-line.svg);mask-image:url(../icons/system/lock-unlock-line.svg)}.fr-icon-logout-box-r-fill:after,.fr-icon-logout-box-r-fill:before{-webkit-mask-image:url(../icons/system/logout-box-r-fill.svg);mask-image:url(../icons/system/logout-box-r-fill.svg)}.fr-icon-logout-box-r-line:after,.fr-icon-logout-box-r-line:before{-webkit-mask-image:url(../icons/system/logout-box-r-line.svg);mask-image:url(../icons/system/logout-box-r-line.svg)}.fr-icon-menu-2-fill:after,.fr-icon-menu-2-fill:before{-webkit-mask-image:url(../icons/system/menu-2-fill.svg);mask-image:url(../icons/system/menu-2-fill.svg)}.fr-icon-menu-fill:after,.fr-icon-menu-fill:before{-webkit-mask-image:url(../icons/system/menu-fill.svg);mask-image:url(../icons/system/menu-fill.svg)}.fr-icon-more-fill:after,.fr-icon-more-fill:before{-webkit-mask-image:url(../icons/system/more-fill.svg);mask-image:url(../icons/system/more-fill.svg)}.fr-icon-more-line:after,.fr-icon-more-line:before{-webkit-mask-image:url(../icons/system/more-line.svg);mask-image:url(../icons/system/more-line.svg)}.fr-icon-notification-badge-fill:after,.fr-icon-notification-badge-fill:before{-webkit-mask-image:url(../icons/system/notification-badge-fill.svg);mask-image:url(../icons/system/notification-badge-fill.svg)}.fr-icon-notification-badge-line:after,.fr-icon-notification-badge-line:before{-webkit-mask-image:url(../icons/system/notification-badge-line.svg);mask-image:url(../icons/system/notification-badge-line.svg)}.fr-icon-question-fill:after,.fr-icon-question-fill:before{-webkit-mask-image:url(../icons/system/question-fill.svg);mask-image:url(../icons/system/question-fill.svg)}.fr-icon-question-line:after,.fr-icon-question-line:before{-webkit-mask-image:url(../icons/system/question-line.svg);mask-image:url(../icons/system/question-line.svg)}.fr-icon-refresh-fill:after,.fr-icon-refresh-fill:before{-webkit-mask-image:url(../icons/system/refresh-fill.svg);mask-image:url(../icons/system/refresh-fill.svg)}.fr-icon-refresh-line:after,.fr-icon-refresh-line:before{-webkit-mask-image:url(../icons/system/refresh-line.svg);mask-image:url(../icons/system/refresh-line.svg)}.fr-icon-search-fill:after,.fr-icon-search-fill:before{-webkit-mask-image:url(../icons/system/search-fill.svg);mask-image:url(../icons/system/search-fill.svg)}.fr-icon-search-line:after,.fr-icon-search-line:before{-webkit-mask-image:url(../icons/system/search-line.svg);mask-image:url(../icons/system/search-line.svg)}.fr-icon-settings-5-fill:after,.fr-icon-settings-5-fill:before{-webkit-mask-image:url(../icons/system/settings-5-fill.svg);mask-image:url(../icons/system/settings-5-fill.svg)}.fr-icon-settings-5-line:after,.fr-icon-settings-5-line:before{-webkit-mask-image:url(../icons/system/settings-5-line.svg);mask-image:url(../icons/system/settings-5-line.svg)}.fr-icon-shield-fill:after,.fr-icon-shield-fill:before{-webkit-mask-image:url(../icons/system/shield-fill.svg);mask-image:url(../icons/system/shield-fill.svg)}.fr-icon-shield-line:after,.fr-icon-shield-line:before{-webkit-mask-image:url(../icons/system/shield-line.svg);mask-image:url(../icons/system/shield-line.svg)}.fr-icon-star-fill:after,.fr-icon-star-fill:before{-webkit-mask-image:url(../icons/system/star-fill.svg);mask-image:url(../icons/system/star-fill.svg)}.fr-icon-star-line:after,.fr-icon-star-line:before{-webkit-mask-image:url(../icons/system/star-line.svg);mask-image:url(../icons/system/star-line.svg)}.fr-icon-star-s-fill:after,.fr-icon-star-s-fill:before{-webkit-mask-image:url(../icons/system/star-s-fill.svg);mask-image:url(../icons/system/star-s-fill.svg)}.fr-icon-star-s-line:after,.fr-icon-star-s-line:before{-webkit-mask-image:url(../icons/system/star-s-line.svg);mask-image:url(../icons/system/star-s-line.svg)}.fr-icon-subtract-line:after,.fr-icon-subtract-line:before{-webkit-mask-image:url(../icons/system/subtract-line.svg);mask-image:url(../icons/system/subtract-line.svg)}.fr-icon-thumb-down-fill:after,.fr-icon-thumb-down-fill:before{-webkit-mask-image:url(../icons/system/thumb-down-fill.svg);mask-image:url(../icons/system/thumb-down-fill.svg)}.fr-icon-thumb-down-line:after,.fr-icon-thumb-down-line:before{-webkit-mask-image:url(../icons/system/thumb-down-line.svg);mask-image:url(../icons/system/thumb-down-line.svg)}.fr-icon-thumb-up-fill:after,.fr-icon-thumb-up-fill:before{-webkit-mask-image:url(../icons/system/thumb-up-fill.svg);mask-image:url(../icons/system/thumb-up-fill.svg)}.fr-icon-thumb-up-line:after,.fr-icon-thumb-up-line:before{-webkit-mask-image:url(../icons/system/thumb-up-line.svg);mask-image:url(../icons/system/thumb-up-line.svg)}.fr-icon-time-fill:after,.fr-icon-time-fill:before{-webkit-mask-image:url(../icons/system/time-fill.svg);mask-image:url(../icons/system/time-fill.svg)}.fr-icon-time-line:after,.fr-icon-time-line:before{-webkit-mask-image:url(../icons/system/time-line.svg);mask-image:url(../icons/system/time-line.svg)}.fr-icon-timer-fill:after,.fr-icon-timer-fill:before{-webkit-mask-image:url(../icons/system/timer-fill.svg);mask-image:url(../icons/system/timer-fill.svg)}.fr-icon-timer-line:after,.fr-icon-timer-line:before{-webkit-mask-image:url(../icons/system/timer-line.svg);mask-image:url(../icons/system/timer-line.svg)}.fr-icon-upload-2-fill:after,.fr-icon-upload-2-fill:before{-webkit-mask-image:url(../icons/system/upload-2-fill.svg);mask-image:url(../icons/system/upload-2-fill.svg)}.fr-icon-upload-2-line:after,.fr-icon-upload-2-line:before{-webkit-mask-image:url(../icons/system/upload-2-line.svg);mask-image:url(../icons/system/upload-2-line.svg)}.fr-icon-upload-fill:after,.fr-icon-upload-fill:before{-webkit-mask-image:url(../icons/system/upload-fill.svg);mask-image:url(../icons/system/upload-fill.svg)}.fr-icon-upload-line:after,.fr-icon-upload-line:before{-webkit-mask-image:url(../icons/system/upload-line.svg);mask-image:url(../icons/system/upload-line.svg)}.fr-icon-zoom-in-fill:after,.fr-icon-zoom-in-fill:before{-webkit-mask-image:url(../icons/system/zoom-in-fill.svg);mask-image:url(../icons/system/zoom-in-fill.svg)}.fr-icon-zoom-in-line:after,.fr-icon-zoom-in-line:before{-webkit-mask-image:url(../icons/system/zoom-in-line.svg);mask-image:url(../icons/system/zoom-in-line.svg)}.fr-icon-zoom-out-fill:after,.fr-icon-zoom-out-fill:before{-webkit-mask-image:url(../icons/system/zoom-out-fill.svg);mask-image:url(../icons/system/zoom-out-fill.svg)}.fr-icon-zoom-out-line:after,.fr-icon-zoom-out-line:before{-webkit-mask-image:url(../icons/system/zoom-out-line.svg);mask-image:url(../icons/system/zoom-out-line.svg)}.fr-fi-add-circle-fill:after,.fr-fi-add-circle-fill:before{-webkit-mask-image:url(../icons/system/add-circle-fill.svg);mask-image:url(../icons/system/add-circle-fill.svg)}.fr-fi-add-circle-line:after,.fr-fi-add-circle-line:before{-webkit-mask-image:url(../icons/system/add-circle-line.svg);mask-image:url(../icons/system/add-circle-line.svg)}.fr-fi-add-line:after,.fr-fi-add-line:before{-webkit-mask-image:url(../icons/system/add-line.svg);mask-image:url(../icons/system/add-line.svg)}.fr-fi-arrow-down-line:after,.fr-fi-arrow-down-line:before{-webkit-mask-image:url(../icons/system/arrow-down-line.svg);mask-image:url(../icons/system/arrow-down-line.svg)}.fr-fi-arrow-down-s-line:after,.fr-fi-arrow-down-s-line:before{-webkit-mask-image:url(../icons/system/arrow-down-s-line.svg);mask-image:url(../icons/system/arrow-down-s-line.svg)}.fr-fi-arrow-go-back-fill:after,.fr-fi-arrow-go-back-fill:before{-webkit-mask-image:url(../icons/system/arrow-go-back-fill.svg);mask-image:url(../icons/system/arrow-go-back-fill.svg)}.fr-fi-arrow-go-back-line:after,.fr-fi-arrow-go-back-line:before{-webkit-mask-image:url(../icons/system/arrow-go-back-line.svg);mask-image:url(../icons/system/arrow-go-back-line.svg)}.fr-fi-arrow-left-line:after,.fr-fi-arrow-left-line:before{-webkit-mask-image:url(../icons/system/arrow-left-line.svg);mask-image:url(../icons/system/arrow-left-line.svg)}.fr-fi-arrow-left-s-line:after,.fr-fi-arrow-left-s-line:before{-webkit-mask-image:url(../icons/system/arrow-left-s-line.svg);mask-image:url(../icons/system/arrow-left-s-line.svg)}.fr-fi-arrow-right-line:after,.fr-fi-arrow-right-line:before{-webkit-mask-image:url(../icons/system/arrow-right-line.svg);mask-image:url(../icons/system/arrow-right-line.svg)}.fr-fi-arrow-right-s-line:after,.fr-fi-arrow-right-s-line:before{-webkit-mask-image:url(../icons/system/arrow-right-s-line.svg);mask-image:url(../icons/system/arrow-right-s-line.svg)}.fr-fi-arrow-right-up-line:after,.fr-fi-arrow-right-up-line:before{-webkit-mask-image:url(../icons/system/arrow-right-up-line.svg);mask-image:url(../icons/system/arrow-right-up-line.svg)}.fr-fi-arrow-up-fill:after,.fr-fi-arrow-up-fill:before{-webkit-mask-image:url(../icons/system/arrow-up-fill.svg);mask-image:url(../icons/system/arrow-up-fill.svg)}.fr-fi-arrow-up-line:after,.fr-fi-arrow-up-line:before{-webkit-mask-image:url(../icons/system/arrow-up-line.svg);mask-image:url(../icons/system/arrow-up-line.svg)}.fr-fi-arrow-up-s-line:after,.fr-fi-arrow-up-s-line:before{-webkit-mask-image:url(../icons/system/arrow-up-s-line.svg);mask-image:url(../icons/system/arrow-up-s-line.svg)}.fr-fi-check-line:after,.fr-fi-check-line:before{-webkit-mask-image:url(../icons/system/check-line.svg);mask-image:url(../icons/system/check-line.svg)}.fr-fi-checkbox-circle-line:after,.fr-fi-checkbox-circle-line:before{-webkit-mask-image:url(../icons/system/checkbox-circle-line.svg);mask-image:url(../icons/system/checkbox-circle-line.svg)}.fr-fi-close-line:after,.fr-fi-close-line:before{-webkit-mask-image:url(../icons/system/close-line.svg);mask-image:url(../icons/system/close-line.svg)}.fr-fi-download-line:after,.fr-fi-download-line:before{-webkit-mask-image:url(../icons/system/download-line.svg);mask-image:url(../icons/system/download-line.svg)}.fr-fi-error-warning-fill:after,.fr-fi-error-warning-fill:before{-webkit-mask-image:url(../icons/system/error-warning-fill.svg);mask-image:url(../icons/system/error-warning-fill.svg)}.fr-fi-error-warning-line:after,.fr-fi-error-warning-line:before{-webkit-mask-image:url(../icons/system/error-warning-line.svg);mask-image:url(../icons/system/error-warning-line.svg)}.fr-fi-external-link-line:after,.fr-fi-external-link-line:before{-webkit-mask-image:url(../icons/system/external-link-line.svg);mask-image:url(../icons/system/external-link-line.svg)}.fr-fi-eye-fill:after,.fr-fi-eye-fill:before{-webkit-mask-image:url(../icons/system/eye-fill.svg);mask-image:url(../icons/system/eye-fill.svg)}.fr-fi-eye-line:after,.fr-fi-eye-line:before{-webkit-mask-image:url(../icons/system/eye-line.svg);mask-image:url(../icons/system/eye-line.svg)}.fr-fi-eye-off-fill:after,.fr-fi-eye-off-fill:before{-webkit-mask-image:url(../icons/system/eye-off-fill.svg);mask-image:url(../icons/system/eye-off-fill.svg)}.fr-fi-eye-off-line:after,.fr-fi-eye-off-line:before{-webkit-mask-image:url(../icons/system/eye-off-line.svg);mask-image:url(../icons/system/eye-off-line.svg)}.fr-fi-filter-fill:after,.fr-fi-filter-fill:before{-webkit-mask-image:url(../icons/system/filter-fill.svg);mask-image:url(../icons/system/filter-fill.svg)}.fr-fi-filter-line:after,.fr-fi-filter-line:before{-webkit-mask-image:url(../icons/system/filter-line.svg);mask-image:url(../icons/system/filter-line.svg)}.fr-fi-arrow-left-s-first-line:after,.fr-fi-arrow-left-s-first-line:before{-webkit-mask-image:url(../icons/system/fr--arrow-left-s-first-line.svg);mask-image:url(../icons/system/fr--arrow-left-s-first-line.svg)}.fr-fi-arrow-left-s-line-double:after,.fr-fi-arrow-left-s-line-double:before{-webkit-mask-image:url(../icons/system/fr--arrow-left-s-line-double.svg);mask-image:url(../icons/system/fr--arrow-left-s-line-double.svg)}.fr-fi-arrow-right-s-last-line:after,.fr-fi-arrow-right-s-last-line:before{-webkit-mask-image:url(../icons/system/fr--arrow-right-s-last-line.svg);mask-image:url(../icons/system/fr--arrow-right-s-last-line.svg)}.fr-fi-arrow-right-s-line-double:after,.fr-fi-arrow-right-s-line-double:before{-webkit-mask-image:url(../icons/system/fr--arrow-right-s-line-double.svg);mask-image:url(../icons/system/fr--arrow-right-s-line-double.svg)}.fr-fi-error-fill:after,.fr-fi-error-fill:before{-webkit-mask-image:url(../icons/system/fr--error-fill.svg);mask-image:url(../icons/system/fr--error-fill.svg)}.fr-fi-error-line:after,.fr-fi-error-line:before{-webkit-mask-image:url(../icons/system/fr--error-line.svg);mask-image:url(../icons/system/fr--error-line.svg)}.fr-fi-info-fill:after,.fr-fi-info-fill:before{-webkit-mask-image:url(../icons/system/fr--info-fill.svg);mask-image:url(../icons/system/fr--info-fill.svg)}.fr-fi-info-line:after,.fr-fi-info-line:before{-webkit-mask-image:url(../icons/system/fr--info-line.svg);mask-image:url(../icons/system/fr--info-line.svg)}.fr-fi-success-fill:after,.fr-fi-success-fill:before{-webkit-mask-image:url(../icons/system/fr--success-fill.svg);mask-image:url(../icons/system/fr--success-fill.svg)}.fr-fi-success-line:after,.fr-fi-success-line:before{-webkit-mask-image:url(../icons/system/fr--success-line.svg);mask-image:url(../icons/system/fr--success-line.svg)}.fr-fi-theme-fill:after,.fr-fi-theme-fill:before{-webkit-mask-image:url(../icons/system/fr--theme-fill.svg);mask-image:url(../icons/system/fr--theme-fill.svg)}.fr-fi-warning-fill:after,.fr-fi-warning-fill:before{-webkit-mask-image:url(../icons/system/fr--warning-fill.svg);mask-image:url(../icons/system/fr--warning-fill.svg)}.fr-fi-warning-line:after,.fr-fi-warning-line:before{-webkit-mask-image:url(../icons/system/fr--warning-line.svg);mask-image:url(../icons/system/fr--warning-line.svg)}.fr-fi-information-fill:after,.fr-fi-information-fill:before{-webkit-mask-image:url(../icons/system/information-fill.svg);mask-image:url(../icons/system/information-fill.svg)}.fr-fi-information-line:after,.fr-fi-information-line:before{-webkit-mask-image:url(../icons/system/information-line.svg);mask-image:url(../icons/system/information-line.svg)}.fr-fi-lock-fill:after,.fr-fi-lock-fill:before{-webkit-mask-image:url(../icons/system/lock-fill.svg);mask-image:url(../icons/system/lock-fill.svg)}.fr-fi-lock-line:after,.fr-fi-lock-line:before{-webkit-mask-image:url(../icons/system/lock-line.svg);mask-image:url(../icons/system/lock-line.svg)}.fr-fi-logout-box-r-fill:after,.fr-fi-logout-box-r-fill:before{-webkit-mask-image:url(../icons/system/logout-box-r-fill.svg);mask-image:url(../icons/system/logout-box-r-fill.svg)}.fr-fi-logout-box-r-line:after,.fr-fi-logout-box-r-line:before{-webkit-mask-image:url(../icons/system/logout-box-r-line.svg);mask-image:url(../icons/system/logout-box-r-line.svg)}.fr-fi-menu-2-fill:after,.fr-fi-menu-2-fill:before{-webkit-mask-image:url(../icons/system/menu-2-fill.svg);mask-image:url(../icons/system/menu-2-fill.svg)}.fr-fi-menu-fill:after,.fr-fi-menu-fill:before{-webkit-mask-image:url(../icons/system/menu-fill.svg);mask-image:url(../icons/system/menu-fill.svg)}.fr-fi-question-fill:after,.fr-fi-question-fill:before{-webkit-mask-image:url(../icons/system/question-fill.svg);mask-image:url(../icons/system/question-fill.svg)}.fr-fi-question-line:after,.fr-fi-question-line:before{-webkit-mask-image:url(../icons/system/question-line.svg);mask-image:url(../icons/system/question-line.svg)}.fr-fi-refresh-fill:after,.fr-fi-refresh-fill:before{-webkit-mask-image:url(../icons/system/refresh-fill.svg);mask-image:url(../icons/system/refresh-fill.svg)}.fr-fi-refresh-line:after,.fr-fi-refresh-line:before{-webkit-mask-image:url(../icons/system/refresh-line.svg);mask-image:url(../icons/system/refresh-line.svg)}.fr-fi-search-fill:after,.fr-fi-search-fill:before{-webkit-mask-image:url(../icons/system/search-fill.svg);mask-image:url(../icons/system/search-fill.svg)}.fr-fi-search-line:after,.fr-fi-search-line:before{-webkit-mask-image:url(../icons/system/search-line.svg);mask-image:url(../icons/system/search-line.svg)}.fr-fi-subtract-line:after,.fr-fi-subtract-line:before{-webkit-mask-image:url(../icons/system/subtract-line.svg);mask-image:url(../icons/system/subtract-line.svg)}.fr-fi-timer-fill:after,.fr-fi-timer-fill:before{-webkit-mask-image:url(../icons/system/timer-fill.svg);mask-image:url(../icons/system/timer-fill.svg)}.fr-fi-timer-line:after,.fr-fi-timer-line:before{-webkit-mask-image:url(../icons/system/timer-line.svg);mask-image:url(../icons/system/timer-line.svg)}.fr-fi-upload-2-fill:after,.fr-fi-upload-2-fill:before{-webkit-mask-image:url(../icons/system/upload-2-fill.svg);mask-image:url(../icons/system/upload-2-fill.svg)}.fr-fi-upload-2-line:after,.fr-fi-upload-2-line:before{-webkit-mask-image:url(../icons/system/upload-2-line.svg);mask-image:url(../icons/system/upload-2-line.svg)}.fr-fi-zoom-in-fill:after,.fr-fi-zoom-in-fill:before{-webkit-mask-image:url(../icons/system/zoom-in-fill.svg);mask-image:url(../icons/system/zoom-in-fill.svg)}.fr-fi-zoom-in-line:after,.fr-fi-zoom-in-line:before{-webkit-mask-image:url(../icons/system/zoom-in-line.svg);mask-image:url(../icons/system/zoom-in-line.svg)}.fr-fi-zoom-out-fill:after,.fr-fi-zoom-out-fill:before{-webkit-mask-image:url(../icons/system/zoom-out-fill.svg);mask-image:url(../icons/system/zoom-out-fill.svg)}.fr-fi-zoom-out-line:after,.fr-fi-zoom-out-line:before{-webkit-mask-image:url(../icons/system/zoom-out-line.svg);mask-image:url(../icons/system/zoom-out-line.svg)}.fr-fi-delete-line:after,.fr-fi-delete-line:before{-webkit-mask-image:url(../icons/system/delete-bin-line.svg);mask-image:url(../icons/system/delete-bin-line.svg)}.fr-fi-delete-fill:after,.fr-fi-delete-fill:before{-webkit-mask-image:url(../icons/system/delete-bin-fill.svg);mask-image:url(../icons/system/delete-bin-fill.svg)}.fr-icon-delete-line:after,.fr-icon-delete-line:before{-webkit-mask-image:url(../icons/system/delete-bin-line.svg);mask-image:url(../icons/system/delete-bin-line.svg)}.fr-icon-delete-fill:after,.fr-icon-delete-fill:before{-webkit-mask-image:url(../icons/system/delete-bin-fill.svg);mask-image:url(../icons/system/delete-bin-fill.svg)}.fr-icon-account-circle-fill:after,.fr-icon-account-circle-fill:before{-webkit-mask-image:url(../icons/user/account-circle-fill.svg);mask-image:url(../icons/user/account-circle-fill.svg)}.fr-icon-account-circle-line:after,.fr-icon-account-circle-line:before{-webkit-mask-image:url(../icons/user/account-circle-line.svg);mask-image:url(../icons/user/account-circle-line.svg)}.fr-icon-account-pin-circle-fill:after,.fr-icon-account-pin-circle-fill:before{-webkit-mask-image:url(../icons/user/account-pin-circle-fill.svg);mask-image:url(../icons/user/account-pin-circle-fill.svg)}.fr-icon-account-pin-circle-line:after,.fr-icon-account-pin-circle-line:before{-webkit-mask-image:url(../icons/user/account-pin-circle-line.svg);mask-image:url(../icons/user/account-pin-circle-line.svg)}.fr-icon-admin-fill:after,.fr-icon-admin-fill:before{-webkit-mask-image:url(../icons/user/admin-fill.svg);mask-image:url(../icons/user/admin-fill.svg)}.fr-icon-admin-line:after,.fr-icon-admin-line:before{-webkit-mask-image:url(../icons/user/admin-line.svg);mask-image:url(../icons/user/admin-line.svg)}.fr-icon-group-fill:after,.fr-icon-group-fill:before{-webkit-mask-image:url(../icons/user/group-fill.svg);mask-image:url(../icons/user/group-fill.svg)}.fr-icon-group-line:after,.fr-icon-group-line:before{-webkit-mask-image:url(../icons/user/group-line.svg);mask-image:url(../icons/user/group-line.svg)}.fr-icon-parent-fill:after,.fr-icon-parent-fill:before{-webkit-mask-image:url(../icons/user/parent-fill.svg);mask-image:url(../icons/user/parent-fill.svg)}.fr-icon-parent-line:after,.fr-icon-parent-line:before{-webkit-mask-image:url(../icons/user/parent-line.svg);mask-image:url(../icons/user/parent-line.svg)}.fr-icon-team-fill:after,.fr-icon-team-fill:before{-webkit-mask-image:url(../icons/user/team-fill.svg);mask-image:url(../icons/user/team-fill.svg)}.fr-icon-team-line:after,.fr-icon-team-line:before{-webkit-mask-image:url(../icons/user/team-line.svg);mask-image:url(../icons/user/team-line.svg)}.fr-icon-user-add-fill:after,.fr-icon-user-add-fill:before{-webkit-mask-image:url(../icons/user/user-add-fill.svg);mask-image:url(../icons/user/user-add-fill.svg)}.fr-icon-user-add-line:after,.fr-icon-user-add-line:before{-webkit-mask-image:url(../icons/user/user-add-line.svg);mask-image:url(../icons/user/user-add-line.svg)}.fr-icon-user-fill:after,.fr-icon-user-fill:before{-webkit-mask-image:url(../icons/user/user-fill.svg);mask-image:url(../icons/user/user-fill.svg)}.fr-icon-user-heart-fill:after,.fr-icon-user-heart-fill:before{-webkit-mask-image:url(../icons/user/user-heart-fill.svg);mask-image:url(../icons/user/user-heart-fill.svg)}.fr-icon-user-heart-line:after,.fr-icon-user-heart-line:before{-webkit-mask-image:url(../icons/user/user-heart-line.svg);mask-image:url(../icons/user/user-heart-line.svg)}.fr-icon-user-line:after,.fr-icon-user-line:before{-webkit-mask-image:url(../icons/user/user-line.svg);mask-image:url(../icons/user/user-line.svg)}.fr-icon-user-search-fill:after,.fr-icon-user-search-fill:before{-webkit-mask-image:url(../icons/user/user-search-fill.svg);mask-image:url(../icons/user/user-search-fill.svg)}.fr-icon-user-search-line:after,.fr-icon-user-search-line:before{-webkit-mask-image:url(../icons/user/user-search-line.svg);mask-image:url(../icons/user/user-search-line.svg)}.fr-icon-user-setting-fill:after,.fr-icon-user-setting-fill:before{-webkit-mask-image:url(../icons/user/user-setting-fill.svg);mask-image:url(../icons/user/user-setting-fill.svg)}.fr-icon-user-setting-line:after,.fr-icon-user-setting-line:before{-webkit-mask-image:url(../icons/user/user-setting-line.svg);mask-image:url(../icons/user/user-setting-line.svg)}.fr-icon-user-star-fill:after,.fr-icon-user-star-fill:before{-webkit-mask-image:url(../icons/user/user-star-fill.svg);mask-image:url(../icons/user/user-star-fill.svg)}.fr-icon-user-star-line:after,.fr-icon-user-star-line:before{-webkit-mask-image:url(../icons/user/user-star-line.svg);mask-image:url(../icons/user/user-star-line.svg)}.fr-fi-user-fill:after,.fr-fi-user-fill:before{-webkit-mask-image:url(../icons/user/user-fill.svg);mask-image:url(../icons/user/user-fill.svg)}.fr-fi-user-line:after,.fr-fi-user-line:before{-webkit-mask-image:url(../icons/user/user-line.svg);mask-image:url(../icons/user/user-line.svg)}.fr-fi-account-line:after,.fr-fi-account-line:before{-webkit-mask-image:url(../icons/user/account-circle-line.svg);mask-image:url(../icons/user/account-circle-line.svg)}.fr-fi-account-fill:after,.fr-fi-account-fill:before{-webkit-mask-image:url(../icons/user/account-circle-fill.svg);mask-image:url(../icons/user/account-circle-fill.svg)}.fr-icon-account-line:after,.fr-icon-account-line:before{-webkit-mask-image:url(../icons/user/account-circle-line.svg);mask-image:url(../icons/user/account-circle-line.svg)}.fr-icon-account-fill:after,.fr-icon-account-fill:before{-webkit-mask-image:url(../icons/user/account-circle-fill.svg);mask-image:url(../icons/user/account-circle-fill.svg)}.fr-icon-cloudy-2-fill:after,.fr-icon-cloudy-2-fill:before{-webkit-mask-image:url(../icons/weather/cloudy-2-fill.svg);mask-image:url(../icons/weather/cloudy-2-fill.svg)}.fr-icon-cloudy-2-line:after,.fr-icon-cloudy-2-line:before{-webkit-mask-image:url(../icons/weather/cloudy-2-line.svg);mask-image:url(../icons/weather/cloudy-2-line.svg)}.fr-icon-flashlight-fill:after,.fr-icon-flashlight-fill:before{-webkit-mask-image:url(../icons/weather/flashlight-fill.svg);mask-image:url(../icons/weather/flashlight-fill.svg)}.fr-icon-flashlight-line:after,.fr-icon-flashlight-line:before{-webkit-mask-image:url(../icons/weather/flashlight-line.svg);mask-image:url(../icons/weather/flashlight-line.svg)}.fr-icon-moon-fill:after,.fr-icon-moon-fill:before{-webkit-mask-image:url(../icons/weather/moon-fill.svg);mask-image:url(../icons/weather/moon-fill.svg)}.fr-icon-moon-line:after,.fr-icon-moon-line:before{-webkit-mask-image:url(../icons/weather/moon-line.svg);mask-image:url(../icons/weather/moon-line.svg)}.fr-icon-sun-fill:after,.fr-icon-sun-fill:before{-webkit-mask-image:url(../icons/weather/sun-fill.svg);mask-image:url(../icons/weather/sun-fill.svg)}.fr-icon-sun-line:after,.fr-icon-sun-line:before{-webkit-mask-image:url(../icons/weather/sun-line.svg);mask-image:url(../icons/weather/sun-line.svg)}.fr-fi-flashlight-fill:after,.fr-fi-flashlight-fill:before{-webkit-mask-image:url(../icons/weather/flashlight-fill.svg);mask-image:url(../icons/weather/flashlight-fill.svg)}.fr-fi-flashlight-line:after,.fr-fi-flashlight-line:before{-webkit-mask-image:url(../icons/weather/flashlight-line.svg);mask-image:url(../icons/weather/flashlight-line.svg)}@media (min-width:36em){
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */}@media (min-width:48em){
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */}@media (min-width:62em){
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */}@media (min-width:78em){
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-background-default--grey{background-color:#fff!important}.fr-background-default--grey:hover{background-color:#f6f6f6!important}.fr-background-default--grey:active{background-color:#ededed!important}.fr-background-alt--grey{background-color:#f6f6f6!important}.fr-background-alt--grey:hover{background-color:#dfdfdf!important}.fr-background-alt--grey:active{background-color:#cfcfcf!important}.fr-background-alt--blue-france{background-color:#f5f5fe!important}.fr-background-alt--blue-france:hover{background-color:#dcdcfc!important}.fr-background-alt--blue-france:active{background-color:#cbcbfa!important}.fr-background-alt--red-marianne{background-color:#fef4f4!important}.fr-background-alt--red-marianne:hover{background-color:#fcd7d7!important}.fr-background-alt--red-marianne:active{background-color:#fac4c4!important}.fr-background-alt--green-tilleul-verveine{background-color:#fef7da!important}.fr-background-alt--green-tilleul-verveine:hover{background-color:#fce552!important}.fr-background-alt--green-tilleul-verveine:active{background-color:#ebd54c!important}.fr-background-alt--green-bourgeon{background-color:#e6feda!important}.fr-background-alt--green-bourgeon:hover{background-color:#a7fc62!important}.fr-background-alt--green-bourgeon:active{background-color:#98ed4d!important}.fr-background-alt--green-emeraude{background-color:#e3fdeb!important}.fr-background-alt--green-emeraude:hover{background-color:#94f9b9!important}.fr-background-alt--green-emeraude:active{background-color:#6df1a3!important}.fr-background-alt--green-menthe{background-color:#dffdf7!important}.fr-background-alt--green-menthe:hover{background-color:#84f9e7!important}.fr-background-alt--green-menthe:active{background-color:#70ebd8!important}.fr-background-alt--green-archipel{background-color:#e5fbfd!important}.fr-background-alt--green-archipel:hover{background-color:#99f2f8!important}.fr-background-alt--green-archipel:active{background-color:#73e9f0!important}.fr-background-alt--blue-ecume{background-color:#f4f6fe!important}.fr-background-alt--blue-ecume:hover{background-color:#d7dffb!important}.fr-background-alt--blue-ecume:active{background-color:#c3cffa!important}.fr-background-alt--blue-cumulus{background-color:#f3f6fe!important}.fr-background-alt--blue-cumulus:hover{background-color:#d3dffc!important}.fr-background-alt--blue-cumulus:active{background-color:#bed0fa!important}.fr-background-alt--purple-glycine{background-color:#fef3fd!important}.fr-background-alt--purple-glycine:hover{background-color:#fcd4f8!important}.fr-background-alt--purple-glycine:active{background-color:#fabff5!important}.fr-background-alt--pink-macaron{background-color:#fef4f2!important}.fr-background-alt--pink-macaron:hover{background-color:#fcd8d0!important}.fr-background-alt--pink-macaron:active{background-color:#fac5b8!important}.fr-background-alt--pink-tuile{background-color:#fef4f3!important}.fr-background-alt--pink-tuile:hover{background-color:#fcd7d3!important}.fr-background-alt--pink-tuile:active{background-color:#fac4be!important}.fr-background-alt--yellow-tournesol{background-color:#fef6e3!important}.fr-background-alt--yellow-tournesol:hover{background-color:#fce086!important}.fr-background-alt--yellow-tournesol:active{background-color:#f5d24b!important}.fr-background-alt--yellow-moutarde{background-color:#fef5e8!important}.fr-background-alt--yellow-moutarde:hover{background-color:#fcdca3!important}.fr-background-alt--yellow-moutarde:active{background-color:#fbcd64!important}.fr-background-alt--orange-terre-battue{background-color:#fef4f2!important}.fr-background-alt--orange-terre-battue:hover{background-color:#fcd8d0!important}.fr-background-alt--orange-terre-battue:active{background-color:#fac5b8!important}.fr-background-alt--brown-cafe-creme{background-color:#fbf6ed!important}.fr-background-alt--brown-cafe-creme:hover{background-color:#f2deb6!important}.fr-background-alt--brown-cafe-creme:active{background-color:#eacf91!important}.fr-background-alt--brown-caramel{background-color:#fbf5f2!important}.fr-background-alt--brown-caramel:hover{background-color:#f1dbcf!important}.fr-background-alt--brown-caramel:active{background-color:#ecc9b5!important}.fr-background-alt--brown-opera{background-color:#fbf5f2!important}.fr-background-alt--brown-opera:hover{background-color:#f1dbcf!important}.fr-background-alt--brown-opera:active{background-color:#ecc9b5!important}.fr-background-alt--beige-gris-galet{background-color:#f9f6f2!important}.fr-background-alt--beige-gris-galet:hover{background-color:#eadecd!important}.fr-background-alt--beige-gris-galet:active{background-color:#e1ceb1!important}.fr-background-contrast--grey{background-color:#eee!important}.fr-background-contrast--grey:hover{background-color:#d2d2d2!important}.fr-background-contrast--grey:active{background-color:#c1c1c1!important}.fr-background-contrast--blue-france{background-color:#ececfe!important}.fr-background-contrast--blue-france:hover{background-color:#cecefc!important}.fr-background-contrast--blue-france:active{background-color:#bbbbfc!important}.fr-background-contrast--red-marianne{background-color:#fee9e9!important}.fr-background-contrast--red-marianne:hover{background-color:#fdc5c5!important}.fr-background-contrast--red-marianne:active{background-color:#fcafaf!important}.fr-background-contrast--green-tilleul-verveine{background-color:#fceeac!important}.fr-background-contrast--green-tilleul-verveine:hover{background-color:#e8d45c!important}.fr-background-contrast--green-tilleul-verveine:active{background-color:#d4c254!important}.fr-background-contrast--green-bourgeon{background-color:#c9fcac!important}.fr-background-contrast--green-bourgeon:hover{background-color:#9ae95d!important}.fr-background-contrast--green-bourgeon:active{background-color:#8dd555!important}.fr-background-contrast--green-emeraude{background-color:#c3fad5!important}.fr-background-contrast--green-emeraude:hover{background-color:#77eda5!important}.fr-background-contrast--green-emeraude:active{background-color:#6dd897!important}.fr-background-contrast--green-menthe{background-color:#bafaee!important}.fr-background-contrast--green-menthe:hover{background-color:#79e7d5!important}.fr-background-contrast--green-menthe:active{background-color:#6fd3c3!important}.fr-background-contrast--green-archipel{background-color:#c7f6fc!important}.fr-background-contrast--green-archipel:hover{background-color:#64ecf8!important}.fr-background-contrast--green-archipel:active{background-color:#5bd8e3!important}.fr-background-contrast--blue-ecume{background-color:#e9edfe!important}.fr-background-contrast--blue-ecume:hover{background-color:#c5d0fc!important}.fr-background-contrast--blue-ecume:active{background-color:#adbffc!important}.fr-background-contrast--blue-cumulus{background-color:#e6eefe!important}.fr-background-contrast--blue-cumulus:hover{background-color:#bcd3fc!important}.fr-background-contrast--blue-cumulus:active{background-color:#9fc3fc!important}.fr-background-contrast--purple-glycine{background-color:#fee7fc!important}.fr-background-contrast--purple-glycine:hover{background-color:#fdc0f8!important}.fr-background-contrast--purple-glycine:active{background-color:#fca8f6!important}.fr-background-contrast--pink-macaron{background-color:#fee9e6!important}.fr-background-contrast--pink-macaron:hover{background-color:#fdc6bd!important}.fr-background-contrast--pink-macaron:active{background-color:#fcb0a2!important}.fr-background-contrast--pink-tuile{background-color:#fee9e7!important}.fr-background-contrast--pink-tuile:hover{background-color:#fdc6c0!important}.fr-background-contrast--pink-tuile:active{background-color:#fcb0a7!important}.fr-background-contrast--yellow-tournesol{background-color:#feecc2!important}.fr-background-contrast--yellow-tournesol:hover{background-color:#fbd335!important}.fr-background-contrast--yellow-tournesol:active{background-color:#e6c130!important}.fr-background-contrast--yellow-moutarde{background-color:#feebd0!important}.fr-background-contrast--yellow-moutarde:hover{background-color:#fdcd6d!important}.fr-background-contrast--yellow-moutarde:active{background-color:#f4be30!important}.fr-background-contrast--orange-terre-battue{background-color:#fee9e5!important}.fr-background-contrast--orange-terre-battue:hover{background-color:#fdc6ba!important}.fr-background-contrast--orange-terre-battue:active{background-color:#fcb09e!important}.fr-background-contrast--brown-cafe-creme{background-color:#f7ecdb!important}.fr-background-contrast--brown-cafe-creme:hover{background-color:#edce94!important}.fr-background-contrast--brown-cafe-creme:active{background-color:#dabd84!important}.fr-background-contrast--brown-caramel{background-color:#f7ebe5!important}.fr-background-contrast--brown-caramel:hover{background-color:#eccbb9!important}.fr-background-contrast--brown-caramel:active{background-color:#e6b79a!important}.fr-background-contrast--brown-opera{background-color:#f7ece4!important}.fr-background-contrast--brown-opera:hover{background-color:#eccdb3!important}.fr-background-contrast--brown-opera:active{background-color:#e6ba90!important}.fr-background-contrast--beige-gris-galet{background-color:#f3ede5!important}.fr-background-contrast--beige-gris-galet:hover{background-color:#e1d0b5!important}.fr-background-contrast--beige-gris-galet:active{background-color:#d1bea2!important}.fr-background-contrast--info{background-color:#e8edff!important}.fr-background-contrast--info:hover{background-color:#c2d1ff!important}.fr-background-contrast--info:active{background-color:#a9bfff!important}.fr-background-contrast--success{background-color:#b8fec9!important}.fr-background-contrast--success:hover{background-color:#46fd89!important}.fr-background-contrast--success:active{background-color:#34eb7b!important}.fr-background-contrast--warning{background-color:#ffe9e6!important}.fr-background-contrast--warning:hover{background-color:#ffc6bd!important}.fr-background-contrast--warning:active{background-color:#ffb0a2!important}.fr-background-contrast--error{background-color:#ffe9e9!important}.fr-background-contrast--error:hover{background-color:#ffc5c5!important}.fr-background-contrast--error:active{background-color:#ffafaf!important}.fr-background-flat--grey{background-color:#3a3a3a!important}.fr-background-flat--blue-france{background-color:#000091!important}.fr-background-flat--red-marianne{background-color:#c9191e!important}.fr-background-flat--green-tilleul-verveine{background-color:#66673d!important}.fr-background-flat--green-bourgeon{background-color:#447049!important}.fr-background-flat--green-emeraude{background-color:#297254!important}.fr-background-flat--green-menthe{background-color:#37635f!important}.fr-background-flat--green-archipel{background-color:#006a6f!important}.fr-background-flat--blue-ecume{background-color:#2f4077!important}.fr-background-flat--blue-cumulus{background-color:#3558a2!important}.fr-background-flat--purple-glycine{background-color:#6e445a!important}.fr-background-flat--pink-macaron{background-color:#8d533e!important}.fr-background-flat--pink-tuile{background-color:#a94645!important}.fr-background-flat--yellow-tournesol{background-color:#716043!important}.fr-background-flat--yellow-moutarde{background-color:#695240!important}.fr-background-flat--orange-terre-battue{background-color:#755348!important}.fr-background-flat--brown-cafe-creme{background-color:#685c48!important}.fr-background-flat--brown-caramel{background-color:#845d48!important}.fr-background-flat--brown-opera{background-color:#745b47!important}.fr-background-flat--beige-gris-galet{background-color:#6a6156!important}.fr-background-flat--info{background-color:#0063cb!important}.fr-background-flat--success{background-color:#18753c!important}.fr-background-flat--warning{background-color:#b34000!important}.fr-background-flat--error{background-color:#ce0500!important}.fr-background-action-high--blue-france{background-color:#000091!important}.fr-background-action-high--blue-france:hover{background-color:#1212ff!important}.fr-background-action-high--blue-france:active{background-color:#2323ff!important}.fr-background-action-high--red-marianne{background-color:#c9191e!important}.fr-background-action-high--red-marianne:hover{background-color:#f93f42!important}.fr-background-action-high--red-marianne:active{background-color:#f95a5c!important}.fr-background-action-high--green-tilleul-verveine{background-color:#66673d!important}.fr-background-action-high--green-tilleul-verveine:hover{background-color:#929359!important}.fr-background-action-high--green-tilleul-verveine:active{background-color:#a7a967!important}.fr-background-action-high--green-bourgeon{background-color:#447049!important}.fr-background-action-high--green-bourgeon:hover{background-color:#639f6a!important}.fr-background-action-high--green-bourgeon:active{background-color:#72b77a!important}.fr-background-action-high--green-emeraude{background-color:#297254!important}.fr-background-action-high--green-emeraude:hover{background-color:#3ea47a!important}.fr-background-action-high--green-emeraude:active{background-color:#49bc8d!important}.fr-background-action-high--green-menthe{background-color:#37635f!important}.fr-background-action-high--green-menthe:hover{background-color:#53918c!important}.fr-background-action-high--green-menthe:active{background-color:#62a9a2!important}.fr-background-action-high--green-archipel{background-color:#006a6f!important}.fr-background-action-high--green-archipel:hover{background-color:#009fa7!important}.fr-background-action-high--green-archipel:active{background-color:#00bbc3!important}.fr-background-action-high--blue-ecume{background-color:#2f4077!important}.fr-background-action-high--blue-ecume:hover{background-color:#4e68bb!important}.fr-background-action-high--blue-ecume:active{background-color:#667dcf!important}.fr-background-action-high--blue-cumulus{background-color:#3558a2!important}.fr-background-action-high--blue-cumulus:hover{background-color:#5982e0!important}.fr-background-action-high--blue-cumulus:active{background-color:#7996e6!important}.fr-background-action-high--purple-glycine{background-color:#6e445a!important}.fr-background-action-high--purple-glycine:hover{background-color:#a66989!important}.fr-background-action-high--purple-glycine:active{background-color:#bb7f9e!important}.fr-background-action-high--pink-macaron{background-color:#8d533e!important}.fr-background-action-high--pink-macaron:hover{background-color:#ca795c!important}.fr-background-action-high--pink-macaron:active{background-color:#e08e73!important}.fr-background-action-high--pink-tuile{background-color:#a94645!important}.fr-background-action-high--pink-tuile:hover{background-color:#d5706f!important}.fr-background-action-high--pink-tuile:active{background-color:#da8a89!important}.fr-background-action-high--yellow-tournesol{background-color:#716043!important}.fr-background-action-high--yellow-tournesol:hover{background-color:#a28a62!important}.fr-background-action-high--yellow-tournesol:active{background-color:#ba9f72!important}.fr-background-action-high--yellow-moutarde{background-color:#695240!important}.fr-background-action-high--yellow-moutarde:hover{background-color:#9b7b61!important}.fr-background-action-high--yellow-moutarde:active{background-color:#b58f72!important}.fr-background-action-high--orange-terre-battue{background-color:#755348!important}.fr-background-action-high--orange-terre-battue:hover{background-color:#ab7b6b!important}.fr-background-action-high--orange-terre-battue:active{background-color:#c68f7d!important}.fr-background-action-high--brown-cafe-creme{background-color:#685c48!important}.fr-background-action-high--brown-cafe-creme:hover{background-color:#97866a!important}.fr-background-action-high--brown-cafe-creme:active{background-color:#ae9b7b!important}.fr-background-action-high--brown-caramel{background-color:#845d48!important}.fr-background-action-high--brown-caramel:hover{background-color:#bb8568!important}.fr-background-action-high--brown-caramel:active{background-color:#d69978!important}.fr-background-action-high--brown-opera{background-color:#745b47!important}.fr-background-action-high--brown-opera:hover{background-color:#a78468!important}.fr-background-action-high--brown-opera:active{background-color:#c09979!important}.fr-background-action-high--beige-gris-galet{background-color:#6a6156!important}.fr-background-action-high--beige-gris-galet:hover{background-color:#988b7c!important}.fr-background-action-high--beige-gris-galet:active{background-color:#afa08f!important}.fr-background-action-high--info{background-color:#0063cb!important}.fr-background-action-high--info:hover{background-color:#3b87ff!important}.fr-background-action-high--info:active{background-color:#6798ff!important}.fr-background-action-high--success{background-color:#18753c!important}.fr-background-action-high--success:hover{background-color:#27a959!important}.fr-background-action-high--success:active{background-color:#2fc368!important}.fr-background-action-high--warning{background-color:#b34000!important}.fr-background-action-high--warning:hover{background-color:#ff6218!important}.fr-background-action-high--warning:active{background-color:#ff7a55!important}.fr-background-action-high--error{background-color:#ce0500!important}.fr-background-action-high--error:hover{background-color:#ff2725!important}.fr-background-action-high--error:active{background-color:#ff4140!important}.fr-background-action-low--blue-france{background-color:#e3e3fd!important}.fr-background-action-low--blue-france:hover{background-color:#c1c1fb!important}.fr-background-action-low--blue-france:active{background-color:#adadf9!important}.fr-background-action-low--red-marianne{background-color:#fddede!important}.fr-background-action-low--red-marianne:hover{background-color:#fbb6b6!important}.fr-background-action-low--red-marianne:active{background-color:#fa9e9e!important}.fr-background-action-low--green-tilleul-verveine{background-color:#fbe769!important}.fr-background-action-low--green-tilleul-verveine:hover{background-color:#d7c655!important}.fr-background-action-low--green-tilleul-verveine:active{background-color:#c2b24c!important}.fr-background-action-low--green-bourgeon{background-color:#a9fb68!important}.fr-background-action-low--green-bourgeon:hover{background-color:#8ed654!important}.fr-background-action-low--green-bourgeon:active{background-color:#7fc04b!important}.fr-background-action-low--green-emeraude{background-color:#9ef9be!important}.fr-background-action-low--green-emeraude:hover{background-color:#69df97!important}.fr-background-action-low--green-emeraude:active{background-color:#5ec988!important}.fr-background-action-low--green-menthe{background-color:#8bf8e7!important}.fr-background-action-low--green-menthe:hover{background-color:#6ed5c5!important}.fr-background-action-low--green-menthe:active{background-color:#62bfb1!important}.fr-background-action-low--green-archipel{background-color:#a6f2fa!important}.fr-background-action-low--green-archipel:hover{background-color:#62dbe5!important}.fr-background-action-low--green-archipel:active{background-color:#58c5cf!important}.fr-background-action-low--blue-ecume{background-color:#dee5fd!important}.fr-background-action-low--blue-ecume:hover{background-color:#b4c5fb!important}.fr-background-action-low--blue-ecume:active{background-color:#99b3f9!important}.fr-background-action-low--blue-cumulus{background-color:#dae6fd!important}.fr-background-action-low--blue-cumulus:hover{background-color:#a9c8fb!important}.fr-background-action-low--blue-cumulus:active{background-color:#8ab8f9!important}.fr-background-action-low--purple-glycine{background-color:#fddbfa!important}.fr-background-action-low--purple-glycine:hover{background-color:#fbaff5!important}.fr-background-action-low--purple-glycine:active{background-color:#fa96f2!important}.fr-background-action-low--pink-macaron{background-color:#fddfda!important}.fr-background-action-low--pink-macaron:hover{background-color:#fbb8ab!important}.fr-background-action-low--pink-macaron:active{background-color:#faa18d!important}.fr-background-action-low--pink-tuile{background-color:#fddfdb!important}.fr-background-action-low--pink-tuile:hover{background-color:#fbb8ad!important}.fr-background-action-low--pink-tuile:active{background-color:#faa191!important}.fr-background-action-low--yellow-tournesol{background-color:#fde39c!important}.fr-background-action-low--yellow-tournesol:hover{background-color:#e9c53b!important}.fr-background-action-low--yellow-tournesol:active{background-color:#d3b235!important}.fr-background-action-low--yellow-moutarde{background-color:#fde2b5!important}.fr-background-action-low--yellow-moutarde:hover{background-color:#f6c43c!important}.fr-background-action-low--yellow-moutarde:active{background-color:#dfb135!important}.fr-background-action-low--orange-terre-battue{background-color:#fddfd8!important}.fr-background-action-low--orange-terre-battue:hover{background-color:#fbb8a5!important}.fr-background-action-low--orange-terre-battue:active{background-color:#faa184!important}.fr-background-action-low--brown-cafe-creme{background-color:#f4e3c7!important}.fr-background-action-low--brown-cafe-creme:hover{background-color:#e1c386!important}.fr-background-action-low--brown-cafe-creme:active{background-color:#ccb078!important}.fr-background-action-low--brown-caramel{background-color:#f3e2d9!important}.fr-background-action-low--brown-caramel:hover{background-color:#e7bea6!important}.fr-background-action-low--brown-caramel:active{background-color:#e1a982!important}.fr-background-action-low--brown-opera{background-color:#f3e2d7!important}.fr-background-action-low--brown-opera:hover{background-color:#e7bfa0!important}.fr-background-action-low--brown-opera:active{background-color:#deaa7e!important}.fr-background-action-low--beige-gris-galet{background-color:#eee4d9!important}.fr-background-action-low--beige-gris-galet:hover{background-color:#dbc3a4!important}.fr-background-action-low--beige-gris-galet:active{background-color:#c6b094!important}.fr-text-default--grey{color:#3a3a3a!important}.fr-text-default--info{color:#0063cb!important}.fr-text-default--success{color:#18753c!important}.fr-text-default--warning{color:#b34000!important}.fr-text-default--error{color:#ce0500!important}.fr-text-title--grey{color:#161616!important}.fr-text-title--blue-france{color:#000091!important}.fr-text-title--red-marianne{color:#c9191e!important}.fr-text-label--grey{color:#161616!important}.fr-text-label--blue-france{color:#000091!important}.fr-text-label--red-marianne{color:#c9191e!important}.fr-text-label--green-tilleul-verveine{color:#66673d!important}.fr-text-label--green-bourgeon{color:#447049!important}.fr-text-label--green-emeraude{color:#297254!important}.fr-text-label--green-menthe{color:#37635f!important}.fr-text-label--green-archipel{color:#006a6f!important}.fr-text-label--blue-ecume{color:#2f4077!important}.fr-text-label--blue-cumulus{color:#3558a2!important}.fr-text-label--purple-glycine{color:#6e445a!important}.fr-text-label--pink-macaron{color:#8d533e!important}.fr-text-label--pink-tuile{color:#a94645!important}.fr-text-label--yellow-tournesol{color:#716043!important}.fr-text-label--yellow-moutarde{color:#695240!important}.fr-text-label--orange-terre-battue{color:#755348!important}.fr-text-label--brown-cafe-creme{color:#685c48!important}.fr-text-label--brown-caramel{color:#845d48!important}.fr-text-label--brown-opera{color:#745b47!important}.fr-text-label--beige-gris-galet{color:#6a6156!important}.fr-text-mention--grey{color:#666!important}.fr-text-inverted--grey{color:#fff!important}.fr-text-inverted--blue-france{color:#f5f5fe!important}.fr-text-inverted--red-marianne{color:#fef4f4!important}.fr-text-inverted--info{color:#f4f6ff!important}.fr-text-inverted--success{color:#dffee6!important}.fr-text-inverted--warning{color:#fff4f3!important}.fr-text-inverted--error{color:#fff4f4!important}.fr-text-inverted--green-tilleul-verveine{color:#fef7da!important}.fr-text-inverted--green-bourgeon{color:#e6feda!important}.fr-text-inverted--green-emeraude{color:#e3fdeb!important}.fr-text-inverted--green-menthe{color:#dffdf7!important}.fr-text-inverted--green-archipel{color:#e5fbfd!important}.fr-text-inverted--blue-ecume{color:#f4f6fe!important}.fr-text-inverted--blue-cumulus{color:#f3f6fe!important}.fr-text-inverted--purple-glycine{color:#fef3fd!important}.fr-text-inverted--pink-macaron{color:#fef4f2!important}.fr-text-inverted--pink-tuile{color:#fef4f3!important}.fr-text-inverted--yellow-tournesol{color:#fef6e3!important}.fr-text-inverted--yellow-moutarde{color:#fef5e8!important}.fr-text-inverted--orange-terre-battue{color:#fef4f2!important}.fr-text-inverted--brown-cafe-creme{color:#fbf6ed!important}.fr-text-inverted--brown-caramel,.fr-text-inverted--brown-opera{color:#fbf5f2!important}.fr-text-inverted--beige-gris-galet{color:#f9f6f2!important}.fr-text-action-high--grey{color:#161616!important}.fr-text-action-high--blue-france{color:#000091!important}.fr-text-action-high--red-marianne{color:#c9191e!important}.fr-text-action-high--green-tilleul-verveine{color:#66673d!important}.fr-text-action-high--green-bourgeon{color:#447049!important}.fr-text-action-high--green-emeraude{color:#297254!important}.fr-text-action-high--green-menthe{color:#37635f!important}.fr-text-action-high--green-archipel{color:#006a6f!important}.fr-text-action-high--blue-ecume{color:#2f4077!important}.fr-text-action-high--blue-cumulus{color:#3558a2!important}.fr-text-action-high--purple-glycine{color:#6e445a!important}.fr-text-action-high--pink-macaron{color:#8d533e!important}.fr-text-action-high--pink-tuile{color:#a94645!important}.fr-text-action-high--yellow-tournesol{color:#716043!important}.fr-text-action-high--yellow-moutarde{color:#695240!important}.fr-text-action-high--orange-terre-battue{color:#755348!important}.fr-text-action-high--brown-cafe-creme{color:#685c48!important}.fr-text-action-high--brown-caramel{color:#845d48!important}.fr-text-action-high--brown-opera{color:#745b47!important}.fr-text-action-high--beige-gris-galet{color:#6a6156!important}.fr-artwork-major--blue-france{fill:#000091!important}.fr-artwork-major--red-marianne{fill:#c9191e!important}.fr-artwork-major--green-tilleul-verveine{fill:#66673d!important}.fr-artwork-major--green-bourgeon{fill:#447049!important}.fr-artwork-major--green-emeraude{fill:#297254!important}.fr-artwork-major--green-menthe{fill:#37635f!important}.fr-artwork-major--green-archipel{fill:#006a6f!important}.fr-artwork-major--blue-ecume{fill:#2f4077!important}.fr-artwork-major--blue-cumulus{fill:#3558a2!important}.fr-artwork-major--purple-glycine{fill:#6e445a!important}.fr-artwork-major--pink-macaron{fill:#8d533e!important}.fr-artwork-major--pink-tuile{fill:#a94645!important}.fr-artwork-major--yellow-tournesol{fill:#716043!important}.fr-artwork-major--yellow-moutarde{fill:#695240!important}.fr-artwork-major--orange-terre-battue{fill:#755348!important}.fr-artwork-major--brown-cafe-creme{fill:#685c48!important}.fr-artwork-major--brown-caramel{fill:#845d48!important}.fr-artwork-major--brown-opera{fill:#745b47!important}.fr-artwork-major--beige-gris-galet{fill:#6a6156!important}.fr-artwork-minor--blue-france{fill:#6a6af4!important}.fr-artwork-minor--red-marianne{fill:#e1000f!important}.fr-artwork-minor--green-tilleul-verveine{fill:#b7a73f!important}.fr-artwork-minor--green-bourgeon{fill:#68a532!important}.fr-artwork-minor--green-emeraude{fill:#00a95f!important}.fr-artwork-minor--green-menthe{fill:#009081!important}.fr-artwork-minor--green-archipel{fill:#009099!important}.fr-artwork-minor--blue-ecume{fill:#465f9d!important}.fr-artwork-minor--blue-cumulus{fill:#417dc4!important}.fr-artwork-minor--purple-glycine{fill:#a558a0!important}.fr-artwork-minor--pink-macaron{fill:#e18b76!important}.fr-artwork-minor--pink-tuile{fill:#ce614a!important}.fr-artwork-minor--yellow-tournesol{fill:#c8aa39!important}.fr-artwork-minor--yellow-moutarde{fill:#c3992a!important}.fr-artwork-minor--orange-terre-battue{fill:#e4794a!important}.fr-artwork-minor--brown-cafe-creme{fill:#d1b781!important}.fr-artwork-minor--brown-caramel{fill:#c08c65!important}.fr-artwork-minor--brown-opera{fill:#bd987a!important}.fr-artwork-minor--beige-gris-galet{fill:#aea397!important}.fr-artwork-decorative--grey{fill:#eee!important}.fr-artwork-decorative--blue-france{fill:#ececfe!important}.fr-artwork-decorative--red-marianne{fill:#fee9e9!important}.fr-artwork-decorative--green-tilleul-verveine{fill:#fceeac!important}.fr-artwork-decorative--green-bourgeon{fill:#c9fcac!important}.fr-artwork-decorative--green-emeraude{fill:#c3fad5!important}.fr-artwork-decorative--green-menthe{fill:#bafaee!important}.fr-artwork-decorative--green-archipel{fill:#c7f6fc!important}.fr-artwork-decorative--blue-ecume{fill:#e9edfe!important}.fr-artwork-decorative--blue-cumulus{fill:#e6eefe!important}.fr-artwork-decorative--purple-glycine{fill:#fee7fc!important}.fr-artwork-decorative--pink-macaron{fill:#fee9e6!important}.fr-artwork-decorative--pink-tuile{fill:#fee9e7!important}.fr-artwork-decorative--yellow-tournesol{fill:#feecc2!important}.fr-artwork-decorative--yellow-moutarde{fill:#feebd0!important}.fr-artwork-decorative--orange-terre-battue{fill:#fee9e5!important}.fr-artwork-decorative--brown-cafe-creme{fill:#f7ecdb!important}.fr-artwork-decorative--brown-caramel{fill:#f7ebe5!important}.fr-artwork-decorative--brown-opera{fill:#f7ece4!important}.fr-artwork-decorative--beige-gris-galet{fill:#f3ede5!important}.fr-artwork-background--grey{fill:#f6f6f6!important}.fr-artwork-background--blue-france{fill:#f5f5fe!important}.fr-artwork-background--red-marianne{fill:#fef4f4!important}.fr-artwork-background--green-tilleul-verveine{fill:#fef7da!important}.fr-artwork-background--green-bourgeon{fill:#e6feda!important}.fr-artwork-background--green-emeraude{fill:#e3fdeb!important}.fr-artwork-background--green-menthe{fill:#dffdf7!important}.fr-artwork-background--green-archipel{fill:#e5fbfd!important}.fr-artwork-background--blue-ecume{fill:#f4f6fe!important}.fr-artwork-background--blue-cumulus{fill:#f3f6fe!important}.fr-artwork-background--purple-glycine{fill:#fef3fd!important}.fr-artwork-background--pink-macaron{fill:#fef4f2!important}.fr-artwork-background--pink-tuile{fill:#fef4f3!important}.fr-artwork-background--yellow-tournesol{fill:#fef6e3!important}.fr-artwork-background--yellow-moutarde{fill:#fef5e8!important}.fr-artwork-background--orange-terre-battue{fill:#fef4f2!important}.fr-artwork-background--brown-cafe-creme{fill:#fbf6ed!important}.fr-artwork-background--brown-caramel,.fr-artwork-background--brown-opera{fill:#fbf5f2!important}.fr-artwork-background--beige-gris-galet{fill:#f9f6f2!important}.fr-artwork-motif--grey{fill:#e5e5e5!important}.fr-artwork-motif--blue-france{fill:#e3e3fd!important}.fr-artwork-motif--red-marianne{fill:#fddede!important}.fr-artwork-motif--green-tilleul-verveine{fill:#fbe769!important}.fr-artwork-motif--green-bourgeon{fill:#a9fb68!important}.fr-artwork-motif--green-emeraude{fill:#9ef9be!important}.fr-artwork-motif--green-menthe{fill:#8bf8e7!important}.fr-artwork-motif--green-archipel{fill:#a6f2fa!important}.fr-artwork-motif--blue-ecume{fill:#dee5fd!important}.fr-artwork-motif--blue-cumulus{fill:#dae6fd!important}.fr-artwork-motif--purple-glycine{fill:#fddbfa!important}.fr-artwork-motif--pink-macaron{fill:#fddfda!important}.fr-artwork-motif--pink-tuile{fill:#fddfdb!important}.fr-artwork-motif--yellow-tournesol{fill:#fde39c!important}.fr-artwork-motif--yellow-moutarde{fill:#fde2b5!important}.fr-artwork-motif--orange-terre-battue{fill:#fddfd8!important}.fr-artwork-motif--brown-cafe-creme{fill:#f4e3c7!important}.fr-artwork-motif--brown-caramel{fill:#f3e2d9!important}.fr-artwork-motif--brown-opera{fill:#f3e2d7!important}.fr-artwork-motif--beige-gris-galet{fill:#eee4d9!important}.fr-icon-ancient-gate-fill:after,.fr-icon-ancient-gate-fill:before{background-image:url(../icons/buildings/ancient-gate-fill.svg)}.fr-icon-ancient-gate-line:after,.fr-icon-ancient-gate-line:before{background-image:url(../icons/buildings/ancient-gate-line.svg)}.fr-icon-ancient-pavilion-fill:after,.fr-icon-ancient-pavilion-fill:before{background-image:url(../icons/buildings/ancient-pavilion-fill.svg)}.fr-icon-ancient-pavilion-line:after,.fr-icon-ancient-pavilion-line:before{background-image:url(../icons/buildings/ancient-pavilion-line.svg)}.fr-icon-bank-fill:after,.fr-icon-bank-fill:before{background-image:url(../icons/buildings/bank-fill.svg)}.fr-icon-bank-line:after,.fr-icon-bank-line:before{background-image:url(../icons/buildings/bank-line.svg)}.fr-icon-building-fill:after,.fr-icon-building-fill:before{background-image:url(../icons/buildings/building-fill.svg)}.fr-icon-building-line:after,.fr-icon-building-line:before{background-image:url(../icons/buildings/building-line.svg)}.fr-icon-community-fill:after,.fr-icon-community-fill:before{background-image:url(../icons/buildings/community-fill.svg)}.fr-icon-community-line:after,.fr-icon-community-line:before{background-image:url(../icons/buildings/community-line.svg)}.fr-icon-government-fill:after,.fr-icon-government-fill:before{background-image:url(../icons/buildings/government-fill.svg)}.fr-icon-government-line:after,.fr-icon-government-line:before{background-image:url(../icons/buildings/government-line.svg)}.fr-icon-home-4-fill:after,.fr-icon-home-4-fill:before{background-image:url(../icons/buildings/home-4-fill.svg)}.fr-icon-home-4-line:after,.fr-icon-home-4-line:before{background-image:url(../icons/buildings/home-4-line.svg)}.fr-icon-hospital-fill:after,.fr-icon-hospital-fill:before{background-image:url(../icons/buildings/hospital-fill.svg)}.fr-icon-hospital-line:after,.fr-icon-hospital-line:before{background-image:url(../icons/buildings/hospital-line.svg)}.fr-icon-hotel-fill:after,.fr-icon-hotel-fill:before{background-image:url(../icons/buildings/hotel-fill.svg)}.fr-icon-hotel-line:after,.fr-icon-hotel-line:before{background-image:url(../icons/buildings/hotel-line.svg)}.fr-icon-store-fill:after,.fr-icon-store-fill:before{background-image:url(../icons/buildings/store-fill.svg)}.fr-icon-store-line:after,.fr-icon-store-line:before{background-image:url(../icons/buildings/store-line.svg)}.fr-fi-home-4-fill:before{background-image:url(../icons/buildings/home-4-fill.svg)}.fr-fi-home-4-line:before{background-image:url(../icons/buildings/home-4-line.svg)}.fr-icon-archive-fill:after,.fr-icon-archive-fill:before{background-image:url(../icons/business/archive-fill.svg)}.fr-icon-archive-line:after,.fr-icon-archive-line:before{background-image:url(../icons/business/archive-line.svg)}.fr-icon-attachment-fill:after,.fr-icon-attachment-fill:before{background-image:url(../icons/business/attachment-fill.svg)}.fr-icon-attachment-line:after,.fr-icon-attachment-line:before{background-image:url(../icons/business/attachment-line.svg)}.fr-icon-award-fill:after,.fr-icon-award-fill:before{background-image:url(../icons/business/award-fill.svg)}.fr-icon-award-line:after,.fr-icon-award-line:before{background-image:url(../icons/business/award-line.svg)}.fr-icon-bar-chart-box-fill:after,.fr-icon-bar-chart-box-fill:before{background-image:url(../icons/business/bar-chart-box-fill.svg)}.fr-icon-bar-chart-box-line:after,.fr-icon-bar-chart-box-line:before{background-image:url(../icons/business/bar-chart-box-line.svg)}.fr-icon-bookmark-fill:after,.fr-icon-bookmark-fill:before{background-image:url(../icons/business/bookmark-fill.svg)}.fr-icon-bookmark-line:after,.fr-icon-bookmark-line:before{background-image:url(../icons/business/bookmark-line.svg)}.fr-icon-briefcase-fill:after,.fr-icon-briefcase-fill:before{background-image:url(../icons/business/briefcase-fill.svg)}.fr-icon-briefcase-line:after,.fr-icon-briefcase-line:before{background-image:url(../icons/business/briefcase-line.svg)}.fr-icon-calendar-2-fill:after,.fr-icon-calendar-2-fill:before{background-image:url(../icons/business/calendar-2-fill.svg)}.fr-icon-calendar-2-line:after,.fr-icon-calendar-2-line:before{background-image:url(../icons/business/calendar-2-line.svg)}.fr-icon-calendar-event-fill:after,.fr-icon-calendar-event-fill:before{background-image:url(../icons/business/calendar-event-fill.svg)}.fr-icon-calendar-event-line:after,.fr-icon-calendar-event-line:before{background-image:url(../icons/business/calendar-event-line.svg)}.fr-icon-calendar-fill:after,.fr-icon-calendar-fill:before{background-image:url(../icons/business/calendar-fill.svg)}.fr-icon-calendar-line:after,.fr-icon-calendar-line:before{background-image:url(../icons/business/calendar-line.svg)}.fr-icon-cloud-fill:after,.fr-icon-cloud-fill:before{background-image:url(../icons/business/cloud-fill.svg)}.fr-icon-cloud-line:after,.fr-icon-cloud-line:before{background-image:url(../icons/business/cloud-line.svg)}.fr-icon-copyright-fill:after,.fr-icon-copyright-fill:before{background-image:url(../icons/business/copyright-fill.svg)}.fr-icon-copyright-line:after,.fr-icon-copyright-line:before{background-image:url(../icons/business/copyright-line.svg)}.fr-icon-customer-service-fill:after,.fr-icon-customer-service-fill:before{background-image:url(../icons/business/customer-service-fill.svg)}.fr-icon-customer-service-line:after,.fr-icon-customer-service-line:before{background-image:url(../icons/business/customer-service-line.svg)}.fr-icon-flag-fill:after,.fr-icon-flag-fill:before{background-image:url(../icons/business/flag-fill.svg)}.fr-icon-flag-line:after,.fr-icon-flag-line:before{background-image:url(../icons/business/flag-line.svg)}.fr-icon-global-fill:after,.fr-icon-global-fill:before{background-image:url(../icons/business/global-fill.svg)}.fr-icon-global-line:after,.fr-icon-global-line:before{background-image:url(../icons/business/global-line.svg)}.fr-icon-line-chart-fill:after,.fr-icon-line-chart-fill:before{background-image:url(../icons/business/line-chart-fill.svg)}.fr-icon-line-chart-line:after,.fr-icon-line-chart-line:before{background-image:url(../icons/business/line-chart-line.svg)}.fr-icon-links-fill:after,.fr-icon-links-fill:before{background-image:url(../icons/business/links-fill.svg)}.fr-icon-links-line:after,.fr-icon-links-line:before{background-image:url(../icons/business/links-line.svg)}.fr-icon-mail-fill:after,.fr-icon-mail-fill:before{background-image:url(../icons/business/mail-fill.svg)}.fr-icon-mail-line:after,.fr-icon-mail-line:before{background-image:url(../icons/business/mail-line.svg)}.fr-icon-mail-open-fill:after,.fr-icon-mail-open-fill:before{background-image:url(../icons/business/mail-open-fill.svg)}.fr-icon-mail-open-line:after,.fr-icon-mail-open-line:before{background-image:url(../icons/business/mail-open-line.svg)}.fr-icon-medal-fill:after,.fr-icon-medal-fill:before{background-image:url(../icons/business/medal-fill.svg)}.fr-icon-medal-line:after,.fr-icon-medal-line:before{background-image:url(../icons/business/medal-line.svg)}.fr-icon-pie-chart-2-fill:after,.fr-icon-pie-chart-2-fill:before{background-image:url(../icons/business/pie-chart-2-fill.svg)}.fr-icon-pie-chart-2-line:after,.fr-icon-pie-chart-2-line:before{background-image:url(../icons/business/pie-chart-2-line.svg)}.fr-icon-pie-chart-box-fill:after,.fr-icon-pie-chart-box-fill:before{background-image:url(../icons/business/pie-chart-box-fill.svg)}.fr-icon-pie-chart-box-line:after,.fr-icon-pie-chart-box-line:before{background-image:url(../icons/business/pie-chart-box-line.svg)}.fr-icon-printer-fill:after,.fr-icon-printer-fill:before{background-image:url(../icons/business/printer-fill.svg)}.fr-icon-printer-line:after,.fr-icon-printer-line:before{background-image:url(../icons/business/printer-line.svg)}.fr-icon-profil-fill:after,.fr-icon-profil-fill:before{background-image:url(../icons/business/profil-fill.svg)}.fr-icon-profil-line:after,.fr-icon-profil-line:before{background-image:url(../icons/business/profil-line.svg)}.fr-icon-projector-2-fill:after,.fr-icon-projector-2-fill:before{background-image:url(../icons/business/projector-2-fill.svg)}.fr-icon-projector-2-line:after,.fr-icon-projector-2-line:before{background-image:url(../icons/business/projector-2-line.svg)}.fr-icon-send-plane-fill:after,.fr-icon-send-plane-fill:before{background-image:url(../icons/business/send-plane-fill.svg)}.fr-icon-send-plane-line:after,.fr-icon-send-plane-line:before{background-image:url(../icons/business/send-plane-line.svg)}.fr-icon-slideshow-fill:after,.fr-icon-slideshow-fill:before{background-image:url(../icons/business/slideshow-fill.svg)}.fr-icon-slideshow-line:after,.fr-icon-slideshow-line:before{background-image:url(../icons/business/slideshow-line.svg)}.fr-icon-window-fill:after,.fr-icon-window-fill:before{background-image:url(../icons/business/window-fill.svg)}.fr-icon-window-line:after,.fr-icon-window-line:before{background-image:url(../icons/business/window-line.svg)}.fr-fi-attachment-fill:before{background-image:url(../icons/business/attachment-fill.svg)}.fr-fi-attachment-line:before{background-image:url(../icons/business/attachment-line.svg)}.fr-fi-calendar-fill:before{background-image:url(../icons/business/calendar-fill.svg)}.fr-fi-calendar-line:before{background-image:url(../icons/business/calendar-line.svg)}.fr-fi-line-chart-fill:before{background-image:url(../icons/business/line-chart-fill.svg)}.fr-fi-line-chart-line:before{background-image:url(../icons/business/line-chart-line.svg)}.fr-fi-links-fill:before{background-image:url(../icons/business/links-fill.svg)}.fr-fi-mail-fill:before{background-image:url(../icons/business/mail-fill.svg)}.fr-fi-mail-line:before{background-image:url(../icons/business/mail-line.svg)}.fr-fi-printer-fill:before{background-image:url(../icons/business/printer-fill.svg)}.fr-fi-printer-line:before{background-image:url(../icons/business/printer-line.svg)}.fr-icon-chat-2-fill:after,.fr-icon-chat-2-fill:before{background-image:url(../icons/communication/chat-2-fill.svg)}.fr-icon-chat-2-line:after,.fr-icon-chat-2-line:before{background-image:url(../icons/communication/chat-2-line.svg)}.fr-icon-chat-3-fill:after,.fr-icon-chat-3-fill:before{background-image:url(../icons/communication/chat-3-fill.svg)}.fr-icon-chat-3-line:after,.fr-icon-chat-3-line:before{background-image:url(../icons/communication/chat-3-line.svg)}.fr-icon-chat-check-fill:after,.fr-icon-chat-check-fill:before{background-image:url(../icons/communication/chat-check-fill.svg)}.fr-icon-chat-check-line:after,.fr-icon-chat-check-line:before{background-image:url(../icons/communication/chat-check-line.svg)}.fr-icon-chat-delete-fill:after,.fr-icon-chat-delete-fill:before{background-image:url(../icons/communication/chat-delete-fill.svg)}.fr-icon-chat-delete-line:after,.fr-icon-chat-delete-line:before{background-image:url(../icons/communication/chat-delete-line.svg)}.fr-icon-chat-poll-fill:after,.fr-icon-chat-poll-fill:before{background-image:url(../icons/communication/chat-poll-fill.svg)}.fr-icon-chat-poll-line:after,.fr-icon-chat-poll-line:before{background-image:url(../icons/communication/chat-poll-line.svg)}.fr-icon-discuss-fill:after,.fr-icon-discuss-fill:before{background-image:url(../icons/communication/discuss-fill.svg)}.fr-icon-discuss-line:after,.fr-icon-discuss-line:before{background-image:url(../icons/communication/discuss-line.svg)}.fr-icon-feedback-fill:after,.fr-icon-feedback-fill:before{background-image:url(../icons/communication/feedback-fill.svg)}.fr-icon-feedback-line:after,.fr-icon-feedback-line:before{background-image:url(../icons/communication/feedback-line.svg)}.fr-icon-message-2-fill:after,.fr-icon-message-2-fill:before{background-image:url(../icons/communication/message-2-fill.svg)}.fr-icon-message-2-line:after,.fr-icon-message-2-line:before{background-image:url(../icons/communication/message-2-line.svg)}.fr-icon-question-answer-fill:after,.fr-icon-question-answer-fill:before{background-image:url(../icons/communication/question-answer-fill.svg)}.fr-icon-question-answer-line:after,.fr-icon-question-answer-line:before{background-image:url(../icons/communication/question-answer-line.svg)}.fr-icon-questionnaire-fill:after,.fr-icon-questionnaire-fill:before{background-image:url(../icons/communication/questionnaire-fill.svg)}.fr-icon-questionnaire-line:after,.fr-icon-questionnaire-line:before{background-image:url(../icons/communication/questionnaire-line.svg)}.fr-icon-video-chat-fill:after,.fr-icon-video-chat-fill:before{background-image:url(../icons/communication/video-chat-fill.svg)}.fr-icon-video-chat-line:after,.fr-icon-video-chat-line:before{background-image:url(../icons/communication/video-chat-line.svg)}.fr-icon-ball-pen-fill:after,.fr-icon-ball-pen-fill:before{background-image:url(../icons/design/ball-pen-fill.svg)}.fr-icon-ball-pen-line:after,.fr-icon-ball-pen-line:before{background-image:url(../icons/design/ball-pen-line.svg)}.fr-icon-brush-3-fill:after,.fr-icon-brush-3-fill:before{background-image:url(../icons/design/brush-3-fill.svg)}.fr-icon-brush-3-line:after,.fr-icon-brush-3-line:before{background-image:url(../icons/design/brush-3-line.svg)}.fr-icon-brush-fill:after,.fr-icon-brush-fill:before{background-image:url(../icons/design/brush-fill.svg)}.fr-icon-brush-line:after,.fr-icon-brush-line:before{background-image:url(../icons/design/brush-line.svg)}.fr-icon-contrast-fill:after,.fr-icon-contrast-fill:before{background-image:url(../icons/design/contrast-fill.svg)}.fr-icon-contrast-line:after,.fr-icon-contrast-line:before{background-image:url(../icons/design/contrast-line.svg)}.fr-icon-crop-fill:after,.fr-icon-crop-fill:before{background-image:url(../icons/design/crop-fill.svg)}.fr-icon-crop-line:after,.fr-icon-crop-line:before{background-image:url(../icons/design/crop-line.svg)}.fr-icon-drag-move-2-fill:after,.fr-icon-drag-move-2-fill:before{background-image:url(../icons/design/drag-move-2-fill.svg)}.fr-icon-drag-move-2-line:after,.fr-icon-drag-move-2-line:before{background-image:url(../icons/design/drag-move-2-line.svg)}.fr-icon-drop-fill:after,.fr-icon-drop-fill:before{background-image:url(../icons/design/drop-fill.svg)}.fr-icon-drop-line:after,.fr-icon-drop-line:before{background-image:url(../icons/design/drop-line.svg)}.fr-icon-edit-box-fill:after,.fr-icon-edit-box-fill:before{background-image:url(../icons/design/edit-box-fill.svg)}.fr-icon-edit-box-line:after,.fr-icon-edit-box-line:before{background-image:url(../icons/design/edit-box-line.svg)}.fr-icon-edit-fill:after,.fr-icon-edit-fill:before{background-image:url(../icons/design/edit-fill.svg)}.fr-icon-edit-line:after,.fr-icon-edit-line:before{background-image:url(../icons/design/edit-line.svg)}.fr-icon-ink-bottle-fill:after,.fr-icon-ink-bottle-fill:before{background-image:url(../icons/design/ink-bottle-fill.svg)}.fr-icon-ink-bottle-line:after,.fr-icon-ink-bottle-line:before{background-image:url(../icons/design/ink-bottle-line.svg)}.fr-icon-layout-grid-fill:after,.fr-icon-layout-grid-fill:before{background-image:url(../icons/design/layout-grid-fill.svg)}.fr-icon-layout-grid-line:after,.fr-icon-layout-grid-line:before{background-image:url(../icons/design/layout-grid-line.svg)}.fr-icon-mark-pen-fill:after,.fr-icon-mark-pen-fill:before{background-image:url(../icons/design/mark-pen-fill.svg)}.fr-icon-mark-pen-line:after,.fr-icon-mark-pen-line:before{background-image:url(../icons/design/mark-pen-line.svg)}.fr-icon-paint-brush-fill:after,.fr-icon-paint-brush-fill:before{background-image:url(../icons/design/paint-brush-fill.svg)}.fr-icon-paint-brush-line:after,.fr-icon-paint-brush-line:before{background-image:url(../icons/design/paint-brush-line.svg)}.fr-icon-paint-fill:after,.fr-icon-paint-fill:before{background-image:url(../icons/design/paint-fill.svg)}.fr-icon-paint-line:after,.fr-icon-paint-line:before{background-image:url(../icons/design/paint-line.svg)}.fr-icon-palette-fill:after,.fr-icon-palette-fill:before{background-image:url(../icons/design/palette-fill.svg)}.fr-icon-palette-line:after,.fr-icon-palette-line:before{background-image:url(../icons/design/palette-line.svg)}.fr-icon-pantone-fill:after,.fr-icon-pantone-fill:before{background-image:url(../icons/design/pantone-fill.svg)}.fr-icon-pantone-line:after,.fr-icon-pantone-line:before{background-image:url(../icons/design/pantone-line.svg)}.fr-icon-pen-nib-fill:after,.fr-icon-pen-nib-fill:before{background-image:url(../icons/design/pen-nib-fill.svg)}.fr-icon-pen-nib-line:after,.fr-icon-pen-nib-line:before{background-image:url(../icons/design/pen-nib-line.svg)}.fr-icon-pencil-fill:after,.fr-icon-pencil-fill:before{background-image:url(../icons/design/pencil-fill.svg)}.fr-icon-pencil-line:after,.fr-icon-pencil-line:before{background-image:url(../icons/design/pencil-line.svg)}.fr-icon-pencil-ruler-fill:after,.fr-icon-pencil-ruler-fill:before{background-image:url(../icons/design/pencil-ruler-fill.svg)}.fr-icon-pencil-ruler-line:after,.fr-icon-pencil-ruler-line:before{background-image:url(../icons/design/pencil-ruler-line.svg)}.fr-icon-sip-fill:after,.fr-icon-sip-fill:before{background-image:url(../icons/design/sip-fill.svg)}.fr-icon-sip-line:after,.fr-icon-sip-line:before{background-image:url(../icons/design/sip-line.svg)}.fr-icon-table-fill:after,.fr-icon-table-fill:before{background-image:url(../icons/design/table-fill.svg)}.fr-icon-table-line:after,.fr-icon-table-line:before{background-image:url(../icons/design/table-line.svg)}.fr-fi-edit-fill:before{background-image:url(../icons/design/edit-fill.svg)}.fr-fi-edit-line:before{background-image:url(../icons/design/edit-line.svg)}.fr-icon-bug-fill:after,.fr-icon-bug-fill:before{background-image:url(../icons/development/bug-fill.svg)}.fr-icon-bug-line:after,.fr-icon-bug-line:before{background-image:url(../icons/development/bug-line.svg)}.fr-icon-code-box-fill:after,.fr-icon-code-box-fill:before{background-image:url(../icons/development/code-box-fill.svg)}.fr-icon-code-box-line:after,.fr-icon-code-box-line:before{background-image:url(../icons/development/code-box-line.svg)}.fr-icon-code-s-slash-line:after,.fr-icon-code-s-slash-line:before{background-image:url(../icons/development/code-s-slash-line.svg)}.fr-icon-cursor-fill:after,.fr-icon-cursor-fill:before{background-image:url(../icons/development/cursor-fill.svg)}.fr-icon-cursor-line:after,.fr-icon-cursor-line:before{background-image:url(../icons/development/cursor-line.svg)}.fr-icon-git-branch-fill:after,.fr-icon-git-branch-fill:before{background-image:url(../icons/development/git-branch-fill.svg)}.fr-icon-git-branch-line:after,.fr-icon-git-branch-line:before{background-image:url(../icons/development/git-branch-line.svg)}.fr-icon-git-commit-fill:after,.fr-icon-git-commit-fill:before{background-image:url(../icons/development/git-commit-fill.svg)}.fr-icon-git-commit-line:after,.fr-icon-git-commit-line:before{background-image:url(../icons/development/git-commit-line.svg)}.fr-icon-git-merge-fill:after,.fr-icon-git-merge-fill:before{background-image:url(../icons/development/git-merge-fill.svg)}.fr-icon-git-merge-line:after,.fr-icon-git-merge-line:before{background-image:url(../icons/development/git-merge-line.svg)}.fr-icon-git-pull-request-fill:after,.fr-icon-git-pull-request-fill:before{background-image:url(../icons/development/git-pull-request-fill.svg)}.fr-icon-git-pull-request-line:after,.fr-icon-git-pull-request-line:before{background-image:url(../icons/development/git-pull-request-line.svg)}.fr-icon-git-repository-commits-fill:after,.fr-icon-git-repository-commits-fill:before{background-image:url(../icons/development/git-repository-commits-fill.svg)}.fr-icon-git-repository-commits-line:after,.fr-icon-git-repository-commits-line:before{background-image:url(../icons/development/git-repository-commits-line.svg)}.fr-icon-git-repository-fill:after,.fr-icon-git-repository-fill:before{background-image:url(../icons/development/git-repository-fill.svg)}.fr-icon-git-repository-line:after,.fr-icon-git-repository-line:before{background-image:url(../icons/development/git-repository-line.svg)}.fr-icon-git-repository-private-fill:after,.fr-icon-git-repository-private-fill:before{background-image:url(../icons/development/git-repository-private-fill.svg)}.fr-icon-git-repository-private-line:after,.fr-icon-git-repository-private-line:before{background-image:url(../icons/development/git-repository-private-line.svg)}.fr-icon-terminal-box-fill:after,.fr-icon-terminal-box-fill:before{background-image:url(../icons/development/terminal-box-fill.svg)}.fr-icon-terminal-box-line:after,.fr-icon-terminal-box-line:before{background-image:url(../icons/development/terminal-box-line.svg)}.fr-icon-terminal-line:after,.fr-icon-terminal-line:before{background-image:url(../icons/development/terminal-line.svg)}.fr-icon-terminal-window-fill:after,.fr-icon-terminal-window-fill:before{background-image:url(../icons/development/terminal-window-fill.svg)}.fr-icon-terminal-window-line:after,.fr-icon-terminal-window-line:before{background-image:url(../icons/development/terminal-window-line.svg)}.fr-icon-bluetooth-fill:after,.fr-icon-bluetooth-fill:before{background-image:url(../icons/device/bluetooth-fill.svg)}.fr-icon-bluetooth-line:after,.fr-icon-bluetooth-line:before{background-image:url(../icons/device/bluetooth-line.svg)}.fr-icon-computer-fill:after,.fr-icon-computer-fill:before{background-image:url(../icons/device/computer-fill.svg)}.fr-icon-computer-line:after,.fr-icon-computer-line:before{background-image:url(../icons/device/computer-line.svg)}.fr-icon-dashboard-3-fill:after,.fr-icon-dashboard-3-fill:before{background-image:url(../icons/device/dashboard-3-fill.svg)}.fr-icon-dashboard-3-line:after,.fr-icon-dashboard-3-line:before{background-image:url(../icons/device/dashboard-3-line.svg)}.fr-icon-database-fill:after,.fr-icon-database-fill:before{background-image:url(../icons/device/database-fill.svg)}.fr-icon-database-line:after,.fr-icon-database-line:before{background-image:url(../icons/device/database-line.svg)}.fr-icon-device-fill:after,.fr-icon-device-fill:before{background-image:url(../icons/device/device-fill.svg)}.fr-icon-device-line:after,.fr-icon-device-line:before{background-image:url(../icons/device/device-line.svg)}.fr-icon-hard-drive-2-fill:after,.fr-icon-hard-drive-2-fill:before{background-image:url(../icons/device/hard-drive-2-fill.svg)}.fr-icon-hard-drive-2-line:after,.fr-icon-hard-drive-2-line:before{background-image:url(../icons/device/hard-drive-2-line.svg)}.fr-icon-mac-fill:after,.fr-icon-mac-fill:before{background-image:url(../icons/device/mac-fill.svg)}.fr-icon-mac-line:after,.fr-icon-mac-line:before{background-image:url(../icons/device/mac-line.svg)}.fr-icon-phone-fill:after,.fr-icon-phone-fill:before{background-image:url(../icons/device/phone-fill.svg)}.fr-icon-phone-line:after,.fr-icon-phone-line:before{background-image:url(../icons/device/phone-line.svg)}.fr-icon-qr-code-fill:after,.fr-icon-qr-code-fill:before{background-image:url(../icons/device/qr-code-fill.svg)}.fr-icon-qr-code-line:after,.fr-icon-qr-code-line:before{background-image:url(../icons/device/qr-code-line.svg)}.fr-icon-rss-fill:after,.fr-icon-rss-fill:before{background-image:url(../icons/device/rss-fill.svg)}.fr-icon-rss-line:after,.fr-icon-rss-line:before{background-image:url(../icons/device/rss-line.svg)}.fr-icon-save-3-fill:after,.fr-icon-save-3-fill:before{background-image:url(../icons/device/save-3-fill.svg)}.fr-icon-save-3-line:after,.fr-icon-save-3-line:before{background-image:url(../icons/device/save-3-line.svg)}.fr-icon-save-fill:after,.fr-icon-save-fill:before{background-image:url(../icons/device/save-fill.svg)}.fr-icon-save-line:after,.fr-icon-save-line:before{background-image:url(../icons/device/save-line.svg)}.fr-icon-server-fill:after,.fr-icon-server-fill:before{background-image:url(../icons/device/server-fill.svg)}.fr-icon-server-line:after,.fr-icon-server-line:before{background-image:url(../icons/device/server-line.svg)}.fr-icon-smartphone-fill:after,.fr-icon-smartphone-fill:before{background-image:url(../icons/device/smartphone-fill.svg)}.fr-icon-smartphone-line:after,.fr-icon-smartphone-line:before{background-image:url(../icons/device/smartphone-line.svg)}.fr-icon-tablet-fill:after,.fr-icon-tablet-fill:before{background-image:url(../icons/device/tablet-fill.svg)}.fr-icon-tablet-line:after,.fr-icon-tablet-line:before{background-image:url(../icons/device/tablet-line.svg)}.fr-icon-tv-fill:after,.fr-icon-tv-fill:before{background-image:url(../icons/device/tv-fill.svg)}.fr-icon-tv-line:after,.fr-icon-tv-line:before{background-image:url(../icons/device/tv-line.svg)}.fr-icon-wifi-fill:after,.fr-icon-wifi-fill:before{background-image:url(../icons/device/wifi-fill.svg)}.fr-icon-wifi-line:after,.fr-icon-wifi-line:before{background-image:url(../icons/device/wifi-line.svg)}.fr-fi-phone-fill:before{background-image:url(../icons/device/phone-fill.svg)}.fr-fi-phone-line:before{background-image:url(../icons/device/phone-line.svg)}.fr-fi-rss-fill:before{background-image:url(../icons/device/rss-fill.svg)}.fr-fi-rss-line:before{background-image:url(../icons/device/rss-line.svg)}.fr-fi-save-fill:before{background-image:url(../icons/device/save-fill.svg)}.fr-fi-save-line:before{background-image:url(../icons/device/save-line.svg)}.fr-icon-article-fill:after,.fr-icon-article-fill:before{background-image:url(../icons/document/article-fill.svg)}.fr-icon-article-line:after,.fr-icon-article-line:before{background-image:url(../icons/document/article-line.svg)}.fr-icon-book-2-fill:after,.fr-icon-book-2-fill:before{background-image:url(../icons/document/book-2-fill.svg)}.fr-icon-book-2-line:after,.fr-icon-book-2-line:before{background-image:url(../icons/document/book-2-line.svg)}.fr-icon-booklet-fill:after,.fr-icon-booklet-fill:before{background-image:url(../icons/document/booklet-fill.svg)}.fr-icon-booklet-line:after,.fr-icon-booklet-line:before{background-image:url(../icons/document/booklet-line.svg)}.fr-icon-clipboard-fill:after,.fr-icon-clipboard-fill:before{background-image:url(../icons/document/clipboard-fill.svg)}.fr-icon-clipboard-line:after,.fr-icon-clipboard-line:before{background-image:url(../icons/document/clipboard-line.svg)}.fr-icon-draft-fill:after,.fr-icon-draft-fill:before{background-image:url(../icons/document/draft-fill.svg)}.fr-icon-draft-line:after,.fr-icon-draft-line:before{background-image:url(../icons/document/draft-line.svg)}.fr-icon-file-add-fill:after,.fr-icon-file-add-fill:before{background-image:url(../icons/document/file-add-fill.svg)}.fr-icon-file-add-line:after,.fr-icon-file-add-line:before{background-image:url(../icons/document/file-add-line.svg)}.fr-icon-file-download-fill:after,.fr-icon-file-download-fill:before{background-image:url(../icons/document/file-download-fill.svg)}.fr-icon-file-download-line:after,.fr-icon-file-download-line:before{background-image:url(../icons/document/file-download-line.svg)}.fr-icon-file-fill:after,.fr-icon-file-fill:before{background-image:url(../icons/document/file-fill.svg)}.fr-icon-file-line:after,.fr-icon-file-line:before{background-image:url(../icons/document/file-line.svg)}.fr-icon-file-pdf-fill:after,.fr-icon-file-pdf-fill:before{background-image:url(../icons/document/file-pdf-fill.svg)}.fr-icon-file-pdf-line:after,.fr-icon-file-pdf-line:before{background-image:url(../icons/document/file-pdf-line.svg)}.fr-icon-file-text-fill:after,.fr-icon-file-text-fill:before{background-image:url(../icons/document/file-text-fill.svg)}.fr-icon-file-text-line:after,.fr-icon-file-text-line:before{background-image:url(../icons/document/file-text-line.svg)}.fr-icon-folder-2-fill:after,.fr-icon-folder-2-fill:before{background-image:url(../icons/document/folder-2-fill.svg)}.fr-icon-folder-2-line:after,.fr-icon-folder-2-line:before{background-image:url(../icons/document/folder-2-line.svg)}.fr-icon-newspaper-fill:after,.fr-icon-newspaper-fill:before{background-image:url(../icons/document/newspaper-fill.svg)}.fr-icon-newspaper-line:after,.fr-icon-newspaper-line:before{background-image:url(../icons/document/newspaper-line.svg)}.fr-icon-survey-fill:after,.fr-icon-survey-fill:before{background-image:url(../icons/document/survey-fill.svg)}.fr-icon-survey-line:after,.fr-icon-survey-line:before{background-image:url(../icons/document/survey-line.svg)}.fr-icon-todo-fill:after,.fr-icon-todo-fill:before{background-image:url(../icons/document/todo-fill.svg)}.fr-icon-todo-line:after,.fr-icon-todo-line:before{background-image:url(../icons/document/todo-line.svg)}.fr-fi-file-download-fill:before{background-image:url(../icons/document/file-download-fill.svg)}.fr-fi-file-download-line:before{background-image:url(../icons/document/file-download-line.svg)}.fr-fi-file-fill:before{background-image:url(../icons/document/file-fill.svg)}.fr-fi-file-line:before{background-image:url(../icons/document/file-line.svg)}.fr-fi-file-pdf-fill:before{background-image:url(../icons/document/file-pdf-fill.svg)}.fr-fi-file-pdf-line:before{background-image:url(../icons/document/file-pdf-line.svg)}.fr-icon-code-view:after,.fr-icon-code-view:before{background-image:url(../icons/editor/code-view.svg)}.fr-icon-font-size:after,.fr-icon-font-size:before{background-image:url(../icons/editor/font-size.svg)}.fr-icon-bold:after,.fr-icon-bold:before{background-image:url(../icons/editor/fr--bold.svg)}.fr-icon-highlight:after,.fr-icon-highlight:before{background-image:url(../icons/editor/fr--highlight.svg)}.fr-icon-quote-fill:after,.fr-icon-quote-fill:before{background-image:url(../icons/editor/fr--quote-fill.svg)}.fr-icon-quote-line:after,.fr-icon-quote-line:before{background-image:url(../icons/editor/fr--quote-line.svg)}.fr-icon-h-1:after,.fr-icon-h-1:before{background-image:url(../icons/editor/h-1.svg)}.fr-icon-h-2:after,.fr-icon-h-2:before{background-image:url(../icons/editor/h-2.svg)}.fr-icon-h-3:after,.fr-icon-h-3:before{background-image:url(../icons/editor/h-3.svg)}.fr-icon-h-4:after,.fr-icon-h-4:before{background-image:url(../icons/editor/h-4.svg)}.fr-icon-h-5:after,.fr-icon-h-5:before{background-image:url(../icons/editor/h-5.svg)}.fr-icon-h-6:after,.fr-icon-h-6:before{background-image:url(../icons/editor/h-6.svg)}.fr-icon-hashtag:after,.fr-icon-hashtag:before{background-image:url(../icons/editor/hashtag.svg)}.fr-icon-italic:after,.fr-icon-italic:before{background-image:url(../icons/editor/italic.svg)}.fr-icon-link-unlink:after,.fr-icon-link-unlink:before{background-image:url(../icons/editor/link-unlink.svg)}.fr-icon-link:after,.fr-icon-link:before{background-image:url(../icons/editor/link.svg)}.fr-icon-list-ordered:after,.fr-icon-list-ordered:before{background-image:url(../icons/editor/list-ordered.svg)}.fr-icon-list-unordered:after,.fr-icon-list-unordered:before{background-image:url(../icons/editor/list-unordered.svg)}.fr-icon-question-mark:after,.fr-icon-question-mark:before{background-image:url(../icons/editor/question-mark.svg)}.fr-icon-separator:after,.fr-icon-separator:before{background-image:url(../icons/editor/separator.svg)}.fr-icon-space:after,.fr-icon-space:before{background-image:url(../icons/editor/space.svg)}.fr-icon-subscript:after,.fr-icon-subscript:before{background-image:url(../icons/editor/subscript.svg)}.fr-icon-superscript:after,.fr-icon-superscript:before{background-image:url(../icons/editor/superscript.svg)}.fr-icon-table-2:after,.fr-icon-table-2:before{background-image:url(../icons/editor/table-2.svg)}.fr-icon-translate-2:after,.fr-icon-translate-2:before{background-image:url(../icons/editor/translate-2.svg)}.fr-fi-font-size:before{background-image:url(../icons/editor/font-size.svg)}.fr-fi-bold:before{background-image:url(../icons/editor/fr--bold.svg)}.fr-fi-highlight:before{background-image:url(../icons/editor/fr--highlight.svg)}.fr-fi-italic:before{background-image:url(../icons/editor/italic.svg)}.fr-fi-link-unlink:before{background-image:url(../icons/editor/link-unlink.svg)}.fr-fi-list-ordered:before{background-image:url(../icons/editor/list-ordered.svg)}.fr-fi-list-unordered:before{background-image:url(../icons/editor/list-unordered.svg)}.fr-icon-bank-card-fill:after,.fr-icon-bank-card-fill:before{background-image:url(../icons/finance/bank-card-fill.svg)}.fr-icon-bank-card-line:after,.fr-icon-bank-card-line:before{background-image:url(../icons/finance/bank-card-line.svg)}.fr-icon-coin-fill:after,.fr-icon-coin-fill:before{background-image:url(../icons/finance/coin-fill.svg)}.fr-icon-gift-fill:after,.fr-icon-gift-fill:before{background-image:url(../icons/finance/gift-fill.svg)}.fr-icon-gift-line:after,.fr-icon-gift-line:before{background-image:url(../icons/finance/gift-line.svg)}.fr-icon-money-euro-box-fill:after,.fr-icon-money-euro-box-fill:before{background-image:url(../icons/finance/money-euro-box-fill.svg)}.fr-icon-money-euro-box-line:after,.fr-icon-money-euro-box-line:before{background-image:url(../icons/finance/money-euro-box-line.svg)}.fr-icon-money-euro-circle-fill:after,.fr-icon-money-euro-circle-fill:before{background-image:url(../icons/finance/money-euro-circle-fill.svg)}.fr-icon-money-euro-circle-line:after,.fr-icon-money-euro-circle-line:before{background-image:url(../icons/finance/money-euro-circle-line.svg)}.fr-icon-secure-payment-fill:after,.fr-icon-secure-payment-fill:before{background-image:url(../icons/finance/secure-payment-fill.svg)}.fr-icon-secure-payment-line:after,.fr-icon-secure-payment-line:before{background-image:url(../icons/finance/secure-payment-line.svg)}.fr-icon-shopping-bag-fill:after,.fr-icon-shopping-bag-fill:before{background-image:url(../icons/finance/shopping-bag-fill.svg)}.fr-icon-shopping-bag-line:after,.fr-icon-shopping-bag-line:before{background-image:url(../icons/finance/shopping-bag-line.svg)}.fr-icon-shopping-cart-2-fill:after,.fr-icon-shopping-cart-2-fill:before{background-image:url(../icons/finance/shopping-cart-2-fill.svg)}.fr-icon-shopping-cart-2-line:after,.fr-icon-shopping-cart-2-line:before{background-image:url(../icons/finance/shopping-cart-2-line.svg)}.fr-icon-trophy-fill:after,.fr-icon-trophy-fill:before{background-image:url(../icons/finance/trophy-fill.svg)}.fr-icon-trophy-line:after,.fr-icon-trophy-line:before{background-image:url(../icons/finance/trophy-line.svg)}.fr-icon-capsule-fill:after,.fr-icon-capsule-fill:before{background-image:url(../icons/health/capsule-fill.svg)}.fr-icon-capsule-line:after,.fr-icon-capsule-line:before{background-image:url(../icons/health/capsule-line.svg)}.fr-icon-dislike-fill:after,.fr-icon-dislike-fill:before{background-image:url(../icons/health/dislike-fill.svg)}.fr-icon-dislike-line:after,.fr-icon-dislike-line:before{background-image:url(../icons/health/dislike-line.svg)}.fr-icon-dossier-fill:after,.fr-icon-dossier-fill:before{background-image:url(../icons/health/dossier-fill.svg)}.fr-icon-dossier-line:after,.fr-icon-dossier-line:before{background-image:url(../icons/health/dossier-line.svg)}.fr-icon-first-aid-kit-fill:after,.fr-icon-first-aid-kit-fill:before{background-image:url(../icons/health/first-aid-kit-fill.svg)}.fr-icon-first-aid-kit-line:after,.fr-icon-first-aid-kit-line:before{background-image:url(../icons/health/first-aid-kit-line.svg)}.fr-icon-hand-sanitizer-fill:after,.fr-icon-hand-sanitizer-fill:before{background-image:url(../icons/health/hand-sanitizer-fill.svg)}.fr-icon-hand-sanitizer-line:after,.fr-icon-hand-sanitizer-line:before{background-image:url(../icons/health/hand-sanitizer-line.svg)}.fr-icon-health-book-fill:after,.fr-icon-health-book-fill:before{background-image:url(../icons/health/health-book-fill.svg)}.fr-icon-health-book-line:after,.fr-icon-health-book-line:before{background-image:url(../icons/health/health-book-line.svg)}.fr-icon-heart-fill:after,.fr-icon-heart-fill:before{background-image:url(../icons/health/heart-fill.svg)}.fr-icon-heart-line:after,.fr-icon-heart-line:before{background-image:url(../icons/health/heart-line.svg)}.fr-icon-heart-pulse-fill:after,.fr-icon-heart-pulse-fill:before{background-image:url(../icons/health/heart-pulse-fill.svg)}.fr-icon-heart-pulse-line:after,.fr-icon-heart-pulse-line:before{background-image:url(../icons/health/heart-pulse-line.svg)}.fr-icon-lungs-fill:after,.fr-icon-lungs-fill:before{background-image:url(../icons/health/lungs-fill.svg)}.fr-icon-lungs-line:after,.fr-icon-lungs-line:before{background-image:url(../icons/health/lungs-line.svg)}.fr-icon-medicine-bottle-fill:after,.fr-icon-medicine-bottle-fill:before{background-image:url(../icons/health/medicine-bottle-fill.svg)}.fr-icon-medicine-bottle-line:after,.fr-icon-medicine-bottle-line:before{background-image:url(../icons/health/medicine-bottle-line.svg)}.fr-icon-mental-health-fill:after,.fr-icon-mental-health-fill:before{background-image:url(../icons/health/mental-health-fill.svg)}.fr-icon-mental-health-line:after,.fr-icon-mental-health-line:before{background-image:url(../icons/health/mental-health-line.svg)}.fr-icon-microscope-fill:after,.fr-icon-microscope-fill:before{background-image:url(../icons/health/microscope-fill.svg)}.fr-icon-microscope-line:after,.fr-icon-microscope-line:before{background-image:url(../icons/health/microscope-line.svg)}.fr-icon-psychotherapy-fill:after,.fr-icon-psychotherapy-fill:before{background-image:url(../icons/health/psychotherapy-fill.svg)}.fr-icon-psychotherapy-line:after,.fr-icon-psychotherapy-line:before{background-image:url(../icons/health/psychotherapy-line.svg)}.fr-icon-pulse-line:after,.fr-icon-pulse-line:before{background-image:url(../icons/health/pulse-line.svg)}.fr-icon-stethoscope-fill:after,.fr-icon-stethoscope-fill:before{background-image:url(../icons/health/stethoscope-fill.svg)}.fr-icon-stethoscope-line:after,.fr-icon-stethoscope-line:before{background-image:url(../icons/health/stethoscope-line.svg)}.fr-icon-surgical-mask-fill:after,.fr-icon-surgical-mask-fill:before{background-image:url(../icons/health/surgical-mask-fill.svg)}.fr-icon-surgical-mask-line:after,.fr-icon-surgical-mask-line:before{background-image:url(../icons/health/surgical-mask-line.svg)}.fr-icon-syringe-fill:after,.fr-icon-syringe-fill:before{background-image:url(../icons/health/syringe-fill.svg)}.fr-icon-syringe-line:after,.fr-icon-syringe-line:before{background-image:url(../icons/health/syringe-line.svg)}.fr-icon-test-tube-fill:after,.fr-icon-test-tube-fill:before{background-image:url(../icons/health/test-tube-fill.svg)}.fr-icon-test-tube-line:after,.fr-icon-test-tube-line:before{background-image:url(../icons/health/test-tube-line.svg)}.fr-icon-thermometer-fill:after,.fr-icon-thermometer-fill:before{background-image:url(../icons/health/thermometer-fill.svg)}.fr-icon-thermometer-line:after,.fr-icon-thermometer-line:before{background-image:url(../icons/health/thermometer-line.svg)}.fr-icon-virus-fill:after,.fr-icon-virus-fill:before{background-image:url(../icons/health/virus-fill.svg)}.fr-icon-virus-line:after,.fr-icon-virus-line:before{background-image:url(../icons/health/virus-line.svg)}.fr-icon-chrome-fill:after,.fr-icon-chrome-fill:before{background-image:url(../icons/logo/chrome-fill.svg)}.fr-icon-chrome-line:after,.fr-icon-chrome-line:before{background-image:url(../icons/logo/chrome-line.svg)}.fr-icon-edge-fill:after,.fr-icon-edge-fill:before{background-image:url(../icons/logo/edge-fill.svg)}.fr-icon-edge-line:after,.fr-icon-edge-line:before{background-image:url(../icons/logo/edge-line.svg)}.fr-icon-facebook-circle-fill:after,.fr-icon-facebook-circle-fill:before{background-image:url(../icons/logo/facebook-circle-fill.svg)}.fr-icon-facebook-circle-line:after,.fr-icon-facebook-circle-line:before{background-image:url(../icons/logo/facebook-circle-line.svg)}.fr-icon-firefox-fill:after,.fr-icon-firefox-fill:before{background-image:url(../icons/logo/firefox-fill.svg)}.fr-icon-firefox-line:after,.fr-icon-firefox-line:before{background-image:url(../icons/logo/firefox-line.svg)}.fr-icon-dailymotion-fill:after,.fr-icon-dailymotion-fill:before{background-image:url(../icons/logo/fr--dailymotion-fill.svg)}.fr-icon-dailymotion-line:after,.fr-icon-dailymotion-line:before{background-image:url(../icons/logo/fr--dailymotion-line.svg)}.fr-icon-tiktok-fill:after,.fr-icon-tiktok-fill:before{background-image:url(../icons/logo/fr--tiktok-fill.svg)}.fr-icon-tiktok-line:after,.fr-icon-tiktok-line:before{background-image:url(../icons/logo/fr--tiktok-line.svg)}.fr-icon-github-fill:after,.fr-icon-github-fill:before{background-image:url(../icons/logo/github-fill.svg)}.fr-icon-github-line:after,.fr-icon-github-line:before{background-image:url(../icons/logo/github-line.svg)}.fr-icon-google-fill:after,.fr-icon-google-fill:before{background-image:url(../icons/logo/google-fill.svg)}.fr-icon-google-line:after,.fr-icon-google-line:before{background-image:url(../icons/logo/google-line.svg)}.fr-icon-ie-fill:after,.fr-icon-ie-fill:before{background-image:url(../icons/logo/ie-fill.svg)}.fr-icon-ie-line:after,.fr-icon-ie-line:before{background-image:url(../icons/logo/ie-line.svg)}.fr-icon-instagram-fill:after,.fr-icon-instagram-fill:before{background-image:url(../icons/logo/instagram-fill.svg)}.fr-icon-instagram-line:after,.fr-icon-instagram-line:before{background-image:url(../icons/logo/instagram-line.svg)}.fr-icon-linkedin-box-fill:after,.fr-icon-linkedin-box-fill:before{background-image:url(../icons/logo/linkedin-box-fill.svg)}.fr-icon-linkedin-box-line:after,.fr-icon-linkedin-box-line:before{background-image:url(../icons/logo/linkedin-box-line.svg)}.fr-icon-mastodon-fill:after,.fr-icon-mastodon-fill:before{background-image:url(../icons/logo/mastodon-fill.svg)}.fr-icon-mastodon-line:after,.fr-icon-mastodon-line:before{background-image:url(../icons/logo/mastodon-line.svg)}.fr-icon-npmjs-fill:after,.fr-icon-npmjs-fill:before{background-image:url(../icons/logo/npmjs-fill.svg)}.fr-icon-npmjs-line:after,.fr-icon-npmjs-line:before{background-image:url(../icons/logo/npmjs-line.svg)}.fr-icon-remixicon-fill:after,.fr-icon-remixicon-fill:before{background-image:url(../icons/logo/remixicon-fill.svg)}.fr-icon-remixicon-line:after,.fr-icon-remixicon-line:before{background-image:url(../icons/logo/remixicon-line.svg)}.fr-icon-safari-fill:after,.fr-icon-safari-fill:before{background-image:url(../icons/logo/safari-fill.svg)}.fr-icon-safari-line:after,.fr-icon-safari-line:before{background-image:url(../icons/logo/safari-line.svg)}.fr-icon-slack-fill:after,.fr-icon-slack-fill:before{background-image:url(../icons/logo/slack-fill.svg)}.fr-icon-slack-line:after,.fr-icon-slack-line:before{background-image:url(../icons/logo/slack-line.svg)}.fr-icon-snapchat-fill:after,.fr-icon-snapchat-fill:before{background-image:url(../icons/logo/snapchat-fill.svg)}.fr-icon-snapchat-line:after,.fr-icon-snapchat-line:before{background-image:url(../icons/logo/snapchat-line.svg)}.fr-icon-telegram-fill:after,.fr-icon-telegram-fill:before{background-image:url(../icons/logo/telegram-fill.svg)}.fr-icon-telegram-line:after,.fr-icon-telegram-line:before{background-image:url(../icons/logo/telegram-line.svg)}.fr-icon-threads-fill:after,.fr-icon-threads-fill:before{background-image:url(../icons/logo/threads-fill.svg)}.fr-icon-threads-line:after,.fr-icon-threads-line:before{background-image:url(../icons/logo/threads-line.svg)}.fr-icon-twitch-fill:after,.fr-icon-twitch-fill:before{background-image:url(../icons/logo/twitch-fill.svg)}.fr-icon-twitch-line:after,.fr-icon-twitch-line:before{background-image:url(../icons/logo/twitch-line.svg)}.fr-icon-twitter-fill:after,.fr-icon-twitter-fill:before{background-image:url(../icons/logo/twitter-fill.svg)}.fr-icon-twitter-line:after,.fr-icon-twitter-line:before{background-image:url(../icons/logo/twitter-line.svg)}.fr-icon-twitter-x-fill:after,.fr-icon-twitter-x-fill:before{background-image:url(../icons/logo/twitter-x-fill.svg)}.fr-icon-twitter-x-line:after,.fr-icon-twitter-x-line:before{background-image:url(../icons/logo/twitter-x-line.svg)}.fr-icon-vimeo-fill:after,.fr-icon-vimeo-fill:before{background-image:url(../icons/logo/vimeo-fill.svg)}.fr-icon-vimeo-line:after,.fr-icon-vimeo-line:before{background-image:url(../icons/logo/vimeo-line.svg)}.fr-icon-vuejs-fill:after,.fr-icon-vuejs-fill:before{background-image:url(../icons/logo/vuejs-fill.svg)}.fr-icon-vuejs-line:after,.fr-icon-vuejs-line:before{background-image:url(../icons/logo/vuejs-line.svg)}.fr-icon-youtube-fill:after,.fr-icon-youtube-fill:before{background-image:url(../icons/logo/youtube-fill.svg)}.fr-icon-youtube-line:after,.fr-icon-youtube-line:before{background-image:url(../icons/logo/youtube-line.svg)}.fr-fi-facebook-circle-fill:before{background-image:url(../icons/logo/facebook-circle-fill.svg)}.fr-fi-facebook-circle-line:before{background-image:url(../icons/logo/facebook-circle-line.svg)}.fr-fi-dailymotion-fill:before{background-image:url(../icons/logo/fr--dailymotion-fill.svg)}.fr-fi-dailymotion-line:before{background-image:url(../icons/logo/fr--dailymotion-line.svg)}.fr-fi-github-fill:before{background-image:url(../icons/logo/github-fill.svg)}.fr-fi-github-line:before{background-image:url(../icons/logo/github-line.svg)}.fr-fi-instagram-fill:before{background-image:url(../icons/logo/instagram-fill.svg)}.fr-fi-instagram-line:before{background-image:url(../icons/logo/instagram-line.svg)}.fr-fi-linkedin-box-fill:before{background-image:url(../icons/logo/linkedin-box-fill.svg)}.fr-fi-linkedin-box-line:before{background-image:url(../icons/logo/linkedin-box-line.svg)}.fr-fi-npmjs-fill:before{background-image:url(../icons/logo/npmjs-fill.svg)}.fr-fi-npmjs-line:before{background-image:url(../icons/logo/npmjs-line.svg)}.fr-fi-remixicon-fill:before{background-image:url(../icons/logo/remixicon-fill.svg)}.fr-fi-remixicon-line:before{background-image:url(../icons/logo/remixicon-line.svg)}.fr-fi-slack-fill:before{background-image:url(../icons/logo/slack-fill.svg)}.fr-fi-slack-line:before{background-image:url(../icons/logo/slack-line.svg)}.fr-fi-snapchat-fill:before{background-image:url(../icons/logo/snapchat-fill.svg)}.fr-fi-snapchat-line:before{background-image:url(../icons/logo/snapchat-line.svg)}.fr-fi-telegram-fill:before{background-image:url(../icons/logo/telegram-fill.svg)}.fr-fi-telegram-line:before{background-image:url(../icons/logo/telegram-line.svg)}.fr-fi-twitch-fill:before{background-image:url(../icons/logo/twitch-fill.svg)}.fr-fi-twitch-line:before{background-image:url(../icons/logo/twitch-line.svg)}.fr-fi-twitter-fill:before{background-image:url(../icons/logo/twitter-fill.svg)}.fr-fi-twitter-line:before{background-image:url(../icons/logo/twitter-line.svg)}.fr-fi-vimeo-fill:before{background-image:url(../icons/logo/vimeo-fill.svg)}.fr-fi-vimeo-line:before{background-image:url(../icons/logo/vimeo-line.svg)}.fr-fi-youtube-fill:before{background-image:url(../icons/logo/youtube-fill.svg)}.fr-fi-youtube-line:before{background-image:url(../icons/logo/youtube-line.svg)}.fr-icon-anchor-fill:after,.fr-icon-anchor-fill:before{background-image:url(../icons/map/anchor-fill.svg)}.fr-icon-anchor-line:after,.fr-icon-anchor-line:before{background-image:url(../icons/map/anchor-line.svg)}.fr-icon-bike-fill:after,.fr-icon-bike-fill:before{background-image:url(../icons/map/bike-fill.svg)}.fr-icon-bike-line:after,.fr-icon-bike-line:before{background-image:url(../icons/map/bike-line.svg)}.fr-icon-bus-fill:after,.fr-icon-bus-fill:before{background-image:url(../icons/map/bus-fill.svg)}.fr-icon-bus-line:after,.fr-icon-bus-line:before{background-image:url(../icons/map/bus-line.svg)}.fr-icon-car-fill:after,.fr-icon-car-fill:before{background-image:url(../icons/map/car-fill.svg)}.fr-icon-car-line:after,.fr-icon-car-line:before{background-image:url(../icons/map/car-line.svg)}.fr-icon-caravan-fill:after,.fr-icon-caravan-fill:before{background-image:url(../icons/map/caravan-fill.svg)}.fr-icon-caravan-line:after,.fr-icon-caravan-line:before{background-image:url(../icons/map/caravan-line.svg)}.fr-icon-charging-pile-2-fill:after,.fr-icon-charging-pile-2-fill:before{background-image:url(../icons/map/charging-pile-2-fill.svg)}.fr-icon-charging-pile-2-line:after,.fr-icon-charging-pile-2-line:before{background-image:url(../icons/map/charging-pile-2-line.svg)}.fr-icon-compass-3-fill:after,.fr-icon-compass-3-fill:before{background-image:url(../icons/map/compass-3-fill.svg)}.fr-icon-compass-3-line:after,.fr-icon-compass-3-line:before{background-image:url(../icons/map/compass-3-line.svg)}.fr-icon-cup-fill:after,.fr-icon-cup-fill:before{background-image:url(../icons/map/cup-fill.svg)}.fr-icon-cup-line:after,.fr-icon-cup-line:before{background-image:url(../icons/map/cup-line.svg)}.fr-icon-earth-fill:after,.fr-icon-earth-fill:before{background-image:url(../icons/map/earth-fill.svg)}.fr-icon-earth-line:after,.fr-icon-earth-line:before{background-image:url(../icons/map/earth-line.svg)}.fr-icon-france-fill:after,.fr-icon-france-fill:before{background-image:url(../icons/map/france-fill.svg)}.fr-icon-france-line:after,.fr-icon-france-line:before{background-image:url(../icons/map/france-line.svg)}.fr-icon-gas-station-fill:after,.fr-icon-gas-station-fill:before{background-image:url(../icons/map/gas-station-fill.svg)}.fr-icon-gas-station-line:after,.fr-icon-gas-station-line:before{background-image:url(../icons/map/gas-station-line.svg)}.fr-icon-goblet-fill:after,.fr-icon-goblet-fill:before{background-image:url(../icons/map/goblet-fill.svg)}.fr-icon-goblet-line:after,.fr-icon-goblet-line:before{background-image:url(../icons/map/goblet-line.svg)}.fr-icon-map-pin-2-fill:after,.fr-icon-map-pin-2-fill:before{background-image:url(../icons/map/map-pin-2-fill.svg)}.fr-icon-map-pin-2-line:after,.fr-icon-map-pin-2-line:before{background-image:url(../icons/map/map-pin-2-line.svg)}.fr-icon-map-pin-user-fill:after,.fr-icon-map-pin-user-fill:before{background-image:url(../icons/map/map-pin-user-fill.svg)}.fr-icon-map-pin-user-line:after,.fr-icon-map-pin-user-line:before{background-image:url(../icons/map/map-pin-user-line.svg)}.fr-icon-motorbike-fill:after,.fr-icon-motorbike-fill:before{background-image:url(../icons/map/motorbike-fill.svg)}.fr-icon-motorbike-line:after,.fr-icon-motorbike-line:before{background-image:url(../icons/map/motorbike-line.svg)}.fr-icon-passport-fill:after,.fr-icon-passport-fill:before{background-image:url(../icons/map/passport-fill.svg)}.fr-icon-passport-line:after,.fr-icon-passport-line:before{background-image:url(../icons/map/passport-line.svg)}.fr-icon-restaurant-fill:after,.fr-icon-restaurant-fill:before{background-image:url(../icons/map/restaurant-fill.svg)}.fr-icon-restaurant-line:after,.fr-icon-restaurant-line:before{background-image:url(../icons/map/restaurant-line.svg)}.fr-icon-road-map-fill:after,.fr-icon-road-map-fill:before{background-image:url(../icons/map/road-map-fill.svg)}.fr-icon-road-map-line:after,.fr-icon-road-map-line:before{background-image:url(../icons/map/road-map-line.svg)}.fr-icon-sailboat-fill:after,.fr-icon-sailboat-fill:before{background-image:url(../icons/map/sailboat-fill.svg)}.fr-icon-sailboat-line:after,.fr-icon-sailboat-line:before{background-image:url(../icons/map/sailboat-line.svg)}.fr-icon-ship-2-fill:after,.fr-icon-ship-2-fill:before{background-image:url(../icons/map/ship-2-fill.svg)}.fr-icon-ship-2-line:after,.fr-icon-ship-2-line:before{background-image:url(../icons/map/ship-2-line.svg)}.fr-icon-signal-tower-fill:after,.fr-icon-signal-tower-fill:before{background-image:url(../icons/map/signal-tower-fill.svg)}.fr-icon-signal-tower-line:after,.fr-icon-signal-tower-line:before{background-image:url(../icons/map/signal-tower-line.svg)}.fr-icon-suitcase-2-fill:after,.fr-icon-suitcase-2-fill:before{background-image:url(../icons/map/suitcase-2-fill.svg)}.fr-icon-suitcase-2-line:after,.fr-icon-suitcase-2-line:before{background-image:url(../icons/map/suitcase-2-line.svg)}.fr-icon-taxi-fill:after,.fr-icon-taxi-fill:before{background-image:url(../icons/map/taxi-fill.svg)}.fr-icon-taxi-line:after,.fr-icon-taxi-line:before{background-image:url(../icons/map/taxi-line.svg)}.fr-icon-train-fill:after,.fr-icon-train-fill:before{background-image:url(../icons/map/train-fill.svg)}.fr-icon-train-line:after,.fr-icon-train-line:before{background-image:url(../icons/map/train-line.svg)}.fr-fi-map-pin-2-fill:before{background-image:url(../icons/map/map-pin-2-fill.svg)}.fr-fi-map-pin-2-line:before{background-image:url(../icons/map/map-pin-2-line.svg)}.fr-fi-road-map-fill:before{background-image:url(../icons/map/road-map-fill.svg)}.fr-fi-road-map-line:before{background-image:url(../icons/map/road-map-line.svg)}.fr-icon-align-left:after,.fr-icon-align-left:before{background-image:url(../icons/media/align-left.svg)}.fr-icon-camera-fill:after,.fr-icon-camera-fill:before{background-image:url(../icons/media/camera-fill.svg)}.fr-icon-camera-line:after,.fr-icon-camera-line:before{background-image:url(../icons/media/camera-line.svg)}.fr-icon-clapperboard-fill:after,.fr-icon-clapperboard-fill:before{background-image:url(../icons/media/clapperboard-fill.svg)}.fr-icon-clapperboard-line:after,.fr-icon-clapperboard-line:before{background-image:url(../icons/media/clapperboard-line.svg)}.fr-icon-equalizer-fill:after,.fr-icon-equalizer-fill:before{background-image:url(../icons/media/equalizer-fill.svg)}.fr-icon-equalizer-line:after,.fr-icon-equalizer-line:before{background-image:url(../icons/media/equalizer-line.svg)}.fr-icon-film-fill:after,.fr-icon-film-fill:before{background-image:url(../icons/media/film-fill.svg)}.fr-icon-film-line:after,.fr-icon-film-line:before{background-image:url(../icons/media/film-line.svg)}.fr-icon-fullscreen-line:after,.fr-icon-fullscreen-line:before{background-image:url(../icons/media/fullscreen-line.svg)}.fr-icon-gallery-fill:after,.fr-icon-gallery-fill:before{background-image:url(../icons/media/gallery-fill.svg)}.fr-icon-gallery-line:after,.fr-icon-gallery-line:before{background-image:url(../icons/media/gallery-line.svg)}.fr-icon-headphone-fill:after,.fr-icon-headphone-fill:before{background-image:url(../icons/media/headphone-fill.svg)}.fr-icon-headphone-line:after,.fr-icon-headphone-line:before{background-image:url(../icons/media/headphone-line.svg)}.fr-icon-image-add-fill:after,.fr-icon-image-add-fill:before{background-image:url(../icons/media/image-add-fill.svg)}.fr-icon-image-add-line:after,.fr-icon-image-add-line:before{background-image:url(../icons/media/image-add-line.svg)}.fr-icon-image-edit-fill:after,.fr-icon-image-edit-fill:before{background-image:url(../icons/media/image-edit-fill.svg)}.fr-icon-image-edit-line:after,.fr-icon-image-edit-line:before{background-image:url(../icons/media/image-edit-line.svg)}.fr-icon-image-fill:after,.fr-icon-image-fill:before{background-image:url(../icons/media/image-fill.svg)}.fr-icon-image-line:after,.fr-icon-image-line:before{background-image:url(../icons/media/image-line.svg)}.fr-icon-live-fill:after,.fr-icon-live-fill:before{background-image:url(../icons/media/live-fill.svg)}.fr-icon-live-line:after,.fr-icon-live-line:before{background-image:url(../icons/media/live-line.svg)}.fr-icon-mic-fill:after,.fr-icon-mic-fill:before{background-image:url(../icons/media/mic-fill.svg)}.fr-icon-mic-line:after,.fr-icon-mic-line:before{background-image:url(../icons/media/mic-line.svg)}.fr-icon-music-2-fill:after,.fr-icon-music-2-fill:before{background-image:url(../icons/media/music-2-fill.svg)}.fr-icon-music-2-line:after,.fr-icon-music-2-line:before{background-image:url(../icons/media/music-2-line.svg)}.fr-icon-notification-3-fill:after,.fr-icon-notification-3-fill:before{background-image:url(../icons/media/notification-3-fill.svg)}.fr-icon-notification-3-line:after,.fr-icon-notification-3-line:before{background-image:url(../icons/media/notification-3-line.svg)}.fr-icon-pause-circle-fill:after,.fr-icon-pause-circle-fill:before{background-image:url(../icons/media/pause-circle-fill.svg)}.fr-icon-pause-circle-line:after,.fr-icon-pause-circle-line:before{background-image:url(../icons/media/pause-circle-line.svg)}.fr-icon-play-circle-fill:after,.fr-icon-play-circle-fill:before{background-image:url(../icons/media/play-circle-fill.svg)}.fr-icon-play-circle-line:after,.fr-icon-play-circle-line:before{background-image:url(../icons/media/play-circle-line.svg)}.fr-icon-stop-circle-fill:after,.fr-icon-stop-circle-fill:before{background-image:url(../icons/media/stop-circle-fill.svg)}.fr-icon-stop-circle-line:after,.fr-icon-stop-circle-line:before{background-image:url(../icons/media/stop-circle-line.svg)}.fr-icon-volume-down-fill:after,.fr-icon-volume-down-fill:before{background-image:url(../icons/media/volume-down-fill.svg)}.fr-icon-volume-down-line:after,.fr-icon-volume-down-line:before{background-image:url(../icons/media/volume-down-line.svg)}.fr-icon-volume-mute-fill:after,.fr-icon-volume-mute-fill:before{background-image:url(../icons/media/volume-mute-fill.svg)}.fr-icon-volume-mute-line:after,.fr-icon-volume-mute-line:before{background-image:url(../icons/media/volume-mute-line.svg)}.fr-icon-volume-up-fill:after,.fr-icon-volume-up-fill:before{background-image:url(../icons/media/volume-up-fill.svg)}.fr-icon-volume-up-line:after,.fr-icon-volume-up-line:before{background-image:url(../icons/media/volume-up-line.svg)}.fr-fi-equalizer-fill:before{background-image:url(../icons/media/equalizer-fill.svg)}.fr-fi-equalizer-line:before{background-image:url(../icons/media/equalizer-line.svg)}.fr-fi-image-fill:before{background-image:url(../icons/media/image-fill.svg)}.fr-fi-image-line:before{background-image:url(../icons/media/image-line.svg)}.fr-fi-pause-circle-fill:before{background-image:url(../icons/media/pause-circle-fill.svg)}.fr-fi-pause-circle-line:before{background-image:url(../icons/media/pause-circle-line.svg)}.fr-fi-volume-down-fill:before{background-image:url(../icons/media/volume-down-fill.svg)}.fr-fi-volume-down-line:before{background-image:url(../icons/media/volume-down-line.svg)}.fr-fi-volume-mute-fill:before{background-image:url(../icons/media/volume-mute-fill.svg)}.fr-fi-volume-mute-line:before{background-image:url(../icons/media/volume-mute-line.svg)}.fr-fi-volume-up-fill:before{background-image:url(../icons/media/volume-up-fill.svg)}.fr-fi-volume-up-line:before{background-image:url(../icons/media/volume-up-line.svg)}.fr-fi-play-line:after,.fr-fi-play-line:before{background-image:url(../icons/media/play-circle-line.svg)}.fr-fi-play-fill:after,.fr-fi-play-fill:before{background-image:url(../icons/media/play-circle-fill.svg)}.fr-icon-play-line:after,.fr-icon-play-line:before{background-image:url(../icons/media/play-circle-line.svg)}.fr-icon-play-fill:after,.fr-icon-play-fill:before{background-image:url(../icons/media/play-circle-fill.svg)}.fr-icon-leaf-fill:after,.fr-icon-leaf-fill:before{background-image:url(../icons/others/leaf-fill.svg)}.fr-icon-leaf-line:after,.fr-icon-leaf-line:before{background-image:url(../icons/others/leaf-line.svg)}.fr-icon-lightbulb-fill:after,.fr-icon-lightbulb-fill:before{background-image:url(../icons/others/lightbulb-fill.svg)}.fr-icon-lightbulb-line:after,.fr-icon-lightbulb-line:before{background-image:url(../icons/others/lightbulb-line.svg)}.fr-icon-plant-fill:after,.fr-icon-plant-fill:before{background-image:url(../icons/others/plant-fill.svg)}.fr-icon-plant-line:after,.fr-icon-plant-line:before{background-image:url(../icons/others/plant-line.svg)}.fr-icon-recycle-fill:after,.fr-icon-recycle-fill:before{background-image:url(../icons/others/recycle-fill.svg)}.fr-icon-recycle-line:after,.fr-icon-recycle-line:before{background-image:url(../icons/others/recycle-line.svg)}.fr-icon-scales-3-fill:after,.fr-icon-scales-3-fill:before{background-image:url(../icons/others/scales-3-fill.svg)}.fr-icon-scales-3-line:after,.fr-icon-scales-3-line:before{background-image:url(../icons/others/scales-3-line.svg)}.fr-icon-seedling-fill:after,.fr-icon-seedling-fill:before{background-image:url(../icons/others/seedling-fill.svg)}.fr-icon-seedling-line:after,.fr-icon-seedling-line:before{background-image:url(../icons/others/seedling-line.svg)}.fr-icon-umbrella-fill:after,.fr-icon-umbrella-fill:before{background-image:url(../icons/others/umbrella-fill.svg)}.fr-icon-umbrella-line:after,.fr-icon-umbrella-line:before{background-image:url(../icons/others/umbrella-line.svg)}.fr-icon-add-circle-fill:after,.fr-icon-add-circle-fill:before{background-image:url(../icons/system/add-circle-fill.svg)}.fr-icon-add-circle-line:after,.fr-icon-add-circle-line:before{background-image:url(../icons/system/add-circle-line.svg)}.fr-icon-add-line:after,.fr-icon-add-line:before{background-image:url(../icons/system/add-line.svg)}.fr-icon-alarm-warning-fill:after,.fr-icon-alarm-warning-fill:before{background-image:url(../icons/system/alarm-warning-fill.svg)}.fr-icon-alarm-warning-line:after,.fr-icon-alarm-warning-line:before{background-image:url(../icons/system/alarm-warning-line.svg)}.fr-icon-alert-fill:after,.fr-icon-alert-fill:before{background-image:url(../icons/system/alert-fill.svg)}.fr-icon-alert-line:after,.fr-icon-alert-line:before{background-image:url(../icons/system/alert-line.svg)}.fr-icon-arrow-down-fill:after,.fr-icon-arrow-down-fill:before{background-image:url(../icons/system/arrow-down-fill.svg)}.fr-icon-arrow-down-line:after,.fr-icon-arrow-down-line:before{background-image:url(../icons/system/arrow-down-line.svg)}.fr-icon-arrow-down-s-fill:after,.fr-icon-arrow-down-s-fill:before{background-image:url(../icons/system/arrow-down-s-fill.svg)}.fr-icon-arrow-down-s-line:after,.fr-icon-arrow-down-s-line:before{background-image:url(../icons/system/arrow-down-s-line.svg)}.fr-icon-arrow-go-back-fill:after,.fr-icon-arrow-go-back-fill:before{background-image:url(../icons/system/arrow-go-back-fill.svg)}.fr-icon-arrow-go-back-line:after,.fr-icon-arrow-go-back-line:before{background-image:url(../icons/system/arrow-go-back-line.svg)}.fr-icon-arrow-go-forward-fill:after,.fr-icon-arrow-go-forward-fill:before{background-image:url(../icons/system/arrow-go-forward-fill.svg)}.fr-icon-arrow-go-forward-line:after,.fr-icon-arrow-go-forward-line:before{background-image:url(../icons/system/arrow-go-forward-line.svg)}.fr-icon-arrow-left-fill:after,.fr-icon-arrow-left-fill:before{background-image:url(../icons/system/arrow-left-fill.svg)}.fr-icon-arrow-left-line:after,.fr-icon-arrow-left-line:before{background-image:url(../icons/system/arrow-left-line.svg)}.fr-icon-arrow-left-s-fill:after,.fr-icon-arrow-left-s-fill:before{background-image:url(../icons/system/arrow-left-s-fill.svg)}.fr-icon-arrow-left-s-line:after,.fr-icon-arrow-left-s-line:before{background-image:url(../icons/system/arrow-left-s-line.svg)}.fr-icon-arrow-right-fill:after,.fr-icon-arrow-right-fill:before{background-image:url(../icons/system/arrow-right-fill.svg)}.fr-icon-arrow-right-line:after,.fr-icon-arrow-right-line:before{background-image:url(../icons/system/arrow-right-line.svg)}.fr-icon-arrow-right-s-fill:after,.fr-icon-arrow-right-s-fill:before{background-image:url(../icons/system/arrow-right-s-fill.svg)}.fr-icon-arrow-right-s-line:after,.fr-icon-arrow-right-s-line:before{background-image:url(../icons/system/arrow-right-s-line.svg)}.fr-icon-arrow-right-up-line:after,.fr-icon-arrow-right-up-line:before{background-image:url(../icons/system/arrow-right-up-line.svg)}.fr-icon-arrow-up-fill:after,.fr-icon-arrow-up-fill:before{background-image:url(../icons/system/arrow-up-fill.svg)}.fr-icon-arrow-up-line:after,.fr-icon-arrow-up-line:before{background-image:url(../icons/system/arrow-up-line.svg)}.fr-icon-arrow-up-s-fill:after,.fr-icon-arrow-up-s-fill:before{background-image:url(../icons/system/arrow-up-s-fill.svg)}.fr-icon-arrow-up-s-line:after,.fr-icon-arrow-up-s-line:before{background-image:url(../icons/system/arrow-up-s-line.svg)}.fr-icon-check-line:after,.fr-icon-check-line:before{background-image:url(../icons/system/check-line.svg)}.fr-icon-checkbox-circle-fill:after,.fr-icon-checkbox-circle-fill:before{background-image:url(../icons/system/checkbox-circle-fill.svg)}.fr-icon-checkbox-circle-line:after,.fr-icon-checkbox-circle-line:before{background-image:url(../icons/system/checkbox-circle-line.svg)}.fr-icon-checkbox-fill:after,.fr-icon-checkbox-fill:before{background-image:url(../icons/system/checkbox-fill.svg)}.fr-icon-checkbox-line:after,.fr-icon-checkbox-line:before{background-image:url(../icons/system/checkbox-line.svg)}.fr-icon-close-circle-fill:after,.fr-icon-close-circle-fill:before{background-image:url(../icons/system/close-circle-fill.svg)}.fr-icon-close-circle-line:after,.fr-icon-close-circle-line:before{background-image:url(../icons/system/close-circle-line.svg)}.fr-icon-close-line:after,.fr-icon-close-line:before{background-image:url(../icons/system/close-line.svg)}.fr-icon-delete-bin-fill:after,.fr-icon-delete-bin-fill:before{background-image:url(../icons/system/delete-bin-fill.svg)}.fr-icon-delete-bin-line:after,.fr-icon-delete-bin-line:before{background-image:url(../icons/system/delete-bin-line.svg)}.fr-icon-download-fill:after,.fr-icon-download-fill:before{background-image:url(../icons/system/download-fill.svg)}.fr-icon-download-line:after,.fr-icon-download-line:before{background-image:url(../icons/system/download-line.svg)}.fr-icon-error-warning-fill:after,.fr-icon-error-warning-fill:before{background-image:url(../icons/system/error-warning-fill.svg)}.fr-icon-error-warning-line:after,.fr-icon-error-warning-line:before{background-image:url(../icons/system/error-warning-line.svg)}.fr-icon-external-link-fill:after,.fr-icon-external-link-fill:before{background-image:url(../icons/system/external-link-fill.svg)}.fr-icon-external-link-line:after,.fr-icon-external-link-line:before{background-image:url(../icons/system/external-link-line.svg)}.fr-icon-eye-fill:after,.fr-icon-eye-fill:before{background-image:url(../icons/system/eye-fill.svg)}.fr-icon-eye-line:after,.fr-icon-eye-line:before{background-image:url(../icons/system/eye-line.svg)}.fr-icon-eye-off-fill:after,.fr-icon-eye-off-fill:before{background-image:url(../icons/system/eye-off-fill.svg)}.fr-icon-eye-off-line:after,.fr-icon-eye-off-line:before{background-image:url(../icons/system/eye-off-line.svg)}.fr-icon-filter-fill:after,.fr-icon-filter-fill:before{background-image:url(../icons/system/filter-fill.svg)}.fr-icon-filter-line:after,.fr-icon-filter-line:before{background-image:url(../icons/system/filter-line.svg)}.fr-icon-arrow-left-s-first-line:after,.fr-icon-arrow-left-s-first-line:before{background-image:url(../icons/system/fr--arrow-left-s-first-line.svg)}.fr-icon-arrow-left-s-line-double:after,.fr-icon-arrow-left-s-line-double:before{background-image:url(../icons/system/fr--arrow-left-s-line-double.svg)}.fr-icon-arrow-right-down-circle-fill:after,.fr-icon-arrow-right-down-circle-fill:before{background-image:url(../icons/system/fr--arrow-right-down-circle-fill.svg)}.fr-icon-arrow-right-s-last-line:after,.fr-icon-arrow-right-s-last-line:before{background-image:url(../icons/system/fr--arrow-right-s-last-line.svg)}.fr-icon-arrow-right-s-line-double:after,.fr-icon-arrow-right-s-line-double:before{background-image:url(../icons/system/fr--arrow-right-s-line-double.svg)}.fr-icon-arrow-right-up-circle-fill:after,.fr-icon-arrow-right-up-circle-fill:before{background-image:url(../icons/system/fr--arrow-right-up-circle-fill.svg)}.fr-icon-capslock-line:after,.fr-icon-capslock-line:before{background-image:url(../icons/system/fr--capslock-line.svg)}.fr-icon-equal-circle-fill:after,.fr-icon-equal-circle-fill:before{background-image:url(../icons/system/fr--equal-circle-fill.svg)}.fr-icon-error-fill:after,.fr-icon-error-fill:before{background-image:url(../icons/system/fr--error-fill.svg)}.fr-icon-error-line:after,.fr-icon-error-line:before{background-image:url(../icons/system/fr--error-line.svg)}.fr-icon-info-fill:after,.fr-icon-info-fill:before{background-image:url(../icons/system/fr--info-fill.svg)}.fr-icon-info-line:after,.fr-icon-info-line:before{background-image:url(../icons/system/fr--info-line.svg)}.fr-icon-success-fill:after,.fr-icon-success-fill:before{background-image:url(../icons/system/fr--success-fill.svg)}.fr-icon-success-line:after,.fr-icon-success-line:before{background-image:url(../icons/system/fr--success-line.svg)}.fr-icon-theme-fill:after,.fr-icon-theme-fill:before{background-image:url(../icons/system/fr--theme-fill.svg)}.fr-icon-warning-fill:after,.fr-icon-warning-fill:before{background-image:url(../icons/system/fr--warning-fill.svg)}.fr-icon-warning-line:after,.fr-icon-warning-line:before{background-image:url(../icons/system/fr--warning-line.svg)}.fr-icon-information-fill:after,.fr-icon-information-fill:before{background-image:url(../icons/system/information-fill.svg)}.fr-icon-information-line:after,.fr-icon-information-line:before{background-image:url(../icons/system/information-line.svg)}.fr-icon-lock-fill:after,.fr-icon-lock-fill:before{background-image:url(../icons/system/lock-fill.svg)}.fr-icon-lock-line:after,.fr-icon-lock-line:before{background-image:url(../icons/system/lock-line.svg)}.fr-icon-lock-unlock-fill:after,.fr-icon-lock-unlock-fill:before{background-image:url(../icons/system/lock-unlock-fill.svg)}.fr-icon-lock-unlock-line:after,.fr-icon-lock-unlock-line:before{background-image:url(../icons/system/lock-unlock-line.svg)}.fr-icon-logout-box-r-fill:after,.fr-icon-logout-box-r-fill:before{background-image:url(../icons/system/logout-box-r-fill.svg)}.fr-icon-logout-box-r-line:after,.fr-icon-logout-box-r-line:before{background-image:url(../icons/system/logout-box-r-line.svg)}.fr-icon-menu-2-fill:after,.fr-icon-menu-2-fill:before{background-image:url(../icons/system/menu-2-fill.svg)}.fr-icon-menu-fill:after,.fr-icon-menu-fill:before{background-image:url(../icons/system/menu-fill.svg)}.fr-icon-more-fill:after,.fr-icon-more-fill:before{background-image:url(../icons/system/more-fill.svg)}.fr-icon-more-line:after,.fr-icon-more-line:before{background-image:url(../icons/system/more-line.svg)}.fr-icon-notification-badge-fill:after,.fr-icon-notification-badge-fill:before{background-image:url(../icons/system/notification-badge-fill.svg)}.fr-icon-notification-badge-line:after,.fr-icon-notification-badge-line:before{background-image:url(../icons/system/notification-badge-line.svg)}.fr-icon-question-fill:after,.fr-icon-question-fill:before{background-image:url(../icons/system/question-fill.svg)}.fr-icon-question-line:after,.fr-icon-question-line:before{background-image:url(../icons/system/question-line.svg)}.fr-icon-refresh-fill:after,.fr-icon-refresh-fill:before{background-image:url(../icons/system/refresh-fill.svg)}.fr-icon-refresh-line:after,.fr-icon-refresh-line:before{background-image:url(../icons/system/refresh-line.svg)}.fr-icon-search-fill:after,.fr-icon-search-fill:before{background-image:url(../icons/system/search-fill.svg)}.fr-icon-search-line:after,.fr-icon-search-line:before{background-image:url(../icons/system/search-line.svg)}.fr-icon-settings-5-fill:after,.fr-icon-settings-5-fill:before{background-image:url(../icons/system/settings-5-fill.svg)}.fr-icon-settings-5-line:after,.fr-icon-settings-5-line:before{background-image:url(../icons/system/settings-5-line.svg)}.fr-icon-shield-fill:after,.fr-icon-shield-fill:before{background-image:url(../icons/system/shield-fill.svg)}.fr-icon-shield-line:after,.fr-icon-shield-line:before{background-image:url(../icons/system/shield-line.svg)}.fr-icon-star-fill:after,.fr-icon-star-fill:before{background-image:url(../icons/system/star-fill.svg)}.fr-icon-star-line:after,.fr-icon-star-line:before{background-image:url(../icons/system/star-line.svg)}.fr-icon-star-s-fill:after,.fr-icon-star-s-fill:before{background-image:url(../icons/system/star-s-fill.svg)}.fr-icon-star-s-line:after,.fr-icon-star-s-line:before{background-image:url(../icons/system/star-s-line.svg)}.fr-icon-subtract-line:after,.fr-icon-subtract-line:before{background-image:url(../icons/system/subtract-line.svg)}.fr-icon-thumb-down-fill:after,.fr-icon-thumb-down-fill:before{background-image:url(../icons/system/thumb-down-fill.svg)}.fr-icon-thumb-down-line:after,.fr-icon-thumb-down-line:before{background-image:url(../icons/system/thumb-down-line.svg)}.fr-icon-thumb-up-fill:after,.fr-icon-thumb-up-fill:before{background-image:url(../icons/system/thumb-up-fill.svg)}.fr-icon-thumb-up-line:after,.fr-icon-thumb-up-line:before{background-image:url(../icons/system/thumb-up-line.svg)}.fr-icon-time-fill:after,.fr-icon-time-fill:before{background-image:url(../icons/system/time-fill.svg)}.fr-icon-time-line:after,.fr-icon-time-line:before{background-image:url(../icons/system/time-line.svg)}.fr-icon-timer-fill:after,.fr-icon-timer-fill:before{background-image:url(../icons/system/timer-fill.svg)}.fr-icon-timer-line:after,.fr-icon-timer-line:before{background-image:url(../icons/system/timer-line.svg)}.fr-icon-upload-2-fill:after,.fr-icon-upload-2-fill:before{background-image:url(../icons/system/upload-2-fill.svg)}.fr-icon-upload-2-line:after,.fr-icon-upload-2-line:before{background-image:url(../icons/system/upload-2-line.svg)}.fr-icon-upload-fill:after,.fr-icon-upload-fill:before{background-image:url(../icons/system/upload-fill.svg)}.fr-icon-upload-line:after,.fr-icon-upload-line:before{background-image:url(../icons/system/upload-line.svg)}.fr-icon-zoom-in-fill:after,.fr-icon-zoom-in-fill:before{background-image:url(../icons/system/zoom-in-fill.svg)}.fr-icon-zoom-in-line:after,.fr-icon-zoom-in-line:before{background-image:url(../icons/system/zoom-in-line.svg)}.fr-icon-zoom-out-fill:after,.fr-icon-zoom-out-fill:before{background-image:url(../icons/system/zoom-out-fill.svg)}.fr-icon-zoom-out-line:after,.fr-icon-zoom-out-line:before{background-image:url(../icons/system/zoom-out-line.svg)}.fr-fi-add-circle-fill:before{background-image:url(../icons/system/add-circle-fill.svg)}.fr-fi-add-circle-line:before{background-image:url(../icons/system/add-circle-line.svg)}.fr-fi-add-line:before{background-image:url(../icons/system/add-line.svg)}.fr-fi-arrow-down-line:before{background-image:url(../icons/system/arrow-down-line.svg)}.fr-fi-arrow-down-s-line:before{background-image:url(../icons/system/arrow-down-s-line.svg)}.fr-fi-arrow-go-back-fill:before{background-image:url(../icons/system/arrow-go-back-fill.svg)}.fr-fi-arrow-go-back-line:before{background-image:url(../icons/system/arrow-go-back-line.svg)}.fr-fi-arrow-left-line:before{background-image:url(../icons/system/arrow-left-line.svg)}.fr-fi-arrow-left-s-line:before{background-image:url(../icons/system/arrow-left-s-line.svg)}.fr-fi-arrow-right-line:before{background-image:url(../icons/system/arrow-right-line.svg)}.fr-fi-arrow-right-s-line:before{background-image:url(../icons/system/arrow-right-s-line.svg)}.fr-fi-arrow-right-up-line:before{background-image:url(../icons/system/arrow-right-up-line.svg)}.fr-fi-arrow-up-fill:before{background-image:url(../icons/system/arrow-up-fill.svg)}.fr-fi-arrow-up-line:before{background-image:url(../icons/system/arrow-up-line.svg)}.fr-fi-arrow-up-s-line:before{background-image:url(../icons/system/arrow-up-s-line.svg)}.fr-fi-check-line:before{background-image:url(../icons/system/check-line.svg)}.fr-fi-checkbox-circle-line:before{background-image:url(../icons/system/checkbox-circle-line.svg)}.fr-fi-close-line:before{background-image:url(../icons/system/close-line.svg)}.fr-fi-download-line:before{background-image:url(../icons/system/download-line.svg)}.fr-fi-error-warning-fill:before{background-image:url(../icons/system/error-warning-fill.svg)}.fr-fi-error-warning-line:before{background-image:url(../icons/system/error-warning-line.svg)}.fr-fi-external-link-line:before{background-image:url(../icons/system/external-link-line.svg)}.fr-fi-eye-fill:before{background-image:url(../icons/system/eye-fill.svg)}.fr-fi-eye-line:before{background-image:url(../icons/system/eye-line.svg)}.fr-fi-eye-off-fill:before{background-image:url(../icons/system/eye-off-fill.svg)}.fr-fi-eye-off-line:before{background-image:url(../icons/system/eye-off-line.svg)}.fr-fi-filter-fill:before{background-image:url(../icons/system/filter-fill.svg)}.fr-fi-filter-line:before{background-image:url(../icons/system/filter-line.svg)}.fr-fi-arrow-left-s-first-line:before{background-image:url(../icons/system/fr--arrow-left-s-first-line.svg)}.fr-fi-arrow-left-s-line-double:before{background-image:url(../icons/system/fr--arrow-left-s-line-double.svg)}.fr-fi-arrow-right-s-last-line:before{background-image:url(../icons/system/fr--arrow-right-s-last-line.svg)}.fr-fi-arrow-right-s-line-double:before{background-image:url(../icons/system/fr--arrow-right-s-line-double.svg)}.fr-fi-error-fill:before{background-image:url(../icons/system/fr--error-fill.svg)}.fr-fi-error-line:before{background-image:url(../icons/system/fr--error-line.svg)}.fr-fi-info-fill:before{background-image:url(../icons/system/fr--info-fill.svg)}.fr-fi-info-line:before{background-image:url(../icons/system/fr--info-line.svg)}.fr-fi-success-fill:before{background-image:url(../icons/system/fr--success-fill.svg)}.fr-fi-success-line:before{background-image:url(../icons/system/fr--success-line.svg)}.fr-fi-theme-fill:before{background-image:url(../icons/system/fr--theme-fill.svg)}.fr-fi-warning-fill:before{background-image:url(../icons/system/fr--warning-fill.svg)}.fr-fi-warning-line:before{background-image:url(../icons/system/fr--warning-line.svg)}.fr-fi-information-fill:before{background-image:url(../icons/system/information-fill.svg)}.fr-fi-information-line:before{background-image:url(../icons/system/information-line.svg)}.fr-fi-lock-fill:before{background-image:url(../icons/system/lock-fill.svg)}.fr-fi-lock-line:before{background-image:url(../icons/system/lock-line.svg)}.fr-fi-logout-box-r-fill:before{background-image:url(../icons/system/logout-box-r-fill.svg)}.fr-fi-logout-box-r-line:before{background-image:url(../icons/system/logout-box-r-line.svg)}.fr-fi-menu-2-fill:before{background-image:url(../icons/system/menu-2-fill.svg)}.fr-fi-menu-fill:before{background-image:url(../icons/system/menu-fill.svg)}.fr-fi-question-fill:before{background-image:url(../icons/system/question-fill.svg)}.fr-fi-question-line:before{background-image:url(../icons/system/question-line.svg)}.fr-fi-refresh-fill:before{background-image:url(../icons/system/refresh-fill.svg)}.fr-fi-refresh-line:before{background-image:url(../icons/system/refresh-line.svg)}.fr-fi-search-fill:before{background-image:url(../icons/system/search-fill.svg)}.fr-fi-search-line:before{background-image:url(../icons/system/search-line.svg)}.fr-fi-subtract-line:before{background-image:url(../icons/system/subtract-line.svg)}.fr-fi-timer-fill:before{background-image:url(../icons/system/timer-fill.svg)}.fr-fi-timer-line:before{background-image:url(../icons/system/timer-line.svg)}.fr-fi-upload-2-fill:before{background-image:url(../icons/system/upload-2-fill.svg)}.fr-fi-upload-2-line:before{background-image:url(../icons/system/upload-2-line.svg)}.fr-fi-zoom-in-fill:before{background-image:url(../icons/system/zoom-in-fill.svg)}.fr-fi-zoom-in-line:before{background-image:url(../icons/system/zoom-in-line.svg)}.fr-fi-zoom-out-fill:before{background-image:url(../icons/system/zoom-out-fill.svg)}.fr-fi-zoom-out-line:before{background-image:url(../icons/system/zoom-out-line.svg)}.fr-fi-delete-line:after,.fr-fi-delete-line:before{background-image:url(../icons/system/delete-bin-line.svg)}.fr-fi-delete-fill:after,.fr-fi-delete-fill:before{background-image:url(../icons/system/delete-bin-fill.svg)}.fr-icon-delete-line:after,.fr-icon-delete-line:before{background-image:url(../icons/system/delete-bin-line.svg)}.fr-icon-delete-fill:after,.fr-icon-delete-fill:before{background-image:url(../icons/system/delete-bin-fill.svg)}.fr-icon-account-circle-fill:after,.fr-icon-account-circle-fill:before{background-image:url(../icons/user/account-circle-fill.svg)}.fr-icon-account-circle-line:after,.fr-icon-account-circle-line:before{background-image:url(../icons/user/account-circle-line.svg)}.fr-icon-account-pin-circle-fill:after,.fr-icon-account-pin-circle-fill:before{background-image:url(../icons/user/account-pin-circle-fill.svg)}.fr-icon-account-pin-circle-line:after,.fr-icon-account-pin-circle-line:before{background-image:url(../icons/user/account-pin-circle-line.svg)}.fr-icon-admin-fill:after,.fr-icon-admin-fill:before{background-image:url(../icons/user/admin-fill.svg)}.fr-icon-admin-line:after,.fr-icon-admin-line:before{background-image:url(../icons/user/admin-line.svg)}.fr-icon-group-fill:after,.fr-icon-group-fill:before{background-image:url(../icons/user/group-fill.svg)}.fr-icon-group-line:after,.fr-icon-group-line:before{background-image:url(../icons/user/group-line.svg)}.fr-icon-parent-fill:after,.fr-icon-parent-fill:before{background-image:url(../icons/user/parent-fill.svg)}.fr-icon-parent-line:after,.fr-icon-parent-line:before{background-image:url(../icons/user/parent-line.svg)}.fr-icon-team-fill:after,.fr-icon-team-fill:before{background-image:url(../icons/user/team-fill.svg)}.fr-icon-team-line:after,.fr-icon-team-line:before{background-image:url(../icons/user/team-line.svg)}.fr-icon-user-add-fill:after,.fr-icon-user-add-fill:before{background-image:url(../icons/user/user-add-fill.svg)}.fr-icon-user-add-line:after,.fr-icon-user-add-line:before{background-image:url(../icons/user/user-add-line.svg)}.fr-icon-user-fill:after,.fr-icon-user-fill:before{background-image:url(../icons/user/user-fill.svg)}.fr-icon-user-heart-fill:after,.fr-icon-user-heart-fill:before{background-image:url(../icons/user/user-heart-fill.svg)}.fr-icon-user-heart-line:after,.fr-icon-user-heart-line:before{background-image:url(../icons/user/user-heart-line.svg)}.fr-icon-user-line:after,.fr-icon-user-line:before{background-image:url(../icons/user/user-line.svg)}.fr-icon-user-search-fill:after,.fr-icon-user-search-fill:before{background-image:url(../icons/user/user-search-fill.svg)}.fr-icon-user-search-line:after,.fr-icon-user-search-line:before{background-image:url(../icons/user/user-search-line.svg)}.fr-icon-user-setting-fill:after,.fr-icon-user-setting-fill:before{background-image:url(../icons/user/user-setting-fill.svg)}.fr-icon-user-setting-line:after,.fr-icon-user-setting-line:before{background-image:url(../icons/user/user-setting-line.svg)}.fr-icon-user-star-fill:after,.fr-icon-user-star-fill:before{background-image:url(../icons/user/user-star-fill.svg)}.fr-icon-user-star-line:after,.fr-icon-user-star-line:before{background-image:url(../icons/user/user-star-line.svg)}.fr-fi-user-fill:before{background-image:url(../icons/user/user-fill.svg)}.fr-fi-user-line:before{background-image:url(../icons/user/user-line.svg)}.fr-fi-account-line:after,.fr-fi-account-line:before{background-image:url(../icons/user/account-circle-line.svg)}.fr-fi-account-fill:after,.fr-fi-account-fill:before{background-image:url(../icons/user/account-circle-fill.svg)}.fr-icon-account-line:after,.fr-icon-account-line:before{background-image:url(../icons/user/account-circle-line.svg)}.fr-icon-account-fill:after,.fr-icon-account-fill:before{background-image:url(../icons/user/account-circle-fill.svg)}.fr-icon-cloudy-2-fill:after,.fr-icon-cloudy-2-fill:before{background-image:url(../icons/weather/cloudy-2-fill.svg)}.fr-icon-cloudy-2-line:after,.fr-icon-cloudy-2-line:before{background-image:url(../icons/weather/cloudy-2-line.svg)}.fr-icon-flashlight-fill:after,.fr-icon-flashlight-fill:before{background-image:url(../icons/weather/flashlight-fill.svg)}.fr-icon-flashlight-line:after,.fr-icon-flashlight-line:before{background-image:url(../icons/weather/flashlight-line.svg)}.fr-icon-moon-fill:after,.fr-icon-moon-fill:before{background-image:url(../icons/weather/moon-fill.svg)}.fr-icon-moon-line:after,.fr-icon-moon-line:before{background-image:url(../icons/weather/moon-line.svg)}.fr-icon-sun-fill:after,.fr-icon-sun-fill:before{background-image:url(../icons/weather/sun-fill.svg)}.fr-icon-sun-line:after,.fr-icon-sun-line:before{background-image:url(../icons/weather/sun-line.svg)}.fr-fi-flashlight-fill:before{background-image:url(../icons/weather/flashlight-fill.svg)}.fr-fi-flashlight-line:before{background-image:url(../icons/weather/flashlight-line.svg)}}
\ No newline at end of file
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/resources/img/favicon.ico b/infra/ecocompose/keycloak/keycloak_theme/login/resources/img/favicon.ico
deleted file mode 100644
index 77cc5f2c72fd8f831c1bdd297cb18fbbc97743f2..0000000000000000000000000000000000000000
Binary files a/infra/ecocompose/keycloak/keycloak_theme/login/resources/img/favicon.ico and /dev/null differ
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/template.ftl b/infra/ecocompose/keycloak/keycloak_theme/login/template.ftl
deleted file mode 100644
index dca423cf9507a451265700b8f6ad9383c325660e..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/template.ftl
+++ /dev/null
@@ -1,80 +0,0 @@
-<#macro registrationLayout bodyClass="" displayInfo=false displayMessage=true displayRequiredFields=false>
-<!DOCTYPE html>
-<html class="${properties.kcHtmlClass!}"<#if realm.internationalizationEnabled> lang="${locale.currentLanguageTag}"</#if>>
-
-<head>
- <meta charset="utf-8">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta name="robots" content="noindex, nofollow">
-
- <#if properties.meta?has_content>
- <#list properties.meta?split(' ') as meta>
- <meta name="${meta?split('==')[0]}" content="${meta?split('==')[1]}"/>
- </#list>
- </#if>
- <title>${msg("loginTitle",(realm.displayName!''))}</title>
- <link rel="icon" href="${url.resourcesPath}/img/favicon.ico" />
- <#if properties.stylesCommon?has_content>
- <#list properties.stylesCommon?split(' ') as style>
- <link href="${url.resourcesCommonPath}/${style}" rel="stylesheet" />
- </#list>
- </#if>
- <#if properties.styles?has_content>
- <#list properties.styles?split(' ') as style>
- <link href="${url.resourcesPath}/${style}" rel="stylesheet" />
- </#list>
- </#if>
- <#if properties.scripts?has_content>
- <#list properties.scripts?split(' ') as script>
- <script src="${url.resourcesPath}/${script}" type="text/javascript"></script>
- </#list>
- </#if>
- <#if scripts??>
- <#list scripts as script>
- <script src="${script}" type="text/javascript"></script>
- </#list>
- </#if>
-</head>
-
-<body>
-<div>
- <div>
- <header role="banner" class="fr-header">
- <div class="fr-header__body">
- <div class="fr-container">
- <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">
- <a href="https://camino.beta.gouv.fr/" title="Accueil - Camino - République Française">
- <p class="fr-logo">
- Camino
- </p>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </header>
- <div id="kc-content">
- <div id="kc-content-wrapper" class="fr-container">
-
- <#-- App-initiated actions should not see warning messages about the need to complete the action -->
- <#-- during login. -->
-
- <#if displayMessage && message?has_content && (message.type != 'warning' || !isAppInitiatedAction??)>
- <div class="fr-alert fr-alert--${message.type} fr-mt-3w">
- <h3 class="fr-alert__title">${kcSanitize(message.summary)?no_esc}</h3>
- </div>
- </#if>
- <#nested "form">
- </div>
- </div>
-
- </div>
- </div>
-</body>
-</html>
-</#macro>
diff --git a/infra/ecocompose/keycloak/keycloak_theme/login/theme.properties b/infra/ecocompose/keycloak/keycloak_theme/login/theme.properties
deleted file mode 100644
index a64110d07c9f3a646c8e9e7a0e1d32c9f4904438..0000000000000000000000000000000000000000
--- a/infra/ecocompose/keycloak/keycloak_theme/login/theme.properties
+++ /dev/null
@@ -1,10 +0,0 @@
-parent=base
-import=common/keycloak
-locales=fr
-styles=css/dsfr.min.css css/utility/utility.min.css
-kcInputClass=fr-input
-kcButtonDefaultClass=fr-btn fr-btn--secondary
-kcButtonPrimaryClass=fr-btn
-kcButtonLargeClass=fr-btn--lg
-kcFormClass=fr-mb-4v
-kcFormGroupClass=fr-mb-2v
\ No newline at end of file
diff --git a/knip.ts b/knip.ts
index dc18f4b173d8f7587d629dd0bb9c462311f8d026..c6cba42ae492ed30eb331d9e0cd2767111fc586f 100644
--- a/knip.ts
+++ b/knip.ts
@@ -10,8 +10,6 @@ const config = {
// TODO 2023-12-28 knip voit pas les override dependencies
"vue",
"@types/react",
- "@semantic-release/commit-analyzer",
- "@semantic-release/release-notes-generator",
],
},
"packages/api": {
diff --git a/package-lock.json b/package-lock.json
index 9434a37e40e6f27be5ffa72f4fd83bd7cb41bf0c..795026833f660f564b048906271ad3087cf0d42d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1774,6 +1774,29 @@
"integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
"dev": true
},
+ "node_modules/@codegouvfr/react-dsfr": {
+ "version": "1.17.0",
+ "resolved": "https://registry.npmjs.org/@codegouvfr/react-dsfr/-/react-dsfr-1.17.0.tgz",
+ "integrity": "sha512-zYluHhGRD39ckZvQFgK8hSeo76TbxPtuot+I6N66vC6XXkILvv0llbIvezkxv3xlz4J8fvq4Ou5Hngt5EWtpeg==",
+ "license": "MIT",
+ "dependencies": {
+ "tsafe": "^1.8.5",
+ "yargs-parser": "^21.1.1"
+ },
+ "bin": {
+ "copy-dsfr-to-public": "bin/copy-dsfr-to-public.js",
+ "only-include-used-icons": "bin/only-include-used-icons.js",
+ "react-dsfr": "bin/react-dsfr.js"
+ },
+ "peerDependencies": {
+ "@gouvfr/dsfr-chart": "^1.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@gouvfr/dsfr-chart": {
+ "optional": true
+ }
+ }
+ },
"node_modules/@colors/colors": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
@@ -3436,15 +3459,6 @@
"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
}
},
- "node_modules/@gouvfr/dsfr": {
- "version": "1.10.2",
- "resolved": "https://registry.npmjs.org/@gouvfr/dsfr/-/dsfr-1.10.2.tgz",
- "integrity": "sha512-twPj+VFMTOKUfI9vbBnK8fH1iDpXuDVWeMJzgmmQ5LKjRtZdUsvSbHNlp7HWcDvhWxDGNHxSboErC7UB3oskYQ==",
- "dev": true,
- "engines": {
- "node": ">=18.16.1"
- }
- },
"node_modules/@graphql-tools/graphql-file-loader": {
"version": "8.0.6",
"resolved": "https://registry.npmjs.org/@graphql-tools/graphql-file-loader/-/graphql-file-loader-8.0.6.tgz",
@@ -24801,6 +24815,12 @@
}
}
},
+ "node_modules/tsafe": {
+ "version": "1.8.5",
+ "resolved": "https://registry.npmjs.org/tsafe/-/tsafe-1.8.5.tgz",
+ "integrity": "sha512-LFWTWQrW6rwSY+IBNFl2ridGfUzVsPwrZ26T4KUJww/py8rzaQ/SY+MIz6YROozpUCaRcuISqagmlwub9YT9kw==",
+ "license": "MIT"
+ },
"node_modules/tsconfig-paths": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
@@ -26611,7 +26631,6 @@
"version": "21.1.1",
"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
"integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
- "dev": true,
"engines": {
"node": ">=12"
}
@@ -26837,13 +26856,13 @@
"name": "camino-ui",
"version": "1.0.0",
"dependencies": {
+ "@codegouvfr/react-dsfr": "1.17.0",
"decimal.js": "^10.4.3",
"zod": "^3.23.8"
},
"devDependencies": {
"@babel/eslint-parser": "^7.25.9",
"@babel/preset-env": "^7.26.0",
- "@gouvfr/dsfr": "1.10.2",
"@rollup/plugin-inject": "^5.0.5",
"@rollup/plugin-node-resolve": "^15.3.0",
"@storybook/addon-actions": "^8.4.7",
@@ -26897,7 +26916,6 @@
"prettier": "^3.4.2",
"rollup-plugin-visualizer": "^5.12.0",
"storybook": "^8.4.7",
- "ts-node": "^10.9.2",
"typescript": "^5.7.2",
"typescript-plugin-css-modules": "^5.1.0",
"vite": "^5.4.11",
diff --git a/package.json b/package.json
index c3917d31c4963db3de652a55839da1d7e6bf990f..33a5c0445972d18227f0ea59ec20cda5019b8682 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
"prepare": "husky",
"test": "npm run test --workspaces",
"lint": "npm run lint --workspaces",
- "knip": "npx --yes knip@5.39.2"
+ "knip": "npx --yes knip@5.43.6"
},
"lint-staged": {
"packages/ui/src/**/*.{js,ts,tsx}": [
@@ -41,11 +41,6 @@
"packages/common/src/**/*.ts": [
"eslint --config packages/common/eslint.config.mjs --cache --fix --max-warnings=0",
"prettier --write"
- ],
- "packages/ui/src/components/_ui/iconSprite.tsx": [
- "npm run -w packages/ui generate-icon-types",
- "npm run -w packages/ui lint src/components/_ui/iconSpriteType.ts",
- "git add packages/ui/src/components/_ui/iconSpriteType.ts"
]
},
"devDependencies": {
diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index 41d666d51e1115bed3835ca9f7e29b9015733565..ba86e0d412c8d4e540771dcdd801e999e99bb9ab 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -1,8 +1,9 @@
import type { Preview, Decorator } from '@storybook/vue3'
import '../src/styles/styles.css'
-import '../src/styles/dsfr/dsfr.css'
-import '@gouvfr/dsfr/dist/core/core.module'
-import '@gouvfr/dsfr/dist/component/navigation/navigation.module'
+import "@codegouvfr/react-dsfr/main.css";
+import '@codegouvfr/react-dsfr/dsfr/core/core.module'
+import '@codegouvfr/react-dsfr/dsfr/component/navigation/navigation.module'
+import '@codegouvfr/react-dsfr/dsfr/component/table/table.module'
import { setup } from '@storybook/vue3'
import { h } from 'vue'
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 2af79709367f59facdfa34de5d2d240845b538ed..1bcf1750e2cca896d02f8ce893e3ba42938b4677 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -5,7 +5,9 @@
"private": true,
"type": "module",
"scripts": {
+ "prebuild": "react-dsfr update-icons",
"build": "tsc --noEmit --incremental && vite build --emptyOutDir",
+ "predev": "react-dsfr update-icons",
"dev": "vite --host",
"dev:update": "npm-check-updates && npm install && npm audit fix",
"start": "node ./index.js",
@@ -14,13 +16,11 @@
"lint:check": "prettier --check src && eslint src --max-warnings=0",
"storybook": "storybook dev -p 6006",
"storybook:build": "storybook build",
- "storybook:test": "test-storybook --browsers chromium",
- "generate-icon-types": "node --loader ts-node/esm/transpile-only ./scripts/generateIconTypes.ts"
+ "storybook:test": "test-storybook --browsers chromium"
},
"devDependencies": {
"@babel/eslint-parser": "^7.25.9",
"@babel/preset-env": "^7.26.0",
- "@gouvfr/dsfr": "1.10.2",
"@rollup/plugin-inject": "^5.0.5",
"@rollup/plugin-node-resolve": "^15.3.0",
"@storybook/addon-actions": "^8.4.7",
@@ -74,7 +74,6 @@
"prettier": "^3.4.2",
"rollup-plugin-visualizer": "^5.12.0",
"storybook": "^8.4.7",
- "ts-node": "^10.9.2",
"typescript": "^5.7.2",
"typescript-plugin-css-modules": "^5.1.0",
"vite": "^5.4.11",
@@ -103,6 +102,7 @@
"supports es6-module"
],
"dependencies": {
+ "@codegouvfr/react-dsfr": "1.17.0",
"decimal.js": "^10.4.3",
"zod": "^3.23.8"
}
diff --git a/packages/ui/scripts/generateIconTypes.ts b/packages/ui/scripts/generateIconTypes.ts
deleted file mode 100644
index 894408c94852d75ff8b80850b53d75600c2fd1e9..0000000000000000000000000000000000000000
--- a/packages/ui/scripts/generateIconTypes.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import fs from 'node:fs'
-import path from 'node:path'
-import readline from 'node:readline'
-import { fileURLToPath } from 'url'
-
-const iconExtractor = /id="icon-([^ ]*)"/
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-const fileName = 'iconSprite.tsx'
-
-function generateDsfrIconTypes(): void {
- function getIconPath(): string {
- return path.join(__dirname, '..', 'src', 'styles', 'dsfr', 'icons')
- }
-
- function getIconSpritePathTypes(): string {
- return path.join(__dirname, '..', 'src', 'components', '_ui', 'dsfrIconSpriteType.ts')
- }
-
- const iconPath = getIconPath()
- const folders = fs.readdirSync(getIconPath())
-
- const iconNames = folders.flatMap(folder => {
- const iconFiles = fs.readdirSync(path.join(iconPath, folder))
- return (
- iconFiles
- .map(fileName => fileName.replace(/\.[^/.]+$/, ''))
- // TODO 2023-07-03 les noms de fichiers des icones du dsfr ne sont pas consistants avec les noms des classes........
- .map(fileName => fileName.replace('fr--', ''))
- )
- })
-
- fs.writeFileSync(
- getIconSpritePathTypes(),
- `// Generated by 'scripts/generateIconTypes.ts', DO NOT MODIFY MANUALLY
-// add new icons in the ${fileName} and run 'npm run generate-icon-types -w packages/ui', or commit and husky will do it
-// prettier-ignore
-export const icons=${JSON.stringify(iconNames.sort())} as const
-export type DsfrIcon = \`fr-icon-\${typeof icons[number]}\`
- `
- )
-}
-
-generateDsfrIconTypes()
diff --git a/packages/ui/src/app.tsx b/packages/ui/src/app.tsx
index 2087397c760298717e15990c9996181f0130b0d1..13b3a1bed48ebe1422fd7181fa365df8e2d91d2c 100644
--- a/packages/ui/src/app.tsx
+++ b/packages/ui/src/app.tsx
@@ -1,5 +1,7 @@
-import '@gouvfr/dsfr/dist/core/core.module'
-import '@gouvfr/dsfr/dist/component/navigation/navigation.module'
+import '@codegouvfr/react-dsfr/main.css'
+import '@codegouvfr/react-dsfr/dsfr/core/core.module'
+import '@codegouvfr/react-dsfr/dsfr/component/navigation/navigation.module'
+import '@codegouvfr/react-dsfr/dsfr/component/table/table.module'
import { defineComponent, computed, ref, onMounted, inject } from 'vue'
import { Header } from './components/page/header'
diff --git a/packages/ui/src/components/_common/dsfr-perimetre-table.tsx b/packages/ui/src/components/_common/dsfr-perimetre-table.tsx
index febbb10141689700ea11627a5b8c98ed6fd2f35b..8623b6c223d5cc0c4ea3d81d1ecc81e01ecdf74b 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre-table.tsx
+++ b/packages/ui/src/components/_common/dsfr-perimetre-table.tsx
@@ -3,7 +3,7 @@ import { GeoSysteme, GeoSystemes, GeoSystemeId } from 'camino-common/src/static/
import { defineComponent, FunctionalComponent } from 'vue'
import { DsfrLink } from '../_ui/dsfr-button'
import { TableRow, TextColumnData } from '../_ui/table'
-import { TableAuto, Column } from '../_ui/table-auto'
+import { TableSimple, Column } from '../_ui/table-simple'
import { FeatureCollectionForages, FeatureCollectionPoints, FeatureMultiPolygon } from 'camino-common/src/perimetre'
import { TitreSlug } from 'camino-common/src/validators/titres'
import { capitalize } from 'camino-common/src/strings'
@@ -31,11 +31,11 @@ const geoJsonToArray = (perimetre: FeatureCollectionPoints | FeatureCollectionFo
const x_deg = toDegresMinutes(feature.geometry.coordinates[0])
const y_deg = toDegresMinutes(feature.geometry.coordinates[1])
- let foragesProperties
+ let foragesProperties: TableRow<string>['columns'] = {}
if ('profondeur' in feature.properties) {
foragesProperties = {
- profondeur: { value: `${feature.properties.profondeur}` },
- type: { value: capitalize(feature.properties.type) },
+ profondeur: { type: 'text', value: `${feature.properties.profondeur}` },
+ type: { type: 'text', value: capitalize(feature.properties.type) },
}
}
@@ -43,12 +43,12 @@ const geoJsonToArray = (perimetre: FeatureCollectionPoints | FeatureCollectionFo
id: `${index}`,
link: null,
columns: {
- description: { value: feature.properties.description ?? '' },
- nom: { value: feature.properties.nom ?? '' },
- x: { value: `${feature.geometry.coordinates[0]}` },
- y: { value: `${feature.geometry.coordinates[1]}` },
- x_deg: { value: `${x_deg.degres}°${Intl.NumberFormat('fr-FR').format(x_deg.minutes)}'` },
- y_deg: { value: `${y_deg.degres}°${Intl.NumberFormat('fr-FR').format(y_deg.minutes)}'` },
+ description: { type: 'text', value: feature.properties.description ?? '' },
+ nom: { type: 'text', value: feature.properties.nom ?? '' },
+ x: { type: 'text', value: `${feature.geometry.coordinates[0]}` },
+ y: { type: 'text', value: `${feature.geometry.coordinates[1]}` },
+ x_deg: { type: 'text', value: `${x_deg.degres}°${Intl.NumberFormat('fr-FR').format(x_deg.minutes)}'` },
+ y_deg: { type: 'text', value: `${y_deg.degres}°${Intl.NumberFormat('fr-FR').format(y_deg.minutes)}'` },
...foragesProperties,
},
}
@@ -59,14 +59,14 @@ const TablePoints: FunctionalComponent<Pick<Props, 'geo_systeme_id' | 'geojson_o
const uniteId = GeoSystemes[props.geo_systeme_id].uniteId
const columns: Column<string>[] = [
- { id: 'nom', name: 'Nom du point', noSort: true },
- { id: 'description', name: 'Description', noSort: true },
- { id: 'x', name: capitalize(labels[uniteId].x), noSort: true },
- { id: 'y', name: capitalize(labels[uniteId].y), noSort: true },
+ { id: 'nom', contentTitle: 'Nom du point' },
+ { id: 'description', contentTitle: 'Description' },
+ { id: 'x', contentTitle: capitalize(labels[uniteId].x) },
+ { id: 'y', contentTitle: capitalize(labels[uniteId].y) },
]
if (uniteId === 'deg') {
- columns.push({ id: 'x_deg', name: 'Longitude (E)', noSort: true }, { id: 'y_deg', name: 'Latitude (N)', noSort: true })
+ columns.push({ id: 'x_deg', contentTitle: 'Longitude (E)' }, { id: 'y_deg', contentTitle: 'Latitude (N)' })
}
const currentRows = geoJsonToArray(props.geojson_origine_points)
@@ -82,7 +82,7 @@ const TablePoints: FunctionalComponent<Pick<Props, 'geo_systeme_id' | 'geojson_o
id: `${props.maxRows + 1}`,
link: null,
columns: columns.reduce<Record<string, TextColumnData>>((acc, { id }) => {
- acc[id] = { value: '...' }
+ acc[id] = { type: 'text', value: '...' }
return acc
}, {}),
@@ -91,7 +91,7 @@ const TablePoints: FunctionalComponent<Pick<Props, 'geo_systeme_id' | 'geojson_o
return (
<div style={{ display: 'flex', flexDirection: 'column' }}>
- <TableAuto caption={props.caption} class="fr-mb-1w" columns={columns} rows={rowsToDisplay} initialSort="noSort" />
+ <TableSimple caption={{ value: props.caption, visible: true }} class="fr-mb-1w" columns={columns} rows={rowsToDisplay} />
<div style={{ display: 'flex' }}>
{isNotNullNorUndefined(props.surface) ? <div class="fr-text--md">Surface : {props.surface} Km²</div> : null}
@@ -113,12 +113,12 @@ const TableForages: FunctionalComponent<NotNullableKeys<Pick<Props, 'geo_systeme
const uniteId = GeoSystemes[props.geo_systeme_id].uniteId
const columns: Column<string>[] = [
- { id: 'nom', name: 'Nom', noSort: true },
- { id: 'description', name: 'Description', noSort: true },
- { id: 'profondeur', name: 'Profondeur (NGF)', noSort: true },
- { id: 'type', name: 'Type', noSort: true },
- { id: 'x', name: capitalize(labels[uniteId].x), noSort: true },
- { id: 'y', name: capitalize(labels[uniteId].y), noSort: true },
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'description', contentTitle: 'Description' },
+ { id: 'profondeur', contentTitle: 'Profondeur (NGF)' },
+ { id: 'type', contentTitle: 'Type' },
+ { id: 'x', contentTitle: capitalize(labels[uniteId].x) },
+ { id: 'y', contentTitle: capitalize(labels[uniteId].y) },
]
const currentRows = geoJsonToArray(props.geojson_origine_forages)
@@ -129,7 +129,7 @@ const TableForages: FunctionalComponent<NotNullableKeys<Pick<Props, 'geo_systeme
return (
<div style={{ display: 'flex', flexDirection: 'column' }}>
- <TableAuto caption="Forages" class="fr-mb-1w" columns={columns} rows={currentRows} initialSort="noSort" />
+ <TableSimple caption={{ value: 'Forages', visible: true }} class="fr-mb-1w" columns={columns} rows={currentRows} />
<DsfrLink
style={{ alignSelf: 'end' }}
diff --git a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPoints.html b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPoints.html
index a9464867cf5f5aa10fd7188a026c658f7088e281..50cac8a5126f3f4ecbf370e4adb7965abb1d3988 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPoints.html
+++ b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPoints.html
@@ -313,51 +313,45 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class="">Description du point 1</span></td>
- <td class=""><span class="">-52.5660583466962</span></td>
- <td class=""><span class="">4.23944263425535</span></td>
- <td class=""><span class="">-52°33,964'</span></td>
- <td class=""><span class="">4°14,367'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class="">Description du point 2</span></td>
- <td class=""><span class="">-52.5591878553913</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°33,551'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class="">Description du point 1</span></td>
+ <td><span class="">-52.5660583466962</span></td>
+ <td><span class="">4.23944263425535</span></td>
+ <td><span class="">-52°33,964'</span></td>
+ <td><span class="">4°14,367'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class="">Description du point 2</span></td>
+ <td><span class="">-52.5591878553913</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°33,551'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherGeoSysteme.html b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherGeoSysteme.html
index fb1786643814f0ababd6adaac53942226d271980..06f39f09bf44967760620e020e9b475269a6b230 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherGeoSysteme.html
+++ b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherGeoSysteme.html
@@ -313,35 +313,33 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">Nom</span></td>
- <td class=""><span class="">Description</span></td>
- <td class=""><span class="">338097.8</span></td>
- <td class=""><span class="">462518.2</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Nom</span></td>
+ <td><span class="">Description</span></td>
+ <td><span class="">338097.8</span></td>
+ <td><span class="">462518.2</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherLegacyGeoSysteme.html b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherLegacyGeoSysteme.html
index 5ac88523353f1ceeaa13acebe879975907c59438..da4936340bf2cfbf5d105e098ee162d6dffc70ff 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherLegacyGeoSysteme.html
+++ b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithAnotherLegacyGeoSysteme.html
@@ -313,43 +313,37 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">Nom</span></td>
- <td class=""><span class="">Description</span></td>
- <td class=""><span class="">338097.8</span></td>
- <td class=""><span class="">462518.2</span></td>
- <td class=""><span class="">338097°48'</span></td>
- <td class=""><span class="">462518°12'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Nom</span></td>
+ <td><span class="">Description</span></td>
+ <td><span class="">338097.8</span></td>
+ <td><span class="">462518.2</span></td>
+ <td><span class="">338097°48'</span></td>
+ <td><span class="">462518°12'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithoutNameAndDesc.html b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithoutNameAndDesc.html
index 663927de6c54aafd0bf0c35f71f967f80d9a7042..a1930163cbc7cf04b77f65971da24234f37f3ab7 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithoutNameAndDesc.html
+++ b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_CustomPointsWithoutNameAndDesc.html
@@ -313,43 +313,37 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class=""></span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-52.5660583466962</span></td>
- <td class=""><span class="">4.23944263425535</span></td>
- <td class=""><span class="">-52°33,964'</span></td>
- <td class=""><span class="">4°14,367'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-52.5660583466962</span></td>
+ <td><span class="">4.23944263425535</span></td>
+ <td><span class="">-52°33,964'</span></td>
+ <td><span class="">4°14,367'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_MultiplePolygonWithLacuneTableau.html b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_MultiplePolygonWithLacuneTableau.html
index 5a0a78dade573f8e7fb61b8b674191fd6f67545c..273a814caebb928394a2ed5b26208d4b19809434 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_MultiplePolygonWithLacuneTableau.html
+++ b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_MultiplePolygonWithLacuneTableau.html
@@ -313,203 +313,197 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.5660583466962</span></td>
- <td class=""><span class="">4.23944263425535</span></td>
- <td class=""><span class="">-52°33,964'</span></td>
- <td class=""><span class="">4°14,367'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.5591878553913</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°33,551'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.5550566725882</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33,303'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.5619271168799</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33,716'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Polygone 1 - Lacune 1</span></td>
- <td class=""><span class="">-52.563</span></td>
- <td class=""><span class="">4.236</span></td>
- <td class=""><span class="">-52°33,78'</span></td>
- <td class=""><span class="">4°14,16'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class="">Polygone 1 - Lacune 1</span></td>
- <td class=""><span class="">-52.5591878553913</span></td>
- <td class=""><span class="">4.227</span></td>
- <td class=""><span class="">-52°33,551'</span></td>
- <td class=""><span class="">4°13,62'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class="">Polygone 1 - Lacune 1</span></td>
- <td class=""><span class="">-52.561</span></td>
- <td class=""><span class="">4.236</span></td>
- <td class=""><span class="">-52°33,66'</span></td>
- <td class=""><span class="">4°14,16'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">I</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">J</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">K</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">L</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.60031408473134</span></td>
- <td class=""><span class="">3.8224780986447566</span></td>
- <td class=""><span class="">-53°36,019'</span></td>
- <td class=""><span class="">3°49,349'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">M</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.59891645305842</span></td>
- <td class=""><span class="">3.8181831495446303</span></td>
- <td class=""><span class="">-53°35,935'</span></td>
- <td class=""><span class="">3°49,091'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">N</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.58181205656814</span></td>
- <td class=""><span class="">3.82379854768971</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,428'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">O</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.58320964990986</span></td>
- <td class=""><span class="">3.828093576227541</span></td>
- <td class=""><span class="">-53°34,993'</span></td>
- <td class=""><span class="">3°49,686'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">P</span></td>
- <td class=""><span class="">Polygone 4</span></td>
- <td class=""><span class="">-53.583861926103765</span></td>
- <td class=""><span class="">3.8502114455117433</span></td>
- <td class=""><span class="">-53°35,032'</span></td>
- <td class=""><span class="">3°51,013'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">Q</span></td>
- <td class=""><span class="">Polygone 4</span></td>
- <td class=""><span class="">-53.592379712320195</span></td>
- <td class=""><span class="">3.834289122043602</span></td>
- <td class=""><span class="">-53°35,543'</span></td>
- <td class=""><span class="">3°50,057'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">R</span></td>
- <td class=""><span class="">Polygone 4</span></td>
- <td class=""><span class="">-53.588417035915334</span></td>
- <td class=""><span class="">3.8321501920354253</span></td>
- <td class=""><span class="">-53°35,305'</span></td>
- <td class=""><span class="">3°49,929'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S</span></td>
- <td class=""><span class="">Polygone 4</span></td>
- <td class=""><span class="">-53.57989914401643</span></td>
- <td class=""><span class="">3.8480725119510217</span></td>
- <td class=""><span class="">-53°34,794'</span></td>
- <td class=""><span class="">3°50,884'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">T</span></td>
- <td class=""><span class="">Polygone 5</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">...</span></td>
- <td class=""><span class="">...</span></td>
- <td class=""><span class="">...</span></td>
- <td class=""><span class="">...</span></td>
- <td class=""><span class="">...</span></td>
- <td class=""><span class="">...</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.5660583466962</span></td>
+ <td><span class="">4.23944263425535</span></td>
+ <td><span class="">-52°33,964'</span></td>
+ <td><span class="">4°14,367'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.5591878553913</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°33,551'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.5550566725882</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33,303'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.5619271168799</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33,716'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Polygone 1 - Lacune 1</span></td>
+ <td><span class="">-52.563</span></td>
+ <td><span class="">4.236</span></td>
+ <td><span class="">-52°33,78'</span></td>
+ <td><span class="">4°14,16'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class="">Polygone 1 - Lacune 1</span></td>
+ <td><span class="">-52.5591878553913</span></td>
+ <td><span class="">4.227</span></td>
+ <td><span class="">-52°33,551'</span></td>
+ <td><span class="">4°13,62'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class="">Polygone 1 - Lacune 1</span></td>
+ <td><span class="">-52.561</span></td>
+ <td><span class="">4.236</span></td>
+ <td><span class="">-52°33,66'</span></td>
+ <td><span class="">4°14,16'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">I</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">J</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">K</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">L</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.60031408473134</span></td>
+ <td><span class="">3.8224780986447566</span></td>
+ <td><span class="">-53°36,019'</span></td>
+ <td><span class="">3°49,349'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">M</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.59891645305842</span></td>
+ <td><span class="">3.8181831495446303</span></td>
+ <td><span class="">-53°35,935'</span></td>
+ <td><span class="">3°49,091'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">N</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.58181205656814</span></td>
+ <td><span class="">3.82379854768971</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,428'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">O</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.58320964990986</span></td>
+ <td><span class="">3.828093576227541</span></td>
+ <td><span class="">-53°34,993'</span></td>
+ <td><span class="">3°49,686'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">P</span></td>
+ <td><span class="">Polygone 4</span></td>
+ <td><span class="">-53.583861926103765</span></td>
+ <td><span class="">3.8502114455117433</span></td>
+ <td><span class="">-53°35,032'</span></td>
+ <td><span class="">3°51,013'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Q</span></td>
+ <td><span class="">Polygone 4</span></td>
+ <td><span class="">-53.592379712320195</span></td>
+ <td><span class="">3.834289122043602</span></td>
+ <td><span class="">-53°35,543'</span></td>
+ <td><span class="">3°50,057'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">R</span></td>
+ <td><span class="">Polygone 4</span></td>
+ <td><span class="">-53.588417035915334</span></td>
+ <td><span class="">3.8321501920354253</span></td>
+ <td><span class="">-53°35,305'</span></td>
+ <td><span class="">3°49,929'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S</span></td>
+ <td><span class="">Polygone 4</span></td>
+ <td><span class="">-53.57989914401643</span></td>
+ <td><span class="">3.8480725119510217</span></td>
+ <td><span class="">-53°34,794'</span></td>
+ <td><span class="">3°50,884'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">T</span></td>
+ <td><span class="">Polygone 5</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">...</span></td>
+ <td><span class="">...</span></td>
+ <td><span class="">...</span></td>
+ <td><span class="">...</span></td>
+ <td><span class="">...</span></td>
+ <td><span class="">...</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_WithForages.html b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_WithForages.html
index acb31bac3e3926a0191727b9b06dd48ec74df365..c3c72962e0346654f02623c59ccfc13942a7619d 100644
--- a/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_WithForages.html
+++ b/packages/ui/src/components/_common/dsfr-perimetre.stories_snapshots_WithForages.html
@@ -14,43 +14,37 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Points</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">Nom</span></td>
- <td class=""><span class="">Description</span></td>
- <td class=""><span class="">338097.8</span></td>
- <td class=""><span class="">462518.2</span></td>
- <td class=""><span class="">338097°48'</span></td>
- <td class=""><span class="">462518°12'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Points</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Nom</span></td>
+ <td><span class="">Description</span></td>
+ <td><span class="">338097.8</span></td>
+ <td><span class="">462518.2</span></td>
+ <td><span class="">338097°48'</span></td>
+ <td><span class="">462518°12'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -58,51 +52,45 @@
</div>
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Forages</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Profondeur (NGF)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">C1</span></td>
- <td class=""><span class="">Captage 1</span></td>
- <td class=""><span class="">42</span></td>
- <td class=""><span class="">Captage</span></td>
- <td class=""><span class="">-52.5620583466962</span></td>
- <td class=""><span class="">4.23454263425535</span></td>
- </tr>
- <tr>
- <td class=""><span class="">R1</span></td>
- <td class=""><span class="">Rejet 1</span></td>
- <td class=""><span class="">42</span></td>
- <td class=""><span class="">Rejet</span></td>
- <td class=""><span class="">-52.5640583466962</span></td>
- <td class=""><span class="">4.23754263425535</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Forages</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Profondeur (NGF)</th>
+ <th scope="col">Type</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">C1</span></td>
+ <td><span class="">Captage 1</span></td>
+ <td><span class="">42</span></td>
+ <td><span class="">Captage</span></td>
+ <td><span class="">-52.5620583466962</span></td>
+ <td><span class="">4.23454263425535</span></td>
+ </tr>
+ <tr>
+ <td><span class="">R1</span></td>
+ <td><span class="">Rejet 1</span></td>
+ <td><span class="">42</span></td>
+ <td><span class="">Rejet</span></td>
+ <td><span class="">-52.5640583466962</span></td>
+ <td><span class="">4.23754263425535</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div><a class="fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-download-line" title="Télécharge les forages au format csv" href="data:text/csv;charset=utf-8,nom;description;profondeur;type;longitude;latitude%0AC1;Captage%201;42;captage;-52.5620583466962;4.23454263425535%0AR1;Rejet%201;42;rejet;-52.5640583466962;4.23754263425535" download="forages-titre-slug.csv" style="align-self: end;">.csv</a>
</div>
diff --git a/packages/ui/src/components/_common/liste.tsx b/packages/ui/src/components/_common/liste.tsx
index 6fc5cf85895259ef633665ce36d0a7ed6c9a6dad..6a6843e34b37f5c9fd5f5f8e5e82c2caf384127f 100644
--- a/packages/ui/src/components/_common/liste.tsx
+++ b/packages/ui/src/components/_common/liste.tsx
@@ -98,7 +98,7 @@ export const Liste = defineComponent(<ColumnId extends string, Columns extends C
<>
<PageContentHeader nom={props.nom} download={props.download} renderButton={props.renderButton} />
- <TablePagination data={tableData.value} columns={props.colonnes} caption={props.nom} route={props.route} updateParams={paramsTableUpdate} />
+ <TablePagination data={tableData.value} columns={props.colonnes} caption={{ value: props.nom, visible: false }} route={props.route} updateParams={paramsTableUpdate} />
</>
}
filtres={
diff --git a/packages/ui/src/components/_ui/dsfr-button.tsx b/packages/ui/src/components/_ui/dsfr-button.tsx
index 211e86363a2acb56737685a2cbe6c8b40864ffed..bc0d7145c098586e0f5eec027c46124d279fa3fa 100644
--- a/packages/ui/src/components/_ui/dsfr-button.tsx
+++ b/packages/ui/src/components/_ui/dsfr-button.tsx
@@ -1,5 +1,6 @@
import { FunctionalComponent, ButtonHTMLAttributes, HTMLAttributes } from 'vue'
-import { DsfrIcon } from './dsfrIconSpriteType'
+import { FrIconClassName } from '@codegouvfr/react-dsfr'
+
import { CaminoRouterLink } from '../../router/camino-router-link'
import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
import { CaminoRouteNames, CaminoVueRoute } from '@/router/routes'
@@ -14,7 +15,7 @@ type DsfrButtonProps = {
onClick: () => void
title: string
label?: string
- icon?: DsfrIcon
+ icon?: FrIconClassName
disabled?: boolean
buttonType?: ButtonType
buttonSize?: ButtonSize
@@ -45,7 +46,7 @@ export const DsfrButton: FunctionalComponent<DsfrButtonProps> = (props: DsfrButt
)
}
-type DsfrButtonIconProps = DsfrButtonProps & { icon: DsfrIcon }
+type DsfrButtonIconProps = DsfrButtonProps & { icon: FrIconClassName }
export const DsfrButtonIcon: FunctionalComponent<DsfrButtonIconProps> = (props: DsfrButtonIconProps) => {
return (
@@ -66,7 +67,7 @@ type DsfrLinkProps<T extends CaminoRouteNames> = {
label?: string | null
buttonType?: ButtonType
breadcrumb?: true
- icon: DsfrIcon | null
+ icon: FrIconClassName | null
style?: HTMLAttributes['style']
class?: HTMLAttributes['class']
} & ({ to: CaminoVueRoute<T>; disabled: false } | { href: HTMLAnchorElement['href']; download?: HTMLAnchorElement['download']; target?: HTMLAnchorElement['target']; rel?: HTMLAnchorElement['rel'] })
diff --git a/packages/ui/src/components/_ui/dsfr-toggle.tsx b/packages/ui/src/components/_ui/dsfr-toggle.tsx
index 2afc3e53cb6d2625a01fcda8d664dc0c707433dc..17d8f00ba0d66f302cc43575639df91ac3390a2b 100644
--- a/packages/ui/src/components/_ui/dsfr-toggle.tsx
+++ b/packages/ui/src/components/_ui/dsfr-toggle.tsx
@@ -1,4 +1,5 @@
import { random } from '@/utils/vue-tsx-utils'
+import { fr } from '@codegouvfr/react-dsfr'
import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
import { defineComponent, ref } from 'vue'
@@ -25,13 +26,13 @@ export const DsfrToggle = defineComponent<Props>(props => {
const extraInputProps = isNotNullNorUndefined(props.legendHint) ? { 'aria-describedby': hintId } : {}
return () => (
- <div class="fr-toggle">
- <input type="checkbox" class="fr-toggle__input" checked={toggled.value} {...extraInputProps} id={id} onClick={updateFromEvent} />
- <label class="fr-toggle__label" for={id} data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé">
+ <div class={[fr.cx('fr-toggle')]}>
+ <input type="checkbox" class={[fr.cx('fr-toggle__input')]} checked={toggled.value} {...extraInputProps} id={id} onClick={updateFromEvent} />
+ <label class={[fr.cx('fr-toggle__label')]} for={id} data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé">
<span class=" fr-ml-4w">{props.legendLabel}</span>
</label>
{isNotNullNorUndefined(props.legendHint) ? (
- <p class="fr-hint-text" id={hintId}>
+ <p class={[fr.cx('fr-hint-text')]} id={hintId}>
{props.legendHint}
</p>
) : null}
diff --git a/packages/ui/src/components/_ui/dsfrIconSpriteType.ts b/packages/ui/src/components/_ui/dsfrIconSpriteType.ts
deleted file mode 100644
index 404d59293f0f3f6ee0e288418390917685aaa5a3..0000000000000000000000000000000000000000
--- a/packages/ui/src/components/_ui/dsfrIconSpriteType.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// Generated by 'scripts/generateIconTypes.ts', DO NOT MODIFY MANUALLY
-// add new icons in the iconSprite.tsx and run 'npm run generate-icon-types -w packages/ui', or commit and husky will do it
-// prettier-ignore
-export const icons=["account-circle-fill","account-circle-line","account-pin-circle-fill","account-pin-circle-line","add-circle-fill","add-circle-line","add-line","admin-fill","admin-line","alarm-warning-fill","alarm-warning-line","alert-fill","alert-line","align-left","anchor-fill","anchor-line","ancient-gate-fill","ancient-gate-line","ancient-pavilion-fill","ancient-pavilion-line","archive-fill","archive-line","arrow-down-fill","arrow-down-line","arrow-down-s-fill","arrow-down-s-line","arrow-go-back-fill","arrow-go-back-line","arrow-go-forward-fill","arrow-go-forward-line","arrow-left-fill","arrow-left-line","arrow-left-s-fill","arrow-left-s-first-line","arrow-left-s-line","arrow-left-s-line-double","arrow-right-down-circle-fill","arrow-right-fill","arrow-right-line","arrow-right-s-fill","arrow-right-s-last-line","arrow-right-s-line","arrow-right-s-line-double","arrow-right-up-circle-fill","arrow-right-up-line","arrow-up-fill","arrow-up-line","arrow-up-s-fill","arrow-up-s-line","article-fill","article-line","attachment-fill","attachment-line","award-fill","award-line","ball-pen-fill","ball-pen-line","bank-card-fill","bank-card-line","bank-fill","bank-line","bar-chart-box-fill","bar-chart-box-line","bike-fill","bike-line","bluetooth-fill","bluetooth-line","bold","book-2-fill","book-2-line","booklet-fill","booklet-line","bookmark-fill","bookmark-line","briefcase-fill","briefcase-line","brush-3-fill","brush-3-line","brush-fill","brush-line","bug-fill","bug-line","building-fill","building-line","bus-fill","bus-line","calendar-2-fill","calendar-2-line","calendar-event-fill","calendar-event-line","calendar-fill","calendar-line","camera-fill","camera-line","capslock-line","capsule-fill","capsule-line","car-fill","car-line","caravan-fill","caravan-line","charging-pile-2-fill","charging-pile-2-line","chat-2-fill","chat-2-line","chat-3-fill","chat-3-line","chat-check-fill","chat-check-line","chat-delete-fill","chat-delete-line","chat-poll-fill","chat-poll-line","check-line","checkbox-circle-fill","checkbox-circle-line","checkbox-fill","checkbox-line","chrome-fill","chrome-line","clapperboard-fill","clapperboard-line","clipboard-fill","clipboard-line","close-circle-fill","close-circle-line","close-line","cloud-fill","cloud-line","cloudy-2-fill","cloudy-2-line","code-box-fill","code-box-line","code-s-slash-line","code-view","coin-fill","community-fill","community-line","compass-3-fill","compass-3-line","computer-fill","computer-line","contrast-fill","contrast-line","copyright-fill","copyright-line","crop-fill","crop-line","cup-fill","cup-line","cursor-fill","cursor-line","customer-service-fill","customer-service-line","dailymotion-fill","dailymotion-line","dashboard-3-fill","dashboard-3-line","database-fill","database-line","delete-bin-fill","delete-bin-line","device-fill","device-line","discuss-fill","discuss-line","dislike-fill","dislike-line","dossier-fill","dossier-line","download-fill","download-line","draft-fill","draft-line","drag-move-2-fill","drag-move-2-line","drop-fill","drop-line","earth-fill","earth-line","edge-fill","edge-line","edit-box-fill","edit-box-line","edit-fill","edit-line","equal-circle-fill","equalizer-fill","equalizer-line","error-fill","error-line","error-warning-fill","error-warning-line","external-link-fill","external-link-line","eye-fill","eye-line","eye-off-fill","eye-off-line","facebook-circle-fill","facebook-circle-line","feedback-fill","feedback-line","file-add-fill","file-add-line","file-download-fill","file-download-line","file-fill","file-line","file-pdf-fill","file-pdf-line","file-text-fill","file-text-line","film-fill","film-line","filter-fill","filter-line","firefox-fill","firefox-line","first-aid-kit-fill","first-aid-kit-line","flag-fill","flag-line","flashlight-fill","flashlight-line","folder-2-fill","folder-2-line","font-size","france-fill","france-line","fullscreen-line","gallery-fill","gallery-line","gas-station-fill","gas-station-line","gift-fill","gift-line","git-branch-fill","git-branch-line","git-commit-fill","git-commit-line","git-merge-fill","git-merge-line","git-pull-request-fill","git-pull-request-line","git-repository-commits-fill","git-repository-commits-line","git-repository-fill","git-repository-line","git-repository-private-fill","git-repository-private-line","github-fill","github-line","global-fill","global-line","goblet-fill","goblet-line","google-fill","google-line","government-fill","government-line","group-fill","group-line","h-1","h-2","h-3","h-4","h-5","h-6","hand-sanitizer-fill","hand-sanitizer-line","hard-drive-2-fill","hard-drive-2-line","hashtag","headphone-fill","headphone-line","health-book-fill","health-book-line","heart-fill","heart-line","heart-pulse-fill","heart-pulse-line","highlight","home-4-fill","home-4-line","hospital-fill","hospital-line","hotel-fill","hotel-line","ie-fill","ie-line","image-add-fill","image-add-line","image-edit-fill","image-edit-line","image-fill","image-line","info-fill","info-line","information-fill","information-line","ink-bottle-fill","ink-bottle-line","instagram-fill","instagram-line","italic","layout-grid-fill","layout-grid-line","leaf-fill","leaf-line","lightbulb-fill","lightbulb-line","line-chart-fill","line-chart-line","link","link-unlink","linkedin-box-fill","linkedin-box-line","links-fill","links-line","list-ordered","list-unordered","live-fill","live-line","lock-fill","lock-line","lock-unlock-fill","lock-unlock-line","logout-box-r-fill","logout-box-r-line","lungs-fill","lungs-line","mac-fill","mac-line","mail-fill","mail-line","mail-open-fill","mail-open-line","map-pin-2-fill","map-pin-2-line","map-pin-user-fill","map-pin-user-line","mark-pen-fill","mark-pen-line","mastodon-fill","mastodon-line","medal-fill","medal-line","medicine-bottle-fill","medicine-bottle-line","mental-health-fill","mental-health-line","menu-2-fill","menu-fill","message-2-fill","message-2-line","mic-fill","mic-line","microscope-fill","microscope-line","money-euro-box-fill","money-euro-box-line","money-euro-circle-fill","money-euro-circle-line","moon-fill","moon-line","more-fill","more-line","motorbike-fill","motorbike-line","music-2-fill","music-2-line","newspaper-fill","newspaper-line","notification-3-fill","notification-3-line","notification-badge-fill","notification-badge-line","npmjs-fill","npmjs-line","paint-brush-fill","paint-brush-line","paint-fill","paint-line","palette-fill","palette-line","pantone-fill","pantone-line","parent-fill","parent-line","passport-fill","passport-line","pause-circle-fill","pause-circle-line","pen-nib-fill","pen-nib-line","pencil-fill","pencil-line","pencil-ruler-fill","pencil-ruler-line","phone-fill","phone-line","pie-chart-2-fill","pie-chart-2-line","pie-chart-box-fill","pie-chart-box-line","plant-fill","plant-line","play-circle-fill","play-circle-line","printer-fill","printer-line","profil-fill","profil-line","projector-2-fill","projector-2-line","psychotherapy-fill","psychotherapy-line","pulse-line","qr-code-fill","qr-code-line","question-answer-fill","question-answer-line","question-fill","question-line","question-mark","questionnaire-fill","questionnaire-line","quote-fill","quote-line","recycle-fill","recycle-line","refresh-fill","refresh-line","remixicon-fill","remixicon-line","restaurant-fill","restaurant-line","road-map-fill","road-map-line","rss-fill","rss-line","safari-fill","safari-line","sailboat-fill","sailboat-line","save-3-fill","save-3-line","save-fill","save-line","scales-3-fill","scales-3-line","search-fill","search-line","secure-payment-fill","secure-payment-line","seedling-fill","seedling-line","send-plane-fill","send-plane-line","separator","server-fill","server-line","settings-5-fill","settings-5-line","shield-fill","shield-line","ship-2-fill","ship-2-line","shopping-bag-fill","shopping-bag-line","shopping-cart-2-fill","shopping-cart-2-line","signal-tower-fill","signal-tower-line","sip-fill","sip-line","slack-fill","slack-line","slideshow-fill","slideshow-line","smartphone-fill","smartphone-line","snapchat-fill","snapchat-line","space","star-fill","star-line","star-s-fill","star-s-line","stethoscope-fill","stethoscope-line","stop-circle-fill","stop-circle-line","store-fill","store-line","subscript","subtract-line","success-fill","success-line","suitcase-2-fill","suitcase-2-line","sun-fill","sun-line","superscript","surgical-mask-fill","surgical-mask-line","survey-fill","survey-line","syringe-fill","syringe-line","table-2","table-fill","table-line","tablet-fill","tablet-line","taxi-fill","taxi-line","team-fill","team-line","telegram-fill","telegram-line","terminal-box-fill","terminal-box-line","terminal-line","terminal-window-fill","terminal-window-line","test-tube-fill","test-tube-line","theme-fill","thermometer-fill","thermometer-line","threads-fill","threads-line","thumb-down-fill","thumb-down-line","thumb-up-fill","thumb-up-line","tiktok-fill","tiktok-line","time-fill","time-line","timer-fill","timer-line","todo-fill","todo-line","train-fill","train-line","translate-2","trophy-fill","trophy-line","tv-fill","tv-line","twitch-fill","twitch-line","twitter-fill","twitter-line","twitter-x-fill","twitter-x-line","umbrella-fill","umbrella-line","upload-2-fill","upload-2-line","upload-fill","upload-line","user-add-fill","user-add-line","user-fill","user-heart-fill","user-heart-line","user-line","user-search-fill","user-search-line","user-setting-fill","user-setting-line","user-star-fill","user-star-line","video-chat-fill","video-chat-line","vimeo-fill","vimeo-line","virus-fill","virus-line","volume-down-fill","volume-down-line","volume-mute-fill","volume-mute-line","volume-up-fill","volume-up-line","vuejs-fill","vuejs-line","warning-fill","warning-line","wifi-fill","wifi-line","window-fill","window-line","youtube-fill","youtube-line","zoom-in-fill","zoom-in-line","zoom-out-fill","zoom-out-line"] as const
-export type DsfrIcon = `fr-icon-${(typeof icons)[number]}`
diff --git a/packages/ui/src/components/_ui/icon.stories.tsx b/packages/ui/src/components/_ui/icon.stories.tsx
index 12d49383f35bd13ce441ca5556fb1e15097fd935..ebfb293fb1cfb54783d1efe6485758606e198d06 100644
--- a/packages/ui/src/components/_ui/icon.stories.tsx
+++ b/packages/ui/src/components/_ui/icon.stories.tsx
@@ -1,6 +1,6 @@
import { Meta, StoryFn } from '@storybook/vue3'
import { DsfrIcon } from './icon'
-import { icons as dsfrIcons } from './dsfrIconSpriteType'
+import { FrIconClassName } from '@codegouvfr/react-dsfr/fr/generatedFromCss/classNames'
const meta: Meta = {
title: 'Components/Ui/Icons',
@@ -8,7 +8,8 @@ const meta: Meta = {
}
export default meta
-export const AllDsfrIcons: StoryFn = () => (
+const iconsSamples: FrIconClassName[] = ['fr-icon-download-line', 'fr-icon-add-line', 'fr-icon-earth-fill']
+export const DsfrIconsSizes: StoryFn = () => (
<div style="height:100%;width:100%;background:white">
<table>
<tr>
@@ -17,17 +18,17 @@ export const AllDsfrIcons: StoryFn = () => (
<th>MD</th>
<th>LG</th>
</tr>
- {dsfrIcons.map(iconName => (
+ {iconsSamples.map(iconName => (
<tr>
<td>{iconName}</td>
<td>
- <DsfrIcon name={`fr-icon-${iconName}`} size="sm" aria-hidden="true" />
+ <DsfrIcon name={iconName} size="sm" aria-hidden="true" />
</td>
<td>
- <DsfrIcon name={`fr-icon-${iconName}`} size="md" aria-hidden="true" />
+ <DsfrIcon name={iconName} size="md" aria-hidden="true" />
</td>
<td>
- <DsfrIcon name={`fr-icon-${iconName}`} size="lg" aria-hidden="true" />
+ <DsfrIcon name={iconName} size="lg" aria-hidden="true" />
</td>
</tr>
))}
diff --git a/packages/ui/src/components/_ui/icon.stories_snapshots_AllDsfrIcons.html b/packages/ui/src/components/_ui/icon.stories_snapshots_AllDsfrIcons.html
deleted file mode 100644
index adbc88e910c8abbdac465eaa51f3ea9d3b1c42aa..0000000000000000000000000000000000000000
--- a/packages/ui/src/components/_ui/icon.stories_snapshots_AllDsfrIcons.html
+++ /dev/null
@@ -1,3628 +0,0 @@
-<div style="height: 100%; width: 100%; background: white;">
- <table>
- <tr>
- <th>Name</th>
- <th>SM</th>
- <th>MD</th>
- <th>LG</th>
- </tr>
- <tr>
- <td>account-circle-fill</td>
- <td><span class="fr-icon-account-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>account-circle-line</td>
- <td><span class="fr-icon-account-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>account-pin-circle-fill</td>
- <td><span class="fr-icon-account-pin-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-pin-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-pin-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>account-pin-circle-line</td>
- <td><span class="fr-icon-account-pin-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-pin-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-account-pin-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>add-circle-fill</td>
- <td><span class="fr-icon-add-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-add-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-add-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>add-circle-line</td>
- <td><span class="fr-icon-add-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-add-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-add-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>add-line</td>
- <td><span class="fr-icon-add-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-add-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-add-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>admin-fill</td>
- <td><span class="fr-icon-admin-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-admin-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-admin-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>admin-line</td>
- <td><span class="fr-icon-admin-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-admin-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-admin-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>alarm-warning-fill</td>
- <td><span class="fr-icon-alarm-warning-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alarm-warning-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alarm-warning-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>alarm-warning-line</td>
- <td><span class="fr-icon-alarm-warning-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alarm-warning-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alarm-warning-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>alert-fill</td>
- <td><span class="fr-icon-alert-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alert-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alert-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>alert-line</td>
- <td><span class="fr-icon-alert-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alert-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-alert-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>align-left</td>
- <td><span class="fr-icon-align-left fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-align-left fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-align-left fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>anchor-fill</td>
- <td><span class="fr-icon-anchor-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-anchor-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-anchor-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>anchor-line</td>
- <td><span class="fr-icon-anchor-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-anchor-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-anchor-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ancient-gate-fill</td>
- <td><span class="fr-icon-ancient-gate-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-gate-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-gate-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ancient-gate-line</td>
- <td><span class="fr-icon-ancient-gate-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-gate-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-gate-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ancient-pavilion-fill</td>
- <td><span class="fr-icon-ancient-pavilion-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-pavilion-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-pavilion-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ancient-pavilion-line</td>
- <td><span class="fr-icon-ancient-pavilion-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-pavilion-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ancient-pavilion-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>archive-fill</td>
- <td><span class="fr-icon-archive-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-archive-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-archive-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>archive-line</td>
- <td><span class="fr-icon-archive-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-archive-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-archive-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-down-fill</td>
- <td><span class="fr-icon-arrow-down-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-down-line</td>
- <td><span class="fr-icon-arrow-down-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-down-s-fill</td>
- <td><span class="fr-icon-arrow-down-s-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-s-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-s-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-down-s-line</td>
- <td><span class="fr-icon-arrow-down-s-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-s-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-down-s-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-go-back-fill</td>
- <td><span class="fr-icon-arrow-go-back-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-back-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-back-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-go-back-line</td>
- <td><span class="fr-icon-arrow-go-back-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-back-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-back-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-go-forward-fill</td>
- <td><span class="fr-icon-arrow-go-forward-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-forward-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-forward-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-go-forward-line</td>
- <td><span class="fr-icon-arrow-go-forward-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-forward-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-go-forward-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-left-fill</td>
- <td><span class="fr-icon-arrow-left-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-left-line</td>
- <td><span class="fr-icon-arrow-left-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-left-s-fill</td>
- <td><span class="fr-icon-arrow-left-s-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-left-s-first-line</td>
- <td><span class="fr-icon-arrow-left-s-first-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-first-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-first-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-left-s-line</td>
- <td><span class="fr-icon-arrow-left-s-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-left-s-line-double</td>
- <td><span class="fr-icon-arrow-left-s-line-double fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-line-double fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-left-s-line-double fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-down-circle-fill</td>
- <td><span class="fr-icon-arrow-right-down-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-down-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-down-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-fill</td>
- <td><span class="fr-icon-arrow-right-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-line</td>
- <td><span class="fr-icon-arrow-right-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-s-fill</td>
- <td><span class="fr-icon-arrow-right-s-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-s-last-line</td>
- <td><span class="fr-icon-arrow-right-s-last-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-last-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-last-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-s-line</td>
- <td><span class="fr-icon-arrow-right-s-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-s-line-double</td>
- <td><span class="fr-icon-arrow-right-s-line-double fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-line-double fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-s-line-double fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-up-circle-fill</td>
- <td><span class="fr-icon-arrow-right-up-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-up-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-up-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-right-up-line</td>
- <td><span class="fr-icon-arrow-right-up-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-up-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-right-up-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-up-fill</td>
- <td><span class="fr-icon-arrow-up-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-up-line</td>
- <td><span class="fr-icon-arrow-up-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-up-s-fill</td>
- <td><span class="fr-icon-arrow-up-s-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-s-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-s-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>arrow-up-s-line</td>
- <td><span class="fr-icon-arrow-up-s-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-s-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-arrow-up-s-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>article-fill</td>
- <td><span class="fr-icon-article-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-article-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-article-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>article-line</td>
- <td><span class="fr-icon-article-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-article-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-article-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>attachment-fill</td>
- <td><span class="fr-icon-attachment-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-attachment-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-attachment-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>attachment-line</td>
- <td><span class="fr-icon-attachment-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-attachment-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-attachment-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>award-fill</td>
- <td><span class="fr-icon-award-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-award-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-award-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>award-line</td>
- <td><span class="fr-icon-award-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-award-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-award-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ball-pen-fill</td>
- <td><span class="fr-icon-ball-pen-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ball-pen-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ball-pen-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ball-pen-line</td>
- <td><span class="fr-icon-ball-pen-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ball-pen-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ball-pen-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bank-card-fill</td>
- <td><span class="fr-icon-bank-card-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-card-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-card-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bank-card-line</td>
- <td><span class="fr-icon-bank-card-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-card-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-card-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bank-fill</td>
- <td><span class="fr-icon-bank-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bank-line</td>
- <td><span class="fr-icon-bank-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bank-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bar-chart-box-fill</td>
- <td><span class="fr-icon-bar-chart-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bar-chart-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bar-chart-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bar-chart-box-line</td>
- <td><span class="fr-icon-bar-chart-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bar-chart-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bar-chart-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bike-fill</td>
- <td><span class="fr-icon-bike-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bike-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bike-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bike-line</td>
- <td><span class="fr-icon-bike-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bike-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bike-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bluetooth-fill</td>
- <td><span class="fr-icon-bluetooth-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bluetooth-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bluetooth-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bluetooth-line</td>
- <td><span class="fr-icon-bluetooth-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bluetooth-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bluetooth-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bold</td>
- <td><span class="fr-icon-bold fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bold fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bold fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>book-2-fill</td>
- <td><span class="fr-icon-book-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-book-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-book-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>book-2-line</td>
- <td><span class="fr-icon-book-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-book-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-book-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>booklet-fill</td>
- <td><span class="fr-icon-booklet-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-booklet-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-booklet-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>booklet-line</td>
- <td><span class="fr-icon-booklet-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-booklet-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-booklet-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bookmark-fill</td>
- <td><span class="fr-icon-bookmark-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bookmark-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bookmark-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bookmark-line</td>
- <td><span class="fr-icon-bookmark-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bookmark-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bookmark-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>briefcase-fill</td>
- <td><span class="fr-icon-briefcase-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-briefcase-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-briefcase-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>briefcase-line</td>
- <td><span class="fr-icon-briefcase-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-briefcase-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-briefcase-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>brush-3-fill</td>
- <td><span class="fr-icon-brush-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>brush-3-line</td>
- <td><span class="fr-icon-brush-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>brush-fill</td>
- <td><span class="fr-icon-brush-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>brush-line</td>
- <td><span class="fr-icon-brush-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-brush-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bug-fill</td>
- <td><span class="fr-icon-bug-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bug-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bug-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bug-line</td>
- <td><span class="fr-icon-bug-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bug-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bug-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>building-fill</td>
- <td><span class="fr-icon-building-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-building-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-building-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>building-line</td>
- <td><span class="fr-icon-building-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-building-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-building-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bus-fill</td>
- <td><span class="fr-icon-bus-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bus-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bus-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>bus-line</td>
- <td><span class="fr-icon-bus-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bus-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-bus-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>calendar-2-fill</td>
- <td><span class="fr-icon-calendar-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>calendar-2-line</td>
- <td><span class="fr-icon-calendar-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>calendar-event-fill</td>
- <td><span class="fr-icon-calendar-event-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-event-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-event-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>calendar-event-line</td>
- <td><span class="fr-icon-calendar-event-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-event-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-event-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>calendar-fill</td>
- <td><span class="fr-icon-calendar-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>calendar-line</td>
- <td><span class="fr-icon-calendar-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-calendar-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>camera-fill</td>
- <td><span class="fr-icon-camera-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-camera-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-camera-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>camera-line</td>
- <td><span class="fr-icon-camera-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-camera-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-camera-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>capslock-line</td>
- <td><span class="fr-icon-capslock-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-capslock-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-capslock-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>capsule-fill</td>
- <td><span class="fr-icon-capsule-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-capsule-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-capsule-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>capsule-line</td>
- <td><span class="fr-icon-capsule-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-capsule-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-capsule-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>car-fill</td>
- <td><span class="fr-icon-car-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-car-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-car-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>car-line</td>
- <td><span class="fr-icon-car-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-car-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-car-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>caravan-fill</td>
- <td><span class="fr-icon-caravan-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-caravan-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-caravan-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>caravan-line</td>
- <td><span class="fr-icon-caravan-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-caravan-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-caravan-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>charging-pile-2-fill</td>
- <td><span class="fr-icon-charging-pile-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-charging-pile-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-charging-pile-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>charging-pile-2-line</td>
- <td><span class="fr-icon-charging-pile-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-charging-pile-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-charging-pile-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-2-fill</td>
- <td><span class="fr-icon-chat-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-2-line</td>
- <td><span class="fr-icon-chat-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-3-fill</td>
- <td><span class="fr-icon-chat-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-3-line</td>
- <td><span class="fr-icon-chat-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-check-fill</td>
- <td><span class="fr-icon-chat-check-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-check-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-check-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-check-line</td>
- <td><span class="fr-icon-chat-check-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-check-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-check-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-delete-fill</td>
- <td><span class="fr-icon-chat-delete-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-delete-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-delete-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-delete-line</td>
- <td><span class="fr-icon-chat-delete-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-delete-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-delete-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-poll-fill</td>
- <td><span class="fr-icon-chat-poll-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-poll-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-poll-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chat-poll-line</td>
- <td><span class="fr-icon-chat-poll-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-poll-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chat-poll-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>check-line</td>
- <td><span class="fr-icon-check-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-check-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-check-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>checkbox-circle-fill</td>
- <td><span class="fr-icon-checkbox-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>checkbox-circle-line</td>
- <td><span class="fr-icon-checkbox-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>checkbox-fill</td>
- <td><span class="fr-icon-checkbox-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>checkbox-line</td>
- <td><span class="fr-icon-checkbox-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-checkbox-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chrome-fill</td>
- <td><span class="fr-icon-chrome-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chrome-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chrome-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>chrome-line</td>
- <td><span class="fr-icon-chrome-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chrome-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-chrome-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>clapperboard-fill</td>
- <td><span class="fr-icon-clapperboard-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clapperboard-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clapperboard-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>clapperboard-line</td>
- <td><span class="fr-icon-clapperboard-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clapperboard-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clapperboard-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>clipboard-fill</td>
- <td><span class="fr-icon-clipboard-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clipboard-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clipboard-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>clipboard-line</td>
- <td><span class="fr-icon-clipboard-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clipboard-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-clipboard-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>close-circle-fill</td>
- <td><span class="fr-icon-close-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-close-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-close-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>close-circle-line</td>
- <td><span class="fr-icon-close-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-close-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-close-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>close-line</td>
- <td><span class="fr-icon-close-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-close-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-close-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cloud-fill</td>
- <td><span class="fr-icon-cloud-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloud-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloud-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cloud-line</td>
- <td><span class="fr-icon-cloud-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloud-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloud-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cloudy-2-fill</td>
- <td><span class="fr-icon-cloudy-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloudy-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloudy-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cloudy-2-line</td>
- <td><span class="fr-icon-cloudy-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloudy-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cloudy-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>code-box-fill</td>
- <td><span class="fr-icon-code-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>code-box-line</td>
- <td><span class="fr-icon-code-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>code-s-slash-line</td>
- <td><span class="fr-icon-code-s-slash-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-s-slash-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-s-slash-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>code-view</td>
- <td><span class="fr-icon-code-view fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-view fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-code-view fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>coin-fill</td>
- <td><span class="fr-icon-coin-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-coin-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-coin-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>community-fill</td>
- <td><span class="fr-icon-community-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-community-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-community-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>community-line</td>
- <td><span class="fr-icon-community-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-community-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-community-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>compass-3-fill</td>
- <td><span class="fr-icon-compass-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-compass-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-compass-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>compass-3-line</td>
- <td><span class="fr-icon-compass-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-compass-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-compass-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>computer-fill</td>
- <td><span class="fr-icon-computer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-computer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-computer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>computer-line</td>
- <td><span class="fr-icon-computer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-computer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-computer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>contrast-fill</td>
- <td><span class="fr-icon-contrast-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-contrast-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-contrast-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>contrast-line</td>
- <td><span class="fr-icon-contrast-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-contrast-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-contrast-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>copyright-fill</td>
- <td><span class="fr-icon-copyright-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-copyright-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-copyright-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>copyright-line</td>
- <td><span class="fr-icon-copyright-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-copyright-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-copyright-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>crop-fill</td>
- <td><span class="fr-icon-crop-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-crop-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-crop-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>crop-line</td>
- <td><span class="fr-icon-crop-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-crop-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-crop-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cup-fill</td>
- <td><span class="fr-icon-cup-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cup-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cup-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cup-line</td>
- <td><span class="fr-icon-cup-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cup-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cup-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cursor-fill</td>
- <td><span class="fr-icon-cursor-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cursor-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cursor-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>cursor-line</td>
- <td><span class="fr-icon-cursor-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cursor-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-cursor-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>customer-service-fill</td>
- <td><span class="fr-icon-customer-service-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-customer-service-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-customer-service-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>customer-service-line</td>
- <td><span class="fr-icon-customer-service-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-customer-service-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-customer-service-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dailymotion-fill</td>
- <td><span class="fr-icon-dailymotion-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dailymotion-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dailymotion-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dailymotion-line</td>
- <td><span class="fr-icon-dailymotion-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dailymotion-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dailymotion-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dashboard-3-fill</td>
- <td><span class="fr-icon-dashboard-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dashboard-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dashboard-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dashboard-3-line</td>
- <td><span class="fr-icon-dashboard-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dashboard-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dashboard-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>database-fill</td>
- <td><span class="fr-icon-database-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-database-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-database-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>database-line</td>
- <td><span class="fr-icon-database-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-database-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-database-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>delete-bin-fill</td>
- <td><span class="fr-icon-delete-bin-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-delete-bin-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-delete-bin-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>delete-bin-line</td>
- <td><span class="fr-icon-delete-bin-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-delete-bin-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-delete-bin-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>device-fill</td>
- <td><span class="fr-icon-device-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-device-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-device-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>device-line</td>
- <td><span class="fr-icon-device-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-device-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-device-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>discuss-fill</td>
- <td><span class="fr-icon-discuss-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-discuss-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-discuss-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>discuss-line</td>
- <td><span class="fr-icon-discuss-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-discuss-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-discuss-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dislike-fill</td>
- <td><span class="fr-icon-dislike-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dislike-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dislike-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dislike-line</td>
- <td><span class="fr-icon-dislike-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dislike-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dislike-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dossier-fill</td>
- <td><span class="fr-icon-dossier-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dossier-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dossier-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>dossier-line</td>
- <td><span class="fr-icon-dossier-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dossier-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-dossier-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>download-fill</td>
- <td><span class="fr-icon-download-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-download-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-download-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>download-line</td>
- <td><span class="fr-icon-download-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-download-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-download-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>draft-fill</td>
- <td><span class="fr-icon-draft-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-draft-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-draft-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>draft-line</td>
- <td><span class="fr-icon-draft-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-draft-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-draft-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>drag-move-2-fill</td>
- <td><span class="fr-icon-drag-move-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drag-move-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drag-move-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>drag-move-2-line</td>
- <td><span class="fr-icon-drag-move-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drag-move-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drag-move-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>drop-fill</td>
- <td><span class="fr-icon-drop-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drop-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drop-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>drop-line</td>
- <td><span class="fr-icon-drop-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drop-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-drop-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>earth-fill</td>
- <td><span class="fr-icon-earth-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-earth-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-earth-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>earth-line</td>
- <td><span class="fr-icon-earth-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-earth-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-earth-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>edge-fill</td>
- <td><span class="fr-icon-edge-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edge-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edge-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>edge-line</td>
- <td><span class="fr-icon-edge-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edge-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edge-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>edit-box-fill</td>
- <td><span class="fr-icon-edit-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>edit-box-line</td>
- <td><span class="fr-icon-edit-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>edit-fill</td>
- <td><span class="fr-icon-edit-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>edit-line</td>
- <td><span class="fr-icon-edit-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-edit-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>equal-circle-fill</td>
- <td><span class="fr-icon-equal-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-equal-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-equal-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>equalizer-fill</td>
- <td><span class="fr-icon-equalizer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-equalizer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-equalizer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>equalizer-line</td>
- <td><span class="fr-icon-equalizer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-equalizer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-equalizer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>error-fill</td>
- <td><span class="fr-icon-error-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>error-line</td>
- <td><span class="fr-icon-error-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>error-warning-fill</td>
- <td><span class="fr-icon-error-warning-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-warning-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-warning-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>error-warning-line</td>
- <td><span class="fr-icon-error-warning-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-warning-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-error-warning-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>external-link-fill</td>
- <td><span class="fr-icon-external-link-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-external-link-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-external-link-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>external-link-line</td>
- <td><span class="fr-icon-external-link-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-external-link-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-external-link-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>eye-fill</td>
- <td><span class="fr-icon-eye-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>eye-line</td>
- <td><span class="fr-icon-eye-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>eye-off-fill</td>
- <td><span class="fr-icon-eye-off-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-off-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-off-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>eye-off-line</td>
- <td><span class="fr-icon-eye-off-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-off-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-eye-off-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>facebook-circle-fill</td>
- <td><span class="fr-icon-facebook-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-facebook-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-facebook-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>facebook-circle-line</td>
- <td><span class="fr-icon-facebook-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-facebook-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-facebook-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>feedback-fill</td>
- <td><span class="fr-icon-feedback-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-feedback-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-feedback-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>feedback-line</td>
- <td><span class="fr-icon-feedback-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-feedback-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-feedback-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-add-fill</td>
- <td><span class="fr-icon-file-add-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-add-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-add-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-add-line</td>
- <td><span class="fr-icon-file-add-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-add-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-add-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-download-fill</td>
- <td><span class="fr-icon-file-download-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-download-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-download-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-download-line</td>
- <td><span class="fr-icon-file-download-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-download-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-download-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-fill</td>
- <td><span class="fr-icon-file-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-line</td>
- <td><span class="fr-icon-file-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-pdf-fill</td>
- <td><span class="fr-icon-file-pdf-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-pdf-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-pdf-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-pdf-line</td>
- <td><span class="fr-icon-file-pdf-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-pdf-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-pdf-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-text-fill</td>
- <td><span class="fr-icon-file-text-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-text-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-text-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>file-text-line</td>
- <td><span class="fr-icon-file-text-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-text-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-file-text-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>film-fill</td>
- <td><span class="fr-icon-film-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-film-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-film-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>film-line</td>
- <td><span class="fr-icon-film-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-film-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-film-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>filter-fill</td>
- <td><span class="fr-icon-filter-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-filter-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-filter-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>filter-line</td>
- <td><span class="fr-icon-filter-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-filter-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-filter-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>firefox-fill</td>
- <td><span class="fr-icon-firefox-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-firefox-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-firefox-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>firefox-line</td>
- <td><span class="fr-icon-firefox-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-firefox-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-firefox-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>first-aid-kit-fill</td>
- <td><span class="fr-icon-first-aid-kit-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-first-aid-kit-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-first-aid-kit-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>first-aid-kit-line</td>
- <td><span class="fr-icon-first-aid-kit-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-first-aid-kit-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-first-aid-kit-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>flag-fill</td>
- <td><span class="fr-icon-flag-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flag-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flag-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>flag-line</td>
- <td><span class="fr-icon-flag-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flag-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flag-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>flashlight-fill</td>
- <td><span class="fr-icon-flashlight-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flashlight-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flashlight-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>flashlight-line</td>
- <td><span class="fr-icon-flashlight-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flashlight-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-flashlight-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>folder-2-fill</td>
- <td><span class="fr-icon-folder-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-folder-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-folder-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>folder-2-line</td>
- <td><span class="fr-icon-folder-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-folder-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-folder-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>font-size</td>
- <td><span class="fr-icon-font-size fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-font-size fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-font-size fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>france-fill</td>
- <td><span class="fr-icon-france-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-france-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-france-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>france-line</td>
- <td><span class="fr-icon-france-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-france-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-france-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>fullscreen-line</td>
- <td><span class="fr-icon-fullscreen-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-fullscreen-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-fullscreen-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>gallery-fill</td>
- <td><span class="fr-icon-gallery-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gallery-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gallery-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>gallery-line</td>
- <td><span class="fr-icon-gallery-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gallery-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gallery-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>gas-station-fill</td>
- <td><span class="fr-icon-gas-station-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gas-station-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gas-station-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>gas-station-line</td>
- <td><span class="fr-icon-gas-station-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gas-station-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gas-station-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>gift-fill</td>
- <td><span class="fr-icon-gift-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gift-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gift-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>gift-line</td>
- <td><span class="fr-icon-gift-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gift-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-gift-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-branch-fill</td>
- <td><span class="fr-icon-git-branch-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-branch-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-branch-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-branch-line</td>
- <td><span class="fr-icon-git-branch-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-branch-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-branch-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-commit-fill</td>
- <td><span class="fr-icon-git-commit-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-commit-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-commit-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-commit-line</td>
- <td><span class="fr-icon-git-commit-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-commit-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-commit-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-merge-fill</td>
- <td><span class="fr-icon-git-merge-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-merge-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-merge-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-merge-line</td>
- <td><span class="fr-icon-git-merge-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-merge-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-merge-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-pull-request-fill</td>
- <td><span class="fr-icon-git-pull-request-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-pull-request-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-pull-request-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-pull-request-line</td>
- <td><span class="fr-icon-git-pull-request-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-pull-request-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-pull-request-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-repository-commits-fill</td>
- <td><span class="fr-icon-git-repository-commits-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-commits-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-commits-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-repository-commits-line</td>
- <td><span class="fr-icon-git-repository-commits-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-commits-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-commits-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-repository-fill</td>
- <td><span class="fr-icon-git-repository-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-repository-line</td>
- <td><span class="fr-icon-git-repository-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-repository-private-fill</td>
- <td><span class="fr-icon-git-repository-private-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-private-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-private-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>git-repository-private-line</td>
- <td><span class="fr-icon-git-repository-private-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-private-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-git-repository-private-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>github-fill</td>
- <td><span class="fr-icon-github-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-github-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-github-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>github-line</td>
- <td><span class="fr-icon-github-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-github-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-github-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>global-fill</td>
- <td><span class="fr-icon-global-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-global-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-global-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>global-line</td>
- <td><span class="fr-icon-global-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-global-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-global-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>goblet-fill</td>
- <td><span class="fr-icon-goblet-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-goblet-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-goblet-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>goblet-line</td>
- <td><span class="fr-icon-goblet-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-goblet-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-goblet-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>google-fill</td>
- <td><span class="fr-icon-google-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-google-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-google-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>google-line</td>
- <td><span class="fr-icon-google-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-google-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-google-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>government-fill</td>
- <td><span class="fr-icon-government-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-government-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-government-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>government-line</td>
- <td><span class="fr-icon-government-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-government-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-government-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>group-fill</td>
- <td><span class="fr-icon-group-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-group-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-group-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>group-line</td>
- <td><span class="fr-icon-group-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-group-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-group-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>h-1</td>
- <td><span class="fr-icon-h-1 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-1 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-1 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>h-2</td>
- <td><span class="fr-icon-h-2 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-2 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-2 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>h-3</td>
- <td><span class="fr-icon-h-3 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-3 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-3 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>h-4</td>
- <td><span class="fr-icon-h-4 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-4 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-4 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>h-5</td>
- <td><span class="fr-icon-h-5 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-5 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-5 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>h-6</td>
- <td><span class="fr-icon-h-6 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-6 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-h-6 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hand-sanitizer-fill</td>
- <td><span class="fr-icon-hand-sanitizer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hand-sanitizer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hand-sanitizer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hand-sanitizer-line</td>
- <td><span class="fr-icon-hand-sanitizer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hand-sanitizer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hand-sanitizer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hard-drive-2-fill</td>
- <td><span class="fr-icon-hard-drive-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hard-drive-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hard-drive-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hard-drive-2-line</td>
- <td><span class="fr-icon-hard-drive-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hard-drive-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hard-drive-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hashtag</td>
- <td><span class="fr-icon-hashtag fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hashtag fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hashtag fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>headphone-fill</td>
- <td><span class="fr-icon-headphone-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-headphone-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-headphone-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>headphone-line</td>
- <td><span class="fr-icon-headphone-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-headphone-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-headphone-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>health-book-fill</td>
- <td><span class="fr-icon-health-book-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-health-book-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-health-book-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>health-book-line</td>
- <td><span class="fr-icon-health-book-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-health-book-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-health-book-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>heart-fill</td>
- <td><span class="fr-icon-heart-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>heart-line</td>
- <td><span class="fr-icon-heart-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>heart-pulse-fill</td>
- <td><span class="fr-icon-heart-pulse-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-pulse-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-pulse-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>heart-pulse-line</td>
- <td><span class="fr-icon-heart-pulse-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-pulse-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-heart-pulse-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>highlight</td>
- <td><span class="fr-icon-highlight fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-highlight fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-highlight fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>home-4-fill</td>
- <td><span class="fr-icon-home-4-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-home-4-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-home-4-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>home-4-line</td>
- <td><span class="fr-icon-home-4-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-home-4-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-home-4-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hospital-fill</td>
- <td><span class="fr-icon-hospital-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hospital-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hospital-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hospital-line</td>
- <td><span class="fr-icon-hospital-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hospital-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hospital-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hotel-fill</td>
- <td><span class="fr-icon-hotel-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hotel-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hotel-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>hotel-line</td>
- <td><span class="fr-icon-hotel-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hotel-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-hotel-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ie-fill</td>
- <td><span class="fr-icon-ie-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ie-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ie-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ie-line</td>
- <td><span class="fr-icon-ie-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ie-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ie-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>image-add-fill</td>
- <td><span class="fr-icon-image-add-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-add-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-add-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>image-add-line</td>
- <td><span class="fr-icon-image-add-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-add-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-add-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>image-edit-fill</td>
- <td><span class="fr-icon-image-edit-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-edit-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-edit-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>image-edit-line</td>
- <td><span class="fr-icon-image-edit-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-edit-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-edit-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>image-fill</td>
- <td><span class="fr-icon-image-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>image-line</td>
- <td><span class="fr-icon-image-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-image-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>info-fill</td>
- <td><span class="fr-icon-info-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-info-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-info-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>info-line</td>
- <td><span class="fr-icon-info-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-info-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-info-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>information-fill</td>
- <td><span class="fr-icon-information-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-information-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-information-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>information-line</td>
- <td><span class="fr-icon-information-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-information-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-information-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ink-bottle-fill</td>
- <td><span class="fr-icon-ink-bottle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ink-bottle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ink-bottle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ink-bottle-line</td>
- <td><span class="fr-icon-ink-bottle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ink-bottle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ink-bottle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>instagram-fill</td>
- <td><span class="fr-icon-instagram-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-instagram-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-instagram-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>instagram-line</td>
- <td><span class="fr-icon-instagram-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-instagram-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-instagram-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>italic</td>
- <td><span class="fr-icon-italic fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-italic fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-italic fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>layout-grid-fill</td>
- <td><span class="fr-icon-layout-grid-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-layout-grid-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-layout-grid-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>layout-grid-line</td>
- <td><span class="fr-icon-layout-grid-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-layout-grid-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-layout-grid-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>leaf-fill</td>
- <td><span class="fr-icon-leaf-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-leaf-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-leaf-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>leaf-line</td>
- <td><span class="fr-icon-leaf-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-leaf-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-leaf-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lightbulb-fill</td>
- <td><span class="fr-icon-lightbulb-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lightbulb-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lightbulb-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lightbulb-line</td>
- <td><span class="fr-icon-lightbulb-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lightbulb-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lightbulb-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>line-chart-fill</td>
- <td><span class="fr-icon-line-chart-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-line-chart-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-line-chart-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>line-chart-line</td>
- <td><span class="fr-icon-line-chart-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-line-chart-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-line-chart-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>link</td>
- <td><span class="fr-icon-link fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-link fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-link fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>link-unlink</td>
- <td><span class="fr-icon-link-unlink fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-link-unlink fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-link-unlink fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>linkedin-box-fill</td>
- <td><span class="fr-icon-linkedin-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-linkedin-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-linkedin-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>linkedin-box-line</td>
- <td><span class="fr-icon-linkedin-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-linkedin-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-linkedin-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>links-fill</td>
- <td><span class="fr-icon-links-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-links-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-links-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>links-line</td>
- <td><span class="fr-icon-links-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-links-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-links-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>list-ordered</td>
- <td><span class="fr-icon-list-ordered fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-list-ordered fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-list-ordered fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>list-unordered</td>
- <td><span class="fr-icon-list-unordered fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-list-unordered fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-list-unordered fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>live-fill</td>
- <td><span class="fr-icon-live-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-live-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-live-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>live-line</td>
- <td><span class="fr-icon-live-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-live-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-live-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lock-fill</td>
- <td><span class="fr-icon-lock-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lock-line</td>
- <td><span class="fr-icon-lock-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lock-unlock-fill</td>
- <td><span class="fr-icon-lock-unlock-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-unlock-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-unlock-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lock-unlock-line</td>
- <td><span class="fr-icon-lock-unlock-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-unlock-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lock-unlock-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>logout-box-r-fill</td>
- <td><span class="fr-icon-logout-box-r-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-logout-box-r-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-logout-box-r-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>logout-box-r-line</td>
- <td><span class="fr-icon-logout-box-r-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-logout-box-r-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-logout-box-r-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lungs-fill</td>
- <td><span class="fr-icon-lungs-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lungs-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lungs-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>lungs-line</td>
- <td><span class="fr-icon-lungs-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lungs-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-lungs-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mac-fill</td>
- <td><span class="fr-icon-mac-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mac-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mac-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mac-line</td>
- <td><span class="fr-icon-mac-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mac-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mac-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mail-fill</td>
- <td><span class="fr-icon-mail-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mail-line</td>
- <td><span class="fr-icon-mail-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mail-open-fill</td>
- <td><span class="fr-icon-mail-open-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-open-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-open-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mail-open-line</td>
- <td><span class="fr-icon-mail-open-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-open-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mail-open-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>map-pin-2-fill</td>
- <td><span class="fr-icon-map-pin-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>map-pin-2-line</td>
- <td><span class="fr-icon-map-pin-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>map-pin-user-fill</td>
- <td><span class="fr-icon-map-pin-user-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-user-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-user-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>map-pin-user-line</td>
- <td><span class="fr-icon-map-pin-user-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-user-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-map-pin-user-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mark-pen-fill</td>
- <td><span class="fr-icon-mark-pen-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mark-pen-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mark-pen-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mark-pen-line</td>
- <td><span class="fr-icon-mark-pen-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mark-pen-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mark-pen-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mastodon-fill</td>
- <td><span class="fr-icon-mastodon-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mastodon-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mastodon-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mastodon-line</td>
- <td><span class="fr-icon-mastodon-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mastodon-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mastodon-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>medal-fill</td>
- <td><span class="fr-icon-medal-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medal-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medal-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>medal-line</td>
- <td><span class="fr-icon-medal-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medal-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medal-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>medicine-bottle-fill</td>
- <td><span class="fr-icon-medicine-bottle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medicine-bottle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medicine-bottle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>medicine-bottle-line</td>
- <td><span class="fr-icon-medicine-bottle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medicine-bottle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-medicine-bottle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mental-health-fill</td>
- <td><span class="fr-icon-mental-health-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mental-health-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mental-health-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mental-health-line</td>
- <td><span class="fr-icon-mental-health-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mental-health-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mental-health-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>menu-2-fill</td>
- <td><span class="fr-icon-menu-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-menu-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-menu-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>menu-fill</td>
- <td><span class="fr-icon-menu-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-menu-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-menu-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>message-2-fill</td>
- <td><span class="fr-icon-message-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-message-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-message-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>message-2-line</td>
- <td><span class="fr-icon-message-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-message-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-message-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mic-fill</td>
- <td><span class="fr-icon-mic-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mic-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mic-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>mic-line</td>
- <td><span class="fr-icon-mic-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mic-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-mic-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>microscope-fill</td>
- <td><span class="fr-icon-microscope-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-microscope-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-microscope-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>microscope-line</td>
- <td><span class="fr-icon-microscope-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-microscope-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-microscope-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>money-euro-box-fill</td>
- <td><span class="fr-icon-money-euro-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>money-euro-box-line</td>
- <td><span class="fr-icon-money-euro-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>money-euro-circle-fill</td>
- <td><span class="fr-icon-money-euro-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>money-euro-circle-line</td>
- <td><span class="fr-icon-money-euro-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-money-euro-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>moon-fill</td>
- <td><span class="fr-icon-moon-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-moon-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-moon-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>moon-line</td>
- <td><span class="fr-icon-moon-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-moon-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-moon-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>more-fill</td>
- <td><span class="fr-icon-more-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-more-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-more-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>more-line</td>
- <td><span class="fr-icon-more-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-more-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-more-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>motorbike-fill</td>
- <td><span class="fr-icon-motorbike-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-motorbike-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-motorbike-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>motorbike-line</td>
- <td><span class="fr-icon-motorbike-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-motorbike-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-motorbike-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>music-2-fill</td>
- <td><span class="fr-icon-music-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-music-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-music-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>music-2-line</td>
- <td><span class="fr-icon-music-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-music-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-music-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>newspaper-fill</td>
- <td><span class="fr-icon-newspaper-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-newspaper-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-newspaper-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>newspaper-line</td>
- <td><span class="fr-icon-newspaper-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-newspaper-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-newspaper-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>notification-3-fill</td>
- <td><span class="fr-icon-notification-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>notification-3-line</td>
- <td><span class="fr-icon-notification-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>notification-badge-fill</td>
- <td><span class="fr-icon-notification-badge-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-badge-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-badge-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>notification-badge-line</td>
- <td><span class="fr-icon-notification-badge-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-badge-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-notification-badge-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>npmjs-fill</td>
- <td><span class="fr-icon-npmjs-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-npmjs-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-npmjs-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>npmjs-line</td>
- <td><span class="fr-icon-npmjs-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-npmjs-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-npmjs-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>paint-brush-fill</td>
- <td><span class="fr-icon-paint-brush-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-brush-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-brush-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>paint-brush-line</td>
- <td><span class="fr-icon-paint-brush-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-brush-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-brush-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>paint-fill</td>
- <td><span class="fr-icon-paint-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>paint-line</td>
- <td><span class="fr-icon-paint-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-paint-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>palette-fill</td>
- <td><span class="fr-icon-palette-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-palette-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-palette-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>palette-line</td>
- <td><span class="fr-icon-palette-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-palette-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-palette-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pantone-fill</td>
- <td><span class="fr-icon-pantone-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pantone-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pantone-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pantone-line</td>
- <td><span class="fr-icon-pantone-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pantone-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pantone-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>parent-fill</td>
- <td><span class="fr-icon-parent-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-parent-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-parent-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>parent-line</td>
- <td><span class="fr-icon-parent-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-parent-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-parent-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>passport-fill</td>
- <td><span class="fr-icon-passport-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-passport-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-passport-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>passport-line</td>
- <td><span class="fr-icon-passport-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-passport-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-passport-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pause-circle-fill</td>
- <td><span class="fr-icon-pause-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pause-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pause-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pause-circle-line</td>
- <td><span class="fr-icon-pause-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pause-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pause-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pen-nib-fill</td>
- <td><span class="fr-icon-pen-nib-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pen-nib-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pen-nib-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pen-nib-line</td>
- <td><span class="fr-icon-pen-nib-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pen-nib-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pen-nib-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pencil-fill</td>
- <td><span class="fr-icon-pencil-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pencil-line</td>
- <td><span class="fr-icon-pencil-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pencil-ruler-fill</td>
- <td><span class="fr-icon-pencil-ruler-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-ruler-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-ruler-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pencil-ruler-line</td>
- <td><span class="fr-icon-pencil-ruler-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-ruler-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pencil-ruler-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>phone-fill</td>
- <td><span class="fr-icon-phone-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-phone-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-phone-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>phone-line</td>
- <td><span class="fr-icon-phone-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-phone-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-phone-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pie-chart-2-fill</td>
- <td><span class="fr-icon-pie-chart-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pie-chart-2-line</td>
- <td><span class="fr-icon-pie-chart-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pie-chart-box-fill</td>
- <td><span class="fr-icon-pie-chart-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pie-chart-box-line</td>
- <td><span class="fr-icon-pie-chart-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pie-chart-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>plant-fill</td>
- <td><span class="fr-icon-plant-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-plant-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-plant-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>plant-line</td>
- <td><span class="fr-icon-plant-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-plant-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-plant-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>play-circle-fill</td>
- <td><span class="fr-icon-play-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-play-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-play-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>play-circle-line</td>
- <td><span class="fr-icon-play-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-play-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-play-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>printer-fill</td>
- <td><span class="fr-icon-printer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-printer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-printer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>printer-line</td>
- <td><span class="fr-icon-printer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-printer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-printer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>profil-fill</td>
- <td><span class="fr-icon-profil-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-profil-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-profil-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>profil-line</td>
- <td><span class="fr-icon-profil-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-profil-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-profil-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>projector-2-fill</td>
- <td><span class="fr-icon-projector-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-projector-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-projector-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>projector-2-line</td>
- <td><span class="fr-icon-projector-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-projector-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-projector-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>psychotherapy-fill</td>
- <td><span class="fr-icon-psychotherapy-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-psychotherapy-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-psychotherapy-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>psychotherapy-line</td>
- <td><span class="fr-icon-psychotherapy-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-psychotherapy-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-psychotherapy-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>pulse-line</td>
- <td><span class="fr-icon-pulse-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pulse-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-pulse-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>qr-code-fill</td>
- <td><span class="fr-icon-qr-code-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-qr-code-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-qr-code-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>qr-code-line</td>
- <td><span class="fr-icon-qr-code-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-qr-code-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-qr-code-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>question-answer-fill</td>
- <td><span class="fr-icon-question-answer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-answer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-answer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>question-answer-line</td>
- <td><span class="fr-icon-question-answer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-answer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-answer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>question-fill</td>
- <td><span class="fr-icon-question-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>question-line</td>
- <td><span class="fr-icon-question-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>question-mark</td>
- <td><span class="fr-icon-question-mark fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-mark fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-question-mark fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>questionnaire-fill</td>
- <td><span class="fr-icon-questionnaire-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-questionnaire-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-questionnaire-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>questionnaire-line</td>
- <td><span class="fr-icon-questionnaire-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-questionnaire-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-questionnaire-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>quote-fill</td>
- <td><span class="fr-icon-quote-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-quote-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-quote-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>quote-line</td>
- <td><span class="fr-icon-quote-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-quote-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-quote-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>recycle-fill</td>
- <td><span class="fr-icon-recycle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-recycle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-recycle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>recycle-line</td>
- <td><span class="fr-icon-recycle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-recycle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-recycle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>refresh-fill</td>
- <td><span class="fr-icon-refresh-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-refresh-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-refresh-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>refresh-line</td>
- <td><span class="fr-icon-refresh-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-refresh-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-refresh-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>remixicon-fill</td>
- <td><span class="fr-icon-remixicon-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-remixicon-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-remixicon-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>remixicon-line</td>
- <td><span class="fr-icon-remixicon-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-remixicon-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-remixicon-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>restaurant-fill</td>
- <td><span class="fr-icon-restaurant-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-restaurant-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-restaurant-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>restaurant-line</td>
- <td><span class="fr-icon-restaurant-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-restaurant-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-restaurant-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>road-map-fill</td>
- <td><span class="fr-icon-road-map-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-road-map-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-road-map-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>road-map-line</td>
- <td><span class="fr-icon-road-map-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-road-map-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-road-map-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>rss-fill</td>
- <td><span class="fr-icon-rss-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-rss-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-rss-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>rss-line</td>
- <td><span class="fr-icon-rss-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-rss-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-rss-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>safari-fill</td>
- <td><span class="fr-icon-safari-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-safari-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-safari-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>safari-line</td>
- <td><span class="fr-icon-safari-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-safari-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-safari-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>sailboat-fill</td>
- <td><span class="fr-icon-sailboat-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sailboat-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sailboat-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>sailboat-line</td>
- <td><span class="fr-icon-sailboat-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sailboat-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sailboat-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>save-3-fill</td>
- <td><span class="fr-icon-save-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>save-3-line</td>
- <td><span class="fr-icon-save-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>save-fill</td>
- <td><span class="fr-icon-save-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>save-line</td>
- <td><span class="fr-icon-save-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-save-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>scales-3-fill</td>
- <td><span class="fr-icon-scales-3-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-scales-3-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-scales-3-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>scales-3-line</td>
- <td><span class="fr-icon-scales-3-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-scales-3-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-scales-3-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>search-fill</td>
- <td><span class="fr-icon-search-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-search-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-search-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>search-line</td>
- <td><span class="fr-icon-search-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-search-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-search-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>secure-payment-fill</td>
- <td><span class="fr-icon-secure-payment-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-secure-payment-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-secure-payment-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>secure-payment-line</td>
- <td><span class="fr-icon-secure-payment-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-secure-payment-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-secure-payment-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>seedling-fill</td>
- <td><span class="fr-icon-seedling-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-seedling-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-seedling-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>seedling-line</td>
- <td><span class="fr-icon-seedling-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-seedling-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-seedling-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>send-plane-fill</td>
- <td><span class="fr-icon-send-plane-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-send-plane-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-send-plane-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>send-plane-line</td>
- <td><span class="fr-icon-send-plane-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-send-plane-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-send-plane-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>separator</td>
- <td><span class="fr-icon-separator fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-separator fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-separator fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>server-fill</td>
- <td><span class="fr-icon-server-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-server-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-server-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>server-line</td>
- <td><span class="fr-icon-server-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-server-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-server-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>settings-5-fill</td>
- <td><span class="fr-icon-settings-5-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-settings-5-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-settings-5-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>settings-5-line</td>
- <td><span class="fr-icon-settings-5-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-settings-5-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-settings-5-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>shield-fill</td>
- <td><span class="fr-icon-shield-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shield-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shield-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>shield-line</td>
- <td><span class="fr-icon-shield-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shield-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shield-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ship-2-fill</td>
- <td><span class="fr-icon-ship-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ship-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ship-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>ship-2-line</td>
- <td><span class="fr-icon-ship-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ship-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-ship-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>shopping-bag-fill</td>
- <td><span class="fr-icon-shopping-bag-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-bag-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-bag-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>shopping-bag-line</td>
- <td><span class="fr-icon-shopping-bag-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-bag-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-bag-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>shopping-cart-2-fill</td>
- <td><span class="fr-icon-shopping-cart-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-cart-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-cart-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>shopping-cart-2-line</td>
- <td><span class="fr-icon-shopping-cart-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-cart-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-shopping-cart-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>signal-tower-fill</td>
- <td><span class="fr-icon-signal-tower-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-signal-tower-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-signal-tower-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>signal-tower-line</td>
- <td><span class="fr-icon-signal-tower-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-signal-tower-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-signal-tower-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>sip-fill</td>
- <td><span class="fr-icon-sip-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sip-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sip-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>sip-line</td>
- <td><span class="fr-icon-sip-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sip-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sip-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>slack-fill</td>
- <td><span class="fr-icon-slack-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slack-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slack-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>slack-line</td>
- <td><span class="fr-icon-slack-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slack-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slack-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>slideshow-fill</td>
- <td><span class="fr-icon-slideshow-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slideshow-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slideshow-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>slideshow-line</td>
- <td><span class="fr-icon-slideshow-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slideshow-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-slideshow-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>smartphone-fill</td>
- <td><span class="fr-icon-smartphone-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-smartphone-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-smartphone-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>smartphone-line</td>
- <td><span class="fr-icon-smartphone-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-smartphone-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-smartphone-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>snapchat-fill</td>
- <td><span class="fr-icon-snapchat-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-snapchat-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-snapchat-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>snapchat-line</td>
- <td><span class="fr-icon-snapchat-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-snapchat-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-snapchat-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>space</td>
- <td><span class="fr-icon-space fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-space fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-space fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>star-fill</td>
- <td><span class="fr-icon-star-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>star-line</td>
- <td><span class="fr-icon-star-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>star-s-fill</td>
- <td><span class="fr-icon-star-s-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-s-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-s-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>star-s-line</td>
- <td><span class="fr-icon-star-s-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-s-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-star-s-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>stethoscope-fill</td>
- <td><span class="fr-icon-stethoscope-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stethoscope-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stethoscope-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>stethoscope-line</td>
- <td><span class="fr-icon-stethoscope-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stethoscope-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stethoscope-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>stop-circle-fill</td>
- <td><span class="fr-icon-stop-circle-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stop-circle-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stop-circle-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>stop-circle-line</td>
- <td><span class="fr-icon-stop-circle-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stop-circle-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-stop-circle-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>store-fill</td>
- <td><span class="fr-icon-store-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-store-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-store-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>store-line</td>
- <td><span class="fr-icon-store-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-store-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-store-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>subscript</td>
- <td><span class="fr-icon-subscript fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-subscript fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-subscript fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>subtract-line</td>
- <td><span class="fr-icon-subtract-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-subtract-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-subtract-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>success-fill</td>
- <td><span class="fr-icon-success-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-success-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-success-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>success-line</td>
- <td><span class="fr-icon-success-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-success-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-success-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>suitcase-2-fill</td>
- <td><span class="fr-icon-suitcase-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-suitcase-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-suitcase-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>suitcase-2-line</td>
- <td><span class="fr-icon-suitcase-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-suitcase-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-suitcase-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>sun-fill</td>
- <td><span class="fr-icon-sun-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sun-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sun-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>sun-line</td>
- <td><span class="fr-icon-sun-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sun-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-sun-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>superscript</td>
- <td><span class="fr-icon-superscript fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-superscript fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-superscript fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>surgical-mask-fill</td>
- <td><span class="fr-icon-surgical-mask-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-surgical-mask-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-surgical-mask-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>surgical-mask-line</td>
- <td><span class="fr-icon-surgical-mask-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-surgical-mask-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-surgical-mask-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>survey-fill</td>
- <td><span class="fr-icon-survey-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-survey-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-survey-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>survey-line</td>
- <td><span class="fr-icon-survey-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-survey-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-survey-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>syringe-fill</td>
- <td><span class="fr-icon-syringe-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-syringe-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-syringe-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>syringe-line</td>
- <td><span class="fr-icon-syringe-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-syringe-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-syringe-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>table-2</td>
- <td><span class="fr-icon-table-2 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-table-2 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-table-2 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>table-fill</td>
- <td><span class="fr-icon-table-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-table-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-table-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>table-line</td>
- <td><span class="fr-icon-table-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-table-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-table-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>tablet-fill</td>
- <td><span class="fr-icon-tablet-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tablet-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tablet-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>tablet-line</td>
- <td><span class="fr-icon-tablet-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tablet-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tablet-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>taxi-fill</td>
- <td><span class="fr-icon-taxi-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-taxi-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-taxi-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>taxi-line</td>
- <td><span class="fr-icon-taxi-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-taxi-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-taxi-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>team-fill</td>
- <td><span class="fr-icon-team-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-team-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-team-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>team-line</td>
- <td><span class="fr-icon-team-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-team-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-team-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>telegram-fill</td>
- <td><span class="fr-icon-telegram-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-telegram-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-telegram-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>telegram-line</td>
- <td><span class="fr-icon-telegram-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-telegram-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-telegram-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>terminal-box-fill</td>
- <td><span class="fr-icon-terminal-box-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-box-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-box-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>terminal-box-line</td>
- <td><span class="fr-icon-terminal-box-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-box-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-box-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>terminal-line</td>
- <td><span class="fr-icon-terminal-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>terminal-window-fill</td>
- <td><span class="fr-icon-terminal-window-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-window-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-window-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>terminal-window-line</td>
- <td><span class="fr-icon-terminal-window-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-window-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-terminal-window-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>test-tube-fill</td>
- <td><span class="fr-icon-test-tube-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-test-tube-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-test-tube-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>test-tube-line</td>
- <td><span class="fr-icon-test-tube-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-test-tube-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-test-tube-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>theme-fill</td>
- <td><span class="fr-icon-theme-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-theme-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-theme-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>thermometer-fill</td>
- <td><span class="fr-icon-thermometer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thermometer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thermometer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>thermometer-line</td>
- <td><span class="fr-icon-thermometer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thermometer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thermometer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>threads-fill</td>
- <td><span class="fr-icon-threads-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-threads-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-threads-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>threads-line</td>
- <td><span class="fr-icon-threads-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-threads-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-threads-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>thumb-down-fill</td>
- <td><span class="fr-icon-thumb-down-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-down-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-down-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>thumb-down-line</td>
- <td><span class="fr-icon-thumb-down-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-down-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-down-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>thumb-up-fill</td>
- <td><span class="fr-icon-thumb-up-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-up-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-up-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>thumb-up-line</td>
- <td><span class="fr-icon-thumb-up-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-up-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-thumb-up-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>tiktok-fill</td>
- <td><span class="fr-icon-tiktok-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tiktok-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tiktok-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>tiktok-line</td>
- <td><span class="fr-icon-tiktok-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tiktok-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tiktok-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>time-fill</td>
- <td><span class="fr-icon-time-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-time-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-time-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>time-line</td>
- <td><span class="fr-icon-time-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-time-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-time-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>timer-fill</td>
- <td><span class="fr-icon-timer-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-timer-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-timer-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>timer-line</td>
- <td><span class="fr-icon-timer-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-timer-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-timer-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>todo-fill</td>
- <td><span class="fr-icon-todo-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-todo-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-todo-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>todo-line</td>
- <td><span class="fr-icon-todo-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-todo-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-todo-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>train-fill</td>
- <td><span class="fr-icon-train-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-train-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-train-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>train-line</td>
- <td><span class="fr-icon-train-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-train-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-train-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>translate-2</td>
- <td><span class="fr-icon-translate-2 fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-translate-2 fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-translate-2 fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>trophy-fill</td>
- <td><span class="fr-icon-trophy-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-trophy-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-trophy-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>trophy-line</td>
- <td><span class="fr-icon-trophy-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-trophy-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-trophy-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>tv-fill</td>
- <td><span class="fr-icon-tv-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tv-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tv-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>tv-line</td>
- <td><span class="fr-icon-tv-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tv-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-tv-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>twitch-fill</td>
- <td><span class="fr-icon-twitch-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitch-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitch-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>twitch-line</td>
- <td><span class="fr-icon-twitch-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitch-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitch-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>twitter-fill</td>
- <td><span class="fr-icon-twitter-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>twitter-line</td>
- <td><span class="fr-icon-twitter-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>twitter-x-fill</td>
- <td><span class="fr-icon-twitter-x-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-x-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-x-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>twitter-x-line</td>
- <td><span class="fr-icon-twitter-x-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-x-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-twitter-x-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>umbrella-fill</td>
- <td><span class="fr-icon-umbrella-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-umbrella-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-umbrella-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>umbrella-line</td>
- <td><span class="fr-icon-umbrella-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-umbrella-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-umbrella-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>upload-2-fill</td>
- <td><span class="fr-icon-upload-2-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-2-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-2-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>upload-2-line</td>
- <td><span class="fr-icon-upload-2-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-2-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-2-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>upload-fill</td>
- <td><span class="fr-icon-upload-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>upload-line</td>
- <td><span class="fr-icon-upload-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-upload-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-add-fill</td>
- <td><span class="fr-icon-user-add-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-add-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-add-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-add-line</td>
- <td><span class="fr-icon-user-add-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-add-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-add-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-fill</td>
- <td><span class="fr-icon-user-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-heart-fill</td>
- <td><span class="fr-icon-user-heart-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-heart-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-heart-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-heart-line</td>
- <td><span class="fr-icon-user-heart-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-heart-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-heart-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-line</td>
- <td><span class="fr-icon-user-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-search-fill</td>
- <td><span class="fr-icon-user-search-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-search-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-search-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-search-line</td>
- <td><span class="fr-icon-user-search-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-search-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-search-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-setting-fill</td>
- <td><span class="fr-icon-user-setting-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-setting-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-setting-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-setting-line</td>
- <td><span class="fr-icon-user-setting-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-setting-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-setting-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-star-fill</td>
- <td><span class="fr-icon-user-star-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-star-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-star-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>user-star-line</td>
- <td><span class="fr-icon-user-star-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-star-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-user-star-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>video-chat-fill</td>
- <td><span class="fr-icon-video-chat-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-video-chat-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-video-chat-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>video-chat-line</td>
- <td><span class="fr-icon-video-chat-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-video-chat-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-video-chat-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>vimeo-fill</td>
- <td><span class="fr-icon-vimeo-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vimeo-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vimeo-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>vimeo-line</td>
- <td><span class="fr-icon-vimeo-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vimeo-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vimeo-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>virus-fill</td>
- <td><span class="fr-icon-virus-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-virus-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-virus-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>virus-line</td>
- <td><span class="fr-icon-virus-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-virus-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-virus-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>volume-down-fill</td>
- <td><span class="fr-icon-volume-down-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-down-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-down-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>volume-down-line</td>
- <td><span class="fr-icon-volume-down-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-down-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-down-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>volume-mute-fill</td>
- <td><span class="fr-icon-volume-mute-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-mute-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-mute-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>volume-mute-line</td>
- <td><span class="fr-icon-volume-mute-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-mute-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-mute-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>volume-up-fill</td>
- <td><span class="fr-icon-volume-up-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-up-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-up-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>volume-up-line</td>
- <td><span class="fr-icon-volume-up-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-up-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-volume-up-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>vuejs-fill</td>
- <td><span class="fr-icon-vuejs-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vuejs-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vuejs-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>vuejs-line</td>
- <td><span class="fr-icon-vuejs-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vuejs-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-vuejs-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>warning-fill</td>
- <td><span class="fr-icon-warning-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-warning-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-warning-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>warning-line</td>
- <td><span class="fr-icon-warning-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-warning-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-warning-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>wifi-fill</td>
- <td><span class="fr-icon-wifi-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-wifi-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-wifi-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>wifi-line</td>
- <td><span class="fr-icon-wifi-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-wifi-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-wifi-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>window-fill</td>
- <td><span class="fr-icon-window-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-window-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-window-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>window-line</td>
- <td><span class="fr-icon-window-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-window-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-window-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>youtube-fill</td>
- <td><span class="fr-icon-youtube-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-youtube-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-youtube-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>youtube-line</td>
- <td><span class="fr-icon-youtube-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-youtube-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-youtube-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>zoom-in-fill</td>
- <td><span class="fr-icon-zoom-in-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-in-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-in-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>zoom-in-line</td>
- <td><span class="fr-icon-zoom-in-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-in-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-in-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>zoom-out-fill</td>
- <td><span class="fr-icon-zoom-out-fill fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-out-fill fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-out-fill fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- <tr>
- <td>zoom-out-line</td>
- <td><span class="fr-icon-zoom-out-line fr-icon--sm" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-out-line fr-icon--md" aria-hidden="true"></span></td>
- <td><span class="fr-icon-zoom-out-line fr-icon--lg" aria-hidden="true"></span></td>
- </tr>
- </table>
-</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/icon.stories_snapshots_DsfrIconsSizes.html b/packages/ui/src/components/_ui/icon.stories_snapshots_DsfrIconsSizes.html
new file mode 100644
index 0000000000000000000000000000000000000000..b5c8234c1a3c9a5cd066c122cc41f616918fbae1
--- /dev/null
+++ b/packages/ui/src/components/_ui/icon.stories_snapshots_DsfrIconsSizes.html
@@ -0,0 +1,28 @@
+<div style="height: 100%; width: 100%; background: white;">
+ <table>
+ <tr>
+ <th>Name</th>
+ <th>SM</th>
+ <th>MD</th>
+ <th>LG</th>
+ </tr>
+ <tr>
+ <td>fr-icon-download-line</td>
+ <td><span class="fr-icon-download-line fr-icon--sm" aria-hidden="true"></span></td>
+ <td><span class="fr-icon-download-line fr-icon--md" aria-hidden="true"></span></td>
+ <td><span class="fr-icon-download-line fr-icon--lg" aria-hidden="true"></span></td>
+ </tr>
+ <tr>
+ <td>fr-icon-add-line</td>
+ <td><span class="fr-icon-add-line fr-icon--sm" aria-hidden="true"></span></td>
+ <td><span class="fr-icon-add-line fr-icon--md" aria-hidden="true"></span></td>
+ <td><span class="fr-icon-add-line fr-icon--lg" aria-hidden="true"></span></td>
+ </tr>
+ <tr>
+ <td>fr-icon-earth-fill</td>
+ <td><span class="fr-icon-earth-fill fr-icon--sm" aria-hidden="true"></span></td>
+ <td><span class="fr-icon-earth-fill fr-icon--md" aria-hidden="true"></span></td>
+ <td><span class="fr-icon-earth-fill fr-icon--lg" aria-hidden="true"></span></td>
+ </tr>
+ </table>
+</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/icon.tsx b/packages/ui/src/components/_ui/icon.tsx
index 7f7d0f181b33b3b882b02a5cd84f22603b31c350..274e0fa5a2a583f815afa1fe801b9fbb3fd972e5 100644
--- a/packages/ui/src/components/_ui/icon.tsx
+++ b/packages/ui/src/components/_ui/icon.tsx
@@ -1,10 +1,10 @@
-import type { DsfrIcon as DsfrIconType } from './dsfrIconSpriteType'
import { FunctionalComponent, HTMLAttributes } from 'vue'
import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
import type { JSX } from 'vue/jsx-runtime'
+import { FrIconClassName } from '@codegouvfr/react-dsfr'
type DsfrIconProps = {
- name: DsfrIconType
+ name: FrIconClassName
size?: 'sm' | 'md' | 'lg'
color?: 'text-title-blue-france' | 'text-title-white-france'
} & Pick<HTMLAttributes, 'class'> &
@@ -12,7 +12,6 @@ type DsfrIconProps = {
export const DsfrIcon: FunctionalComponent<DsfrIconProps> = (props): JSX.Element => {
const iconClass = props.size ? `fr-icon--${props.size}` : null
-
let additionnalAttributes: { 'aria-hidden': 'true' } | { role: 'img'; 'aria-label': string }
if ('aria-hidden' in props) {
additionnalAttributes = { 'aria-hidden': props['aria-hidden'] }
diff --git a/packages/ui/src/components/_ui/table-auto.stories_snapshots_TableAutoSimple.html b/packages/ui/src/components/_ui/table-auto.stories_snapshots_TableAutoSimple.html
deleted file mode 100644
index d16c49667b49c47628c3c5e7835a9a0d828746db..0000000000000000000000000000000000000000
--- a/packages/ui/src/components/_ui/table-auto.stories_snapshots_TableAutoSimple.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>simple</caption>
- <thead>
- <tr>
- <th scope="col" class="min-width-8 nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Nom par ordre descendant" aria-label="Trier par la colonne Nom par ordre descendant" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="min-width-8 nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap min-width-5 nowrap"><a class="fr-link" title="Trier par la colonne Statut" aria-label="Trier par la colonne Statut" href="#!">Statut</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Test" aria-label="Trier par la colonne Test" href="#!">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 0</span></td>
- </tr>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 3</span></td>
- </tr>
- </tbody>
- </table>
- </div>
-</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/table-auto.stories_snapshots_TableAutoSortedByStatusAsc.html b/packages/ui/src/components/_ui/table-auto.stories_snapshots_TableAutoSortedByStatusAsc.html
deleted file mode 100644
index 0c73b976e9e526c60fbf63f0aeee5852bbecc990..0000000000000000000000000000000000000000
--- a/packages/ui/src/components/_ui/table-auto.stories_snapshots_TableAutoSortedByStatusAsc.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>sorted by status asc</caption>
- <thead>
- <tr>
- <th scope="col" class="min-width-8 nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="min-width-8 nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap min-width-5 nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-up-fill" title="Trier par la colonne Statut par ordre ascendant" aria-label="Trier par la colonne Statut par ordre ascendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Test" aria-label="Trier par la colonne Test" href="#!">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 3</span></td>
- </tr>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td class="min-width-8"><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
- <td class="nowrap min-width-5">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
- </td>
- <td class=""><span class="">Test value 0</span></td>
- </tr>
- </tbody>
- </table>
- </div>
-</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/table-auto.tsx b/packages/ui/src/components/_ui/table-auto.tsx
deleted file mode 100644
index 94f1c00439984a30a562f86357e7c913aaa87f7f..0000000000000000000000000000000000000000
--- a/packages/ui/src/components/_ui/table-auto.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-import { defineComponent, reactive, ref, watch } from 'vue'
-import { InitialSort, TableRow, TableSortEvent, DisplayColumn } from './table'
-
-export interface Column<T = string> {
- id: T
- name: string
- class?: string[]
- sort?: (firstElement: TableRow, secondElement: TableRow) => number
- noSort?: boolean
-}
-
-interface Props {
- caption: string
- rows: TableRow[]
- columns: readonly Column[]
- initialSort: InitialSort | 'noSort' | 'firstColumnAsc'
-}
-export const TableAuto = defineComponent<Props>(props => {
- const sort = ref<TableSortEvent | null>(
- props.initialSort === 'noSort'
- ? null
- : props.initialSort === 'firstColumnAsc'
- ? {
- colonne: props.columns[0].id,
- ordre: 'asc',
- }
- : {
- colonne: props.initialSort.colonne,
- ordre: props.initialSort.ordre,
- }
- )
-
- const myRows = reactive<TableRow[]>([...props.rows])
- handleChange(sort.value)
- watch(
- () => props.rows,
- () => {
- myRows.splice(0, myRows.length, ...props.rows)
- handleChange(sort.value)
- },
- { deep: true }
- )
- function handleChange(event: TableSortEvent | null) {
- if (event !== null) {
- const column = props.columns.find(column => column.id === event.colonne)
- let sortFunction = (row1: TableRow, row2: TableRow): number => {
- const value1 = row1.columns[event.colonne].value
- const value2 = row2.columns[event.colonne].value
- if (value1 !== undefined && value2 !== undefined) {
- if (value1 < value2) {
- return event.ordre === 'asc' ? -1 : 1
- }
- if (value1 > value2) {
- return event.ordre === 'asc' ? 1 : -1
- }
- }
-
- if (value1 !== undefined) {
- return event.ordre === 'asc' ? -1 : 1
- }
-
- if (value2 !== undefined) {
- return event.ordre === 'asc' ? 1 : -1
- }
-
- return 0
- }
- if (column?.sort !== undefined) {
- sortFunction = (row1: TableRow, row2: TableRow) => {
- const sorted = column?.sort?.(row1, row2) ?? 0
-
- return event.ordre === 'asc' ? sorted : -sorted
- }
- }
- myRows.sort(sortFunction)
-
- if (sort.value !== null) {
- sort.value.colonne = event.colonne
- sort.value.ordre = event.ordre
- }
- }
- }
-
- const handleChangeCurrentColonne = () => {
- if (sort.value !== null) {
- handleChange({ colonne: sort.value.colonne, ordre: sort.value.ordre === 'asc' ? 'desc' : 'asc' })
- }
- }
- const handleChangeNewColonne = (id: string) => (event: MouseEvent) => {
- event.stopPropagation()
- if (sort.value !== null) {
- handleChange({ colonne: id, ordre: sort.value.ordre })
- }
- }
-
- return () => (
- <div style={{ overflowX: 'auto' }}>
- <div class="fr-table">
- <table style={{ display: 'table' }}>
- <caption>{props.caption}</caption>
- <thead>
- <tr>
- {props.columns.map(col => (
- <th key={col.id} scope="col" class={[...(col.class ?? []), 'nowrap']}>
- {col.noSort !== undefined && col.noSort ? (
- <div class="fr-text--md">{col.name === '' ? '-' : col.name}</div>
- ) : sort.value !== null && sort.value.colonne === col.id ? (
- <a
- class={['fr-link', 'fr-link--icon-right', sort.value.ordre === 'asc' ? 'fr-icon-arrow-down-fill' : 'fr-icon-arrow-up-fill']}
- onClick={handleChangeCurrentColonne}
- title={sort.value.ordre === 'asc' ? `Trier par la colonne ${col.name} par ordre descendant` : `Trier par la colonne ${col.name} par ordre ascendant`}
- aria-label={sort.value.ordre === 'asc' ? `Trier par la colonne ${col.name} par ordre descendant` : `Trier par la colonne ${col.name} par ordre ascendant`}
- href="#!"
- >
- {col.name}
- </a>
- ) : (
- <a class={['fr-link']} onClick={handleChangeNewColonne(col.id)} title={`Trier par la colonne ${col.name}`} aria-label={`Trier par la colonne ${col.name}`} href="#!">
- {col.name === '' ? '-' : col.name}
- </a>
- )}
- </th>
- ))}
- </tr>
- </thead>
- <tbody>
- {myRows.map(row => (
- <tr key={row.id} class={row.class}>
- {props.columns.map((col, index) => (
- <td key={col.id} class={[...(col.class ?? [])]}>
- {index === 0 && row.link !== null ? (
- <router-link class="fr-link" to={row.link}>
- <DisplayColumn data={row.columns[col.id]} />
- </router-link>
- ) : (
- <DisplayColumn data={row.columns[col.id]} />
- )}
- </td>
- ))}
- </tr>
- ))}
- </tbody>
- </table>
- </div>
- </div>
- )
-})
-
-// @ts-ignore waiting for https://github.com/vuejs/core/issues/7833
-TableAuto.props = ['caption', 'rows', 'columns', 'initialSort']
diff --git a/packages/ui/src/components/_ui/table-pagination.stories.tsx b/packages/ui/src/components/_ui/table-pagination.stories.tsx
index 3a971ba1d29b5c5e2954773a43e00afc27ac546c..22adfe0a61d82789744ff2c7bb6d493960247330 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories.tsx
+++ b/packages/ui/src/components/_ui/table-pagination.stories.tsx
@@ -19,23 +19,23 @@ export default meta
const columns: Column[] = [
{
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
},
{
id: 'domaine',
- name: '',
+ contentTitle: '',
},
{
id: 'type',
- name: 'Type',
+ contentTitle: 'Type',
},
{
id: 'statut',
- name: 'Statut',
+ contentTitle: 'Statut',
},
{
id: 'test',
- name: 'Test',
+ contentTitle: 'Test',
},
]
@@ -55,6 +55,7 @@ const rows: AsyncData<{ total: number; rows: TableRow[] }> = {
},
columns: {
nom: {
+ type: 'component',
component: markRaw(TitreNom),
props: {
nom: `220222_${row}`,
@@ -62,6 +63,7 @@ const rows: AsyncData<{ total: number; rows: TableRow[] }> = {
value: `220222_${row}`,
},
domaine: {
+ type: 'component',
component: markRaw(Domaine),
props: {
domaineId: 'm',
@@ -69,18 +71,18 @@ const rows: AsyncData<{ total: number; rows: TableRow[] }> = {
value: 'm',
},
type: {
+ type: 'component',
component: markRaw(TitreTypeTypeNom),
props: { titreTypeId: 'arm' },
value: 'arm',
},
statut: {
- component: markRaw(DemarcheStatut),
- props: {
- demarcheStatutId: 'acc',
- },
+ type: 'jsx',
+ jsxElement: <DemarcheStatut demarcheStatutId="acc" />,
value: `Demande initiale ${row}`,
},
test: {
+ type: 'text',
value: `Test value ${row}`,
},
},
@@ -93,7 +95,7 @@ export const Loading: StoryFn = () => (
<TablePagination
columns={columns}
data={{ status: 'LOADING' }}
- caption="Test de pagination"
+ caption={{ value: 'Test de pagination', visible: true }}
route={{ query: { page: '3', intervalle: '10' }, name: 'dashboard', params: {} }}
updateParams={action('updateParams')}
/>
@@ -103,39 +105,57 @@ export const WithError: StoryFn = () => (
<TablePagination
columns={columns}
data={{ status: 'ERROR', message: 'une erreur' }}
- caption="Test de pagination"
+ caption={{ value: 'Test de pagination', visible: true }}
route={{ query: { page: '3', intervalle: '10' }, name: 'dashboard', params: {} }}
updateParams={action('updateParams')}
/>
)
export const Pagination: StoryFn = () => (
- <TablePagination columns={columns} data={rows} caption="Test de pagination" route={{ query: { page: '3', intervalle: '10' }, name: 'dashboard', params: {} }} updateParams={action('updateParams')} />
+ <TablePagination
+ columns={columns}
+ data={rows}
+ caption={{ value: 'Test de pagination', visible: true }}
+ route={{ query: { page: '3', intervalle: '10' }, name: 'dashboard', params: {} }}
+ updateParams={action('updateParams')}
+ />
)
export const PaginationAuDebut: StoryFn = () => (
- <TablePagination columns={columns} data={rows} caption="Test de pagination" route={{ query: { page: '1', intervalle: '10' }, name: 'dashboard', params: {} }} updateParams={action('updateParams')} />
+ <TablePagination
+ columns={columns}
+ data={rows}
+ caption={{ value: 'Test de pagination', visible: true }}
+ route={{ query: { page: '1', intervalle: '10' }, name: 'dashboard', params: {} }}
+ updateParams={action('updateParams')}
+ />
)
export const PaginationALaFin: StoryFn = () => (
<TablePagination
columns={columns}
data={rows}
- caption="Test de pagination"
+ caption={{ value: 'Test de pagination', visible: true }}
route={{ query: { page: '20', intervalle: '10' }, name: 'dashboard', params: {} }}
updateParams={action('updateParams')}
/>
)
export const PaginationAuMilieu: StoryFn = () => (
- <TablePagination columns={columns} data={rows} caption="Test de pagination" route={{ query: { page: '8', intervalle: '10' }, name: 'dashboard', params: {} }} updateParams={action('updateParams')} />
+ <TablePagination
+ columns={columns}
+ data={rows}
+ caption={{ value: 'Test de pagination', visible: true }}
+ route={{ query: { page: '8', intervalle: '10' }, name: 'dashboard', params: {} }}
+ updateParams={action('updateParams')}
+ />
)
export const NeCassePasSiPasPaginationFausse: StoryFn = () => (
<TablePagination
columns={columns}
data={{ status: 'LOADED', value: { total: 1, rows: [rows.value.rows[0]] } }}
- caption="Test de pagination"
+ caption={{ value: 'Test de pagination', visible: true }}
route={{ query: { page: '5', intervalle: '10' }, name: 'dashboard', params: {} }}
updateParams={action('updateParams')}
/>
@@ -145,7 +165,7 @@ export const PetitePagination: StoryFn = () => (
<TablePagination
columns={columns}
data={{ status: 'LOADED', value: { total: 16, rows: rows.value.rows.slice(0, 10) } }}
- caption="Test de pagination"
+ caption={{ value: 'Test de pagination', visible: true }}
route={{ query: { page: '1', intervalle: '10' }, name: 'dashboard', params: {} }}
updateParams={action('updateParams')}
/>
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Loading.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Loading.html
index 911971a302cd9ac867e98df633c0173c88d376a6..e74c3605cc33302c2a01b215154148349e4dfdad 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Loading.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Loading.html
@@ -1,90 +1,96 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class="_top-level_3306d0 undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_NeCassePasSiPasPaginationFausse.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_NeCassePasSiPasPaginationFausse.html
index b4f51e3e62713310a0cafa9d1f0010968eefdec9..0a2c77630b14ed7b7c0348af742d9991f9bce99f 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_NeCassePasSiPasPaginationFausse.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_NeCassePasSiPasPaginationFausse.html
@@ -1,31 +1,37 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 0</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Pagination.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Pagination.html
index 98ddb3862a89f6c18b7864acc1e9d2041e003c8e..1b0067ef795238eccbc64dc5f43ce3f404e1f8ac 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Pagination.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_Pagination.html
@@ -1,141 +1,147 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 0</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 3</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 4</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 5</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 6</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 7</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 8</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 9</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 10</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 4</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 5</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 6</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 7</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 8</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 9</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 10</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationALaFin.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationALaFin.html
index 7d56f42c032fca0a00d197e155a988ad9dbee1b2..14f37bec35e8e615d5642150af386682d973e3a6 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationALaFin.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationALaFin.html
@@ -1,141 +1,147 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 0</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 3</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 4</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 5</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 6</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 7</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 8</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 9</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 10</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 4</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 5</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 6</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 7</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 8</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 9</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 10</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuDebut.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuDebut.html
index 3ed9a5f0285e39b7c0809aef30b6af587ca5b9bf..8ef62e99aa863574648af126073f7e38a85ecba1 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuDebut.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuDebut.html
@@ -1,141 +1,147 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 0</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 3</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 4</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 5</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 6</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 7</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 8</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 9</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 10</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 4</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 5</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 6</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 7</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 8</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 9</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 10</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuMilieu.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuMilieu.html
index 820d57405e3341a645b72c246d3e6fea171fb9de..ed56af7466cc77ae58f680c9f9a8ed83ff43b129 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuMilieu.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PaginationAuMilieu.html
@@ -1,141 +1,147 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 0</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 3</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 4</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 5</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 6</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 7</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 8</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 9</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 10</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 4</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 5</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 6</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 7</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 8</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 9</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink10,params:{id:elementslug10},value:elementslug10}" type="primary"><span class="bold">220222_10</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 10</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PetitePagination.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PetitePagination.html
index d8160e3d8b723cb6bab154265d6284862f0e30cd..e9da20ce1d93c06fc7fce538aad728bd53c83b02 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PetitePagination.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_PetitePagination.html
@@ -1,130 +1,136 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 0</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 1</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 2</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 3</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 4</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 5</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 6</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 7</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 8</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td><span class="small bold">Autorisation de recherches</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
- </td>
- <td><span class="">Test value 9</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink4,params:{id:elementslug4},value:elementslug4}" type="primary"><span class="bold">220222_4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 4</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink5,params:{id:elementslug5},value:elementslug5}" type="primary"><span class="bold">220222_5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 5</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink6,params:{id:elementslug6},value:elementslug6}" type="primary"><span class="bold">220222_6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 6</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink7,params:{id:elementslug7},value:elementslug7}" type="primary"><span class="bold">220222_7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 7</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink8,params:{id:elementslug8},value:elementslug8}" type="primary"><span class="bold">220222_8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 8</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink9,params:{id:elementslug9},value:elementslug9}" type="primary"><span class="bold">220222_9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
+ </td>
+ <td><span class="">Test value 9</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_WithError.html b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_WithError.html
index 173cd228967eb2519f8229136764d76e2c11187f..251c0c7e69d129d69d43d0298d8555cf992ff565 100644
--- a/packages/ui/src/components/_ui/table-pagination.stories_snapshots_WithError.html
+++ b/packages/ui/src/components/_ui/table-pagination.stories_snapshots_WithError.html
@@ -1,90 +1,96 @@
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Test de pagination</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Test de pagination</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class=" undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/_ui/table-pagination.tsx b/packages/ui/src/components/_ui/table-pagination.tsx
index 1f07aae7cff0d1fbf7f1b340209b26109813808e..e48ff01833c65e6bd3be36c69878e6ea8fc07ac1 100644
--- a/packages/ui/src/components/_ui/table-pagination.tsx
+++ b/packages/ui/src/components/_ui/table-pagination.tsx
@@ -13,7 +13,7 @@ interface Props<ColumnId> {
total: number
}>
route: CaminoRouteLocation
- caption: string
+ caption: { value: string; visible: boolean }
updateParams: (params: Params<ColumnId>) => void
}
@@ -53,7 +53,7 @@ export const TablePagination = defineComponent(<ColumnId extends string>(props:
return () => (
<div>
- <Table route={props.route} caption={props.caption} columns={props.columns} rows={props.data} updateParams={updateSort} />
+ <Table route={props.route} sortType="route" caption={props.caption} columns={props.columns} rows={props.data} updateParams={updateSort} />
<LoadingElement data={props.data} renderItem={item => <>{item.total > item.rows.length ? <Pagination route={props.route} totalNumberOfPages={totalNumberOfPages(item.total)} /> : null}</>} />
</div>
diff --git a/packages/ui/src/components/_ui/table-auto.stories.tsx b/packages/ui/src/components/_ui/table-simple.stories.tsx
similarity index 72%
rename from packages/ui/src/components/_ui/table-auto.stories.tsx
rename to packages/ui/src/components/_ui/table-simple.stories.tsx
index f29bff82a1e1fad00c05ca5455e6fbb6bc814e70..f7de0fb55f7ccda8a5971648702bba13aaf81719 100644
--- a/packages/ui/src/components/_ui/table-auto.stories.tsx
+++ b/packages/ui/src/components/_ui/table-simple.stories.tsx
@@ -1,4 +1,4 @@
-import { Column, TableAuto } from './table-auto'
+import { Column, TableSimple } from './table-simple'
import { Meta, StoryFn } from '@storybook/vue3'
import { markRaw } from 'vue'
import { TitreNom } from '../_common/titre-nom'
@@ -10,33 +10,33 @@ import { DemarcheStatut } from '../_common/demarche-statut'
const meta: Meta = {
title: 'Components/UI/Table',
// @ts-ignore @storybook/vue3 n'aime pas les composants tsx
- component: TableAuto,
+ component: TableSimple,
}
export default meta
const columns: Column[] = [
{
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
class: ['min-width-8'],
},
{
id: 'domaine',
- name: '',
+ contentTitle: '',
},
{
id: 'type',
- name: 'Type',
+ contentTitle: 'Type',
class: ['min-width-8'],
},
{
id: 'statut',
- name: 'Statut',
+ contentTitle: 'Statut',
class: ['nowrap', 'min-width-5'],
},
{
id: 'test',
- name: 'Test',
+ contentTitle: 'Test',
},
]
@@ -52,6 +52,7 @@ const rows: TableRow[] = [0, 1, 2, 3].map(row => {
},
columns: {
nom: {
+ type: 'component',
component: markRaw(TitreNom),
props: {
nom: `220222_${row}`,
@@ -59,6 +60,7 @@ const rows: TableRow[] = [0, 1, 2, 3].map(row => {
value: `220222_${row}`,
},
domaine: {
+ type: 'component',
component: markRaw(Domaine),
props: {
domaineId: 'm',
@@ -66,23 +68,22 @@ const rows: TableRow[] = [0, 1, 2, 3].map(row => {
value: 'm',
},
type: {
+ type: 'component',
component: markRaw(TitreTypeTypeNom),
props: { titreTypeId: 'arm' },
value: 'arm',
},
statut: {
- component: markRaw(DemarcheStatut),
- props: {
- demarcheStatutId: 'eco',
- },
+ type: 'jsx',
+ jsxElement: <DemarcheStatut demarcheStatutId="eco" />,
value: `Demande initiale ${row}`,
},
test: {
+ type: 'text',
value: `Test value ${row}`,
},
},
}
})
-export const TableAutoSimple: StoryFn = () => <TableAuto caption="simple" rows={rows} columns={columns} initialSort={'firstColumnAsc'} />
-export const TableAutoSortedByStatusAsc: StoryFn = () => <TableAuto caption="sorted by status asc" rows={rows} columns={columns} initialSort={{ colonne: 'statut', ordre: 'desc' }} />
+export const TableAutoSimple: StoryFn = () => <TableSimple caption={{ value: 'simple', visible: true }} rows={rows} columns={columns} />
diff --git a/packages/ui/src/components/_ui/table-simple.stories_snapshots_TableAutoSimple.html b/packages/ui/src/components/_ui/table-simple.stories_snapshots_TableAutoSimple.html
new file mode 100644
index 0000000000000000000000000000000000000000..bc2a343667db4795a4c539680135d233ef305eec
--- /dev/null
+++ b/packages/ui/src/components/_ui/table-simple.stories_snapshots_TableAutoSimple.html
@@ -0,0 +1,68 @@
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>simple</caption>
+ <thead>
+ <tr>
+ <th scope="col" class="min-width-8">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col" class="min-width-8">Type</th>
+ <th scope="col" class="nowrap min-width-5">Statut</th>
+ <th scope="col">Test</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td class="min-width-8"><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
+ <td class="nowrap min-width-5">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td class="min-width-8"><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
+ <td class="nowrap min-width-5">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td class="min-width-8"><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
+ <td class="nowrap min-width-5">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td class="min-width-8"><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td class="min-width-8"><span class="small bold">Autorisation de recherches</span></td>
+ <td class="nowrap min-width-5">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/table-simple.tsx b/packages/ui/src/components/_ui/table-simple.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6afb0deb9efc51a27bc3365412c329b581c1ea75
--- /dev/null
+++ b/packages/ui/src/components/_ui/table-simple.tsx
@@ -0,0 +1,17 @@
+import { defineComponent } from 'vue'
+import { TableRow, Table, Column as TableColumn } from './table'
+
+export type Column<T = string> = Omit<TableColumn<T>, 'noSort'>
+
+interface Props<ColumnId extends string> {
+ caption: { value: string; visible: boolean }
+ rows: TableRow<ColumnId>[]
+ columns: readonly Column<ColumnId>[]
+}
+
+export const TableSimple = defineComponent(<ColumnId extends string>(props: Props<ColumnId>) => {
+ return () => <Table caption={props.caption} columns={props.columns} rows={{ status: 'LOADED', value: { rows: props.rows, total: props.rows.length } }} sortType="noSort" />
+})
+
+// @ts-ignore waiting for https://github.com/vuejs/core/issues/7833
+TableSimple.props = ['caption', 'rows', 'columns']
diff --git a/packages/ui/src/components/_ui/table.stories.tsx b/packages/ui/src/components/_ui/table.stories.tsx
index 86599c38a5037020a193177c0e3a4d9cb3ffa19b..1611e4740f3f95cbdbdc320b21b512f3394b159b 100644
--- a/packages/ui/src/components/_ui/table.stories.tsx
+++ b/packages/ui/src/components/_ui/table.stories.tsx
@@ -1,6 +1,5 @@
import { Column, Table, TableRow } from './table'
import { Meta, StoryFn } from '@storybook/vue3'
-import { markRaw } from 'vue'
import { TitreNom } from '../_common/titre-nom'
import { Domaine } from '../_common/domaine'
import { TitreTypeTypeNom } from '../_common/titre-type-type-nom'
@@ -17,23 +16,23 @@ export default meta
const columns: Column[] = [
{
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
},
{
id: 'domaine',
- name: '',
+ contentTitle: '',
},
{
id: 'type',
- name: 'Type',
+ contentTitle: 'Type',
},
{
id: 'statut',
- name: 'Statut',
+ contentTitle: 'Statut',
},
{
id: 'test',
- name: 'Test',
+ contentTitle: 'Test',
},
]
@@ -49,32 +48,27 @@ const rows: TableRow[] = [0, 1, 2, 3].map(row => {
},
columns: {
nom: {
- component: markRaw(TitreNom),
- props: {
- nom: `220222_${row}`,
- },
+ type: 'jsx',
+ jsxElement: <TitreNom nom={`220222_${row}`} />,
value: `220222_${row}`,
},
domaine: {
- component: markRaw(Domaine),
- props: {
- domaineId: 'm',
- },
+ type: 'jsx',
+ jsxElement: <Domaine domaineId="m" />,
value: 'm',
},
type: {
- component: markRaw(TitreTypeTypeNom),
- props: { titreTypeId: 'arm' },
+ type: 'jsx',
+ jsxElement: <TitreTypeTypeNom titreTypeId="arm" />,
value: 'arm',
},
statut: {
- component: markRaw(DemarcheStatut),
- props: {
- demarcheStatutId: 'eco',
- },
+ type: 'jsx',
+ jsxElement: <DemarcheStatut demarcheStatutId="eco" />,
value: `Demande initiale ${row}`,
},
test: {
+ type: 'text',
value: `Test value ${row}`,
},
},
@@ -82,4 +76,24 @@ const rows: TableRow[] = [0, 1, 2, 3].map(row => {
})
const update = action('update')
-export const Simple: StoryFn = () => <Table route={{ query: { page: '1', intervalle: '10' }, name: 'dashboard' }} rows={rows} columns={columns} caption="Caption cachée" updateParams={update} />
+export const Simple: StoryFn = () => (
+ <Table
+ route={{ query: { page: '1', intervalle: '10' }, name: 'dashboard', params: {} }}
+ rows={{ value: { rows, total: rows.length }, status: 'LOADED' }}
+ columns={columns}
+ caption={{ value: 'Caption cachée', visible: false }}
+ updateParams={update}
+ sortType="route"
+ />
+)
+
+export const SimpleWithCaption: StoryFn = () => (
+ <Table
+ route={{ query: { page: '1', intervalle: '10' }, name: 'dashboard', params: {} }}
+ rows={{ value: { rows, total: rows.length }, status: 'LOADED' }}
+ columns={columns}
+ caption={{ value: 'Caption visible', visible: true }}
+ updateParams={update}
+ sortType="route"
+ />
+)
diff --git a/packages/ui/src/components/_ui/table.stories_snapshots_Simple.html b/packages/ui/src/components/_ui/table.stories_snapshots_Simple.html
index 00a3f0ffb2f8c051160eccc8845b8047ea62beb7..88abff4a1b67bc06977fe20638bcefa0b7c41781 100644
--- a/packages/ui/src/components/_ui/table.stories_snapshots_Simple.html
+++ b/packages/ui/src/components/_ui/table.stories_snapshots_Simple.html
@@ -1,88 +1,68 @@
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Caption cachée</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Caption cachée</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/table.stories_snapshots_SimpleWithCaption.html b/packages/ui/src/components/_ui/table.stories_snapshots_SimpleWithCaption.html
new file mode 100644
index 0000000000000000000000000000000000000000..afa9c28a0a202a2132ad182ec925ad96e13207b4
--- /dev/null
+++ b/packages/ui/src/components/_ui/table.stories_snapshots_SimpleWithCaption.html
@@ -0,0 +1,68 @@
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Caption visible</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Test" class="fr-link" aria-label="Trier par la colonne Test">Test</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink0,params:{id:elementslug0},value:elementslug0}" type="primary"><span class="bold">220222_0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 0</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink1,params:{id:elementslug1},value:elementslug1}" type="primary"><span class="bold">220222_1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 1</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink2,params:{id:elementslug2},value:elementslug2}" type="primary"><span class="bold">220222_2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 2</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:elementlink3,params:{id:elementslug3},value:elementslug3}" type="primary"><span class="bold">220222_3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="en construction" aria-label="en construction">en construction</p>
+ </td>
+ <td><span class="">Test value 3</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_ui/table.tsx b/packages/ui/src/components/_ui/table.tsx
index 3c1d634523ae8f8c329fdd9769204370ce8373a0..90d953f25b7b16f3bd1e4cce5fe4e4501d65d60f 100644
--- a/packages/ui/src/components/_ui/table.tsx
+++ b/packages/ui/src/components/_ui/table.tsx
@@ -5,21 +5,21 @@ import { AsyncData } from '../../api/client-rest'
import { DemarcheIdOrSlug } from 'camino-common/src/demarche'
import { NonEmptyArray } from 'camino-common/src/typescript-tools'
import type { JSX } from 'vue/jsx-runtime'
-import { CaminoRouteLocation } from '@/router/routes'
+import { CaminoRouteLocation, CaminoRouteNames, CaminoVueRoute } from '@/router/routes'
+import { fr } from '@codegouvfr/react-dsfr'
type SortOrder = 'asc' | 'desc'
-export interface TableSortEvent {
- colonne: string
+export interface InitialSort<ColumnId> {
+ colonne: ColumnId
ordre: SortOrder
}
-
-// TODO 2023-12-06 merge with TableSortEvent
-export interface InitialSort {
- colonne: string
- ordre: SortOrder
+export interface JSXElementColumnData {
+ type: 'jsx'
+ jsxElement: JSX.Element
+ value: string | string[] | number | undefined
}
-
export interface ComponentColumnData {
+ type: 'component'
component: unknown
props: { [key in string]: unknown }
class?: string
@@ -27,6 +27,7 @@ export interface ComponentColumnData {
}
export interface TextColumnData {
+ type: 'text'
value: string
class?: string[]
}
@@ -44,27 +45,35 @@ export interface TableRow<T extends string = string> {
class?: NonEmptyArray<string>
link: TableRouterLink | null
columns: {
- [key in T]: ComponentColumnData | TextColumnData
+ [key in T]: JSXElementColumnData | ComponentColumnData | TextColumnData
}
}
export interface Column<T = string> {
id: T
- name: string
+ contentTitle: string | JSX.Element
noSort?: boolean
+ class?: string[]
}
-const isComponentColumnData = (columnRow: ComponentColumnData | TextColumnData): columnRow is ComponentColumnData => {
- return 'component' in columnRow
-}
-
-interface Props<ColumnId> {
- route: CaminoRouteLocation
+type CommonProps<ColumnId extends string> = {
columns: readonly Column<ColumnId>[]
rows: AsyncData<{ rows: TableRow[]; total: number }>
- caption: string
+ caption: {
+ value: string
+ visible: boolean
+ }
+}
+type RouteProps<ColumnId extends string> = {
+ sortType: 'route'
+ route: CaminoRouteLocation
updateParams: (column: ColumnId, order: 'asc' | 'desc') => void
}
+type AutoSortProps = {
+ sortType: 'noSort'
+}
+
+type Props<ColumnId extends string> = CommonProps<ColumnId> & (RouteProps<ColumnId> | AutoSortProps)
const isColumnId = <ColumnId extends string>(columns: readonly Column<ColumnId>[], value: string): value is ColumnId => {
return columns.some(({ id }) => value === id)
@@ -86,103 +95,122 @@ export const getSortOrderFromRoute = (route: Pick<CaminoRouteLocation, 'query'>)
return value
}
-export const Table = defineComponent(
- <ColumnId extends string>(props: Props<ColumnId>) => {
- const sortParams = computed<{ order: 'asc' | 'desc'; column: ColumnId }>(() => {
- return { order: getSortOrderFromRoute(props.route), column: getSortColumnFromRoute(props.route, props.columns) }
- })
-
- onBeforeRouteLeave(() => {
- stop()
- })
-
- const stop = watch(sortParams, (newSortParams, old) => {
- if (newSortParams.column !== old.column || newSortParams.order !== old.order) {
- return props.updateParams(newSortParams.column, newSortParams.order)
+export const Table = defineComponent(<ColumnId extends string>(props: Props<ColumnId>) => {
+ const sortParams = computed<InitialSort<ColumnId> | 'noSort'>(() => {
+ return props.sortType === 'noSort' ? 'noSort' : { ordre: getSortOrderFromRoute(props.route), colonne: getSortColumnFromRoute<ColumnId>(props.route, props.columns) }
+ })
+
+ onBeforeRouteLeave(() => {
+ stop()
+ })
+
+ const stop = watch(sortParams, (newSortParams, old) => {
+ if (newSortParams !== 'noSort' && old !== 'noSort') {
+ if ('updateParams' in props && (newSortParams.colonne !== old.colonne || newSortParams.ordre !== old.ordre)) {
+ return props.updateParams(newSortParams.colonne, newSortParams.ordre)
+ }
+ }
+ })
+
+ const routeOrderClick = computed<CaminoVueRoute<CaminoRouteNames>>(() => {
+ if (props.sortType === 'route' && sortParams.value !== 'noSort') {
+ return {
+ name: props.route.name,
+ query: { ...props.route.query, page: 1, ordre: sortParams.value.ordre === 'asc' ? 'desc' : 'asc' },
+ params: props.route.params,
+ }
+ }
+ return { name: 'erreur', query: {}, params: {} }
+ })
+
+ const routeNewColumnClick = (colId: ColumnId): CaminoVueRoute<CaminoRouteNames> => {
+ if (props.sortType === 'route' && sortParams.value !== 'noSort') {
+ return {
+ name: props.route.name,
+ query: { ...props.route.query, page: 1, colonne: colId, ordre: sortParams.value.ordre === 'asc' ? 'desc' : 'asc' },
+ params: props.route.params,
}
- })
-
- return () => (
- <div>
- <div class="fr-table fr-table--no-caption" style={{ overflow: 'auto' }}>
- <table style={{ display: 'table', minWidth: '100%' }}>
- <caption>{props.caption}</caption>
- <thead>
- <tr>
- {props.columns.map(col => (
- <th key={col.id} scope="col" class="nowrap">
- {col.noSort !== undefined && col.noSort ? (
- <div class="fr-text--md">{col.name === '' ? '-' : col.name}</div>
- ) : sortParams.value.column === col.id ? (
- <CaminoRouterLink
- class={['fr-link', 'fr-link--icon-right', sortParams.value.order === 'asc' ? 'fr-icon-arrow-down-fill' : 'fr-icon-arrow-up-fill']}
- to={{
- name: props.route.name ?? undefined,
- query: { ...props.route.query, page: 1, ordre: sortParams.value.order === 'asc' ? 'desc' : 'asc' },
- params: props.route.params,
- }}
- isDisabled={false}
- title={sortParams.value.order === 'asc' ? `Trier par la colonne ${col.name} par ordre descendant` : `Trier par la colonne ${col.name} par ordre ascendant`}
- >
- {col.name}
- </CaminoRouterLink>
- ) : (
- <CaminoRouterLink
- class={['fr-link']}
- isDisabled={false}
- to={{
- name: props.route.name ?? undefined,
- query: { ...props.route.query, page: 1, colonne: col.id, ordre: 'asc' },
- params: props.route.params,
- }}
- title={`Trier par la colonne ${col.name}`}
- >
- {col.name === '' ? '-' : col.name}
- </CaminoRouterLink>
- )}
- </th>
- ))}
- </tr>
- </thead>
- <tbody>
- {props.rows.status === 'LOADED' ? (
- <>
- {props.rows.value.rows.map(row => (
- <tr key={row.id} class={row.class}>
- {props.columns.map((col, index) => (
- <td key={col.id}>
- {index === 0 && row.link !== null ? (
- <router-link class="fr-link" to={row.link}>
- <DisplayColumn data={row.columns[col.id]} />
- </router-link>
+ }
+ return { name: 'erreur', query: {}, params: {} }
+ }
+ return () => (
+ <div>
+ <div class={[fr.cx('fr-table'), props.caption.visible ? null : fr.cx('fr-table--no-caption'), fr.cx('fr-table--no-scroll')]} style={{ overflow: 'auto' }}>
+ <div class={[fr.cx('fr-table__wrapper')]} style={{ width: 'auto' }}>
+ <div class={[fr.cx('fr-table__container')]}>
+ <div class={[fr.cx('fr-table__content')]}>
+ <table style={{ display: 'table', width: '100%' }}>
+ <caption>{props.caption.value}</caption>
+ <thead>
+ <tr>
+ {props.columns.map(col => (
+ <th key={col.id} scope="col" class={col.class}>
+ {(col.noSort !== undefined && col.noSort) || sortParams.value === 'noSort' ? (
+ col.contentTitle === '' ? (
+ '-'
) : (
- <DisplayColumn data={row.columns[col.id]} />
- )}
- </td>
- ))}
- </tr>
- ))}
- </>
- ) : (
- [...Array(10).keys()].map(index => (
- <tr key={index}>
- {props.columns.map((col, _index) => (
- <td key={col.id}>...</td>
+ col.contentTitle
+ )
+ ) : sortParams.value.colonne === col.id ? (
+ <CaminoRouterLink
+ class={[fr.cx('fr-link'), fr.cx('fr-link--icon-right'), sortParams.value.ordre === 'asc' ? fr.cx('fr-icon-arrow-down-fill') : fr.cx('fr-icon-arrow-up-fill')]}
+ to={routeOrderClick.value}
+ isDisabled={false}
+ title={sortParams.value.ordre === 'asc' ? `Trier par la colonne ${col.contentTitle} par ordre descendant` : `Trier par la colonne ${col.contentTitle} par ordre ascendant`}
+ >
+ {col.contentTitle}
+ </CaminoRouterLink>
+ ) : (
+ <CaminoRouterLink class={[fr.cx('fr-link')]} isDisabled={false} to={routeNewColumnClick(col.id)} title={`Trier par la colonne ${col.contentTitle}`}>
+ {col.contentTitle === '' ? '-' : col.contentTitle}
+ </CaminoRouterLink>
+ )}
+ </th>
))}
</tr>
- ))
- )}
- </tbody>
- </table>
+ </thead>
+ <tbody>
+ {props.rows.status === 'LOADED' ? (
+ <>
+ {props.rows.value.rows.map(row => (
+ <tr key={row.id} class={row.class}>
+ {props.columns.map((col, index) => (
+ <td key={col.id} class={col.class}>
+ {index === 0 && row.link !== null ? (
+ <router-link class={[fr.cx('fr-link')]} to={row.link}>
+ <DisplayColumn data={row.columns[col.id]} />
+ </router-link>
+ ) : (
+ <DisplayColumn data={row.columns[col.id]} />
+ )}
+ </td>
+ ))}
+ </tr>
+ ))}
+ </>
+ ) : (
+ [...Array(10).keys()].map(index => (
+ <tr key={index}>
+ {props.columns.map((col, _index) => (
+ <td key={col.id}>...</td>
+ ))}
+ </tr>
+ ))
+ )}
+ </tbody>
+ </table>
+ </div>
+ </div>
</div>
</div>
- )
- },
- { props: ['columns', 'rows', 'route', 'caption', 'updateParams'] }
-)
-
-export const DisplayColumn = (props: { data: ComponentColumnData | TextColumnData }): JSX.Element => {
- if (isComponentColumnData(props.data)) {
+ </div>
+ )
+})
+// @ts-ignore waiting for https://github.com/vuejs/core/issues/7833
+Table.props = ['columns', 'rows', 'route', 'caption', 'updateParams', 'sortType', 'initialSort']
+
+const DisplayColumn = (props: { data: JSXElementColumnData | ComponentColumnData | TextColumnData }): JSX.Element => {
+ if (props.data.type === 'component') {
// @ts-ignore 2024-09-12 typescript ne voit pas que le composant est utilisé juste en dessous dans le TSX, mais ça fonctionne quand même...
const myComp = props.data.component
@@ -195,6 +223,8 @@ export const DisplayColumn = (props: { data: ComponentColumnData | TextColumnDat
} else {
return <myComp {...props.data.props} class={props.data.class ?? ''} />
}
+ } else if (props.data.type === 'jsx') {
+ return props.data.jsxElement
}
return <span class={(props.data.class ?? []).join(' ') ?? ''}>{props.data.value}</span>
diff --git a/packages/ui/src/components/_ui/tabs.tsx b/packages/ui/src/components/_ui/tabs.tsx
index 9eb30f16cb29ed318974c2053dad69b958b07802..4672dee909a59ee1054a1ed6be21eb062f5e90bb 100644
--- a/packages/ui/src/components/_ui/tabs.tsx
+++ b/packages/ui/src/components/_ui/tabs.tsx
@@ -1,10 +1,11 @@
import { Ref, computed, defineComponent, onBeforeUnmount, onMounted, ref } from 'vue'
-import { DsfrIcon } from './dsfrIconSpriteType'
+import { FrIconClassName } from '@codegouvfr/react-dsfr'
+
import { NonEmptyArray, isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
import { random } from '../../utils/vue-tsx-utils'
import type { JSX } from 'vue/jsx-runtime'
-export type Tab<TabId extends string> = { icon: DsfrIcon | null; title: string; id: TabId; renderContent: () => JSX.Element }
+export type Tab<TabId extends string> = { icon: FrIconClassName | null; title: string; id: TabId; renderContent: () => JSX.Element }
type Props<TabId extends string> = {
tabsTitle: string
diff --git a/packages/ui/src/components/activite-edition.stories_snapshots_FullDeposable.html b/packages/ui/src/components/activite-edition.stories_snapshots_FullDeposable.html
index 88dfaa5c5bcfb3087fdbe185c6cf5bac4883fae5..1c8d7ec6cb65c1ce16327485f82944f7f3b39763 100644
--- a/packages/ui/src/components/activite-edition.stories_snapshots_FullDeposable.html
+++ b/packages/ui/src/components/activite-edition.stories_snapshots_FullDeposable.html
@@ -37,7 +37,7 @@
</div>
</fieldset>
</div>
- <div style="overflow-x: auto;">
+ <div>
<!---->
<!---->
</div>
diff --git a/packages/ui/src/components/activite-edition.stories_snapshots_FullEmpty.html b/packages/ui/src/components/activite-edition.stories_snapshots_FullEmpty.html
index a8bbc912a7a76f4cb53f889b0b2ea7f9a6c450ec..f21023ae972f287d3d8115e9a34e844b61d713b1 100644
--- a/packages/ui/src/components/activite-edition.stories_snapshots_FullEmpty.html
+++ b/packages/ui/src/components/activite-edition.stories_snapshots_FullEmpty.html
@@ -197,7 +197,7 @@
</div>
</fieldset>
</div>
- <div style="overflow-x: auto;">
+ <div>
<!---->
<!---->
</div>
diff --git a/packages/ui/src/components/activite-edition.stories_snapshots_FullEmptyWithMandatoryDocument.html b/packages/ui/src/components/activite-edition.stories_snapshots_FullEmptyWithMandatoryDocument.html
index 878aee6886235f1f37525065b9d72d43b7af1ef0..8c60daf4771653d8410806e20980de1dc751f52b 100644
--- a/packages/ui/src/components/activite-edition.stories_snapshots_FullEmptyWithMandatoryDocument.html
+++ b/packages/ui/src/components/activite-edition.stories_snapshots_FullEmptyWithMandatoryDocument.html
@@ -200,21 +200,29 @@
</div>
</fieldset>
</div>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l'activité *</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col" style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
- <!---->
- </button></th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'activité</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
+ <!---->
+ </button></th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!---->
</div>
diff --git a/packages/ui/src/components/activite.stories_snapshots_ACompleter.html b/packages/ui/src/components/activite.stories_snapshots_ACompleter.html
index c0c58344b8d65068092a46629d6ce532ee3e50a1..51af7b761c4c82683606cc4673d9c3e4df00c3b4 100644
--- a/packages/ui/src/components/activite.stories_snapshots_ACompleter.html
+++ b/packages/ui/src/components/activite.stories_snapshots_ACompleter.html
@@ -33,27 +33,29 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l’activité</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank" class="">Rapport environnemental d'exploration</a></td>
- <td class=""><span class="">description</span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'activité</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank">Rapport environnemental d'exploration</a></td>
+ <td><span class="">description</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/activite.stories_snapshots_Deposable.html b/packages/ui/src/components/activite.stories_snapshots_Deposable.html
index 8fb84f6c1da28d9b16552e9d373ab267875c11dc..02db2fa1c526a2493ced1668d323daddc7070945 100644
--- a/packages/ui/src/components/activite.stories_snapshots_Deposable.html
+++ b/packages/ui/src/components/activite.stories_snapshots_Deposable.html
@@ -33,27 +33,29 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l’activité</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank" class="">Rapport environnemental d'exploration</a></td>
- <td class=""><span class="">description</span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'activité</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank">Rapport environnemental d'exploration</a></td>
+ <td><span class="">description</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/activite.stories_snapshots_Supprimable.html b/packages/ui/src/components/activite.stories_snapshots_Supprimable.html
index 0b8b3989c4bcbe5417754ec9a6b8f7cf13257726..24ac367d195c9603ed088b6ee683159deeb4f49e 100644
--- a/packages/ui/src/components/activite.stories_snapshots_Supprimable.html
+++ b/packages/ui/src/components/activite.stories_snapshots_Supprimable.html
@@ -33,27 +33,29 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l’activité</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank" class="">Rapport environnemental d'exploration</a></td>
- <td class=""><span class="">description</span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'activité</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank">Rapport environnemental d'exploration</a></td>
+ <td><span class="">description</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_AvecDesDocumentsDejaPresents.html b/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_AvecDesDocumentsDejaPresents.html
index 6d098e4c2def7815c93e3cf600f500a95e8ac83d..fe4e0ad3acd1dbed967075fa7e764d8c43cd6834 100644
--- a/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_AvecDesDocumentsDejaPresents.html
+++ b/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_AvecDesDocumentsDejaPresents.html
@@ -1,26 +1,34 @@
-<div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l'activité </caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col" style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
- <!---->
- </button></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank">Rapport environnemental d'exploration</a></td>
- <td>description</td>
- <td><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer le document Rapport environnemental d'exploration" aria-label="Supprimer le document Rapport environnemental d'exploration" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'activité (optionnel)</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
+ <!---->
+ </button></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/activiteDocuments/id1" title="Télécharger le document Rapport environnemental d'exploration - nouvelle fenêtre" target="_blank">Rapport environnemental d'exploration</a></td>
+ <td><span class="">description</span></td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer le document Rapport environnemental d'exploration" aria-label="Supprimer le document Rapport environnemental d'exploration" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!---->
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_DocumentObligatoire.html b/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_DocumentObligatoire.html
index 7b4058cb45887d42d0c77af223d9be92672507f7..cd5095078deab2cece133750feb564dae4872bc7 100644
--- a/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_DocumentObligatoire.html
+++ b/packages/ui/src/components/activite/activite-documents-edit.stories_snapshots_DocumentObligatoire.html
@@ -1,18 +1,26 @@
-<div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l'activité *</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col" style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
- <!---->
- </button></th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+<div>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'activité</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
+ <!---->
+ </button></th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!---->
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/activite/activite-documents-edit.tsx b/packages/ui/src/components/activite/activite-documents-edit.tsx
index d51dec320a74bdbaa62ecc309f15e48ee7bac231..fbe602f07ae8066fb68563923042575612cce860 100644
--- a/packages/ui/src/components/activite/activite-documents-edit.tsx
+++ b/packages/ui/src/components/activite/activite-documents-edit.tsx
@@ -4,11 +4,13 @@ import { DocumentsTypes } from 'camino-common/src/static/documentsTypes'
import { ApiClient } from '@/api/api-client'
import { ActiviteDocumentLink } from './preview'
import { DsfrButtonIcon } from '../_ui/dsfr-button'
-import { defineComponent, ref, watch } from 'vue'
+import { computed, defineComponent, ref, watch } from 'vue'
import { isActiviteDocumentsComplete } from 'camino-common/src/permissions/activites'
import { AddActiviteDocumentPopup } from './add-activite-document-popup'
import { activitesTypesDocumentsTypes } from 'camino-common/src/static/activitesTypesDocumentsTypes'
import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
interface Props {
apiClient: Pick<ApiClient, 'uploadTempDocument'>
@@ -18,7 +20,9 @@ interface Props {
}
const isTempActiviteDocument = (activiteDocument: ActiviteDocument | TempActiviteDocument): activiteDocument is TempActiviteDocument => 'tempDocumentName' in activiteDocument
+
const isActiviteDocument = (activiteDocument: ActiviteDocument | TempActiviteDocument): activiteDocument is ActiviteDocument => !isTempActiviteDocument(activiteDocument)
+type ColumnId = 'nom' | 'description' | 'add'
export const ActiviteDocumentsEdit = defineComponent<Props>(props => {
const addPopup = ref<boolean>(false)
@@ -43,50 +47,43 @@ export const ActiviteDocumentsEdit = defineComponent<Props>(props => {
}
notifyChange()
+ const columns: Column<ColumnId>[] = [
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'description', contentTitle: 'Description' },
+ { id: 'add', contentTitle: <DsfrButtonIcon icon="fr-icon-add-line" title="Ajouter un document" onClick={() => (addPopup.value = true)} /> },
+ ]
+ const rows = computed(() => {
+ return documents.value.map<TableRow<ColumnId>>((item, index) => {
+ return {
+ id: `${index}`,
+ link: null,
+ columns: {
+ nom: isTempActiviteDocument(item)
+ ? { type: 'text', value: DocumentsTypes[item.activite_document_type_id].nom }
+ : { type: 'jsx', jsxElement: <ActiviteDocumentLink activiteDocumentId={item.id} activiteDocumentTypeId={item.activite_document_type_id} />, value: item.activite_document_type_id },
+ description: { type: 'text', value: item.description ?? '' },
+ add: {
+ type: 'jsx',
+ jsxElement: (
+ <DsfrButtonIcon
+ icon="fr-icon-delete-bin-line"
+ buttonType="secondary"
+ title={`Supprimer le document ${DocumentsTypes[item.activite_document_type_id].nom}`}
+ onClick={() => {
+ documents.value.splice(index, 1)
+ notifyChange()
+ }}
+ />
+ ),
+ value: `Supprimer le document ${index}`,
+ },
+ },
+ }
+ })
+ })
return () => (
- <div style={{ overflowX: 'auto' }}>
- {hasDocumentTypes ? (
- <div class="fr-table">
- <table style={{ display: 'table' }}>
- <caption>Documents de l'activité {isNotMandatory ? '' : '*'}</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col" style={{ display: 'flex', justifyContent: 'end' }}>
- <DsfrButtonIcon icon="fr-icon-add-line" title="Ajouter un document" onClick={() => (addPopup.value = true)} />
- </th>
- </tr>
- </thead>
- <tbody>
- {documents.value.map((item, index) => (
- <tr>
- <td>
- {isTempActiviteDocument(item) ? (
- <>{DocumentsTypes[item.activite_document_type_id].nom}</>
- ) : (
- <ActiviteDocumentLink activiteDocumentId={item.id} activiteDocumentTypeId={item.activite_document_type_id} />
- )}
- </td>
- <td>{item.description}</td>
- <td>
- <DsfrButtonIcon
- icon="fr-icon-delete-bin-line"
- buttonType="secondary"
- title={`Supprimer le document ${DocumentsTypes[item.activite_document_type_id].nom}`}
- onClick={() => {
- documents.value.splice(index, 1)
- notifyChange()
- }}
- />
- </td>
- </tr>
- ))}
- </tbody>
- </table>
- </div>
- ) : null}
-
+ <div>
+ {hasDocumentTypes ? <TableSimple caption={{ value: `Documents de l'activité${isNotMandatory ? ' (optionnel)' : ''}`, visible: true }} columns={columns} rows={rows.value} /> : null}
{addPopup.value ? (
<AddActiviteDocumentPopup
apiClient={props.apiClient}
diff --git a/packages/ui/src/components/activite/preview.tsx b/packages/ui/src/components/activite/preview.tsx
index 60e90c37a8a0952f9187cc07fd0b9bfe376722a7..ac5f46b445e729d29ee0d281cdf6150b8a5f8886 100644
--- a/packages/ui/src/components/activite/preview.tsx
+++ b/packages/ui/src/components/activite/preview.tsx
@@ -4,7 +4,7 @@ import { getPeriode } from 'camino-common/src/static/frequence'
import { ACTIVITES_STATUTS_IDS } from 'camino-common/src/static/activitesStatuts'
import { ActiviteType, ActivitesTypes } from 'camino-common/src/static/activitesTypes'
import { Sections } from '../_common/new-section'
-import { Column, TableAuto } from '../_ui/table-auto'
+import { Column, TableSimple } from '../_ui/table-simple'
import { getDownloadRestRoute } from '../../api/client-rest'
import { ActiviteDocumentTypeId, DocumentsTypes } from 'camino-common/src/static/documentsTypes'
import { DsfrButton, DsfrButtonIcon, DsfrLink } from '../_ui/dsfr-button'
@@ -15,6 +15,7 @@ import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
import { capitalize } from 'camino-common/src/strings'
import { ActiviteStatut } from '../_common/activite-statut'
import { ModifiedDate } from '../_common/modified-date'
+import { TableRow } from '../_ui/table'
interface Props {
activite: Activite
@@ -22,8 +23,8 @@ interface Props {
}
const documentColumns = [
- { id: 'activiteDocumentTypeId', name: 'Nom', noSort: true },
- { id: 'description', name: 'Description', noSort: true },
+ { id: 'activiteDocumentTypeId', contentTitle: 'Nom' },
+ { id: 'description', contentTitle: 'Description' },
] as const satisfies readonly Column[]
// TODO 2024-07-02 Supprimer la notion de deposable dans l'API, et faire comme pour le dépôt d'une étape
@@ -45,16 +46,16 @@ export const Preview = defineComponent<Props>(props => {
const activiteType = computed<ActiviteType>(() => ActivitesTypes[props.activite.type_id])
- const documentRows = props.activite.activite_documents.map(document => ({
+ const documentRows = props.activite.activite_documents.map<TableRow>(document => ({
id: document.id,
link: null,
columns: {
activiteDocumentTypeId: {
- component: ActiviteDocumentLink,
- props: { activiteDocumentId: document.id, activiteDocumentTypeId: document.activite_document_type_id },
+ type: 'jsx',
+ jsxElement: <ActiviteDocumentLink activiteDocumentId={document.id} activiteDocumentTypeId={document.activite_document_type_id} />,
value: document.activite_document_type_id,
},
- description: { value: document.description ?? '' },
+ description: { type: 'text', value: document.description ?? '' },
},
}))
@@ -117,7 +118,7 @@ export const Preview = defineComponent<Props>(props => {
<Sections sections={props.activite.sections_with_value} />
- {documentRows.length > 0 ? <TableAuto caption={'Documents de l’activité'} columns={documentColumns} rows={documentRows} initialSort={'firstColumnAsc'} /> : null}
+ {documentRows.length > 0 ? <TableSimple caption={{ value: "Documents de l'activité", visible: true }} columns={documentColumns} rows={documentRows} /> : null}
</div>
</div>
{deposePopupVisible.value ? <ActiviteDeposePopup close={closeDeposePopup} activite={props.activite} apiClient={props.apiClient} /> : null}
diff --git a/packages/ui/src/components/activites.stories_snapshots_Full.html b/packages/ui/src/components/activites.stories_snapshots_Full.html
index b6dfbdc74a9999b7f2bd8b4358260b260d2ae0c1..3ec088232c41fd2df5f4ac145ee1cd2665c9bdaa 100644
--- a/packages/ui/src/components/activites.stories_snapshots_Full.html
+++ b/packages/ui/src/components/activites.stories_snapshots_Full.html
@@ -383,126 +383,128 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>activités</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Année" class="fr-link" aria-label="Trier par la colonne Année">Année</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Période" class="fr-link" aria-label="Trier par la colonne Période">Période</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de rapport</div>
- </th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-0}}" type="primary"><span class="">Nom Du Titre 0</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 0</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-1}}" type="primary"><span class="">Nom Du Titre 1</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 1</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-2}}" type="primary"><span class="">Nom Du Titre 2</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 2</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-3}}" type="primary"><span class="">Nom Du Titre 3</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 3</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-4}}" type="primary"><span class="">Nom Du Titre 4</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 4</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-5}}" type="primary"><span class="">Nom Du Titre 5</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 5</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-6}}" type="primary"><span class="">Nom Du Titre 6</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 6</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-7}}" type="primary"><span class="">Nom Du Titre 7</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 7</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-8}}" type="primary"><span class="">Nom Du Titre 8</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 8</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-9}}" type="primary"><span class="">Nom Du Titre 9</span></a></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Nom de l'entreprise 9</li></ul></span></td>
- <td><span class="">2023</span></td>
- <td><span class="">2e trimestre</span></td>
- <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>activités</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
+ <th scope="col">Titulaires</th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Année" class="fr-link" aria-label="Trier par la colonne Année">Année</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Période" class="fr-link" aria-label="Trier par la colonne Période">Période</a></th>
+ <th scope="col">Type de rapport</th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-0}}" type="primary"><span class="">Nom Du Titre 0</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 0</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-1}}" type="primary"><span class="">Nom Du Titre 1</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 1</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-2}}" type="primary"><span class="">Nom Du Titre 2</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 2</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-3}}" type="primary"><span class="">Nom Du Titre 3</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 3</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-4}}" type="primary"><span class="">Nom Du Titre 4</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 4</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-5}}" type="primary"><span class="">Nom Du Titre 5</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 5</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-6}}" type="primary"><span class="">Nom Du Titre 6</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 6</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-7}}" type="primary"><span class="">Nom Du Titre 7</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 7</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-8}}" type="primary"><span class="">Nom Du Titre 8</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 8</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:activite,params:{activiteId:slug-activite-id-9}}" type="primary"><span class="">Nom Du Titre 9</span></a></td>
+ <td><span><ul><li class="fr-text--xs">Nom de l'entreprise 9</li></ul></span></td>
+ <td><span class="">2023</span></td>
+ <td><span class="">2e trimestre</span></td>
+ <td><span class="">Rapport trimestriel d'exploitation d'or en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="déposé" aria-label="déposé">déposé</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/activites.tsx b/packages/ui/src/components/activites.tsx
index 502865d0a846638123d762d82dc81e6259766079..8eeecf5d935fe1ced0c66933fbfff4d6e9b699d2 100644
--- a/packages/ui/src/components/activites.tsx
+++ b/packages/ui/src/components/activites.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, inject, markRaw, ref } from 'vue'
+import { defineComponent, inject, ref } from 'vue'
import { Liste, Params } from './_common/liste'
import { getPeriode } from 'camino-common/src/static/frequence'
import { ActivitesStatuts } from 'camino-common/src/static/activitesStatuts'
@@ -24,29 +24,29 @@ export const activitesColonneIdAnnee = 'annee'
const activitesColonnes = [
{
id: 'titre',
- name: 'Titre',
+ contentTitle: 'Titre',
},
{
id: 'titulaires',
- name: 'Titulaires',
+ contentTitle: 'Titulaires',
noSort: true,
},
{
id: activitesColonneIdAnnee,
- name: 'Année',
+ contentTitle: 'Année',
},
{
id: 'periode',
- name: 'Période',
+ contentTitle: 'Période',
},
{
id: 'activite_type',
- name: 'Type de rapport',
+ contentTitle: 'Type de rapport',
noSort: true,
},
{
id: 'statut',
- name: 'Statut',
+ contentTitle: 'Statut',
},
] as const satisfies readonly Column[]
@@ -59,27 +59,22 @@ const activitesLignesBuild = (activites: UiGraphqlActivite[], entreprises: Entre
return activites.map(activite => {
const activiteStatut = ActivitesStatuts[activite.activiteStatutId]
- const columns = {
- titre: { value: activite.titre.nom },
+ const columns: TableRow['columns'] = {
+ titre: { type: 'text', value: activite.titre.nom },
titulaires: {
- component: markRaw(List),
- props: {
- elements: activite.titre.titulaireIds.map(id => entreprisesIndex[id]),
- mini: true,
- },
- class: 'mb--xs',
+ type: 'jsx',
+ jsxElement: <List elements={activite.titre.titulaireIds.map(id => entreprisesIndex[id])} mini={true} />,
value: activite.titre.titulaireIds.map(id => entreprisesIndex[id]).join(', '),
},
- annee: { value: activite.annee },
- activite_type: { value: capitalize(ActivitesTypes[activite.typeId].nom) },
+ annee: { type: 'text', value: activite.annee },
+ activite_type: { type: 'text', value: capitalize(ActivitesTypes[activite.typeId].nom) },
periode: {
+ type: 'text',
value: getPeriode(ActivitesTypes[activite.typeId].frequenceId, activite.periodeId),
},
statut: {
- component: markRaw(ActiviteStatut),
- props: {
- activiteStatutId: activiteStatut.id,
- },
+ type: 'jsx',
+ jsxElement: <ActiviteStatut activiteStatutId={activiteStatut.id} />,
value: activiteStatut.nom,
},
}
diff --git a/packages/ui/src/components/administration.stories_snapshots_Default.html b/packages/ui/src/components/administration.stories_snapshots_Default.html
index 485f560bb743c919c50b3265be22591f3a8ffa40..0a85225a2a415fe9a8e4564884e2d34455266f91 100644
--- a/packages/ui/src/components/administration.stories_snapshots_Default.html
+++ b/packages/ui/src/components/administration.stories_snapshots_Default.html
@@ -18,31 +18,35 @@ CS 76003
<p class="fr-text--lg">Un utilisateur d'une <b>administration locale</b> peut créer et modifier le contenu des titres du territoire concerné.</p>
</div>
<div>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Utilisateurs</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Nom par ordre descendant" aria-label="Trier par la colonne Nom par ordre descendant" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Prénom" aria-label="Trier par la colonne Prénom" href="#!">Prénom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Email" aria-label="Trier par la colonne Email" href="#!">Email</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Rôle" aria-label="Trier par la colonne Rôle" href="#!">Rôle</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Lien</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:utilisateur,params:{id:jeanmichel}}" type="primary"><span class="">Michel</span></a></td>
- <td class=""><span class="">Jean</span></td>
- <td class=""><span class="h6">jean.michel@gmail.com</span></td>
- <td class=""><span class="bg-neutral color-bg pill py-xs px-s small bold">admin</span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">BRGM</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Utilisateurs</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Prénom</th>
+ <th scope="col">Email</th>
+ <th scope="col">Rôle</th>
+ <th scope="col">Lien</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:utilisateur,params:{id:jeanmichel}}" type="primary"><span class="">Michel</span></a></td>
+ <td><span class="">Jean</span></td>
+ <td><span class="h6">jean.michel@gmail.com</span></td>
+ <td><span class="bg-neutral color-bg pill py-xs px-s small bold">admin</span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">BRGM</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -58,49 +62,62 @@ CS 76003
</div>
<hr>
<div>
- <div class="overflow-scroll-x fr-table fr-table--no-caption">
- <table style="display: table;">
- <thead>
- <th>Type d'activité</th>
- <th>Email</th>
- <th>Actions</th>
- </thead>
- <tr>
- <td>
- <div class="fr-select-group"><label class="fr-label" for="select_74">Activité
- <!---->
- </label><select class="fr-select" id="select_74" aria-label="Activité" name="select_74">
- <option value="gra">Rapport d'exploitation (permis et concessions M) (GRA)</option>
- <option value="grp">Rapport trimestriel d'exploitation d'or en Guyane (GRP)</option>
- <option value="grx">Rapport d'exploitation (autorisations M) (GRX)</option>
- <option value="pma">Rapport d'intensité d'exploration (PMA)</option>
- <option value="pmb">Rapport financier d'exploration (PMB)</option>
- <option value="pmc">Rapport environnemental d'exploration (PMC)</option>
- <option value="pmd">Rapport social et économique d'exploration (PMD)</option>
- <option value="wrp">Rapport d'exploitation (permis et concessions W) (WRP)</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select></div>
- </td>
- <td>
- <div class="fr-input-group" style="margin-bottom: 0px;"><label class="fr-label" for="input_670">Email
- <!---->
- <!---->
- </label><input class="fr-input" name="input_670" id="input_670" type="email">
- <!---->
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Type d'activité</th>
+ <th scope="col">Email</th>
+ <th scope="col" class="fr-cell--bottom">Actions</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group"><label class="fr-label" for="select_271">Activité
+ <!---->
+ </label><select class="fr-select" id="select_271" aria-label="Activité" name="select_271">
+ <option value="gra">Rapport d'exploitation (permis et concessions M) (GRA)</option>
+ <option value="grp">Rapport trimestriel d'exploitation d'or en Guyane (GRP)</option>
+ <option value="grx">Rapport d'exploitation (autorisations M) (GRX)</option>
+ <option value="pma">Rapport d'intensité d'exploration (PMA)</option>
+ <option value="pmb">Rapport financier d'exploration (PMB)</option>
+ <option value="pmc">Rapport environnemental d'exploration (PMC)</option>
+ <option value="pmd">Rapport social et économique d'exploration (PMD)</option>
+ <option value="wrp">Rapport d'exploitation (permis et concessions W) (WRP)</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select></div>
+ </td>
+ <td>
+ <div class="fr-input-group" style="margin-bottom: 0px;"><label class="fr-label" for="input_670">Email
+ <!---->
+ <!---->
+ </label><input class="fr-input" name="input_670" id="input_670" type="email">
+ <!---->
+ </div>
+ </td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" disabled="" title="Ajouter un email pour un type d'activité" aria-label="Ajouter un email pour un type d'activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="">Rapport d'exploitation (autorisations M) (GRX)</span></td>
+ <td><span class="">toto@toto.com</span></td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
</div>
- </td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" disabled="" title="Ajouter un email pour un type d'activité" aria-label="Ajouter un email pour un type d'activité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td><span>Rapport d'exploitation (autorisations M) (GRX)</span></td>
- <td>toto@toto.com</td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
- <!---->
- </button></td>
- </tr>
- </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -116,61 +133,59 @@ CS 76003
</ul>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Gestionnaire</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Associée</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Gestionnaire</th>
+ <th scope="col">Associée</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Est gestionnaire de ce type de titre"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="N’est pas associée à ce type de titre"></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -185,119 +200,113 @@ CS 76003
<p>Restreint ces droits par domaine / type de titre / statut de titre.</p>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Statut de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titres</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Démarches</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Étapes</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Statut de titre</th>
+ <th scope="col">Titres</th>
+ <th scope="col">Démarches</th>
+ <th scope="col">Étapes</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="La modification des étapes est autorisée"></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -308,415 +317,409 @@ CS 76003
<p>Restreint ces droits par domaine / type de titre / type d'étape.</p>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type d'étape</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Visibilité</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Modification</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Création</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Saisine du préfet</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Saisine du conseil général de l'économie (CGE)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Saisine de l'autorité signataire</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Rapport du conseil général de l'économie (CGE)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Participation du public</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Notification au préfet</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Enregistrement de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Avis de demande concurrente</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Publication de décision au JORF</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Décision implicite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Décision de l'autorité administrative</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Désistement du demandeur</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Classement sans suite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Publication de l'avis de décision implicite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Décision du juge administratif</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Avis du CGE et de l'IGEDD</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Abrogation de la décision</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Saisine du préfet</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Saisine du Conseil d'Etat</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Saisine du conseil général de l'économie (CGE)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Saisine de l'autorité signataire</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Rapport du Conseil d'État</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Rapport du conseil général de l'économie (CGE)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Participation du public</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Notification au préfet</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Enregistrement de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Avis de demande concurrente</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Publication de décision au JORF</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Décision implicite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Décision de l'autorité administrative</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Désistement du demandeur</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Classement sans suite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Avis du Conseil d'Etat</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Décision du juge administratif</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Avis du CGE et de l'IGEDD</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class=""><span class="">Abrogation de la décision</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Type d'étape</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col">Modification</th>
+ <th scope="col">Création</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Abrogation de la décision</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Avis du CGE et de l'IGEDD</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Décision du juge administratif</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Avis du Conseil d'Etat</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Classement sans suite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Désistement du demandeur</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Décision de l'autorité administrative</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Décision implicite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Publication de décision au JORF</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Avis de demande concurrente</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Enregistrement de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Notification au préfet</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Participation du public</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Rapport du conseil général de l'économie (CGE)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Rapport du Conseil d'État</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Saisine de l'autorité signataire</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Saisine du conseil général de l'économie (CGE)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Saisine du Conseil d'Etat</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td><span class="">Saisine du préfet</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Abrogation de la décision</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Avis du CGE et de l'IGEDD</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Décision du juge administratif</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Publication de l'avis de décision implicite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Classement sans suite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Désistement du demandeur</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Décision de l'autorité administrative</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Décision implicite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Publication de décision au JORF</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Avis de demande concurrente</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Enregistrement de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Notification au préfet</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Participation du public</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Rapport du conseil général de l'économie (CGE)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Saisine de l'autorité signataire</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Saisine du conseil général de l'économie (CGE)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Saisine du préfet</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/administration.tsx b/packages/ui/src/components/administration.tsx
index 75aecd4a64978fc8f95b8649145d92035e9ff232..bb055c7df96bfe68a2fc0dd72bb82b401650123c 100644
--- a/packages/ui/src/components/administration.tsx
+++ b/packages/ui/src/components/administration.tsx
@@ -1,7 +1,7 @@
import { apiClient, ApiClient } from '@/api/api-client'
import { useRoute } from 'vue-router'
-import { TableAuto } from './_ui/table-auto'
+import { TableSimple } from './_ui/table-simple'
import { LoadingElement } from './_ui/functional-loader'
import { Permissions } from './administration/permissions'
import { ActivitesTypesEmails } from './administration/activites-types-emails'
@@ -170,7 +170,7 @@ export const PureAdministration = defineComponent<Props>(props => {
data={utilisateurs.value}
renderItem={item => (
<div>
- <TableAuto caption="Utilisateurs" columns={utilisateursColonnes} rows={utilisateursLignesBuild(item, props.entreprises)} initialSort={'firstColumnAsc'} />
+ <TableSimple caption={{ value: 'Utilisateurs', visible: true }} columns={utilisateursColonnes} rows={utilisateursLignesBuild(item, props.entreprises)} />
</div>
)}
/>
diff --git a/packages/ui/src/components/administration/activites-types-emails.stories.tsx b/packages/ui/src/components/administration/activites-types-emails.stories.tsx
index 31cc0b151d2b0f094a34375f9b9859c5c4a179de..d4015f8cf0d8340a454e057112dcc474701ca571 100644
--- a/packages/ui/src/components/administration/activites-types-emails.stories.tsx
+++ b/packages/ui/src/components/administration/activites-types-emails.stories.tsx
@@ -1,9 +1,10 @@
import { ActivitesTypesEmails } from './activites-types-emails'
import { Meta, StoryFn } from '@storybook/vue3'
import { ACTIVITES_TYPES_IDS } from 'camino-common/src/static/activitesTypes'
-import { ADMINISTRATION_IDS } from 'camino-common/src/static/administrations'
+import { ADMINISTRATION_IDS, AdministrationId } from 'camino-common/src/static/administrations'
import { testBlankUser } from 'camino-common/src/tests-utils'
import { action } from '@storybook/addon-actions'
+import { AdministrationActiviteTypeEmail } from 'camino-common/src/administrations'
const meta: Meta = {
title: 'Components/Administration/ActivitesTypesEmails',
@@ -23,12 +24,15 @@ const activitesTypesEmails = [
},
]
-const emailUpdate = async () => {
- action('emailUpdate')
+const emailUpdateAction = action('emailUpdate')
+const emailDeleteAction = action('emailDelete')
+
+const emailUpdate = async (administrationId: AdministrationId, administrationActiviteTypeEmail: AdministrationActiviteTypeEmail) => {
+ emailUpdateAction(administrationId, administrationActiviteTypeEmail)
return Promise.resolve()
}
-const emailDelete = async () => {
- action('emailDelete')
+const emailDelete = async (administrationId: AdministrationId, administrationActiviteTypeEmail: AdministrationActiviteTypeEmail) => {
+ emailDeleteAction(administrationId, administrationActiviteTypeEmail)
return Promise.resolve()
}
export const EmailLectureVisible: StoryFn = () => (
diff --git a/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationSurAdministrationVisible.html b/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationSurAdministrationVisible.html
index 4d16148e87eab806835299ecadd973d34cc61d96..7dee0635f46b89c2574b6229c05631693c02a074 100644
--- a/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationSurAdministrationVisible.html
+++ b/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationSurAdministrationVisible.html
@@ -9,56 +9,69 @@
</div>
<hr>
<div>
- <div class="overflow-scroll-x fr-table fr-table--no-caption">
- <table style="display: table;">
- <thead>
- <th>Type d'activité</th>
- <th>Email</th>
- <th>Actions</th>
- </thead>
- <tr>
- <td>
- <div class="fr-select-group"><label class="fr-label" for="select_271">Activité
- <!---->
- </label><select class="fr-select" id="select_271" aria-label="Activité" name="select_271">
- <option value="gra">Rapport d'exploitation (permis et concessions M) (GRA)</option>
- <option value="grp">Rapport trimestriel d'exploitation d'or en Guyane (GRP)</option>
- <option value="grx">Rapport d'exploitation (autorisations M) (GRX)</option>
- <option value="pma">Rapport d'intensité d'exploration (PMA)</option>
- <option value="pmb">Rapport financier d'exploration (PMB)</option>
- <option value="pmc">Rapport environnemental d'exploration (PMC)</option>
- <option value="pmd">Rapport social et économique d'exploration (PMD)</option>
- <option value="wrp">Rapport d'exploitation (permis et concessions W) (WRP)</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select></div>
- </td>
- <td>
- <div class="fr-input-group" style="margin-bottom: 0px;"><label class="fr-label" for="input_670">Email
- <!---->
- <!---->
- </label><input class="fr-input" name="input_670" id="input_670" type="email">
- <!---->
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Type d'activité</th>
+ <th scope="col">Email</th>
+ <th scope="col" class="fr-cell--bottom">Actions</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group"><label class="fr-label" for="select_271">Activité
+ <!---->
+ </label><select class="fr-select" id="select_271" aria-label="Activité" name="select_271">
+ <option value="gra">Rapport d'exploitation (permis et concessions M) (GRA)</option>
+ <option value="grp">Rapport trimestriel d'exploitation d'or en Guyane (GRP)</option>
+ <option value="grx">Rapport d'exploitation (autorisations M) (GRX)</option>
+ <option value="pma">Rapport d'intensité d'exploration (PMA)</option>
+ <option value="pmb">Rapport financier d'exploration (PMB)</option>
+ <option value="pmc">Rapport environnemental d'exploration (PMC)</option>
+ <option value="pmd">Rapport social et économique d'exploration (PMD)</option>
+ <option value="wrp">Rapport d'exploitation (permis et concessions W) (WRP)</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select></div>
+ </td>
+ <td>
+ <div class="fr-input-group" style="margin-bottom: 0px;"><label class="fr-label" for="input_670">Email
+ <!---->
+ <!---->
+ </label><input class="fr-input" name="input_670" id="input_670" type="email">
+ <!---->
+ </div>
+ </td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" disabled="" title="Ajouter un email pour un type d'activité" aria-label="Ajouter un email pour un type d'activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="">Rapport d'exploitation (autorisations M) (GRX)</span></td>
+ <td><span class="">foo@bar.co</span></td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="">Rapport d'intensité d'exploration (PMA)</span></td>
+ <td><span class="">toto@tata.com</span></td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
</div>
- </td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" disabled="" title="Ajouter un email pour un type d'activité" aria-label="Ajouter un email pour un type d'activité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td><span>Rapport d'exploitation (autorisations M) (GRX)</span></td>
- <td>foo@bar.co</td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td><span>Rapport d'intensité d'exploration (PMA)</span></td>
- <td>toto@tata.com</td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
- <!---->
- </button></td>
- </tr>
- </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationVisible.html b/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationVisible.html
index 4bcc7d52296718fad6403b34050d3be85e50166b..7d889da19ca25a1b60ef7793ebb02bfb6a9f9b36 100644
--- a/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationVisible.html
+++ b/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationVisible.html
@@ -7,56 +7,69 @@
</div>
<hr>
<div>
- <div class="overflow-scroll-x fr-table fr-table--no-caption">
- <table style="display: table;">
- <thead>
- <th>Type d'activité</th>
- <th>Email</th>
- <th>Actions</th>
- </thead>
- <tr>
- <td>
- <div class="fr-select-group"><label class="fr-label" for="select_271">Activité
- <!---->
- </label><select class="fr-select" id="select_271" aria-label="Activité" name="select_271">
- <option value="gra">Rapport d'exploitation (permis et concessions M) (GRA)</option>
- <option value="grp">Rapport trimestriel d'exploitation d'or en Guyane (GRP)</option>
- <option value="grx">Rapport d'exploitation (autorisations M) (GRX)</option>
- <option value="pma">Rapport d'intensité d'exploration (PMA)</option>
- <option value="pmb">Rapport financier d'exploration (PMB)</option>
- <option value="pmc">Rapport environnemental d'exploration (PMC)</option>
- <option value="pmd">Rapport social et économique d'exploration (PMD)</option>
- <option value="wrp">Rapport d'exploitation (permis et concessions W) (WRP)</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select></div>
- </td>
- <td>
- <div class="fr-input-group" style="margin-bottom: 0px;"><label class="fr-label" for="input_670">Email
- <!---->
- <!---->
- </label><input class="fr-input" name="input_670" id="input_670" type="email">
- <!---->
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Type d'activité</th>
+ <th scope="col">Email</th>
+ <th scope="col" class="fr-cell--bottom">Actions</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group"><label class="fr-label" for="select_271">Activité
+ <!---->
+ </label><select class="fr-select" id="select_271" aria-label="Activité" name="select_271">
+ <option value="gra">Rapport d'exploitation (permis et concessions M) (GRA)</option>
+ <option value="grp">Rapport trimestriel d'exploitation d'or en Guyane (GRP)</option>
+ <option value="grx">Rapport d'exploitation (autorisations M) (GRX)</option>
+ <option value="pma">Rapport d'intensité d'exploration (PMA)</option>
+ <option value="pmb">Rapport financier d'exploration (PMB)</option>
+ <option value="pmc">Rapport environnemental d'exploration (PMC)</option>
+ <option value="pmd">Rapport social et économique d'exploration (PMD)</option>
+ <option value="wrp">Rapport d'exploitation (permis et concessions W) (WRP)</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select></div>
+ </td>
+ <td>
+ <div class="fr-input-group" style="margin-bottom: 0px;"><label class="fr-label" for="input_670">Email
+ <!---->
+ <!---->
+ </label><input class="fr-input" name="input_670" id="input_670" type="email">
+ <!---->
+ </div>
+ </td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" disabled="" title="Ajouter un email pour un type d'activité" aria-label="Ajouter un email pour un type d'activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="">Rapport d'exploitation (autorisations M) (GRX)</span></td>
+ <td><span class="">foo@bar.co</span></td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="">Rapport d'intensité d'exploration (PMA)</span></td>
+ <td><span class="">toto@tata.com</span></td>
+ <td class="fr-cell--bottom"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
</div>
- </td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" disabled="" title="Ajouter un email pour un type d'activité" aria-label="Ajouter un email pour un type d'activité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td><span>Rapport d'exploitation (autorisations M) (GRX)</span></td>
- <td>foo@bar.co</td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td><span>Rapport d'intensité d'exploration (PMA)</span></td>
- <td>toto@tata.com</td>
- <td style="vertical-align: bottom;"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" aria-label="Supprimer un email pour un type d’activité" type="button">
- <!---->
- </button></td>
- </tr>
- </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureVisible.html b/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureVisible.html
index f436e4d4e93d0d6031b964f6e642f28cdb4256ab..085b605b486d61d2bb346f0de38f591782991f5c 100644
--- a/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureVisible.html
+++ b/packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureVisible.html
@@ -7,25 +7,34 @@
</div>
<hr>
<div>
- <div class="overflow-scroll-x fr-table fr-table--no-caption">
- <table style="display: table;">
- <thead>
- <th>Type d'activité</th>
- <th>Email</th>
- <!---->
- </thead>
- <!---->
- <tr>
- <td><span>Rapport d'exploitation (autorisations M) (GRX)</span></td>
- <td>foo@bar.co</td>
- <!---->
- </tr>
- <tr>
- <td><span>Rapport d'intensité d'exploration (PMA)</span></td>
- <td>toto@tata.com</td>
- <!---->
- </tr>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Type d'activité</th>
+ <th scope="col">Email</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Rapport d'exploitation (autorisations M) (GRX)</span></td>
+ <td><span class="">foo@bar.co</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Rapport d'intensité d'exploration (PMA)</span></td>
+ <td><span class="">toto@tata.com</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/administration/activites-types-emails.tsx b/packages/ui/src/components/administration/activites-types-emails.tsx
index 536f363611f9c28b79b1756eb146429b584451b8..54e16311086dc2849df570ae74701e8ed8c157fb 100644
--- a/packages/ui/src/components/administration/activites-types-emails.tsx
+++ b/packages/ui/src/components/administration/activites-types-emails.tsx
@@ -11,6 +11,9 @@ import { DsfrInput } from '../_ui/dsfr-input'
import { useState } from '@/utils/vue-tsx-utils'
import { DsfrButtonIcon } from '../_ui/dsfr-button'
import { DsfrSelect } from '../_ui/dsfr-select'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
+import { fr } from '@codegouvfr/react-dsfr'
interface Props {
administrationId: AdministrationId
@@ -28,6 +31,7 @@ const activiteTypeIdLabelize = (activiteTypeId: ActivitesTypesId) => {
return activiteTypeLabelize(activiteType)
}
+type ColumnId = 'type' | 'email' | 'action'
export const ActivitesTypesEmails = defineComponent<Props>(props => {
const administration = computed<Administration>(() => Administrations[props.administrationId])
@@ -54,12 +58,13 @@ export const ActivitesTypesEmails = defineComponent<Props>(props => {
})
const activiteTypeEmailUpdate = () => {
- if (!activiteTypeNewActive.value) return
- const { email, activiteTypeId } = activiteType.value
- if (email !== null && activiteTypeId !== null) {
- props.emailUpdate(props.administrationId, { activite_type_id: activiteTypeId, email })
+ if (isNotNullNorUndefined(activiteTypeNewActive.value)) {
+ const { email, activiteTypeId } = activiteType.value
+ if (email !== null && activiteTypeId !== null) {
+ props.emailUpdate(props.administrationId, { activite_type_id: activiteTypeId, email })
+ }
+ setActiviteType({ activiteTypeId: null, email: null })
}
- setActiviteType({ activiteTypeId: null, email: null })
}
const activiteTypeEmailDelete = async (administrationActiviteTypeEmail: AdministrationActiviteTypeEmail) => {
@@ -73,6 +78,67 @@ export const ActivitesTypesEmails = defineComponent<Props>(props => {
setActiviteType({ activiteTypeId, email: activiteType.value.email })
}
+ const columns = computed<Column<ColumnId>[]>(() => {
+ const staticColumns: Column<ColumnId>[] = [
+ { id: 'type', contentTitle: "Type d'activité" },
+ { id: 'email', contentTitle: 'Email' },
+ ]
+ if (canEditEmailsComp.value) {
+ staticColumns.push({ id: 'action', contentTitle: 'Actions', class: [fr.cx('fr-cell--bottom')] })
+ }
+ return staticColumns
+ })
+
+ const rows = computed<TableRow<ColumnId>[]>(() => {
+ const myRows: TableRow<ColumnId>[] = []
+
+ if (canEditEmailsComp.value) {
+ myRows.push({
+ id: 'add',
+ link: null,
+ columns: {
+ type: {
+ type: 'jsx',
+ jsxElement: <DsfrSelect legend={{ main: 'Activité' }} items={activitesTypes} valueChanged={updateActiviteTypeId} initialValue={activiteType.value.activiteTypeId} />,
+ value: 'type',
+ },
+ email: {
+ type: 'jsx',
+ jsxElement: <DsfrInput type={{ type: 'email' }} legend={{ main: 'Email' }} valueChanged={updateActiviteTypeEmail} initialValue={activiteType.value.email} />,
+ value: 'email',
+ },
+ action: {
+ type: 'jsx',
+ jsxElement: <DsfrButtonIcon icon="fr-icon-add-line" title="Ajouter un email pour un type d'activité" onClick={activiteTypeEmailUpdate} disabled={!activiteTypeNewActive.value} />,
+ value: 'action',
+ },
+ },
+ })
+ }
+
+ myRows.push(
+ ...props.activitesTypesEmails.map<TableRow<ColumnId>>(activiteTypeEmail => {
+ return {
+ id: activiteTypeEmail.activite_type_id + activiteTypeEmail.email,
+ link: null,
+ columns: {
+ type: { type: 'text', value: activiteTypeIdLabelize(activiteTypeEmail.activite_type_id) },
+ email: { type: 'text', value: activiteTypeEmail.email },
+ action: {
+ type: 'jsx',
+ jsxElement: canEditEmailsComp.value ? (
+ <DsfrButtonIcon icon="fr-icon-delete-bin-line" title="Supprimer un email pour un type d’activité" onClick={() => activiteTypeEmailDelete(activiteTypeEmail)} buttonType="secondary" />
+ ) : (
+ <div></div>
+ ),
+ value: activiteTypeEmail.activite_type_id + activiteTypeEmail.email,
+ },
+ },
+ }
+ })
+ )
+ return myRows
+ })
return () => (
<div>
<h3>Emails à notifier lors du dépôt d’un type d’activité</h3>
@@ -94,47 +160,7 @@ export const ActivitesTypesEmails = defineComponent<Props>(props => {
<hr />
<div>
- <div class="overflow-scroll-x fr-table fr-table--no-caption">
- <table style={{ display: 'table' }}>
- <thead>
- <th>Type d'activité</th>
- <th>Email</th>
- {canEditEmailsComp.value ? <th>Actions</th> : null}
- </thead>
- {canEditEmailsComp.value ? (
- <tr>
- <td>
- <DsfrSelect legend={{ main: 'Activité' }} items={activitesTypes} valueChanged={updateActiviteTypeId} initialValue={activiteType.value.activiteTypeId} />
- </td>
- <td>
- <DsfrInput type={{ type: 'email' }} legend={{ main: 'Email' }} valueChanged={updateActiviteTypeEmail} initialValue={activiteType.value.email} />
- </td>
- <td style={{ 'vertical-align': 'bottom' }}>
- <DsfrButtonIcon icon="fr-icon-add-line" title="Ajouter un email pour un type d'activité" onClick={activiteTypeEmailUpdate} disabled={!activiteTypeNewActive.value} />
- </td>
- </tr>
- ) : null}
-
- {props.activitesTypesEmails.map(activiteTypeEmail => (
- <tr key={activiteTypeEmail.activite_type_id + activiteTypeEmail.email}>
- <td>
- <span>{activiteTypeIdLabelize(activiteTypeEmail.activite_type_id)}</span>
- </td>
- <td>{activiteTypeEmail.email}</td>
- {canEditEmailsComp.value ? (
- <td style={{ 'vertical-align': 'bottom' }}>
- <DsfrButtonIcon
- icon="fr-icon-delete-bin-line"
- title="Supprimer un email pour un type d’activité"
- onClick={() => activiteTypeEmailDelete(activiteTypeEmail)}
- buttonType="secondary"
- />
- </td>
- ) : null}
- </tr>
- ))}
- </table>
- </div>
+ <TableSimple caption={{ value: '', visible: false }} columns={columns.value} rows={rows.value} />
</div>
</div>
)
diff --git a/packages/ui/src/components/administration/permissions.stories_snapshots_Default.html b/packages/ui/src/components/administration/permissions.stories_snapshots_Default.html
index fc05c5de770d823748e2b1d55843b7f4cab7bc97..8c538e9f3aae4a34b16449a4ef9f9da5812458d7 100644
--- a/packages/ui/src/components/administration/permissions.stories_snapshots_Default.html
+++ b/packages/ui/src/components/administration/permissions.stories_snapshots_Default.html
@@ -8,28 +8,26 @@
</ul>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Gestionnaire</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Associée</div>
- </th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Gestionnaire</th>
+ <th scope="col">Associée</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -44,323 +42,317 @@
<p>Restreint ces droits par domaine / type de titre / statut de titre.</p>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Statut de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titres</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Démarches</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Étapes</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
- </td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Statut de titre</th>
+ <th scope="col">Titres</th>
+ <th scope="col">Démarches</th>
+ <th scope="col">Étapes</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="demande classée" aria-label="demande classée">demande classée</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="indéterminé" aria-label="indéterminé">indéterminé</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - modification en instance" aria-label="valide - modification en instance">valide - modification en instance</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide - survie provisoire" aria-label="valide - survie provisoire">valide - survie provisoire</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des titres est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des démarches est interdite"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="La modification des étapes est interdite"></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
@@ -371,475 +363,469 @@
<p>Restreint ces droits par domaine / type de titre / type d'étape.</p>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type d'étape</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Visibilité</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Modification</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Création</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Permis exclusif de recherches</span></td>
- <td class=""><span class="">Avis des services et commissions consultatives</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Saisine de la commission départementale des mines (CDM)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Saisine de l'autorité signataire</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Publication de décision au recueil des actes administratifs</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Réception d'information</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Réception d'information (avis du DREAL, DEAL ou DGTM)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Réponse à la demande de compléments</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Réponse à la demande de compléments (recevabilité de la demande)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Publication dans un journal local ou national</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Notification des collectivités locales</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Modification de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Notification au demandeur</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Demande d'informations</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Demande d'informations (avis du DREAL, DEAL ou DGTM)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Enregistrement de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Recevabilité de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Demande de compléments</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Demande de compléments (recevabilité de la demande)</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Informations historiques incomplètes</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Décision implicite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Décision de l'autorité administrative</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Désistement du demandeur</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Décision de la mission autorité environnementale (examen au cas par cas du projet)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Classement sans suite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Avis de la commission départementale des mines (CDM)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Rapport et avis de la DREAL</span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Décision du juge administratif</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Avis des collectivités</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Abrogation de la décision</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation d'exploitation</span></td>
- <td class=""><span class="">Avis des services et commissions consultatives</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Saisine de la commission des autorisations de recherches minières (CARM)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Réception d'information (recevabilité de la demande)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Réception d'information</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Modification de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Demande d'informations (recevabilité de la demande)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Demande d'informations</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Enregistrement de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Recevabilité de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Complétude de la demande</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Expertise DGTM service prévention des risques et industries extractives (DATE)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Expertise DREAL ou DGTM service eau</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
- <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Décision de la mission autorité environnementale (examen au cas par cas du projet)</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- <tr>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="">Autorisation de recherches</span></td>
- <td class=""><span class="">Classement sans suite</span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
- <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Type d'étape</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col">Modification</th>
+ <th scope="col">Création</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Classement sans suite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Décision de la mission autorité environnementale (examen au cas par cas du projet)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Expertise DREAL ou DGTM service eau</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Expertise DGTM service prévention des risques et industries extractives (DATE)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Complétude de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Recevabilité de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Enregistrement de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Demande d'informations</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Demande d'informations (recevabilité de la demande)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Modification de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Réception d'information</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Réception d'information (recevabilité de la demande)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation de recherches</span></td>
+ <td><span class="">Saisine de la commission des autorisations de recherches minières (CARM)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Avis des services et commissions consultatives</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Abrogation de la décision</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Avis des collectivités</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Décision du juge administratif</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Rapport et avis de la DREAL</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Avis de la commission départementale des mines (CDM)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Classement sans suite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Décision de la mission autorité environnementale (examen au cas par cas du projet)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Désistement du demandeur</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Décision de l'autorité administrative</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Décision implicite</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Informations historiques incomplètes</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Demande de compléments (recevabilité de la demande)</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Demande de compléments</span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Recevabilité de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Enregistrement de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Demande d'informations (avis du DREAL, DEAL ou DGTM)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Demande d'informations</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Notification au demandeur</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Modification de la demande</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Notification des collectivités locales</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Publication dans un journal local ou national</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Réponse à la demande de compléments (recevabilité de la demande)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Réponse à la demande de compléments</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Réception d'information (avis du DREAL, DEAL ou DGTM)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Réception d'information</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est modifiable"></span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Peut créer une étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Publication de décision au recueil des actes administratifs</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Saisine de l'autorité signataire</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Autorisation d'exploitation</span></td>
+ <td><span class="">Saisine de la commission départementale des mines (CDM)</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ <tr>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="">Permis exclusif de recherches</span></td>
+ <td><span class="">Avis des services et commissions consultatives</span></td>
+ <td><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
+ <td><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/administration/permissions.tsx b/packages/ui/src/components/administration/permissions.tsx
index 7f8ec0e66c59a7a91581438697bc43f2271c07e3..d49a03fbf97c83a6f8f5b1973f0b7a55ae848361 100644
--- a/packages/ui/src/components/administration/permissions.tsx
+++ b/packages/ui/src/components/administration/permissions.tsx
@@ -9,115 +9,111 @@ import { FunctionalComponent } from 'vue'
import { getAdministrationTitresTypesTitresStatuts } from 'camino-common/src/static/administrationsTitresTypesTitresStatuts'
import { getAdministrationTitresTypesEtapesTypes } from 'camino-common/src/static/administrationsTitresTypesEtapesTypes'
import { TitreStatut } from '../_common/titre-statut'
-import { Column, TableAuto } from '../_ui/table-auto'
+import { Column, TableSimple } from '../_ui/table-simple'
import { TableRow } from '../_ui/table'
import { capitalize } from 'camino-common/src/strings'
-import type { DsfrIcon as DsfrIconType } from '../_ui/dsfrIconSpriteType'
+
+import { FrIconClassName } from '@codegouvfr/react-dsfr'
+
interface Props {
administrationId: AdministrationId
}
const restrictionEditionColonnes = [
{
id: 'domaine',
- name: 'Domaine',
- noSort: true,
+ contentTitle: 'Domaine',
},
{
id: 'titreTypeId',
- name: 'Type de titre',
- noSort: true,
+ contentTitle: 'Type de titre',
},
{
id: 'titreStatutId',
- name: 'Statut de titre',
- noSort: true,
+ contentTitle: 'Statut de titre',
},
{
id: 'titres',
- name: 'Titres',
- noSort: true,
+ contentTitle: 'Titres',
},
{
id: 'demarches',
- name: 'Démarches',
- noSort: true,
+ contentTitle: 'Démarches',
},
{
id: 'etapes',
- name: 'Étapes',
- noSort: true,
+ contentTitle: 'Étapes',
},
] as const satisfies readonly Column[]
const restrictionVisibiliteColonnes = [
{
id: 'domaine',
- name: 'Domaine',
- noSort: true,
+ contentTitle: 'Domaine',
},
{
id: 'titreTypeId',
- name: 'Type de titre',
- noSort: true,
+ contentTitle: 'Type de titre',
},
{
id: 'etapeTypeId',
- name: "Type d'étape",
- noSort: true,
+ contentTitle: "Type d'étape",
},
{
id: 'visibilite',
- name: 'Visibilité',
- noSort: true,
+ contentTitle: 'Visibilité',
},
{
id: 'modification',
- name: 'Modification',
- noSort: true,
+ contentTitle: 'Modification',
},
{
id: 'creation',
- name: 'Création',
- noSort: true,
+ contentTitle: 'Création',
},
] as const satisfies readonly Column[]
-export const checkboxCheckedIcon: DsfrIconType = 'fr-icon-check-line'
-export const checkboxBlankIcon: DsfrIconType = 'fr-icon-close-line'
+export const checkboxCheckedIcon: FrIconClassName = 'fr-icon-check-line'
+export const checkboxBlankIcon: FrIconClassName = 'fr-icon-close-line'
const restrictionEditionRows = (entries: ReturnType<typeof getAdministrationTitresTypesTitresStatuts>): TableRow[] =>
entries.map(ttts => {
const columns: TableRow['columns'] = {
- domaine: { component: CaminoDomaine, props: { domaineId: TT[ttts.titreTypeId].domaineId }, value: TT[ttts.titreTypeId].domaineId },
- titreTypeId: { value: capitalize(TitresTypesTypes[TT[ttts.titreTypeId].typeId].nom) },
- titreStatutId: { component: TitreStatut, props: { titreStatutId: ttts.titreStatutId }, value: ttts.titreStatutId },
+ domaine: { type: 'jsx', jsxElement: <CaminoDomaine domaineId={TT[ttts.titreTypeId].domaineId} />, value: TT[ttts.titreTypeId].domaineId },
+ titreTypeId: { type: 'text', value: capitalize(TitresTypesTypes[TT[ttts.titreTypeId].typeId].nom) },
+ titreStatutId: { type: 'jsx', jsxElement: <TitreStatut titreStatutId={ttts.titreStatutId} />, value: ttts.titreStatutId },
titres: {
- component: DsfrIcon,
- props: {
- name: ttts.titresModificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': ttts.titresModificationInterdit ? 'La modification des titres est interdite' : 'La modification des titres est autorisée',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={ttts.titresModificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={ttts.titresModificationInterdit ? 'La modification des titres est interdite' : 'La modification des titres est autorisée'}
+ />
+ ),
value: `${ttts.titresModificationInterdit}`,
},
demarches: {
- component: DsfrIcon,
- props: {
- name: ttts.demarchesModificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': ttts.demarchesModificationInterdit ? 'La modification des démarches est interdite' : 'La modification des démarches est autorisée',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={ttts.demarchesModificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={ttts.demarchesModificationInterdit ? 'La modification des démarches est interdite' : 'La modification des démarches est autorisée'}
+ />
+ ),
value: `${ttts.demarchesModificationInterdit}`,
},
etapes: {
- component: DsfrIcon,
- props: {
- name: ttts.etapesModificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': ttts.etapesModificationInterdit ? 'La modification des étapes est interdite' : 'La modification des étapes est autorisée',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={ttts.etapesModificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={ttts.etapesModificationInterdit ? 'La modification des étapes est interdite' : 'La modification des étapes est autorisée'}
+ />
+ ),
value: `${ttts.etapesModificationInterdit}`,
},
}
@@ -131,37 +127,44 @@ const restrictionEditionRows = (entries: ReturnType<typeof getAdministrationTitr
const restrictionVisibiliteRows = (entries: ReturnType<typeof getAdministrationTitresTypesEtapesTypes>): TableRow[] => {
return entries.map(ttet => {
const columns: TableRow['columns'] = {
- domaine: { component: CaminoDomaine, props: { domaineId: TT[ttet.titreTypeId].domaineId }, value: TT[ttet.titreTypeId].domaineId },
- titreTypeId: { value: capitalize(TitresTypesTypes[TT[ttet.titreTypeId].typeId].nom) },
- etapeTypeId: { value: capitalize(EtapesTypes[ttet.etapeTypeId].nom) },
+ domaine: { type: 'jsx', jsxElement: <CaminoDomaine domaineId={TT[ttet.titreTypeId].domaineId} />, value: TT[ttet.titreTypeId].domaineId },
+ titreTypeId: { type: 'text', value: capitalize(TitresTypesTypes[TT[ttet.titreTypeId].typeId].nom) },
+ etapeTypeId: { type: 'text', value: capitalize(EtapesTypes[ttet.etapeTypeId].nom) },
visibilite: {
- component: DsfrIcon,
- props: {
- name: ttet.lectureInterdit ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': ttet.lectureInterdit ? 'Le type d’étape n’est pas visible' : 'Le type d’étape est visible',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={ttet.lectureInterdit ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={ttet.lectureInterdit ? 'Le type d’étape n’est pas visible' : 'Le type d’étape est visible'}
+ />
+ ),
value: `${ttet.lectureInterdit}`,
},
modification: {
- component: DsfrIcon,
- props: {
- name: ttet.modificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': ttet.modificationInterdit ? 'Le type d’étape n’est pas modifiable' : 'Le type d’étape est modifiable',
- },
+ type: 'jsx',
+
+ jsxElement: (
+ <DsfrIcon
+ name={ttet.modificationInterdit ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={ttet.modificationInterdit ? 'Le type d’étape n’est pas modifiable' : 'Le type d’étape est modifiable'}
+ />
+ ),
value: `${ttet.modificationInterdit}`,
},
creation: {
- component: DsfrIcon,
- props: {
- name: ttet.creationInterdit ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': ttet.creationInterdit ? 'Ne peut créer d’étape de ce type' : 'Peut créer une étape de ce type',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={ttet.creationInterdit ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={ttet.creationInterdit ? 'Ne peut créer d’étape de ce type' : 'Peut créer une étape de ce type'}
+ />
+ ),
value: `${ttet.creationInterdit}`,
},
}
@@ -193,7 +196,7 @@ export const Permissions: FunctionalComponent<Props> = props => {
<p>Restreint ces droits par domaine / type de titre / statut de titre.</p>
</div>
<hr />
- <TableAuto caption="" columns={restrictionEditionColonnes} rows={restrictionEditionRows(titresTypesTitresStatuts)} initialSort={'firstColumnAsc'} />
+ <TableSimple caption={{ value: '', visible: false }} columns={restrictionEditionColonnes} rows={restrictionEditionRows(titresTypesTitresStatuts)} />
</div>
<div>
@@ -205,7 +208,7 @@ export const Permissions: FunctionalComponent<Props> = props => {
</div>
<hr />
- <TableAuto caption="" columns={restrictionVisibiliteColonnes} rows={restrictionVisibiliteRows(titresTypesEtapesTypes)} initialSort={'firstColumnAsc'} />
+ <TableSimple caption={{ value: '', visible: false }} columns={restrictionVisibiliteColonnes} rows={restrictionVisibiliteRows(titresTypesEtapesTypes)} />
</div>
</div>
)
diff --git a/packages/ui/src/components/administration/titres-types.stories_snapshots_ONF.html b/packages/ui/src/components/administration/titres-types.stories_snapshots_ONF.html
index 43f93391259d61c21aaa57bde70560adb3178571..411e945b5e70392fdaf81277d7e902cb6a901098 100644
--- a/packages/ui/src/components/administration/titres-types.stories_snapshots_ONF.html
+++ b/packages/ui/src/components/administration/titres-types.stories_snapshots_ONF.html
@@ -7,28 +7,26 @@
</ul>
</div>
<hr>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Domaine</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type de titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Gestionnaire</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Associée</div>
- </th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Domaine</th>
+ <th scope="col">Type de titre</th>
+ <th scope="col">Gestionnaire</th>
+ <th scope="col">Associée</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/administration/titres-types.tsx b/packages/ui/src/components/administration/titres-types.tsx
index 57d079ae6f92a46ea9dc382e0b5f98353d1ddedb..77034e927ec62d56a8f32e4018d29d02fdf78955 100644
--- a/packages/ui/src/components/administration/titres-types.tsx
+++ b/packages/ui/src/components/administration/titres-types.tsx
@@ -6,7 +6,7 @@ import { TitresTypes as TT, TitreTypeId } from 'camino-common/src/static/titresT
import { TitresTypesTypes } from 'camino-common/src/static/titresTypesTypes'
import { Domaine as CaminoDomaine } from '@/components/_common/domaine'
import { DsfrIcon } from '@/components/_ui/icon'
-import { Column, TableAuto } from '../_ui/table-auto'
+import { Column, TableSimple } from '../_ui/table-simple'
import { TableRow } from '../_ui/table'
import { capitalize } from 'camino-common/src/strings'
import { checkboxBlankIcon, checkboxCheckedIcon } from './permissions'
@@ -37,49 +37,49 @@ const titresTypes = (administrationId: AdministrationId): AdministrationTitresTy
const colonnes = [
{
id: 'domaine',
- name: 'Domaine',
- noSort: true,
+ contentTitle: 'Domaine',
},
{
id: 'titreTypeId',
- name: 'Type de titre',
- noSort: true,
+ contentTitle: 'Type de titre',
},
{
id: 'gestionnaire',
- name: 'Gestionnaire',
- noSort: true,
+ contentTitle: 'Gestionnaire',
},
{
id: 'associee',
- name: 'Associée',
- noSort: true,
+ contentTitle: 'Associée',
},
] as const satisfies readonly Column[]
const rows = (entries: AdministrationTitresTypes[]): TableRow[] =>
entries.map(titreType => {
const columns: TableRow['columns'] = {
- domaine: { component: CaminoDomaine, props: { domaineId: TT[titreType.titreTypeId].domaineId }, value: TT[titreType.titreTypeId].domaineId },
- titreTypeId: { value: capitalize(TitresTypesTypes[TT[titreType.titreTypeId].typeId].nom) },
+ domaine: { type: 'jsx', jsxElement: <CaminoDomaine domaineId={TT[titreType.titreTypeId].domaineId} />, value: TT[titreType.titreTypeId].domaineId },
+ titreTypeId: { type: 'text', value: capitalize(TitresTypesTypes[TT[titreType.titreTypeId].typeId].nom) },
gestionnaire: {
- component: DsfrIcon,
- props: {
- name: titreType.gestionnaire ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': titreType.gestionnaire ? 'Est gestionnaire de ce type de titre' : 'N’est pas gestionnaire de ce type de titre',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={titreType.gestionnaire ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={titreType.gestionnaire ? 'Est gestionnaire de ce type de titre' : 'N’est pas gestionnaire de ce type de titre'}
+ />
+ ),
value: `${titreType.gestionnaire}`,
},
associee: {
- component: DsfrIcon,
- props: {
- name: titreType.associee ? checkboxCheckedIcon : checkboxBlankIcon,
- size: 'md',
- role: 'img',
- 'aria-label': titreType.associee ? 'Est associée à ce type de titre' : 'N’est pas associée à ce type de titre',
- },
+ type: 'jsx',
+ jsxElement: (
+ <DsfrIcon
+ name={titreType.associee ? checkboxCheckedIcon : checkboxBlankIcon}
+ size="md"
+ role="img"
+ aria-label={titreType.associee ? 'Est associée à ce type de titre' : 'N’est pas associée à ce type de titre'}
+ />
+ ),
value: `${titreType.associee}`,
},
}
@@ -106,6 +106,6 @@ export const TitresTypes: FunctionalComponent<Props> = props => (
</div>
<hr />
- <TableAuto caption="" columns={colonnes} rows={rows(titresTypes(props.administrationId))} initialSort={'firstColumnAsc'} />
+ <TableSimple caption={{ value: '', visible: false }} columns={colonnes} rows={rows(titresTypes(props.administrationId))} />
</div>
)
diff --git a/packages/ui/src/components/administrations.stories_snapshots_Default.html b/packages/ui/src/components/administrations.stories_snapshots_Default.html
index b56052286d02260c339b75620859bfdddc5ba373..303fb325c260c286c6a5ba082e2f6daed5144dd8 100644
--- a/packages/ui/src/components/administrations.stories_snapshots_Default.html
+++ b/packages/ui/src/components/administrations.stories_snapshots_Default.html
@@ -75,929 +75,935 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>administrations</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Abréviation par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Abréviation par ordre descendant">Abréviation</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom" class="fr-link" aria-label="Trier par la colonne Nom">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:ope-brgm-01}}" type="primary"><span class="">BRGM</span></a></td>
- <td><span class="">Bureau de recherches géologiques et minières</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:ope-cacem-01}}" type="primary"><span class="">Cacem</span></a></td>
- <td><span class="">Centre d'appui au contrôle de l'environnement marin</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:min-dajb-01}}" type="primary"><span class="">DAJ - Ministère de l'Economie, des Finances et de la Relance</span></a></td>
- <td><span class="">Ministère de l'Economie, des Finances et de la Relance</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dea-guadeloupe-01}}" type="primary"><span class="">DEAL - Guadeloupe</span></a></td>
- <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - Guadeloupe</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dea-reunion-01}}" type="primary"><span class="">DEAL - La Réunion</span></a></td>
- <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - La Réunion</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dea-martinique-01}}" type="primary"><span class="">DEAL - Martinique</span></a></td>
- <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - Martinique</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dea-mayotte-01}}" type="primary"><span class="">DEAL - Mayotte</span></a></td>
- <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - Mayotte</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:min-mtes-dgaln-01}}" type="primary"><span class="">DGALN/DEB/EARM2</span></a></td>
- <td><span class="">Ministère de l'Economie, des Finances et de la Relance & Ministère de la Transition écologique</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:min-mctrct-dgcl-01}}" type="primary"><span class="">DGCL/SDFLAE/FL1</span></a></td>
- <td><span class="">Ministère de la Cohésion des Territoires et des Relations avec les Collectivités Territoriales</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:min-mtes-dgec-01}}" type="primary"><span class="">DGEC/DE/SD2/2A</span></a></td>
- <td><span class="">Ministère de l'Economie, des Finances et de la Relance & Ministère de la Transition écologique</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:min-mtes-dgpr-01}}" type="primary"><span class="">DGPR/SRT/SDRCP/BSSS</span></a></td>
- <td><span class="">Ministère de l'Economie, des Finances et de la Relance & Ministère de la Transition écologique</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dea-guyane-01}}" type="primary"><span class="">DGTM - Guyane</span></a></td>
- <td><span class="">Direction Générale des Territoires et de la Mer de Guyane</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-aura-01}}" type="primary"><span class="">DREAL - Auvergne-Rhône-Alpes - Siège de Lyon</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Auvergne-Rhône-Alpes - Siège de Lyon</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-bfc-01}}" type="primary"><span class="">DREAL - Bourgogne-Franche-Comté - Siège de Besançon</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Bourgogne-Franche-Comté - Siège de Besançon</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-bretagne-01}}" type="primary"><span class="">DREAL - Bretagne</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Bretagne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-centre-val-de-loire-01}}" type="primary"><span class="">DREAL - Centre-Val-de-Loire</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Centre-Val-de-Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-corse-01}}" type="primary"><span class="">DREAL - Corse</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Corse</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-grand-est-01}}" type="primary"><span class="">DREAL - Grand Est - Siège de Metz</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Grand Est - Siège de Metz</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-hauts-de-france-01}}" type="primary"><span class="">DREAL - Hauts-de-France - Siège de Lille</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Hauts-de-France - Siège de Lille</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-normandie-01}}" type="primary"><span class="">DREAL - Normandie - Siège de Rouen</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Normandie - Siège de Rouen</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-nouvelle-aquitaine-01}}" type="primary"><span class="">DREAL - Nouvelle-Aquitaine - Siège de Poitiers</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Nouvelle-Aquitaine - Siège de Poitiers</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-occitanie-01}}" type="primary"><span class="">DREAL - Occitanie - Siège de Toulouse</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Occitanie - Siège de Toulouse</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-pays-de-la-loire-01}}" type="primary"><span class="">DREAL - Pays de la Loire</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Pays de la Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-paca-01}}" type="primary"><span class="">DREAL - Provence-Alpes-Côte-d'Azur</span></a></td>
- <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Provence-Alpes-Côte-d'Azur</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:dre-ile-de-france-01}}" type="primary"><span class="">DRIEE - ÃŽle-de-France</span></a></td>
- <td><span class="">Direction régionale et interdépartementale de l'environnement et de l'énergie (DRIEE) - Île-de-France</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:aut-97300-01}}" type="primary"><span class="">Gendarmerie Nationale - Guyane</span></a></td>
- <td><span class="">Gendarmerie Nationale - Guyane</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Autorité" aria-label="Autorité">Autorité</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:aut-mrae-guyane-01}}" type="primary"><span class="">MRAE Guyane</span></a></td>
- <td><span class="">Mission régionale autorité environnementale de Guyane</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Autorité" aria-label="Autorité">Autorité</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:ope-onf-973-01}}" type="primary"><span class="">Office national des forêts</span></a></td>
- <td><span class="">Office national des forêts</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:ope-ptmg-973-01}}" type="primary"><span class="">Pôle Technique Minier de Guyane</span></a></td>
- <td><span class="">Pôle Technique Minier de Guyane</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-01053-01}}" type="primary"><span class="">Préfecture - Ain</span></a></td>
- <td><span class="">Préfecture - Ain</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-02408-01}}" type="primary"><span class="">Préfecture - Aisne</span></a></td>
- <td><span class="">Préfecture - Aisne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-03190-01}}" type="primary"><span class="">Préfecture - Allier</span></a></td>
- <td><span class="">Préfecture - Allier</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-04070-01}}" type="primary"><span class="">Préfecture - Alpes-de-Haute-Provence</span></a></td>
- <td><span class="">Préfecture - Alpes-de-Haute-Provence</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-06088-01}}" type="primary"><span class="">Préfecture - Alpes-Maritimes</span></a></td>
- <td><span class="">Préfecture - Alpes-Maritimes</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-07186-01}}" type="primary"><span class="">Préfecture - Ardèche</span></a></td>
- <td><span class="">Préfecture - Ardèche</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-08105-01}}" type="primary"><span class="">Préfecture - Ardennes</span></a></td>
- <td><span class="">Préfecture - Ardennes</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-09122-01}}" type="primary"><span class="">Préfecture - Ariège</span></a></td>
- <td><span class="">Préfecture - Ariège</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-10387-01}}" type="primary"><span class="">Préfecture - Aube</span></a></td>
- <td><span class="">Préfecture - Aube</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-11069-01}}" type="primary"><span class="">Préfecture - Aude</span></a></td>
- <td><span class="">Préfecture - Aude</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-12202-01}}" type="primary"><span class="">Préfecture - Aveyron</span></a></td>
- <td><span class="">Préfecture - Aveyron</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-67482-01}}" type="primary"><span class="">Préfecture - Bas-Rhin</span></a></td>
- <td><span class="">Préfecture - Bas-Rhin</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-13203-01}}" type="primary"><span class="">Préfecture - Bouches-du-Rhône</span></a></td>
- <td><span class="">Préfecture - Bouches-du-Rhône</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-14118-01}}" type="primary"><span class="">Préfecture - Calvados</span></a></td>
- <td><span class="">Préfecture - Calvados</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-15014-01}}" type="primary"><span class="">Préfecture - Cantal</span></a></td>
- <td><span class="">Préfecture - Cantal</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-16015-01}}" type="primary"><span class="">Préfecture - Charente</span></a></td>
- <td><span class="">Préfecture - Charente</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-17300-01}}" type="primary"><span class="">Préfecture - Charente-Maritime</span></a></td>
- <td><span class="">Préfecture - Charente-Maritime</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-18033-01}}" type="primary"><span class="">Préfecture - Cher</span></a></td>
- <td><span class="">Préfecture - Cher</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-19272-01}}" type="primary"><span class="">Préfecture - Corrèze</span></a></td>
- <td><span class="">Préfecture - Corrèze</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-2A004-01}}" type="primary"><span class="">Préfecture - Corse-du-Sud</span></a></td>
- <td><span class="">Préfecture - Corse-du-Sud</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-21231-01}}" type="primary"><span class="">Préfecture - Côte-d'Or</span></a></td>
- <td><span class="">Préfecture - Côte-d'Or</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-22278-01}}" type="primary"><span class="">Préfecture - Côtes-d'Armor</span></a></td>
- <td><span class="">Préfecture - Côtes-d'Armor</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-23096-01}}" type="primary"><span class="">Préfecture - Creuse</span></a></td>
- <td><span class="">Préfecture - Creuse</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-79191-01}}" type="primary"><span class="">Préfecture - Deux-Sèvres</span></a></td>
- <td><span class="">Préfecture - Deux-Sèvres</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-24322-01}}" type="primary"><span class="">Préfecture - Dordogne</span></a></td>
- <td><span class="">Préfecture - Dordogne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-25056-01}}" type="primary"><span class="">Préfecture - Doubs</span></a></td>
- <td><span class="">Préfecture - Doubs</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-26362-01}}" type="primary"><span class="">Préfecture - Drôme</span></a></td>
- <td><span class="">Préfecture - Drôme</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-91228-01}}" type="primary"><span class="">Préfecture - Essonne</span></a></td>
- <td><span class="">Préfecture - Essonne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-27229-01}}" type="primary"><span class="">Préfecture - Eure</span></a></td>
- <td><span class="">Préfecture - Eure</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-28085-01}}" type="primary"><span class="">Préfecture - Eure-et-Loir</span></a></td>
- <td><span class="">Préfecture - Eure-et-Loir</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-29232-01}}" type="primary"><span class="">Préfecture - Finistère</span></a></td>
- <td><span class="">Préfecture - Finistère</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-30189-01}}" type="primary"><span class="">Préfecture - Gard</span></a></td>
- <td><span class="">Préfecture - Gard</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-32013-01}}" type="primary"><span class="">Préfecture - Gers</span></a></td>
- <td><span class="">Préfecture - Gers</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-33063-01}}" type="primary"><span class="">Préfecture - Gironde</span></a></td>
- <td><span class="">Préfecture - Gironde</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-97105-01}}" type="primary"><span class="">Préfecture - Guadeloupe</span></a></td>
- <td><span class="">Préfecture - Guadeloupe</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-97302-01}}" type="primary"><span class="">Préfecture - Guyane</span></a></td>
- <td><span class="">Préfecture - Guyane</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-68066-01}}" type="primary"><span class="">Préfecture - Haut-Rhin</span></a></td>
- <td><span class="">Préfecture - Haut-Rhin</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-2B033-01}}" type="primary"><span class="">Préfecture - Haute-Corse</span></a></td>
- <td><span class="">Préfecture - Haute-Corse</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-31555-01}}" type="primary"><span class="">Préfecture - Haute-Garonne</span></a></td>
- <td><span class="">Préfecture - Haute-Garonne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-43157-01}}" type="primary"><span class="">Préfecture - Haute-Loire</span></a></td>
- <td><span class="">Préfecture - Haute-Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-52121-01}}" type="primary"><span class="">Préfecture - Haute-Marne</span></a></td>
- <td><span class="">Préfecture - Haute-Marne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-70550-01}}" type="primary"><span class="">Préfecture - Haute-Saône</span></a></td>
- <td><span class="">Préfecture - Haute-Saône</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-74010-01}}" type="primary"><span class="">Préfecture - Haute-Savoie</span></a></td>
- <td><span class="">Préfecture - Haute-Savoie</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-87085-01}}" type="primary"><span class="">Préfecture - Haute-Vienne</span></a></td>
- <td><span class="">Préfecture - Haute-Vienne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-05061-01}}" type="primary"><span class="">Préfecture - Hautes-Alpes</span></a></td>
- <td><span class="">Préfecture - Hautes-Alpes</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-65440-01}}" type="primary"><span class="">Préfecture - Hautes-Pyrénées</span></a></td>
- <td><span class="">Préfecture - Hautes-Pyrénées</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-92050-01}}" type="primary"><span class="">Préfecture - Hauts-de-Seine</span></a></td>
- <td><span class="">Préfecture - Hauts-de-Seine</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-34172-01}}" type="primary"><span class="">Préfecture - Hérault</span></a></td>
- <td><span class="">Préfecture - Hérault</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-35238-01}}" type="primary"><span class="">Préfecture - Ille-et-Vilaine</span></a></td>
- <td><span class="">Préfecture - Ille-et-Vilaine</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-36044-01}}" type="primary"><span class="">Préfecture - Indre</span></a></td>
- <td><span class="">Préfecture - Indre</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-37261-01}}" type="primary"><span class="">Préfecture - Indre-et-Loire</span></a></td>
- <td><span class="">Préfecture - Indre-et-Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-38185-01}}" type="primary"><span class="">Préfecture - Isère</span></a></td>
- <td><span class="">Préfecture - Isère</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-39300-01}}" type="primary"><span class="">Préfecture - Jura</span></a></td>
- <td><span class="">Préfecture - Jura</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-97411-01}}" type="primary"><span class="">Préfecture - La Réunion</span></a></td>
- <td><span class="">Préfecture - La Réunion</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-40192-01}}" type="primary"><span class="">Préfecture - Landes</span></a></td>
- <td><span class="">Préfecture - Landes</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-41018-01}}" type="primary"><span class="">Préfecture - Loir-et-Cher</span></a></td>
- <td><span class="">Préfecture - Loir-et-Cher</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-42218-01}}" type="primary"><span class="">Préfecture - Loire</span></a></td>
- <td><span class="">Préfecture - Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-44109-01}}" type="primary"><span class="">Préfecture - Loire-Atlantique</span></a></td>
- <td><span class="">Préfecture - Loire-Atlantique</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-45234-01}}" type="primary"><span class="">Préfecture - Loiret</span></a></td>
- <td><span class="">Préfecture - Loiret</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-46042-01}}" type="primary"><span class="">Préfecture - Lot</span></a></td>
- <td><span class="">Préfecture - Lot</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-47001-01}}" type="primary"><span class="">Préfecture - Lot-et-Garonne</span></a></td>
- <td><span class="">Préfecture - Lot-et-Garonne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-48095-01}}" type="primary"><span class="">Préfecture - Lozère</span></a></td>
- <td><span class="">Préfecture - Lozère</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-49007-01}}" type="primary"><span class="">Préfecture - Maine-et-Loire</span></a></td>
- <td><span class="">Préfecture - Maine-et-Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-50502-01}}" type="primary"><span class="">Préfecture - Manche</span></a></td>
- <td><span class="">Préfecture - Manche</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-51108-01}}" type="primary"><span class="">Préfecture - Marne</span></a></td>
- <td><span class="">Préfecture - Marne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-97209-01}}" type="primary"><span class="">Préfecture - Martinique</span></a></td>
- <td><span class="">Préfecture - Martinique</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-53130-01}}" type="primary"><span class="">Préfecture - Mayenne</span></a></td>
- <td><span class="">Préfecture - Mayenne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-97611-01}}" type="primary"><span class="">Préfecture - Mayotte</span></a></td>
- <td><span class="">Préfecture - Mayotte</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-54395-01}}" type="primary"><span class="">Préfecture - Meurthe-et-Moselle</span></a></td>
- <td><span class="">Préfecture - Meurthe-et-Moselle</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-55029-01}}" type="primary"><span class="">Préfecture - Meuse</span></a></td>
- <td><span class="">Préfecture - Meuse</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-56260-01}}" type="primary"><span class="">Préfecture - Morbihan</span></a></td>
- <td><span class="">Préfecture - Morbihan</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-57463-01}}" type="primary"><span class="">Préfecture - Moselle</span></a></td>
- <td><span class="">Préfecture - Moselle</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-58194-01}}" type="primary"><span class="">Préfecture - Nièvre</span></a></td>
- <td><span class="">Préfecture - Nièvre</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-59350-01}}" type="primary"><span class="">Préfecture - Nord</span></a></td>
- <td><span class="">Préfecture - Nord</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-60057-01}}" type="primary"><span class="">Préfecture - Oise</span></a></td>
- <td><span class="">Préfecture - Oise</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-61001-01}}" type="primary"><span class="">Préfecture - Orne</span></a></td>
- <td><span class="">Préfecture - Orne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-62041-01}}" type="primary"><span class="">Préfecture - Pas-de-Calais</span></a></td>
- <td><span class="">Préfecture - Pas-de-Calais</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-63113-01}}" type="primary"><span class="">Préfecture - Puy-de-Dôme</span></a></td>
- <td><span class="">Préfecture - Puy-de-Dôme</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-64445-01}}" type="primary"><span class="">Préfecture - Pyrénées-Atlantiques</span></a></td>
- <td><span class="">Préfecture - Pyrénées-Atlantiques</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-66136-01}}" type="primary"><span class="">Préfecture - Pyrénées-Orientales</span></a></td>
- <td><span class="">Préfecture - Pyrénées-Orientales</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-69383-01}}" type="primary"><span class="">Préfecture - Rhône</span></a></td>
- <td><span class="">Préfecture - Rhône</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-71270-01}}" type="primary"><span class="">Préfecture - Saône-et-Loire</span></a></td>
- <td><span class="">Préfecture - Saône-et-Loire</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-72181-01}}" type="primary"><span class="">Préfecture - Sarthe</span></a></td>
- <td><span class="">Préfecture - Sarthe</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-73065-01}}" type="primary"><span class="">Préfecture - Savoie</span></a></td>
- <td><span class="">Préfecture - Savoie</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-77288-01}}" type="primary"><span class="">Préfecture - Seine-et-Marne</span></a></td>
- <td><span class="">Préfecture - Seine-et-Marne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-76540-01}}" type="primary"><span class="">Préfecture - Seine-Maritime</span></a></td>
- <td><span class="">Préfecture - Seine-Maritime</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-93008-01}}" type="primary"><span class="">Préfecture - Seine-Saint-Denis</span></a></td>
- <td><span class="">Préfecture - Seine-Saint-Denis</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-80021-01}}" type="primary"><span class="">Préfecture - Somme</span></a></td>
- <td><span class="">Préfecture - Somme</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-81004-01}}" type="primary"><span class="">Préfecture - Tarn</span></a></td>
- <td><span class="">Préfecture - Tarn</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-82121-01}}" type="primary"><span class="">Préfecture - Tarn-et-Garonne</span></a></td>
- <td><span class="">Préfecture - Tarn-et-Garonne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-90010-01}}" type="primary"><span class="">Préfecture - Territoire de Belfort</span></a></td>
- <td><span class="">Préfecture - Territoire de Belfort</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-95127-01}}" type="primary"><span class="">Préfecture - Val-d'Oise</span></a></td>
- <td><span class="">Préfecture - Val-d'Oise</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-94028-01}}" type="primary"><span class="">Préfecture - Val-de-Marne</span></a></td>
- <td><span class="">Préfecture - Val-de-Marne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-83137-01}}" type="primary"><span class="">Préfecture - Var</span></a></td>
- <td><span class="">Préfecture - Var</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-84007-01}}" type="primary"><span class="">Préfecture - Vaucluse</span></a></td>
- <td><span class="">Préfecture - Vaucluse</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-85191-01}}" type="primary"><span class="">Préfecture - Vendée</span></a></td>
- <td><span class="">Préfecture - Vendée</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-86194-01}}" type="primary"><span class="">Préfecture - Vienne</span></a></td>
- <td><span class="">Préfecture - Vienne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-88160-01}}" type="primary"><span class="">Préfecture - Vosges</span></a></td>
- <td><span class="">Préfecture - Vosges</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-89024-01}}" type="primary"><span class="">Préfecture - Yonne</span></a></td>
- <td><span class="">Préfecture - Yonne</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-78646-01}}" type="primary"><span class="">Préfecture - Yvelines</span></a></td>
- <td><span class="">Préfecture - Yvelines</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:administration,params:{id:pre-75104-01}}" type="primary"><span class="">Préfecture de police de Paris</span></a></td>
- <td><span class="">Préfecture de police de Paris</span></td>
- <td>
- <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>administrations</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Abréviation par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Abréviation par ordre descendant">Abréviation</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom" class="fr-link" aria-label="Trier par la colonne Nom">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:ope-brgm-01}}" type="primary"><span class="">BRGM</span></a></td>
+ <td><span class="">Bureau de recherches géologiques et minières</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:ope-cacem-01}}" type="primary"><span class="">Cacem</span></a></td>
+ <td><span class="">Centre d'appui au contrôle de l'environnement marin</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:min-dajb-01}}" type="primary"><span class="">DAJ - Ministère de l'Economie, des Finances et de la Relance</span></a></td>
+ <td><span class="">Ministère de l'Economie, des Finances et de la Relance</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dea-guadeloupe-01}}" type="primary"><span class="">DEAL - Guadeloupe</span></a></td>
+ <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - Guadeloupe</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dea-reunion-01}}" type="primary"><span class="">DEAL - La Réunion</span></a></td>
+ <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - La Réunion</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dea-martinique-01}}" type="primary"><span class="">DEAL - Martinique</span></a></td>
+ <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - Martinique</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dea-mayotte-01}}" type="primary"><span class="">DEAL - Mayotte</span></a></td>
+ <td><span class="">Direction de l'environnement de l'aménagement et du logement (DEAL) - Mayotte</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:min-mtes-dgaln-01}}" type="primary"><span class="">DGALN/DEB/EARM2</span></a></td>
+ <td><span class="">Ministère de l'Economie, des Finances et de la Relance & Ministère de la Transition écologique</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:min-mctrct-dgcl-01}}" type="primary"><span class="">DGCL/SDFLAE/FL1</span></a></td>
+ <td><span class="">Ministère de la Cohésion des Territoires et des Relations avec les Collectivités Territoriales</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:min-mtes-dgec-01}}" type="primary"><span class="">DGEC/DE/SD2/2A</span></a></td>
+ <td><span class="">Ministère de l'Economie, des Finances et de la Relance & Ministère de la Transition écologique</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:min-mtes-dgpr-01}}" type="primary"><span class="">DGPR/SRT/SDRCP/BSSS</span></a></td>
+ <td><span class="">Ministère de l'Economie, des Finances et de la Relance & Ministère de la Transition écologique</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Ministère" aria-label="Ministère">Ministère</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dea-guyane-01}}" type="primary"><span class="">DGTM - Guyane</span></a></td>
+ <td><span class="">Direction Générale des Territoires et de la Mer de Guyane</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-aura-01}}" type="primary"><span class="">DREAL - Auvergne-Rhône-Alpes - Siège de Lyon</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Auvergne-Rhône-Alpes - Siège de Lyon</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-bfc-01}}" type="primary"><span class="">DREAL - Bourgogne-Franche-Comté - Siège de Besançon</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Bourgogne-Franche-Comté - Siège de Besançon</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-bretagne-01}}" type="primary"><span class="">DREAL - Bretagne</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Bretagne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-centre-val-de-loire-01}}" type="primary"><span class="">DREAL - Centre-Val-de-Loire</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Centre-Val-de-Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-corse-01}}" type="primary"><span class="">DREAL - Corse</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Corse</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-grand-est-01}}" type="primary"><span class="">DREAL - Grand Est - Siège de Metz</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Grand Est - Siège de Metz</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-hauts-de-france-01}}" type="primary"><span class="">DREAL - Hauts-de-France - Siège de Lille</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Hauts-de-France - Siège de Lille</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-normandie-01}}" type="primary"><span class="">DREAL - Normandie - Siège de Rouen</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Normandie - Siège de Rouen</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-nouvelle-aquitaine-01}}" type="primary"><span class="">DREAL - Nouvelle-Aquitaine - Siège de Poitiers</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Nouvelle-Aquitaine - Siège de Poitiers</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-occitanie-01}}" type="primary"><span class="">DREAL - Occitanie - Siège de Toulouse</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Occitanie - Siège de Toulouse</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-pays-de-la-loire-01}}" type="primary"><span class="">DREAL - Pays de la Loire</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Pays de la Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-paca-01}}" type="primary"><span class="">DREAL - Provence-Alpes-Côte-d'Azur</span></a></td>
+ <td><span class="">Direction régionale de l'environnement, de l'aménagement et du logement (DREAL) - Provence-Alpes-Côte-d'Azur</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:dre-ile-de-france-01}}" type="primary"><span class="">DRIEE - ÃŽle-de-France</span></a></td>
+ <td><span class="">Direction régionale et interdépartementale de l'environnement et de l'énergie (DRIEE) - Île-de-France</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Dréal" aria-label="Dréal">Dréal</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:aut-97300-01}}" type="primary"><span class="">Gendarmerie Nationale - Guyane</span></a></td>
+ <td><span class="">Gendarmerie Nationale - Guyane</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Autorité" aria-label="Autorité">Autorité</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:aut-mrae-guyane-01}}" type="primary"><span class="">MRAE Guyane</span></a></td>
+ <td><span class="">Mission régionale autorité environnementale de Guyane</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Autorité" aria-label="Autorité">Autorité</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:ope-onf-973-01}}" type="primary"><span class="">Office national des forêts</span></a></td>
+ <td><span class="">Office national des forêts</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:ope-ptmg-973-01}}" type="primary"><span class="">Pôle Technique Minier de Guyane</span></a></td>
+ <td><span class="">Pôle Technique Minier de Guyane</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Opérateur" aria-label="Opérateur">Opérateur</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-01053-01}}" type="primary"><span class="">Préfecture - Ain</span></a></td>
+ <td><span class="">Préfecture - Ain</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-02408-01}}" type="primary"><span class="">Préfecture - Aisne</span></a></td>
+ <td><span class="">Préfecture - Aisne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-03190-01}}" type="primary"><span class="">Préfecture - Allier</span></a></td>
+ <td><span class="">Préfecture - Allier</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-04070-01}}" type="primary"><span class="">Préfecture - Alpes-de-Haute-Provence</span></a></td>
+ <td><span class="">Préfecture - Alpes-de-Haute-Provence</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-06088-01}}" type="primary"><span class="">Préfecture - Alpes-Maritimes</span></a></td>
+ <td><span class="">Préfecture - Alpes-Maritimes</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-07186-01}}" type="primary"><span class="">Préfecture - Ardèche</span></a></td>
+ <td><span class="">Préfecture - Ardèche</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-08105-01}}" type="primary"><span class="">Préfecture - Ardennes</span></a></td>
+ <td><span class="">Préfecture - Ardennes</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-09122-01}}" type="primary"><span class="">Préfecture - Ariège</span></a></td>
+ <td><span class="">Préfecture - Ariège</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-10387-01}}" type="primary"><span class="">Préfecture - Aube</span></a></td>
+ <td><span class="">Préfecture - Aube</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-11069-01}}" type="primary"><span class="">Préfecture - Aude</span></a></td>
+ <td><span class="">Préfecture - Aude</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-12202-01}}" type="primary"><span class="">Préfecture - Aveyron</span></a></td>
+ <td><span class="">Préfecture - Aveyron</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-67482-01}}" type="primary"><span class="">Préfecture - Bas-Rhin</span></a></td>
+ <td><span class="">Préfecture - Bas-Rhin</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-13203-01}}" type="primary"><span class="">Préfecture - Bouches-du-Rhône</span></a></td>
+ <td><span class="">Préfecture - Bouches-du-Rhône</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-14118-01}}" type="primary"><span class="">Préfecture - Calvados</span></a></td>
+ <td><span class="">Préfecture - Calvados</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-15014-01}}" type="primary"><span class="">Préfecture - Cantal</span></a></td>
+ <td><span class="">Préfecture - Cantal</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-16015-01}}" type="primary"><span class="">Préfecture - Charente</span></a></td>
+ <td><span class="">Préfecture - Charente</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-17300-01}}" type="primary"><span class="">Préfecture - Charente-Maritime</span></a></td>
+ <td><span class="">Préfecture - Charente-Maritime</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-18033-01}}" type="primary"><span class="">Préfecture - Cher</span></a></td>
+ <td><span class="">Préfecture - Cher</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-19272-01}}" type="primary"><span class="">Préfecture - Corrèze</span></a></td>
+ <td><span class="">Préfecture - Corrèze</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-2A004-01}}" type="primary"><span class="">Préfecture - Corse-du-Sud</span></a></td>
+ <td><span class="">Préfecture - Corse-du-Sud</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-21231-01}}" type="primary"><span class="">Préfecture - Côte-d'Or</span></a></td>
+ <td><span class="">Préfecture - Côte-d'Or</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-22278-01}}" type="primary"><span class="">Préfecture - Côtes-d'Armor</span></a></td>
+ <td><span class="">Préfecture - Côtes-d'Armor</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-23096-01}}" type="primary"><span class="">Préfecture - Creuse</span></a></td>
+ <td><span class="">Préfecture - Creuse</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-79191-01}}" type="primary"><span class="">Préfecture - Deux-Sèvres</span></a></td>
+ <td><span class="">Préfecture - Deux-Sèvres</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-24322-01}}" type="primary"><span class="">Préfecture - Dordogne</span></a></td>
+ <td><span class="">Préfecture - Dordogne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-25056-01}}" type="primary"><span class="">Préfecture - Doubs</span></a></td>
+ <td><span class="">Préfecture - Doubs</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-26362-01}}" type="primary"><span class="">Préfecture - Drôme</span></a></td>
+ <td><span class="">Préfecture - Drôme</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-91228-01}}" type="primary"><span class="">Préfecture - Essonne</span></a></td>
+ <td><span class="">Préfecture - Essonne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-27229-01}}" type="primary"><span class="">Préfecture - Eure</span></a></td>
+ <td><span class="">Préfecture - Eure</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-28085-01}}" type="primary"><span class="">Préfecture - Eure-et-Loir</span></a></td>
+ <td><span class="">Préfecture - Eure-et-Loir</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-29232-01}}" type="primary"><span class="">Préfecture - Finistère</span></a></td>
+ <td><span class="">Préfecture - Finistère</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-30189-01}}" type="primary"><span class="">Préfecture - Gard</span></a></td>
+ <td><span class="">Préfecture - Gard</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-32013-01}}" type="primary"><span class="">Préfecture - Gers</span></a></td>
+ <td><span class="">Préfecture - Gers</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-33063-01}}" type="primary"><span class="">Préfecture - Gironde</span></a></td>
+ <td><span class="">Préfecture - Gironde</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-97105-01}}" type="primary"><span class="">Préfecture - Guadeloupe</span></a></td>
+ <td><span class="">Préfecture - Guadeloupe</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-97302-01}}" type="primary"><span class="">Préfecture - Guyane</span></a></td>
+ <td><span class="">Préfecture - Guyane</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-68066-01}}" type="primary"><span class="">Préfecture - Haut-Rhin</span></a></td>
+ <td><span class="">Préfecture - Haut-Rhin</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-2B033-01}}" type="primary"><span class="">Préfecture - Haute-Corse</span></a></td>
+ <td><span class="">Préfecture - Haute-Corse</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-31555-01}}" type="primary"><span class="">Préfecture - Haute-Garonne</span></a></td>
+ <td><span class="">Préfecture - Haute-Garonne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-43157-01}}" type="primary"><span class="">Préfecture - Haute-Loire</span></a></td>
+ <td><span class="">Préfecture - Haute-Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-52121-01}}" type="primary"><span class="">Préfecture - Haute-Marne</span></a></td>
+ <td><span class="">Préfecture - Haute-Marne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-70550-01}}" type="primary"><span class="">Préfecture - Haute-Saône</span></a></td>
+ <td><span class="">Préfecture - Haute-Saône</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-74010-01}}" type="primary"><span class="">Préfecture - Haute-Savoie</span></a></td>
+ <td><span class="">Préfecture - Haute-Savoie</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-87085-01}}" type="primary"><span class="">Préfecture - Haute-Vienne</span></a></td>
+ <td><span class="">Préfecture - Haute-Vienne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-05061-01}}" type="primary"><span class="">Préfecture - Hautes-Alpes</span></a></td>
+ <td><span class="">Préfecture - Hautes-Alpes</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-65440-01}}" type="primary"><span class="">Préfecture - Hautes-Pyrénées</span></a></td>
+ <td><span class="">Préfecture - Hautes-Pyrénées</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-92050-01}}" type="primary"><span class="">Préfecture - Hauts-de-Seine</span></a></td>
+ <td><span class="">Préfecture - Hauts-de-Seine</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-34172-01}}" type="primary"><span class="">Préfecture - Hérault</span></a></td>
+ <td><span class="">Préfecture - Hérault</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-35238-01}}" type="primary"><span class="">Préfecture - Ille-et-Vilaine</span></a></td>
+ <td><span class="">Préfecture - Ille-et-Vilaine</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-36044-01}}" type="primary"><span class="">Préfecture - Indre</span></a></td>
+ <td><span class="">Préfecture - Indre</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-37261-01}}" type="primary"><span class="">Préfecture - Indre-et-Loire</span></a></td>
+ <td><span class="">Préfecture - Indre-et-Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-38185-01}}" type="primary"><span class="">Préfecture - Isère</span></a></td>
+ <td><span class="">Préfecture - Isère</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-39300-01}}" type="primary"><span class="">Préfecture - Jura</span></a></td>
+ <td><span class="">Préfecture - Jura</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-97411-01}}" type="primary"><span class="">Préfecture - La Réunion</span></a></td>
+ <td><span class="">Préfecture - La Réunion</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-40192-01}}" type="primary"><span class="">Préfecture - Landes</span></a></td>
+ <td><span class="">Préfecture - Landes</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-41018-01}}" type="primary"><span class="">Préfecture - Loir-et-Cher</span></a></td>
+ <td><span class="">Préfecture - Loir-et-Cher</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-42218-01}}" type="primary"><span class="">Préfecture - Loire</span></a></td>
+ <td><span class="">Préfecture - Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-44109-01}}" type="primary"><span class="">Préfecture - Loire-Atlantique</span></a></td>
+ <td><span class="">Préfecture - Loire-Atlantique</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-45234-01}}" type="primary"><span class="">Préfecture - Loiret</span></a></td>
+ <td><span class="">Préfecture - Loiret</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-46042-01}}" type="primary"><span class="">Préfecture - Lot</span></a></td>
+ <td><span class="">Préfecture - Lot</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-47001-01}}" type="primary"><span class="">Préfecture - Lot-et-Garonne</span></a></td>
+ <td><span class="">Préfecture - Lot-et-Garonne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-48095-01}}" type="primary"><span class="">Préfecture - Lozère</span></a></td>
+ <td><span class="">Préfecture - Lozère</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-49007-01}}" type="primary"><span class="">Préfecture - Maine-et-Loire</span></a></td>
+ <td><span class="">Préfecture - Maine-et-Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-50502-01}}" type="primary"><span class="">Préfecture - Manche</span></a></td>
+ <td><span class="">Préfecture - Manche</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-51108-01}}" type="primary"><span class="">Préfecture - Marne</span></a></td>
+ <td><span class="">Préfecture - Marne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-97209-01}}" type="primary"><span class="">Préfecture - Martinique</span></a></td>
+ <td><span class="">Préfecture - Martinique</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-53130-01}}" type="primary"><span class="">Préfecture - Mayenne</span></a></td>
+ <td><span class="">Préfecture - Mayenne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-97611-01}}" type="primary"><span class="">Préfecture - Mayotte</span></a></td>
+ <td><span class="">Préfecture - Mayotte</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-54395-01}}" type="primary"><span class="">Préfecture - Meurthe-et-Moselle</span></a></td>
+ <td><span class="">Préfecture - Meurthe-et-Moselle</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-55029-01}}" type="primary"><span class="">Préfecture - Meuse</span></a></td>
+ <td><span class="">Préfecture - Meuse</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-56260-01}}" type="primary"><span class="">Préfecture - Morbihan</span></a></td>
+ <td><span class="">Préfecture - Morbihan</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-57463-01}}" type="primary"><span class="">Préfecture - Moselle</span></a></td>
+ <td><span class="">Préfecture - Moselle</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-58194-01}}" type="primary"><span class="">Préfecture - Nièvre</span></a></td>
+ <td><span class="">Préfecture - Nièvre</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-59350-01}}" type="primary"><span class="">Préfecture - Nord</span></a></td>
+ <td><span class="">Préfecture - Nord</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-60057-01}}" type="primary"><span class="">Préfecture - Oise</span></a></td>
+ <td><span class="">Préfecture - Oise</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-61001-01}}" type="primary"><span class="">Préfecture - Orne</span></a></td>
+ <td><span class="">Préfecture - Orne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-62041-01}}" type="primary"><span class="">Préfecture - Pas-de-Calais</span></a></td>
+ <td><span class="">Préfecture - Pas-de-Calais</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-63113-01}}" type="primary"><span class="">Préfecture - Puy-de-Dôme</span></a></td>
+ <td><span class="">Préfecture - Puy-de-Dôme</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-64445-01}}" type="primary"><span class="">Préfecture - Pyrénées-Atlantiques</span></a></td>
+ <td><span class="">Préfecture - Pyrénées-Atlantiques</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-66136-01}}" type="primary"><span class="">Préfecture - Pyrénées-Orientales</span></a></td>
+ <td><span class="">Préfecture - Pyrénées-Orientales</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-69383-01}}" type="primary"><span class="">Préfecture - Rhône</span></a></td>
+ <td><span class="">Préfecture - Rhône</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-71270-01}}" type="primary"><span class="">Préfecture - Saône-et-Loire</span></a></td>
+ <td><span class="">Préfecture - Saône-et-Loire</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-72181-01}}" type="primary"><span class="">Préfecture - Sarthe</span></a></td>
+ <td><span class="">Préfecture - Sarthe</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-73065-01}}" type="primary"><span class="">Préfecture - Savoie</span></a></td>
+ <td><span class="">Préfecture - Savoie</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-77288-01}}" type="primary"><span class="">Préfecture - Seine-et-Marne</span></a></td>
+ <td><span class="">Préfecture - Seine-et-Marne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-76540-01}}" type="primary"><span class="">Préfecture - Seine-Maritime</span></a></td>
+ <td><span class="">Préfecture - Seine-Maritime</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-93008-01}}" type="primary"><span class="">Préfecture - Seine-Saint-Denis</span></a></td>
+ <td><span class="">Préfecture - Seine-Saint-Denis</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-80021-01}}" type="primary"><span class="">Préfecture - Somme</span></a></td>
+ <td><span class="">Préfecture - Somme</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-81004-01}}" type="primary"><span class="">Préfecture - Tarn</span></a></td>
+ <td><span class="">Préfecture - Tarn</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-82121-01}}" type="primary"><span class="">Préfecture - Tarn-et-Garonne</span></a></td>
+ <td><span class="">Préfecture - Tarn-et-Garonne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-90010-01}}" type="primary"><span class="">Préfecture - Territoire de Belfort</span></a></td>
+ <td><span class="">Préfecture - Territoire de Belfort</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-95127-01}}" type="primary"><span class="">Préfecture - Val-d'Oise</span></a></td>
+ <td><span class="">Préfecture - Val-d'Oise</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-94028-01}}" type="primary"><span class="">Préfecture - Val-de-Marne</span></a></td>
+ <td><span class="">Préfecture - Val-de-Marne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-83137-01}}" type="primary"><span class="">Préfecture - Var</span></a></td>
+ <td><span class="">Préfecture - Var</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-84007-01}}" type="primary"><span class="">Préfecture - Vaucluse</span></a></td>
+ <td><span class="">Préfecture - Vaucluse</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-85191-01}}" type="primary"><span class="">Préfecture - Vendée</span></a></td>
+ <td><span class="">Préfecture - Vendée</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-86194-01}}" type="primary"><span class="">Préfecture - Vienne</span></a></td>
+ <td><span class="">Préfecture - Vienne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-88160-01}}" type="primary"><span class="">Préfecture - Vosges</span></a></td>
+ <td><span class="">Préfecture - Vosges</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-89024-01}}" type="primary"><span class="">Préfecture - Yonne</span></a></td>
+ <td><span class="">Préfecture - Yonne</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-78646-01}}" type="primary"><span class="">Préfecture - Yvelines</span></a></td>
+ <td><span class="">Préfecture - Yvelines</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:administration,params:{id:pre-75104-01}}" type="primary"><span class="">Préfecture de police de Paris</span></a></td>
+ <td><span class="">Préfecture de police de Paris</span></td>
+ <td>
+ <p class="fr-tag fr-tag--md" title="Préfecture" aria-label="Préfecture">Préfecture</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/administrations.tsx b/packages/ui/src/components/administrations.tsx
index b271e936320423d606110e4fcb485c3b98f11086..27099c40bd1b06b36c3f37b86f6052bcf96de7de 100644
--- a/packages/ui/src/components/administrations.tsx
+++ b/packages/ui/src/components/administrations.tsx
@@ -1,7 +1,7 @@
-import { defineComponent, markRaw } from 'vue'
+import { defineComponent } from 'vue'
import { Liste, Params } from './_common/liste'
import { ADMINISTRATION_TYPES, Administrations as Adms } from 'camino-common/src/static/administrations'
-import { Column, ComponentColumnData, TableRow, TextColumnData } from './_ui/table'
+import { Column, ComponentColumnData, JSXElementColumnData, TableRow, TextColumnData } from './_ui/table'
import { useRoute, useRouter } from 'vue-router'
import { DsfrTag } from './_ui/tag'
import { apiClient } from '../api/api-client'
@@ -11,15 +11,15 @@ import { routesDefinitions } from '@/router/routes'
const colonnes = [
{
id: 'abreviation',
- name: 'Abréviation',
+ contentTitle: 'Abréviation',
},
{
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
},
{
id: 'type',
- name: 'Type',
+ contentTitle: 'Type',
},
] as const satisfies readonly Column[]
@@ -73,12 +73,12 @@ export const Administrations = defineComponent({
.map(administration => {
const type = ADMINISTRATION_TYPES[administration.typeId]
- const columns: Record<string, ComponentColumnData | TextColumnData> = {
- abreviation: { value: administration.abreviation },
- nom: { value: administration.nom },
+ const columns: Record<string, JSXElementColumnData | ComponentColumnData | TextColumnData> = {
+ abreviation: { type: 'text', value: administration.abreviation },
+ nom: { type: 'text', value: administration.nom },
type: {
- component: markRaw(DsfrTag),
- props: { ariaLabel: type.nom },
+ type: 'jsx',
+ jsxElement: <DsfrTag ariaLabel={type.nom} />,
value: type.nom,
},
}
diff --git a/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_Ok.html b/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_Ok.html
index fd3e978f46626d6ca5d67e50bae50b0d6eae6570..2ace6a23b1eacb118301f0a116d8e957a8b411f0 100644
--- a/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_Ok.html
+++ b/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_Ok.html
@@ -9,88 +9,94 @@
</div>
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en attente de votre administration</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Statut" aria-label="Trier par la colonne Statut" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Dernière étape" aria-label="Trier par la colonne Dernière étape" href="#!">Dernière étape</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Prochaines étapes" aria-label="Trier par la colonne Prochaines étapes" href="#!">Prochaines étapes</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:second-slug}}" type="primary"><span class="bold">Second Nom de titre</span></a></td>
- <td class=""><span class="small bold">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 3</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">enregistrement de la demande</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en attente de votre administration</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Titulaires</th>
+ <th scope="col">Dernière étape</th>
+ <th scope="col">Prochaines étapes</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:second-slug}}" type="primary"><span class="bold">Second Nom de titre</span></a></td>
+ <td><span class="small bold">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 3</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ <td><span><ul><li class="fr-text--xs">enregistrement de la demande</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en cours d’instruction</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Statut" aria-label="Trier par la colonne Statut" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Dernière étape" aria-label="Trier par la colonne Dernière étape" href="#!">Dernière étape</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:third-id-slug}}" type="primary"><span class="bold">third-name</span></a></td>
- <td class=""><span class="small bold">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- </tr>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:first-id-slug}}" type="primary"><span class="bold">first-name</span></a></td>
- <td class=""><span class="small bold">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- </tr>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:fourth-slug}}" type="primary"><span class="bold">Quatrième Nom de titre</span></a></td>
- <td class=""><span class="small bold">Autorisation de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">PTMG : 2010-001</li><li class="fr-text--xs">PTMG : 2010-000</li></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 8</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en cours d’instruction</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Références</th>
+ <th scope="col">Titulaires</th>
+ <th scope="col">Dernière étape</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:first-id-slug}}" type="primary"><span class="bold">first-name</span></a></td>
+ <td><span class="small bold">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:third-id-slug}}" type="primary"><span class="bold">third-name</span></a></td>
+ <td><span class="small bold">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:fourth-slug}}" type="primary"><span class="bold">Quatrième Nom de titre</span></a></td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">PTMG : 2010-001</li><li class="fr-text--xs">PTMG : 2010-000</li></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 8</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_OkWithoutBlockedTitres.html b/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_OkWithoutBlockedTitres.html
index fee6d3cfc47be8cf6a01bf2cd128e0b531c12361..9d0027d2b36674af679c4ebd7e450863e7553473 100644
--- a/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_OkWithoutBlockedTitres.html
+++ b/packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_OkWithoutBlockedTitres.html
@@ -10,57 +10,59 @@
</div>
<!---->
<!---->
- <div style="overflow-x: auto;">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en cours d’instruction</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Statut" aria-label="Trier par la colonne Statut" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Dernière étape" aria-label="Trier par la colonne Dernière étape" href="#!">Dernière étape</a></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:third-id-slug}}" type="primary"><span class="bold">third-name</span></a></td>
- <td class=""><span class="small bold">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- </tr>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:first-id-slug}}" type="primary"><span class="bold">first-name</span></a></td>
- <td class=""><span class="small bold">Permis exclusif de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- </tr>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:fourth-slug}}" type="primary"><span class="bold">Quatrième Nom de titre</span></a></td>
- <td class=""><span class="small bold">Autorisation de recherches</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">PTMG : 2010-001</li><li class="fr-text--xs">PTMG : 2010-000</li></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 8</li></ul></span></td>
- <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en cours d’instruction</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Références</th>
+ <th scope="col">Titulaires</th>
+ <th scope="col">Dernière étape</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:first-id-slug}}" type="primary"><span class="bold">first-name</span></a></td>
+ <td><span class="small bold">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:third-id-slug}}" type="primary"><span class="bold">third-name</span></a></td>
+ <td><span class="small bold">Permis exclusif de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 1</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:fourth-slug}}" type="primary"><span class="bold">Quatrième Nom de titre</span></a></td>
+ <td><span class="small bold">Autorisation de recherches</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="demande initiale" aria-label="demande initiale">demande initiale</p>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">PTMG : 2010-001</li><li class="fr-text--xs">PTMG : 2010-000</li></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 8</li></ul></span></td>
+ <td><span class="">recevabilité de la demande (2022-01-01)</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/dashboard/pure-administration-dashboard.tsx b/packages/ui/src/components/dashboard/pure-administration-dashboard.tsx
index 688ad762841a7e848f36396899e3adfb4093089f..aad67268f6cc4048698b7c0bdec28d29c181ad3d 100644
--- a/packages/ui/src/components/dashboard/pure-administration-dashboard.tsx
+++ b/packages/ui/src/components/dashboard/pure-administration-dashboard.tsx
@@ -1,13 +1,13 @@
-import { computed, defineComponent, markRaw, onMounted, ref } from 'vue'
-import { TableAuto } from '../_ui/table-auto'
+import { computed, defineComponent, onMounted, ref } from 'vue'
+import { TableSimple } from '../_ui/table-simple'
import { List } from '../_ui/list'
import { PureDGTMStats } from './pure-dgtm-stats'
-import { nomColumn, nomCell, referencesColumn, titulairesColumn, statutCell, referencesCell, titulairesCell, typeColumn, typeCell, statutAutoColumn } from '@/components/titres/table-utils'
+import { nomColumn, nomCell, referencesColumn, titulairesColumn, statutCell, referencesCell, titulairesCell, typeColumn, typeCell, statutColumn } from '@/components/titres/table-utils'
import { CommonTitreAdministration } from 'camino-common/src/titres'
import { LoadingElement } from '@/components/_ui/functional-loader'
import { AsyncData } from '@/api/client-rest'
import { EtapesTypes } from 'camino-common/src/static/etapesTypes'
-import { Column, ComponentColumnData, TableRow, TextColumnData } from '../_ui/table'
+import { Column, ComponentColumnData, JSXElementColumnData, TableRow, TextColumnData } from '../_ui/table'
import { DashboardApiClient } from './dashboard-api-client'
import { AdminUserNotNull, isAdministrationAdmin, isAdministrationEditeur } from 'camino-common/src/roles'
import { ADMINISTRATION_IDS } from 'camino-common/src/static/administrations'
@@ -24,17 +24,19 @@ interface Props {
const derniereEtapeColumn: Column<'derniereEtape'> = {
id: 'derniereEtape',
- name: 'Dernière étape',
+ contentTitle: 'Dernière étape',
}
const prochainesEtapesColumn: Column<'prochainesEtapes'> = {
id: 'prochainesEtapes',
- name: 'Prochaines étapes',
+ contentTitle: 'Prochaines étapes',
}
-const columns = [nomColumn, typeColumn, statutAutoColumn, referencesColumn, titulairesColumn, derniereEtapeColumn] as const
+const columns = [nomColumn, typeColumn, statutColumn, referencesColumn, titulairesColumn, derniereEtapeColumn] as const
+type ColumnId = (typeof columns)[number]['id']
-const columnsEnAttente = [nomColumn, typeColumn, statutAutoColumn, titulairesColumn, derniereEtapeColumn, prochainesEtapesColumn] as const
+const columnsEnAttente = [nomColumn, typeColumn, statutColumn, titulairesColumn, derniereEtapeColumn, prochainesEtapesColumn] as const
+type ColumnEnAttenteId = (typeof columnsEnAttente)[number]['id']
export const PureAdministrationDashboard = defineComponent<Props>(props => {
const isDGTM = computed<boolean>(() => {
@@ -43,27 +45,22 @@ export const PureAdministrationDashboard = defineComponent<Props>(props => {
const data = ref<
AsyncData<{
- administrationTitres: TableRow[]
- administrationTitresBloques: TableRow[]
+ administrationTitres: TableRow<ColumnId>[]
+ administrationTitresBloques: TableRow<ColumnEnAttenteId>[]
}>
>({ status: 'LOADING' })
- const initialColumnId = columns[3].id
type Columns = (typeof columns)[number]['id'] | (typeof columnsEnAttente)[number]['id']
- const prochainesEtapesCell = (titre: CommonTitreAdministration) => ({
- component: markRaw(List),
- props: {
- elements: titre.prochainesEtapes?.map(id => EtapesTypes[id].nom),
- mini: true,
- },
- class: 'mb--xs',
+ const prochainesEtapesCell = (titre: CommonTitreAdministration): JSXElementColumnData => ({
+ type: 'jsx',
+ jsxElement: <List elements={titre.prochainesEtapes?.map(id => EtapesTypes[id].nom)} mini={true} />,
value: titre.prochainesEtapes?.map(id => EtapesTypes[id].nom).join(', '),
})
const titresLignesBuild = (titres: CommonTitreAdministration[], entreprisesIndex: Record<EntrepriseId, string>): TableRow<Columns>[] => {
return titres.map(titre => {
const columns: {
- [key in Columns]: ComponentColumnData | TextColumnData
+ [key in Columns]: JSXElementColumnData | ComponentColumnData | TextColumnData
} = {
nom: nomCell(titre),
type: typeCell(titre.type_id),
@@ -71,6 +68,7 @@ export const PureAdministrationDashboard = defineComponent<Props>(props => {
references: referencesCell(titre),
titulaires: titulairesCell(titre, entreprisesIndex),
derniereEtape: {
+ type: 'text',
value: titre.derniereEtape ? `${EtapesTypes[titre.derniereEtape.etapeTypeId].nom} (${titre.derniereEtape.date})` : '',
},
prochainesEtapes: prochainesEtapesCell(titre),
@@ -135,23 +133,13 @@ export const PureAdministrationDashboard = defineComponent<Props>(props => {
data={data.value}
renderItem={item => {
if (item.administrationTitresBloques.length) {
- return (
- <TableAuto
- caption="Titres en attente de votre administration"
- columns={columnsEnAttente}
- rows={item.administrationTitresBloques}
- initialSort={{ colonne: initialColumnId, ordre: 'asc' }}
- />
- )
+ return <TableSimple caption={{ value: 'Titres en attente de votre administration', visible: true }} columns={columnsEnAttente} rows={item.administrationTitresBloques} />
}
return null
}}
/>
- <LoadingElement
- data={data.value}
- renderItem={item => <TableAuto caption="Titres en cours d’instruction" columns={columns} rows={item.administrationTitres} initialSort={{ colonne: initialColumnId, ordre: 'asc' }} />}
- />
+ <LoadingElement data={data.value} renderItem={item => <TableSimple caption={{ value: 'Titres en cours d’instruction', visible: true }} columns={columns} rows={item.administrationTitres} />} />
</div>
)
})
diff --git a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_Ok.html b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_Ok.html
index 6545929200acff839dc5297b07cfebfe4a5f8c2f..7428ef518144f75be95caf433e038392c76b8fc8 100644
--- a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_Ok.html
+++ b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_Ok.html
@@ -15,85 +15,89 @@
<div class="fr-alert fr-alert--info">
<h3 class="fr-alert__title">Découvrez l'estimation de votre fiscalité minière.</h3><a href="/mocked-href" title="Page de l’entreprise entreprise1" class="fr-link" aria-label="Page de l’entreprise entreprise1">entreprise1</a>
</div>
- <div style="overflow-x: auto;" class="">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en cours et valides</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Autorisation d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en cours et valides</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<section class="fr-accordion">
<h3 class="fr-accordion__title"><button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-271">Autres titres</button></h3>
<div class="fr-collapse" id="accordion-271">
- <div style="overflow-x: auto;" class="fr-table--no-caption">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Autres titres</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Autres titres</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithMultipleEntreprises.html b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithMultipleEntreprises.html
index 72d599ae13b4a07b903746592c0e19c3eef4c891..17b5a64f86cb5ea49c6527c63b3360eb9774e74f 100644
--- a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithMultipleEntreprises.html
+++ b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithMultipleEntreprises.html
@@ -15,93 +15,93 @@
<div class="fr-alert fr-alert--info">
<h3 class="fr-alert__title">Découvrez l'estimation de votre fiscalité minière.</h3><a href="/mocked-href" title="Page de l’entreprise entreprise1" class="fr-mr-1w fr-link" aria-label="Page de l’entreprise entreprise1">entreprise1</a><a href="/mocked-href" title="Page de l’entreprise entreprise2" class="fr-mr-1w fr-link" aria-label="Page de l’entreprise entreprise2">entreprise2</a>
</div>
- <div style="overflow-x: auto;" class="">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en cours et valides</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Autorisation d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">CHAMB'OR</li></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en cours et valides</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Titulaires</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">CHAMB'OR</li></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<section class="fr-accordion">
<h3 class="fr-accordion__title"><button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-271">Autres titres</button></h3>
<div class="fr-collapse" id="accordion-271">
- <div style="overflow-x: auto;" class="fr-table--no-caption">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Autres titres</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">NINOR</li></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Autres titres</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Titulaires</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">NINOR</li></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutActivities.html b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutActivities.html
index ff03653dbd286f93ee70db642365f1fa95ee1d13..ad04b5a930fef37878506d1efd53a975e36ac43e 100644
--- a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutActivities.html
+++ b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutActivities.html
@@ -11,85 +11,89 @@
<!---->
<!---->
<!---->
- <div style="overflow-x: auto;" class="">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en cours et valides</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Autorisation d'exploitation</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en cours et valides</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Autorisation d'exploitation</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<section class="fr-accordion">
<h3 class="fr-accordion__title"><button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-271">Autres titres</button></h3>
<div class="fr-collapse" id="accordion-271">
- <div style="overflow-x: auto;" class="fr-table--no-caption">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Autres titres</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Autres titres</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutFiscalite.html b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutFiscalite.html
index c5e01e928d04ac1443afc476320fc5d898ee74f0..8317fcc5bfc5aa45de2a11d8d14c7cc6b3044f64 100644
--- a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutFiscalite.html
+++ b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_OkWithoutFiscalite.html
@@ -11,47 +11,47 @@
<!---->
<!---->
<!---->
- <div style="overflow-x: auto;" class="">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Titres en cours et valides</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titulaires</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 2rem; color: black;">W</p>
- </td>
- <td class=""><span class="small bold">Autorisation de prospections préalables</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">CHAMB'OR</li></ul></span></td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Titres en cours et valides</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Titulaires</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-ax-amadis-5-2022}}" type="primary"><span class="bold">Amadis 5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine granulats marins" aria-label="Domaine granulats marins" style="min-width: 2rem; color: black;">W</p>
+ </td>
+ <td><span class="small bold">Autorisation de prospections préalables</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="or" aria-label="or">or</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">CHAMB'OR</li></ul></span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">DEAL : 01/2022</li><li class="fr-text--xs">DEAL : X21-09</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_WithoutTitresValides.html b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_WithoutTitresValides.html
index 74e9a1c838cf354b3ca01b863dc789e32783587e..3b60571eb31c33e695d2b19ad88252e2cab16610 100644
--- a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_WithoutTitresValides.html
+++ b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.stories_snapshots_WithoutTitresValides.html
@@ -15,43 +15,45 @@
<section class="fr-accordion">
<h3 class="fr-accordion__title"><button class="fr-accordion__btn" aria-expanded="true" aria-controls="accordion-271">Autres titres</button></h3>
<div class="fr-collapse" id="accordion-271">
- <div style="overflow-x: auto;" class="fr-table--no-caption">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Autres titres</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Nom" aria-label="Trier par la colonne Nom" href="#!">Nom</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne " aria-label="Trier par la colonne " href="#!">-</a></th>
- <th scope="col" class="nowrap"><a class="fr-link" title="Trier par la colonne Type" aria-label="Trier par la colonne Type" href="#!">Type</a></th>
- <th scope="col" class="nowrap"><a class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" title="Trier par la colonne Statut par ordre descendant" aria-label="Trier par la colonne Statut par ordre descendant" href="#!">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Substances</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
- <td class="">
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td class=""><span class="small bold">Concession</span></td>
- <td class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td class="">
- <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
- </div>
- </td>
- <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Autres titres</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">-</th>
+ <th scope="col">Type</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Substances</th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:m-cx-aachen-1810}}" type="primary"><span class="bold">Aachen</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td><span class="small bold">Concession</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;" class="">
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--new fr-badge--no-icon" title="fer" aria-label="fer">fer</p>
+ </div>
+ </td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">RNTM : 57TM0014</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.tsx b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.tsx
index 23a648309fff377d74d60f5f0204fd892d1e8e07..be324ba651f7ffa481fce1844b9f7877022ce0ac 100644
--- a/packages/ui/src/components/dashboard/pure-entreprise-dashboard.tsx
+++ b/packages/ui/src/components/dashboard/pure-entreprise-dashboard.tsx
@@ -5,7 +5,7 @@ import { Entreprise, EntrepriseId, TitreEntreprise } from 'camino-common/src/ent
import { titresColonnes, titresLignesBuild } from '@/components/titres/table-utils'
import { LoadingElement } from '../_ui/functional-loader'
import { AsyncData } from '@/api/client-rest'
-import { TableAuto } from '../_ui/table-auto'
+import { TableSimple } from '../_ui/table-simple'
import { TableRow } from '../_ui/table'
import { DashboardApiClient } from './dashboard-api-client'
import { PageContentHeader } from '../_common/page-header-content'
@@ -163,15 +163,13 @@ export const PureEntrepriseDashboard = defineComponent<Props>(props => {
/>
) : null}
{titresValidesEtEnCours(titres).length > 0 ? (
- <TableAuto class="" caption="Titres en cours et valides" columns={columns} rows={entrepriseTitres(titresValidesEtEnCours(titres))} initialSort={{ colonne: 'statut', ordre: 'asc' }} />
+ <TableSimple caption={{ value: 'Titres en cours et valides', visible: true }} columns={columns} rows={entrepriseTitres(titresValidesEtEnCours(titres))} />
) : null}
{autresTitres(titres).length > 0 ? (
<DsfrAccordion
expandedByDefault={titresValidesEtEnCours(titres).length === 0}
title="Autres titres"
- content={
- <TableAuto class="fr-table--no-caption" caption="Autres titres" columns={columns} rows={entrepriseTitres(autresTitres(titres))} initialSort={{ colonne: 'statut', ordre: 'asc' }} />
- }
+ content={<TableSimple caption={{ value: 'Autres titres', visible: false }} columns={columns} rows={entrepriseTitres(autresTitres(titres))} />}
/>
) : null}
</>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html
index 256bf7fab4652d00e78c80ae422ed96a2f6238c5..3da2c4f6ffb9a6ede1dc7356f6859ad44b884fbf 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html
@@ -22,47 +22,51 @@
<!---->
<!---->
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html
index ce204afdab9c964e4b1cb2a2aaf592d4f800bf23..55176ddc99636bc501a6bb41caf0d200c8cd85b9 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html
@@ -62,67 +62,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -134,170 +128,145 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/ididm" title="Télécharger le document Identification de matériel - nouvelle fenêtre" target="_blank">Identification de matériel</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idlem" title="Télécharger le document Lettre de demande - nouvelle fenêtre" target="_blank">Lettre de demande</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idmes" title="Télécharger le document Mesures prévues pour réhabiliter le site - nouvelle fenêtre" target="_blank">Mesures prévues pour réhabiliter le site </a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idmet" title="Télécharger le document Méthodes pour l'exécution des travaux - nouvelle fenêtre" target="_blank">Méthodes pour l'exécution des travaux</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idprg" title="Télécharger le document Programme des travaux - nouvelle fenêtre" target="_blank">Programme des travaux </a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idsch" title="Télécharger le document Schéma de pénétration du massif forestier - nouvelle fenêtre" target="_blank">Schéma de pénétration du massif forestier</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/idbil" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2024-04-22)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/iddeb" title="Télécharger le document titulaire1 - Déclarations bancaires ou cautions appropriées - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Déclarations bancaires ou cautions appropriées - (2024-04-22)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/idjac" title="Télécharger le document titulaire1 - Justificatif d'adhésion à la charte des bonnes pratiques - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'adhésion à la charte des bonnes pratiques - (2024-04-22)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/idlis" title="Télécharger le document titulaire1 - Liste des travaux antérieurs - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Liste des travaux antérieurs - (2024-04-22)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/idref" title="Télécharger le document titulaire1 - Références professionnelles - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Références professionnelles - (2024-04-22)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/ididm" title="Télécharger le document Identification de matériel - nouvelle fenêtre" target="_blank">Identification de matériel</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idlem" title="Télécharger le document Lettre de demande - nouvelle fenêtre" target="_blank">Lettre de demande</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idmes" title="Télécharger le document Mesures prévues pour réhabiliter le site - nouvelle fenêtre" target="_blank">Mesures prévues pour réhabiliter le site </a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idmet" title="Télécharger le document Méthodes pour l'exécution des travaux - nouvelle fenêtre" target="_blank">Méthodes pour l'exécution des travaux</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idprg" title="Télécharger le document Programme des travaux - nouvelle fenêtre" target="_blank">Programme des travaux </a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idsch" title="Télécharger le document Schéma de pénétration du massif forestier - nouvelle fenêtre" target="_blank">Schéma de pénétration du massif forestier</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/idbil" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2024-04-22)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/iddeb" title="Télécharger le document titulaire1 - Déclarations bancaires ou cautions appropriées - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Déclarations bancaires ou cautions appropriées - (2024-04-22)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/idjac" title="Télécharger le document titulaire1 - Justificatif d'adhésion à la charte des bonnes pratiques - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'adhésion à la charte des bonnes pratiques - (2024-04-22)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/idlis" title="Télécharger le document titulaire1 - Liste des travaux antérieurs - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Liste des travaux antérieurs - (2024-04-22)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/idref" title="Télécharger le document titulaire1 - Références professionnelles - (2024-04-22) - nouvelle fenêtre" target="_blank">titulaire1 - Références professionnelles - (2024-04-22)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Avis</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Statut</th>
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/avisDocument/idavispds" title="Télécharger l'avis description - nouvelle fenêtre" target="_blank">description</a></td>
- <td>22-04-2024</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
- </td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/avisDocument/idavismae" title="Télécharger l'avis description - nouvelle fenêtre" target="_blank">description</a></td>
- <td>22-04-2024</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="Requis" aria-label="Requis">Requis</p>
- </td>
- <!---->
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Statut</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/idavispds" title="Télécharger l'avis description - nouvelle fenêtre" target="_blank">description</a></td>
+ <td><span class="">22-04-2024</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/idavismae" title="Télécharger l'avis description - nouvelle fenêtre" target="_blank">description</a></td>
+ <td><span class="">22-04-2024</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--orange-terre-battue" title="Requis" aria-label="Requis">Requis</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html
index 5ee675cef24803f5b7dd992566bd248e66020f38..3cb0befd4b8e2bb180a8d21c33a9e0968fd48e40 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html
@@ -86,131 +86,125 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.60031408473134</span></td>
- <td class=""><span class="">3.8224780986447566</span></td>
- <td class=""><span class="">-53°36,019'</span></td>
- <td class=""><span class="">3°49,349'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.59891645305842</span></td>
- <td class=""><span class="">3.8181831495446303</span></td>
- <td class=""><span class="">-53°35,935'</span></td>
- <td class=""><span class="">3°49,091'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58181205656814</span></td>
- <td class=""><span class="">3.82379854768971</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,428'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58320964990986</span></td>
- <td class=""><span class="">3.828093576227541</span></td>
- <td class=""><span class="">-53°34,993'</span></td>
- <td class=""><span class="">3°49,686'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">I</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.583861926103765</span></td>
- <td class=""><span class="">3.8502114455117433</span></td>
- <td class=""><span class="">-53°35,032'</span></td>
- <td class=""><span class="">3°51,013'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">J</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.592379712320195</span></td>
- <td class=""><span class="">3.834289122043602</span></td>
- <td class=""><span class="">-53°35,543'</span></td>
- <td class=""><span class="">3°50,057'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">K</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.588417035915334</span></td>
- <td class=""><span class="">3.8321501920354253</span></td>
- <td class=""><span class="">-53°35,305'</span></td>
- <td class=""><span class="">3°49,929'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">L</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.57989914401643</span></td>
- <td class=""><span class="">3.8480725119510217</span></td>
- <td class=""><span class="">-53°34,794'</span></td>
- <td class=""><span class="">3°50,884'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.60031408473134</span></td>
+ <td><span class="">3.8224780986447566</span></td>
+ <td><span class="">-53°36,019'</span></td>
+ <td><span class="">3°49,349'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.59891645305842</span></td>
+ <td><span class="">3.8181831495446303</span></td>
+ <td><span class="">-53°35,935'</span></td>
+ <td><span class="">3°49,091'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58181205656814</span></td>
+ <td><span class="">3.82379854768971</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,428'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58320964990986</span></td>
+ <td><span class="">3.828093576227541</span></td>
+ <td><span class="">-53°34,993'</span></td>
+ <td><span class="">3°49,686'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">I</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.583861926103765</span></td>
+ <td><span class="">3.8502114455117433</span></td>
+ <td><span class="">-53°35,032'</span></td>
+ <td><span class="">3°51,013'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">J</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.592379712320195</span></td>
+ <td><span class="">3.834289122043602</span></td>
+ <td><span class="">-53°35,543'</span></td>
+ <td><span class="">3°50,057'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">K</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.588417035915334</span></td>
+ <td><span class="">3.8321501920354253</span></td>
+ <td><span class="">-53°35,305'</span></td>
+ <td><span class="">3°49,929'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">L</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.57989914401643</span></td>
+ <td><span class="">3.8480725119510217</span></td>
+ <td><span class="">-53°34,794'</span></td>
+ <td><span class="">3°50,884'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -222,82 +216,86 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idDep" title="Télécharger le document Décision cas par cas - nouvelle fenêtre" target="_blank">Décision cas par cas</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idDoe" title="Télécharger le document Dossier "Loi sur l'eau" - nouvelle fenêtre" target="_blank">Dossier "Loi sur l'eau"</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idDep" title="Télécharger le document Décision cas par cas - nouvelle fenêtre" target="_blank">Décision cas par cas</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idDoe" title="Télécharger le document Dossier "Loi sur l'eau" - nouvelle fenêtre" target="_blank">Dossier "Loi sur l'eau"</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html
index 871fe1de21638b9bdee32c1b8d3a29cc9729bbc0..e86d4befcd5e3d9c26b52e693bdecdee23c1add0 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html
@@ -86,131 +86,125 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.60031408473134</span></td>
- <td class=""><span class="">3.8224780986447566</span></td>
- <td class=""><span class="">-53°36,019'</span></td>
- <td class=""><span class="">3°49,349'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.59891645305842</span></td>
- <td class=""><span class="">3.8181831495446303</span></td>
- <td class=""><span class="">-53°35,935'</span></td>
- <td class=""><span class="">3°49,091'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58181205656814</span></td>
- <td class=""><span class="">3.82379854768971</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,428'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58320964990986</span></td>
- <td class=""><span class="">3.828093576227541</span></td>
- <td class=""><span class="">-53°34,993'</span></td>
- <td class=""><span class="">3°49,686'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">I</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.583861926103765</span></td>
- <td class=""><span class="">3.8502114455117433</span></td>
- <td class=""><span class="">-53°35,032'</span></td>
- <td class=""><span class="">3°51,013'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">J</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.592379712320195</span></td>
- <td class=""><span class="">3.834289122043602</span></td>
- <td class=""><span class="">-53°35,543'</span></td>
- <td class=""><span class="">3°50,057'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">K</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.588417035915334</span></td>
- <td class=""><span class="">3.8321501920354253</span></td>
- <td class=""><span class="">-53°35,305'</span></td>
- <td class=""><span class="">3°49,929'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">L</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.57989914401643</span></td>
- <td class=""><span class="">3.8480725119510217</span></td>
- <td class=""><span class="">-53°34,794'</span></td>
- <td class=""><span class="">3°50,884'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.60031408473134</span></td>
+ <td><span class="">3.8224780986447566</span></td>
+ <td><span class="">-53°36,019'</span></td>
+ <td><span class="">3°49,349'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.59891645305842</span></td>
+ <td><span class="">3.8181831495446303</span></td>
+ <td><span class="">-53°35,935'</span></td>
+ <td><span class="">3°49,091'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58181205656814</span></td>
+ <td><span class="">3.82379854768971</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,428'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58320964990986</span></td>
+ <td><span class="">3.828093576227541</span></td>
+ <td><span class="">-53°34,993'</span></td>
+ <td><span class="">3°49,686'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">I</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.583861926103765</span></td>
+ <td><span class="">3.8502114455117433</span></td>
+ <td><span class="">-53°35,032'</span></td>
+ <td><span class="">3°51,013'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">J</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.592379712320195</span></td>
+ <td><span class="">3.834289122043602</span></td>
+ <td><span class="">-53°35,543'</span></td>
+ <td><span class="">3°50,057'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">K</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.588417035915334</span></td>
+ <td><span class="">3.8321501920354253</span></td>
+ <td><span class="">-53°35,305'</span></td>
+ <td><span class="">3°49,929'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">L</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.57989914401643</span></td>
+ <td><span class="">3.8480725119510217</span></td>
+ <td><span class="">-53°34,794'</span></td>
+ <td><span class="">3°50,884'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -222,72 +216,76 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html
index bf30bca355681d488553b4b2b2b4abd2390d543e..55eb45c734fab1ea7759421d8b12f3259cd36abd 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html
@@ -86,131 +86,125 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.60031408473134</span></td>
- <td class=""><span class="">3.8224780986447566</span></td>
- <td class=""><span class="">-53°36,019'</span></td>
- <td class=""><span class="">3°49,349'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.59891645305842</span></td>
- <td class=""><span class="">3.8181831495446303</span></td>
- <td class=""><span class="">-53°35,935'</span></td>
- <td class=""><span class="">3°49,091'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58181205656814</span></td>
- <td class=""><span class="">3.82379854768971</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,428'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class="">Polygone 2</span></td>
- <td class=""><span class="">-53.58320964990986</span></td>
- <td class=""><span class="">3.828093576227541</span></td>
- <td class=""><span class="">-53°34,993'</span></td>
- <td class=""><span class="">3°49,686'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">I</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.583861926103765</span></td>
- <td class=""><span class="">3.8502114455117433</span></td>
- <td class=""><span class="">-53°35,032'</span></td>
- <td class=""><span class="">3°51,013'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">J</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.592379712320195</span></td>
- <td class=""><span class="">3.834289122043602</span></td>
- <td class=""><span class="">-53°35,543'</span></td>
- <td class=""><span class="">3°50,057'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">K</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.588417035915334</span></td>
- <td class=""><span class="">3.8321501920354253</span></td>
- <td class=""><span class="">-53°35,305'</span></td>
- <td class=""><span class="">3°49,929'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">L</span></td>
- <td class=""><span class="">Polygone 3</span></td>
- <td class=""><span class="">-53.57989914401643</span></td>
- <td class=""><span class="">3.8480725119510217</span></td>
- <td class=""><span class="">-53°34,794'</span></td>
- <td class=""><span class="">3°50,884'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.60031408473134</span></td>
+ <td><span class="">3.8224780986447566</span></td>
+ <td><span class="">-53°36,019'</span></td>
+ <td><span class="">3°49,349'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.59891645305842</span></td>
+ <td><span class="">3.8181831495446303</span></td>
+ <td><span class="">-53°35,935'</span></td>
+ <td><span class="">3°49,091'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58181205656814</span></td>
+ <td><span class="">3.82379854768971</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,428'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class="">Polygone 2</span></td>
+ <td><span class="">-53.58320964990986</span></td>
+ <td><span class="">3.828093576227541</span></td>
+ <td><span class="">-53°34,993'</span></td>
+ <td><span class="">3°49,686'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">I</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.583861926103765</span></td>
+ <td><span class="">3.8502114455117433</span></td>
+ <td><span class="">-53°35,032'</span></td>
+ <td><span class="">3°51,013'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">J</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.592379712320195</span></td>
+ <td><span class="">3.834289122043602</span></td>
+ <td><span class="">-53°35,543'</span></td>
+ <td><span class="">3°50,057'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">K</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.588417035915334</span></td>
+ <td><span class="">3.8321501920354253</span></td>
+ <td><span class="">-53°35,305'</span></td>
+ <td><span class="">3°49,929'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">L</span></td>
+ <td><span class="">Polygone 3</span></td>
+ <td><span class="">-53.57989914401643</span></td>
+ <td><span class="">3.8480725119510217</span></td>
+ <td><span class="">-53°34,794'</span></td>
+ <td><span class="">3°50,884'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -222,72 +216,76 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Dossier de demande - nouvelle fenêtre" target="_blank">Dossier de demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id3" title="Télécharger le document Formulaire de demande - nouvelle fenêtre" target="_blank">Formulaire de demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id4" title="Télécharger le document Justificatif de paiement - nouvelle fenêtre" target="_blank">Justificatif de paiement</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - Curriculum vitae - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Curriculum vitae - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif d'identité - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif d'identité - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire1 - Justificatif des capacités financières - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités financières - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire1 - Justificatif des capacités techniques - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Justificatif des capacités techniques - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id5" title="Télécharger le document titulaire1 - Kbis - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - Kbis - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html
index 3253c26211107af54e3b472876f47db9357f55fb..38b03c743c6534ff22d190bb23f60391f924b720 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html
@@ -62,67 +62,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html
index 25c832a4a68dc78c4adf0dbe6a5fc7d58005be39..bf5f2e037d5f472aaff01d80165465f072d3e0d2 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html
@@ -54,67 +54,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html
index afab9aabd99f658103ab914eddc1d4846c75704b..118ead30228ed78d22028567527cf7d868c567ac 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html
@@ -33,67 +33,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html
index c2857c68448c406c70c74c791a158f7b2805ba39..4decad768e517c33f0da6e4f8f725ac108d0f3c2 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html
@@ -84,59 +84,61 @@
</div>
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire2 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire2 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire2 - Attestation fiscale - (2023-02-01) - nouvelle fenêtre" target="_blank">titulaire2 - Attestation fiscale - (2023-02-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id4" title="Télécharger le document titulaire2 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire2 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id3" title="Télécharger le document titulaire2 - Attestation fiscale - (2023-02-01) - nouvelle fenêtre" target="_blank">titulaire2 - Attestation fiscale - (2023-02-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html
index 0c74f9a9a1d7cc35fa2a5bee3f5f75a9209a2771..288572bb461995e7d9f065076867e815e1c7f768 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html
@@ -81,47 +81,51 @@
<!---->
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html
index e1720de23120f3a627b480ea5adfe1f8dfb0e653..4b2202415cf8d8fca7a57d75643f3e7565c4a6f6 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html
@@ -23,47 +23,51 @@
<!---->
<!---->
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html
index bfc18677ab11e4282bfbf8dfab1626f2b3af5466..e214cb37d6d1ecc32b115dd2eb6317f458f1f504 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html
@@ -28,47 +28,51 @@
</div>
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Accusé de réception d'une demande - nouvelle fenêtre" target="_blank">Accusé de réception d'une demande</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document Avis du conseil général de l'économie (CGE) - nouvelle fenêtre" target="_blank">Avis du conseil général de l'économie (CGE)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">titulaire1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document titulaire1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">titulaire1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.tsx b/packages/ui/src/components/demarche/demarche-etape.tsx
index 2b5e6efe58d3b18fb0a58c594b5430794294a576..36acb7bb138d4cbbe7808f657454823fe2cda811 100644
--- a/packages/ui/src/components/demarche/demarche-etape.tsx
+++ b/packages/ui/src/components/demarche/demarche-etape.tsx
@@ -133,7 +133,9 @@ export const DemarcheEtape = defineComponent<Props>(props => {
deposePopupVisible.value = !deposePopupVisible.value
}
- const canDownloadZip = computed<boolean>(() => props.etape.entreprises_documents.length + props.etape.etape_documents.length > 1)
+ const canDownloadZip = computed<boolean>(() => {
+ return props.etape.avis_documents.length + props.etape.entreprises_documents.length + props.etape.etape_documents.length > 1
+ })
const canDelete = computed<boolean>(() =>
canDeleteEtape(props.user, props.etape.etape_type_id, props.etape.is_brouillon, props.demarche.titulaireIds, props.demarche.administrationsLocales, props.demarche.demarche_type_id, props.titre)
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html b/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html
index 5e330681926da1fc705351cccbcdd996d0ca4035..35889850e314ade089b22a90e5b91422a927dfa5 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_Demarches.html
@@ -509,215 +509,219 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Démarches</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-0},query:{demarcheSlug:slug0}}" type="primary"><span class="">Nom 0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 0</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-1},query:{demarcheSlug:slug1}}" type="primary"><span class="">Nom 1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 1</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-2},query:{demarcheSlug:slug2}}" type="primary"><span class="">Nom 2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 2</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-3},query:{demarcheSlug:slug3}}" type="primary"><span class="">Nom 3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 3</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-4},query:{demarcheSlug:slug4}}" type="primary"><span class="">Nom 4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 4</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-5},query:{demarcheSlug:slug5}}" type="primary"><span class="">Nom 5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 5</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-6},query:{demarcheSlug:slug6}}" type="primary"><span class="">Nom 6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 6</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-7},query:{demarcheSlug:slug7}}" type="primary"><span class="">Nom 7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 7</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-8},query:{demarcheSlug:slug8}}" type="primary"><span class="">Nom 8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 8</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-9},query:{demarcheSlug:slug9}}" type="primary"><span class="">Nom 9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 9</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Démarches</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-0},query:{demarcheSlug:slug0}}" type="primary"><span class="">Nom 0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 0</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-1},query:{demarcheSlug:slug1}}" type="primary"><span class="">Nom 1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 1</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-2},query:{demarcheSlug:slug2}}" type="primary"><span class="">Nom 2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 2</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-3},query:{demarcheSlug:slug3}}" type="primary"><span class="">Nom 3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 3</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-4},query:{demarcheSlug:slug4}}" type="primary"><span class="">Nom 4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 4</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-5},query:{demarcheSlug:slug5}}" type="primary"><span class="">Nom 5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 5</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-6},query:{demarcheSlug:slug6}}" type="primary"><span class="">Nom 6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 6</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-7},query:{demarcheSlug:slug7}}" type="primary"><span class="">Nom 7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 7</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-8},query:{demarcheSlug:slug8}}" type="primary"><span class="">Nom 8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 8</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-9},query:{demarcheSlug:slug9}}" type="primary"><span class="">Nom 9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 9</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html b/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html
index 0de804357c7a2acdf759507bf41be751264d294c..fc0549ad62879e0c1de54a4f3c5094b6790f86f3 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_Loading.html
@@ -509,115 +509,119 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Travaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Travaux</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class="_top-level_3306d0 undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html b/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html
index ecacd3443c23df7d34b1384a5ff44e59138d1270..30f1d3ec5eaa346e1453df5ff213d993f79b4255 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_Travaux.html
@@ -419,215 +419,219 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Travaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-0},query:{demarcheSlug:slug0}}" type="primary"><span class="">Nom 0</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 0</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-1},query:{demarcheSlug:slug1}}" type="primary"><span class="">Nom 1</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 1</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-2},query:{demarcheSlug:slug2}}" type="primary"><span class="">Nom 2</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 2</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-3},query:{demarcheSlug:slug3}}" type="primary"><span class="">Nom 3</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 3</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-4},query:{demarcheSlug:slug4}}" type="primary"><span class="">Nom 4</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 4</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-5},query:{demarcheSlug:slug5}}" type="primary"><span class="">Nom 5</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 5</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-6},query:{demarcheSlug:slug6}}" type="primary"><span class="">Nom 6</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 6</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-7},query:{demarcheSlug:slug7}}" type="primary"><span class="">Nom 7</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 7</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-8},query:{demarcheSlug:slug8}}" type="primary"><span class="">Nom 8</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Permis exclusif de recherches</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 8</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:titre,params:{id:slug-9},query:{demarcheSlug:slug9}}" type="primary"><span class="">Nom 9</span></a></td>
- <td>
- <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Concession</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
- </td>
- <td>
- <p class="h6 bold mb-0">Amodiation</p>
- </td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
- </td>
- <td><span class=""><ul><li class="fr-text--xs">RNTM : Ref 9</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Travaux</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-0},query:{demarcheSlug:slug0}}" type="primary"><span class="">Nom 0</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 0</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-1},query:{demarcheSlug:slug1}}" type="primary"><span class="">Nom 1</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 1</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-2},query:{demarcheSlug:slug2}}" type="primary"><span class="">Nom 2</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 2</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-3},query:{demarcheSlug:slug3}}" type="primary"><span class="">Nom 3</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 3</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-4},query:{demarcheSlug:slug4}}" type="primary"><span class="">Nom 4</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 4</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-5},query:{demarcheSlug:slug5}}" type="primary"><span class="">Nom 5</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 5</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-6},query:{demarcheSlug:slug6}}" type="primary"><span class="">Nom 6</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 6</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-7},query:{demarcheSlug:slug7}}" type="primary"><span class="">Nom 7</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 7</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-8},query:{demarcheSlug:slug8}}" type="primary"><span class="">Nom 8</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine géothermie" aria-label="Domaine géothermie" style="min-width: 2rem; color: black;">G</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Permis exclusif de recherches</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="valide" aria-label="valide">valide</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Déclaration d'arrêt définitif des travaux</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="fin de la police des mines" aria-label="fin de la police des mines">fin de la police des mines</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 8</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:titre,params:{id:slug-9},query:{demarcheSlug:slug9}}" type="primary"><span class="">Nom 9</span></a></td>
+ <td>
+ <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Concession</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="échu" aria-label="échu">échu</p>
+ </td>
+ <td>
+ <p class="h6 bold mb-0">Amodiation</p>
+ </td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="désisté" aria-label="désisté">désisté</p>
+ </td>
+ <td><span><ul><li class="fr-text--xs">RNTM : Ref 9</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html b/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html
index 0be1e52fb8f0ad2828953215eb0f85cb9e5d49d4..4a3290c0b68c8b72950b57658109eb13caa45089 100644
--- a/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html
+++ b/packages/ui/src/components/demarches/page.stories_snapshots_WithError.html
@@ -509,115 +509,119 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Travaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Références</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Travaux</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Titre par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Titre par ordre descendant">Titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne " class="fr-link" aria-label="Trier par la colonne ">-</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type de titre" class="fr-link" aria-label="Trier par la colonne Type de titre">Type de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut de titre" class="fr-link" aria-label="Trier par la colonne Statut de titre">Statut de titre</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Type" class="fr-link" aria-label="Trier par la colonne Type">Type</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Statut" class="fr-link" aria-label="Trier par la colonne Statut">Statut</a></th>
+ <th scope="col">Références</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class=" undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/demarches/page.tsx b/packages/ui/src/components/demarches/page.tsx
index 9735aad97204594d4f644762877ab54b33f7ffa2..a770bdfecf2c36f060744eb94a1e7fe8c23ad5fb 100644
--- a/packages/ui/src/components/demarches/page.tsx
+++ b/packages/ui/src/components/demarches/page.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, inject, markRaw, ref } from 'vue'
+import { defineComponent, inject, ref } from 'vue'
import { Liste, Params } from '../_common/liste'
import { Column, TableRow } from '../_ui/table'
import { useRouter } from 'vue-router'
@@ -21,13 +21,13 @@ import { CaminoRouter } from '@/typings/vue-router'
import { DemarcheStatut } from '../_common/demarche-statut'
const demarchesColonnes = [
- { id: 'titreNom', name: 'Titre' },
- { id: 'titreDomaine', name: '' },
- { id: 'titreType', name: 'Type de titre' },
- { id: 'titreStatut', name: 'Statut de titre' },
- { id: 'type', name: 'Type' },
- { id: 'statut', name: 'Statut' },
- { id: 'references', name: 'Références', noSort: true },
+ { id: 'titreNom', contentTitle: 'Titre' },
+ { id: 'titreDomaine', contentTitle: '' },
+ { id: 'titreType', contentTitle: 'Type de titre' },
+ { id: 'titreStatut', contentTitle: 'Statut de titre' },
+ { id: 'type', contentTitle: 'Type' },
+ { id: 'statut', contentTitle: 'Statut' },
+ { id: 'references', contentTitle: 'Références', noSort: true },
] as const satisfies readonly Column[]
type Props = Pick<PureProps, 'travaux' | 'filtres'>
@@ -46,43 +46,36 @@ const demarchesLignesBuild = (demarches: GetDemarchesDemarche[]): TableRow[] =>
const domaineId = getDomaineId(demarche.titre.typeId)
const titreTypeType = TitresTypesTypes[getTitreTypeType(demarche.titre.typeId)]
const demarcheType = DemarchesTypes[demarche.typeId]
- const columns = {
- titreNom: { value: demarche.titre.nom },
+ const columns: TableRow['columns'] = {
+ titreNom: { type: 'text', value: demarche.titre.nom },
titreDomaine: {
- component: markRaw(CaminoDomaine),
- props: { domaineId },
+ type: 'jsx',
+ jsxElement: <CaminoDomaine domaineId={domaineId} />,
value: domaineId,
},
titreType: {
- component: markRaw(Nom),
- props: { nom: titreTypeType.nom },
+ type: 'jsx',
+ jsxElement: <Nom nom={titreTypeType.nom} />,
value: titreTypeType.nom,
},
titreStatut: {
- component: markRaw(TitreStatut),
- props: {
- titreStatutId: demarche.titre.titreStatutId,
- },
+ type: 'jsx',
+ jsxElement: <TitreStatut titreStatutId={demarche.titre.titreStatutId} />,
value: demarche.titre.titreStatutId,
},
type: {
- component: markRaw(Nom),
- props: { nom: demarcheType.nom },
+ type: 'jsx',
+ jsxElement: <Nom nom={demarcheType.nom} />,
value: demarcheType.nom,
},
statut: {
- component: markRaw(DemarcheStatut),
- props: {
- demarcheStatutId: demarche.statutId,
- },
+ type: 'jsx',
+ jsxElement: <DemarcheStatut demarcheStatutId={demarche.statutId} />,
value: DemarchesStatuts[demarche.statutId].nom,
},
references: {
- component: markRaw(List),
- props: {
- elements: demarche.titre.references.map(ref => `${ReferencesTypes[ref.referenceTypeId].nom} : ${ref.nom}`),
- mini: true,
- },
+ type: 'jsx',
+ jsxElement: <List elements={demarche.titre.references.map(ref => `${ReferencesTypes[ref.referenceTypeId].nom} : ${ref.nom}`)} mini={true} />,
value: demarche.titre.references.map(ref => `${ReferencesTypes[ref.referenceTypeId].nom} : ${ref.nom}`),
},
}
diff --git a/packages/ui/src/components/entreprise.stories_snapshots_Complet.html b/packages/ui/src/components/entreprise.stories_snapshots_Complet.html
index 2dbb1270846e446cf3197b6b483940dbad41b8b0..1cf798cfc31f4a73cbaf056e32dfe6401ca64236 100644
--- a/packages/ui/src/components/entreprise.stories_snapshots_Complet.html
+++ b/packages/ui/src/components/entreprise.stories_snapshots_Complet.html
@@ -17,37 +17,45 @@
<div class="fr-grid-row"><span class="fr-col-3 fr-h6" style="margin: 0px;">Utilisateurs de l'entreprise</span><span class="fr-col"><a href="/mocked-href" title="Voir les utilisateurs" class="fr-link" aria-label="Voir les utilisateurs">Voir les utilisateurs</a></span></div>
<div class="fr-grid-row"><span class="fr-col-3 fr-h6" style="margin: 0px;">Titres de l'entreprise</span><span class="fr-col"><a href="/mocked-href" title="Voir les titres" class="fr-link" aria-label="Voir les titres">Voir les titres</a></span></div>
<div style="overflow-x: auto;">
- <div class="fr-container">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Documents de l'entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col" style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
- <!---->
- </button></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/2019-08-26-kbi-12345678" title="Télécharger le document Kbis - nouvelle fenêtre" target="_blank">Kbis</a></td>
- <td>26-08-2019</td>
- <td>Kbis</td>
- <td><button class="fr-btn fr-icon-delete-line fr-btn--secondary fr-mb-0" title="Supprimer le document Kbis"></button></td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/2019-08-26-idm-12345678" title="Télécharger le document Identification de matériel - nouvelle fenêtre" target="_blank">Identification de matériel</a></td>
- <td>26-08-2019</td>
- <td>Identification pelle mécanique</td>
- <td>
- <!---->
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents de l'entreprise</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col" class="fr-cell--right"><button class="fr-btn fr-btn--primary fr-btn--md fr-icon-add-line" title="Ajouter un document" aria-label="Ajouter un document" type="button">
+ <!---->
+ </button></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/2019-08-26-kbi-12345678" title="Télécharger le document Kbis - nouvelle fenêtre" target="_blank">Kbis</a></td>
+ <td><span class="">26-08-2019</span></td>
+ <td><span class="">Kbis</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-line fr-mb-0" title="Supprimer le document Kbis" aria-label="Supprimer le document Kbis" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/2019-08-26-idm-12345678" title="Télécharger le document Identification de matériel - nouvelle fenêtre" target="_blank">Identification de matériel</a></td>
+ <td><span class="">26-08-2019</span></td>
+ <td><span class="">Identification pelle mécanique</span></td>
+ <td class="fr-cell--right">
+ <div></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/entreprise/entreprise-documents.tsx b/packages/ui/src/components/entreprise/entreprise-documents.tsx
index bf0063a35cc76addb9f70a7256a5835c69938dc1..bc415bd05678e035aed9797810959d39ee5973a6 100644
--- a/packages/ui/src/components/entreprise/entreprise-documents.tsx
+++ b/packages/ui/src/components/entreprise/entreprise-documents.tsx
@@ -1,4 +1,4 @@
-import { FunctionalComponent, defineComponent, onMounted, ref } from 'vue'
+import { FunctionalComponent, computed, defineComponent, onMounted, ref } from 'vue'
import { LoadingElement } from '@/components/_ui/functional-loader'
import { AsyncData, getDownloadRestRoute } from '@/api/client-rest'
import { EntrepriseDocument, EntrepriseDocumentId, EntrepriseId } from 'camino-common/src/entreprise'
@@ -11,12 +11,17 @@ import { RemoveEntrepriseDocumentPopup } from './remove-entreprise-document-popu
import { ApiClient } from '@/api/api-client'
import { DsfrButtonIcon } from '../_ui/dsfr-button'
import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
+import { fr } from '@codegouvfr/react-dsfr'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
interface Props {
apiClient: Pick<ApiClient, 'getEntrepriseDocuments' | 'creerEntrepriseDocument' | 'deleteEntrepriseDocument' | 'uploadTempDocument'>
user: User
entrepriseId: EntrepriseId
}
+type ColumnId = 'nom' | 'date' | 'description' | 'actions'
+
export const EntrepriseDocuments = defineComponent<Props>(props => {
const data = ref<AsyncData<EntrepriseDocument[]>>({ status: 'LOADING' })
@@ -38,64 +43,66 @@ export const EntrepriseDocuments = defineComponent<Props>(props => {
await reloadDocuments()
})
+ const columns = computed<Column<ColumnId>[]>(() => {
+ const rawColumns: Column<ColumnId>[] = [
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'date', contentTitle: 'Date' },
+ { id: 'description', contentTitle: 'Description' },
+ ]
+
+ if (canEditEntreprise(props.user, props.entrepriseId)) {
+ rawColumns.push({
+ id: 'actions',
+ class: [fr.cx('fr-cell--right')],
+ contentTitle: (
+ <DsfrButtonIcon
+ icon="fr-icon-add-line"
+ buttonType="primary"
+ title="Ajouter un document"
+ onClick={() => {
+ addPopup.value = true
+ }}
+ />
+ ),
+ })
+ }
+
+ return rawColumns
+ })
+
+ const rows = (items: EntrepriseDocument[]): TableRow<ColumnId>[] => {
+ return items.map<TableRow<ColumnId>>(item => ({
+ id: item.id,
+ link: null,
+ columns: {
+ nom: { type: 'jsx', jsxElement: <EntrepriseDocumentLink documentId={item.id} documentTypeId={item.entreprise_document_type_id} />, value: item.id },
+ date: { type: 'text', value: dateFormat(item.date) },
+ description: { type: 'text', value: item.description ?? '' },
+ actions: {
+ type: 'jsx',
+ jsxElement: item.can_delete_document ? (
+ <DsfrButtonIcon
+ icon="fr-icon-delete-line"
+ buttonType="secondary"
+ class={[fr.cx('fr-mb-0')]}
+ title={`Supprimer le document ${DocumentsTypes[item.entreprise_document_type_id].nom}`}
+ onClick={() => {
+ deleteDocument.value = { nom: DocumentsTypes[item.entreprise_document_type_id].nom, id: item.id }
+ deletePopup.value = true
+ }}
+ />
+ ) : (
+ <div></div>
+ ),
+ value: item.id,
+ },
+ },
+ }))
+ }
+
return () => (
<div style={{ overflowX: 'auto' }}>
- <div class="fr-container">
- <div class="fr-table">
- <table style={{ display: 'table' }}>
- <caption>Documents de l'entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col" style={{ display: 'flex', justifyContent: 'end' }}>
- {canEditEntreprise(props.user, props.entrepriseId) ? (
- <DsfrButtonIcon
- icon="fr-icon-add-line"
- buttonType="primary"
- title="Ajouter un document"
- onClick={() => {
- addPopup.value = true
- }}
- />
- ) : null}
- </th>
- </tr>
- </thead>
- <tbody>
- <LoadingElement
- data={data.value}
- renderItem={items => (
- <>
- {items.map(item => (
- <tr>
- <td>
- <EntrepriseDocumentLink documentId={item.id} documentTypeId={item.entreprise_document_type_id} />
- </td>
- <td>{dateFormat(item.date)}</td>
- <td>{item.description}</td>
- <td>
- {item.can_delete_document ? (
- <button
- class={['fr-btn', 'fr-icon-delete-line', 'fr-btn--secondary', 'fr-mb-0']}
- title={`Supprimer le document ${DocumentsTypes[item.entreprise_document_type_id].nom}`}
- onClick={() => {
- deleteDocument.value = { nom: DocumentsTypes[item.entreprise_document_type_id].nom, id: item.id }
- deletePopup.value = true
- }}
- />
- ) : null}
- </td>
- </tr>
- ))}
- </>
- )}
- />
- </tbody>
- </table>
- </div>
- </div>
+ <LoadingElement data={data.value} renderItem={items => <TableSimple caption={{ value: "Documents de l'entreprise", visible: true }} columns={columns.value} rows={rows(items)} />} />
{addPopup.value ? (
<AddEntrepriseDocumentPopup
apiClient={{
diff --git a/packages/ui/src/components/entreprises.stories_snapshots_NonConnecte.html b/packages/ui/src/components/entreprises.stories_snapshots_NonConnecte.html
index 139278abb584f098e2caf34d1dce6f7a35c99ff3..1451bce5688957d6ec048aa3691a0e0c4ce58021 100644
--- a/packages/ui/src/components/entreprises.stories_snapshots_NonConnecte.html
+++ b/packages/ui/src/components/entreprises.stories_snapshots_NonConnecte.html
@@ -48,62 +48,64 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>entreprises</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Siren</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-899600233}}" type="primary"><span class="">10 A</span></a></td>
- <td><span class="">899600233</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-529770646}}" type="primary"><span class="">2GRE</span></a></td>
- <td><span class="">529770646</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-895187920}}" type="primary"><span class="">45-8 AVANT-MONTS</span></a></td>
- <td><span class="">895187920</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-831762786}}" type="primary"><span class="">45-8 FONTS-BOUILLANTS</span></a></td>
- <td><span class="">831762786</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-539449124}}" type="primary"><span class="">6EME SENS IMMOBILIER ENTREPRISES</span></a></td>
- <td><span class="">539449124</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:xx-100000146}}" type="primary"><span class="">8 communes de la vallée de Vicdessos</span></a></td>
- <td><span class="">–</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a001}}" type="primary"><span class="">Aboeka Alphonse</span></a></td>
- <td><span class="">–</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-523359024}}" type="primary"><span class="">ABOEKA METAL</span></a></td>
- <td><span class="">523359024</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a002}}" type="primary"><span class="">Aboeka Thomas</span></a></td>
- <td><span class="">–</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-839888138}}" type="primary"><span class="">ABOUNAMI GOLD</span></a></td>
- <td><span class="">839888138</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>entreprises</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Siren</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-899600233}}" type="primary"><span class="">10 A</span></a></td>
+ <td><span class="">899600233</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-529770646}}" type="primary"><span class="">2GRE</span></a></td>
+ <td><span class="">529770646</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-895187920}}" type="primary"><span class="">45-8 AVANT-MONTS</span></a></td>
+ <td><span class="">895187920</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-831762786}}" type="primary"><span class="">45-8 FONTS-BOUILLANTS</span></a></td>
+ <td><span class="">831762786</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-539449124}}" type="primary"><span class="">6EME SENS IMMOBILIER ENTREPRISES</span></a></td>
+ <td><span class="">539449124</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:xx-100000146}}" type="primary"><span class="">8 communes de la vallée de Vicdessos</span></a></td>
+ <td><span class="">–</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a001}}" type="primary"><span class="">Aboeka Alphonse</span></a></td>
+ <td><span class="">–</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-523359024}}" type="primary"><span class="">ABOEKA METAL</span></a></td>
+ <td><span class="">523359024</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a002}}" type="primary"><span class="">Aboeka Thomas</span></a></td>
+ <td><span class="">–</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-839888138}}" type="primary"><span class="">ABOUNAMI GOLD</span></a></td>
+ <td><span class="">839888138</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/entreprises.stories_snapshots_canCreateEntreprise.html b/packages/ui/src/components/entreprises.stories_snapshots_canCreateEntreprise.html
index f938686f18d7cfe66ba7ef6351a78c3a9a3f9d64..583380310a79412ad39a44f9254a8c4e03fe60df 100644
--- a/packages/ui/src/components/entreprises.stories_snapshots_canCreateEntreprise.html
+++ b/packages/ui/src/components/entreprises.stories_snapshots_canCreateEntreprise.html
@@ -50,62 +50,64 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>entreprises</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Siren</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-899600233}}" type="primary"><span class="">10 A</span></a></td>
- <td><span class="">899600233</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-529770646}}" type="primary"><span class="">2GRE</span></a></td>
- <td><span class="">529770646</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-895187920}}" type="primary"><span class="">45-8 AVANT-MONTS</span></a></td>
- <td><span class="">895187920</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-831762786}}" type="primary"><span class="">45-8 FONTS-BOUILLANTS</span></a></td>
- <td><span class="">831762786</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-539449124}}" type="primary"><span class="">6EME SENS IMMOBILIER ENTREPRISES</span></a></td>
- <td><span class="">539449124</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:xx-100000146}}" type="primary"><span class="">8 communes de la vallée de Vicdessos</span></a></td>
- <td><span class="">–</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a001}}" type="primary"><span class="">Aboeka Alphonse</span></a></td>
- <td><span class="">–</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-523359024}}" type="primary"><span class="">ABOEKA METAL</span></a></td>
- <td><span class="">523359024</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a002}}" type="primary"><span class="">Aboeka Thomas</span></a></td>
- <td><span class="">–</span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:entreprise,params:{id:fr-839888138}}" type="primary"><span class="">ABOUNAMI GOLD</span></a></td>
- <td><span class="">839888138</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>entreprises</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Siren</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-899600233}}" type="primary"><span class="">10 A</span></a></td>
+ <td><span class="">899600233</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-529770646}}" type="primary"><span class="">2GRE</span></a></td>
+ <td><span class="">529770646</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-895187920}}" type="primary"><span class="">45-8 AVANT-MONTS</span></a></td>
+ <td><span class="">895187920</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-831762786}}" type="primary"><span class="">45-8 FONTS-BOUILLANTS</span></a></td>
+ <td><span class="">831762786</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-539449124}}" type="primary"><span class="">6EME SENS IMMOBILIER ENTREPRISES</span></a></td>
+ <td><span class="">539449124</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:xx-100000146}}" type="primary"><span class="">8 communes de la vallée de Vicdessos</span></a></td>
+ <td><span class="">–</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a001}}" type="primary"><span class="">Aboeka Alphonse</span></a></td>
+ <td><span class="">–</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-523359024}}" type="primary"><span class="">ABOEKA METAL</span></a></td>
+ <td><span class="">523359024</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:xx-97300a002}}" type="primary"><span class="">Aboeka Thomas</span></a></td>
+ <td><span class="">–</span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:entreprise,params:{id:fr-839888138}}" type="primary"><span class="">ABOUNAMI GOLD</span></a></td>
+ <td><span class="">839888138</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/entreprises.tsx b/packages/ui/src/components/entreprises.tsx
index 2bdade7e4463d81d47775b2dea98848e2a95c03f..77fded46a231c90a1b7e00110f9723fc21ea0363 100644
--- a/packages/ui/src/components/entreprises.tsx
+++ b/packages/ui/src/components/entreprises.tsx
@@ -19,12 +19,12 @@ import { CaminoRouter } from '@/typings/vue-router'
const entreprisesColonnes = [
{
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
noSort: true,
},
{
id: 'siren',
- name: 'Siren',
+ contentTitle: 'Siren',
noSort: true,
},
] as const satisfies readonly Column[]
@@ -58,12 +58,10 @@ export const PureEntreprises = defineComponent<Props>(props => {
return true
})
- .map(entreprise => {
- const columns = {
- nom: { value: entreprise.nom },
- siren: {
- value: entreprise.legal_siren ?? '–',
- },
+ .map<TableRow>(entreprise => {
+ const columns: TableRow['columns'] = {
+ nom: { type: 'text', value: entreprise.nom },
+ siren: { type: 'text', value: entreprise.legal_siren ?? '–' },
}
return {
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html b/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html
index d24ecf1d7b3856668209b0f7181ebc3ddf993ed9..f4ceff2e9a6d0ad9a91d254c234589060a4b7aa7 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_AffichageAide.html
@@ -137,59 +137,75 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Documents cartographiques</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Documents cartographiques</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html b/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html
index b90cf2beef359d4d7534757218e78dee1869df91..38b776753e25712de06e877ed35eefc8e43a9a69 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_AxmEnZoneDuSdom.html
@@ -90,99 +90,115 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Documents cartographiques</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Identification de matériel</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Lettre de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Mesures prévues pour réhabiliter le site </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Méthodes pour l'exécution des travaux</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Notice d'impact</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Notice d'impact" aria-label="Ajouter un document Notice d'impact" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Programme des travaux </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Schéma de pénétration du massif forestier</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Documents cartographiques</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Identification de matériel</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Mesures prévues pour réhabiliter le site </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Méthodes pour l'exécution des travaux</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Notice d'impact</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Notice d'impact" aria-label="Ajouter un document Notice d'impact" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Programme des travaux </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Schéma de pénétration du massif forestier</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -195,42 +211,50 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Avis du propriétaire du sol</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis du propriétaire du sol'" aria-label="Ajouter un document 'Avis du propriétaire du sol'" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Avis de la mission autorité environnementale</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis de la mission autorité environnementale'" aria-label="Ajouter un document 'Avis de la mission autorité environnementale'" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Avis du propriétaire du sol</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis du propriétaire du sol'" aria-label="Ajouter un document 'Avis du propriétaire du sol'" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Avis de la mission autorité environnementale</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis de la mission autorité environnementale'" aria-label="Ajouter un document 'Avis de la mission autorité environnementale'" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!---->
<!---->
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html b/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html
index 5a99685a06b1fb1e5ce80f6c5af653abf8543206..01a3fae03f31be6c1addecb5c16fcb23d5aa950c 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_DemandeArmComplete.html
@@ -180,59 +180,53 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -262,120 +256,124 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier de demande</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier de demande" aria-label="Modifier le document de Dossier de demande" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier de demande" aria-label="Supprimer le document de Dossier de demande" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Formulaire de demande</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Formulaire de demande" aria-label="Modifier le document de Formulaire de demande" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Formulaire de demande" aria-label="Supprimer le document de Formulaire de demande" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier de demande</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier de demande" aria-label="Modifier le document de Dossier de demande" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier de demande" aria-label="Supprimer le document de Dossier de demande" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Formulaire de demande</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Formulaire de demande" aria-label="Modifier le document de Formulaire de demande" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Formulaire de demande" aria-label="Supprimer le document de Formulaire de demande" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Justificatif de paiement</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Justificatif de paiement" aria-label="Modifier le document de Justificatif de paiement" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Justificatif de paiement" aria-label="Supprimer le document de Justificatif de paiement" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Justificatif de paiement</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Justificatif de paiement" aria-label="Modifier le document de Justificatif de paiement" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Justificatif de paiement" aria-label="Supprimer le document de Justificatif de paiement" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -393,172 +391,180 @@
</div>
<div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>10 A</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Attestation fiscale - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-03-atf-ueoau" target="_blank">Attestation fiscale</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="2023-06-03-atf-ueoau">
- <option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Attestation fiscale" aria-label="Supprimer le document d’entreprise Attestation fiscale" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Curriculum vitae - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-cur-ueoau" target="_blank">Curriculum vitae</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="2023-06-23-cur-ueoau">
- <option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Curriculum vitae" aria-label="Supprimer le document d’entreprise Curriculum vitae" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Identification de matériel - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-idm-ueoaue" target="_blank">Identification de matériel</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="2023-06-23-idm-ueoaue">
- <option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Identification de matériel" aria-label="Supprimer le document d’entreprise Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif d'identité - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jid-eaoueo" target="_blank">Justificatif d'identité</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="2023-06-23-jid-eaoueo">
- <option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
- <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif d'identité" aria-label="Supprimer le document d’entreprise Justificatif d'identité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités techniques - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jct-ueoau" target="_blank">Justificatif des capacités techniques</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="2023-06-23-jct-ueoau">
- <option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités techniques" aria-label="Supprimer le document d’entreprise Justificatif des capacités techniques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Kbis - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-08-kbi-ueoau" target="_blank">Kbis</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="2023-06-08-kbi-ueoau">
- <option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Kbis" aria-label="Supprimer le document d’entreprise Kbis" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités financières - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jcf-uueoau" target="_blank">Justificatif des capacités financières</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Choix du document pour [object Object]" name="select_267" value="2023-06-23-jcf-uueoau">
- <option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités financières" aria-label="Supprimer le document d’entreprise Justificatif des capacités financières" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>10 A</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Attestation fiscale - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-03-atf-ueoau" target="_blank">Attestation fiscale</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="2023-06-03-atf-ueoau">
+ <option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Attestation fiscale" aria-label="Supprimer le document d’entreprise Attestation fiscale" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Curriculum vitae - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-cur-ueoau" target="_blank">Curriculum vitae</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="2023-06-23-cur-ueoau">
+ <option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Curriculum vitae" aria-label="Supprimer le document d’entreprise Curriculum vitae" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Identification de matériel - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-idm-ueoaue" target="_blank">Identification de matériel</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="2023-06-23-idm-ueoaue">
+ <option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Identification de matériel" aria-label="Supprimer le document d’entreprise Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif d'identité - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jid-eaoueo" target="_blank">Justificatif d'identité</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="2023-06-23-jid-eaoueo">
+ <option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
+ <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif d'identité" aria-label="Supprimer le document d’entreprise Justificatif d'identité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités techniques - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jct-ueoau" target="_blank">Justificatif des capacités techniques</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="2023-06-23-jct-ueoau">
+ <option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités techniques" aria-label="Supprimer le document d’entreprise Justificatif des capacités techniques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Kbis - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-08-kbi-ueoau" target="_blank">Kbis</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="2023-06-08-kbi-ueoau">
+ <option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Kbis" aria-label="Supprimer le document d’entreprise Kbis" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités financières - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jcf-uueoau" target="_blank">Justificatif des capacités financières</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_267" aria-label="Choix du document pour [object Object]" name="select_267" value="2023-06-23-jcf-uueoau">
+ <option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités financières" aria-label="Supprimer le document d’entreprise Justificatif des capacités financières" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html b/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html
index f3d6a99f9288585a8afe1613aec25236f6f1e4ba..77f45d5e7560e5e9778a72b5a56286dfc9ce0901 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_Modification.html
@@ -137,59 +137,75 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Documents cartographiques</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Documents cartographiques</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html b/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html
index e2e7cea0d0875ac49f1dc704e23807e196ab6832..35c988f29e0c05aeb9a3002f227bc3e5d9d8133d 100644
--- a/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html
+++ b/packages/ui/src/components/etape-edition.stories_snapshots_ModificationDemandeHeritee.html
@@ -65,7 +65,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_967"><label class="fr-toggle__label" for="toggle_967" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -80,7 +80,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_128"><label class="fr-toggle__label" for="toggle_128" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -95,7 +95,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_453"><label class="fr-toggle__label" for="toggle_453" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -126,7 +126,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_487"><label class="fr-toggle__label" for="toggle_487" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -139,7 +139,7 @@
<div><span>2<!----></span><span class="fr-hint-text"><span>Nombre de franchissements de cours d'eau</span></span></div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_216"><label class="fr-toggle__label" for="toggle_216" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -178,59 +178,53 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -244,7 +238,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_58"><label class="fr-toggle__label" for="toggle_58" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -263,43 +257,59 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Dossier "Loi sur l'eau"</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier "Loi sur l'eau"" aria-label="Ajouter un document Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier "Loi sur l'eau"</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier "Loi sur l'eau"" aria-label="Ajouter un document Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -315,32 +325,40 @@
</div>
<div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>10 A</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
- <option value="atf">Attestation fiscale</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>10 A</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
+ <option value="atf">Attestation fiscale</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmDocumentOptionnel.html b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmDocumentOptionnel.html
index 38a8c01f27aeff76d5b955499ff93e5b1e496736..5c06643b623f7f8209cb31d8127ca6203b01ae71 100644
--- a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmDocumentOptionnel.html
+++ b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmDocumentOptionnel.html
@@ -1,29 +1,37 @@
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>nom entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_271" aria-label="Ajouter un nouveau type de document" name="select_271">
- <option value="atf">Attestation fiscale</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>nom entreprise</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_271" aria-label="Ajouter un nouveau type de document" name="select_271">
+ <option value="atf">Attestation fiscale</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseAvecDocumentDEntrepriseComplet.html b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseAvecDocumentDEntrepriseComplet.html
index a428a3c787775705bf56972e337c96842cbb73e4..23fa23968d5d5ee0ea53f280703f560b3683cab0 100644
--- a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseAvecDocumentDEntrepriseComplet.html
+++ b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseAvecDocumentDEntrepriseComplet.html
@@ -1,169 +1,177 @@
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>nom entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Attestation fiscale - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-03-atf-ueoau" target="_blank">Attestation fiscale</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_271" aria-label="Choix du document pour [object Object]" name="select_271" value="2023-06-03-atf-ueoau">
- <option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Attestation fiscale" aria-label="Supprimer le document d’entreprise Attestation fiscale" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Curriculum vitae - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-cur-ueoau" target="_blank">Curriculum vitae</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_670" aria-label="Choix du document pour [object Object]" name="select_670" value="2023-06-23-cur-ueoau">
- <option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Curriculum vitae" aria-label="Supprimer le document d’entreprise Curriculum vitae" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Identification de matériel - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-idm-ueoaue" target="_blank">Identification de matériel</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_74" aria-label="Choix du document pour [object Object]" name="select_74" value="2023-06-23-idm-ueoaue">
- <option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Identification de matériel" aria-label="Supprimer le document d’entreprise Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif d'identité - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jid-eaoueo" target="_blank">Justificatif d'identité</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_878" aria-label="Choix du document pour [object Object]" name="select_878" value="2023-06-23-jid-eaoueo">
- <option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
- <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif d'identité" aria-label="Supprimer le document d’entreprise Justificatif d'identité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités techniques - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jct-ueoau" target="_blank">Justificatif des capacités techniques</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_967" aria-label="Choix du document pour [object Object]" name="select_967" value="2023-06-23-jct-ueoau">
- <option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités techniques" aria-label="Supprimer le document d’entreprise Justificatif des capacités techniques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Kbis - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-08-kbi-ueoau" target="_blank">Kbis</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_25" aria-label="Choix du document pour [object Object]" name="select_25" value="2023-06-08-kbi-ueoau">
- <option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Kbis" aria-label="Supprimer le document d’entreprise Kbis" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités financières - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jcf-uueoau" target="_blank">Justificatif des capacités financières</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_128" aria-label="Choix du document pour [object Object]" name="select_128" value="2023-06-23-jcf-uueoau">
- <option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités financières" aria-label="Supprimer le document d’entreprise Justificatif des capacités financières" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_772" aria-label="Ajouter un nouveau type de document" name="select_772">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>nom entreprise</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Attestation fiscale - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-03-atf-ueoau" target="_blank">Attestation fiscale</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_271" aria-label="Choix du document pour [object Object]" name="select_271" value="2023-06-03-atf-ueoau">
+ <option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Attestation fiscale" aria-label="Supprimer le document d’entreprise Attestation fiscale" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Curriculum vitae - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-cur-ueoau" target="_blank">Curriculum vitae</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_670" aria-label="Choix du document pour [object Object]" name="select_670" value="2023-06-23-cur-ueoau">
+ <option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Curriculum vitae" aria-label="Supprimer le document d’entreprise Curriculum vitae" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Identification de matériel - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-idm-ueoaue" target="_blank">Identification de matériel</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_74" aria-label="Choix du document pour [object Object]" name="select_74" value="2023-06-23-idm-ueoaue">
+ <option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Identification de matériel" aria-label="Supprimer le document d’entreprise Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif d'identité - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jid-eaoueo" target="_blank">Justificatif d'identité</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_878" aria-label="Choix du document pour [object Object]" name="select_878" value="2023-06-23-jid-eaoueo">
+ <option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
+ <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif d'identité" aria-label="Supprimer le document d’entreprise Justificatif d'identité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités techniques - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jct-ueoau" target="_blank">Justificatif des capacités techniques</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_967" aria-label="Choix du document pour [object Object]" name="select_967" value="2023-06-23-jct-ueoau">
+ <option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités techniques" aria-label="Supprimer le document d’entreprise Justificatif des capacités techniques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Kbis - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-08-kbi-ueoau" target="_blank">Kbis</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_25" aria-label="Choix du document pour [object Object]" name="select_25" value="2023-06-08-kbi-ueoau">
+ <option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Kbis" aria-label="Supprimer le document d’entreprise Kbis" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités financières - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jcf-uueoau" target="_blank">Justificatif des capacités financières</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_128" aria-label="Choix du document pour [object Object]" name="select_128" value="2023-06-23-jcf-uueoau">
+ <option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités financières" aria-label="Supprimer le document d’entreprise Justificatif des capacités financières" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_772" aria-label="Ajouter un nouveau type de document" name="select_772">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseSansDocumentDEntreprise.html b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseSansDocumentDEntreprise.html
index 4efc64fcbbfae1a314412c218135081f6942258f..9021f0d1f4f2e16084d8426c6e1428456d4f121d 100644
--- a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseSansDocumentDEntreprise.html
+++ b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_ArmUneEntrepriseSansDocumentDEntreprise.html
@@ -1,156 +1,164 @@
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>nom entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Attestation fiscale</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_271" aria-label="Choix du document pour [object Object]" name="select_271" value="">
- <option value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Curriculum vitae</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_670" aria-label="Choix du document pour [object Object]" name="select_670" value="">
- <option value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'identité</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_74" aria-label="Choix du document pour [object Object]" name="select_74" value="">
- <option value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
- <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités techniques</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_878" aria-label="Choix du document pour [object Object]" name="select_878" value="">
- <option value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Kbis</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_967" aria-label="Choix du document pour [object Object]" name="select_967" value="">
- <option value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités financières</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_25" aria-label="Choix du document pour [object Object]" name="select_25" value="">
- <option value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_128" aria-label="Ajouter un nouveau type de document" name="select_128">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>nom entreprise</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Attestation fiscale</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_271" aria-label="Choix du document pour [object Object]" name="select_271" value="">
+ <option value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Curriculum vitae</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_670" aria-label="Choix du document pour [object Object]" name="select_670" value="">
+ <option value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'identité</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_74" aria-label="Choix du document pour [object Object]" name="select_74" value="">
+ <option value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
+ <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités techniques</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_878" aria-label="Choix du document pour [object Object]" name="select_878" value="">
+ <option value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Kbis</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_967" aria-label="Choix du document pour [object Object]" name="select_967" value="">
+ <option value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités financières</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_25" aria-label="Choix du document pour [object Object]" name="select_25" value="">
+ <option value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_128" aria-label="Ajouter un nouveau type de document" name="select_128">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_AxmDeuxEntreprisesDocumentDEntrepriseComplet.html b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_AxmDeuxEntreprisesDocumentDEntrepriseComplet.html
index c00da3306da2328354f10c53ee2eae7c55e2c5f1..b221906cd19091bd81cd57377ef282f5b0c9e312 100644
--- a/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_AxmDeuxEntreprisesDocumentDEntrepriseComplet.html
+++ b/packages/ui/src/components/etape/entreprises-documents-edit.stories_snapshots_AxmDeuxEntreprisesDocumentDEntrepriseComplet.html
@@ -1,446 +1,462 @@
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>nom entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Attestation fiscale - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-03-atf-ueoau" target="_blank">Attestation fiscale</a><span class="fr-text--xs" style="max-width: 300px;">Attestation sur l'honneur certifiant que le demandeur est en règle au regard de ses obligations fiscales et en matière de paiement de ses cotisations sociales (décret 2001-204, art. 7).</span></div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_271" aria-label="Choix du document pour [object Object]" name="select_271" value="2023-06-03-atf-ueoau">
- <option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Attestation fiscale" aria-label="Supprimer le document d’entreprise Attestation fiscale" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Curriculum vitae - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-cur-ueoau" target="_blank">Curriculum vitae</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_670" aria-label="Choix du document pour [object Object]" name="select_670" value="2023-06-23-cur-ueoau">
- <option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Curriculum vitae" aria-label="Supprimer le document d’entreprise Curriculum vitae" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Identification de matériel - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-idm-ueoaue" target="_blank">Identification de matériel</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_74" aria-label="Choix du document pour [object Object]" name="select_74" value="2023-06-23-idm-ueoaue">
- <option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Identification de matériel" aria-label="Supprimer le document d’entreprise Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif d'identité - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jid-eaoueo" target="_blank">Justificatif d'identité</a><span class="fr-text--xs" style="max-width: 300px;">Pièces d'identification du demandeur (personne physique ou société)</span></div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_878" aria-label="Choix du document pour [object Object]" name="select_878" value="2023-06-23-jid-eaoueo">
- <option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
- <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif d'identité" aria-label="Supprimer le document d’entreprise Justificatif d'identité" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités techniques - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jct-ueoau" target="_blank">Justificatif des capacités techniques</a><span class="fr-text--xs" style="max-width: 300px;">La justification du choix de la zone considérée, la situation du périmètre par rapport aux documents d'urbanisme, la situation du périmètre par rapport aux titres miniers et autorisations d'exploitation existants, les activités passées d'orpaillage et leurs conséquences sur les site.</span></div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_967" aria-label="Choix du document pour [object Object]" name="select_967" value="2023-06-23-jct-ueoau">
- <option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités techniques" aria-label="Supprimer le document d’entreprise Justificatif des capacités techniques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Kbis - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-08-kbi-ueoau" target="_blank">Kbis</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_25" aria-label="Choix du document pour [object Object]" name="select_25" value="2023-06-08-kbi-ueoau">
- <option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Kbis" aria-label="Supprimer le document d’entreprise Kbis" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités financières - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jcf-uueoau" target="_blank">Justificatif des capacités financières</a>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_128" aria-label="Choix du document pour [object Object]" name="select_128" value="2023-06-23-jcf-uueoau">
- <option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités financières" aria-label="Supprimer le document d’entreprise Justificatif des capacités financières" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Liste des travaux antérieurs</div><span class="fr-text--xs" style="max-width: 300px;">Liste des travaux auxquels le demandeur a participé au cours des 3 dernières années</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_772" aria-label="Choix du document pour [object Object]" name="select_772" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'adhésion à la charte des bonnes pratiques</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_453" aria-label="Choix du document pour [object Object]" name="select_453" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">3 derniers bilans et comptes de résultats</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_556" aria-label="Choix du document pour [object Object]" name="select_556" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Références professionnelles </div><span class="fr-text--xs" style="max-width: 300px;">Références professionnelles du demandeur ou celles des cadres chargés du suivi et de la conduite des travauxCes pièces sont demandées au titre la justification des capacités techniques du demandeur (décret 2001-204, art. 6).
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>nom entreprise</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Attestation fiscale - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-03-atf-ueoau" target="_blank">Attestation fiscale</a><span class="fr-text--xs" style="max-width: 300px;">Attestation sur l'honneur certifiant que le demandeur est en règle au regard de ses obligations fiscales et en matière de paiement de ses cotisations sociales (décret 2001-204, art. 7).</span></div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_271" aria-label="Choix du document pour [object Object]" name="select_271" value="2023-06-03-atf-ueoau">
+ <option selected="" disabled="" value="2023-06-03-atf-ueoau">Attestation fiscale : Attestation sur l'honneur (03-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Attestation fiscale" aria-label="Supprimer le document d’entreprise Attestation fiscale" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Curriculum vitae - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-cur-ueoau" target="_blank">Curriculum vitae</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_670" aria-label="Choix du document pour [object Object]" name="select_670" value="2023-06-23-cur-ueoau">
+ <option selected="" disabled="" value="2023-06-23-cur-ueoau">Curriculum vitae : Jon. Doe (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Curriculum vitae" aria-label="Supprimer le document d’entreprise Curriculum vitae" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Identification de matériel - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-idm-ueoaue" target="_blank">Identification de matériel</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_74" aria-label="Choix du document pour [object Object]" name="select_74" value="2023-06-23-idm-ueoaue">
+ <option selected="" disabled="" value="2023-06-23-idm-ueoaue">Identification de matériel : Facture pelle (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Identification de matériel" aria-label="Supprimer le document d’entreprise Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif d'identité - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jid-eaoueo" target="_blank">Justificatif d'identité</a><span class="fr-text--xs" style="max-width: 300px;">Pièces d'identification du demandeur (personne physique ou société)</span></div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_878" aria-label="Choix du document pour [object Object]" name="select_878" value="2023-06-23-jid-eaoueo">
+ <option selected="" disabled="" value="2023-06-23-jid-eaoueo">Justificatif d'identité : Jon. Doe (23-06-2023)</option>
+ <option value="2023-06-23-jid-ueoau">Justificatif d'identité : Arm. Strong (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif d'identité" aria-label="Supprimer le document d’entreprise Justificatif d'identité" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités techniques - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jct-ueoau" target="_blank">Justificatif des capacités techniques</a><span class="fr-text--xs" style="max-width: 300px;">La justification du choix de la zone considérée, la situation du périmètre par rapport aux documents d'urbanisme, la situation du périmètre par rapport aux titres miniers et autorisations d'exploitation existants, les activités passées d'orpaillage et leurs conséquences sur les site.</span></div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_967" aria-label="Choix du document pour [object Object]" name="select_967" value="2023-06-23-jct-ueoau">
+ <option selected="" disabled="" value="2023-06-23-jct-ueoau">Justificatif des capacités techniques : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités techniques" aria-label="Supprimer le document d’entreprise Justificatif des capacités techniques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Kbis - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-08-kbi-ueoau" target="_blank">Kbis</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_25" aria-label="Choix du document pour [object Object]" name="select_25" value="2023-06-08-kbi-ueoau">
+ <option selected="" disabled="" value="2023-06-08-kbi-ueoau">Kbis : (08-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Kbis" aria-label="Supprimer le document d’entreprise Kbis" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;"><a class="fr-link" title="Télécharger le document Justificatif des capacités financières - nouvelle fenêtre" href="/apiUrl/download/entrepriseDocuments/2023-06-23-jcf-uueoau" target="_blank">Justificatif des capacités financières</a>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_128" aria-label="Choix du document pour [object Object]" name="select_128" value="2023-06-23-jcf-uueoau">
+ <option selected="" disabled="" value="2023-06-23-jcf-uueoau">Justificatif des capacités financières : (23-06-2023)</option>
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document d’entreprise Justificatif des capacités financières" aria-label="Supprimer le document d’entreprise Justificatif des capacités financières" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Liste des travaux antérieurs</div><span class="fr-text--xs" style="max-width: 300px;">Liste des travaux auxquels le demandeur a participé au cours des 3 dernières années</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_772" aria-label="Choix du document pour [object Object]" name="select_772" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'adhésion à la charte des bonnes pratiques</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_453" aria-label="Choix du document pour [object Object]" name="select_453" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">3 derniers bilans et comptes de résultats</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_556" aria-label="Choix du document pour [object Object]" name="select_556" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Références professionnelles </div><span class="fr-text--xs" style="max-width: 300px;">Références professionnelles du demandeur ou celles des cadres chargés du suivi et de la conduite des travauxCes pièces sont demandées au titre la justification des capacités techniques du demandeur (décret 2001-204, art. 6).
S'il s'agit d'une personne morale, références professionnelles du ou des cadres chargés du suivi et de la conduite des travaux</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_487" aria-label="Choix du document pour [object Object]" name="select_487" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Déclarations bancaires ou cautions appropriées</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_796" aria-label="Choix du document pour [object Object]" name="select_796" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_216" aria-label="Ajouter un nouveau type de document" name="select_216">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option value="lis">Liste des travaux antérieurs</option>
- <option value="jac">Justificatif d'adhésion à la charte des bonnes pratiques</option>
- <option value="bil">3 derniers bilans et comptes de résultats</option>
- <option value="ref">Références professionnelles </option>
- <option value="deb">Déclarations bancaires ou cautions appropriées</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_487" aria-label="Choix du document pour [object Object]" name="select_487" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Déclarations bancaires ou cautions appropriées</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_796" aria-label="Choix du document pour [object Object]" name="select_796" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_216" aria-label="Ajouter un nouveau type de document" name="select_216">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option value="lis">Liste des travaux antérieurs</option>
+ <option value="jac">Justificatif d'adhésion à la charte des bonnes pratiques</option>
+ <option value="bil">3 derniers bilans et comptes de résultats</option>
+ <option value="ref">Références professionnelles </option>
+ <option value="deb">Déclarations bancaires ou cautions appropriées</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Autre entreprise</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Attestation fiscale</div><span class="fr-text--xs" style="max-width: 300px;">Attestation sur l'honneur certifiant que le demandeur est en règle au regard de ses obligations fiscales et en matière de paiement de ses cotisations sociales (décret 2001-204, art. 7).</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_482" aria-label="Choix du document pour [object Object]" name="select_482" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'identité</div><span class="fr-text--xs" style="max-width: 300px;">Pièces d'identification du demandeur (personne physique ou société)</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités techniques</div><span class="fr-text--xs" style="max-width: 300px;">La justification du choix de la zone considérée, la situation du périmètre par rapport aux documents d'urbanisme, la situation du périmètre par rapport aux titres miniers et autorisations d'exploitation existants, les activités passées d'orpaillage et leurs conséquences sur les site.</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Liste des travaux antérieurs</div><span class="fr-text--xs" style="max-width: 300px;">Liste des travaux auxquels le demandeur a participé au cours des 3 dernières années</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'adhésion à la charte des bonnes pratiques</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">3 derniers bilans et comptes de résultats</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Références professionnelles </div><span class="fr-text--xs" style="max-width: 300px;">Références professionnelles du demandeur ou celles des cadres chargés du suivi et de la conduite des travauxCes pièces sont demandées au titre la justification des capacités techniques du demandeur (décret 2001-204, art. 6).
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Autre entreprise</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Attestation fiscale</div><span class="fr-text--xs" style="max-width: 300px;">Attestation sur l'honneur certifiant que le demandeur est en règle au regard de ses obligations fiscales et en matière de paiement de ses cotisations sociales (décret 2001-204, art. 7).</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_482" aria-label="Choix du document pour [object Object]" name="select_482" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'identité</div><span class="fr-text--xs" style="max-width: 300px;">Pièces d'identification du demandeur (personne physique ou société)</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités techniques</div><span class="fr-text--xs" style="max-width: 300px;">La justification du choix de la zone considérée, la situation du périmètre par rapport aux documents d'urbanisme, la situation du périmètre par rapport aux titres miniers et autorisations d'exploitation existants, les activités passées d'orpaillage et leurs conséquences sur les site.</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Liste des travaux antérieurs</div><span class="fr-text--xs" style="max-width: 300px;">Liste des travaux auxquels le demandeur a participé au cours des 3 dernières années</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'adhésion à la charte des bonnes pratiques</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">3 derniers bilans et comptes de résultats</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Références professionnelles </div><span class="fr-text--xs" style="max-width: 300px;">Références professionnelles du demandeur ou celles des cadres chargés du suivi et de la conduite des travauxCes pièces sont demandées au titre la justification des capacités techniques du demandeur (décret 2001-204, art. 6).
S'il s'agit d'une personne morale, références professionnelles du ou des cadres chargés du suivi et de la conduite des travaux</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Déclarations bancaires ou cautions appropriées</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Choix du document pour [object Object]" name="select_267" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option value="lis">Liste des travaux antérieurs</option>
- <option value="jac">Justificatif d'adhésion à la charte des bonnes pratiques</option>
- <option value="bil">3 derniers bilans et comptes de résultats</option>
- <option value="ref">Références professionnelles </option>
- <option value="deb">Déclarations bancaires ou cautions appropriées</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Déclarations bancaires ou cautions appropriées</div><span class="fr-text--xs" style="max-width: 300px;">Ces pièces sont demandées au titre de la justification des capacités financières du demandeur (décret 2001-204, art. 7)</span>
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_267" aria-label="Choix du document pour [object Object]" name="select_267" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option value="lis">Liste des travaux antérieurs</option>
+ <option value="jac">Justificatif d'adhésion à la charte des bonnes pratiques</option>
+ <option value="bil">3 derniers bilans et comptes de résultats</option>
+ <option value="ref">Références professionnelles </option>
+ <option value="deb">Déclarations bancaires ou cautions appropriées</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/entreprises-documents-edit.tsx b/packages/ui/src/components/etape/entreprises-documents-edit.tsx
index 770e975758f6b9f582ba844712424fa095487636..2774e9a8054b9caec7d85b7acdf4a6008046d8d8 100644
--- a/packages/ui/src/components/etape/entreprises-documents-edit.tsx
+++ b/packages/ui/src/components/etape/entreprises-documents-edit.tsx
@@ -16,6 +16,9 @@ import { Alert } from '../_ui/alert'
import { DsfrButtonIcon, DsfrLink } from '../_ui/dsfr-button'
import { DsfrSelect, Item } from '../_ui/dsfr-select'
import { SelectedEntrepriseDocument } from 'camino-common/src/permissions/etape-form'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
+import { fr } from '@codegouvfr/react-dsfr'
type Entreprise = { id: EntrepriseId; nom: string }
@@ -171,7 +174,7 @@ const InternalEntrepriseDocumentsEdit = defineComponent<Props & { etapeEntrepris
}
}
- const entreprisedocumentRemove = (entrepriseId: EntrepriseId, index: number) => {
+ const entreprisedocumentRemove = (entrepriseId: EntrepriseId, index: number) => () => {
const documentToRemove = entreprisesEntrepriseDocumentsIndex.value[entrepriseId][index]
const docsOfSameTypeFound = entreprisesEntrepriseDocumentsIndex.value[entrepriseId].filter(({ entrepriseDocumentType }) => entrepriseDocumentType === documentToRemove.entrepriseDocumentType)
if (docsOfSameTypeFound.length > 1) {
@@ -225,81 +228,99 @@ const InternalEntrepriseDocumentsEdit = defineComponent<Props & { etapeEntrepris
}
}
+ type ColumnId = 'nom' | 'select' | 'actions'
+
+ const columns: Column<ColumnId>[] = [
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'select', contentTitle: 'Document selectionné' },
+ { id: 'actions', contentTitle: 'Action' },
+ ]
+
+ const rows = (eId: EntrepriseId, entrepriseDocuments: InnerEntrepriseDocument[]): TableRow<ColumnId>[] => {
+ const myRows: TableRow<ColumnId>[] = entrepriseDocuments.map<TableRow<ColumnId>>((j, index) => ({
+ id: `${index}`,
+ link: null,
+ columns: {
+ nom: {
+ type: 'jsx',
+ value: index,
+ jsxElement: (
+ <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }} key={j.id}>
+ {isNotNullNorUndefined(j.id) && j.id !== '' ? (
+ <DsfrLink
+ icon={null}
+ href={getDownloadRestRoute('/download/entrepriseDocuments/:documentId', { documentId: j.id })}
+ title={`Télécharger le document ${j.entrepriseDocumentType.nom} - nouvelle fenêtre`}
+ target="_blank"
+ label={j.entrepriseDocumentType.nom}
+ />
+ ) : (
+ <div class="fr-text--md">{j.entrepriseDocumentType.nom}</div>
+ )}
+ {isNotNullNorUndefined(j.entrepriseDocumentType.description) ? (
+ <span class={[fr.cx('fr-text--xs')]} style={{ maxWidth: '300px' }}>
+ {j.entrepriseDocumentType.description}
+ </span>
+ ) : null}
+ </div>
+ ),
+ },
+ select: {
+ type: 'jsx',
+ value: index,
+ jsxElement: <EntrepriseSelect entrepriseDocuments={j} onEntrepriseDocumentSelect={entreprisedocumentsUpdate(j, eId)} etapeEntrepriseDocumentIds={etapeEntrepriseDocumentIds.value} />,
+ },
+ actions: {
+ type: 'jsx',
+ value: index,
+ jsxElement:
+ isNotNullNorUndefined(j.id) && j.id !== '' ? (
+ <DsfrButtonIcon
+ icon="fr-icon-delete-bin-line"
+ class="fr-ml-1w"
+ title={`Supprimer le document d’entreprise ${j.entrepriseDocumentType.nom}`}
+ onClick={entreprisedocumentRemove(eId, index)}
+ buttonType="secondary"
+ buttonSize="sm"
+ />
+ ) : (
+ <div></div>
+ ),
+ },
+ },
+ }))
+
+ if (isNotNullNorUndefinedNorEmpty(tdeEntrepriseDocuments.value)) {
+ myRows.push({
+ id: `add${eId}`,
+ link: null,
+ columns: {
+ nom: {
+ type: 'jsx',
+ value: 'addEid',
+ jsxElement: (
+ <DsfrSelect
+ items={map(tdeEntrepriseDocuments.value, ({ id, nom }) => ({ id, label: nom }))}
+ legend={{ main: 'Ajouter un nouveau type de document', visible: false }}
+ valueChanged={addEntrepriseDocumentType(eId)}
+ initialValue={null}
+ />
+ ),
+ },
+ actions: { type: 'text', value: '' },
+ select: { type: 'text', value: '' },
+ },
+ })
+ }
+
+ return myRows
+ }
return () => (
<>
{props.entreprises.length ? (
<div>
{getEntries(entreprisesEntrepriseDocumentsIndex.value, isEntrepriseId).map(([eId, e]) => (
- <div key={eId} class="fr-table fr-mb-0">
- <table style={{ display: 'table' }}>
- <caption>{entreprisesNoms.value[eId]}</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style={{ display: 'flex', justifyContent: 'end' }}>
- Action
- </th>
- </tr>
- </thead>
-
- <tbody>
- {e.map((j, index) => (
- <tr key={j.id}>
- <td>
- <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'start' }}>
- {isNotNullNorUndefined(j.id) && j.id !== '' ? (
- <DsfrLink
- icon={null}
- href={getDownloadRestRoute('/download/entrepriseDocuments/:documentId', { documentId: j.id })}
- title={`Télécharger le document ${j.entrepriseDocumentType.nom} - nouvelle fenêtre`}
- target="_blank"
- label={j.entrepriseDocumentType.nom}
- />
- ) : (
- <div class="fr-text--md">{j.entrepriseDocumentType.nom}</div>
- )}
- {isNotNullNorUndefined(j.entrepriseDocumentType.description) ? (
- <span class="fr-text--xs" style={{ maxWidth: '300px' }}>
- {j.entrepriseDocumentType.description}
- </span>
- ) : null}
- </div>
- </td>
- <td>
- <EntrepriseSelect entrepriseDocuments={j} onEntrepriseDocumentSelect={entreprisedocumentsUpdate(j, eId)} etapeEntrepriseDocumentIds={etapeEntrepriseDocumentIds.value} />
- </td>
- <td style={{ textAlign: 'right' }}>
- {isNotNullNorUndefined(j.id) && j.id !== '' ? (
- <DsfrButtonIcon
- icon="fr-icon-delete-bin-line"
- class="fr-ml-1w"
- title={`Supprimer le document d’entreprise ${j.entrepriseDocumentType.nom}`}
- onClick={() => entreprisedocumentRemove(eId, index)}
- buttonType="secondary"
- buttonSize="sm"
- />
- ) : null}
- </td>
- </tr>
- ))}
- {isNotNullNorUndefinedNorEmpty(tdeEntrepriseDocuments.value) ? (
- <tr>
- <td>
- <DsfrSelect
- items={map(tdeEntrepriseDocuments.value, ({ id, nom }) => ({ id, label: nom }))}
- legend={{ main: 'Ajouter un nouveau type de document', visible: false }}
- valueChanged={addEntrepriseDocumentType(eId)}
- initialValue={null}
- />
- </td>
- <td></td>
- <td></td>
- </tr>
- ) : null}
- </tbody>
- </table>
- </div>
+ <TableSimple key={eId} caption={{ value: entreprisesNoms.value[eId], visible: true }} columns={columns} rows={rows(eId, e)} />
))}
</div>
) : (
diff --git a/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_AvisEnGuyane.html b/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_AvisEnGuyane.html
index 6b343135b860ba2f34791c9ca596aad667b6fae0..ecc0178180134fd33bcee0646c091cd96979ae7b 100644
--- a/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_AvisEnGuyane.html
+++ b/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_AvisEnGuyane.html
@@ -1,80 +1,96 @@
<div class="dsfr">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Avis de l'Office National des Forêts</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis de l'Office National des Forêts'" aria-label="Ajouter un document 'Avis de l'Office National des Forêts'" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Avis de l'Office National des Forêts</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis de l'Office National des Forêts'" aria-label="Ajouter un document 'Avis de l'Office National des Forêts'" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre avis</td>
- <td>01-02-2023</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Non renseigné" aria-label="Non renseigné">Non renseigné</p>
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Autre avis" aria-label="Modifier l’avis de Autre avis" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Autre avis" aria-label="Supprimer l’avis de Autre avis" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)</td>
- <td>01-02-2023</td>
- <td style="white-space: pre-line;">Visible que en Guyane</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Non renseigné" aria-label="Non renseigné">Non renseigné</p>
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" aria-label="Modifier l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" aria-label="Supprimer l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre avis</span></td>
+ <td><span class="">01-02-2023</span></td>
+ <td><span class="">Une description</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Non renseigné" aria-label="Non renseigné">Non renseigné</p>
+ </td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Autre avis" aria-label="Modifier l’avis de Autre avis" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Autre avis" aria-label="Supprimer l’avis de Autre avis" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)</span></td>
+ <td><span class="">01-02-2023</span></td>
+ <td><span class="">Visible que en Guyane</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Non renseigné" aria-label="Non renseigné">Non renseigné</p>
+ </td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" aria-label="Modifier l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" aria-label="Supprimer l’avis de Avis de la Direction de l'Alimentation de l'Agriculture et de la Forêt (DRAF)" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un avis complémentaire" aria-label="Ajouter un avis complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_DemandeARMProcedureSpecifique.html b/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_DemandeARMProcedureSpecifique.html
index 8321200c1ec243a930a02539040786e5502890ae..17a13d4be42741736b48bb563b82d7161c3009d6 100644
--- a/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_DemandeARMProcedureSpecifique.html
+++ b/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_DemandeARMProcedureSpecifique.html
@@ -1,40 +1,48 @@
<div class="dsfr">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Décision au cas par cas</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Décision au cas par cas'" aria-label="Ajouter un document 'Décision au cas par cas'" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Avis du propriétaire du sol</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis du propriétaire du sol'" aria-label="Ajouter un document 'Avis du propriétaire du sol'" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Décision au cas par cas</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Décision au cas par cas'" aria-label="Ajouter un document 'Décision au cas par cas'" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Avis du propriétaire du sol</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document 'Avis du propriétaire du sol'" aria-label="Ajouter un document 'Avis du propriétaire du sol'" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!---->
<!---->
diff --git a/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_Rempli.html b/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_Rempli.html
index 1cac7b2efb718de7789c538b7b62364b255fa833..1b280d8f75787e9448e7cffc6adc92bdaacf4bfd 100644
--- a/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_Rempli.html
+++ b/packages/ui/src/components/etape/etape-avis-edit.stories_snapshots_Rempli.html
@@ -1,54 +1,62 @@
<div class="dsfr">
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Confirmation de l'accord du propriétaire du sol</td>
- <td>01-02-2023</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Confirmation de l'accord du propriétaire du sol" aria-label="Modifier l’avis de Confirmation de l'accord du propriétaire du sol" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Confirmation de l'accord du propriétaire du sol" aria-label="Supprimer l’avis de Confirmation de l'accord du propriétaire du sol" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Autre avis</td>
- <td>01-02-2023</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Non renseigné" aria-label="Non renseigné">Non renseigné</p>
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Autre avis" aria-label="Modifier l’avis de Autre avis" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Autre avis" aria-label="Supprimer l’avis de Autre avis" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Confirmation de l'accord du propriétaire du sol</span></td>
+ <td><span class="">01-02-2023</span></td>
+ <td><span class="">Une description</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Confirmation de l'accord du propriétaire du sol" aria-label="Modifier l’avis de Confirmation de l'accord du propriétaire du sol" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Confirmation de l'accord du propriétaire du sol" aria-label="Supprimer l’avis de Confirmation de l'accord du propriétaire du sol" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Autre avis</span></td>
+ <td><span class="">01-02-2023</span></td>
+ <td><span class="">Une description</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Non renseigné" aria-label="Non renseigné">Non renseigné</p>
+ </td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier l’avis de Autre avis" aria-label="Modifier l’avis de Autre avis" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer l’avis de Autre avis" aria-label="Supprimer l’avis de Autre avis" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un avis complémentaire" aria-label="Ajouter un avis complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/etape-avis-edit.tsx b/packages/ui/src/components/etape/etape-avis-edit.tsx
index bad15b7efd884bdfefabadc4405e2c1984269b83..5c8cd646f7534a305fcc2740da5da5386509d936 100644
--- a/packages/ui/src/components/etape/etape-avis-edit.tsx
+++ b/packages/ui/src/components/etape/etape-avis-edit.tsx
@@ -19,6 +19,9 @@ import { User } from 'camino-common/src/roles'
import { DemarcheId } from 'camino-common/src/demarche'
import { FlattenedContenu } from 'camino-common/src/etape-form'
import { capitalize } from 'camino-common/src/strings'
+import { fr } from '@codegouvfr/react-dsfr'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
interface Props {
tde: {
@@ -210,63 +213,69 @@ const EtapeAvisTable: FunctionalComponent<PropsTable> = (props: PropsTable) => {
const orderedAvis = [...props.avis].sort((a, b) => b.date.localeCompare(a.date))
- return (
- <div class="fr-table fr-mb-0">
- <table style={{ display: 'table' }}>
- <caption>{props.caption}</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style={{ display: 'flex', justifyContent: 'end' }}>
- Action
- </th>
- </tr>
- </thead>
- <tbody>
- {orderedAvis.map(avis => (
- <tr>
- <td>{props.getNom(avis.avis_type_id)}</td>
- <td>{dateFormat(avis.date)}</td>
- <td style={{ whiteSpace: 'pre-line' }}>{avis.description}</td>
- <td>
- <AvisStatut avisStatutId={avis.avis_statut_id} />
- </td>
- <td>{getAvisVisibilityLabel(avis.avis_visibility_id)}</td>
- <td>
- <div style={{ display: 'flex', justifyContent: 'end', alignItems: 'center' }}>
- <DsfrButtonIcon icon="fr-icon-edit-line" title={`Modifier l’avis de ${props.getNom(avis.avis_type_id)}`} onClick={editAvis(avis.index)} buttonType="secondary" buttonSize="sm" />
- <DsfrButtonIcon
- icon="fr-icon-delete-bin-line"
- class="fr-ml-1w"
- title={`Supprimer l’avis de ${props.getNom(avis.avis_type_id)}`}
- onClick={deleteAvis(avis.index)}
- buttonType="secondary"
- buttonSize="sm"
- />
- </div>
- </td>
- </tr>
- ))}
- {props.emptyRequiredAvis.map(avisTypeId => (
- <tr>
- <td class="fr-label--disabled">{props.getNom(avisTypeId)}</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td>-</td>
- <td style={{ display: 'flex', justifyContent: 'end' }}>
- <DsfrButtonIcon icon="fr-icon-add-line" title={`Ajouter un document '${props.getNom(avisTypeId)}'`} onClick={() => props.add(avisTypeId)} buttonType="secondary" buttonSize="sm" />
- </td>
- </tr>
- ))}
- </tbody>
- </table>
- </div>
+ type ColumnId = 'nom' | 'date' | 'description' | 'statut' | 'visibilite' | 'actions'
+
+ const columns: Column<ColumnId>[] = [
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'date', contentTitle: 'Date' },
+ { id: 'description', contentTitle: 'Description' },
+ { id: 'statut', contentTitle: 'Statut' },
+ { id: 'visibilite', contentTitle: 'Visibilité' },
+ { id: 'actions', contentTitle: 'Action', class: [fr.cx('fr-cell--right')] },
+ ]
+ const rows: TableRow<ColumnId>[] = orderedAvis.map<TableRow<ColumnId>>(avis => {
+ return {
+ id: `${avis.index}`,
+ link: null,
+ columns: {
+ nom: { type: 'text', value: props.getNom(avis.avis_type_id) },
+ date: { type: 'text', value: dateFormat(avis.date) },
+ description: { type: 'text', value: avis.description },
+ statut: { type: 'jsx', value: avis.index, jsxElement: <AvisStatut avisStatutId={avis.avis_statut_id} /> },
+ visibilite: { type: 'text', value: getAvisVisibilityLabel(avis.avis_visibility_id) },
+ actions: {
+ type: 'jsx',
+ value: avis.index,
+ jsxElement: (
+ <div style={{ display: 'flex', justifyContent: 'end', alignItems: 'center' }}>
+ <DsfrButtonIcon icon="fr-icon-edit-line" title={`Modifier l’avis de ${props.getNom(avis.avis_type_id)}`} onClick={editAvis(avis.index)} buttonType="secondary" buttonSize="sm" />
+ <DsfrButtonIcon
+ icon="fr-icon-delete-bin-line"
+ class="fr-ml-1w"
+ title={`Supprimer l’avis de ${props.getNom(avis.avis_type_id)}`}
+ onClick={deleteAvis(avis.index)}
+ buttonType="secondary"
+ buttonSize="sm"
+ />
+ </div>
+ ),
+ },
+ },
+ }
+ })
+
+ rows.push(
+ ...props.emptyRequiredAvis.map<TableRow<ColumnId>>((avisTypeId, index) => ({
+ id: `${avisTypeId}-${index}`,
+ link: null,
+ columns: {
+ nom: { type: 'text', value: props.getNom(avisTypeId), class: [fr.cx('fr-label--disabled')] },
+ date: { type: 'text', value: '-' },
+ description: { type: 'text', value: '-' },
+ statut: { type: 'text', value: '-' },
+ visibilite: { type: 'text', value: '-' },
+ actions: {
+ type: 'jsx',
+ value: avisTypeId,
+ jsxElement: (
+ <DsfrButtonIcon icon="fr-icon-add-line" title={`Ajouter un document '${props.getNom(avisTypeId)}'`} onClick={() => props.add(avisTypeId)} buttonType="secondary" buttonSize="sm" />
+ ),
+ },
+ },
+ }))
)
+
+ return <TableSimple caption={{ value: props.caption, visible: true }} rows={rows} columns={columns} />
}
// @ts-ignore waiting for https://github.com/vuejs/core/issues/7833
diff --git a/packages/ui/src/components/etape/etape-avis.stories_snapshots_NotConnected.html b/packages/ui/src/components/etape/etape-avis.stories_snapshots_NotConnected.html
index a37cd3656f8ddf6ff1b8d181ed7c00b3da570d2d..5a9a38d9da975efa65e0937776ab2225e7626db0 100644
--- a/packages/ui/src/components/etape/etape-avis.stories_snapshots_NotConnected.html
+++ b/packages/ui/src/components/etape/etape-avis.stories_snapshots_NotConnected.html
@@ -1,41 +1,43 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Avis</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Statut</th>
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
- </td>
- <!---->
- </tr>
- <tr>
- <td>Avis de l'IFREMER</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
- </td>
- <!---->
- </tr>
- <tr>
- <td>Avis du Parc National</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
- </td>
- <!---->
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Statut</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Avis de l'IFREMER</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Avis du Parc National</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserAdministration.html b/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserAdministration.html
index 040c6ce67970e6f028687e45dd0a11f4806fe610..15f715c02b1073a96c82d54ba97816d0c3ee1f86 100644
--- a/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserAdministration.html
+++ b/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserAdministration.html
@@ -1,41 +1,47 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Avis</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
- </td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td>Avis de l'IFREMER</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
- </td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td>Avis du Parc National</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
- </td>
- <td>Public</td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Avis de l'IFREMER</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
+ </td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Avis du Parc National</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
+ </td>
+ <td><span class="">Public</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserEntreprise.html b/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserEntreprise.html
index a37cd3656f8ddf6ff1b8d181ed7c00b3da570d2d..5a9a38d9da975efa65e0937776ab2225e7626db0 100644
--- a/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserEntreprise.html
+++ b/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserEntreprise.html
@@ -1,41 +1,43 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Avis</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Statut</th>
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
- </td>
- <!---->
- </tr>
- <tr>
- <td>Avis de l'IFREMER</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
- </td>
- <!---->
- </tr>
- <tr>
- <td>Avis du Parc National</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
- </td>
- <!---->
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Statut</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Avis de l'IFREMER</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Avis du Parc National</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserSuper.html b/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserSuper.html
index 040c6ce67970e6f028687e45dd0a11f4806fe610..15f715c02b1073a96c82d54ba97816d0c3ee1f86 100644
--- a/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserSuper.html
+++ b/packages/ui/src/components/etape/etape-avis.stories_snapshots_UserSuper.html
@@ -1,41 +1,47 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Avis</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
- </td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td>Avis de l'IFREMER</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
- </td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td>Avis du Parc National</td>
- <td>01-01-2023</td>
- <td>
- <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
- </td>
- <td>Public</td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/avisDocument/id" title="Télécharger l'avis Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable" aria-label="Favorable">Favorable</p>
+ </td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Avis de l'IFREMER</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="Défavorable" aria-label="Défavorable">Défavorable</p>
+ </td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Avis du Parc National</span></td>
+ <td><span class="">01-01-2023</span></td>
+ <td>
+ <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Favorable avec réserves" aria-label="Favorable avec réserves">Favorable avec réserves</p>
+ </td>
+ <td><span class="">Public</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-avis.tsx b/packages/ui/src/components/etape/etape-avis.tsx
index 610f111df71b8ad7dd2c34dcddc0ea67164ca581..c5fbe960dede9dc542053ad945e6dc03865c1880 100644
--- a/packages/ui/src/components/etape/etape-avis.tsx
+++ b/packages/ui/src/components/etape/etape-avis.tsx
@@ -7,12 +7,15 @@ import { AvisTypeId, AvisVisibilityId, getAvisNom } from 'camino-common/src/stat
import { AvisStatut } from '../_common/etape-statut'
import { dateFormat } from 'camino-common/src/date'
import { VisibilityLabel } from './etape-documents'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
interface Props {
etapeAvis: EtapeAvis[]
user: User
}
+type ColumnId = 'nom' | 'date' | 'statut' | 'visibility'
export const getAvisVisibilityLabel = (avisVisibility: AvisVisibilityId): string => {
const value = {
Public: VisibilityLabel.public,
@@ -29,36 +32,30 @@ export const EtapeAvisTable: FunctionalComponent<Props> = props => {
}
const orderedAvis = [...props.etapeAvis].sort((a, b) => b.date.localeCompare(a.date))
+ const columns: Column<ColumnId>[] = [
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'date', contentTitle: 'Date' },
+ { id: 'statut', contentTitle: 'Statut' },
+ ]
- return (
- <div style={{ overflowX: 'auto' }}>
- <div class=" fr-table fr-m-0">
- <table style={{ display: 'table' }} class="fr-table--no-caption fr-m-0">
- <caption>Avis</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Statut</th>
- {isSuper(props.user) || isAdministration(props.user) ? <th scope="col">Visibilité</th> : null}
- </tr>
- </thead>
- <tbody>
- {orderedAvis.map(item => (
- <tr>
- <td>{item.has_file ? <EtapeAvisLink avisId={item.id} avisTypeId={item.avis_type_id} description={item.description} /> : getAvisNom(item.avis_type_id)}</td>
- <td>{dateFormat(item.date)}</td>
- <td>
- <AvisStatut avisStatutId={item.avis_statut_id} />
- </td>
- {isSuper(props.user) || isAdministration(props.user) ? <td>{getAvisVisibilityLabel(item.avis_visibility_id)}</td> : null}
- </tr>
- ))}
- </tbody>
- </table>
- </div>
- </div>
- )
+ if (isSuper(props.user) || isAdministration(props.user)) {
+ columns.push({ id: 'visibility', contentTitle: 'Visibilité' })
+ }
+
+ const rows: TableRow<ColumnId>[] = orderedAvis.map(avis => ({
+ id: avis.id,
+ link: null,
+ columns: {
+ nom: avis.has_file
+ ? { type: 'jsx', jsxElement: <EtapeAvisLink avisId={avis.id} avisTypeId={avis.avis_type_id} description={avis.description} />, value: avis.avis_type_id }
+ : { type: 'text', value: getAvisNom(avis.avis_type_id) },
+ date: { type: 'text', value: dateFormat(avis.date) },
+ statut: { type: 'jsx', jsxElement: <AvisStatut avisStatutId={avis.avis_statut_id} />, value: avis.avis_statut_id },
+ visibility: { type: 'text', value: getAvisVisibilityLabel(avis.avis_visibility_id) },
+ },
+ }))
+
+ return <TableSimple caption={{ value: 'Avis', visible: false }} columns={columns} rows={rows} />
}
type EtapeAvisLinkProps = { avisId: EtapeAvisId; avisTypeId: AvisTypeId; description: string | null }
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_ArmMecanise.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_ArmMecanise.html
index 086c04e6af371aa2af7a8a34dcfa373877ae4219..6418d374d9397c63863a66853f098b29a1457359 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_ArmMecanise.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_ArmMecanise.html
@@ -1,98 +1,112 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Complet.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Complet.html
index 38bb4ec599a6a5d72c1bb77a21bdc1787453d159..830b9e902f8cb6d9ae7b9816ecbf7b17ed9a7d25 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Complet.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Complet.html
@@ -1,98 +1,108 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier de demande</td>
- <td style="white-space: pre-line;">Une autre description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier de demande" aria-label="Modifier le document de Dossier de demande" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier de demande" aria-label="Supprimer le document de Dossier de demande" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Formulaire de demande</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Formulaire de demande" aria-label="Modifier le document de Formulaire de demande" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Formulaire de demande" aria-label="Supprimer le document de Formulaire de demande" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier de demande</span></td>
+ <td><span class="">Une autre description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier de demande" aria-label="Modifier le document de Dossier de demande" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier de demande" aria-label="Supprimer le document de Dossier de demande" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Formulaire de demande</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Formulaire de demande" aria-label="Modifier le document de Formulaire de demande" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Formulaire de demande" aria-label="Supprimer le document de Formulaire de demande" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Justificatif de paiement</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Justificatif de paiement" aria-label="Modifier le document de Justificatif de paiement" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Justificatif de paiement" aria-label="Supprimer le document de Justificatif de paiement" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Justificatif de paiement</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Justificatif de paiement" aria-label="Modifier le document de Justificatif de paiement" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Justificatif de paiement" aria-label="Supprimer le document de Justificatif de paiement" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Empty.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Empty.html
index 8984f7b62eb8915dc4371017154899d9b94e74c6..7f5a27e29521498b4eade7eddc8b1716899aa91a 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Empty.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Empty.html
@@ -1,55 +1,71 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Documents cartographiques</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Documents cartographiques</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_EnConstruction.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_EnConstruction.html
index 086c04e6af371aa2af7a8a34dcfa373877ae4219..6418d374d9397c63863a66853f098b29a1457359 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_EnConstruction.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_EnConstruction.html
@@ -1,98 +1,112 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntreprise.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntreprise.html
index 36bbb161c743195919d7999be4e5095607044fc7..f58818918430385cf8cc485cacc050de9cbef37c 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntreprise.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntreprise.html
@@ -1,130 +1,144 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Identification de matériel</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Lettre de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Mesures prévues pour réhabiliter le site </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Méthodes pour l'exécution des travaux</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Programme des travaux </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Schéma de pénétration du massif forestier</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Identification de matériel</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Mesures prévues pour réhabiliter le site </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Méthodes pour l'exécution des travaux</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Programme des travaux </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Schéma de pénétration du massif forestier</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntrepriseComplet.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntrepriseComplet.html
index 9e40e94aceed484a011a5ffece76636a7b069bee..95479446ee12e771f8bea1505b34f1e90715d583 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntrepriseComplet.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurEntrepriseComplet.html
@@ -1,146 +1,156 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Identification de matériel</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Lettre de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Mesures prévues pour réhabiliter le site </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Méthodes pour l'exécution des travaux</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Programme des travaux </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Schéma de pénétration du massif forestier</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Identification de matériel</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Mesures prévues pour réhabiliter le site </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Méthodes pour l'exécution des travaux</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Programme des travaux </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Schéma de pénétration du massif forestier</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier de demande</td>
- <td style="white-space: pre-line;">Une autre description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier de demande" aria-label="Modifier le document de Dossier de demande" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier de demande" aria-label="Supprimer le document de Dossier de demande" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Formulaire de demande</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Formulaire de demande" aria-label="Modifier le document de Formulaire de demande" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Formulaire de demande" aria-label="Supprimer le document de Formulaire de demande" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Justificatif de paiement</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Justificatif de paiement" aria-label="Modifier le document de Justificatif de paiement" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Justificatif de paiement" aria-label="Supprimer le document de Justificatif de paiement" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier de demande</span></td>
+ <td><span class="">Une autre description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier de demande" aria-label="Modifier le document de Dossier de demande" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier de demande" aria-label="Supprimer le document de Dossier de demande" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Formulaire de demande</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Formulaire de demande" aria-label="Modifier le document de Formulaire de demande" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Formulaire de demande" aria-label="Supprimer le document de Formulaire de demande" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Justificatif de paiement</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Justificatif de paiement" aria-label="Modifier le document de Justificatif de paiement" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Justificatif de paiement" aria-label="Supprimer le document de Justificatif de paiement" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurSuper.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurSuper.html
index 36bbb161c743195919d7999be4e5095607044fc7..f58818918430385cf8cc485cacc050de9cbef37c 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurSuper.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_OctroiAxmUtilisateurSuper.html
@@ -1,130 +1,144 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Identification de matériel</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Lettre de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Mesures prévues pour réhabiliter le site </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Méthodes pour l'exécution des travaux</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Programme des travaux </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Schéma de pénétration du massif forestier</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Identification de matériel</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Mesures prévues pour réhabiliter le site </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Méthodes pour l'exécution des travaux</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Programme des travaux </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Schéma de pénétration du massif forestier</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_PasDeDocumentsObligatoires.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_PasDeDocumentsObligatoires.html
index 139b46996e4743ff0eec1fc73ed7d39a467d253d..31beb46d5c2bf96963a32499e16726636578e560 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_PasDeDocumentsObligatoires.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_PasDeDocumentsObligatoires.html
@@ -1,67 +1,73 @@
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Rempli.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Rempli.html
index c8bba2f5af852cb9c093b99e11c96e75d10bb096..733aad5111b31c4630fd1dc2a418b5161ae9b2b1 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Rempli.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_Rempli.html
@@ -1,98 +1,112 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_SdomZone.html b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_SdomZone.html
index e1b6eb2a50345cb30ee47b84b74e266b25af07f4..274c6bd162a86194b6cc725ec0d15f50e6c66d2b 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_SdomZone.html
+++ b/packages/ui/src/components/etape/etape-documents-edit.stories_snapshots_SdomZone.html
@@ -1,146 +1,160 @@
-<div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Décision cas par cas</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Documents cartographiques</td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible par les administrations</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td>Dossier "Loi sur l'eau"</td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Identification de matériel</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Justification d'existence du gisement</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Justification d'existence du gisement" aria-label="Ajouter un document Justification d'existence du gisement" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Lettre de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Mesures prévues pour réhabiliter le site </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Méthodes pour l'exécution des travaux</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Notice d'impact renforcée</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Notice d'impact renforcée" aria-label="Ajouter un document Notice d'impact renforcée" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Programme des travaux </td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Schéma de pénétration du massif forestier</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+<div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Décision cas par cas</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Décision cas par cas" aria-label="Modifier le document de Décision cas par cas" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Décision cas par cas" aria-label="Supprimer le document de Décision cas par cas" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Documents cartographiques</span></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Documents cartographiques" aria-label="Modifier le document de Documents cartographiques" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Documents cartographiques" aria-label="Supprimer le document de Documents cartographiques" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="">Dossier "Loi sur l'eau"</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Dossier "Loi sur l'eau"" aria-label="Modifier le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Dossier "Loi sur l'eau"" aria-label="Supprimer le document de Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Identification de matériel</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Identification de matériel" aria-label="Ajouter un document Identification de matériel" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Justification d'existence du gisement</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Justification d'existence du gisement" aria-label="Ajouter un document Justification d'existence du gisement" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de demande" aria-label="Ajouter un document Lettre de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Mesures prévues pour réhabiliter le site </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Mesures prévues pour réhabiliter le site " aria-label="Ajouter un document Mesures prévues pour réhabiliter le site " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Méthodes pour l'exécution des travaux</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Méthodes pour l'exécution des travaux" aria-label="Ajouter un document Méthodes pour l'exécution des travaux" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Notice d'impact renforcée</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Notice d'impact renforcée" aria-label="Ajouter un document Notice d'impact renforcée" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Programme des travaux </span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Programme des travaux " aria-label="Ajouter un document Programme des travaux " type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Schéma de pénétration du massif forestier</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Schéma de pénétration du massif forestier" aria-label="Ajouter un document Schéma de pénétration du massif forestier" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Autre document</td>
- <td style="white-space: pre-line;">description autre document</td>
- <td>Public</td>
- <td>
- <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
- <!---->
- </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
- <!---->
- </button></div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">Autre document</span></td>
+ <td><span class="">description autre document</span></td>
+ <td><span class="">Public</span></td>
+ <td class="fr-cell--right">
+ <div style="display: flex; justify-content: end; align-items: center;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-edit-line" title="Modifier le document de Autre document" aria-label="Modifier le document de Autre document" type="button">
+ <!---->
+ </button><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-delete-bin-line fr-ml-1w" title="Supprimer le document de Autre document" aria-label="Supprimer le document de Autre document" type="button">
+ <!---->
+ </button></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents-edit.tsx b/packages/ui/src/components/etape/etape-documents-edit.tsx
index ddbca4605e64024aa914dc31be7f73042615f35a..e3c72591672515d3e602316ff988978599eb49be 100644
--- a/packages/ui/src/components/etape/etape-documents-edit.tsx
+++ b/packages/ui/src/components/etape/etape-documents-edit.tsx
@@ -17,6 +17,9 @@ import { getDocumentsTypes, isArmMecanise } from 'camino-common/src/permissions/
import { FirstEtapeDate } from 'camino-common/src/date'
import { DemarcheId } from 'camino-common/src/demarche'
import { FlattenedContenu } from 'camino-common/src/etape-form'
+import { fr } from '@codegouvfr/react-dsfr'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
interface Props {
tde: {
@@ -227,67 +230,68 @@ const EtapeDocumentsTable: FunctionalComponent<PropsTable> = (props: PropsTable)
const sortedDocuments = computed(() => sortDocumentsColumn(props.documents.map(d => ({ ...d, document_type_id: d.etape_document_type_id }))))
const sortedEmptyRequiredDocuments = computed(() => [...props.emptyRequiredDocuments].sort((a, b) => DocumentsTypes[a].nom.localeCompare(DocumentsTypes[b].nom)))
- return (
- <div class="fr-table fr-mb-0">
- <table style={{ display: 'table' }}>
- <caption>{props.caption}</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style={{ display: 'flex', justifyContent: 'end' }}>
- Action
- </th>
- </tr>
- </thead>
- <tbody>
- {sortedDocuments.value.map(document => (
- <tr>
- <td>{props.getNom(document.etape_document_type_id)}</td>
- <td style={{ whiteSpace: 'pre-line' }}>{document.description}</td>
- <td>{getVisibilityLabel(document)}</td>
- <td>
- <div style={{ display: 'flex', justifyContent: 'end', alignItems: 'center' }}>
- <DsfrButtonIcon
- icon="fr-icon-edit-line"
- title={`Modifier le document de ${props.getNom(document.etape_document_type_id)}`}
- onClick={editDocument(document.index)}
- buttonType="secondary"
- buttonSize="sm"
- />
- <DsfrButtonIcon
- icon="fr-icon-delete-bin-line"
- class="fr-ml-1w"
- title={`Supprimer le document de ${props.getNom(document.etape_document_type_id)}`}
- onClick={deleteDocument(document.index)}
- buttonType="secondary"
- buttonSize="sm"
- />
- </div>
- </td>
- </tr>
- ))}
- {sortedEmptyRequiredDocuments.value.map(documentTypeId => (
- <tr>
- <td class="fr-label--disabled">{props.getNom(documentTypeId)}</td>
- <td>-</td>
- <td>-</td>
- <td style={{ display: 'flex', justifyContent: 'end' }}>
- <DsfrButtonIcon
- icon="fr-icon-add-line"
- title={`Ajouter un document ${props.getNom(documentTypeId)}`}
- onClick={() => props.add(documentTypeId)}
- buttonType="secondary"
- buttonSize="sm"
- />
- </td>
- </tr>
- ))}
- </tbody>
- </table>
- </div>
+ type ColumnId = 'nom' | 'description' | 'visibilite' | 'actions'
+
+ const columns: Column<ColumnId>[] = [
+ { id: 'nom', contentTitle: 'Nom' },
+ { id: 'description', contentTitle: 'Description' },
+ { id: 'visibilite', contentTitle: 'Visibilité' },
+ { id: 'actions', contentTitle: 'Action', class: [fr.cx('fr-cell--right')] },
+ ]
+
+ const rows: TableRow<ColumnId>[] = sortedDocuments.value.map<TableRow<ColumnId>>(document => ({
+ id: `${document.index}`,
+ link: null,
+ columns: {
+ nom: { type: 'text', value: props.getNom(document.etape_document_type_id) },
+ description: { type: 'text', value: document.description ?? '' },
+ visibilite: { type: 'text', value: getVisibilityLabel(document) },
+ actions: {
+ type: 'jsx',
+ value: document.index,
+ jsxElement: (
+ <div style={{ display: 'flex', justifyContent: 'end', alignItems: 'center' }}>
+ <DsfrButtonIcon
+ icon="fr-icon-edit-line"
+ title={`Modifier le document de ${props.getNom(document.etape_document_type_id)}`}
+ onClick={editDocument(document.index)}
+ buttonType="secondary"
+ buttonSize="sm"
+ />
+ <DsfrButtonIcon
+ icon="fr-icon-delete-bin-line"
+ class="fr-ml-1w"
+ title={`Supprimer le document de ${props.getNom(document.etape_document_type_id)}`}
+ onClick={deleteDocument(document.index)}
+ buttonType="secondary"
+ buttonSize="sm"
+ />
+ </div>
+ ),
+ },
+ },
+ }))
+
+ rows.push(
+ ...sortedEmptyRequiredDocuments.value.map<TableRow<ColumnId>>(documentTypeId => ({
+ id: documentTypeId,
+ link: null,
+ columns: {
+ nom: { type: 'text', value: props.getNom(documentTypeId), class: [fr.cx('fr-label--disabled')] },
+ description: { type: 'text', value: '-' },
+ visibilite: { type: 'text', value: '-' },
+ actions: {
+ type: 'jsx',
+ value: documentTypeId,
+ jsxElement: (
+ <DsfrButtonIcon icon="fr-icon-add-line" title={`Ajouter un document ${props.getNom(documentTypeId)}`} onClick={() => props.add(documentTypeId)} buttonType="secondary" buttonSize="sm" />
+ ),
+ },
+ },
+ }))
)
+
+ return <TableSimple caption={{ value: props.caption, visible: true }} columns={columns} rows={rows} />
}
// @ts-ignore waiting for https://github.com/vuejs/core/issues/7833
diff --git a/packages/ui/src/components/etape/etape-documents.stories.tsx b/packages/ui/src/components/etape/etape-documents.stories.tsx
index 1ae9c770fd9facf94cf6d95a77e4b7af779357ee..e14f36546680644b9f8e4c3ba6d4b3a1a2286e18 100644
--- a/packages/ui/src/components/etape/etape-documents.stories.tsx
+++ b/packages/ui/src/components/etape/etape-documents.stories.tsx
@@ -7,6 +7,7 @@ import { toCaminoDate } from 'camino-common/src/date'
const meta: Meta = {
title: 'Components/Etape/EtapeDocuments',
+ // @ts-ignore
component: EtapeDocuments,
}
export default meta
diff --git a/packages/ui/src/components/etape/etape-documents.stories_snapshots_NotConnected.html b/packages/ui/src/components/etape/etape-documents.stories_snapshots_NotConnected.html
index 9f95e691a35e8b2418317e57b9820bc51198dc50..edd8445ed449c3881a011a461efed55625fa36a1 100644
--- a/packages/ui/src/components/etape/etape-documents.stories_snapshots_NotConnected.html
+++ b/packages/ui/src/components/etape/etape-documents.stories_snapshots_NotConnected.html
@@ -1,36 +1,32 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <!---->
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <!---->
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <!---->
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
- <!---->
- <!---->
- </tr>
- </tbody>
- </table>
+<div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministration.html b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministration.html
index 743c4156cb8efd28edc72c1e97ccd9ba4247fcb6..931d5f8be4112694d663803e334b9e2d98268d0f 100644
--- a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministration.html
+++ b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministration.html
@@ -1,53 +1,57 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+<div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministrationWithoutDesc.html b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministrationWithoutDesc.html
index b204440c948699aec6c6837b1a6e5fe7b6db2a8e..b23b41afebb00c981d80ddc6ea7108b8b0b8428f 100644
--- a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministrationWithoutDesc.html
+++ b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserAdministrationWithoutDesc.html
@@ -1,51 +1,49 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <!---->
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <!---->
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <!---->
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
- <!---->
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <!---->
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <!---->
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
- <!---->
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+<div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserEntreprise.html b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserEntreprise.html
index be90f1ef2e8a440d4e4a84834b9bbbf6961f9659..f4b2d93109fc461b04898d372c09758a66aeeca0 100644
--- a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserEntreprise.html
+++ b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserEntreprise.html
@@ -1,53 +1,49 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
- <td></td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <!---->
- </tr>
- </tbody>
- </table>
+<div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserSuper.html b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserSuper.html
index 743c4156cb8efd28edc72c1e97ccd9ba4247fcb6..931d5f8be4112694d663803e334b9e2d98268d0f 100644
--- a/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserSuper.html
+++ b/packages/ui/src/components/etape/etape-documents.stories_snapshots_UserSuper.html
@@ -1,53 +1,57 @@
-<div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th>Description</th>
- <th scope="col">Visibilité</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <td></td>
- <td>Public</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
- <td></td>
- <td>Visible par les administrations</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
- <td></td>
- <td>Visible par les administrations et les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
- <td style="white-space: pre-line;">Une description</td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- <tr>
- <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
- <td style="white-space: pre-line;">
- <!---->
- </td>
- <td>Visible seulement par les entreprises titulaires</td>
- </tr>
- </tbody>
- </table>
+<div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Public</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id2" title="Télécharger le document 3 derniers bilans et comptes de résultats - nouvelle fenêtre" target="_blank">3 derniers bilans et comptes de résultats</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id" title="Télécharger le document Une description - nouvelle fenêtre" target="_blank">Une description</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/idAutre" title="Télécharger le document description document - nouvelle fenêtre" target="_blank">description document</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible par les administrations et les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id2" title="Télécharger le document Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01) - nouvelle fenêtre" target="_blank">Une autre entreprise - 3 derniers bilans et comptes de résultats - (2023-03-01)</a></td>
+ <td><span class="">Une description</span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/entrepriseDocuments/id" title="Télécharger le document Entreprise 1 - Attestation fiscale - (2023-01-01) - nouvelle fenêtre" target="_blank">Entreprise 1 - Attestation fiscale - (2023-01-01)</a></td>
+ <td><span class=""></span></td>
+ <td><span class="">Visible seulement par les entreprises titulaires</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/etape/etape-documents.tsx b/packages/ui/src/components/etape/etape-documents.tsx
index e9e5cfbf37db5d03e5a1f58b376f8d1010ed7210..8272a822ee6f482df64c51a6789e1228f1be761b 100644
--- a/packages/ui/src/components/etape/etape-documents.tsx
+++ b/packages/ui/src/components/etape/etape-documents.tsx
@@ -1,4 +1,4 @@
-import { FunctionalComponent, computed } from 'vue'
+import { FunctionalComponent, computed, defineComponent } from 'vue'
import { EtapeDocument, EtapeDocumentId } from 'camino-common/src/etape'
import { User, isAdministration, isSuper } from 'camino-common/src/roles'
import { AutreDocumentTypeId, DocumentTypeId, DocumentsTypes } from 'camino-common/src/static/documentsTypes'
@@ -6,6 +6,9 @@ import { getDownloadRestRoute } from '../../api/client-rest'
import { Entreprise, EntrepriseId, EtapeEntrepriseDocument } from 'camino-common/src/entreprise'
import { EntrepriseDocumentLink } from '../entreprise/entreprise-documents'
import { isNotNullNorUndefinedNorEmpty, isNullOrUndefinedOrEmpty } from 'camino-common/src/typescript-tools'
+import { fr } from '@codegouvfr/react-dsfr'
+import { Column, TableSimple } from '../_ui/table-simple'
+import { TableRow } from '../_ui/table'
interface Props {
etapeDocuments: EtapeDocument[]
@@ -44,11 +47,8 @@ export const sortDocumentsColumn = <T extends { document_type_id: DocumentTypeId
})
}
-export const EtapeDocuments: FunctionalComponent<Props> = props => {
- if (isNullOrUndefinedOrEmpty(props.etapeDocuments) && isNullOrUndefinedOrEmpty(props.entrepriseDocuments)) {
- return null
- }
-
+type ColumnId = 'nom' | 'description' | 'visibilite'
+export const EtapeDocuments = defineComponent<Props>(props => {
const sortedEtapeDocuments = computed(() => sortDocumentsColumn(props.etapeDocuments.map(d => ({ ...d, document_type_id: d.etape_document_type_id }))))
const sortedEntrepriseDocuments = computed(() => sortDocumentsColumn(props.entrepriseDocuments.map(d => ({ ...d, document_type_id: d.entreprise_document_type_id }))))
@@ -60,47 +60,64 @@ export const EtapeDocuments: FunctionalComponent<Props> = props => {
const hasEntrepriseDocumentsWithDescription = computed<boolean>(() => sortedEntrepriseDocuments.value.some(({ description }) => isNotNullNorUndefinedNorEmpty(description)))
- return (
- <div style={{ overflowX: 'auto' }}>
- <div class=" fr-table fr-m-0">
- <table style={{ display: 'table' }} class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- {hasEntrepriseDocumentsWithDescription.value ? <th>Description</th> : null}
- {isSuper(props.user) || isAdministration(props.user) ? <th scope="col">Visibilité</th> : null}
- </tr>
- </thead>
- <tbody>
- {sortedEtapeDocuments.value.map(item => (
- <tr>
- <td>
- <EtapeDocumentLink documentId={item.id} documentTypeId={item.etape_document_type_id} description={item.description} />
- </td>
- {hasEntrepriseDocumentsWithDescription.value ? <td></td> : null}
- {isSuper(props.user) || isAdministration(props.user) ? <td>{getVisibilityLabel(item)}</td> : null}
- </tr>
- ))}
- {sortedEntrepriseDocuments.value.map(item => (
- <tr>
- <td>
- <EntrepriseDocumentLink
- documentId={item.id}
- documentTypeId={item.entreprise_document_type_id}
- label={`${entreprisesIndex[item.entreprise_id] ?? ''} - ${DocumentsTypes[item.entreprise_document_type_id].nom} - (${item.date})`}
- />
- </td>
- {hasEntrepriseDocumentsWithDescription.value ? <td style={{ whiteSpace: 'pre-line' }}>{item.description}</td> : null}
- {isSuper(props.user) || isAdministration(props.user) ? <td>Visible seulement par les entreprises titulaires</td> : null}
- </tr>
- ))}
- </tbody>
- </table>
- </div>
- </div>
+ const columns = computed<Column<ColumnId>[]>(() => {
+ const rawColumn: Column<ColumnId>[] = [{ id: 'nom', contentTitle: 'Nom' }]
+ if (hasEntrepriseDocumentsWithDescription.value) {
+ rawColumn.push({ id: 'description', contentTitle: 'Description' })
+ }
+ if (isSuper(props.user) || isAdministration(props.user)) {
+ rawColumn.push({ id: 'visibilite', contentTitle: 'Visibilité' })
+ }
+ return rawColumn
+ })
+
+ const rows = computed<TableRow<ColumnId>[]>(() => {
+ const myRows: TableRow<ColumnId>[] = []
+ myRows.push(
+ ...sortedEtapeDocuments.value.map<TableRow<ColumnId>>(item => ({
+ id: item.id,
+ link: null,
+ columns: {
+ nom: { type: 'jsx', jsxElement: <EtapeDocumentLink documentId={item.id} documentTypeId={item.etape_document_type_id} description={item.description} />, value: item.id },
+ description: { type: 'text', value: '' },
+ visibilite: { type: 'text', value: isSuper(props.user) || isAdministration(props.user) ? getVisibilityLabel(item) : '' },
+ },
+ }))
+ )
+ myRows.push(
+ ...sortedEntrepriseDocuments.value.map<TableRow<ColumnId>>(item => ({
+ id: item.id,
+ link: null,
+ columns: {
+ nom: {
+ type: 'jsx',
+ value: item.id,
+ jsxElement: (
+ <EntrepriseDocumentLink
+ documentId={item.id}
+ documentTypeId={item.entreprise_document_type_id}
+ label={`${entreprisesIndex[item.entreprise_id] ?? ''} - ${DocumentsTypes[item.entreprise_document_type_id].nom} - (${item.date})`}
+ />
+ ),
+ },
+ description: { type: 'text', value: item.description ?? '' },
+ visibilite: { type: 'text', value: isSuper(props.user) || isAdministration(props.user) ? 'Visible seulement par les entreprises titulaires' : '' },
+ },
+ }))
+ )
+ return myRows
+ })
+ return () => (
+ <>
+ {isNullOrUndefinedOrEmpty(props.etapeDocuments) && isNullOrUndefinedOrEmpty(props.entrepriseDocuments) ? null : (
+ <TableSimple class={[fr.cx('fr-mb-0')]} caption={{ value: 'Documents', visible: false }} columns={columns.value} rows={rows.value} />
+ )}
+ </>
)
-}
+})
+
+// @ts-ignore waiting for https://github.com/vuejs/core/issues/7833
+EtapeDocuments.props = ['etapeDocuments', 'entrepriseDocuments', 'entreprises', 'user']
type EtapeDocumentLinkProps = { documentId: EtapeDocumentId; documentTypeId: DocumentTypeId | AutreDocumentTypeId; description: string | null }
const EtapeDocumentLink: FunctionalComponent<EtapeDocumentLinkProps> = props => {
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html
index 4ebf245832f420d890b4db09f78e212d26f13ef2..87a29ff0fed89db6984e72468d593a154f59a4e4 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_Default.html
@@ -59,7 +59,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_967"><label class="fr-toggle__label" for="toggle_967" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -84,7 +84,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_772"><label class="fr-toggle__label" for="toggle_772" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -172,75 +172,91 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Décision cas par cas</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Décision cas par cas" aria-label="Ajouter un document Décision cas par cas" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Documents cartographiques</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier "Loi sur l'eau"</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier "Loi sur l'eau"" aria-label="Ajouter un document Dossier "Loi sur l'eau"" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Dossier de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
- <!---->
- </button></td>
- </tr>
- <tr>
- <td class="fr-label--disabled">Formulaire de demande</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Décision cas par cas</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Décision cas par cas" aria-label="Ajouter un document Décision cas par cas" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Documents cartographiques</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Documents cartographiques" aria-label="Ajouter un document Documents cartographiques" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier "Loi sur l'eau"</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier "Loi sur l'eau"" aria-label="Ajouter un document Dossier "Loi sur l'eau"" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Dossier de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Dossier de demande" aria-label="Ajouter un document Dossier de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ <tr>
+ <td><span class="fr-label--disabled">Formulaire de demande</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Formulaire de demande" aria-label="Ajouter un document Formulaire de demande" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -257,446 +273,470 @@
</div>
<div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Nom de l'entreprise 0</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Attestation fiscale</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Curriculum vitae</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'identité</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités techniques</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Kbis</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités financières</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Nom de l'entreprise 0</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Attestation fiscale</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_585" aria-label="Choix du document pour [object Object]" name="select_585" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Curriculum vitae</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_759" aria-label="Choix du document pour [object Object]" name="select_759" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'identité</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_58" aria-label="Choix du document pour [object Object]" name="select_58" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités techniques</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_661" aria-label="Choix du document pour [object Object]" name="select_661" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Kbis</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_684" aria-label="Choix du document pour [object Object]" name="select_684" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités financières</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_624" aria-label="Choix du document pour [object Object]" name="select_624" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Nom de l'entreprise 1</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Attestation fiscale</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Choix du document pour [object Object]" name="select_119" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Curriculum vitae</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_827" aria-label="Choix du document pour [object Object]" name="select_827" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'identité</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_173" aria-label="Choix du document pour [object Object]" name="select_173" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités techniques</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_211" aria-label="Choix du document pour [object Object]" name="select_211" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Kbis</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_619" aria-label="Choix du document pour [object Object]" name="select_619" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités financières</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_686" aria-label="Choix du document pour [object Object]" name="select_686" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_954" aria-label="Ajouter un nouveau type de document" name="select_954">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Nom de l'entreprise 1</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Attestation fiscale</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_119" aria-label="Choix du document pour [object Object]" name="select_119" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Curriculum vitae</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_827" aria-label="Choix du document pour [object Object]" name="select_827" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'identité</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_173" aria-label="Choix du document pour [object Object]" name="select_173" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités techniques</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_211" aria-label="Choix du document pour [object Object]" name="select_211" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Kbis</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_619" aria-label="Choix du document pour [object Object]" name="select_619" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités financières</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_686" aria-label="Choix du document pour [object Object]" name="select_686" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_954" aria-label="Ajouter un nouveau type de document" name="select_954">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Nom de l'entreprise 2</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Attestation fiscale</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_132" aria-label="Choix du document pour [object Object]" name="select_132" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Curriculum vitae</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_773" aria-label="Choix du document pour [object Object]" name="select_773" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif d'identité</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_785" aria-label="Choix du document pour [object Object]" name="select_785" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités techniques</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_253" aria-label="Choix du document pour [object Object]" name="select_253" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Kbis</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_19" aria-label="Choix du document pour [object Object]" name="select_19" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div style="display: flex; flex-direction: column; align-items: start;">
- <div class="fr-text--md">Justificatif des capacités financières</div>
- <!---->
- </div>
- </td>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_35" aria-label="Choix du document pour [object Object]" name="select_35" value="">
- <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
- <option disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td style="text-align: right;">
- <!---->
- </td>
- </tr>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_883" aria-label="Ajouter un nouveau type de document" name="select_883">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Nom de l'entreprise 2</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Attestation fiscale</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_132" aria-label="Choix du document pour [object Object]" name="select_132" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Curriculum vitae</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_773" aria-label="Choix du document pour [object Object]" name="select_773" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif d'identité</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_785" aria-label="Choix du document pour [object Object]" name="select_785" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités techniques</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_253" aria-label="Choix du document pour [object Object]" name="select_253" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Kbis</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_19" aria-label="Choix du document pour [object Object]" name="select_19" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div style="display: flex; flex-direction: column; align-items: start;">
+ <div class="fr-text--md">Justificatif des capacités financières</div>
+ <!---->
+ </div>
+ </td>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_35" aria-label="Choix du document pour [object Object]" name="select_35" value="">
+ <option value="newDocument">Ajouter un nouveau document d'entreprise</option>
+ <option disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td>
+ <div></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_883" aria-label="Ajouter un nouveau type de document" name="select_883">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html
index 43d1c6e78b1de130e9aa1d657626d82fa97bf7b5..cc5c5eb45b73049fd4f9660c004c10a68c233e46 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeConsultationAdministrationsCentrales.html
@@ -44,43 +44,59 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Lettre de saisine des services civils et militaires</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de saisine des services civils et militaires" aria-label="Ajouter un document Lettre de saisine des services civils et militaires" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de saisine des services civils et militaires</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de saisine des services civils et militaires" aria-label="Ajouter un document Lettre de saisine des services civils et militaires" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -96,21 +112,29 @@
<div>
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un avis complémentaire" aria-label="Ajouter un avis complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html
index 058dd18207deadf36635d3b41a1ca3bbf407b2d4..ae3dc6ad69d5e4f0cd9d496bdb11b1775bd7733c 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeDecisionAdministration.html
@@ -60,7 +60,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_967"><label class="fr-toggle__label" for="toggle_967" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -86,7 +86,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_772"><label class="fr-toggle__label" for="toggle_772" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -100,7 +100,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_556"><label class="fr-toggle__label" for="toggle_556" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -143,19 +143,27 @@
<div>
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html
index aae80f775e2838aa993220563f15a000a72d1eca..28c56263b364bdcb0633c1a9e1682b734f185de5 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModification.html
@@ -59,7 +59,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_967"><label class="fr-toggle__label" for="toggle_967" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -85,7 +85,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_772"><label class="fr-toggle__label" for="toggle_772" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -99,7 +99,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_556"><label class="fr-toggle__label" for="toggle_556" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -193,59 +193,53 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -277,19 +271,27 @@
<div>
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -305,104 +307,128 @@
</div>
<div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Nom de l'entreprise 0</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Nom de l'entreprise 0</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_624" aria-label="Ajouter un nouveau type de document" name="select_624">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Nom de l'entreprise 1</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Nom de l'entreprise 1</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_267" aria-label="Ajouter un nouveau type de document" name="select_267">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Nom de l'entreprise 2</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col"></th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>
- <div class="fr-select-group">
- <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
- <option value="atf">Attestation fiscale</option>
- <option value="sir">Avis de situation au répertoire Sirene</option>
- <option value="cur">Curriculum vitae</option>
- <option value="idm">Identification de matériel</option>
- <option value="jid">Justificatif d'identité</option>
- <option value="jct">Justificatif des capacités techniques</option>
- <option value="kbi">Kbis</option>
- <option value="jcf">Justificatif des capacités financières</option>
- <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
- </select>
- </div>
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Nom de l'entreprise 2</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Document selectionné</th>
+ <th scope="col">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div class="fr-select-group">
+ <!----><select class="fr-select" id="select_119" aria-label="Ajouter un nouveau type de document" name="select_119">
+ <option value="atf">Attestation fiscale</option>
+ <option value="sir">Avis de situation au répertoire Sirene</option>
+ <option value="cur">Curriculum vitae</option>
+ <option value="idm">Identification de matériel</option>
+ <option value="jid">Justificatif d'identité</option>
+ <option value="jct">Justificatif des capacités techniques</option>
+ <option value="kbi">Kbis</option>
+ <option value="jcf">Justificatif des capacités financières</option>
+ <option selected="" disabled="" hidden="" value="">Selectionnez une option</option>
+ </select>
+ </div>
+ </td>
+ <td><span class=""></span></td>
+ <td><span class=""></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html
index 8d6f3d9f1934b366664ba41ee61ecc1e45be3a9e..b79d697356a1b5e94fe9e77afdc7d4227496a4b1 100644
--- a/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html
+++ b/packages/ui/src/components/etape/etape-edit-form.stories_snapshots_EtapeModificationAvis.html
@@ -44,43 +44,59 @@
<!---->
</div>
<div>
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents obligatoires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class="fr-label--disabled">Lettre de saisine des services civils et militaires</td>
- <td>-</td>
- <td>-</td>
- <td style="display: flex; justify-content: end;"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de saisine des services civils et militaires" aria-label="Ajouter un document Lettre de saisine des services civils et militaires" type="button">
- <!---->
- </button></td>
- </tr>
- </tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents obligatoires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="fr-label--disabled">Lettre de saisine des services civils et militaires</span></td>
+ <td><span class="">-</span></td>
+ <td><span class="">-</span></td>
+ <td class="fr-cell--right"><button class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-add-line" title="Ajouter un document Lettre de saisine des services civils et militaires" aria-label="Ajouter un document Lettre de saisine des services civils et militaires" type="button">
+ <!---->
+ </button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
@@ -96,21 +112,29 @@
<div>
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Avis complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Date</th>
- <th scope="col">Description</th>
- <th scope="col">Statut</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Avis complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Date</th>
+ <th scope="col">Description</th>
+ <th scope="col">Statut</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un avis complémentaire" aria-label="Ajouter un avis complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeONF.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeONF.html
index ff2826cb39c5e9864c81cb0d736df404d8928c4c..d14241580bb730c55ea1e4acb35dd3f13bdc2e14 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeONF.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeONF.html
@@ -15,7 +15,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -40,7 +40,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_128"><label class="fr-toggle__label" for="toggle_128" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeOperateur.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeOperateur.html
index ce81664e6966e3b41dcf8414c8b801d15558eafc..a369643c52a6eb67d8867f31459e00b92f51d328 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeOperateur.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmDemandeOperateur.html
@@ -15,7 +15,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -32,7 +32,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_25"><label class="fr-toggle__label" for="toggle_25" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmJorfONF.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmJorfONF.html
index 7f279165ea80371095ad43bbe5cda8638b7383ab..822e1b9ad29aac921cb06772e5d468fb664722d4 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmJorfONF.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_ArmJorfONF.html
@@ -15,7 +15,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -57,7 +57,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_487"><label class="fr-toggle__label" for="toggle_487" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeONF.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeONF.html
index ff2826cb39c5e9864c81cb0d736df404d8928c4c..d14241580bb730c55ea1e4acb35dd3f13bdc2e14 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeONF.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeONF.html
@@ -15,7 +15,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -40,7 +40,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_128"><label class="fr-toggle__label" for="toggle_128" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeSuper.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeSuper.html
index ff2826cb39c5e9864c81cb0d736df404d8928c4c..d14241580bb730c55ea1e4acb35dd3f13bdc2e14 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeSuper.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeSuper.html
@@ -15,7 +15,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -40,7 +40,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_128"><label class="fr-toggle__label" for="toggle_128" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeTropLongue.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeTropLongue.html
index 7c3ac6e765caf94662475beb532c37c2ed9e7329..11929ba27b9e22845e4a6399d9184c642848c047 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeTropLongue.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_AxmDemandeTropLongue.html
@@ -36,7 +36,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_25"><label class="fr-toggle__label" for="toggle_25" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDemandeONF.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDemandeONF.html
index fe7bb01e26fc0278cc4c4b33615aeb9bc9144aa1..822f93a30fbc9802eaf94174537267f7c294017d 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDemandeONF.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDemandeONF.html
@@ -15,7 +15,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
@@ -48,7 +48,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_772"><label class="fr-toggle__label" for="toggle_772" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDeplacementDePerimetreONF.html b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDeplacementDePerimetreONF.html
index 182ff0e69c10d3b60875a4de630cce8c681fc0e8..2d12aa34324ea94a2f7e9589f441be4db1111524 100644
--- a/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDeplacementDePerimetreONF.html
+++ b/packages/ui/src/components/etape/fondamentales-edit.stories_snapshots_PrmDeplacementDePerimetreONF.html
@@ -12,7 +12,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_670"><label class="fr-toggle__label" for="toggle_670" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2022</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageDisabled.html b/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageDisabled.html
index 4d75143220be8d666ed97acf4cb4ea2cc9d87444..d9ab3a1921c99cbbbe7f420155ce188c9a1d5887 100644
--- a/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageDisabled.html
+++ b/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageDisabled.html
@@ -5,7 +5,7 @@
</label><input class="fr-input" name="input_670" id="input_670" type="date">
<!---->
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_74"><label class="fr-toggle__label" for="toggle_74" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabled.html b/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabled.html
index f724a921c31053b673d05cac523956cb5024a1e8..519578194b998e69b0552aa8f3235ab11412bbc1 100644
--- a/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabled.html
+++ b/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabled.html
@@ -2,7 +2,7 @@
<div>
<div class="border p-s mb-s bold">01-01-2022</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_670"><label class="fr-toggle__label" for="toggle_670" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabledWithoutValue.html b/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabledWithoutValue.html
index b2e98e091206d86b5a3e190562d663863ff64b77..75c95c0cf938af5ecb8f91de18bfa20e7f60313c 100644
--- a/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabledWithoutValue.html
+++ b/packages/ui/src/components/etape/heritage-edit.stories_snapshots_HeritageEnabledWithoutValue.html
@@ -7,7 +7,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_74"><label class="fr-toggle__label" for="toggle_74" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/heritage-edit.tsx b/packages/ui/src/components/etape/heritage-edit.tsx
index 306e14a4be8fbf6371ecafab85077c335cbeff3f..38863e880e6b52e8133ed15ebe1fa500d88ddd84 100644
--- a/packages/ui/src/components/etape/heritage-edit.tsx
+++ b/packages/ui/src/components/etape/heritage-edit.tsx
@@ -8,6 +8,7 @@ import type { JSX } from 'vue/jsx-runtime'
import { DsfrInput } from '@/components/_ui/dsfr-input'
import { random } from '../../utils/vue-tsx-utils'
import { FlattenedContenuElement, FlattenEtape } from 'camino-common/src/etape-form'
+import { fr } from '@codegouvfr/react-dsfr'
type HeritagePossible =
| FlattenEtape['perimetre']
@@ -67,7 +68,7 @@ export const HeritageEdit = <T extends HeritagePossible>(props: Props<T>): JSX.E
)}
{isNotNullNorUndefined(etapeHeritee) ? (
- <div>
+ <div class={[fr.cx('fr-pt-2w'), fr.cx('fr-pb-2w')]}>
<DsfrToggle
initialValue={props.prop.heritee}
valueChanged={updateHeritage}
diff --git a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_EmptyHeritage.html b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_EmptyHeritage.html
index e747d6ce4c4e2fac80832e5b8b3aa07856e66e86..f621aa5c92df1447ccd1a5025259620a8d60d23e 100644
--- a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_EmptyHeritage.html
+++ b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_EmptyHeritage.html
@@ -6,7 +6,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_74"><label class="fr-toggle__label" for="toggle_74" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2023</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_FilledNoHeritage.html b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_FilledNoHeritage.html
index fef17449f33fbe1dc760b7a2faa3fb91d44b5384..efbc24fec3c10391487ac8005be6a799307b83f6 100644
--- a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_FilledNoHeritage.html
+++ b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_FilledNoHeritage.html
@@ -20,59 +20,53 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_Heritage.html b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_Heritage.html
index 7ad0fe414e2f49b9a739e114c302d6a5932e633e..087481eed41acf8b71e43bb864f285577f38bacb 100644
--- a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_Heritage.html
+++ b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_Heritage.html
@@ -18,59 +18,53 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -84,7 +78,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2023</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_LegacyGeoSysteme.html b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_LegacyGeoSysteme.html
index f4b13b226ed68cc4b66a30539df0957f2ea3cf00..7721f7b4217142e5cb9512b9927e6150c10e0b08 100644
--- a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_LegacyGeoSysteme.html
+++ b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_LegacyGeoSysteme.html
@@ -20,59 +20,53 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.54</span></td>
- <td class=""><span class="">4.22269896902571</span></td>
- <td class=""><span class="">-52°32,4'</span></td>
- <td class=""><span class="">4°13,362'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.22438936251509</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°13,463'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-52.55</span></td>
- <td class=""><span class="">4.24113309117193</span></td>
- <td class=""><span class="">-52°33'</span></td>
- <td class=""><span class="">4°14,468'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.54</span></td>
+ <td><span class="">4.22269896902571</span></td>
+ <td><span class="">-52°32,4'</span></td>
+ <td><span class="">4°13,362'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.22438936251509</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°13,463'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-52.55</span></td>
+ <td><span class="">4.24113309117193</span></td>
+ <td><span class="">-52°33'</span></td>
+ <td><span class="">4°14,468'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_WithForages.html b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_WithForages.html
index aba2ab8fbad396a9b16bf272ba89ed838f87c5fd..090251b609538b83f99e28412ef7e5f902d37b09 100644
--- a/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_WithForages.html
+++ b/packages/ui/src/components/etape/perimetre-edit.stories_snapshots_WithForages.html
@@ -19,107 +19,101 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Points</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.822103744867218</span></td>
- <td class=""><span class="">45.726602759388356</span></td>
- <td class=""><span class="">4°49,326'</span></td>
- <td class=""><span class="">45°43,596'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.820457868136398</span></td>
- <td class=""><span class="">45.72661133750498</span></td>
- <td class=""><span class="">4°49,228'</span></td>
- <td class=""><span class="">45°43,597'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.822001395399144</span></td>
- <td class=""><span class="">45.71998407507634</span></td>
- <td class=""><span class="">4°49,32'</span></td>
- <td class=""><span class="">45°43,199'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.822271981827943</span></td>
- <td class=""><span class="">45.71961040284889</span></td>
- <td class=""><span class="">4°49,336'</span></td>
- <td class=""><span class="">45°43,177'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.823443813756128</span></td>
- <td class=""><span class="">45.72005082114589</span></td>
- <td class=""><span class="">4°49,407'</span></td>
- <td class=""><span class="">45°43,203'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.828145558734241</span></td>
- <td class=""><span class="">45.722631804228726</span></td>
- <td class=""><span class="">4°49,689'</span></td>
- <td class=""><span class="">45°43,358'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.827027831384014</span></td>
- <td class=""><span class="">45.723442567682575</span></td>
- <td class=""><span class="">4°49,622'</span></td>
- <td class=""><span class="">45°43,407'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.827092269107372</span></td>
- <td class=""><span class="">45.724225156310794</span></td>
- <td class=""><span class="">4°49,626'</span></td>
- <td class=""><span class="">45°43,454'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">I</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">4.8242350940655605</span></td>
- <td class=""><span class="">45.72649622899734</span></td>
- <td class=""><span class="">4°49,454'</span></td>
- <td class=""><span class="">45°43,59'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Points</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.822103744867218</span></td>
+ <td><span class="">45.726602759388356</span></td>
+ <td><span class="">4°49,326'</span></td>
+ <td><span class="">45°43,596'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.820457868136398</span></td>
+ <td><span class="">45.72661133750498</span></td>
+ <td><span class="">4°49,228'</span></td>
+ <td><span class="">45°43,597'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.822001395399144</span></td>
+ <td><span class="">45.71998407507634</span></td>
+ <td><span class="">4°49,32'</span></td>
+ <td><span class="">45°43,199'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.822271981827943</span></td>
+ <td><span class="">45.71961040284889</span></td>
+ <td><span class="">4°49,336'</span></td>
+ <td><span class="">45°43,177'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.823443813756128</span></td>
+ <td><span class="">45.72005082114589</span></td>
+ <td><span class="">4°49,407'</span></td>
+ <td><span class="">45°43,203'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.828145558734241</span></td>
+ <td><span class="">45.722631804228726</span></td>
+ <td><span class="">4°49,689'</span></td>
+ <td><span class="">45°43,358'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.827027831384014</span></td>
+ <td><span class="">45.723442567682575</span></td>
+ <td><span class="">4°49,622'</span></td>
+ <td><span class="">45°43,407'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.827092269107372</span></td>
+ <td><span class="">45.724225156310794</span></td>
+ <td><span class="">4°49,626'</span></td>
+ <td><span class="">45°43,454'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">I</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">4.8242350940655605</span></td>
+ <td><span class="">45.72649622899734</span></td>
+ <td><span class="">4°49,454'</span></td>
+ <td><span class="">45°43,59'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -127,67 +121,61 @@
</div>
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption>Forages</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Profondeur (NGF)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Type</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">ceci est une description</span></td>
- <td class=""><span class="">3</span></td>
- <td class=""><span class="">Rejet</span></td>
- <td class=""><span class="">4.821788094643814</span></td>
- <td class=""><span class="">45.725204601507926</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">4</span></td>
- <td class=""><span class="">Captage</span></td>
- <td class=""><span class="">4.823550614394235</span></td>
- <td class=""><span class="">45.725288143217156</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">10</span></td>
- <td class=""><span class="">Rejet</span></td>
- <td class=""><span class="">4.823866086187904</span></td>
- <td class=""><span class="">45.725152316677836</span></td>
- </tr>
- <tr>
- <td class=""><span class="">X</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">52</span></td>
- <td class=""><span class="">Piézomètre</span></td>
- <td class=""><span class="">4.823173965600932</span></td>
- <td class=""><span class="">45.721951486049164</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Forages</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Profondeur (NGF)</th>
+ <th scope="col">Type</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">ceci est une description</span></td>
+ <td><span class="">3</span></td>
+ <td><span class="">Rejet</span></td>
+ <td><span class="">4.821788094643814</span></td>
+ <td><span class="">45.725204601507926</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">4</span></td>
+ <td><span class="">Captage</span></td>
+ <td><span class="">4.823550614394235</span></td>
+ <td><span class="">45.725288143217156</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">10</span></td>
+ <td><span class="">Rejet</span></td>
+ <td><span class="">4.823866086187904</span></td>
+ <td><span class="">45.725152316677836</span></td>
+ </tr>
+ <tr>
+ <td><span class="">X</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">52</span></td>
+ <td><span class="">Piézomètre</span></td>
+ <td><span class="">4.823173965600932</span></td>
+ <td><span class="">45.721951486049164</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div><a class="fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-download-line" title="Télécharge les forages au format csv" href="data:text/csv;charset=utf-8,nom;description;profondeur;type;longitude;latitude%0AA;ceci%20est%20une%20description;3;rejet;4.821788094643814;45.725204601507926%0AB;;4;captage;4.823550614394235;45.725288143217156%0AD;;10;rejet;4.823866086187904;45.725152316677836%0AX;;52;pi%C3%A9zom%C3%A8tre;4.823173965600932;45.721951486049164" download="forages-titre-slug.csv" style="align-self: end;">.csv</a>
</div>
diff --git a/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritage.html b/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritage.html
index f20d93c0be7bda6c8a62ece8f2d1ec1bc367ba0a..341c3f86334f8639fff9e81c637f82e5d54ccc93 100644
--- a/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritage.html
+++ b/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritage.html
@@ -20,7 +20,7 @@
</div>
</fieldset>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_670"><label class="fr-toggle__label" for="toggle_670" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
@@ -34,7 +34,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_967"><label class="fr-toggle__label" for="toggle_967" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritageActif.html b/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritageActif.html
index 8251406adfddd716c638d9aa56a7c6d9f83de612..6bd76016070c664787ef0e6dd9e156a3130ae985 100644
--- a/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritageActif.html
+++ b/packages/ui/src/components/etape/sections-edit.stories_snapshots_AvecHeritageActif.html
@@ -11,7 +11,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_670"><label class="fr-toggle__label" for="toggle_670" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
@@ -24,7 +24,7 @@
<div><span>2<!----></span><span class="fr-hint-text"><span>Nombre de franchissements de cours d'eau</span></span></div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_878"><label class="fr-toggle__label" for="toggle_878" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2024</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/sections-edit.stories_snapshots_DecisionJorf.html b/packages/ui/src/components/etape/sections-edit.stories_snapshots_DecisionJorf.html
index 63825b9a0dcb5c7e55fdb9cffc4d0c7573c02294..97d32271db3bdd0a88a0211f3745b81eb1391433 100644
--- a/packages/ui/src/components/etape/sections-edit.stories_snapshots_DecisionJorf.html
+++ b/packages/ui/src/components/etape/sections-edit.stories_snapshots_DecisionJorf.html
@@ -19,7 +19,7 @@
<!---->
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_967"><label class="fr-toggle__label" for="toggle_967" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Décision de l'autorité administrative" du 16-05-2000</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_AvecHeritage.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_AvecHeritage.html
index 26a5edc60b333139b2a62edbc4c2f442e4694160..be34a20eefec15d7815d1f89af1bec4cdb2c6500 100644
--- a/packages/ui/src/components/etape/substances-edit.stories_snapshots_AvecHeritage.html
+++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_AvecHeritage.html
@@ -7,7 +7,7 @@
</div>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" checked="" id="toggle_670"><label class="fr-toggle__label" for="toggle_670" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2020</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html b/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html
index 5d05f7d5d4cdfbd273f89b749f8a79556ffa9a0a..729f43b6840f7782eaffa063d9976238342ad414 100644
--- a/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html
+++ b/packages/ui/src/components/etape/substances-edit.stories_snapshots_SansHeritage.html
@@ -17,7 +17,7 @@
</button>
</div>
</div>
- <div>
+ <div class="fr-pt-2w fr-pb-2w">
<div class="fr-toggle"><input type="checkbox" class="fr-toggle__input" id="toggle_670"><label class="fr-toggle__label" for="toggle_670" data-fr-checked-label="Activé" data-fr-unchecked-label="Désactivé"><span class=" fr-ml-4w">Hériter de l’étape "Demande" du 01-01-2020</span></label>
<!---->
</div>
diff --git a/packages/ui/src/components/journaux.stories_snapshots_AvecPagination.html b/packages/ui/src/components/journaux.stories_snapshots_AvecPagination.html
index 9e0da25043fbff1f76967daec9a109113fc8b4ab..0b975053b034b168c95f2bc0079f91455758e72f 100644
--- a/packages/ui/src/components/journaux.stories_snapshots_AvecPagination.html
+++ b/packages/ui/src/components/journaux.stories_snapshots_AvecPagination.html
@@ -37,121 +37,117 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Journaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Date</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Utilisateur</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Action</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Modifications</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Journaux</caption>
+ <thead>
+ <tr>
+ <th scope="col">Date</th>
+ <th scope="col">Titre</th>
+ <th scope="col">Utilisateur</th>
+ <th scope="col">Action</th>
+ <th scope="col">Modifications</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/journaux.stories_snapshots_Default.html b/packages/ui/src/components/journaux.stories_snapshots_Default.html
index 958e8155d86da8652c8ad5f9a60bebccff0d4881..cf182a87ce3c49475d58c8b52010409bda215ddb 100644
--- a/packages/ui/src/components/journaux.stories_snapshots_Default.html
+++ b/packages/ui/src/components/journaux.stories_snapshots_Default.html
@@ -37,40 +37,36 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Journaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Date</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Utilisateur</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Action</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Modifications</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
- <td><span class="">Le nom du titre concerné</span></td>
- <td><span class="">Nom de famille Le beau prénom</span></td>
- <td><span class="">create</span></td>
- <td>
- <div>unIdDelement</div>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Journaux</caption>
+ <thead>
+ <tr>
+ <th scope="col">Date</th>
+ <th scope="col">Titre</th>
+ <th scope="col">Utilisateur</th>
+ <th scope="col">Action</th>
+ <th scope="col">Modifications</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:etape,params:{id:unIdDelement}}" type="primary"><span class="">07/09/2022 11:32:35</span></a></td>
+ <td><span class="">Le nom du titre concerné</span></td>
+ <td><span class="">Nom de famille Le beau prénom</span></td>
+ <td><span class="">create</span></td>
+ <td>
+ <div>unIdDelement</div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/journaux.stories_snapshots_Loading.html b/packages/ui/src/components/journaux.stories_snapshots_Loading.html
index 12293a00d793c7eb5e62933a4a94c19f6f194317..ae86e6547122829e438b2f90cca70ff7d46abc23 100644
--- a/packages/ui/src/components/journaux.stories_snapshots_Loading.html
+++ b/packages/ui/src/components/journaux.stories_snapshots_Loading.html
@@ -37,101 +37,97 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Journaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Date</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Utilisateur</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Action</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Modifications</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Journaux</caption>
+ <thead>
+ <tr>
+ <th scope="col">Date</th>
+ <th scope="col">Titre</th>
+ <th scope="col">Utilisateur</th>
+ <th scope="col">Action</th>
+ <th scope="col">Modifications</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class="_top-level_3306d0 undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/journaux.stories_snapshots_WithError.html b/packages/ui/src/components/journaux.stories_snapshots_WithError.html
index 2cb58d606dfb77eb6ecbdbcd36fc5609f6834735..29e4fa270fe23f0e4a235cf54ba566e9900af301 100644
--- a/packages/ui/src/components/journaux.stories_snapshots_WithError.html
+++ b/packages/ui/src/components/journaux.stories_snapshots_WithError.html
@@ -37,101 +37,97 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>Journaux</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Date</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Titre</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Utilisateur</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Action</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Modifications</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Journaux</caption>
+ <thead>
+ <tr>
+ <th scope="col">Date</th>
+ <th scope="col">Titre</th>
+ <th scope="col">Utilisateur</th>
+ <th scope="col">Action</th>
+ <th scope="col">Modifications</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class=" undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/journaux.tsx b/packages/ui/src/components/journaux.tsx
index 178a8536e74e4e543860e14662c3dd445f36578c..ffb4b23e11d6233a8ed1b67ebfdae2d391589340 100644
--- a/packages/ui/src/components/journaux.tsx
+++ b/packages/ui/src/components/journaux.tsx
@@ -1,6 +1,6 @@
import { Journaux as JournauxData } from 'camino-common/src/journaux'
-import { defineComponent, markRaw } from 'vue'
-import { TableRow } from './_ui/table'
+import { defineComponent } from 'vue'
+import { Column, TableRow } from './_ui/table'
import { useRouter } from 'vue-router'
import { Liste, Params } from './_common/liste'
import { ApiClient, apiClient } from '@/api/api-client'
@@ -22,37 +22,39 @@ interface Props {
}
const colonnesData = [
- { id: 'date', name: 'Date', noSort: true },
- { id: 'titre', name: 'Titre', noSort: true },
- { id: 'utilisateur', name: 'Utilisateur', noSort: true },
- { id: 'operation', name: 'Action', noSort: true },
- { id: 'differences', name: 'Modifications', noSort: true },
-] as const
+ { id: 'date', contentTitle: 'Date', noSort: true },
+ { id: 'titre', contentTitle: 'Titre', noSort: true },
+ { id: 'utilisateur', contentTitle: 'Utilisateur', noSort: true },
+ { id: 'operation', contentTitle: 'Action', noSort: true },
+ { id: 'differences', contentTitle: 'Modifications', noSort: true },
+] as const satisfies Column[]
type ColonneId = (typeof colonnesData)[number]['id']
const lignes = (journaux: JournauxData): TableRow<ColonneId>[] => {
return journaux.elements.map(journal => {
const date = new Date(Number.parseInt(journal.date))
- const columns = {
+ const columns: TableRow<ColonneId>['columns'] = {
date: {
+ type: 'text',
value: date.toLocaleString('fr-FR', { timeZone: 'Europe/Paris', dateStyle: 'short', timeStyle: 'medium' }),
},
titre: {
+ type: 'text',
value: journal.titre?.nom,
},
utilisateur: {
+ type: 'text',
value: isNotNullNorUndefined(journal.utilisateur) ? `${journal.utilisateur.nom} ${journal.utilisateur.prenom}` : 'Système',
},
operation: {
+ type: 'text',
value: journal.operation,
},
differences: {
- component: markRaw(Differences),
+ type: 'jsx',
+ jsxElement: <Differences journal={journal} />,
value: journal.id,
- props: {
- journal,
- },
},
}
diff --git a/packages/ui/src/components/page/header.stories_snapshots_AdminDGTM.html b/packages/ui/src/components/page/header.stories_snapshots_AdminDGTM.html
index bfaeb8b5720d2f353e43fa85dbe8d920d3e470b5..3ed6ca74ed941d1a57e001f997f5cb8f22c5796b 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_AdminDGTM.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_AdminDGTM.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_AdminONF.html b/packages/ui/src/components/page/header.stories_snapshots_AdminONF.html
index db483fd50b9bc529219e30bcca4a9cb90cff94fb..4abbb8c737f7664c14cdbdf2626aa7eaa75f8eeb 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_AdminONF.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_AdminONF.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_BureauDEtudes.html b/packages/ui/src/components/page/header.stories_snapshots_BureauDEtudes.html
index 3d696b9c91f86a2224ed4ba33b169205c4ef94b6..fcfb9311b482b872308dc79f3b3ba41835ba5734 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_BureauDEtudes.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_BureauDEtudes.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_CanOpenAnnuaire.html b/packages/ui/src/components/page/header.stories_snapshots_CanOpenAnnuaire.html
index e26674e57b8a0e04648032496d4343654d1a2684..501f48c24b699d556d892350ae67112351b2fb69 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_CanOpenAnnuaire.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_CanOpenAnnuaire.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_Deconnecte.html b/packages/ui/src/components/page/header.stories_snapshots_Deconnecte.html
index 22220d78c6b3eb88005ff5bb53f68c43c85ac1d3..d5c032cc27a90967331afd4300f726c6d06a8960 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_Deconnecte.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_Deconnecte.html
@@ -18,7 +18,7 @@
<div class="fr-header__tools">
<div class="fr-header__tools-links">
<div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-lock-fill" href="/oauth2/sign_in?rd=http%3A%2F%2Flocalhost%3A3000%2Ftitres%3FdomainesIds%3D%5B'm'%5D">Se connecter / S’enregistrer</a></div>
+ <div><a class="fr-btn fr-icon-lock-fill" href="/oauth2/sign_in?rd=http%3A%2F%2Flocalhost%3A3000%2Ftitres%3FdomainesIds%3D%5B'm'%5D">Se connecter / S'enregistrer</a></div>
</div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
@@ -39,7 +39,7 @@
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
<div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-lock-fill" href="/oauth2/sign_in?rd=http%3A%2F%2Flocalhost%3A3000%2Ftitres%3FdomainesIds%3D%5B'm'%5D">Se connecter / S’enregistrer</a></div>
+ <div><a class="fr-btn fr-icon-lock-fill" href="/oauth2/sign_in?rd=http%3A%2F%2Flocalhost%3A3000%2Ftitres%3FdomainesIds%3D%5B'm'%5D">Se connecter / S'enregistrer</a></div>
</div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_Defaut.html b/packages/ui/src/components/page/header.stories_snapshots_Defaut.html
index 180b6cdcf0e81d54f44f2224ef9c8e17715ab2db..fe25b247bb4f15c088e46763f724999ba9752aec 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_Defaut.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_Defaut.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_Editeur.html b/packages/ui/src/components/page/header.stories_snapshots_Editeur.html
index db483fd50b9bc529219e30bcca4a9cb90cff94fb..4abbb8c737f7664c14cdbdf2626aa7eaa75f8eeb 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_Editeur.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_Editeur.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_Entreprise.html b/packages/ui/src/components/page/header.stories_snapshots_Entreprise.html
index ff321f25670c7dea69f16efaf4e653429c22c16a..a2b5ee6321bcd48393cca3eccb8f4289d4453e6c 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_Entreprise.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_Entreprise.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_Lecteur.html b/packages/ui/src/components/page/header.stories_snapshots_Lecteur.html
index 4e2409cf820afd6443e9dcfea5ec053349a78e1b..5e6cc6bc1b72d935702ebf03a3d137025aa7978f 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_Lecteur.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_Lecteur.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.stories_snapshots_Super.html b/packages/ui/src/components/page/header.stories_snapshots_Super.html
index e26674e57b8a0e04648032496d4343654d1a2684..501f48c24b699d556d892350ae67112351b2fb69 100644
--- a/packages/ui/src/components/page/header.stories_snapshots_Super.html
+++ b/packages/ui/src/components/page/header.stories_snapshots_Super.html
@@ -17,10 +17,7 @@
</div>
<div class="fr-header__tools">
<div class="fr-header__tools-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<div class="fr-header__search fr-modal " id="headerSearchModalId" aria-labelledby="button-search" aria-label="Recherche dans le site">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
@@ -39,10 +36,7 @@
<div class="fr-header__menu fr-modal " id="headerNavigationModalId" aria-labelledby="button-menu" aria-label="Connexion et menu de navigation">
<div class="fr-container"><button class="fr-btn fr-btn--tertiary-no-outline fr-btn--md fr-icon-close-line fr-btn--icon-right fr-btn--close" title="Fermer la fenêtre de dialogue" aria-label="Fermer la fenêtre de dialogue" type="button">Fermer</button>
<div class="fr-header__menu-links">
- <div class="fr-btns-group">
- <div><a class="fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a></div>
- <div><a class="fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
- </div>
+ <div class="fr-btns-group"><a class="fr-btns-group--inline fr-btn fr-icon-account-fill" to="/utilisateurs/id" type="primary">nom prenom</a><a class="fr-btns-group--inline fr-btn fr-icon-lock-line" href="/apiUrl/deconnecter">Se déconnecter</a></div>
</div>
<nav class="fr-nav" id="headerNavigationId" role="navigation" aria-label="Menu principal">
<ul class="fr-nav__list">
diff --git a/packages/ui/src/components/page/header.tsx b/packages/ui/src/components/page/header.tsx
index b1828329d9b347766d535d445cdcbac127230e14..2c048ca957350ce0fbf7528f482de35facff98bd 100644
--- a/packages/ui/src/components/page/header.tsx
+++ b/packages/ui/src/components/page/header.tsx
@@ -5,7 +5,7 @@ import { QuickAccessTitre } from '@/components/page/quick-access-titre'
import { DsfrButtonIcon } from '../_ui/dsfr-button'
import { isNotNullNorUndefinedNorEmpty } from 'camino-common/src/typescript-tools'
import { MenuSection } from '../../router'
-
+import { fr } from '@codegouvfr/react-dsfr'
interface Props {
user: User
currentMenuSection: MenuSection | null
@@ -36,24 +36,20 @@ const HeaderLinks: FunctionalComponent<Pick<Props, 'user' | 'routePath'> & { use
const logoutUrl = '/apiUrl/deconnecter'
return (
- <div class="fr-btns-group">
+ <div class={[fr.cx('fr-btns-group')]}>
{props.user ? (
<>
- <div>
- <router-link class="fr-btn fr-icon-account-fill" to={`/utilisateurs/${props.user.id}`} onClick={props.userLinkClicked}>
- {`${props.user.nom} ${props.user.prenom}`}
- </router-link>
- </div>
- <div>
- <a class="fr-btn fr-icon-lock-line" href={logoutUrl}>
- Se déconnecter
- </a>
- </div>
+ <router-link class={[fr.cx('fr-btns-group--inline'), fr.cx('fr-btn'), fr.cx('fr-icon-account-fill')]} to={`/utilisateurs/${props.user.id}`} onClick={props.userLinkClicked}>
+ {`${props.user.nom} ${props.user.prenom}`}
+ </router-link>
+ <a class={[fr.cx('fr-btns-group--inline'), fr.cx('fr-btn'), fr.cx('fr-icon-lock-line')]} href={logoutUrl}>
+ Se déconnecter
+ </a>
</>
) : (
<div>
- <a class="fr-btn fr-icon-lock-fill" href={loginUrl}>
- Se connecter / S’enregistrer
+ <a class={[fr.cx('fr-btn'), fr.cx('fr-icon-lock-fill')]} href={loginUrl}>
+ Se connecter / S'enregistrer
</a>
</div>
)}
diff --git a/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html b/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html
index 4b8ef56d74b390699e4959840edddf0bb5e715d3..778bb5dbdd5c9dfa063640b3019aa5fe5a01faa8 100644
--- a/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html
@@ -135,77 +135,75 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class="">a</span></td>
- <td class=""><span class="">138288</span></td>
- <td class=""><span class="">437653</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class="">b</span></td>
- <td class=""><span class="">140266</span></td>
- <td class=""><span class="">437386</span></td>
- </tr>
- <tr>
- <td class=""><span class="">3</span></td>
- <td class=""><span class="">c</span></td>
- <td class=""><span class="">140208</span></td>
- <td class=""><span class="">436909</span></td>
- </tr>
- <tr>
- <td class=""><span class="">4</span></td>
- <td class=""><span class="">d</span></td>
- <td class=""><span class="">138216</span></td>
- <td class=""><span class="">437140</span></td>
- </tr>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class="">e</span></td>
- <td class=""><span class="">138843</span></td>
- <td class=""><span class="">436731</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class="">f</span></td>
- <td class=""><span class="">140843</span></td>
- <td class=""><span class="">436931</span></td>
- </tr>
- <tr>
- <td class=""><span class="">3</span></td>
- <td class=""><span class="">g</span></td>
- <td class=""><span class="">140898</span></td>
- <td class=""><span class="">436424</span></td>
- </tr>
- <tr>
- <td class=""><span class="">4</span></td>
- <td class=""><span class="">h</span></td>
- <td class=""><span class="">138901</span></td>
- <td class=""><span class="">436219</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class="">a</span></td>
+ <td><span class="">138288</span></td>
+ <td><span class="">437653</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class="">b</span></td>
+ <td><span class="">140266</span></td>
+ <td><span class="">437386</span></td>
+ </tr>
+ <tr>
+ <td><span class="">3</span></td>
+ <td><span class="">c</span></td>
+ <td><span class="">140208</span></td>
+ <td><span class="">436909</span></td>
+ </tr>
+ <tr>
+ <td><span class="">4</span></td>
+ <td><span class="">d</span></td>
+ <td><span class="">138216</span></td>
+ <td><span class="">437140</span></td>
+ </tr>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class="">e</span></td>
+ <td><span class="">138843</span></td>
+ <td><span class="">436731</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class="">f</span></td>
+ <td><span class="">140843</span></td>
+ <td><span class="">436931</span></td>
+ </tr>
+ <tr>
+ <td><span class="">3</span></td>
+ <td><span class="">g</span></td>
+ <td><span class="">140898</span></td>
+ <td><span class="">436424</span></td>
+ </tr>
+ <tr>
+ <td><span class="">4</span></td>
+ <td><span class="">h</span></td>
+ <td><span class="">138901</span></td>
+ <td><span class="">436219</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -299,77 +297,75 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class="">a</span></td>
- <td class=""><span class="">138288</span></td>
- <td class=""><span class="">437653</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class="">b</span></td>
- <td class=""><span class="">140266</span></td>
- <td class=""><span class="">437386</span></td>
- </tr>
- <tr>
- <td class=""><span class="">3</span></td>
- <td class=""><span class="">c</span></td>
- <td class=""><span class="">140208</span></td>
- <td class=""><span class="">436909</span></td>
- </tr>
- <tr>
- <td class=""><span class="">4</span></td>
- <td class=""><span class="">d</span></td>
- <td class=""><span class="">138216</span></td>
- <td class=""><span class="">437140</span></td>
- </tr>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class="">e</span></td>
- <td class=""><span class="">138843</span></td>
- <td class=""><span class="">436731</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class="">f</span></td>
- <td class=""><span class="">140843</span></td>
- <td class=""><span class="">436931</span></td>
- </tr>
- <tr>
- <td class=""><span class="">3</span></td>
- <td class=""><span class="">g</span></td>
- <td class=""><span class="">140898</span></td>
- <td class=""><span class="">436424</span></td>
- </tr>
- <tr>
- <td class=""><span class="">4</span></td>
- <td class=""><span class="">h</span></td>
- <td class=""><span class="">138901</span></td>
- <td class=""><span class="">436219</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class="">a</span></td>
+ <td><span class="">138288</span></td>
+ <td><span class="">437653</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class="">b</span></td>
+ <td><span class="">140266</span></td>
+ <td><span class="">437386</span></td>
+ </tr>
+ <tr>
+ <td><span class="">3</span></td>
+ <td><span class="">c</span></td>
+ <td><span class="">140208</span></td>
+ <td><span class="">436909</span></td>
+ </tr>
+ <tr>
+ <td><span class="">4</span></td>
+ <td><span class="">d</span></td>
+ <td><span class="">138216</span></td>
+ <td><span class="">437140</span></td>
+ </tr>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class="">e</span></td>
+ <td><span class="">138843</span></td>
+ <td><span class="">436731</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class="">f</span></td>
+ <td><span class="">140843</span></td>
+ <td><span class="">436931</span></td>
+ </tr>
+ <tr>
+ <td><span class="">3</span></td>
+ <td><span class="">g</span></td>
+ <td><span class="">140898</span></td>
+ <td><span class="">436424</span></td>
+ </tr>
+ <tr>
+ <td><span class="">4</span></td>
+ <td><span class="">h</span></td>
+ <td><span class="">138901</span></td>
+ <td><span class="">436219</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html b/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html
index 00725c4aa984c12993735ca9bcf2491f32ec1a98..89a8e2e46c60758f33f307e2f1e045dda6841c0e 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html
@@ -146,77 +146,75 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">200814</span></td>
- <td class=""><span class="">585525</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">204589</span></td>
- <td class=""><span class="">585534</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">208127</span></td>
- <td class=""><span class="">583105</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">207326</span></td>
- <td class=""><span class="">580968</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">205641</span></td>
- <td class=""><span class="">580964</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">204660</span></td>
- <td class=""><span class="">579549</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">202378</span></td>
- <td class=""><span class="">579019</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">196738</span></td>
- <td class=""><span class="">580226</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">200814</span></td>
+ <td><span class="">585525</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">204589</span></td>
+ <td><span class="">585534</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">208127</span></td>
+ <td><span class="">583105</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">207326</span></td>
+ <td><span class="">580968</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">205641</span></td>
+ <td><span class="">580964</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">204660</span></td>
+ <td><span class="">579549</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">202378</span></td>
+ <td><span class="">579019</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">196738</span></td>
+ <td><span class="">580226</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -299,25 +297,27 @@
<!---->
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/2023-11-15-pub-4d420801" title="Télécharger le document Publication au JORF - nouvelle fenêtre" target="_blank">Publication au JORF</a></td>
- <!---->
- <!---->
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/2023-11-15-pub-4d420801" title="Télécharger le document Publication au JORF - nouvelle fenêtre" target="_blank">Publication au JORF</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
@@ -492,77 +492,75 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">200814</span></td>
- <td class=""><span class="">585525</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">204589</span></td>
- <td class=""><span class="">585534</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">208127</span></td>
- <td class=""><span class="">583105</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">207326</span></td>
- <td class=""><span class="">580968</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">205641</span></td>
- <td class=""><span class="">580964</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">204660</span></td>
- <td class=""><span class="">579549</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">202378</span></td>
- <td class=""><span class="">579019</span></td>
- </tr>
- <tr>
- <td class=""><span class="">H</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">196738</span></td>
- <td class=""><span class="">580226</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">200814</span></td>
+ <td><span class="">585525</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">204589</span></td>
+ <td><span class="">585534</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">208127</span></td>
+ <td><span class="">583105</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">207326</span></td>
+ <td><span class="">580968</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">205641</span></td>
+ <td><span class="">580964</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">204660</span></td>
+ <td><span class="">579549</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">202378</span></td>
+ <td><span class="">579019</span></td>
+ </tr>
+ <tr>
+ <td><span class="">H</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">196738</span></td>
+ <td><span class="">580226</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html b/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html
index 272de817f710d582c93325aec4ba24380b6fde33..8b84651cc60e0104c8459fd1d14c33c9de50900b 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html
@@ -162,115 +162,109 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.9579321010744</span></td>
- <td class=""><span class="">5.07776938770113</span></td>
- <td class=""><span class="">-53°57,476'</span></td>
- <td class=""><span class="">5°4,666'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7596128864516</span></td>
- <td class=""><span class="">5.07864912381548</span></td>
- <td class=""><span class="">-53°45,577'</span></td>
- <td class=""><span class="">5°4,719'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">3</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.759383911755</span></td>
- <td class=""><span class="">5.02460196044417</span></td>
- <td class=""><span class="">-53°45,563'</span></td>
- <td class=""><span class="">5°1,476'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">4</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.5702069576163</span></td>
- <td class=""><span class="">5.02537608911083</span></td>
- <td class=""><span class="">-53°34,212'</span></td>
- <td class=""><span class="">5°1,523'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">5</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.5698730075868</span></td>
- <td class=""><span class="">4.93952315477954</span></td>
- <td class=""><span class="">-53°34,192'</span></td>
- <td class=""><span class="">4°56,371'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">6</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7769878916108</span></td>
- <td class=""><span class="">4.93868722476635</span></td>
- <td class=""><span class="">-53°46,619'</span></td>
- <td class=""><span class="">4°56,321'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">7</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7770631139658</span></td>
- <td class=""><span class="">4.95670276466037</span></td>
- <td class=""><span class="">-53°46,624'</span></td>
- <td class=""><span class="">4°57,402'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">8</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8672265271601</span></td>
- <td class=""><span class="">4.95631734759459</span></td>
- <td class=""><span class="">-53°52,034'</span></td>
- <td class=""><span class="">4°57,379'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">9</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8673626701318</span></td>
- <td class=""><span class="">4.98775355007457</span></td>
- <td class=""><span class="">-53°52,042'</span></td>
- <td class=""><span class="">4°59,265'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">10</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.9575232150351</span></td>
- <td class=""><span class="">4.98735333700249</span></td>
- <td class=""><span class="">-53°57,451'</span></td>
- <td class=""><span class="">4°59,241'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.9579321010744</span></td>
+ <td><span class="">5.07776938770113</span></td>
+ <td><span class="">-53°57,476'</span></td>
+ <td><span class="">5°4,666'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7596128864516</span></td>
+ <td><span class="">5.07864912381548</span></td>
+ <td><span class="">-53°45,577'</span></td>
+ <td><span class="">5°4,719'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">3</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.759383911755</span></td>
+ <td><span class="">5.02460196044417</span></td>
+ <td><span class="">-53°45,563'</span></td>
+ <td><span class="">5°1,476'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">4</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.5702069576163</span></td>
+ <td><span class="">5.02537608911083</span></td>
+ <td><span class="">-53°34,212'</span></td>
+ <td><span class="">5°1,523'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">5</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.5698730075868</span></td>
+ <td><span class="">4.93952315477954</span></td>
+ <td><span class="">-53°34,192'</span></td>
+ <td><span class="">4°56,371'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">6</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7769878916108</span></td>
+ <td><span class="">4.93868722476635</span></td>
+ <td><span class="">-53°46,619'</span></td>
+ <td><span class="">4°56,321'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">7</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7770631139658</span></td>
+ <td><span class="">4.95670276466037</span></td>
+ <td><span class="">-53°46,624'</span></td>
+ <td><span class="">4°57,402'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">8</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8672265271601</span></td>
+ <td><span class="">4.95631734759459</span></td>
+ <td><span class="">-53°52,034'</span></td>
+ <td><span class="">4°57,379'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">9</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8673626701318</span></td>
+ <td><span class="">4.98775355007457</span></td>
+ <td><span class="">-53°52,042'</span></td>
+ <td><span class="">4°59,265'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">10</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.9575232150351</span></td>
+ <td><span class="">4.98735333700249</span></td>
+ <td><span class="">-53°57,451'</span></td>
+ <td><span class="">4°59,241'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -384,115 +378,109 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.9579321010744</span></td>
- <td class=""><span class="">5.07776938770113</span></td>
- <td class=""><span class="">-53°57,476'</span></td>
- <td class=""><span class="">5°4,666'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">2</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7596128864516</span></td>
- <td class=""><span class="">5.07864912381548</span></td>
- <td class=""><span class="">-53°45,577'</span></td>
- <td class=""><span class="">5°4,719'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">3</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.759383911755</span></td>
- <td class=""><span class="">5.02460196044417</span></td>
- <td class=""><span class="">-53°45,563'</span></td>
- <td class=""><span class="">5°1,476'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">4</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.5702069576163</span></td>
- <td class=""><span class="">5.02537608911083</span></td>
- <td class=""><span class="">-53°34,212'</span></td>
- <td class=""><span class="">5°1,523'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">5</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.5698730075868</span></td>
- <td class=""><span class="">4.93952315477954</span></td>
- <td class=""><span class="">-53°34,192'</span></td>
- <td class=""><span class="">4°56,371'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">6</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7769878916108</span></td>
- <td class=""><span class="">4.93868722476635</span></td>
- <td class=""><span class="">-53°46,619'</span></td>
- <td class=""><span class="">4°56,321'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">7</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7770631139658</span></td>
- <td class=""><span class="">4.95670276466037</span></td>
- <td class=""><span class="">-53°46,624'</span></td>
- <td class=""><span class="">4°57,402'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">8</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8672265271601</span></td>
- <td class=""><span class="">4.95631734759459</span></td>
- <td class=""><span class="">-53°52,034'</span></td>
- <td class=""><span class="">4°57,379'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">9</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8673626701318</span></td>
- <td class=""><span class="">4.98775355007457</span></td>
- <td class=""><span class="">-53°52,042'</span></td>
- <td class=""><span class="">4°59,265'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">10</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.9575232150351</span></td>
- <td class=""><span class="">4.98735333700249</span></td>
- <td class=""><span class="">-53°57,451'</span></td>
- <td class=""><span class="">4°59,241'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.9579321010744</span></td>
+ <td><span class="">5.07776938770113</span></td>
+ <td><span class="">-53°57,476'</span></td>
+ <td><span class="">5°4,666'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">2</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7596128864516</span></td>
+ <td><span class="">5.07864912381548</span></td>
+ <td><span class="">-53°45,577'</span></td>
+ <td><span class="">5°4,719'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">3</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.759383911755</span></td>
+ <td><span class="">5.02460196044417</span></td>
+ <td><span class="">-53°45,563'</span></td>
+ <td><span class="">5°1,476'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">4</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.5702069576163</span></td>
+ <td><span class="">5.02537608911083</span></td>
+ <td><span class="">-53°34,212'</span></td>
+ <td><span class="">5°1,523'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">5</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.5698730075868</span></td>
+ <td><span class="">4.93952315477954</span></td>
+ <td><span class="">-53°34,192'</span></td>
+ <td><span class="">4°56,371'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">6</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7769878916108</span></td>
+ <td><span class="">4.93868722476635</span></td>
+ <td><span class="">-53°46,619'</span></td>
+ <td><span class="">4°56,321'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">7</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7770631139658</span></td>
+ <td><span class="">4.95670276466037</span></td>
+ <td><span class="">-53°46,624'</span></td>
+ <td><span class="">4°57,402'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">8</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8672265271601</span></td>
+ <td><span class="">4.95631734759459</span></td>
+ <td><span class="">-53°52,034'</span></td>
+ <td><span class="">4°57,379'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">9</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8673626701318</span></td>
+ <td><span class="">4.98775355007457</span></td>
+ <td><span class="">-53°52,042'</span></td>
+ <td><span class="">4°59,265'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">10</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.9575232150351</span></td>
+ <td><span class="">4.98735333700249</span></td>
+ <td><span class="">-53°57,451'</span></td>
+ <td><span class="">4°59,241'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html b/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html
index bb926eb7c6e9c16b601950bc49a1402450910950..d7c98859f8fe9de9b6b46756c6b8cae37a860989 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html
@@ -169,91 +169,85 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.9577777777778</span></td>
- <td class=""><span class="">5.07666666666667</span></td>
- <td class=""><span class="">-53°57,467'</span></td>
- <td class=""><span class="">5°4,6'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8763888888889</span></td>
- <td class=""><span class="">5.02277777777778</span></td>
- <td class=""><span class="">-53°52,583'</span></td>
- <td class=""><span class="">5°1,367'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7322222222222</span></td>
- <td class=""><span class="">5.02361111111111</span></td>
- <td class=""><span class="">-53°43,933'</span></td>
- <td class=""><span class="">5°1,417'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.7138888888889</span></td>
- <td class=""><span class="">4.96388888888889</span></td>
- <td class=""><span class="">-53°42,833'</span></td>
- <td class=""><span class="">4°57,833'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8208333333333</span></td>
- <td class=""><span class="">4.97972222222222</span></td>
- <td class=""><span class="">-53°49,25'</span></td>
- <td class=""><span class="">4°58,783'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.8944444444444</span></td>
- <td class=""><span class="">5.00055555555556</span></td>
- <td class=""><span class="">-53°53,667'</span></td>
- <td class=""><span class="">5°0,033'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">-53.9575</span></td>
- <td class=""><span class="">5.0325</span></td>
- <td class=""><span class="">-53°57,45'</span></td>
- <td class=""><span class="">5°1,95'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.9577777777778</span></td>
+ <td><span class="">5.07666666666667</span></td>
+ <td><span class="">-53°57,467'</span></td>
+ <td><span class="">5°4,6'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8763888888889</span></td>
+ <td><span class="">5.02277777777778</span></td>
+ <td><span class="">-53°52,583'</span></td>
+ <td><span class="">5°1,367'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7322222222222</span></td>
+ <td><span class="">5.02361111111111</span></td>
+ <td><span class="">-53°43,933'</span></td>
+ <td><span class="">5°1,417'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.7138888888889</span></td>
+ <td><span class="">4.96388888888889</span></td>
+ <td><span class="">-53°42,833'</span></td>
+ <td><span class="">4°57,833'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8208333333333</span></td>
+ <td><span class="">4.97972222222222</span></td>
+ <td><span class="">-53°49,25'</span></td>
+ <td><span class="">4°58,783'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.8944444444444</span></td>
+ <td><span class="">5.00055555555556</span></td>
+ <td><span class="">-53°53,667'</span></td>
+ <td><span class="">5°0,033'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">-53.9575</span></td>
+ <td><span class="">5.0325</span></td>
+ <td><span class="">-53°57,45'</span></td>
+ <td><span class="">5°1,95'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -408,25 +402,27 @@
<!---->
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/2015-08-03-arm-8bf71a65" title="Télécharger le document Arrêté du 3 août 2015 prolongeant la durée de validité du permis exclusif de recherches de mines d'or et de substances connexes dit « Permis de Bon Espoir » attribué à la société Armina Ressources Minières dans le département de Guyane - nouvelle fenêtre" target="_blank">Arrêté du 3 août 2015 prolongeant la durée de validité du permis exclusif de recherches de mines d'or et de substances connexes dit « Permis de Bon Espoir » attribué à la société Armina Ressources Minières dans le département de Guyane</a></td>
- <!---->
- <!---->
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/2015-08-03-arm-8bf71a65" title="Télécharger le document Arrêté du 3 août 2015 prolongeant la durée de validité du permis exclusif de recherches de mines d'or et de substances connexes dit « Permis de Bon Espoir » attribué à la société Armina Ressources Minières dans le département de Guyane - nouvelle fenêtre" target="_blank">Arrêté du 3 août 2015 prolongeant la durée de validité du permis exclusif de recherches de mines d'or et de substances connexes dit « Permis de Bon Espoir » attribué à la société Armina Ressources Minières dans le département de Guyane</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html b/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html
index d7fa310de1bbc1347dbdfce6ef34ea8b58196d6c..fb054b06fe50a9d028f3daf83665b5748bcd7ac2 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html
@@ -148,25 +148,27 @@
<!---->
<!---->
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/2012-07-23-apd-607c3aa8" title="Télécharger le document N°2012-SPR-DRMSS-1 - nouvelle fenêtre" target="_blank">N°2012-SPR-DRMSS-1</a></td>
- <!---->
- <!---->
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/2012-07-23-apd-607c3aa8" title="Télécharger le document N°2012-SPR-DRMSS-1 - nouvelle fenêtre" target="_blank">N°2012-SPR-DRMSS-1</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
@@ -200,25 +202,27 @@
</div>
</div>
<!---->
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/id_Document" title="Télécharger le document Arrêté de premier donné acte (AP1) - nouvelle fenêtre" target="_blank">Arrêté de premier donné acte (AP1)</a></td>
- <!---->
- <!---->
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/id_Document" title="Télécharger le document Arrêté de premier donné acte (AP1) - nouvelle fenêtre" target="_blank">Arrêté de premier donné acte (AP1)</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html b/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html
index 65b684687a39433b6f347cd44d5a9952ccb772cf..135234665b4f27bb6951b3e73bf5b3320b31dd98 100644
--- a/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html
+++ b/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html
@@ -130,59 +130,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html
index 7c4618cb049165b4600cda604c91d1da46c4644b..e90e26aaa7c96dc34e3f2ce7559e856e3ccef315 100644
--- a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html
@@ -130,59 +130,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -283,59 +281,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -419,59 +415,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html
index 6974b47e334353e53327b3f70fbe6c12ea509e9e..c186c438445cde37ee364773bf14f564e6ba8ee4 100644
--- a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html
+++ b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html
@@ -130,59 +130,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -282,59 +280,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -416,59 +412,57 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
- <td class=""><span class="">418280</span></td>
- <td class=""><span class="">1052710</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
- <td class=""><span class="">421550</span></td>
- <td class=""><span class="">1052580</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
- <td class=""><span class="">419700</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
- <td class=""><span class="">418630</span></td>
- <td class=""><span class="">1049590</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class="">Axe du clocher de Rouez</span></td>
- <td class=""><span class="">417552</span></td>
- <td class=""><span class="">1051723</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après</span></td>
+ <td><span class="">418280</span></td>
+ <td><span class="">1052710</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez</span></td>
+ <td><span class="">421550</span></td>
+ <td><span class="">1052580</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie</span></td>
+ <td><span class="">419700</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay</span></td>
+ <td><span class="">418630</span></td>
+ <td><span class="">1049590</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class="">Axe du clocher de Rouez</span></td>
+ <td><span class="">417552</span></td>
+ <td><span class="">1051723</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html b/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html
index eddc168f6a379f92c5fedf62c2016a14e3e9ba95..1b2ebbe92cb99d4069417ed4e878d12646604aa7 100644
--- a/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html
@@ -137,101 +137,99 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">S1</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">213250</span></td>
- <td class=""><span class="">423875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S2</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">214250</span></td>
- <td class=""><span class="">423875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S3</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">214250</span></td>
- <td class=""><span class="">422875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S4</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">213250</span></td>
- <td class=""><span class="">422875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S5</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">211190.6</span></td>
- <td class=""><span class="">422942.1</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S6</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">213093.5</span></td>
- <td class=""><span class="">423557.7</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S7</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">213247.4</span></td>
- <td class=""><span class="">423082</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S8</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">211344.5</span></td>
- <td class=""><span class="">422466.4</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S9</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">213028.4</span></td>
- <td class=""><span class="">426005.2</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S10</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">213468.1</span></td>
- <td class=""><span class="">425767.2</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S11</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">212516.1</span></td>
- <td class=""><span class="">424008.3</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S12</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">212076.4</span></td>
- <td class=""><span class="">424246.3</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">S1</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">213250</span></td>
+ <td><span class="">423875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S2</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">214250</span></td>
+ <td><span class="">423875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S3</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">214250</span></td>
+ <td><span class="">422875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S4</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">213250</span></td>
+ <td><span class="">422875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S5</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">211190.6</span></td>
+ <td><span class="">422942.1</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S6</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">213093.5</span></td>
+ <td><span class="">423557.7</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S7</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">213247.4</span></td>
+ <td><span class="">423082</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S8</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">211344.5</span></td>
+ <td><span class="">422466.4</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S9</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">213028.4</span></td>
+ <td><span class="">426005.2</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S10</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">213468.1</span></td>
+ <td><span class="">425767.2</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S11</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">212516.1</span></td>
+ <td><span class="">424008.3</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S12</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">212076.4</span></td>
+ <td><span class="">424246.3</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -513,101 +511,99 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">X</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Y</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">S1</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">213250</span></td>
- <td class=""><span class="">423875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S2</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">214250</span></td>
- <td class=""><span class="">423875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S3</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">214250</span></td>
- <td class=""><span class="">422875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S4</span></td>
- <td class=""><span class="">ARM1.3</span></td>
- <td class=""><span class="">213250</span></td>
- <td class=""><span class="">422875</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S5</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">211190.6</span></td>
- <td class=""><span class="">422942.1</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S6</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">213093.5</span></td>
- <td class=""><span class="">423557.7</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S7</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">213247.4</span></td>
- <td class=""><span class="">423082</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S8</span></td>
- <td class=""><span class="">ARM2.3</span></td>
- <td class=""><span class="">211344.5</span></td>
- <td class=""><span class="">422466.4</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S9</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">213028.4</span></td>
- <td class=""><span class="">426005.2</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S10</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">213468.1</span></td>
- <td class=""><span class="">425767.2</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S11</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">212516.1</span></td>
- <td class=""><span class="">424008.3</span></td>
- </tr>
- <tr>
- <td class=""><span class="">S12</span></td>
- <td class=""><span class="">ARM3.3</span></td>
- <td class=""><span class="">212076.4</span></td>
- <td class=""><span class="">424246.3</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">X</th>
+ <th scope="col">Y</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">S1</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">213250</span></td>
+ <td><span class="">423875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S2</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">214250</span></td>
+ <td><span class="">423875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S3</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">214250</span></td>
+ <td><span class="">422875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S4</span></td>
+ <td><span class="">ARM1.3</span></td>
+ <td><span class="">213250</span></td>
+ <td><span class="">422875</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S5</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">211190.6</span></td>
+ <td><span class="">422942.1</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S6</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">213093.5</span></td>
+ <td><span class="">423557.7</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S7</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">213247.4</span></td>
+ <td><span class="">423082</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S8</span></td>
+ <td><span class="">ARM2.3</span></td>
+ <td><span class="">211344.5</span></td>
+ <td><span class="">422466.4</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S9</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">213028.4</span></td>
+ <td><span class="">426005.2</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S10</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">213468.1</span></td>
+ <td><span class="">425767.2</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S11</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">212516.1</span></td>
+ <td><span class="">424008.3</span></td>
+ </tr>
+ <tr>
+ <td><span class="">S12</span></td>
+ <td><span class="">ARM3.3</span></td>
+ <td><span class="">212076.4</span></td>
+ <td><span class="">424246.3</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_Full.html b/packages/ui/src/components/titre.stories_snapshots_Full.html
index ba2a19581f59cecc08503206489cdd7f172529cf..f71789a2009204ab05af601c5af7066becd9de49 100644
--- a/packages/ui/src/components/titre.stories_snapshots_Full.html
+++ b/packages/ui/src/components/titre.stories_snapshots_Full.html
@@ -98,67 +98,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -235,67 +229,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html b/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html
index d538c6b7fd8c5c916378ddad0192646e3ed51e91..cf3085f0a3bdce649fba03487d4323384a9e4bcd 100644
--- a/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html
+++ b/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html
@@ -143,147 +143,141 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2559</span></td>
- <td class=""><span class="">48.6752</span></td>
- <td class=""><span class="">6°15,354'</span></td>
- <td class=""><span class="">48°40,512'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2756</span></td>
- <td class=""><span class="">48.6855</span></td>
- <td class=""><span class="">6°16,536'</span></td>
- <td class=""><span class="">48°41,13'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2817</span></td>
- <td class=""><span class="">48.6891</span></td>
- <td class=""><span class="">6°16,902'</span></td>
- <td class=""><span class="">48°41,346'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2856</span></td>
- <td class=""><span class="">48.6891</span></td>
- <td class=""><span class="">6°17,136'</span></td>
- <td class=""><span class="">48°41,346'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.291</span></td>
- <td class=""><span class="">48.6878</span></td>
- <td class=""><span class="">6°17,46'</span></td>
- <td class=""><span class="">48°41,268'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2963</span></td>
- <td class=""><span class="">48.6892</span></td>
- <td class=""><span class="">6°17,778'</span></td>
- <td class=""><span class="">48°41,352'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3025</span></td>
- <td class=""><span class="">48.6892</span></td>
- <td class=""><span class="">6°18,15'</span></td>
- <td class=""><span class="">48°41,352'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3076</span></td>
- <td class=""><span class="">48.689</span></td>
- <td class=""><span class="">6°18,456'</span></td>
- <td class=""><span class="">48°41,34'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3157</span></td>
- <td class=""><span class="">48.6804</span></td>
- <td class=""><span class="">6°18,942'</span></td>
- <td class=""><span class="">48°40,824'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3162</span></td>
- <td class=""><span class="">48.6762</span></td>
- <td class=""><span class="">6°18,972'</span></td>
- <td class=""><span class="">48°40,572'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2953</span></td>
- <td class=""><span class="">48.668</span></td>
- <td class=""><span class="">6°17,718'</span></td>
- <td class=""><span class="">48°40,08'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">Da</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2794</span></td>
- <td class=""><span class="">48.6631</span></td>
- <td class=""><span class="">6°16,764'</span></td>
- <td class=""><span class="">48°39,786'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">Db</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2614</span></td>
- <td class=""><span class="">48.6649</span></td>
- <td class=""><span class="">6°15,684'</span></td>
- <td class=""><span class="">48°39,894'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2559</span></td>
- <td class=""><span class="">48.6752</span></td>
- <td class=""><span class="">6°15,354'</span></td>
- <td class=""><span class="">48°40,512'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2559</span></td>
+ <td><span class="">48.6752</span></td>
+ <td><span class="">6°15,354'</span></td>
+ <td><span class="">48°40,512'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2756</span></td>
+ <td><span class="">48.6855</span></td>
+ <td><span class="">6°16,536'</span></td>
+ <td><span class="">48°41,13'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2817</span></td>
+ <td><span class="">48.6891</span></td>
+ <td><span class="">6°16,902'</span></td>
+ <td><span class="">48°41,346'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2856</span></td>
+ <td><span class="">48.6891</span></td>
+ <td><span class="">6°17,136'</span></td>
+ <td><span class="">48°41,346'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.291</span></td>
+ <td><span class="">48.6878</span></td>
+ <td><span class="">6°17,46'</span></td>
+ <td><span class="">48°41,268'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2963</span></td>
+ <td><span class="">48.6892</span></td>
+ <td><span class="">6°17,778'</span></td>
+ <td><span class="">48°41,352'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3025</span></td>
+ <td><span class="">48.6892</span></td>
+ <td><span class="">6°18,15'</span></td>
+ <td><span class="">48°41,352'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3076</span></td>
+ <td><span class="">48.689</span></td>
+ <td><span class="">6°18,456'</span></td>
+ <td><span class="">48°41,34'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3157</span></td>
+ <td><span class="">48.6804</span></td>
+ <td><span class="">6°18,942'</span></td>
+ <td><span class="">48°40,824'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3162</span></td>
+ <td><span class="">48.6762</span></td>
+ <td><span class="">6°18,972'</span></td>
+ <td><span class="">48°40,572'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2953</span></td>
+ <td><span class="">48.668</span></td>
+ <td><span class="">6°17,718'</span></td>
+ <td><span class="">48°40,08'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Da</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2794</span></td>
+ <td><span class="">48.6631</span></td>
+ <td><span class="">6°16,764'</span></td>
+ <td><span class="">48°39,786'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Db</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2614</span></td>
+ <td><span class="">48.6649</span></td>
+ <td><span class="">6°15,684'</span></td>
+ <td><span class="">48°39,894'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2559</span></td>
+ <td><span class="">48.6752</span></td>
+ <td><span class="">6°15,354'</span></td>
+ <td><span class="">48°40,512'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -417,147 +411,141 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2559</span></td>
- <td class=""><span class="">48.6752</span></td>
- <td class=""><span class="">6°15,354'</span></td>
- <td class=""><span class="">48°40,512'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2756</span></td>
- <td class=""><span class="">48.6855</span></td>
- <td class=""><span class="">6°16,536'</span></td>
- <td class=""><span class="">48°41,13'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2817</span></td>
- <td class=""><span class="">48.6891</span></td>
- <td class=""><span class="">6°16,902'</span></td>
- <td class=""><span class="">48°41,346'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2856</span></td>
- <td class=""><span class="">48.6891</span></td>
- <td class=""><span class="">6°17,136'</span></td>
- <td class=""><span class="">48°41,346'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.291</span></td>
- <td class=""><span class="">48.6878</span></td>
- <td class=""><span class="">6°17,46'</span></td>
- <td class=""><span class="">48°41,268'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2963</span></td>
- <td class=""><span class="">48.6892</span></td>
- <td class=""><span class="">6°17,778'</span></td>
- <td class=""><span class="">48°41,352'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">F1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3025</span></td>
- <td class=""><span class="">48.6892</span></td>
- <td class=""><span class="">6°18,15'</span></td>
- <td class=""><span class="">48°41,352'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">G1</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3076</span></td>
- <td class=""><span class="">48.689</span></td>
- <td class=""><span class="">6°18,456'</span></td>
- <td class=""><span class="">48°41,34'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3157</span></td>
- <td class=""><span class="">48.6804</span></td>
- <td class=""><span class="">6°18,942'</span></td>
- <td class=""><span class="">48°40,824'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.3162</span></td>
- <td class=""><span class="">48.6762</span></td>
- <td class=""><span class="">6°18,972'</span></td>
- <td class=""><span class="">48°40,572'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2953</span></td>
- <td class=""><span class="">48.668</span></td>
- <td class=""><span class="">6°17,718'</span></td>
- <td class=""><span class="">48°40,08'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">Da</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2794</span></td>
- <td class=""><span class="">48.6631</span></td>
- <td class=""><span class="">6°16,764'</span></td>
- <td class=""><span class="">48°39,786'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">Db</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2614</span></td>
- <td class=""><span class="">48.6649</span></td>
- <td class=""><span class="">6°15,684'</span></td>
- <td class=""><span class="">48°39,894'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">E</span></td>
- <td class=""><span class=""></span></td>
- <td class=""><span class="">6.2559</span></td>
- <td class=""><span class="">48.6752</span></td>
- <td class=""><span class="">6°15,354'</span></td>
- <td class=""><span class="">48°40,512'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2559</span></td>
+ <td><span class="">48.6752</span></td>
+ <td><span class="">6°15,354'</span></td>
+ <td><span class="">48°40,512'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2756</span></td>
+ <td><span class="">48.6855</span></td>
+ <td><span class="">6°16,536'</span></td>
+ <td><span class="">48°41,13'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2817</span></td>
+ <td><span class="">48.6891</span></td>
+ <td><span class="">6°16,902'</span></td>
+ <td><span class="">48°41,346'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2856</span></td>
+ <td><span class="">48.6891</span></td>
+ <td><span class="">6°17,136'</span></td>
+ <td><span class="">48°41,346'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.291</span></td>
+ <td><span class="">48.6878</span></td>
+ <td><span class="">6°17,46'</span></td>
+ <td><span class="">48°41,268'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2963</span></td>
+ <td><span class="">48.6892</span></td>
+ <td><span class="">6°17,778'</span></td>
+ <td><span class="">48°41,352'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">F1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3025</span></td>
+ <td><span class="">48.6892</span></td>
+ <td><span class="">6°18,15'</span></td>
+ <td><span class="">48°41,352'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">G1</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3076</span></td>
+ <td><span class="">48.689</span></td>
+ <td><span class="">6°18,456'</span></td>
+ <td><span class="">48°41,34'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3157</span></td>
+ <td><span class="">48.6804</span></td>
+ <td><span class="">6°18,942'</span></td>
+ <td><span class="">48°40,824'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.3162</span></td>
+ <td><span class="">48.6762</span></td>
+ <td><span class="">6°18,972'</span></td>
+ <td><span class="">48°40,572'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2953</span></td>
+ <td><span class="">48.668</span></td>
+ <td><span class="">6°17,718'</span></td>
+ <td><span class="">48°40,08'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Da</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2794</span></td>
+ <td><span class="">48.6631</span></td>
+ <td><span class="">6°16,764'</span></td>
+ <td><span class="">48°39,786'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">Db</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2614</span></td>
+ <td><span class="">48.6649</span></td>
+ <td><span class="">6°15,684'</span></td>
+ <td><span class="">48°39,894'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">E</span></td>
+ <td><span class=""></span></td>
+ <td><span class="">6.2559</span></td>
+ <td><span class="">48.6752</span></td>
+ <td><span class="">6°15,354'</span></td>
+ <td><span class="">48°40,512'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -569,30 +557,30 @@
</div>
</div>
</div>
- <div style="overflow-x: auto;">
- <div class=" fr-table fr-m-0">
- <table style="display: table;" class="fr-table--no-caption fr-m-0">
- <caption>Documents</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <!---->
- <!---->
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="/apiUrl/download/fichiers/2024-02-29-dec-d9f1e868" title="Télécharger le document Décret - nouvelle fenêtre" target="_blank">Décret</a></td>
- <!---->
- <!---->
- </tr>
- <tr>
- <td><a href="/apiUrl/download/fichiers/2024-02-29-dec-32312304" title="Télécharger le document Décret - nouvelle fenêtre" target="_blank">Décret</a></td>
- <!---->
- <!---->
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-0">
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/2024-02-29-dec-d9f1e868" title="Télécharger le document Décret - nouvelle fenêtre" target="_blank">Décret</a></td>
+ </tr>
+ <tr>
+ <td><a href="/apiUrl/download/fichiers/2024-02-29-dec-32312304" title="Télécharger le document Décret - nouvelle fenêtre" target="_blank">Décret</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<!---->
diff --git a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html
index ba2a19581f59cecc08503206489cdd7f172529cf..f71789a2009204ab05af601c5af7066becd9de49 100644
--- a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html
+++ b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html
@@ -98,67 +98,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -235,67 +229,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html
index 55cc371fbf91075465df97e6c6b8d843f7675e33..b51ebcf41c5b938836e60e058ea10da1b968fa66 100644
--- a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html
+++ b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html
@@ -99,67 +99,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
@@ -236,67 +230,61 @@
<!---->
</div>
<div style="display: flex; flex-direction: column;">
- <div style="overflow-x: auto;" class="fr-mb-1w">
- <div class="fr-table">
- <table style="display: table;">
- <caption></caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Nom du point</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Description</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Longitude (E)</div>
- </th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Latitude (N)</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td class=""><span class="">A</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58181013905019</span></td>
- <td class=""><span class="">3.8309654861273</span></td>
- <td class=""><span class="">-53°34,909'</span></td>
- <td class=""><span class="">3°49,858'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">B</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.58178306390299</span></td>
- <td class=""><span class="">3.8219278216269807</span></td>
- <td class=""><span class="">-53°34,907'</span></td>
- <td class=""><span class="">3°49,316'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">C</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.572785590706495</span></td>
- <td class=""><span class="">3.82195493825841</span></td>
- <td class=""><span class="">-53°34,367'</span></td>
- <td class=""><span class="">3°49,317'</span></td>
- </tr>
- <tr>
- <td class=""><span class="">D</span></td>
- <td class=""><span class="">Polygone 1</span></td>
- <td class=""><span class="">-53.57281257175149</span></td>
- <td class=""><span class="">3.8309926670647294</span></td>
- <td class=""><span class="">-53°34,369'</span></td>
- <td class=""><span class="">3°49,86'</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-mb-1w">
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption></caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom du point</th>
+ <th scope="col">Description</th>
+ <th scope="col">Longitude</th>
+ <th scope="col">Latitude</th>
+ <th scope="col">Longitude (E)</th>
+ <th scope="col">Latitude (N)</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><span class="">A</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58181013905019</span></td>
+ <td><span class="">3.8309654861273</span></td>
+ <td><span class="">-53°34,909'</span></td>
+ <td><span class="">3°49,858'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">B</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.58178306390299</span></td>
+ <td><span class="">3.8219278216269807</span></td>
+ <td><span class="">-53°34,907'</span></td>
+ <td><span class="">3°49,316'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">C</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.572785590706495</span></td>
+ <td><span class="">3.82195493825841</span></td>
+ <td><span class="">-53°34,367'</span></td>
+ <td><span class="">3°49,317'</span></td>
+ </tr>
+ <tr>
+ <td><span class="">D</span></td>
+ <td><span class="">Polygone 1</span></td>
+ <td><span class="">-53.57281257175149</span></td>
+ <td><span class="">3.8309926670647294</span></td>
+ <td><span class="">-53°34,369'</span></td>
+ <td><span class="">3°49,86'</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div style="display: flex;">
diff --git a/packages/ui/src/components/titre.tsx b/packages/ui/src/components/titre.tsx
index 4eee7266d932b056fc795953c1ba34d380116914..59f195b2f79d87e625d32b34c68052439ef7bc70 100644
--- a/packages/ui/src/components/titre.tsx
+++ b/packages/ui/src/components/titre.tsx
@@ -14,7 +14,6 @@ import { DsfrButton, DsfrButtonIcon, DsfrLink } from './_ui/dsfr-button'
import { TitreStatut } from './_common/titre-statut'
import { caminoFiltres } from 'camino-common/src/filters'
import { ReferencesTypes } from 'camino-common/src/static/referencesTypes'
-import { TableSortEvent } from './_ui/table'
import { activitesColonneIdAnnee } from './activites'
import { CaminoDate, getCurrent } from 'camino-common/src/date'
import { Alert } from './_ui/alert'
@@ -45,8 +44,9 @@ import { DemarcheMiseEnConcurrence } from './titre/demarche-mise-en-concurrence'
import { DemarchesConsentement } from './titre/demarche-consentement'
import { useState } from '@/utils/vue-tsx-utils'
import { isMachineWithConsentement, machineIdFind } from 'camino-common/src/machines'
+import { InitialSort } from './_ui/table'
-const activitesSort: TableSortEvent = {
+const activitesSort: InitialSort<string> = {
colonne: activitesColonneIdAnnee,
ordre: 'desc',
}
diff --git a/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_Default.html b/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_Default.html
index d33cd5c08d65a109196abeebec84180d71f0b905..da0b8eb766aa6eb50be94532302bfc0a04d816ed 100644
--- a/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_Default.html
+++ b/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_Default.html
@@ -48,19 +48,27 @@
<!---->
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreAvecSatelliteEquivalent.html b/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreAvecSatelliteEquivalent.html
index dbd1cf75e957c9225caade8c0b013d543db61b67..a3881a910c261d3bbe7cb8cffb4e9ddb2eeb3693 100644
--- a/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreAvecSatelliteEquivalent.html
+++ b/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreAvecSatelliteEquivalent.html
@@ -48,19 +48,27 @@
<!---->
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreSansSatellite.html b/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreSansSatellite.html
index dbd1cf75e957c9225caade8c0b013d543db61b67..a3881a910c261d3bbe7cb8cffb4e9ddb2eeb3693 100644
--- a/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreSansSatellite.html
+++ b/packages/ui/src/components/titre/resultat-mise-en-concurrence.stories_snapshots_PerimetreSansSatellite.html
@@ -48,19 +48,27 @@
<!---->
<!---->
<div style="display: flex; flex-direction: column;" class="fr-mt-3w">
- <div class="fr-table fr-mb-0">
- <table style="display: table;">
- <caption>Documents complémentaires</caption>
- <thead>
- <tr>
- <th scope="col">Nom</th>
- <th scope="col">Description</th>
- <th scope="col">Visibilité</th>
- <th scope="col" style="display: flex; justify-content: end;">Action</th>
- </tr>
- </thead>
- <tbody></tbody>
- </table>
+ <div>
+ <div class="fr-table fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>Documents complémentaires</caption>
+ <thead>
+ <tr>
+ <th scope="col">Nom</th>
+ <th scope="col">Description</th>
+ <th scope="col">Visibilité</th>
+ <th scope="col" class="fr-cell--right">Action</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
</div><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-add-line fr-btn--icon-right fr-mt-1w" title="Ajouter un document complémentaire" aria-label="Ajouter un document complémentaire" type="button" style="align-self: end;">Ajouter</button>
</div>
<!---->
diff --git a/packages/ui/src/components/titres.tsx b/packages/ui/src/components/titres.tsx
index 6d401f1dd1c932e2dd5d8d931827d71b9f4a1fb6..862c1a02b0ed111363c30a5af4e5a697c3113a53 100644
--- a/packages/ui/src/components/titres.tsx
+++ b/packages/ui/src/components/titres.tsx
@@ -180,7 +180,7 @@ export const Titres = defineComponent({
paramsForTable.value = params
await reloadTitres('table')
}}
- caption="Tableau des titres"
+ caption={{ value: 'Tableau des titres', visible: false }}
/>
),
},
diff --git a/packages/ui/src/components/titres/table-utils.ts b/packages/ui/src/components/titres/table-utils.ts
index 15b360081f4eaa477dd4bc01dd099a36121d7d08..9ee8af93698b73bdfa83c68e9945248dd0c0044c 100644
--- a/packages/ui/src/components/titres/table-utils.ts
+++ b/packages/ui/src/components/titres/table-utils.ts
@@ -9,83 +9,48 @@ import { Departement, Departements, toDepartementId } from 'camino-common/src/st
import { onlyUnique } from 'camino-common/src/typescript-tools'
import { Regions } from 'camino-common/src/static/region'
import { SubstancesLegale } from 'camino-common/src/static/substancesLegales'
-import { titresStatutsArray, TitresStatuts, TitreStatutId } from 'camino-common/src/static/titresStatuts'
+import { TitresStatuts, TitreStatutId } from 'camino-common/src/static/titresStatuts'
import { ReferencesTypes, ReferenceTypeId } from 'camino-common/src/static/referencesTypes'
import { getDomaineId, TitreTypeId } from 'camino-common/src/static/titresTypes'
import { getDepartementsBySecteurs } from 'camino-common/src/static/facades'
import { ComponentColumnData, TableRow, TextColumnData, Column } from '../_ui/table'
-import { Column as AutoColumn } from '../_ui/table-auto'
import { TitreStatut } from '../_common/titre-statut'
import { TitreForTable } from '../titre/titre-api-client'
import { EntrepriseId } from 'camino-common/src/entreprise'
import { Badges } from '../_ui/badges'
-const ordreStatut: { [key in TitreStatutId]: number } = {
- dmi: 0,
- mod: 1,
- sup: 2,
- val: 3,
- dmc: 4,
- ech: 5,
- ind: 6,
-}
-
-const ordreFromStatut = (entry: string) => {
- const titreStatut = titresStatutsArray.find(({ nom }) => nom === entry)
- if (titreStatut) {
- return ordreStatut[titreStatut.id]
- }
-
- return -1
-}
-
-const isTitreStatut = (entry: string | number | string[] | undefined): entry is string => {
- return titresStatutsArray.some(({ nom }) => nom === entry)
-}
-
export const nomColumn: Column<'nom'> = {
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
}
const domaineColumn: Column<'domaine'> = {
id: 'domaine',
- name: '',
+ contentTitle: '',
}
export const typeColumn: Column<'type'> = {
id: 'type',
- name: 'Type',
+ contentTitle: 'Type',
}
const activiteColumn: Column<'activites'> = {
id: 'activites',
- name: 'Activités',
+ contentTitle: 'Activités',
noSort: true,
}
-const statutColumn: Column<'statut'> = {
+export const statutColumn: Column<'statut'> = {
id: 'statut',
- name: 'Statut',
+ contentTitle: 'Statut',
}
-export const statutAutoColumn: AutoColumn<'statut'> = {
- ...statutColumn,
- sort: (statut1: TableRow, statut2: TableRow) => {
- const row1Statut = statut1.columns.statut.value
- const row2Statut = statut2.columns.statut.value
- if (isTitreStatut(row1Statut) && isTitreStatut(row2Statut)) {
- return ordreFromStatut(row1Statut) - ordreFromStatut(row2Statut)
- }
- return 0
- },
-}
export const referencesColumn: Column<'references'> = {
id: 'references',
- name: 'Références',
+ contentTitle: 'Références',
noSort: true,
}
export const titulairesColumn: Column<'titulaires'> = {
id: 'titulaires',
- name: 'Titulaires',
+ contentTitle: 'Titulaires',
noSort: true,
}
export const titresColonnes = [
@@ -96,24 +61,25 @@ export const titresColonnes = [
activiteColumn,
{
id: 'substances',
- name: 'Substances',
+ contentTitle: 'Substances',
noSort: true,
},
titulairesColumn,
{
id: 'regions',
- name: 'Régions',
+ contentTitle: 'Régions',
noSort: true,
},
{
id: 'departements',
- name: 'Départements',
+ contentTitle: 'Départements',
noSort: true,
},
referencesColumn,
] as const satisfies readonly Column[]
export const nomCell = (titre: { nom: string }): ComponentColumnData => ({
+ type: 'component',
component: markRaw(TitreNom),
props: { nom: titre.nom },
value: titre.nom,
@@ -122,6 +88,7 @@ export const statutCell = (titre: { titre_statut_id: TitreStatutId }): Component
const statut = TitresStatuts[titre.titre_statut_id]
return {
+ type: 'component',
component: markRaw(TitreStatut),
props: {
titreStatutId: titre.titre_statut_id,
@@ -134,6 +101,7 @@ export const referencesCell = (titre: { references?: { nom: string; referenceTyp
const references = titre.references?.map(ref => `${ReferencesTypes[ref.referenceTypeId].nom} : ${ref.nom}`)
return {
+ type: 'component',
component: List,
props: {
elements: references,
@@ -145,6 +113,7 @@ export const referencesCell = (titre: { references?: { nom: string; referenceTyp
}
export const titulairesCell = (titre: { titulaireIds?: EntrepriseId[] }, entreprisesIndex: Record<EntrepriseId, string>): ComponentColumnData => {
return {
+ type: 'component',
component: markRaw(List),
props: {
elements: titre.titulaireIds?.map(id => entreprisesIndex[id]),
@@ -154,7 +123,8 @@ export const titulairesCell = (titre: { titulaireIds?: EntrepriseId[] }, entrepr
value: titre.titulaireIds?.map(id => entreprisesIndex[id] ?? '').join(', '),
}
}
-const domaineCell = (titre: { domaineId: DomaineId }) => ({
+const domaineCell = (titre: { domaineId: DomaineId }): ComponentColumnData => ({
+ type: 'component',
component: markRaw(CaminoDomaine),
props: { domaineId: titre.domaineId },
value: titre.domaineId,
@@ -162,12 +132,14 @@ const domaineCell = (titre: { domaineId: DomaineId }) => ({
export const typeCell = (typeId: TitreTypeId): ComponentColumnData => {
return {
+ type: 'component',
component: markRaw(TitreTypeTypeNom),
props: { titreTypeId: typeId },
value: typeId,
}
}
-const activitesCell = (titre: { activitesAbsentes: number | null; activitesEnConstruction: number | null }) => ({
+const activitesCell = (titre: { activitesAbsentes: number | null; activitesEnConstruction: number | null }): ComponentColumnData => ({
+ type: 'component',
component: markRaw(ActivitesPills),
props: {
activitesAbsentes: titre.activitesAbsentes,
@@ -190,6 +162,7 @@ export const titresLignesBuild = (titres: TitreForTable[], activitesCol: boolean
type: typeCell(titre.typeId),
statut: statutCell({ titre_statut_id: titre.titreStatutId }),
substances: {
+ type: 'component',
component: markRaw(Badges),
props: {
elements: titre.substances?.map(substanceId => SubstancesLegale[substanceId].nom) ?? [],
@@ -198,6 +171,7 @@ export const titresLignesBuild = (titres: TitreForTable[], activitesCol: boolean
},
titulaires: titulairesCell(titre, entreprisesIndex),
regions: {
+ type: 'component',
component: markRaw(List),
props: {
elements: regionNoms,
@@ -206,6 +180,7 @@ export const titresLignesBuild = (titres: TitreForTable[], activitesCol: boolean
value: regionNoms,
},
departements: {
+ type: 'component',
component: markRaw(List),
props: {
elements: departementNoms,
diff --git a/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html b/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html
index 41be89c9dabda907d8da815e6ae640769082602f..b880c807cc04117e115710aef035eb8befb111ce 100644
--- a/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html
+++ b/packages/ui/src/components/utilisateurs.stories_snapshots_Connected.html
@@ -135,44 +135,48 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>utilisateurs</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Prénom" class="fr-link" aria-label="Trier par la colonne Prénom">Prénom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Email" class="fr-link" aria-label="Trier par la colonne Email">Email</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Rôle" class="fr-link" aria-label="Trier par la colonne Rôle">Rôle</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Lien</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="fr-link" to="{name:utilisateur,params:{id:id}}" type="primary"><span class="">nom1</span></a></td>
- <td><span class="">prenom1</span></td>
- <td><span class="h6">unknown1@emailunkown.com</span></td>
- <td><span class="bg-neutral color-bg pill py-xs px-s small bold">super</span></td>
- <td><span class=""></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:utilisateur,params:{id:id2}}" type="primary"><span class="">nom2</span></a></td>
- <td><span class="">prenom2</span></td>
- <td><span class="h6">unknown2@emailunkown.com</span></td>
- <td><span class="bg-neutral color-bg pill py-xs px-s small bold">entreprise</span></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">Entreprise1</li></ul></span></td>
- </tr>
- <tr>
- <td><a class="fr-link" to="{name:utilisateur,params:{id:id3}}" type="primary"><span class="">nom3</span></a></td>
- <td><span class="">prenom3</span></td>
- <td><span class="h6">unknown3@emailunkown.com</span></td>
- <td><span class="bg-neutral color-bg pill py-xs px-s small bold">admin</span></td>
- <td><span class="mb--xs"><ul><li class="fr-text--xs">MRAE Guyane</li></ul></span></td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>utilisateurs</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Prénom" class="fr-link" aria-label="Trier par la colonne Prénom">Prénom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Email" class="fr-link" aria-label="Trier par la colonne Email">Email</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Rôle" class="fr-link" aria-label="Trier par la colonne Rôle">Rôle</a></th>
+ <th scope="col">Lien</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a class="fr-link" to="{name:utilisateur,params:{id:id}}" type="primary"><span class="">nom1</span></a></td>
+ <td><span class="">prenom1</span></td>
+ <td><span class="h6">unknown1@emailunkown.com</span></td>
+ <td><span class="bg-neutral color-bg pill py-xs px-s small bold">super</span></td>
+ <td><span class=""></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:utilisateur,params:{id:id2}}" type="primary"><span class="">nom2</span></a></td>
+ <td><span class="">prenom2</span></td>
+ <td><span class="h6">unknown2@emailunkown.com</span></td>
+ <td><span class="bg-neutral color-bg pill py-xs px-s small bold">entreprise</span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">Entreprise1</li></ul></span></td>
+ </tr>
+ <tr>
+ <td><a class="fr-link" to="{name:utilisateur,params:{id:id3}}" type="primary"><span class="">nom3</span></a></td>
+ <td><span class="">prenom3</span></td>
+ <td><span class="h6">unknown3@emailunkown.com</span></td>
+ <td><span class="bg-neutral color-bg pill py-xs px-s small bold">admin</span></td>
+ <td><span class="mb--xs"><ul><li class="fr-text--xs">MRAE Guyane</li></ul></span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<nav role="navigation" class="fr-pagination" aria-label="Pagination">
diff --git a/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html b/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html
index 12f1a59d3b63f7c526443a17e62c36c6be5b383a..d8fc3f70832b5c2934d10a2ed67a4c15f0be6cce 100644
--- a/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html
+++ b/packages/ui/src/components/utilisateurs.stories_snapshots_Loading.html
@@ -135,93 +135,97 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>utilisateurs</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Prénom" class="fr-link" aria-label="Trier par la colonne Prénom">Prénom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Email" class="fr-link" aria-label="Trier par la colonne Email">Email</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Rôle" class="fr-link" aria-label="Trier par la colonne Rôle">Rôle</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Lien</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>utilisateurs</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Prénom" class="fr-link" aria-label="Trier par la colonne Prénom">Prénom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Email" class="fr-link" aria-label="Trier par la colonne Email">Email</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Rôle" class="fr-link" aria-label="Trier par la colonne Rôle">Rôle</a></th>
+ <th scope="col">Lien</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class="_top-level_3306d0 undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html b/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html
index f3243ac03adfd64fe5a1e3785ce661fb4699b6e9..d28ea1f0bea3ad1b8125c3c8f20c04878962d45e 100644
--- a/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html
+++ b/packages/ui/src/components/utilisateurs.stories_snapshots_WithError.html
@@ -135,93 +135,97 @@
</div>
<div>
<div>
- <div class="fr-table fr-table--no-caption" style="overflow: auto;">
- <table style="display: table; min-width: 100%;">
- <caption>utilisateurs</caption>
- <thead>
- <tr>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Prénom" class="fr-link" aria-label="Trier par la colonne Prénom">Prénom</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Email" class="fr-link" aria-label="Trier par la colonne Email">Email</a></th>
- <th scope="col" class="nowrap"><a href="/mocked-href" title="Trier par la colonne Rôle" class="fr-link" aria-label="Trier par la colonne Rôle">Rôle</a></th>
- <th scope="col" class="nowrap">
- <div class="fr-text--md">Lien</div>
- </th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- <tr>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- <td>...</td>
- </tr>
- </tbody>
- </table>
+ <div class="fr-table fr-table--no-caption fr-table--no-scroll" style="overflow: auto;">
+ <div class="fr-table__wrapper" style="width: auto;">
+ <div class="fr-table__container">
+ <div class="fr-table__content">
+ <table style="display: table; width: 100%;">
+ <caption>utilisateurs</caption>
+ <thead>
+ <tr>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Nom par ordre descendant" class="fr-link fr-link--icon-right fr-icon-arrow-down-fill" aria-label="Trier par la colonne Nom par ordre descendant">Nom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Prénom" class="fr-link" aria-label="Trier par la colonne Prénom">Prénom</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Email" class="fr-link" aria-label="Trier par la colonne Email">Email</a></th>
+ <th scope="col"><a href="/mocked-href" title="Trier par la colonne Rôle" class="fr-link" aria-label="Trier par la colonne Rôle">Rôle</a></th>
+ <th scope="col">Lien</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ <tr>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ <td>...</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</div>
</div>
<div class=" undefined" style="display: flex; justify-content: center;">
diff --git a/packages/ui/src/components/utilisateurs/table.ts b/packages/ui/src/components/utilisateurs/table.ts
index c5e389f99eb42a99a44fb8d9efdcf49741fecc0b..2420a6231b5d7a67a75f8fed74ea82a57c62a00a 100644
--- a/packages/ui/src/components/utilisateurs/table.ts
+++ b/packages/ui/src/components/utilisateurs/table.ts
@@ -1,30 +1,30 @@
import { List } from '../_ui/list'
import { UserNotNull, isAdministration, isBureauDEtudes, isEntreprise } from 'camino-common/src/roles'
import { Administrations } from 'camino-common/src/static/administrations'
-import { Column, ComponentColumnData, TableRow, TextColumnData } from '../_ui/table'
+import { Column, ComponentColumnData, JSXElementColumnData, TableRow, TextColumnData } from '../_ui/table'
import { markRaw } from 'vue'
import { Entreprise, EntrepriseId } from 'camino-common/src/entreprise'
export const utilisateursColonnes = [
{
id: 'nom',
- name: 'Nom',
+ contentTitle: 'Nom',
},
{
id: 'prenom',
- name: 'Prénom',
+ contentTitle: 'Prénom',
},
{
id: 'email',
- name: 'Email',
+ contentTitle: 'Email',
},
{
id: 'role',
- name: 'Rôle',
+ contentTitle: 'Rôle',
},
{
id: 'lien',
- name: 'Lien',
+ contentTitle: 'Lien',
noSort: true,
},
] as const satisfies readonly Column[]
@@ -45,9 +45,10 @@ export const utilisateursLignesBuild = (utilisateurs: UserNotNull[], entreprises
elements = utilisateur.entrepriseIds?.map(id => entreprisesIndex[id].nom)
}
- const lien: ComponentColumnData | TextColumnData =
+ const lien: JSXElementColumnData | ComponentColumnData | TextColumnData =
elements && elements.length
? {
+ type: 'component',
component: markRaw(List),
props: {
elements,
@@ -56,13 +57,14 @@ export const utilisateursLignesBuild = (utilisateurs: UserNotNull[], entreprises
class: 'mb--xs',
value: elements.join(', '),
}
- : { value: '' }
+ : { type: 'text', value: '' }
const columns: TableRow['columns'] = {
- prenom: { value: utilisateur.prenom || '–' },
- nom: { value: utilisateur.nom || '–' },
- email: { value: utilisateur.email || '–', class: ['h6'] },
+ prenom: { type: 'text', value: utilisateur.prenom || '–' },
+ nom: { type: 'text', value: utilisateur.nom || '–' },
+ email: { type: 'text', value: utilisateur.email || '–', class: ['h6'] },
role: {
+ type: 'text',
value: utilisateur.role,
class: ['bg-neutral', 'color-bg', 'pill', 'py-xs', 'px-s', 'small', 'bold'],
},
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 5f3ca9fbb0a37af0d7cb5986d453f39efb46bb49..339a137d9300e8d0f31268ccac69d75181940c16 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -56,7 +56,6 @@ const checkEventSource = () => {
checkEventSource()
Promise.resolve().then(async (): Promise<void> => {
- import('./styles/dsfr/dsfr.css')
const [configFromJson, user, entreprises]: [CaminoConfig | CaminoError<string>, User | CaminoError<string>, Entreprise[]] = await Promise.all([
newGetWithJson('/config', {}),
newGetWithJson('/moi', {}),
diff --git a/packages/ui/src/styles/dsfr/dsfr.css b/packages/ui/src/styles/dsfr/dsfr.css
deleted file mode 100644
index 141844720e354a3e8fa5e3c8bce0b4d230f0fe63..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/dsfr.css
+++ /dev/null
@@ -1,36938 +0,0 @@
-@charset "UTF-8";
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Light.woff2') format('woff2'),
- url('fonts/Marianne-Light.woff') format('woff');
- font-weight: 300;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Light_Italic.woff2') format('woff2'),
- url('fonts/Marianne-Light_Italic.woff') format('woff');
- font-weight: 300;
- font-style: italic;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Regular.woff2') format('woff2'),
- url('fonts/Marianne-Regular.woff') format('woff');
- font-weight: 400;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Regular_Italic.woff2') format('woff2'),
- url('fonts/Marianne-Regular_Italic.woff') format('woff');
- font-weight: 400;
- font-style: italic;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Medium.woff2') format('woff2'),
- url('fonts/Marianne-Medium.woff') format('woff');
- font-weight: 500;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Medium_Italic.woff2') format('woff2'),
- url('fonts/Marianne-Medium_Italic.woff') format('woff');
- font-weight: 500;
- font-style: italic;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Bold.woff2') format('woff2'),
- url('fonts/Marianne-Bold.woff') format('woff');
- font-weight: 700;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: Marianne;
- src:
- url('fonts/Marianne-Bold_Italic.woff2') format('woff2'),
- url('fonts/Marianne-Bold_Italic.woff') format('woff');
- font-weight: 700;
- font-style: italic;
- font-display: swap;
-}
-@font-face {
- font-family: Spectral;
- src:
- url('fonts/Spectral-Regular.woff2') format('woff2'),
- url('fonts/Spectral-Regular.woff') format('woff');
- font-weight: 400;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: Spectral;
- src:
- url('fonts/Spectral-ExtraBold.woff2') format('woff2'),
- url('fonts/Spectral-ExtraBold.woff') format('woff');
- font-weight: 900;
- font-style: normal;
- font-display: swap;
-}
-/*!
- * DSFR v1.10.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
- */
-/* ¯¯¯¯¯¯¯¯¯ *\
- CORE
-\* ËËËËËËËËË */
-a {
- text-decoration: var(--text-decoration);
- color: inherit;
- --hover-tint: var(--idle);
- --active-tint: var(--active);
-}
-
-: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;
- --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, '.') '.  ';
- --text-spacing: 0 0 1.5rem;
- --title-spacing: 0 0 1.5rem;
- --display-spacing: 0 0 2rem;
- --background-default-grey: var(--grey-1000-50);
- --background-default-grey-hover: var(--grey-1000-50-hover);
- --background-default-grey-active: var(--grey-1000-50-active);
- --background-alt-grey: var(--grey-975-75);
- --background-alt-grey-hover: var(--grey-975-75-hover);
- --background-alt-grey-active: var(--grey-975-75-active);
- --background-alt-blue-france: var(--blue-france-975-75);
- --background-alt-blue-france-hover: var(--blue-france-975-75-hover);
- --background-alt-blue-france-active: var(--blue-france-975-75-active);
- --background-alt-red-marianne: var(--red-marianne-975-75);
- --background-alt-red-marianne-hover: var(--red-marianne-975-75-hover);
- --background-alt-red-marianne-active: var(--red-marianne-975-75-active);
- --background-alt-green-tilleul-verveine: var(--green-tilleul-verveine-975-75);
- --background-alt-green-tilleul-verveine-hover: var(--green-tilleul-verveine-975-75-hover);
- --background-alt-green-tilleul-verveine-active: var(--green-tilleul-verveine-975-75-active);
- --background-alt-green-bourgeon: var(--green-bourgeon-975-75);
- --background-alt-green-bourgeon-hover: var(--green-bourgeon-975-75-hover);
- --background-alt-green-bourgeon-active: var(--green-bourgeon-975-75-active);
- --background-alt-green-emeraude: var(--green-emeraude-975-75);
- --background-alt-green-emeraude-hover: var(--green-emeraude-975-75-hover);
- --background-alt-green-emeraude-active: var(--green-emeraude-975-75-active);
- --background-alt-green-menthe: var(--green-menthe-975-75);
- --background-alt-green-menthe-hover: var(--green-menthe-975-75-hover);
- --background-alt-green-menthe-active: var(--green-menthe-975-75-active);
- --background-alt-green-archipel: var(--green-archipel-975-75);
- --background-alt-green-archipel-hover: var(--green-archipel-975-75-hover);
- --background-alt-green-archipel-active: var(--green-archipel-975-75-active);
- --background-alt-blue-ecume: var(--blue-ecume-975-75);
- --background-alt-blue-ecume-hover: var(--blue-ecume-975-75-hover);
- --background-alt-blue-ecume-active: var(--blue-ecume-975-75-active);
- --background-alt-blue-cumulus: var(--blue-cumulus-975-75);
- --background-alt-blue-cumulus-hover: var(--blue-cumulus-975-75-hover);
- --background-alt-blue-cumulus-active: var(--blue-cumulus-975-75-active);
- --background-alt-purple-glycine: var(--purple-glycine-975-75);
- --background-alt-purple-glycine-hover: var(--purple-glycine-975-75-hover);
- --background-alt-purple-glycine-active: var(--purple-glycine-975-75-active);
- --background-alt-pink-macaron: var(--pink-macaron-975-75);
- --background-alt-pink-macaron-hover: var(--pink-macaron-975-75-hover);
- --background-alt-pink-macaron-active: var(--pink-macaron-975-75-active);
- --background-alt-pink-tuile: var(--pink-tuile-975-75);
- --background-alt-pink-tuile-hover: var(--pink-tuile-975-75-hover);
- --background-alt-pink-tuile-active: var(--pink-tuile-975-75-active);
- --background-alt-yellow-tournesol: var(--yellow-tournesol-975-75);
- --background-alt-yellow-tournesol-hover: var(--yellow-tournesol-975-75-hover);
- --background-alt-yellow-tournesol-active: var(--yellow-tournesol-975-75-active);
- --background-alt-yellow-moutarde: var(--yellow-moutarde-975-75);
- --background-alt-yellow-moutarde-hover: var(--yellow-moutarde-975-75-hover);
- --background-alt-yellow-moutarde-active: var(--yellow-moutarde-975-75-active);
- --background-alt-orange-terre-battue: var(--orange-terre-battue-975-75);
- --background-alt-orange-terre-battue-hover: var(--orange-terre-battue-975-75-hover);
- --background-alt-orange-terre-battue-active: var(--orange-terre-battue-975-75-active);
- --background-alt-brown-cafe-creme: var(--brown-cafe-creme-975-75);
- --background-alt-brown-cafe-creme-hover: var(--brown-cafe-creme-975-75-hover);
- --background-alt-brown-cafe-creme-active: var(--brown-cafe-creme-975-75-active);
- --background-alt-brown-caramel: var(--brown-caramel-975-75);
- --background-alt-brown-caramel-hover: var(--brown-caramel-975-75-hover);
- --background-alt-brown-caramel-active: var(--brown-caramel-975-75-active);
- --background-alt-brown-opera: var(--brown-opera-975-75);
- --background-alt-brown-opera-hover: var(--brown-opera-975-75-hover);
- --background-alt-brown-opera-active: var(--brown-opera-975-75-active);
- --background-alt-beige-gris-galet: var(--beige-gris-galet-975-75);
- --background-alt-beige-gris-galet-hover: var(--beige-gris-galet-975-75-hover);
- --background-alt-beige-gris-galet-active: var(--beige-gris-galet-975-75-active);
- --background-contrast-grey: var(--grey-950-100);
- --background-contrast-grey-hover: var(--grey-950-100-hover);
- --background-contrast-grey-active: var(--grey-950-100-active);
- --background-contrast-blue-france: var(--blue-france-950-100);
- --background-contrast-blue-france-hover: var(--blue-france-950-100-hover);
- --background-contrast-blue-france-active: var(--blue-france-950-100-active);
- --background-contrast-red-marianne: var(--red-marianne-950-100);
- --background-contrast-red-marianne-hover: var(--red-marianne-950-100-hover);
- --background-contrast-red-marianne-active: var(--red-marianne-950-100-active);
- --background-contrast-green-tilleul-verveine: var(--green-tilleul-verveine-950-100);
- --background-contrast-green-tilleul-verveine-hover: var(--green-tilleul-verveine-950-100-hover);
- --background-contrast-green-tilleul-verveine-active: var(--green-tilleul-verveine-950-100-active);
- --background-contrast-green-bourgeon: var(--green-bourgeon-950-100);
- --background-contrast-green-bourgeon-hover: var(--green-bourgeon-950-100-hover);
- --background-contrast-green-bourgeon-active: var(--green-bourgeon-950-100-active);
- --background-contrast-green-emeraude: var(--green-emeraude-950-100);
- --background-contrast-green-emeraude-hover: var(--green-emeraude-950-100-hover);
- --background-contrast-green-emeraude-active: var(--green-emeraude-950-100-active);
- --background-contrast-green-menthe: var(--green-menthe-950-100);
- --background-contrast-green-menthe-hover: var(--green-menthe-950-100-hover);
- --background-contrast-green-menthe-active: var(--green-menthe-950-100-active);
- --background-contrast-green-archipel: var(--green-archipel-950-100);
- --background-contrast-green-archipel-hover: var(--green-archipel-950-100-hover);
- --background-contrast-green-archipel-active: var(--green-archipel-950-100-active);
- --background-contrast-blue-ecume: var(--blue-ecume-950-100);
- --background-contrast-blue-ecume-hover: var(--blue-ecume-950-100-hover);
- --background-contrast-blue-ecume-active: var(--blue-ecume-950-100-active);
- --background-contrast-blue-cumulus: var(--blue-cumulus-950-100);
- --background-contrast-blue-cumulus-hover: var(--blue-cumulus-950-100-hover);
- --background-contrast-blue-cumulus-active: var(--blue-cumulus-950-100-active);
- --background-contrast-purple-glycine: var(--purple-glycine-950-100);
- --background-contrast-purple-glycine-hover: var(--purple-glycine-950-100-hover);
- --background-contrast-purple-glycine-active: var(--purple-glycine-950-100-active);
- --background-contrast-pink-macaron: var(--pink-macaron-950-100);
- --background-contrast-pink-macaron-hover: var(--pink-macaron-950-100-hover);
- --background-contrast-pink-macaron-active: var(--pink-macaron-950-100-active);
- --background-contrast-pink-tuile: var(--pink-tuile-950-100);
- --background-contrast-pink-tuile-hover: var(--pink-tuile-950-100-hover);
- --background-contrast-pink-tuile-active: var(--pink-tuile-950-100-active);
- --background-contrast-yellow-tournesol: var(--yellow-tournesol-950-100);
- --background-contrast-yellow-tournesol-hover: var(--yellow-tournesol-950-100-hover);
- --background-contrast-yellow-tournesol-active: var(--yellow-tournesol-950-100-active);
- --background-contrast-yellow-moutarde: var(--yellow-moutarde-950-100);
- --background-contrast-yellow-moutarde-hover: var(--yellow-moutarde-950-100-hover);
- --background-contrast-yellow-moutarde-active: var(--yellow-moutarde-950-100-active);
- --background-contrast-orange-terre-battue: var(--orange-terre-battue-950-100);
- --background-contrast-orange-terre-battue-hover: var(--orange-terre-battue-950-100-hover);
- --background-contrast-orange-terre-battue-active: var(--orange-terre-battue-950-100-active);
- --background-contrast-brown-cafe-creme: var(--brown-cafe-creme-950-100);
- --background-contrast-brown-cafe-creme-hover: var(--brown-cafe-creme-950-100-hover);
- --background-contrast-brown-cafe-creme-active: var(--brown-cafe-creme-950-100-active);
- --background-contrast-brown-caramel: var(--brown-caramel-950-100);
- --background-contrast-brown-caramel-hover: var(--brown-caramel-950-100-hover);
- --background-contrast-brown-caramel-active: var(--brown-caramel-950-100-active);
- --background-contrast-brown-opera: var(--brown-opera-950-100);
- --background-contrast-brown-opera-hover: var(--brown-opera-950-100-hover);
- --background-contrast-brown-opera-active: var(--brown-opera-950-100-active);
- --background-contrast-beige-gris-galet: var(--beige-gris-galet-950-100);
- --background-contrast-beige-gris-galet-hover: var(--beige-gris-galet-950-100-hover);
- --background-contrast-beige-gris-galet-active: var(--beige-gris-galet-950-100-active);
- --background-contrast-info: var(--info-950-100);
- --background-contrast-info-hover: var(--info-950-100-hover);
- --background-contrast-info-active: var(--info-950-100-active);
- --background-contrast-success: var(--success-950-100);
- --background-contrast-success-hover: var(--success-950-100-hover);
- --background-contrast-success-active: var(--success-950-100-active);
- --background-contrast-warning: var(--warning-950-100);
- --background-contrast-warning-hover: var(--warning-950-100-hover);
- --background-contrast-warning-active: var(--warning-950-100-active);
- --background-contrast-error: var(--error-950-100);
- --background-contrast-error-hover: var(--error-950-100-hover);
- --background-contrast-error-active: var(--error-950-100-active);
- --background-flat-grey: var(--grey-200-850);
- --background-flat-blue-france: var(--blue-france-sun-113-625);
- --background-flat-red-marianne: var(--red-marianne-425-625);
- --background-flat-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
- --background-flat-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
- --background-flat-green-emeraude: var(--green-emeraude-sun-425-moon-753);
- --background-flat-green-menthe: var(--green-menthe-sun-373-moon-652);
- --background-flat-green-archipel: var(--green-archipel-sun-391-moon-716);
- --background-flat-blue-ecume: var(--blue-ecume-sun-247-moon-675);
- --background-flat-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
- --background-flat-purple-glycine: var(--purple-glycine-sun-319-moon-630);
- --background-flat-pink-macaron: var(--pink-macaron-sun-406-moon-833);
- --background-flat-pink-tuile: var(--pink-tuile-sun-425-moon-750);
- --background-flat-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
- --background-flat-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
- --background-flat-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
- --background-flat-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
- --background-flat-brown-caramel: var(--brown-caramel-sun-425-moon-901);
- --background-flat-brown-opera: var(--brown-opera-sun-395-moon-820);
- --background-flat-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
- --background-flat-info: var(--info-425-625);
- --background-flat-success: var(--success-425-625);
- --background-flat-warning: var(--warning-425-625);
- --background-flat-error: var(--error-425-625);
- --background-action-high-blue-france: var(--blue-france-sun-113-625);
- --background-action-high-blue-france-hover: var(--blue-france-sun-113-625-hover);
- --background-action-high-blue-france-active: var(--blue-france-sun-113-625-active);
- --background-action-high-red-marianne: var(--red-marianne-425-625);
- --background-action-high-red-marianne-hover: var(--red-marianne-425-625-hover);
- --background-action-high-red-marianne-active: var(--red-marianne-425-625-active);
- --background-action-high-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
- --background-action-high-green-tilleul-verveine-hover: var(--green-tilleul-verveine-sun-418-moon-817-hover);
- --background-action-high-green-tilleul-verveine-active: var(--green-tilleul-verveine-sun-418-moon-817-active);
- --background-action-high-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
- --background-action-high-green-bourgeon-hover: var(--green-bourgeon-sun-425-moon-759-hover);
- --background-action-high-green-bourgeon-active: var(--green-bourgeon-sun-425-moon-759-active);
- --background-action-high-green-emeraude: var(--green-emeraude-sun-425-moon-753);
- --background-action-high-green-emeraude-hover: var(--green-emeraude-sun-425-moon-753-hover);
- --background-action-high-green-emeraude-active: var(--green-emeraude-sun-425-moon-753-active);
- --background-action-high-green-menthe: var(--green-menthe-sun-373-moon-652);
- --background-action-high-green-menthe-hover: var(--green-menthe-sun-373-moon-652-hover);
- --background-action-high-green-menthe-active: var(--green-menthe-sun-373-moon-652-active);
- --background-action-high-green-archipel: var(--green-archipel-sun-391-moon-716);
- --background-action-high-green-archipel-hover: var(--green-archipel-sun-391-moon-716-hover);
- --background-action-high-green-archipel-active: var(--green-archipel-sun-391-moon-716-active);
- --background-action-high-blue-ecume: var(--blue-ecume-sun-247-moon-675);
- --background-action-high-blue-ecume-hover: var(--blue-ecume-sun-247-moon-675-hover);
- --background-action-high-blue-ecume-active: var(--blue-ecume-sun-247-moon-675-active);
- --background-action-high-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
- --background-action-high-blue-cumulus-hover: var(--blue-cumulus-sun-368-moon-732-hover);
- --background-action-high-blue-cumulus-active: var(--blue-cumulus-sun-368-moon-732-active);
- --background-action-high-purple-glycine: var(--purple-glycine-sun-319-moon-630);
- --background-action-high-purple-glycine-hover: var(--purple-glycine-sun-319-moon-630-hover);
- --background-action-high-purple-glycine-active: var(--purple-glycine-sun-319-moon-630-active);
- --background-action-high-pink-macaron: var(--pink-macaron-sun-406-moon-833);
- --background-action-high-pink-macaron-hover: var(--pink-macaron-sun-406-moon-833-hover);
- --background-action-high-pink-macaron-active: var(--pink-macaron-sun-406-moon-833-active);
- --background-action-high-pink-tuile: var(--pink-tuile-sun-425-moon-750);
- --background-action-high-pink-tuile-hover: var(--pink-tuile-sun-425-moon-750-hover);
- --background-action-high-pink-tuile-active: var(--pink-tuile-sun-425-moon-750-active);
- --background-action-high-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
- --background-action-high-yellow-tournesol-hover: var(--yellow-tournesol-sun-407-moon-922-hover);
- --background-action-high-yellow-tournesol-active: var(--yellow-tournesol-sun-407-moon-922-active);
- --background-action-high-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
- --background-action-high-yellow-moutarde-hover: var(--yellow-moutarde-sun-348-moon-860-hover);
- --background-action-high-yellow-moutarde-active: var(--yellow-moutarde-sun-348-moon-860-active);
- --background-action-high-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
- --background-action-high-orange-terre-battue-hover: var(--orange-terre-battue-sun-370-moon-672-hover);
- --background-action-high-orange-terre-battue-active: var(--orange-terre-battue-sun-370-moon-672-active);
- --background-action-high-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
- --background-action-high-brown-cafe-creme-hover: var(--brown-cafe-creme-sun-383-moon-885-hover);
- --background-action-high-brown-cafe-creme-active: var(--brown-cafe-creme-sun-383-moon-885-active);
- --background-action-high-brown-caramel: var(--brown-caramel-sun-425-moon-901);
- --background-action-high-brown-caramel-hover: var(--brown-caramel-sun-425-moon-901-hover);
- --background-action-high-brown-caramel-active: var(--brown-caramel-sun-425-moon-901-active);
- --background-action-high-brown-opera: var(--brown-opera-sun-395-moon-820);
- --background-action-high-brown-opera-hover: var(--brown-opera-sun-395-moon-820-hover);
- --background-action-high-brown-opera-active: var(--brown-opera-sun-395-moon-820-active);
- --background-action-high-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
- --background-action-high-beige-gris-galet-hover: var(--beige-gris-galet-sun-407-moon-821-hover);
- --background-action-high-beige-gris-galet-active: var(--beige-gris-galet-sun-407-moon-821-active);
- --background-action-high-info: var(--info-425-625);
- --background-action-high-info-hover: var(--info-425-625-hover);
- --background-action-high-info-active: var(--info-425-625-active);
- --background-action-high-success: var(--success-425-625);
- --background-action-high-success-hover: var(--success-425-625-hover);
- --background-action-high-success-active: var(--success-425-625-active);
- --background-action-high-warning: var(--warning-425-625);
- --background-action-high-warning-hover: var(--warning-425-625-hover);
- --background-action-high-warning-active: var(--warning-425-625-active);
- --background-action-high-error: var(--error-425-625);
- --background-action-high-error-hover: var(--error-425-625-hover);
- --background-action-high-error-active: var(--error-425-625-active);
- --background-action-low-blue-france: var(--blue-france-925-125);
- --background-action-low-blue-france-hover: var(--blue-france-925-125-hover);
- --background-action-low-blue-france-active: var(--blue-france-925-125-active);
- --background-action-low-red-marianne: var(--red-marianne-925-125);
- --background-action-low-red-marianne-hover: var(--red-marianne-925-125-hover);
- --background-action-low-red-marianne-active: var(--red-marianne-925-125-active);
- --background-action-low-green-tilleul-verveine: var(--green-tilleul-verveine-925-125);
- --background-action-low-green-tilleul-verveine-hover: var(--green-tilleul-verveine-925-125-hover);
- --background-action-low-green-tilleul-verveine-active: var(--green-tilleul-verveine-925-125-active);
- --background-action-low-green-bourgeon: var(--green-bourgeon-925-125);
- --background-action-low-green-bourgeon-hover: var(--green-bourgeon-925-125-hover);
- --background-action-low-green-bourgeon-active: var(--green-bourgeon-925-125-active);
- --background-action-low-green-emeraude: var(--green-emeraude-925-125);
- --background-action-low-green-emeraude-hover: var(--green-emeraude-925-125-hover);
- --background-action-low-green-emeraude-active: var(--green-emeraude-925-125-active);
- --background-action-low-green-menthe: var(--green-menthe-925-125);
- --background-action-low-green-menthe-hover: var(--green-menthe-925-125-hover);
- --background-action-low-green-menthe-active: var(--green-menthe-925-125-active);
- --background-action-low-green-archipel: var(--green-archipel-925-125);
- --background-action-low-green-archipel-hover: var(--green-archipel-925-125-hover);
- --background-action-low-green-archipel-active: var(--green-archipel-925-125-active);
- --background-action-low-blue-ecume: var(--blue-ecume-925-125);
- --background-action-low-blue-ecume-hover: var(--blue-ecume-925-125-hover);
- --background-action-low-blue-ecume-active: var(--blue-ecume-925-125-active);
- --background-action-low-blue-cumulus: var(--blue-cumulus-925-125);
- --background-action-low-blue-cumulus-hover: var(--blue-cumulus-925-125-hover);
- --background-action-low-blue-cumulus-active: var(--blue-cumulus-925-125-active);
- --background-action-low-purple-glycine: var(--purple-glycine-925-125);
- --background-action-low-purple-glycine-hover: var(--purple-glycine-925-125-hover);
- --background-action-low-purple-glycine-active: var(--purple-glycine-925-125-active);
- --background-action-low-pink-macaron: var(--pink-macaron-925-125);
- --background-action-low-pink-macaron-hover: var(--pink-macaron-925-125-hover);
- --background-action-low-pink-macaron-active: var(--pink-macaron-925-125-active);
- --background-action-low-pink-tuile: var(--pink-tuile-925-125);
- --background-action-low-pink-tuile-hover: var(--pink-tuile-925-125-hover);
- --background-action-low-pink-tuile-active: var(--pink-tuile-925-125-active);
- --background-action-low-yellow-tournesol: var(--yellow-tournesol-925-125);
- --background-action-low-yellow-tournesol-hover: var(--yellow-tournesol-925-125-hover);
- --background-action-low-yellow-tournesol-active: var(--yellow-tournesol-925-125-active);
- --background-action-low-yellow-moutarde: var(--yellow-moutarde-925-125);
- --background-action-low-yellow-moutarde-hover: var(--yellow-moutarde-925-125-hover);
- --background-action-low-yellow-moutarde-active: var(--yellow-moutarde-925-125-active);
- --background-action-low-orange-terre-battue: var(--orange-terre-battue-925-125);
- --background-action-low-orange-terre-battue-hover: var(--orange-terre-battue-925-125-hover);
- --background-action-low-orange-terre-battue-active: var(--orange-terre-battue-925-125-active);
- --background-action-low-brown-cafe-creme: var(--brown-cafe-creme-925-125);
- --background-action-low-brown-cafe-creme-hover: var(--brown-cafe-creme-925-125-hover);
- --background-action-low-brown-cafe-creme-active: var(--brown-cafe-creme-925-125-active);
- --background-action-low-brown-caramel: var(--brown-caramel-925-125);
- --background-action-low-brown-caramel-hover: var(--brown-caramel-925-125-hover);
- --background-action-low-brown-caramel-active: var(--brown-caramel-925-125-active);
- --background-action-low-brown-opera: var(--brown-opera-925-125);
- --background-action-low-brown-opera-hover: var(--brown-opera-925-125-hover);
- --background-action-low-brown-opera-active: var(--brown-opera-925-125-active);
- --background-action-low-beige-gris-galet: var(--beige-gris-galet-925-125);
- --background-action-low-beige-gris-galet-hover: var(--beige-gris-galet-925-125-hover);
- --background-action-low-beige-gris-galet-active: var(--beige-gris-galet-925-125-active);
- --background-active-blue-france: var(--blue-france-sun-113-625);
- --background-active-blue-france-hover: var(--blue-france-sun-113-625-hover);
- --background-active-blue-france-active: var(--blue-france-sun-113-625-active);
- --background-active-red-marianne: var(--red-marianne-425-625);
- --background-active-red-marianne-hover: var(--red-marianne-425-625-hover);
- --background-active-red-marianne-active: var(--red-marianne-425-625-active);
- --background-open-blue-france: var(--blue-france-925-125);
- --background-open-blue-france-hover: var(--blue-france-925-125-hover);
- --background-open-blue-france-active: var(--blue-france-925-125-active);
- --background-open-red-marianne: var(--red-marianne-925-125);
- --background-open-red-marianne-hover: var(--red-marianne-925-125-hover);
- --background-open-red-marianne-active: var(--red-marianne-925-125-active);
- --background-disabled-grey: var(--grey-925-125);
- --background-raised-grey: var(--grey-1000-75);
- --background-raised-grey-hover: var(--grey-1000-75-hover);
- --background-raised-grey-active: var(--grey-1000-75-active);
- --background-overlap-grey: var(--grey-1000-100);
- --background-overlap-grey-hover: var(--grey-1000-100-hover);
- --background-overlap-grey-active: var(--grey-1000-100-active);
- --background-lifted-grey: var(--grey-1000-75);
- --background-lifted-grey-hover: var(--grey-1000-75-hover);
- --background-lifted-grey-active: var(--grey-1000-75-active);
- --background-alt-raised-grey: var(--grey-975-100);
- --background-alt-raised-grey-hover: var(--grey-975-100-hover);
- --background-alt-raised-grey-active: var(--grey-975-100-active);
- --background-alt-overlap-grey: var(--grey-975-125);
- --background-alt-overlap-grey-hover: var(--grey-975-125-hover);
- --background-alt-overlap-grey-active: var(--grey-975-125-active);
- --background-contrast-raised-grey: var(--grey-950-125);
- --background-contrast-raised-grey-hover: var(--grey-950-125-hover);
- --background-contrast-raised-grey-active: var(--grey-950-125-active);
- --background-contrast-overlap-grey: var(--grey-950-150);
- --background-contrast-overlap-grey-hover: var(--grey-950-150-hover);
- --background-contrast-overlap-grey-active: var(--grey-950-150-active);
- --text-default-grey: var(--grey-200-850);
- --text-default-info: var(--info-425-625);
- --text-default-success: var(--success-425-625);
- --text-default-warning: var(--warning-425-625);
- --text-default-error: var(--error-425-625);
- --text-action-high-grey: var(--grey-50-1000);
- --text-action-high-blue-france: var(--blue-france-sun-113-625);
- --text-action-high-red-marianne: var(--red-marianne-425-625);
- --text-action-high-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
- --text-action-high-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
- --text-action-high-green-emeraude: var(--green-emeraude-sun-425-moon-753);
- --text-action-high-green-menthe: var(--green-menthe-sun-373-moon-652);
- --text-action-high-green-archipel: var(--green-archipel-sun-391-moon-716);
- --text-action-high-blue-ecume: var(--blue-ecume-sun-247-moon-675);
- --text-action-high-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
- --text-action-high-purple-glycine: var(--purple-glycine-sun-319-moon-630);
- --text-action-high-pink-macaron: var(--pink-macaron-sun-406-moon-833);
- --text-action-high-pink-tuile: var(--pink-tuile-sun-425-moon-750);
- --text-action-high-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
- --text-action-high-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
- --text-action-high-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
- --text-action-high-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
- --text-action-high-brown-caramel: var(--brown-caramel-sun-425-moon-901);
- --text-action-high-brown-opera: var(--brown-opera-sun-395-moon-820);
- --text-action-high-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
- --text-title-grey: var(--grey-50-1000);
- --text-title-blue-france: var(--blue-france-sun-113-625);
- --text-title-red-marianne: var(--red-marianne-425-625);
- --text-label-grey: var(--grey-50-1000);
- --text-label-blue-france: var(--blue-france-sun-113-625);
- --text-label-red-marianne: var(--red-marianne-425-625);
- --text-label-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
- --text-label-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
- --text-label-green-emeraude: var(--green-emeraude-sun-425-moon-753);
- --text-label-green-menthe: var(--green-menthe-sun-373-moon-652);
- --text-label-green-archipel: var(--green-archipel-sun-391-moon-716);
- --text-label-blue-ecume: var(--blue-ecume-sun-247-moon-675);
- --text-label-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
- --text-label-purple-glycine: var(--purple-glycine-sun-319-moon-630);
- --text-label-pink-macaron: var(--pink-macaron-sun-406-moon-833);
- --text-label-pink-tuile: var(--pink-tuile-sun-425-moon-750);
- --text-label-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
- --text-label-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
- --text-label-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
- --text-label-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
- --text-label-brown-caramel: var(--brown-caramel-sun-425-moon-901);
- --text-label-brown-opera: var(--brown-opera-sun-395-moon-820);
- --text-label-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
- --text-active-grey: var(--grey-50-1000);
- --text-active-blue-france: var(--blue-france-sun-113-625);
- --text-active-red-marianne: var(--red-marianne-425-625);
- --text-mention-grey: var(--grey-425-625);
- --text-inverted-grey: var(--grey-1000-50);
- --text-inverted-blue-france: var(--blue-france-975-sun-113);
- --text-inverted-red-marianne: var(--red-marianne-975-75);
- --text-inverted-info: var(--info-975-75);
- --text-inverted-success: var(--success-975-75);
- --text-inverted-warning: var(--warning-975-75);
- --text-inverted-error: var(--error-975-75);
- --text-inverted-green-tilleul-verveine: var(--green-tilleul-verveine-975-75);
- --text-inverted-green-bourgeon: var(--green-bourgeon-975-75);
- --text-inverted-green-emeraude: var(--green-emeraude-975-75);
- --text-inverted-green-menthe: var(--green-menthe-975-75);
- --text-inverted-green-archipel: var(--green-archipel-975-75);
- --text-inverted-blue-ecume: var(--blue-ecume-975-75);
- --text-inverted-blue-cumulus: var(--blue-cumulus-975-75);
- --text-inverted-purple-glycine: var(--purple-glycine-975-75);
- --text-inverted-pink-macaron: var(--pink-macaron-975-75);
- --text-inverted-pink-tuile: var(--pink-tuile-975-75);
- --text-inverted-yellow-tournesol: var(--yellow-tournesol-975-75);
- --text-inverted-yellow-moutarde: var(--yellow-moutarde-975-75);
- --text-inverted-orange-terre-battue: var(--orange-terre-battue-975-75);
- --text-inverted-brown-cafe-creme: var(--brown-cafe-creme-975-75);
- --text-inverted-brown-caramel: var(--brown-caramel-975-75);
- --text-inverted-brown-opera: var(--brown-opera-975-75);
- --text-inverted-beige-gris-galet: var(--beige-gris-galet-975-75);
- --text-disabled-grey: var(--grey-625-425);
- --border-default-grey: var(--grey-900-175);
- --border-default-blue-france: var(--blue-france-main-525);
- --border-default-red-marianne: var(--red-marianne-main-472);
- --border-default-green-tilleul-verveine: var(--green-tilleul-verveine-main-707);
- --border-default-green-bourgeon: var(--green-bourgeon-main-640);
- --border-default-green-emeraude: var(--green-emeraude-main-632);
- --border-default-green-menthe: var(--green-menthe-main-548);
- --border-default-green-archipel: var(--green-archipel-main-557);
- --border-default-blue-ecume: var(--blue-ecume-main-400);
- --border-default-blue-cumulus: var(--blue-cumulus-main-526);
- --border-default-purple-glycine: var(--purple-glycine-main-494);
- --border-default-pink-macaron: var(--pink-macaron-main-689);
- --border-default-pink-tuile: var(--pink-tuile-main-556);
- --border-default-yellow-tournesol: var(--yellow-tournesol-main-731);
- --border-default-yellow-moutarde: var(--yellow-moutarde-main-679);
- --border-default-orange-terre-battue: var(--orange-terre-battue-main-645);
- --border-default-brown-cafe-creme: var(--brown-cafe-creme-main-782);
- --border-default-brown-caramel: var(--brown-caramel-main-648);
- --border-default-brown-opera: var(--brown-opera-main-680);
- --border-default-beige-gris-galet: var(--beige-gris-galet-main-702);
- --border-active-blue-france: var(--blue-france-sun-113-625);
- --border-active-red-marianne: var(--red-marianne-425-625);
- --border-action-high-grey: var(--grey-50-1000);
- --border-action-high-blue-france: var(--blue-france-sun-113-625);
- --border-action-high-red-marianne: var(--red-marianne-425-625);
- --border-action-high-info: var(--info-425-625);
- --border-action-high-success: var(--success-425-625);
- --border-action-high-warning: var(--warning-425-625);
- --border-action-high-error: var(--error-425-625);
- --border-action-low-blue-france: var(--blue-france-850-200);
- --border-action-low-red-marianne: var(--red-marianne-850-200);
- --border-action-low-green-tilleul-verveine: var(--green-tilleul-verveine-850-200);
- --border-action-low-green-bourgeon: var(--green-bourgeon-850-200);
- --border-action-low-green-emeraude: var(--green-emeraude-850-200);
- --border-action-low-green-menthe: var(--green-menthe-850-200);
- --border-action-low-green-archipel: var(--green-archipel-850-200);
- --border-action-low-blue-ecume: var(--blue-ecume-850-200);
- --border-action-low-blue-cumulus: var(--blue-cumulus-850-200);
- --border-action-low-purple-glycine: var(--purple-glycine-850-200);
- --border-action-low-pink-macaron: var(--pink-macaron-850-200);
- --border-action-low-pink-tuile: var(--pink-tuile-850-200);
- --border-action-low-yellow-tournesol: var(--yellow-tournesol-850-200);
- --border-action-low-yellow-moutarde: var(--yellow-moutarde-850-200);
- --border-action-low-orange-terre-battue: var(--orange-terre-battue-850-200);
- --border-action-low-brown-cafe-creme: var(--brown-cafe-creme-850-200);
- --border-action-low-brown-caramel: var(--brown-caramel-850-200);
- --border-action-low-brown-opera: var(--brown-opera-850-200);
- --border-action-low-beige-gris-galet: var(--beige-gris-galet-850-200);
- --border-open-blue-france: var(--blue-france-925-125);
- --border-open-red-marianne: var(--red-marianne-925-125);
- --border-plain-grey: var(--grey-200-850);
- --border-plain-blue-france: var(--blue-france-sun-113-625);
- --border-plain-red-marianne: var(--red-marianne-425-625);
- --border-plain-info: var(--info-425-625);
- --border-plain-success: var(--success-425-625);
- --border-plain-warning: var(--warning-425-625);
- --border-plain-error: var(--error-425-625);
- --border-plain-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
- --border-plain-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
- --border-plain-green-emeraude: var(--green-emeraude-sun-425-moon-753);
- --border-plain-green-menthe: var(--green-menthe-sun-373-moon-652);
- --border-plain-green-archipel: var(--green-archipel-sun-391-moon-716);
- --border-plain-blue-ecume: var(--blue-ecume-sun-247-moon-675);
- --border-plain-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
- --border-plain-purple-glycine: var(--purple-glycine-sun-319-moon-630);
- --border-plain-pink-macaron: var(--pink-macaron-sun-406-moon-833);
- --border-plain-pink-tuile: var(--pink-tuile-sun-425-moon-750);
- --border-plain-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
- --border-plain-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
- --border-plain-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
- --border-plain-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
- --border-plain-brown-caramel: var(--brown-caramel-sun-425-moon-901);
- --border-plain-brown-opera: var(--brown-opera-sun-395-moon-820);
- --border-plain-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
- --border-disabled-grey: var(--grey-925-125);
- --artwork-major-blue-france: var(--blue-france-sun-113-625);
- --artwork-major-blue-france-hover: var(--blue-france-sun-113-625-hover);
- --artwork-major-blue-france-active: var(--blue-france-sun-113-625-active);
- --artwork-major-red-marianne: var(--red-marianne-425-625);
- --artwork-major-red-marianne-hover: var(--red-marianne-425-625-hover);
- --artwork-major-red-marianne-active: var(--red-marianne-425-625-active);
- --artwork-major-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
- --artwork-major-green-tilleul-verveine-hover: var(--green-tilleul-verveine-sun-418-moon-817-hover);
- --artwork-major-green-tilleul-verveine-active: var(--green-tilleul-verveine-sun-418-moon-817-active);
- --artwork-major-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
- --artwork-major-green-bourgeon-hover: var(--green-bourgeon-sun-425-moon-759-hover);
- --artwork-major-green-bourgeon-active: var(--green-bourgeon-sun-425-moon-759-active);
- --artwork-major-green-emeraude: var(--green-emeraude-sun-425-moon-753);
- --artwork-major-green-emeraude-hover: var(--green-emeraude-sun-425-moon-753-hover);
- --artwork-major-green-emeraude-active: var(--green-emeraude-sun-425-moon-753-active);
- --artwork-major-green-menthe: var(--green-menthe-sun-373-moon-652);
- --artwork-major-green-menthe-hover: var(--green-menthe-sun-373-moon-652-hover);
- --artwork-major-green-menthe-active: var(--green-menthe-sun-373-moon-652-active);
- --artwork-major-green-archipel: var(--green-archipel-sun-391-moon-716);
- --artwork-major-green-archipel-hover: var(--green-archipel-sun-391-moon-716-hover);
- --artwork-major-green-archipel-active: var(--green-archipel-sun-391-moon-716-active);
- --artwork-major-blue-ecume: var(--blue-ecume-sun-247-moon-675);
- --artwork-major-blue-ecume-hover: var(--blue-ecume-sun-247-moon-675-hover);
- --artwork-major-blue-ecume-active: var(--blue-ecume-sun-247-moon-675-active);
- --artwork-major-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
- --artwork-major-blue-cumulus-hover: var(--blue-cumulus-sun-368-moon-732-hover);
- --artwork-major-blue-cumulus-active: var(--blue-cumulus-sun-368-moon-732-active);
- --artwork-major-purple-glycine: var(--purple-glycine-sun-319-moon-630);
- --artwork-major-purple-glycine-hover: var(--purple-glycine-sun-319-moon-630-hover);
- --artwork-major-purple-glycine-active: var(--purple-glycine-sun-319-moon-630-active);
- --artwork-major-pink-macaron: var(--pink-macaron-sun-406-moon-833);
- --artwork-major-pink-macaron-hover: var(--pink-macaron-sun-406-moon-833-hover);
- --artwork-major-pink-macaron-active: var(--pink-macaron-sun-406-moon-833-active);
- --artwork-major-pink-tuile: var(--pink-tuile-sun-425-moon-750);
- --artwork-major-pink-tuile-hover: var(--pink-tuile-sun-425-moon-750-hover);
- --artwork-major-pink-tuile-active: var(--pink-tuile-sun-425-moon-750-active);
- --artwork-major-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
- --artwork-major-yellow-tournesol-hover: var(--yellow-tournesol-sun-407-moon-922-hover);
- --artwork-major-yellow-tournesol-active: var(--yellow-tournesol-sun-407-moon-922-active);
- --artwork-major-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
- --artwork-major-yellow-moutarde-hover: var(--yellow-moutarde-sun-348-moon-860-hover);
- --artwork-major-yellow-moutarde-active: var(--yellow-moutarde-sun-348-moon-860-active);
- --artwork-major-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
- --artwork-major-orange-terre-battue-hover: var(--orange-terre-battue-sun-370-moon-672-hover);
- --artwork-major-orange-terre-battue-active: var(--orange-terre-battue-sun-370-moon-672-active);
- --artwork-major-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
- --artwork-major-brown-cafe-creme-hover: var(--brown-cafe-creme-sun-383-moon-885-hover);
- --artwork-major-brown-cafe-creme-active: var(--brown-cafe-creme-sun-383-moon-885-active);
- --artwork-major-brown-caramel: var(--brown-caramel-sun-425-moon-901);
- --artwork-major-brown-caramel-hover: var(--brown-caramel-sun-425-moon-901-hover);
- --artwork-major-brown-caramel-active: var(--brown-caramel-sun-425-moon-901-active);
- --artwork-major-brown-opera: var(--brown-opera-sun-395-moon-820);
- --artwork-major-brown-opera-hover: var(--brown-opera-sun-395-moon-820-hover);
- --artwork-major-brown-opera-active: var(--brown-opera-sun-395-moon-820-active);
- --artwork-major-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
- --artwork-major-beige-gris-galet-hover: var(--beige-gris-galet-sun-407-moon-821-hover);
- --artwork-major-beige-gris-galet-active: var(--beige-gris-galet-sun-407-moon-821-active);
- --artwork-minor-blue-france: var(--blue-france-main-525);
- --artwork-minor-red-marianne: var(--red-marianne-main-472);
- --artwork-minor-green-tilleul-verveine: var(--green-tilleul-verveine-main-707);
- --artwork-minor-green-bourgeon: var(--green-bourgeon-main-640);
- --artwork-minor-green-emeraude: var(--green-emeraude-main-632);
- --artwork-minor-green-menthe: var(--green-menthe-main-548);
- --artwork-minor-green-archipel: var(--green-archipel-main-557);
- --artwork-minor-blue-ecume: var(--blue-ecume-main-400);
- --artwork-minor-blue-cumulus: var(--blue-cumulus-main-526);
- --artwork-minor-purple-glycine: var(--purple-glycine-main-494);
- --artwork-minor-pink-macaron: var(--pink-macaron-main-689);
- --artwork-minor-pink-tuile: var(--pink-tuile-main-556);
- --artwork-minor-yellow-tournesol: var(--yellow-tournesol-main-731);
- --artwork-minor-yellow-moutarde: var(--yellow-moutarde-main-679);
- --artwork-minor-orange-terre-battue: var(--orange-terre-battue-main-645);
- --artwork-minor-brown-cafe-creme: var(--brown-cafe-creme-main-782);
- --artwork-minor-brown-caramel: var(--brown-caramel-main-648);
- --artwork-minor-brown-opera: var(--brown-opera-main-680);
- --artwork-minor-beige-gris-galet: var(--beige-gris-galet-main-702);
- --artwork-decorative-grey: var(--grey-950-100);
- --artwork-decorative-blue-france: var(--blue-france-950-100);
- --artwork-decorative-red-marianne: var(--red-marianne-950-100);
- --artwork-decorative-green-tilleul-verveine: var(--green-tilleul-verveine-950-100);
- --artwork-decorative-green-bourgeon: var(--green-bourgeon-950-100);
- --artwork-decorative-green-emeraude: var(--green-emeraude-950-100);
- --artwork-decorative-green-menthe: var(--green-menthe-950-100);
- --artwork-decorative-green-archipel: var(--green-archipel-950-100);
- --artwork-decorative-blue-ecume: var(--blue-ecume-950-100);
- --artwork-decorative-blue-cumulus: var(--blue-cumulus-950-100);
- --artwork-decorative-purple-glycine: var(--purple-glycine-950-100);
- --artwork-decorative-pink-macaron: var(--pink-macaron-950-100);
- --artwork-decorative-pink-tuile: var(--pink-tuile-950-100);
- --artwork-decorative-yellow-tournesol: var(--yellow-tournesol-950-100);
- --artwork-decorative-yellow-moutarde: var(--yellow-moutarde-950-100);
- --artwork-decorative-orange-terre-battue: var(--orange-terre-battue-950-100);
- --artwork-decorative-brown-cafe-creme: var(--brown-cafe-creme-950-100);
- --artwork-decorative-brown-caramel: var(--brown-caramel-950-100);
- --artwork-decorative-brown-opera: var(--brown-opera-950-100);
- --artwork-decorative-beige-gris-galet: var(--beige-gris-galet-950-100);
- --artwork-background-grey: var(--grey-975-75);
- --artwork-background-blue-france: var(--blue-france-975-75);
- --artwork-background-red-marianne: var(--red-marianne-975-75);
- --artwork-background-green-tilleul-verveine: var(--green-tilleul-verveine-975-75);
- --artwork-background-green-bourgeon: var(--green-bourgeon-975-75);
- --artwork-background-green-emeraude: var(--green-emeraude-975-75);
- --artwork-background-green-menthe: var(--green-menthe-975-75);
- --artwork-background-green-archipel: var(--green-archipel-975-75);
- --artwork-background-blue-ecume: var(--blue-ecume-975-75);
- --artwork-background-blue-cumulus: var(--blue-cumulus-975-75);
- --artwork-background-purple-glycine: var(--purple-glycine-975-75);
- --artwork-background-pink-macaron: var(--pink-macaron-975-75);
- --artwork-background-pink-tuile: var(--pink-tuile-975-75);
- --artwork-background-yellow-tournesol: var(--yellow-tournesol-975-75);
- --artwork-background-yellow-moutarde: var(--yellow-moutarde-975-75);
- --artwork-background-orange-terre-battue: var(--orange-terre-battue-975-75);
- --artwork-background-brown-cafe-creme: var(--brown-cafe-creme-975-75);
- --artwork-background-brown-caramel: var(--brown-caramel-975-75);
- --artwork-background-brown-opera: var(--brown-opera-975-75);
- --artwork-background-beige-gris-galet: var(--beige-gris-galet-975-75);
- --artwork-motif-grey: var(--grey-925-125);
- --artwork-motif-blue-france: var(--blue-france-925-125);
- --artwork-motif-red-marianne: var(--red-marianne-925-125);
- --artwork-motif-green-tilleul-verveine: var(--green-tilleul-verveine-925-125);
- --artwork-motif-green-bourgeon: var(--green-bourgeon-925-125);
- --artwork-motif-green-emeraude: var(--green-emeraude-925-125);
- --artwork-motif-green-menthe: var(--green-menthe-925-125);
- --artwork-motif-green-archipel: var(--green-archipel-925-125);
- --artwork-motif-blue-ecume: var(--blue-ecume-925-125);
- --artwork-motif-blue-cumulus: var(--blue-cumulus-925-125);
- --artwork-motif-purple-glycine: var(--purple-glycine-925-125);
- --artwork-motif-pink-macaron: var(--pink-macaron-925-125);
- --artwork-motif-pink-tuile: var(--pink-tuile-925-125);
- --artwork-motif-yellow-tournesol: var(--yellow-tournesol-925-125);
- --artwork-motif-yellow-moutarde: var(--yellow-moutarde-925-125);
- --artwork-motif-orange-terre-battue: var(--orange-terre-battue-925-125);
- --artwork-motif-brown-cafe-creme: var(--brown-cafe-creme-925-125);
- --artwork-motif-brown-caramel: var(--brown-caramel-925-125);
- --artwork-motif-brown-opera: var(--brown-opera-925-125);
- --artwork-motif-beige-gris-galet: var(--beige-gris-galet-925-125);
- --grey-1000-50: #fff;
- --grey-1000-50-hover: #f6f6f6;
- --grey-1000-50-active: #ededed;
- --grey-975-75: #f6f6f6;
- --grey-975-75-hover: #dfdfdf;
- --grey-975-75-active: #cfcfcf;
- --grey-950-100: #eee;
- --grey-950-100-hover: #d2d2d2;
- --grey-950-100-active: #c1c1c1;
- --grey-200-850: #3a3a3a;
- --grey-925-125: #e5e5e5;
- --grey-1000-75: #fff;
- --grey-1000-75-hover: #f6f6f6;
- --grey-1000-75-active: #ededed;
- --grey-1000-100: #fff;
- --grey-1000-100-hover: #f6f6f6;
- --grey-1000-100-active: #ededed;
- --grey-975-100: #f6f6f6;
- --grey-975-100-hover: #dfdfdf;
- --grey-975-100-active: #cfcfcf;
- --grey-975-125: #f6f6f6;
- --grey-975-125-hover: #dfdfdf;
- --grey-975-125-active: #cfcfcf;
- --grey-950-125: #eee;
- --grey-950-125-hover: #d2d2d2;
- --grey-950-125-active: #c1c1c1;
- --grey-950-150: #eee;
- --grey-950-150-hover: #d2d2d2;
- --grey-950-150-active: #c1c1c1;
- --grey-50-1000: #161616;
- --grey-425-625: #666;
- --grey-625-425: #929292;
- --grey-900-175: #ddd;
- --blue-france-975-75: #f5f5fe;
- --blue-france-975-75-hover: #dcdcfc;
- --blue-france-975-75-active: #cbcbfa;
- --blue-france-950-100: #ececfe;
- --blue-france-950-100-hover: #cecefc;
- --blue-france-950-100-active: #bbbbfc;
- --blue-france-sun-113-625: #000091;
- --blue-france-sun-113-625-hover: #1212ff;
- --blue-france-sun-113-625-active: #2323ff;
- --blue-france-925-125: #e3e3fd;
- --blue-france-925-125-hover: #c1c1fb;
- --blue-france-925-125-active: #adadf9;
- --blue-france-975-sun-113: #f5f5fe;
- --blue-france-main-525: #6a6af4;
- --blue-france-850-200: #cacafb;
- --red-marianne-975-75: #fef4f4;
- --red-marianne-975-75-hover: #fcd7d7;
- --red-marianne-975-75-active: #fac4c4;
- --red-marianne-950-100: #fee9e9;
- --red-marianne-950-100-hover: #fdc5c5;
- --red-marianne-950-100-active: #fcafaf;
- --red-marianne-425-625: #c9191e;
- --red-marianne-425-625-hover: #f93f42;
- --red-marianne-425-625-active: #f95a5c;
- --red-marianne-925-125: #fddede;
- --red-marianne-925-125-hover: #fbb6b6;
- --red-marianne-925-125-active: #fa9e9e;
- --red-marianne-main-472: #e1000f;
- --red-marianne-850-200: #fcbfbf;
- --info-950-100: #e8edff;
- --info-950-100-hover: #c2d1ff;
- --info-950-100-active: #a9bfff;
- --info-425-625: #0063cb;
- --info-425-625-hover: #3b87ff;
- --info-425-625-active: #6798ff;
- --info-975-75: #f4f6ff;
- --success-950-100: #b8fec9;
- --success-950-100-hover: #46fd89;
- --success-950-100-active: #34eb7b;
- --success-425-625: #18753c;
- --success-425-625-hover: #27a959;
- --success-425-625-active: #2fc368;
- --success-975-75: #dffee6;
- --warning-950-100: #ffe9e6;
- --warning-950-100-hover: #ffc6bd;
- --warning-950-100-active: #ffb0a2;
- --warning-425-625: #b34000;
- --warning-425-625-hover: #ff6218;
- --warning-425-625-active: #ff7a55;
- --warning-975-75: #fff4f3;
- --error-950-100: #ffe9e9;
- --error-950-100-hover: #ffc5c5;
- --error-950-100-active: #ffafaf;
- --error-425-625: #ce0500;
- --error-425-625-hover: #ff2725;
- --error-425-625-active: #ff4140;
- --error-975-75: #fff4f4;
- --green-tilleul-verveine-975-75: #fef7da;
- --green-tilleul-verveine-975-75-hover: #fce552;
- --green-tilleul-verveine-975-75-active: #ebd54c;
- --green-tilleul-verveine-950-100: #fceeac;
- --green-tilleul-verveine-950-100-hover: #e8d45c;
- --green-tilleul-verveine-950-100-active: #d4c254;
- --green-tilleul-verveine-sun-418-moon-817: #66673d;
- --green-tilleul-verveine-sun-418-moon-817-hover: #929359;
- --green-tilleul-verveine-sun-418-moon-817-active: #a7a967;
- --green-tilleul-verveine-925-125: #fbe769;
- --green-tilleul-verveine-925-125-hover: #d7c655;
- --green-tilleul-verveine-925-125-active: #c2b24c;
- --green-tilleul-verveine-main-707: #b7a73f;
- --green-tilleul-verveine-850-200: #e2cf58;
- --green-bourgeon-975-75: #e6feda;
- --green-bourgeon-975-75-hover: #a7fc62;
- --green-bourgeon-975-75-active: #98ed4d;
- --green-bourgeon-950-100: #c9fcac;
- --green-bourgeon-950-100-hover: #9ae95d;
- --green-bourgeon-950-100-active: #8dd555;
- --green-bourgeon-sun-425-moon-759: #447049;
- --green-bourgeon-sun-425-moon-759-hover: #639f6a;
- --green-bourgeon-sun-425-moon-759-active: #72b77a;
- --green-bourgeon-925-125: #a9fb68;
- --green-bourgeon-925-125-hover: #8ed654;
- --green-bourgeon-925-125-active: #7fc04b;
- --green-bourgeon-main-640: #68a532;
- --green-bourgeon-850-200: #95e257;
- --green-emeraude-975-75: #e3fdeb;
- --green-emeraude-975-75-hover: #94f9b9;
- --green-emeraude-975-75-active: #6df1a3;
- --green-emeraude-950-100: #c3fad5;
- --green-emeraude-950-100-hover: #77eda5;
- --green-emeraude-950-100-active: #6dd897;
- --green-emeraude-sun-425-moon-753: #297254;
- --green-emeraude-sun-425-moon-753-hover: #3ea47a;
- --green-emeraude-sun-425-moon-753-active: #49bc8d;
- --green-emeraude-925-125: #9ef9be;
- --green-emeraude-925-125-hover: #69df97;
- --green-emeraude-925-125-active: #5ec988;
- --green-emeraude-main-632: #00a95f;
- --green-emeraude-850-200: #6fe49d;
- --green-menthe-975-75: #dffdf7;
- --green-menthe-975-75-hover: #84f9e7;
- --green-menthe-975-75-active: #70ebd8;
- --green-menthe-950-100: #bafaee;
- --green-menthe-950-100-hover: #79e7d5;
- --green-menthe-950-100-active: #6fd3c3;
- --green-menthe-sun-373-moon-652: #37635f;
- --green-menthe-sun-373-moon-652-hover: #53918c;
- --green-menthe-sun-373-moon-652-active: #62a9a2;
- --green-menthe-925-125: #8bf8e7;
- --green-menthe-925-125-hover: #6ed5c5;
- --green-menthe-925-125-active: #62bfb1;
- --green-menthe-main-548: #009081;
- --green-menthe-850-200: #73e0cf;
- --green-archipel-975-75: #e5fbfd;
- --green-archipel-975-75-hover: #99f2f8;
- --green-archipel-975-75-active: #73e9f0;
- --green-archipel-950-100: #c7f6fc;
- --green-archipel-950-100-hover: #64ecf8;
- --green-archipel-950-100-active: #5bd8e3;
- --green-archipel-sun-391-moon-716: #006a6f;
- --green-archipel-sun-391-moon-716-hover: #009fa7;
- --green-archipel-sun-391-moon-716-active: #00bbc3;
- --green-archipel-925-125: #a6f2fa;
- --green-archipel-925-125-hover: #62dbe5;
- --green-archipel-925-125-active: #58c5cf;
- --green-archipel-main-557: #009099;
- --green-archipel-850-200: #60e0eb;
- --blue-ecume-975-75: #f4f6fe;
- --blue-ecume-975-75-hover: #d7dffb;
- --blue-ecume-975-75-active: #c3cffa;
- --blue-ecume-950-100: #e9edfe;
- --blue-ecume-950-100-hover: #c5d0fc;
- --blue-ecume-950-100-active: #adbffc;
- --blue-ecume-sun-247-moon-675: #2f4077;
- --blue-ecume-sun-247-moon-675-hover: #4e68bb;
- --blue-ecume-sun-247-moon-675-active: #667dcf;
- --blue-ecume-925-125: #dee5fd;
- --blue-ecume-925-125-hover: #b4c5fb;
- --blue-ecume-925-125-active: #99b3f9;
- --blue-ecume-main-400: #465f9d;
- --blue-ecume-850-200: #bfccfb;
- --blue-cumulus-975-75: #f3f6fe;
- --blue-cumulus-975-75-hover: #d3dffc;
- --blue-cumulus-975-75-active: #bed0fa;
- --blue-cumulus-950-100: #e6eefe;
- --blue-cumulus-950-100-hover: #bcd3fc;
- --blue-cumulus-950-100-active: #9fc3fc;
- --blue-cumulus-sun-368-moon-732: #3558a2;
- --blue-cumulus-sun-368-moon-732-hover: #5982e0;
- --blue-cumulus-sun-368-moon-732-active: #7996e6;
- --blue-cumulus-925-125: #dae6fd;
- --blue-cumulus-925-125-hover: #a9c8fb;
- --blue-cumulus-925-125-active: #8ab8f9;
- --blue-cumulus-main-526: #417dc4;
- --blue-cumulus-850-200: #b6cffb;
- --purple-glycine-975-75: #fef3fd;
- --purple-glycine-975-75-hover: #fcd4f8;
- --purple-glycine-975-75-active: #fabff5;
- --purple-glycine-950-100: #fee7fc;
- --purple-glycine-950-100-hover: #fdc0f8;
- --purple-glycine-950-100-active: #fca8f6;
- --purple-glycine-sun-319-moon-630: #6e445a;
- --purple-glycine-sun-319-moon-630-hover: #a66989;
- --purple-glycine-sun-319-moon-630-active: #bb7f9e;
- --purple-glycine-925-125: #fddbfa;
- --purple-glycine-925-125-hover: #fbaff5;
- --purple-glycine-925-125-active: #fa96f2;
- --purple-glycine-main-494: #a558a0;
- --purple-glycine-850-200: #fbb8f6;
- --pink-macaron-975-75: #fef4f2;
- --pink-macaron-975-75-hover: #fcd8d0;
- --pink-macaron-975-75-active: #fac5b8;
- --pink-macaron-950-100: #fee9e6;
- --pink-macaron-950-100-hover: #fdc6bd;
- --pink-macaron-950-100-active: #fcb0a2;
- --pink-macaron-sun-406-moon-833: #8d533e;
- --pink-macaron-sun-406-moon-833-hover: #ca795c;
- --pink-macaron-sun-406-moon-833-active: #e08e73;
- --pink-macaron-925-125: #fddfda;
- --pink-macaron-925-125-hover: #fbb8ab;
- --pink-macaron-925-125-active: #faa18d;
- --pink-macaron-main-689: #e18b76;
- --pink-macaron-850-200: #fcc0b4;
- --pink-tuile-975-75: #fef4f3;
- --pink-tuile-975-75-hover: #fcd7d3;
- --pink-tuile-975-75-active: #fac4be;
- --pink-tuile-950-100: #fee9e7;
- --pink-tuile-950-100-hover: #fdc6c0;
- --pink-tuile-950-100-active: #fcb0a7;
- --pink-tuile-sun-425-moon-750: #a94645;
- --pink-tuile-sun-425-moon-750-hover: #d5706f;
- --pink-tuile-sun-425-moon-750-active: #da8a89;
- --pink-tuile-925-125: #fddfdb;
- --pink-tuile-925-125-hover: #fbb8ad;
- --pink-tuile-925-125-active: #faa191;
- --pink-tuile-main-556: #ce614a;
- --pink-tuile-850-200: #fcbfb7;
- --yellow-tournesol-975-75: #fef6e3;
- --yellow-tournesol-975-75-hover: #fce086;
- --yellow-tournesol-975-75-active: #f5d24b;
- --yellow-tournesol-950-100: #feecc2;
- --yellow-tournesol-950-100-hover: #fbd335;
- --yellow-tournesol-950-100-active: #e6c130;
- --yellow-tournesol-sun-407-moon-922: #716043;
- --yellow-tournesol-sun-407-moon-922-hover: #a28a62;
- --yellow-tournesol-sun-407-moon-922-active: #ba9f72;
- --yellow-tournesol-925-125: #fde39c;
- --yellow-tournesol-925-125-hover: #e9c53b;
- --yellow-tournesol-925-125-active: #d3b235;
- --yellow-tournesol-main-731: #c8aa39;
- --yellow-tournesol-850-200: #efcb3a;
- --yellow-moutarde-975-75: #fef5e8;
- --yellow-moutarde-975-75-hover: #fcdca3;
- --yellow-moutarde-975-75-active: #fbcd64;
- --yellow-moutarde-950-100: #feebd0;
- --yellow-moutarde-950-100-hover: #fdcd6d;
- --yellow-moutarde-950-100-active: #f4be30;
- --yellow-moutarde-sun-348-moon-860: #695240;
- --yellow-moutarde-sun-348-moon-860-hover: #9b7b61;
- --yellow-moutarde-sun-348-moon-860-active: #b58f72;
- --yellow-moutarde-925-125: #fde2b5;
- --yellow-moutarde-925-125-hover: #f6c43c;
- --yellow-moutarde-925-125-active: #dfb135;
- --yellow-moutarde-main-679: #c3992a;
- --yellow-moutarde-850-200: #fcc63a;
- --orange-terre-battue-975-75: #fef4f2;
- --orange-terre-battue-975-75-hover: #fcd8d0;
- --orange-terre-battue-975-75-active: #fac5b8;
- --orange-terre-battue-950-100: #fee9e5;
- --orange-terre-battue-950-100-hover: #fdc6ba;
- --orange-terre-battue-950-100-active: #fcb09e;
- --orange-terre-battue-sun-370-moon-672: #755348;
- --orange-terre-battue-sun-370-moon-672-hover: #ab7b6b;
- --orange-terre-battue-sun-370-moon-672-active: #c68f7d;
- --orange-terre-battue-925-125: #fddfd8;
- --orange-terre-battue-925-125-hover: #fbb8a5;
- --orange-terre-battue-925-125-active: #faa184;
- --orange-terre-battue-main-645: #e4794a;
- --orange-terre-battue-850-200: #fcc0b0;
- --brown-cafe-creme-975-75: #fbf6ed;
- --brown-cafe-creme-975-75-hover: #f2deb6;
- --brown-cafe-creme-975-75-active: #eacf91;
- --brown-cafe-creme-950-100: #f7ecdb;
- --brown-cafe-creme-950-100-hover: #edce94;
- --brown-cafe-creme-950-100-active: #dabd84;
- --brown-cafe-creme-sun-383-moon-885: #685c48;
- --brown-cafe-creme-sun-383-moon-885-hover: #97866a;
- --brown-cafe-creme-sun-383-moon-885-active: #ae9b7b;
- --brown-cafe-creme-925-125: #f4e3c7;
- --brown-cafe-creme-925-125-hover: #e1c386;
- --brown-cafe-creme-925-125-active: #ccb078;
- --brown-cafe-creme-main-782: #d1b781;
- --brown-cafe-creme-850-200: #e7ca8e;
- --brown-caramel-975-75: #fbf5f2;
- --brown-caramel-975-75-hover: #f1dbcf;
- --brown-caramel-975-75-active: #ecc9b5;
- --brown-caramel-950-100: #f7ebe5;
- --brown-caramel-950-100-hover: #eccbb9;
- --brown-caramel-950-100-active: #e6b79a;
- --brown-caramel-sun-425-moon-901: #845d48;
- --brown-caramel-sun-425-moon-901-hover: #bb8568;
- --brown-caramel-sun-425-moon-901-active: #d69978;
- --brown-caramel-925-125: #f3e2d9;
- --brown-caramel-925-125-hover: #e7bea6;
- --brown-caramel-925-125-active: #e1a982;
- --brown-caramel-main-648: #c08c65;
- --brown-caramel-850-200: #eac7b2;
- --brown-opera-975-75: #fbf5f2;
- --brown-opera-975-75-hover: #f1dbcf;
- --brown-opera-975-75-active: #ecc9b5;
- --brown-opera-950-100: #f7ece4;
- --brown-opera-950-100-hover: #eccdb3;
- --brown-opera-950-100-active: #e6ba90;
- --brown-opera-sun-395-moon-820: #745b47;
- --brown-opera-sun-395-moon-820-hover: #a78468;
- --brown-opera-sun-395-moon-820-active: #c09979;
- --brown-opera-925-125: #f3e2d7;
- --brown-opera-925-125-hover: #e7bfa0;
- --brown-opera-925-125-active: #deaa7e;
- --brown-opera-main-680: #bd987a;
- --brown-opera-850-200: #eac7ad;
- --beige-gris-galet-975-75: #f9f6f2;
- --beige-gris-galet-975-75-hover: #eadecd;
- --beige-gris-galet-975-75-active: #e1ceb1;
- --beige-gris-galet-950-100: #f3ede5;
- --beige-gris-galet-950-100-hover: #e1d0b5;
- --beige-gris-galet-950-100-active: #d1bea2;
- --beige-gris-galet-sun-407-moon-821: #6a6156;
- --beige-gris-galet-sun-407-moon-821-hover: #988b7c;
- --beige-gris-galet-sun-407-moon-821-active: #afa08f;
- --beige-gris-galet-925-125: #eee4d9;
- --beige-gris-galet-925-125-hover: #dbc3a4;
- --beige-gris-galet-925-125-active: #c6b094;
- --beige-gris-galet-main-702: #aea397;
- --beige-gris-galet-850-200: #e0cab0;
- box-sizing: border-box;
- --scrollbar-width: 0;
- --ground: 0;
- --shadow-color: rgba(0, 0, 18, 0.16);
- --raised-shadow: 0 1px 3px var(--shadow-color);
- --overlap-shadow: 0 2px 6px var(--shadow-color);
- --lifted-shadow: 0 3px 9px var(--shadow-color);
-}
-
-[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);
-}
-
-[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%;
- --icon-size: 1rem;
- -webkit-mask-image: url('icons/system/external-link-line.svg');
- mask-image: url('icons/system/external-link-line.svg');
- 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%;
- --icon-size: 1rem;
- -webkit-mask-image: url('icons/system/external-link-line.svg');
- mask-image: url('icons/system/external-link-line.svg');
- 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;
-}
-
-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;
-}
-
-input[type='search'] {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-}
-
-input[type='checkbox'],
-input[type='radio'] {
- -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;
- mask-size: 1.25rem 1.25rem;
-}
-
-a,
-button,
-input,
-input[type='checkbox'] + label::before,
-input[type='radio'] + label::before,
-input[type='button'],
-input[type='image'],
-input[type='reset'],
-input[type='submit'],
-select,
-textarea,
-[tabindex],
-video[controls],
-audio[controls],
-[contenteditable]:not([contenteditable='false']),
-details,
-details > summary:first-of-type {
- 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-style: solid;
-}
-
-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;
-}
-
-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;
-}
-
-button,
-input[type='button'],
-input[type='image'],
-input[type='reset'],
-input[type='submit'] {
- --hover-tint: var(--hover);
- --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;
-}
-
-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;
-}
-
-/**
- * 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,
-textarea:disabled,
-video:not([href]),
-audio:not([href]) {
- opacity: 1;
- color: var(--text-disabled-grey);
-}
-
-.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;
-}
-
-.fr-transition-none {
- transition: none !important;
-}
-
-/**
- * Déclaration des fontes
- */
-h6 {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
- margin: var(--title-spacing);
-}
-
-h5 {
- font-weight: 700;
- font-size: 1.25rem;
- line-height: 1.75rem;
- margin: var(--title-spacing);
-}
-
-h4 {
- font-weight: 700;
- font-size: 1.375rem;
- line-height: 1.75rem;
- margin: var(--title-spacing);
-}
-
-h3 {
- font-weight: 700;
- font-size: 1.5rem;
- line-height: 2rem;
- margin: var(--title-spacing);
-}
-
-h2 {
- font-weight: 700;
- font-size: 1.75rem;
- line-height: 2.25rem;
- margin: var(--title-spacing);
-}
-
-h1 {
- font-weight: 700;
- font-size: 2rem;
- line-height: 2.5rem;
- margin: var(--title-spacing);
-}
-
-p {
- font-size: 1rem;
- line-height: 1.5rem;
- margin: var(--text-spacing);
-}
-
-ul,
-ol {
- 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);
-}
-
-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;
-}
-
-li {
- --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, '.') '.  ';
-}
-
-sub {
- line-height: 1;
-}
-
-sup {
- line-height: 1;
-}
-
-.fr-text--light {
- font-weight: 300 !important;
-}
-
-.fr-text--regular {
- font-weight: 400 !important;
-}
-
-.fr-text--bold {
- font-weight: 700 !important;
-}
-
-.fr-text--heavy {
- font-weight: 900 !important;
-}
-
-.fr-h6 {
- font-weight: 700 !important;
- font-size: 1.125rem !important;
- line-height: 1.5rem !important;
- margin: var(--title-spacing);
-}
-
-.fr-h5 {
- font-weight: 700 !important;
- font-size: 1.25rem !important;
- line-height: 1.75rem !important;
- margin: var(--title-spacing);
-}
-
-.fr-h4 {
- font-weight: 700 !important;
- font-size: 1.375rem !important;
- line-height: 1.75rem !important;
- margin: var(--title-spacing);
-}
-
-.fr-h3 {
- font-weight: 700 !important;
- font-size: 1.5rem !important;
- line-height: 2rem !important;
- margin: var(--title-spacing);
-}
-
-.fr-h2 {
- font-weight: 700 !important;
- font-size: 1.75rem !important;
- line-height: 2.25rem !important;
- margin: var(--title-spacing);
-}
-
-.fr-h1 {
- font-weight: 700 !important;
- font-size: 2rem !important;
- line-height: 2.5rem !important;
- margin: var(--title-spacing);
-}
-
-.fr-display--xs {
- font-weight: 700 !important;
- font-size: 2.5rem !important;
- line-height: 3rem !important;
- margin: var(--display-spacing);
-}
-
-.fr-display--sm {
- font-weight: 700 !important;
- font-size: 3rem !important;
- line-height: 3.5rem !important;
- margin: var(--display-spacing);
-}
-
-.fr-display--md {
- font-weight: 700 !important;
- font-size: 3.5rem !important;
- line-height: 4rem !important;
- margin: var(--display-spacing);
-}
-
-.fr-display--lg {
- font-weight: 700 !important;
- font-size: 4rem !important;
- line-height: 4.5rem !important;
- margin: var(--display-spacing);
-}
-
-.fr-display--xl {
- font-weight: 700 !important;
- font-size: 4.5rem !important;
- line-height: 5rem !important;
- margin: var(--display-spacing);
-}
-
-.fr-text--alt {
- font-family: 'Spectral', georgia, serif !important;
-}
-
-.fr-text--xs {
- font-size: 0.75rem !important;
- line-height: 1.25rem !important;
- margin: var(--text-spacing);
-}
-
-.fr-text--sm {
- font-size: 0.875rem !important;
- line-height: 1.5rem !important;
- margin: var(--text-spacing);
-}
-
-.fr-text--md {
- font-size: 1rem !important;
- line-height: 1.5rem !important;
- margin: var(--text-spacing);
-}
-
-.fr-text--lg {
- font-size: 1.125rem !important;
- line-height: 1.75rem !important;
- margin: var(--text-spacing);
-}
-
-.fr-text--xl,
-.fr-text--lead {
- font-size: 1.25rem !important;
- line-height: 2rem !important;
- margin: var(--text-spacing);
-}
-
-*,
-*::before,
-*::after {
- box-sizing: inherit;
-}
-
-body {
- font-family: 'Marianne', arial, sans-serif;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -webkit-text-size-adjust: 100%;
- margin: 0;
- padding: 0;
- 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);
-}
-
-[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%;
- --icon-size: 1.5rem;
-}
-
-[class^='fr-icon-']::before,
-[class*=' fr-icon-']::before,
-[class^='fr-fi-']::before,
-[class*=' fr-fi-']::before {
- content: '';
-}
-
-.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-hidden {
- display: none !important;
-}
-
-.fr-unhidden {
- display: inherit !important;
-}
-
-/**
-* Fixe le scroll en arrière plan
-*/
-:root body {
- border-right: var(--scrollbar-width) solid transparent;
-}
-
-:root[data-fr-scrolling] body {
- overflow: hidden;
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
-}
-
-.fr-sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
-}
-
-hr {
- padding: var(--text-spacing);
- margin: 0;
- border: 0;
- display: block;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: 0 0;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-hr {
- padding: var(--text-spacing);
- margin: 0;
- border: 0;
- display: block;
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: 0 0;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-hr--sm {
- width: 10rem;
- margin-left: auto;
- margin-right: auto;
-}
-
-.fr-hr-or {
- font-size: 0.875rem;
- line-height: 1.5rem;
- text-transform: uppercase;
- font-weight: 700;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- flex-wrap: nowrap;
-}
-
-.fr-hr-or::before,
-.fr-hr-or::after {
- content: '';
- display: inline-flex;
- height: 1px;
- width: 100%;
- background-color: var(--border-default-grey);
- --idle: transparent;
- --hover: var(--border-default-grey-hover);
- --active: var(--border-default-grey-active);
-}
-
-.fr-hr-or::before {
- margin-right: 0.75rem;
-}
-
-.fr-hr-or::after {
- margin-left: 0.75rem;
-}
-
-.fr-ellipsis {
- display: inline !important;
- white-space: nowrap !important;
- overflow: hidden !important;
- text-overflow: ellipsis !important;
-}
-
-iframe {
- border: 0;
-}
-
-.fr-fluid-img {
- max-width: 100%;
- height: auto;
-}
-
-@supports (aspect-ratio: 16/9) {
- .fr-ratio-32x9 {
- aspect-ratio: 3.5555555556 !important;
- }
- .fr-ratio-16x9 {
- aspect-ratio: 1.7777777778 !important;
- }
- .fr-ratio-3x2 {
- aspect-ratio: 1.5 !important;
- }
- .fr-ratio-4x3 {
- aspect-ratio: 1.3333333333 !important;
- }
- .fr-ratio-1x1 {
- aspect-ratio: 1 !important;
- }
- .fr-ratio-3x4 {
- aspect-ratio: 0.75 !important;
- }
- .fr-ratio-2x3 {
- aspect-ratio: 0.6666666667 !important;
- }
-}
-[class^='fr-ratio'],
-[class*=' fr-ratio'] {
- object-fit: cover;
- object-position: 50% 50%;
- width: 100%;
-}
-
-iframe[class^='fr-ratio'],
-iframe[class*=' fr-ratio'] {
- object-fit: fill;
-}
-
-.fr-responsive-img {
- width: 100%;
- height: auto;
-}
-
-.fr-responsive-vid {
- position: relative;
- width: 100%;
- aspect-ratio: 1.7777777778;
- display: block;
-}
-
-.fr-responsive-vid__player {
- width: 100%;
- height: 100%;
- display: block;
- border: 0;
-}
-
-.fr-responsive-vid > .fr-consent-placeholder {
- object-fit: cover;
- object-position: 50% 50%;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
-.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 {
- width: 100%;
- margin-left: auto;
- margin-right: auto;
- 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 8.3333333333%;
- width: 8.3333333333%;
- max-width: 8.3333333333%;
-}
-
-.fr-col-offset-1:not(.fr-col-offset-1--right) {
- margin-left: 8.3333333333%;
-}
-
-.fr-col-offset-1--right {
- margin-right: 8.3333333333%;
-}
-
-.fr-col-2 {
- flex: 0 0 16.6666666667%;
- width: 16.6666666667%;
- max-width: 16.6666666667%;
-}
-
-.fr-col-offset-2:not(.fr-col-offset-2--right) {
- margin-left: 16.6666666667%;
-}
-
-.fr-col-offset-2--right {
- margin-right: 16.6666666667%;
-}
-
-.fr-col-3 {
- flex: 0 0 25%;
- width: 25%;
- max-width: 25%;
-}
-
-.fr-col-offset-3:not(.fr-col-offset-3--right) {
- margin-left: 25%;
-}
-
-.fr-col-offset-3--right {
- margin-right: 25%;
-}
-
-.fr-col-4 {
- flex: 0 0 33.3333333333%;
- width: 33.3333333333%;
- max-width: 33.3333333333%;
-}
-
-.fr-col-offset-4:not(.fr-col-offset-4--right) {
- margin-left: 33.3333333333%;
-}
-
-.fr-col-offset-4--right {
- margin-right: 33.3333333333%;
-}
-
-.fr-col-5 {
- flex: 0 0 41.6666666667%;
- width: 41.6666666667%;
- max-width: 41.6666666667%;
-}
-
-.fr-col-offset-5:not(.fr-col-offset-5--right) {
- margin-left: 41.6666666667%;
-}
-
-.fr-col-offset-5--right {
- margin-right: 41.6666666667%;
-}
-
-.fr-col-6 {
- flex: 0 0 50%;
- width: 50%;
- max-width: 50%;
-}
-
-.fr-col-offset-6:not(.fr-col-offset-6--right) {
- margin-left: 50%;
-}
-
-.fr-col-offset-6--right {
- margin-right: 50%;
-}
-
-.fr-col-7 {
- flex: 0 0 58.3333333333%;
- width: 58.3333333333%;
- max-width: 58.3333333333%;
-}
-
-.fr-col-offset-7:not(.fr-col-offset-7--right) {
- margin-left: 58.3333333333%;
-}
-
-.fr-col-offset-7--right {
- margin-right: 58.3333333333%;
-}
-
-.fr-col-8 {
- flex: 0 0 66.6666666667%;
- width: 66.6666666667%;
- max-width: 66.6666666667%;
-}
-
-.fr-col-offset-8:not(.fr-col-offset-8--right) {
- margin-left: 66.6666666667%;
-}
-
-.fr-col-offset-8--right {
- margin-right: 66.6666666667%;
-}
-
-.fr-col-9 {
- flex: 0 0 75%;
- width: 75%;
- max-width: 75%;
-}
-
-.fr-col-offset-9:not(.fr-col-offset-9--right) {
- margin-left: 75%;
-}
-
-.fr-col-offset-9--right {
- margin-right: 75%;
-}
-
-.fr-col-10 {
- flex: 0 0 83.3333333333%;
- width: 83.3333333333%;
- max-width: 83.3333333333%;
-}
-
-.fr-col-offset-10:not(.fr-col-offset-10--right) {
- margin-left: 83.3333333333%;
-}
-
-.fr-col-offset-10--right {
- margin-right: 83.3333333333%;
-}
-
-.fr-col-11 {
- flex: 0 0 91.6666666667%;
- width: 91.6666666667%;
- max-width: 91.6666666667%;
-}
-
-.fr-col-offset-11:not(.fr-col-offset-11--right) {
- margin-left: 91.6666666667%;
-}
-
-.fr-col-offset-11--right {
- margin-right: 91.6666666667%;
-}
-
-.fr-col-12 {
- flex: 0 0 100%;
- width: 100%;
- max-width: 100%;
-}
-
-.fr-col-offset-12:not(.fr-col-offset-12--right) {
- margin-left: 100%;
-}
-
-.fr-col-offset-12--right {
- margin-right: 100%;
-}
-
-.fr-no-before::before {
- content: none;
-}
-
-.fr-no-after::after {
- content: none;
-}
-
-.fr-collapse {
- --collapse-max-height: 0;
- --collapse: -99999px;
- --collapser: '';
- overflow: hidden;
- transition: visibility 0.3s;
- max-height: 0;
- max-height: var(--collapse-max-height);
-}
-
-.fr-collapse::before {
- display: block;
- content: '';
- content: var(--collapser);
- transition: margin-top 0.3s;
- margin-top: 0;
-}
-
-.fr-collapse:not(.fr-collapse--expanded) {
- visibility: hidden;
-}
-
-.fr-collapse:not(.fr-collapse--expanded)::before {
- margin-top: -99999px;
- margin-top: var(--collapse);
-}
-
-.fr-m-n8v,
-.fr-m-n4w {
- margin: -2rem !important;
-}
-
-.fr-ml-n8v,
-.fr-ml-n4w,
-.fr-mx-n8v,
-.fr-mx-n4w {
- margin-left: -2rem !important;
-}
-
-.fr-mr-n8v,
-.fr-mr-n4w,
-.fr-mx-n8v,
-.fr-mx-n4w {
- margin-right: -2rem !important;
-}
-
-.fr-mt-n8v,
-.fr-mt-n4w,
-.fr-my-n8v,
-.fr-my-n4w {
- margin-top: -2rem !important;
-}
-
-.fr-mb-n8v,
-.fr-mb-n4w,
-.fr-my-n8v,
-.fr-my-n4w {
- margin-bottom: -2rem !important;
-}
-
-.fr-m-n7v {
- margin: -1.75rem !important;
-}
-
-.fr-ml-n7v,
-.fr-mx-n7v {
- margin-left: -1.75rem !important;
-}
-
-.fr-mr-n7v,
-.fr-mx-n7v {
- margin-right: -1.75rem !important;
-}
-
-.fr-mt-n7v,
-.fr-my-n7v {
- margin-top: -1.75rem !important;
-}
-
-.fr-mb-n7v,
-.fr-my-n7v {
- margin-bottom: -1.75rem !important;
-}
-
-.fr-m-n6v,
-.fr-m-n3w {
- margin: -1.5rem !important;
-}
-
-.fr-ml-n6v,
-.fr-ml-n3w,
-.fr-mx-n6v,
-.fr-mx-n3w {
- margin-left: -1.5rem !important;
-}
-
-.fr-mr-n6v,
-.fr-mr-n3w,
-.fr-mx-n6v,
-.fr-mx-n3w {
- margin-right: -1.5rem !important;
-}
-
-.fr-mt-n6v,
-.fr-mt-n3w,
-.fr-my-n6v,
-.fr-my-n3w {
- margin-top: -1.5rem !important;
-}
-
-.fr-mb-n6v,
-.fr-mb-n3w,
-.fr-my-n6v,
-.fr-my-n3w {
- margin-bottom: -1.5rem !important;
-}
-
-.fr-m-n5v {
- margin: -1.25rem !important;
-}
-
-.fr-ml-n5v,
-.fr-mx-n5v {
- margin-left: -1.25rem !important;
-}
-
-.fr-mr-n5v,
-.fr-mx-n5v {
- margin-right: -1.25rem !important;
-}
-
-.fr-mt-n5v,
-.fr-my-n5v {
- margin-top: -1.25rem !important;
-}
-
-.fr-mb-n5v,
-.fr-my-n5v {
- margin-bottom: -1.25rem !important;
-}
-
-.fr-m-n4v,
-.fr-m-n2w {
- margin: -1rem !important;
-}
-
-.fr-ml-n4v,
-.fr-ml-n2w,
-.fr-mx-n4v,
-.fr-mx-n2w {
- margin-left: -1rem !important;
-}
-
-.fr-mr-n4v,
-.fr-mr-n2w,
-.fr-mx-n4v,
-.fr-mx-n2w {
- margin-right: -1rem !important;
-}
-
-.fr-mt-n4v,
-.fr-mt-n2w,
-.fr-my-n4v,
-.fr-my-n2w {
- margin-top: -1rem !important;
-}
-
-.fr-mb-n4v,
-.fr-mb-n2w,
-.fr-my-n4v,
-.fr-my-n2w {
- margin-bottom: -1rem !important;
-}
-
-.fr-m-n3v {
- margin: -0.75rem !important;
-}
-
-.fr-ml-n3v,
-.fr-mx-n3v {
- margin-left: -0.75rem !important;
-}
-
-.fr-mr-n3v,
-.fr-mx-n3v {
- margin-right: -0.75rem !important;
-}
-
-.fr-mt-n3v,
-.fr-my-n3v {
- margin-top: -0.75rem !important;
-}
-
-.fr-mb-n3v,
-.fr-my-n3v {
- margin-bottom: -0.75rem !important;
-}
-
-.fr-m-n2v,
-.fr-m-n1w {
- margin: -0.5rem !important;
-}
-
-.fr-ml-n2v,
-.fr-ml-n1w,
-.fr-mx-n2v,
-.fr-mx-n1w {
- margin-left: -0.5rem !important;
-}
-
-.fr-mr-n2v,
-.fr-mr-n1w,
-.fr-mx-n2v,
-.fr-mx-n1w {
- margin-right: -0.5rem !important;
-}
-
-.fr-mt-n2v,
-.fr-mt-n1w,
-.fr-my-n2v,
-.fr-my-n1w {
- margin-top: -0.5rem !important;
-}
-
-.fr-mb-n2v,
-.fr-mb-n1w,
-.fr-my-n2v,
-.fr-my-n1w {
- margin-bottom: -0.5rem !important;
-}
-
-.fr-m-n1v {
- margin: -0.25rem !important;
-}
-
-.fr-ml-n1v,
-.fr-mx-n1v {
- margin-left: -0.25rem !important;
-}
-
-.fr-mr-n1v,
-.fr-mx-n1v {
- margin-right: -0.25rem !important;
-}
-
-.fr-mt-n1v,
-.fr-my-n1v {
- margin-top: -0.25rem !important;
-}
-
-.fr-mb-n1v,
-.fr-my-n1v {
- margin-bottom: -0.25rem !important;
-}
-
-.fr-m-n1-5v {
- margin: -0.375rem !important;
-}
-
-.fr-ml-n1-5v,
-.fr-mx-n1-5v {
- margin-left: -0.375rem !important;
-}
-
-.fr-mr-n1-5v,
-.fr-mx-n1-5v {
- margin-right: -0.375rem !important;
-}
-
-.fr-mt-n1-5v,
-.fr-my-n1-5v {
- margin-top: -0.375rem !important;
-}
-
-.fr-mb-n1-5v,
-.fr-my-n1-5v {
- margin-bottom: -0.375rem !important;
-}
-
-.fr-m-0 {
- margin: 0 !important;
-}
-
-.fr-ml-0,
-.fr-mx-0 {
- margin-left: 0 !important;
-}
-
-.fr-mr-0,
-.fr-mx-0 {
- margin-right: 0 !important;
-}
-
-.fr-mt-0,
-.fr-my-0 {
- margin-top: 0 !important;
-}
-
-.fr-mb-0,
-.fr-my-0 {
- margin-bottom: 0 !important;
-}
-
-.fr-m-n0-5v {
- margin: -0.125rem !important;
-}
-
-.fr-ml-n0-5v,
-.fr-mx-n0-5v {
- margin-left: -0.125rem !important;
-}
-
-.fr-mr-n0-5v,
-.fr-mx-n0-5v {
- margin-right: -0.125rem !important;
-}
-
-.fr-mt-n0-5v,
-.fr-my-n0-5v {
- margin-top: -0.125rem !important;
-}
-
-.fr-mb-n0-5v,
-.fr-my-n0-5v {
- margin-bottom: -0.125rem !important;
-}
-
-.fr-m-0-5v {
- margin: 0.125rem !important;
-}
-
-.fr-ml-0-5v,
-.fr-mx-0-5v {
- margin-left: 0.125rem !important;
-}
-
-.fr-mr-0-5v,
-.fr-mx-0-5v {
- margin-right: 0.125rem !important;
-}
-
-.fr-mt-0-5v,
-.fr-my-0-5v {
- margin-top: 0.125rem !important;
-}
-
-.fr-mb-0-5v,
-.fr-my-0-5v {
- margin-bottom: 0.125rem !important;
-}
-
-.fr-m-1v {
- margin: 0.25rem !important;
-}
-
-.fr-ml-1v,
-.fr-mx-1v {
- margin-left: 0.25rem !important;
-}
-
-.fr-mr-1v,
-.fr-mx-1v {
- margin-right: 0.25rem !important;
-}
-
-.fr-mt-1v,
-.fr-my-1v {
- margin-top: 0.25rem !important;
-}
-
-.fr-mb-1v,
-.fr-my-1v {
- margin-bottom: 0.25rem !important;
-}
-
-.fr-m-1-5v {
- margin: 0.375rem !important;
-}
-
-.fr-ml-1-5v,
-.fr-mx-1-5v {
- margin-left: 0.375rem !important;
-}
-
-.fr-mr-1-5v,
-.fr-mx-1-5v {
- margin-right: 0.375rem !important;
-}
-
-.fr-mt-1-5v,
-.fr-my-1-5v {
- margin-top: 0.375rem !important;
-}
-
-.fr-mb-1-5v,
-.fr-my-1-5v {
- margin-bottom: 0.375rem !important;
-}
-
-.fr-m-2v,
-.fr-m-1w {
- margin: 0.5rem !important;
-}
-
-.fr-ml-2v,
-.fr-ml-1w,
-.fr-mx-2v,
-.fr-mx-1w {
- margin-left: 0.5rem !important;
-}
-
-.fr-mr-2v,
-.fr-mr-1w,
-.fr-mx-2v,
-.fr-mx-1w {
- margin-right: 0.5rem !important;
-}
-
-.fr-mt-2v,
-.fr-mt-1w,
-.fr-my-2v,
-.fr-my-1w {
- margin-top: 0.5rem !important;
-}
-
-.fr-mb-2v,
-.fr-mb-1w,
-.fr-my-2v,
-.fr-my-1w {
- margin-bottom: 0.5rem !important;
-}
-
-.fr-m-3v {
- margin: 0.75rem !important;
-}
-
-.fr-ml-3v,
-.fr-mx-3v {
- margin-left: 0.75rem !important;
-}
-
-.fr-mr-3v,
-.fr-mx-3v {
- margin-right: 0.75rem !important;
-}
-
-.fr-mt-3v,
-.fr-my-3v {
- margin-top: 0.75rem !important;
-}
-
-.fr-mb-3v,
-.fr-my-3v {
- margin-bottom: 0.75rem !important;
-}
-
-.fr-m-4v,
-.fr-m-2w {
- margin: 1rem !important;
-}
-
-.fr-ml-4v,
-.fr-ml-2w,
-.fr-mx-4v,
-.fr-mx-2w {
- margin-left: 1rem !important;
-}
-
-.fr-mr-4v,
-.fr-mr-2w,
-.fr-mx-4v,
-.fr-mx-2w {
- margin-right: 1rem !important;
-}
-
-.fr-mt-4v,
-.fr-mt-2w,
-.fr-my-4v,
-.fr-my-2w {
- margin-top: 1rem !important;
-}
-
-.fr-mb-4v,
-.fr-mb-2w,
-.fr-my-4v,
-.fr-my-2w {
- margin-bottom: 1rem !important;
-}
-
-.fr-m-5v {
- margin: 1.25rem !important;
-}
-
-.fr-ml-5v,
-.fr-mx-5v {
- margin-left: 1.25rem !important;
-}
-
-.fr-mr-5v,
-.fr-mx-5v {
- margin-right: 1.25rem !important;
-}
-
-.fr-mt-5v,
-.fr-my-5v {
- margin-top: 1.25rem !important;
-}
-
-.fr-mb-5v,
-.fr-my-5v {
- margin-bottom: 1.25rem !important;
-}
-
-.fr-m-6v,
-.fr-m-3w {
- margin: 1.5rem !important;
-}
-
-.fr-ml-6v,
-.fr-ml-3w,
-.fr-mx-6v,
-.fr-mx-3w {
- margin-left: 1.5rem !important;
-}
-
-.fr-mr-6v,
-.fr-mr-3w,
-.fr-mx-6v,
-.fr-mx-3w {
- margin-right: 1.5rem !important;
-}
-
-.fr-mt-6v,
-.fr-mt-3w,
-.fr-my-6v,
-.fr-my-3w {
- margin-top: 1.5rem !important;
-}
-
-.fr-mb-6v,
-.fr-mb-3w,
-.fr-my-6v,
-.fr-my-3w {
- margin-bottom: 1.5rem !important;
-}
-
-.fr-m-7v {
- margin: 1.75rem !important;
-}
-
-.fr-ml-7v,
-.fr-mx-7v {
- margin-left: 1.75rem !important;
-}
-
-.fr-mr-7v,
-.fr-mx-7v {
- margin-right: 1.75rem !important;
-}
-
-.fr-mt-7v,
-.fr-my-7v {
- margin-top: 1.75rem !important;
-}
-
-.fr-mb-7v,
-.fr-my-7v {
- margin-bottom: 1.75rem !important;
-}
-
-.fr-m-8v,
-.fr-m-4w {
- margin: 2rem !important;
-}
-
-.fr-ml-8v,
-.fr-ml-4w,
-.fr-mx-8v,
-.fr-mx-4w {
- margin-left: 2rem !important;
-}
-
-.fr-mr-8v,
-.fr-mr-4w,
-.fr-mx-8v,
-.fr-mx-4w {
- margin-right: 2rem !important;
-}
-
-.fr-mt-8v,
-.fr-mt-4w,
-.fr-my-8v,
-.fr-my-4w {
- margin-top: 2rem !important;
-}
-
-.fr-mb-8v,
-.fr-mb-4w,
-.fr-my-8v,
-.fr-my-4w {
- margin-bottom: 2rem !important;
-}
-
-.fr-m-9v {
- margin: 2.25rem !important;
-}
-
-.fr-ml-9v,
-.fr-mx-9v {
- margin-left: 2.25rem !important;
-}
-
-.fr-mr-9v,
-.fr-mx-9v {
- margin-right: 2.25rem !important;
-}
-
-.fr-mt-9v,
-.fr-my-9v {
- margin-top: 2.25rem !important;
-}
-
-.fr-mb-9v,
-.fr-my-9v {
- margin-bottom: 2.25rem !important;
-}
-
-.fr-m-10v,
-.fr-m-5w {
- margin: 2.5rem !important;
-}
-
-.fr-ml-10v,
-.fr-ml-5w,
-.fr-mx-10v,
-.fr-mx-5w {
- margin-left: 2.5rem !important;
-}
-
-.fr-mr-10v,
-.fr-mr-5w,
-.fr-mx-10v,
-.fr-mx-5w {
- margin-right: 2.5rem !important;
-}
-
-.fr-mt-10v,
-.fr-mt-5w,
-.fr-my-10v,
-.fr-my-5w {
- margin-top: 2.5rem !important;
-}
-
-.fr-mb-10v,
-.fr-mb-5w,
-.fr-my-10v,
-.fr-my-5w {
- margin-bottom: 2.5rem !important;
-}
-
-.fr-m-11v {
- margin: 2.75rem !important;
-}
-
-.fr-ml-11v,
-.fr-mx-11v {
- margin-left: 2.75rem !important;
-}
-
-.fr-mr-11v,
-.fr-mx-11v {
- margin-right: 2.75rem !important;
-}
-
-.fr-mt-11v,
-.fr-my-11v {
- margin-top: 2.75rem !important;
-}
-
-.fr-mb-11v,
-.fr-my-11v {
- margin-bottom: 2.75rem !important;
-}
-
-.fr-m-12v,
-.fr-m-6w {
- margin: 3rem !important;
-}
-
-.fr-ml-12v,
-.fr-ml-6w,
-.fr-mx-12v,
-.fr-mx-6w {
- margin-left: 3rem !important;
-}
-
-.fr-mr-12v,
-.fr-mr-6w,
-.fr-mx-12v,
-.fr-mx-6w {
- margin-right: 3rem !important;
-}
-
-.fr-mt-12v,
-.fr-mt-6w,
-.fr-my-12v,
-.fr-my-6w {
- margin-top: 3rem !important;
-}
-
-.fr-mb-12v,
-.fr-mb-6w,
-.fr-my-12v,
-.fr-my-6w {
- margin-bottom: 3rem !important;
-}
-
-.fr-m-13v {
- margin: 3.25rem !important;
-}
-
-.fr-ml-13v,
-.fr-mx-13v {
- margin-left: 3.25rem !important;
-}
-
-.fr-mr-13v,
-.fr-mx-13v {
- margin-right: 3.25rem !important;
-}
-
-.fr-mt-13v,
-.fr-my-13v {
- margin-top: 3.25rem !important;
-}
-
-.fr-mb-13v,
-.fr-my-13v {
- margin-bottom: 3.25rem !important;
-}
-
-.fr-m-14v,
-.fr-m-7w {
- margin: 3.5rem !important;
-}
-
-.fr-ml-14v,
-.fr-ml-7w,
-.fr-mx-14v,
-.fr-mx-7w {
- margin-left: 3.5rem !important;
-}
-
-.fr-mr-14v,
-.fr-mr-7w,
-.fr-mx-14v,
-.fr-mx-7w {
- margin-right: 3.5rem !important;
-}
-
-.fr-mt-14v,
-.fr-mt-7w,
-.fr-my-14v,
-.fr-my-7w {
- margin-top: 3.5rem !important;
-}
-
-.fr-mb-14v,
-.fr-mb-7w,
-.fr-my-14v,
-.fr-my-7w {
- margin-bottom: 3.5rem !important;
-}
-
-.fr-m-15v {
- margin: 3.75rem !important;
-}
-
-.fr-ml-15v,
-.fr-mx-15v {
- margin-left: 3.75rem !important;
-}
-
-.fr-mr-15v,
-.fr-mx-15v {
- margin-right: 3.75rem !important;
-}
-
-.fr-mt-15v,
-.fr-my-15v {
- margin-top: 3.75rem !important;
-}
-
-.fr-mb-15v,
-.fr-my-15v {
- margin-bottom: 3.75rem !important;
-}
-
-.fr-m-16v,
-.fr-m-8w {
- margin: 4rem !important;
-}
-
-.fr-ml-16v,
-.fr-ml-8w,
-.fr-mx-16v,
-.fr-mx-8w {
- margin-left: 4rem !important;
-}
-
-.fr-mr-16v,
-.fr-mr-8w,
-.fr-mx-16v,
-.fr-mx-8w {
- margin-right: 4rem !important;
-}
-
-.fr-mt-16v,
-.fr-mt-8w,
-.fr-my-16v,
-.fr-my-8w {
- margin-top: 4rem !important;
-}
-
-.fr-mb-16v,
-.fr-mb-8w,
-.fr-my-16v,
-.fr-my-8w {
- margin-bottom: 4rem !important;
-}
-
-.fr-m-17v {
- margin: 4.25rem !important;
-}
-
-.fr-ml-17v,
-.fr-mx-17v {
- margin-left: 4.25rem !important;
-}
-
-.fr-mr-17v,
-.fr-mx-17v {
- margin-right: 4.25rem !important;
-}
-
-.fr-mt-17v,
-.fr-my-17v {
- margin-top: 4.25rem !important;
-}
-
-.fr-mb-17v,
-.fr-my-17v {
- margin-bottom: 4.25rem !important;
-}
-
-.fr-m-18v,
-.fr-m-9w {
- margin: 4.5rem !important;
-}
-
-.fr-ml-18v,
-.fr-ml-9w,
-.fr-mx-18v,
-.fr-mx-9w {
- margin-left: 4.5rem !important;
-}
-
-.fr-mr-18v,
-.fr-mr-9w,
-.fr-mx-18v,
-.fr-mx-9w {
- margin-right: 4.5rem !important;
-}
-
-.fr-mt-18v,
-.fr-mt-9w,
-.fr-my-18v,
-.fr-my-9w {
- margin-top: 4.5rem !important;
-}
-
-.fr-mb-18v,
-.fr-mb-9w,
-.fr-my-18v,
-.fr-my-9w {
- margin-bottom: 4.5rem !important;
-}
-
-.fr-m-19v {
- margin: 4.75rem !important;
-}
-
-.fr-ml-19v,
-.fr-mx-19v {
- margin-left: 4.75rem !important;
-}
-
-.fr-mr-19v,
-.fr-mx-19v {
- margin-right: 4.75rem !important;
-}
-
-.fr-mt-19v,
-.fr-my-19v {
- margin-top: 4.75rem !important;
-}
-
-.fr-mb-19v,
-.fr-my-19v {
- margin-bottom: 4.75rem !important;
-}
-
-.fr-m-20v,
-.fr-m-10w {
- margin: 5rem !important;
-}
-
-.fr-ml-20v,
-.fr-ml-10w,
-.fr-mx-20v,
-.fr-mx-10w {
- margin-left: 5rem !important;
-}
-
-.fr-mr-20v,
-.fr-mr-10w,
-.fr-mx-20v,
-.fr-mx-10w {
- margin-right: 5rem !important;
-}
-
-.fr-mt-20v,
-.fr-mt-10w,
-.fr-my-20v,
-.fr-my-10w {
- margin-top: 5rem !important;
-}
-
-.fr-mb-20v,
-.fr-mb-10w,
-.fr-my-20v,
-.fr-my-10w {
- margin-bottom: 5rem !important;
-}
-
-.fr-m-21v {
- margin: 5.25rem !important;
-}
-
-.fr-ml-21v,
-.fr-mx-21v {
- margin-left: 5.25rem !important;
-}
-
-.fr-mr-21v,
-.fr-mx-21v {
- margin-right: 5.25rem !important;
-}
-
-.fr-mt-21v,
-.fr-my-21v {
- margin-top: 5.25rem !important;
-}
-
-.fr-mb-21v,
-.fr-my-21v {
- margin-bottom: 5.25rem !important;
-}
-
-.fr-m-22v,
-.fr-m-11w {
- margin: 5.5rem !important;
-}
-
-.fr-ml-22v,
-.fr-ml-11w,
-.fr-mx-22v,
-.fr-mx-11w {
- margin-left: 5.5rem !important;
-}
-
-.fr-mr-22v,
-.fr-mr-11w,
-.fr-mx-22v,
-.fr-mx-11w {
- margin-right: 5.5rem !important;
-}
-
-.fr-mt-22v,
-.fr-mt-11w,
-.fr-my-22v,
-.fr-my-11w {
- margin-top: 5.5rem !important;
-}
-
-.fr-mb-22v,
-.fr-mb-11w,
-.fr-my-22v,
-.fr-my-11w {
- margin-bottom: 5.5rem !important;
-}
-
-.fr-m-23v {
- margin: 5.75rem !important;
-}
-
-.fr-ml-23v,
-.fr-mx-23v {
- margin-left: 5.75rem !important;
-}
-
-.fr-mr-23v,
-.fr-mx-23v {
- margin-right: 5.75rem !important;
-}
-
-.fr-mt-23v,
-.fr-my-23v {
- margin-top: 5.75rem !important;
-}
-
-.fr-mb-23v,
-.fr-my-23v {
- margin-bottom: 5.75rem !important;
-}
-
-.fr-m-24v,
-.fr-m-12w {
- margin: 6rem !important;
-}
-
-.fr-ml-24v,
-.fr-ml-12w,
-.fr-mx-24v,
-.fr-mx-12w {
- margin-left: 6rem !important;
-}
-
-.fr-mr-24v,
-.fr-mr-12w,
-.fr-mx-24v,
-.fr-mx-12w {
- margin-right: 6rem !important;
-}
-
-.fr-mt-24v,
-.fr-mt-12w,
-.fr-my-24v,
-.fr-my-12w {
- margin-top: 6rem !important;
-}
-
-.fr-mb-24v,
-.fr-mb-12w,
-.fr-my-24v,
-.fr-my-12w {
- margin-bottom: 6rem !important;
-}
-
-.fr-m-25v {
- margin: 6.25rem !important;
-}
-
-.fr-ml-25v,
-.fr-mx-25v {
- margin-left: 6.25rem !important;
-}
-
-.fr-mr-25v,
-.fr-mx-25v {
- margin-right: 6.25rem !important;
-}
-
-.fr-mt-25v,
-.fr-my-25v {
- margin-top: 6.25rem !important;
-}
-
-.fr-mb-25v,
-.fr-my-25v {
- margin-bottom: 6.25rem !important;
-}
-
-.fr-m-26v,
-.fr-m-13w {
- margin: 6.5rem !important;
-}
-
-.fr-ml-26v,
-.fr-ml-13w,
-.fr-mx-26v,
-.fr-mx-13w {
- margin-left: 6.5rem !important;
-}
-
-.fr-mr-26v,
-.fr-mr-13w,
-.fr-mx-26v,
-.fr-mx-13w {
- margin-right: 6.5rem !important;
-}
-
-.fr-mt-26v,
-.fr-mt-13w,
-.fr-my-26v,
-.fr-my-13w {
- margin-top: 6.5rem !important;
-}
-
-.fr-mb-26v,
-.fr-mb-13w,
-.fr-my-26v,
-.fr-my-13w {
- margin-bottom: 6.5rem !important;
-}
-
-.fr-m-27v {
- margin: 6.75rem !important;
-}
-
-.fr-ml-27v,
-.fr-mx-27v {
- margin-left: 6.75rem !important;
-}
-
-.fr-mr-27v,
-.fr-mx-27v {
- margin-right: 6.75rem !important;
-}
-
-.fr-mt-27v,
-.fr-my-27v {
- margin-top: 6.75rem !important;
-}
-
-.fr-mb-27v,
-.fr-my-27v {
- margin-bottom: 6.75rem !important;
-}
-
-.fr-m-28v,
-.fr-m-14w {
- margin: 7rem !important;
-}
-
-.fr-ml-28v,
-.fr-ml-14w,
-.fr-mx-28v,
-.fr-mx-14w {
- margin-left: 7rem !important;
-}
-
-.fr-mr-28v,
-.fr-mr-14w,
-.fr-mx-28v,
-.fr-mx-14w {
- margin-right: 7rem !important;
-}
-
-.fr-mt-28v,
-.fr-mt-14w,
-.fr-my-28v,
-.fr-my-14w {
- margin-top: 7rem !important;
-}
-
-.fr-mb-28v,
-.fr-mb-14w,
-.fr-my-28v,
-.fr-my-14w {
- margin-bottom: 7rem !important;
-}
-
-.fr-m-29v {
- margin: 7.25rem !important;
-}
-
-.fr-ml-29v,
-.fr-mx-29v {
- margin-left: 7.25rem !important;
-}
-
-.fr-mr-29v,
-.fr-mx-29v {
- margin-right: 7.25rem !important;
-}
-
-.fr-mt-29v,
-.fr-my-29v {
- margin-top: 7.25rem !important;
-}
-
-.fr-mb-29v,
-.fr-my-29v {
- margin-bottom: 7.25rem !important;
-}
-
-.fr-m-30v,
-.fr-m-15w {
- margin: 7.5rem !important;
-}
-
-.fr-ml-30v,
-.fr-ml-15w,
-.fr-mx-30v,
-.fr-mx-15w {
- margin-left: 7.5rem !important;
-}
-
-.fr-mr-30v,
-.fr-mr-15w,
-.fr-mx-30v,
-.fr-mx-15w {
- margin-right: 7.5rem !important;
-}
-
-.fr-mt-30v,
-.fr-mt-15w,
-.fr-my-30v,
-.fr-my-15w {
- margin-top: 7.5rem !important;
-}
-
-.fr-mb-30v,
-.fr-mb-15w,
-.fr-my-30v,
-.fr-my-15w {
- margin-bottom: 7.5rem !important;
-}
-
-.fr-m-31v {
- margin: 7.75rem !important;
-}
-
-.fr-ml-31v,
-.fr-mx-31v {
- margin-left: 7.75rem !important;
-}
-
-.fr-mr-31v,
-.fr-mx-31v {
- margin-right: 7.75rem !important;
-}
-
-.fr-mt-31v,
-.fr-my-31v {
- margin-top: 7.75rem !important;
-}
-
-.fr-mb-31v,
-.fr-my-31v {
- margin-bottom: 7.75rem !important;
-}
-
-.fr-m-32v,
-.fr-m-16w {
- margin: 8rem !important;
-}
-
-.fr-ml-32v,
-.fr-ml-16w,
-.fr-mx-32v,
-.fr-mx-16w {
- margin-left: 8rem !important;
-}
-
-.fr-mr-32v,
-.fr-mr-16w,
-.fr-mx-32v,
-.fr-mx-16w {
- margin-right: 8rem !important;
-}
-
-.fr-mt-32v,
-.fr-mt-16w,
-.fr-my-32v,
-.fr-my-16w {
- margin-top: 8rem !important;
-}
-
-.fr-mb-32v,
-.fr-mb-16w,
-.fr-my-32v,
-.fr-my-16w {
- margin-bottom: 8rem !important;
-}
-
-.fr-m-auto {
- margin: auto;
-}
-
-.fr-ml-auto,
-.fr-mx-auto {
- margin-left: auto;
-}
-
-.fr-mr-auto,
-.fr-mx-auto {
- margin-right: auto;
-}
-
-.fr-mt-auto,
-.fr-my-auto {
- margin-top: auto;
-}
-
-.fr-mb-auto,
-.fr-my-auto {
- margin-bottom: auto;
-}
-
-.fr-m-first-n8v,
-.fr-m-first-n4w {
- margin: -2rem !important;
-}
-
-.fr-ml-first-n8v,
-.fr-ml-first-n4w,
-.fr-mx-first-n8v,
-.fr-mx-first-n4w {
- margin-left: -2rem !important;
-}
-
-.fr-mr-first-n8v,
-.fr-mr-first-n4w,
-.fr-mx-first-n8v,
-.fr-mx-first-n4w {
- margin-right: -2rem !important;
-}
-
-.fr-mt-first-n8v,
-.fr-mt-first-n4w,
-.fr-my-first-n8v,
-.fr-my-first-n4w {
- margin-top: -2rem !important;
-}
-
-.fr-mb-first-n8v,
-.fr-mb-first-n4w,
-.fr-my-first-n8v,
-.fr-my-first-n4w {
- margin-bottom: -2rem !important;
-}
-
-.fr-m-first-n7v {
- margin: -1.75rem !important;
-}
-
-.fr-ml-first-n7v,
-.fr-mx-first-n7v {
- margin-left: -1.75rem !important;
-}
-
-.fr-mr-first-n7v,
-.fr-mx-first-n7v {
- margin-right: -1.75rem !important;
-}
-
-.fr-mt-first-n7v,
-.fr-my-first-n7v {
- margin-top: -1.75rem !important;
-}
-
-.fr-mb-first-n7v,
-.fr-my-first-n7v {
- margin-bottom: -1.75rem !important;
-}
-
-.fr-m-first-n6v,
-.fr-m-first-n3w {
- margin: -1.5rem !important;
-}
-
-.fr-ml-first-n6v,
-.fr-ml-first-n3w,
-.fr-mx-first-n6v,
-.fr-mx-first-n3w {
- margin-left: -1.5rem !important;
-}
-
-.fr-mr-first-n6v,
-.fr-mr-first-n3w,
-.fr-mx-first-n6v,
-.fr-mx-first-n3w {
- margin-right: -1.5rem !important;
-}
-
-.fr-mt-first-n6v,
-.fr-mt-first-n3w,
-.fr-my-first-n6v,
-.fr-my-first-n3w {
- margin-top: -1.5rem !important;
-}
-
-.fr-mb-first-n6v,
-.fr-mb-first-n3w,
-.fr-my-first-n6v,
-.fr-my-first-n3w {
- margin-bottom: -1.5rem !important;
-}
-
-.fr-m-first-n5v {
- margin: -1.25rem !important;
-}
-
-.fr-ml-first-n5v,
-.fr-mx-first-n5v {
- margin-left: -1.25rem !important;
-}
-
-.fr-mr-first-n5v,
-.fr-mx-first-n5v {
- margin-right: -1.25rem !important;
-}
-
-.fr-mt-first-n5v,
-.fr-my-first-n5v {
- margin-top: -1.25rem !important;
-}
-
-.fr-mb-first-n5v,
-.fr-my-first-n5v {
- margin-bottom: -1.25rem !important;
-}
-
-.fr-m-first-n4v,
-.fr-m-first-n2w {
- margin: -1rem !important;
-}
-
-.fr-ml-first-n4v,
-.fr-ml-first-n2w,
-.fr-mx-first-n4v,
-.fr-mx-first-n2w {
- margin-left: -1rem !important;
-}
-
-.fr-mr-first-n4v,
-.fr-mr-first-n2w,
-.fr-mx-first-n4v,
-.fr-mx-first-n2w {
- margin-right: -1rem !important;
-}
-
-.fr-mt-first-n4v,
-.fr-mt-first-n2w,
-.fr-my-first-n4v,
-.fr-my-first-n2w {
- margin-top: -1rem !important;
-}
-
-.fr-mb-first-n4v,
-.fr-mb-first-n2w,
-.fr-my-first-n4v,
-.fr-my-first-n2w {
- margin-bottom: -1rem !important;
-}
-
-.fr-m-first-n3v {
- margin: -0.75rem !important;
-}
-
-.fr-ml-first-n3v,
-.fr-mx-first-n3v {
- margin-left: -0.75rem !important;
-}
-
-.fr-mr-first-n3v,
-.fr-mx-first-n3v {
- margin-right: -0.75rem !important;
-}
-
-.fr-mt-first-n3v,
-.fr-my-first-n3v {
- margin-top: -0.75rem !important;
-}
-
-.fr-mb-first-n3v,
-.fr-my-first-n3v {
- margin-bottom: -0.75rem !important;
-}
-
-.fr-m-first-n2v,
-.fr-m-first-n1w {
- margin: -0.5rem !important;
-}
-
-.fr-ml-first-n2v,
-.fr-ml-first-n1w,
-.fr-mx-first-n2v,
-.fr-mx-first-n1w {
- margin-left: -0.5rem !important;
-}
-
-.fr-mr-first-n2v,
-.fr-mr-first-n1w,
-.fr-mx-first-n2v,
-.fr-mx-first-n1w {
- margin-right: -0.5rem !important;
-}
-
-.fr-mt-first-n2v,
-.fr-mt-first-n1w,
-.fr-my-first-n2v,
-.fr-my-first-n1w {
- margin-top: -0.5rem !important;
-}
-
-.fr-mb-first-n2v,
-.fr-mb-first-n1w,
-.fr-my-first-n2v,
-.fr-my-first-n1w {
- margin-bottom: -0.5rem !important;
-}
-
-.fr-m-first-n1v {
- margin: -0.25rem !important;
-}
-
-.fr-ml-first-n1v,
-.fr-mx-first-n1v {
- margin-left: -0.25rem !important;
-}
-
-.fr-mr-first-n1v,
-.fr-mx-first-n1v {
- margin-right: -0.25rem !important;
-}
-
-.fr-mt-first-n1v,
-.fr-my-first-n1v {
- margin-top: -0.25rem !important;
-}
-
-.fr-mb-first-n1v,
-.fr-my-first-n1v {
- margin-bottom: -0.25rem !important;
-}
-
-.fr-m-first-n1-5v {
- margin: -0.375rem !important;
-}
-
-.fr-ml-first-n1-5v,
-.fr-mx-first-n1-5v {
- margin-left: -0.375rem !important;
-}
-
-.fr-mr-first-n1-5v,
-.fr-mx-first-n1-5v {
- margin-right: -0.375rem !important;
-}
-
-.fr-mt-first-n1-5v,
-.fr-my-first-n1-5v {
- margin-top: -0.375rem !important;
-}
-
-.fr-mb-first-n1-5v,
-.fr-my-first-n1-5v {
- margin-bottom: -0.375rem !important;
-}
-
-.fr-m-first-0 {
- margin: 0 !important;
-}
-
-.fr-ml-first-0,
-.fr-mx-first-0 {
- margin-left: 0 !important;
-}
-
-.fr-mr-first-0,
-.fr-mx-first-0 {
- margin-right: 0 !important;
-}
-
-.fr-mt-first-0,
-.fr-my-first-0 {
- margin-top: 0 !important;
-}
-
-.fr-mb-first-0,
-.fr-my-first-0 {
- margin-bottom: 0 !important;
-}
-
-.fr-m-first-n0-5v {
- margin: -0.125rem !important;
-}
-
-.fr-ml-first-n0-5v,
-.fr-mx-first-n0-5v {
- margin-left: -0.125rem !important;
-}
-
-.fr-mr-first-n0-5v,
-.fr-mx-first-n0-5v {
- margin-right: -0.125rem !important;
-}
-
-.fr-mt-first-n0-5v,
-.fr-my-first-n0-5v {
- margin-top: -0.125rem !important;
-}
-
-.fr-mb-first-n0-5v,
-.fr-my-first-n0-5v {
- margin-bottom: -0.125rem !important;
-}
-
-.fr-m-first-0-5v {
- margin: 0.125rem !important;
-}
-
-.fr-ml-first-0-5v,
-.fr-mx-first-0-5v {
- margin-left: 0.125rem !important;
-}
-
-.fr-mr-first-0-5v,
-.fr-mx-first-0-5v {
- margin-right: 0.125rem !important;
-}
-
-.fr-mt-first-0-5v,
-.fr-my-first-0-5v {
- margin-top: 0.125rem !important;
-}
-
-.fr-mb-first-0-5v,
-.fr-my-first-0-5v {
- margin-bottom: 0.125rem !important;
-}
-
-.fr-m-first-1v {
- margin: 0.25rem !important;
-}
-
-.fr-ml-first-1v,
-.fr-mx-first-1v {
- margin-left: 0.25rem !important;
-}
-
-.fr-mr-first-1v,
-.fr-mx-first-1v {
- margin-right: 0.25rem !important;
-}
-
-.fr-mt-first-1v,
-.fr-my-first-1v {
- margin-top: 0.25rem !important;
-}
-
-.fr-mb-first-1v,
-.fr-my-first-1v {
- margin-bottom: 0.25rem !important;
-}
-
-.fr-m-first-1-5v {
- margin: 0.375rem !important;
-}
-
-.fr-ml-first-1-5v,
-.fr-mx-first-1-5v {
- margin-left: 0.375rem !important;
-}
-
-.fr-mr-first-1-5v,
-.fr-mx-first-1-5v {
- margin-right: 0.375rem !important;
-}
-
-.fr-mt-first-1-5v,
-.fr-my-first-1-5v {
- margin-top: 0.375rem !important;
-}
-
-.fr-mb-first-1-5v,
-.fr-my-first-1-5v {
- margin-bottom: 0.375rem !important;
-}
-
-.fr-m-first-2v,
-.fr-m-first-1w {
- margin: 0.5rem !important;
-}
-
-.fr-ml-first-2v,
-.fr-ml-first-1w,
-.fr-mx-first-2v,
-.fr-mx-first-1w {
- margin-left: 0.5rem !important;
-}
-
-.fr-mr-first-2v,
-.fr-mr-first-1w,
-.fr-mx-first-2v,
-.fr-mx-first-1w {
- margin-right: 0.5rem !important;
-}
-
-.fr-mt-first-2v,
-.fr-mt-first-1w,
-.fr-my-first-2v,
-.fr-my-first-1w {
- margin-top: 0.5rem !important;
-}
-
-.fr-mb-first-2v,
-.fr-mb-first-1w,
-.fr-my-first-2v,
-.fr-my-first-1w {
- margin-bottom: 0.5rem !important;
-}
-
-.fr-m-first-3v {
- margin: 0.75rem !important;
-}
-
-.fr-ml-first-3v,
-.fr-mx-first-3v {
- margin-left: 0.75rem !important;
-}
-
-.fr-mr-first-3v,
-.fr-mx-first-3v {
- margin-right: 0.75rem !important;
-}
-
-.fr-mt-first-3v,
-.fr-my-first-3v {
- margin-top: 0.75rem !important;
-}
-
-.fr-mb-first-3v,
-.fr-my-first-3v {
- margin-bottom: 0.75rem !important;
-}
-
-.fr-m-first-4v,
-.fr-m-first-2w {
- margin: 1rem !important;
-}
-
-.fr-ml-first-4v,
-.fr-ml-first-2w,
-.fr-mx-first-4v,
-.fr-mx-first-2w {
- margin-left: 1rem !important;
-}
-
-.fr-mr-first-4v,
-.fr-mr-first-2w,
-.fr-mx-first-4v,
-.fr-mx-first-2w {
- margin-right: 1rem !important;
-}
-
-.fr-mt-first-4v,
-.fr-mt-first-2w,
-.fr-my-first-4v,
-.fr-my-first-2w {
- margin-top: 1rem !important;
-}
-
-.fr-mb-first-4v,
-.fr-mb-first-2w,
-.fr-my-first-4v,
-.fr-my-first-2w {
- margin-bottom: 1rem !important;
-}
-
-.fr-m-first-5v {
- margin: 1.25rem !important;
-}
-
-.fr-ml-first-5v,
-.fr-mx-first-5v {
- margin-left: 1.25rem !important;
-}
-
-.fr-mr-first-5v,
-.fr-mx-first-5v {
- margin-right: 1.25rem !important;
-}
-
-.fr-mt-first-5v,
-.fr-my-first-5v {
- margin-top: 1.25rem !important;
-}
-
-.fr-mb-first-5v,
-.fr-my-first-5v {
- margin-bottom: 1.25rem !important;
-}
-
-.fr-m-first-6v,
-.fr-m-first-3w {
- margin: 1.5rem !important;
-}
-
-.fr-ml-first-6v,
-.fr-ml-first-3w,
-.fr-mx-first-6v,
-.fr-mx-first-3w {
- margin-left: 1.5rem !important;
-}
-
-.fr-mr-first-6v,
-.fr-mr-first-3w,
-.fr-mx-first-6v,
-.fr-mx-first-3w {
- margin-right: 1.5rem !important;
-}
-
-.fr-mt-first-6v,
-.fr-mt-first-3w,
-.fr-my-first-6v,
-.fr-my-first-3w {
- margin-top: 1.5rem !important;
-}
-
-.fr-mb-first-6v,
-.fr-mb-first-3w,
-.fr-my-first-6v,
-.fr-my-first-3w {
- margin-bottom: 1.5rem !important;
-}
-
-.fr-m-first-7v {
- margin: 1.75rem !important;
-}
-
-.fr-ml-first-7v,
-.fr-mx-first-7v {
- margin-left: 1.75rem !important;
-}
-
-.fr-mr-first-7v,
-.fr-mx-first-7v {
- margin-right: 1.75rem !important;
-}
-
-.fr-mt-first-7v,
-.fr-my-first-7v {
- margin-top: 1.75rem !important;
-}
-
-.fr-mb-first-7v,
-.fr-my-first-7v {
- margin-bottom: 1.75rem !important;
-}
-
-.fr-m-first-8v,
-.fr-m-first-4w {
- margin: 2rem !important;
-}
-
-.fr-ml-first-8v,
-.fr-ml-first-4w,
-.fr-mx-first-8v,
-.fr-mx-first-4w {
- margin-left: 2rem !important;
-}
-
-.fr-mr-first-8v,
-.fr-mr-first-4w,
-.fr-mx-first-8v,
-.fr-mx-first-4w {
- margin-right: 2rem !important;
-}
-
-.fr-mt-first-8v,
-.fr-mt-first-4w,
-.fr-my-first-8v,
-.fr-my-first-4w {
- margin-top: 2rem !important;
-}
-
-.fr-mb-first-8v,
-.fr-mb-first-4w,
-.fr-my-first-8v,
-.fr-my-first-4w {
- margin-bottom: 2rem !important;
-}
-
-.fr-m-first-9v {
- margin: 2.25rem !important;
-}
-
-.fr-ml-first-9v,
-.fr-mx-first-9v {
- margin-left: 2.25rem !important;
-}
-
-.fr-mr-first-9v,
-.fr-mx-first-9v {
- margin-right: 2.25rem !important;
-}
-
-.fr-mt-first-9v,
-.fr-my-first-9v {
- margin-top: 2.25rem !important;
-}
-
-.fr-mb-first-9v,
-.fr-my-first-9v {
- margin-bottom: 2.25rem !important;
-}
-
-.fr-m-first-10v,
-.fr-m-first-5w {
- margin: 2.5rem !important;
-}
-
-.fr-ml-first-10v,
-.fr-ml-first-5w,
-.fr-mx-first-10v,
-.fr-mx-first-5w {
- margin-left: 2.5rem !important;
-}
-
-.fr-mr-first-10v,
-.fr-mr-first-5w,
-.fr-mx-first-10v,
-.fr-mx-first-5w {
- margin-right: 2.5rem !important;
-}
-
-.fr-mt-first-10v,
-.fr-mt-first-5w,
-.fr-my-first-10v,
-.fr-my-first-5w {
- margin-top: 2.5rem !important;
-}
-
-.fr-mb-first-10v,
-.fr-mb-first-5w,
-.fr-my-first-10v,
-.fr-my-first-5w {
- margin-bottom: 2.5rem !important;
-}
-
-.fr-m-first-11v {
- margin: 2.75rem !important;
-}
-
-.fr-ml-first-11v,
-.fr-mx-first-11v {
- margin-left: 2.75rem !important;
-}
-
-.fr-mr-first-11v,
-.fr-mx-first-11v {
- margin-right: 2.75rem !important;
-}
-
-.fr-mt-first-11v,
-.fr-my-first-11v {
- margin-top: 2.75rem !important;
-}
-
-.fr-mb-first-11v,
-.fr-my-first-11v {
- margin-bottom: 2.75rem !important;
-}
-
-.fr-m-first-12v,
-.fr-m-first-6w {
- margin: 3rem !important;
-}
-
-.fr-ml-first-12v,
-.fr-ml-first-6w,
-.fr-mx-first-12v,
-.fr-mx-first-6w {
- margin-left: 3rem !important;
-}
-
-.fr-mr-first-12v,
-.fr-mr-first-6w,
-.fr-mx-first-12v,
-.fr-mx-first-6w {
- margin-right: 3rem !important;
-}
-
-.fr-mt-first-12v,
-.fr-mt-first-6w,
-.fr-my-first-12v,
-.fr-my-first-6w {
- margin-top: 3rem !important;
-}
-
-.fr-mb-first-12v,
-.fr-mb-first-6w,
-.fr-my-first-12v,
-.fr-my-first-6w {
- margin-bottom: 3rem !important;
-}
-
-.fr-m-first-13v {
- margin: 3.25rem !important;
-}
-
-.fr-ml-first-13v,
-.fr-mx-first-13v {
- margin-left: 3.25rem !important;
-}
-
-.fr-mr-first-13v,
-.fr-mx-first-13v {
- margin-right: 3.25rem !important;
-}
-
-.fr-mt-first-13v,
-.fr-my-first-13v {
- margin-top: 3.25rem !important;
-}
-
-.fr-mb-first-13v,
-.fr-my-first-13v {
- margin-bottom: 3.25rem !important;
-}
-
-.fr-m-first-14v,
-.fr-m-first-7w {
- margin: 3.5rem !important;
-}
-
-.fr-ml-first-14v,
-.fr-ml-first-7w,
-.fr-mx-first-14v,
-.fr-mx-first-7w {
- margin-left: 3.5rem !important;
-}
-
-.fr-mr-first-14v,
-.fr-mr-first-7w,
-.fr-mx-first-14v,
-.fr-mx-first-7w {
- margin-right: 3.5rem !important;
-}
-
-.fr-mt-first-14v,
-.fr-mt-first-7w,
-.fr-my-first-14v,
-.fr-my-first-7w {
- margin-top: 3.5rem !important;
-}
-
-.fr-mb-first-14v,
-.fr-mb-first-7w,
-.fr-my-first-14v,
-.fr-my-first-7w {
- margin-bottom: 3.5rem !important;
-}
-
-.fr-m-first-15v {
- margin: 3.75rem !important;
-}
-
-.fr-ml-first-15v,
-.fr-mx-first-15v {
- margin-left: 3.75rem !important;
-}
-
-.fr-mr-first-15v,
-.fr-mx-first-15v {
- margin-right: 3.75rem !important;
-}
-
-.fr-mt-first-15v,
-.fr-my-first-15v {
- margin-top: 3.75rem !important;
-}
-
-.fr-mb-first-15v,
-.fr-my-first-15v {
- margin-bottom: 3.75rem !important;
-}
-
-.fr-m-first-16v,
-.fr-m-first-8w {
- margin: 4rem !important;
-}
-
-.fr-ml-first-16v,
-.fr-ml-first-8w,
-.fr-mx-first-16v,
-.fr-mx-first-8w {
- margin-left: 4rem !important;
-}
-
-.fr-mr-first-16v,
-.fr-mr-first-8w,
-.fr-mx-first-16v,
-.fr-mx-first-8w {
- margin-right: 4rem !important;
-}
-
-.fr-mt-first-16v,
-.fr-mt-first-8w,
-.fr-my-first-16v,
-.fr-my-first-8w {
- margin-top: 4rem !important;
-}
-
-.fr-mb-first-16v,
-.fr-mb-first-8w,
-.fr-my-first-16v,
-.fr-my-first-8w {
- margin-bottom: 4rem !important;
-}
-
-.fr-m-first-17v {
- margin: 4.25rem !important;
-}
-
-.fr-ml-first-17v,
-.fr-mx-first-17v {
- margin-left: 4.25rem !important;
-}
-
-.fr-mr-first-17v,
-.fr-mx-first-17v {
- margin-right: 4.25rem !important;
-}
-
-.fr-mt-first-17v,
-.fr-my-first-17v {
- margin-top: 4.25rem !important;
-}
-
-.fr-mb-first-17v,
-.fr-my-first-17v {
- margin-bottom: 4.25rem !important;
-}
-
-.fr-m-first-18v,
-.fr-m-first-9w {
- margin: 4.5rem !important;
-}
-
-.fr-ml-first-18v,
-.fr-ml-first-9w,
-.fr-mx-first-18v,
-.fr-mx-first-9w {
- margin-left: 4.5rem !important;
-}
-
-.fr-mr-first-18v,
-.fr-mr-first-9w,
-.fr-mx-first-18v,
-.fr-mx-first-9w {
- margin-right: 4.5rem !important;
-}
-
-.fr-mt-first-18v,
-.fr-mt-first-9w,
-.fr-my-first-18v,
-.fr-my-first-9w {
- margin-top: 4.5rem !important;
-}
-
-.fr-mb-first-18v,
-.fr-mb-first-9w,
-.fr-my-first-18v,
-.fr-my-first-9w {
- margin-bottom: 4.5rem !important;
-}
-
-.fr-m-first-19v {
- margin: 4.75rem !important;
-}
-
-.fr-ml-first-19v,
-.fr-mx-first-19v {
- margin-left: 4.75rem !important;
-}
-
-.fr-mr-first-19v,
-.fr-mx-first-19v {
- margin-right: 4.75rem !important;
-}
-
-.fr-mt-first-19v,
-.fr-my-first-19v {
- margin-top: 4.75rem !important;
-}
-
-.fr-mb-first-19v,
-.fr-my-first-19v {
- margin-bottom: 4.75rem !important;
-}
-
-.fr-m-first-20v,
-.fr-m-first-10w {
- margin: 5rem !important;
-}
-
-.fr-ml-first-20v,
-.fr-ml-first-10w,
-.fr-mx-first-20v,
-.fr-mx-first-10w {
- margin-left: 5rem !important;
-}
-
-.fr-mr-first-20v,
-.fr-mr-first-10w,
-.fr-mx-first-20v,
-.fr-mx-first-10w {
- margin-right: 5rem !important;
-}
-
-.fr-mt-first-20v,
-.fr-mt-first-10w,
-.fr-my-first-20v,
-.fr-my-first-10w {
- margin-top: 5rem !important;
-}
-
-.fr-mb-first-20v,
-.fr-mb-first-10w,
-.fr-my-first-20v,
-.fr-my-first-10w {
- margin-bottom: 5rem !important;
-}
-
-.fr-m-first-21v {
- margin: 5.25rem !important;
-}
-
-.fr-ml-first-21v,
-.fr-mx-first-21v {
- margin-left: 5.25rem !important;
-}
-
-.fr-mr-first-21v,
-.fr-mx-first-21v {
- margin-right: 5.25rem !important;
-}
-
-.fr-mt-first-21v,
-.fr-my-first-21v {
- margin-top: 5.25rem !important;
-}
-
-.fr-mb-first-21v,
-.fr-my-first-21v {
- margin-bottom: 5.25rem !important;
-}
-
-.fr-m-first-22v,
-.fr-m-first-11w {
- margin: 5.5rem !important;
-}
-
-.fr-ml-first-22v,
-.fr-ml-first-11w,
-.fr-mx-first-22v,
-.fr-mx-first-11w {
- margin-left: 5.5rem !important;
-}
-
-.fr-mr-first-22v,
-.fr-mr-first-11w,
-.fr-mx-first-22v,
-.fr-mx-first-11w {
- margin-right: 5.5rem !important;
-}
-
-.fr-mt-first-22v,
-.fr-mt-first-11w,
-.fr-my-first-22v,
-.fr-my-first-11w {
- margin-top: 5.5rem !important;
-}
-
-.fr-mb-first-22v,
-.fr-mb-first-11w,
-.fr-my-first-22v,
-.fr-my-first-11w {
- margin-bottom: 5.5rem !important;
-}
-
-.fr-m-first-23v {
- margin: 5.75rem !important;
-}
-
-.fr-ml-first-23v,
-.fr-mx-first-23v {
- margin-left: 5.75rem !important;
-}
-
-.fr-mr-first-23v,
-.fr-mx-first-23v {
- margin-right: 5.75rem !important;
-}
-
-.fr-mt-first-23v,
-.fr-my-first-23v {
- margin-top: 5.75rem !important;
-}
-
-.fr-mb-first-23v,
-.fr-my-first-23v {
- margin-bottom: 5.75rem !important;
-}
-
-.fr-m-first-24v,
-.fr-m-first-12w {
- margin: 6rem !important;
-}
-
-.fr-ml-first-24v,
-.fr-ml-first-12w,
-.fr-mx-first-24v,
-.fr-mx-first-12w {
- margin-left: 6rem !important;
-}
-
-.fr-mr-first-24v,
-.fr-mr-first-12w,
-.fr-mx-first-24v,
-.fr-mx-first-12w {
- margin-right: 6rem !important;
-}
-
-.fr-mt-first-24v,
-.fr-mt-first-12w,
-.fr-my-first-24v,
-.fr-my-first-12w {
- margin-top: 6rem !important;
-}
-
-.fr-mb-first-24v,
-.fr-mb-first-12w,
-.fr-my-first-24v,
-.fr-my-first-12w {
- margin-bottom: 6rem !important;
-}
-
-.fr-m-first-25v {
- margin: 6.25rem !important;
-}
-
-.fr-ml-first-25v,
-.fr-mx-first-25v {
- margin-left: 6.25rem !important;
-}
-
-.fr-mr-first-25v,
-.fr-mx-first-25v {
- margin-right: 6.25rem !important;
-}
-
-.fr-mt-first-25v,
-.fr-my-first-25v {
- margin-top: 6.25rem !important;
-}
-
-.fr-mb-first-25v,
-.fr-my-first-25v {
- margin-bottom: 6.25rem !important;
-}
-
-.fr-m-first-26v,
-.fr-m-first-13w {
- margin: 6.5rem !important;
-}
-
-.fr-ml-first-26v,
-.fr-ml-first-13w,
-.fr-mx-first-26v,
-.fr-mx-first-13w {
- margin-left: 6.5rem !important;
-}
-
-.fr-mr-first-26v,
-.fr-mr-first-13w,
-.fr-mx-first-26v,
-.fr-mx-first-13w {
- margin-right: 6.5rem !important;
-}
-
-.fr-mt-first-26v,
-.fr-mt-first-13w,
-.fr-my-first-26v,
-.fr-my-first-13w {
- margin-top: 6.5rem !important;
-}
-
-.fr-mb-first-26v,
-.fr-mb-first-13w,
-.fr-my-first-26v,
-.fr-my-first-13w {
- margin-bottom: 6.5rem !important;
-}
-
-.fr-m-first-27v {
- margin: 6.75rem !important;
-}
-
-.fr-ml-first-27v,
-.fr-mx-first-27v {
- margin-left: 6.75rem !important;
-}
-
-.fr-mr-first-27v,
-.fr-mx-first-27v {
- margin-right: 6.75rem !important;
-}
-
-.fr-mt-first-27v,
-.fr-my-first-27v {
- margin-top: 6.75rem !important;
-}
-
-.fr-mb-first-27v,
-.fr-my-first-27v {
- margin-bottom: 6.75rem !important;
-}
-
-.fr-m-first-28v,
-.fr-m-first-14w {
- margin: 7rem !important;
-}
-
-.fr-ml-first-28v,
-.fr-ml-first-14w,
-.fr-mx-first-28v,
-.fr-mx-first-14w {
- margin-left: 7rem !important;
-}
-
-.fr-mr-first-28v,
-.fr-mr-first-14w,
-.fr-mx-first-28v,
-.fr-mx-first-14w {
- margin-right: 7rem !important;
-}
-
-.fr-mt-first-28v,
-.fr-mt-first-14w,
-.fr-my-first-28v,
-.fr-my-first-14w {
- margin-top: 7rem !important;
-}
-
-.fr-mb-first-28v,
-.fr-mb-first-14w,
-.fr-my-first-28v,
-.fr-my-first-14w {
- margin-bottom: 7rem !important;
-}
-
-.fr-m-first-29v {
- margin: 7.25rem !important;
-}
-
-.fr-ml-first-29v,
-.fr-mx-first-29v {
- margin-left: 7.25rem !important;
-}
-
-.fr-mr-first-29v,
-.fr-mx-first-29v {
- margin-right: 7.25rem !important;
-}
-
-.fr-mt-first-29v,
-.fr-my-first-29v {
- margin-top: 7.25rem !important;
-}
-
-.fr-mb-first-29v,
-.fr-my-first-29v {
- margin-bottom: 7.25rem !important;
-}
-
-.fr-m-first-30v,
-.fr-m-first-15w {
- margin: 7.5rem !important;
-}
-
-.fr-ml-first-30v,
-.fr-ml-first-15w,
-.fr-mx-first-30v,
-.fr-mx-first-15w {
- margin-left: 7.5rem !important;
-}
-
-.fr-mr-first-30v,
-.fr-mr-first-15w,
-.fr-mx-first-30v,
-.fr-mx-first-15w {
- margin-right: 7.5rem !important;
-}
-
-.fr-mt-first-30v,
-.fr-mt-first-15w,
-.fr-my-first-30v,
-.fr-my-first-15w {
- margin-top: 7.5rem !important;
-}
-
-.fr-mb-first-30v,
-.fr-mb-first-15w,
-.fr-my-first-30v,
-.fr-my-first-15w {
- margin-bottom: 7.5rem !important;
-}
-
-.fr-m-first-31v {
- margin: 7.75rem !important;
-}
-
-.fr-ml-first-31v,
-.fr-mx-first-31v {
- margin-left: 7.75rem !important;
-}
-
-.fr-mr-first-31v,
-.fr-mx-first-31v {
- margin-right: 7.75rem !important;
-}
-
-.fr-mt-first-31v,
-.fr-my-first-31v {
- margin-top: 7.75rem !important;
-}
-
-.fr-mb-first-31v,
-.fr-my-first-31v {
- margin-bottom: 7.75rem !important;
-}
-
-.fr-m-first-32v,
-.fr-m-first-16w {
- margin: 8rem !important;
-}
-
-.fr-ml-first-32v,
-.fr-ml-first-16w,
-.fr-mx-first-32v,
-.fr-mx-first-16w {
- margin-left: 8rem !important;
-}
-
-.fr-mr-first-32v,
-.fr-mr-first-16w,
-.fr-mx-first-32v,
-.fr-mx-first-16w {
- margin-right: 8rem !important;
-}
-
-.fr-mt-first-32v,
-.fr-mt-first-16w,
-.fr-my-first-32v,
-.fr-my-first-16w {
- margin-top: 8rem !important;
-}
-
-.fr-mb-first-32v,
-.fr-mb-first-16w,
-.fr-my-first-32v,
-.fr-my-first-16w {
- margin-bottom: 8rem !important;
-}
-
-.fr-m-first-auto {
- margin: auto;
-}
-
-.fr-ml-first-auto,
-.fr-mx-first-auto {
- margin-left: auto;
-}
-
-.fr-mr-first-auto,
-.fr-mx-first-auto {
- margin-right: auto;
-}
-
-.fr-mt-first-auto,
-.fr-my-first-auto {
- margin-top: auto;
-}
-
-.fr-mb-first-auto,
-.fr-my-first-auto {
- margin-bottom: auto;
-}
-
-.fr-p-0 {
- padding: 0 !important;
-}
-
-.fr-pl-0,
-.fr-px-0 {
- padding-left: 0 !important;
-}
-
-.fr-pr-0,
-.fr-px-0 {
- padding-right: 0 !important;
-}
-
-.fr-pt-0,
-.fr-py-0 {
- padding-top: 0 !important;
-}
-
-.fr-pb-0,
-.fr-py-0 {
- padding-bottom: 0 !important;
-}
-
-.fr-p-0-5v {
- padding: 0.125rem !important;
-}
-
-.fr-pl-0-5v,
-.fr-px-0-5v {
- padding-left: 0.125rem !important;
-}
-
-.fr-pr-0-5v,
-.fr-px-0-5v {
- padding-right: 0.125rem !important;
-}
-
-.fr-pt-0-5v,
-.fr-py-0-5v {
- padding-top: 0.125rem !important;
-}
-
-.fr-pb-0-5v,
-.fr-py-0-5v {
- padding-bottom: 0.125rem !important;
-}
-
-.fr-p-1v {
- padding: 0.25rem !important;
-}
-
-.fr-pl-1v,
-.fr-px-1v {
- padding-left: 0.25rem !important;
-}
-
-.fr-pr-1v,
-.fr-px-1v {
- padding-right: 0.25rem !important;
-}
-
-.fr-pt-1v,
-.fr-py-1v {
- padding-top: 0.25rem !important;
-}
-
-.fr-pb-1v,
-.fr-py-1v {
- padding-bottom: 0.25rem !important;
-}
-
-.fr-p-1-5v {
- padding: 0.375rem !important;
-}
-
-.fr-pl-1-5v,
-.fr-px-1-5v {
- padding-left: 0.375rem !important;
-}
-
-.fr-pr-1-5v,
-.fr-px-1-5v {
- padding-right: 0.375rem !important;
-}
-
-.fr-pt-1-5v,
-.fr-py-1-5v {
- padding-top: 0.375rem !important;
-}
-
-.fr-pb-1-5v,
-.fr-py-1-5v {
- padding-bottom: 0.375rem !important;
-}
-
-.fr-p-2v,
-.fr-p-1w {
- padding: 0.5rem !important;
-}
-
-.fr-pl-2v,
-.fr-pl-1w,
-.fr-px-2v,
-.fr-px-1w {
- padding-left: 0.5rem !important;
-}
-
-.fr-pr-2v,
-.fr-pr-1w,
-.fr-px-2v,
-.fr-px-1w {
- padding-right: 0.5rem !important;
-}
-
-.fr-pt-2v,
-.fr-pt-1w,
-.fr-py-2v,
-.fr-py-1w {
- padding-top: 0.5rem !important;
-}
-
-.fr-pb-2v,
-.fr-pb-1w,
-.fr-py-2v,
-.fr-py-1w {
- padding-bottom: 0.5rem !important;
-}
-
-.fr-p-3v {
- padding: 0.75rem !important;
-}
-
-.fr-pl-3v,
-.fr-px-3v {
- padding-left: 0.75rem !important;
-}
-
-.fr-pr-3v,
-.fr-px-3v {
- padding-right: 0.75rem !important;
-}
-
-.fr-pt-3v,
-.fr-py-3v {
- padding-top: 0.75rem !important;
-}
-
-.fr-pb-3v,
-.fr-py-3v {
- padding-bottom: 0.75rem !important;
-}
-
-.fr-p-4v,
-.fr-p-2w {
- padding: 1rem !important;
-}
-
-.fr-pl-4v,
-.fr-pl-2w,
-.fr-px-4v,
-.fr-px-2w {
- padding-left: 1rem !important;
-}
-
-.fr-pr-4v,
-.fr-pr-2w,
-.fr-px-4v,
-.fr-px-2w {
- padding-right: 1rem !important;
-}
-
-.fr-pt-4v,
-.fr-pt-2w,
-.fr-py-4v,
-.fr-py-2w {
- padding-top: 1rem !important;
-}
-
-.fr-pb-4v,
-.fr-pb-2w,
-.fr-py-4v,
-.fr-py-2w {
- padding-bottom: 1rem !important;
-}
-
-.fr-p-5v {
- padding: 1.25rem !important;
-}
-
-.fr-pl-5v,
-.fr-px-5v {
- padding-left: 1.25rem !important;
-}
-
-.fr-pr-5v,
-.fr-px-5v {
- padding-right: 1.25rem !important;
-}
-
-.fr-pt-5v,
-.fr-py-5v {
- padding-top: 1.25rem !important;
-}
-
-.fr-pb-5v,
-.fr-py-5v {
- padding-bottom: 1.25rem !important;
-}
-
-.fr-p-6v,
-.fr-p-3w {
- padding: 1.5rem !important;
-}
-
-.fr-pl-6v,
-.fr-pl-3w,
-.fr-px-6v,
-.fr-px-3w {
- padding-left: 1.5rem !important;
-}
-
-.fr-pr-6v,
-.fr-pr-3w,
-.fr-px-6v,
-.fr-px-3w {
- padding-right: 1.5rem !important;
-}
-
-.fr-pt-6v,
-.fr-pt-3w,
-.fr-py-6v,
-.fr-py-3w {
- padding-top: 1.5rem !important;
-}
-
-.fr-pb-6v,
-.fr-pb-3w,
-.fr-py-6v,
-.fr-py-3w {
- padding-bottom: 1.5rem !important;
-}
-
-.fr-p-7v {
- padding: 1.75rem !important;
-}
-
-.fr-pl-7v,
-.fr-px-7v {
- padding-left: 1.75rem !important;
-}
-
-.fr-pr-7v,
-.fr-px-7v {
- padding-right: 1.75rem !important;
-}
-
-.fr-pt-7v,
-.fr-py-7v {
- padding-top: 1.75rem !important;
-}
-
-.fr-pb-7v,
-.fr-py-7v {
- padding-bottom: 1.75rem !important;
-}
-
-.fr-p-8v,
-.fr-p-4w {
- padding: 2rem !important;
-}
-
-.fr-pl-8v,
-.fr-pl-4w,
-.fr-px-8v,
-.fr-px-4w {
- padding-left: 2rem !important;
-}
-
-.fr-pr-8v,
-.fr-pr-4w,
-.fr-px-8v,
-.fr-px-4w {
- padding-right: 2rem !important;
-}
-
-.fr-pt-8v,
-.fr-pt-4w,
-.fr-py-8v,
-.fr-py-4w {
- padding-top: 2rem !important;
-}
-
-.fr-pb-8v,
-.fr-pb-4w,
-.fr-py-8v,
-.fr-py-4w {
- padding-bottom: 2rem !important;
-}
-
-.fr-p-9v {
- padding: 2.25rem !important;
-}
-
-.fr-pl-9v,
-.fr-px-9v {
- padding-left: 2.25rem !important;
-}
-
-.fr-pr-9v,
-.fr-px-9v {
- padding-right: 2.25rem !important;
-}
-
-.fr-pt-9v,
-.fr-py-9v {
- padding-top: 2.25rem !important;
-}
-
-.fr-pb-9v,
-.fr-py-9v {
- padding-bottom: 2.25rem !important;
-}
-
-.fr-p-10v,
-.fr-p-5w {
- padding: 2.5rem !important;
-}
-
-.fr-pl-10v,
-.fr-pl-5w,
-.fr-px-10v,
-.fr-px-5w {
- padding-left: 2.5rem !important;
-}
-
-.fr-pr-10v,
-.fr-pr-5w,
-.fr-px-10v,
-.fr-px-5w {
- padding-right: 2.5rem !important;
-}
-
-.fr-pt-10v,
-.fr-pt-5w,
-.fr-py-10v,
-.fr-py-5w {
- padding-top: 2.5rem !important;
-}
-
-.fr-pb-10v,
-.fr-pb-5w,
-.fr-py-10v,
-.fr-py-5w {
- padding-bottom: 2.5rem !important;
-}
-
-.fr-p-11v {
- padding: 2.75rem !important;
-}
-
-.fr-pl-11v,
-.fr-px-11v {
- padding-left: 2.75rem !important;
-}
-
-.fr-pr-11v,
-.fr-px-11v {
- padding-right: 2.75rem !important;
-}
-
-.fr-pt-11v,
-.fr-py-11v {
- padding-top: 2.75rem !important;
-}
-
-.fr-pb-11v,
-.fr-py-11v {
- padding-bottom: 2.75rem !important;
-}
-
-.fr-p-12v,
-.fr-p-6w {
- padding: 3rem !important;
-}
-
-.fr-pl-12v,
-.fr-pl-6w,
-.fr-px-12v,
-.fr-px-6w {
- padding-left: 3rem !important;
-}
-
-.fr-pr-12v,
-.fr-pr-6w,
-.fr-px-12v,
-.fr-px-6w {
- padding-right: 3rem !important;
-}
-
-.fr-pt-12v,
-.fr-pt-6w,
-.fr-py-12v,
-.fr-py-6w {
- padding-top: 3rem !important;
-}
-
-.fr-pb-12v,
-.fr-pb-6w,
-.fr-py-12v,
-.fr-py-6w {
- padding-bottom: 3rem !important;
-}
-
-.fr-p-13v {
- padding: 3.25rem !important;
-}
-
-.fr-pl-13v,
-.fr-px-13v {
- padding-left: 3.25rem !important;
-}
-
-.fr-pr-13v,
-.fr-px-13v {
- padding-right: 3.25rem !important;
-}
-
-.fr-pt-13v,
-.fr-py-13v {
- padding-top: 3.25rem !important;
-}
-
-.fr-pb-13v,
-.fr-py-13v {
- padding-bottom: 3.25rem !important;
-}
-
-.fr-p-14v,
-.fr-p-7w {
- padding: 3.5rem !important;
-}
-
-.fr-pl-14v,
-.fr-pl-7w,
-.fr-px-14v,
-.fr-px-7w {
- padding-left: 3.5rem !important;
-}
-
-.fr-pr-14v,
-.fr-pr-7w,
-.fr-px-14v,
-.fr-px-7w {
- padding-right: 3.5rem !important;
-}
-
-.fr-pt-14v,
-.fr-pt-7w,
-.fr-py-14v,
-.fr-py-7w {
- padding-top: 3.5rem !important;
-}
-
-.fr-pb-14v,
-.fr-pb-7w,
-.fr-py-14v,
-.fr-py-7w {
- padding-bottom: 3.5rem !important;
-}
-
-.fr-p-15v {
- padding: 3.75rem !important;
-}
-
-.fr-pl-15v,
-.fr-px-15v {
- padding-left: 3.75rem !important;
-}
-
-.fr-pr-15v,
-.fr-px-15v {
- padding-right: 3.75rem !important;
-}
-
-.fr-pt-15v,
-.fr-py-15v {
- padding-top: 3.75rem !important;
-}
-
-.fr-pb-15v,
-.fr-py-15v {
- padding-bottom: 3.75rem !important;
-}
-
-.fr-p-16v,
-.fr-p-8w {
- padding: 4rem !important;
-}
-
-.fr-pl-16v,
-.fr-pl-8w,
-.fr-px-16v,
-.fr-px-8w {
- padding-left: 4rem !important;
-}
-
-.fr-pr-16v,
-.fr-pr-8w,
-.fr-px-16v,
-.fr-px-8w {
- padding-right: 4rem !important;
-}
-
-.fr-pt-16v,
-.fr-pt-8w,
-.fr-py-16v,
-.fr-py-8w {
- padding-top: 4rem !important;
-}
-
-.fr-pb-16v,
-.fr-pb-8w,
-.fr-py-16v,
-.fr-py-8w {
- padding-bottom: 4rem !important;
-}
-
-.fr-p-17v {
- padding: 4.25rem !important;
-}
-
-.fr-pl-17v,
-.fr-px-17v {
- padding-left: 4.25rem !important;
-}
-
-.fr-pr-17v,
-.fr-px-17v {
- padding-right: 4.25rem !important;
-}
-
-.fr-pt-17v,
-.fr-py-17v {
- padding-top: 4.25rem !important;
-}
-
-.fr-pb-17v,
-.fr-py-17v {
- padding-bottom: 4.25rem !important;
-}
-
-.fr-p-18v,
-.fr-p-9w {
- padding: 4.5rem !important;
-}
-
-.fr-pl-18v,
-.fr-pl-9w,
-.fr-px-18v,
-.fr-px-9w {
- padding-left: 4.5rem !important;
-}
-
-.fr-pr-18v,
-.fr-pr-9w,
-.fr-px-18v,
-.fr-px-9w {
- padding-right: 4.5rem !important;
-}
-
-.fr-pt-18v,
-.fr-pt-9w,
-.fr-py-18v,
-.fr-py-9w {
- padding-top: 4.5rem !important;
-}
-
-.fr-pb-18v,
-.fr-pb-9w,
-.fr-py-18v,
-.fr-py-9w {
- padding-bottom: 4.5rem !important;
-}
-
-.fr-p-19v {
- padding: 4.75rem !important;
-}
-
-.fr-pl-19v,
-.fr-px-19v {
- padding-left: 4.75rem !important;
-}
-
-.fr-pr-19v,
-.fr-px-19v {
- padding-right: 4.75rem !important;
-}
-
-.fr-pt-19v,
-.fr-py-19v {
- padding-top: 4.75rem !important;
-}
-
-.fr-pb-19v,
-.fr-py-19v {
- padding-bottom: 4.75rem !important;
-}
-
-.fr-p-20v,
-.fr-p-10w {
- padding: 5rem !important;
-}
-
-.fr-pl-20v,
-.fr-pl-10w,
-.fr-px-20v,
-.fr-px-10w {
- padding-left: 5rem !important;
-}
-
-.fr-pr-20v,
-.fr-pr-10w,
-.fr-px-20v,
-.fr-px-10w {
- padding-right: 5rem !important;
-}
-
-.fr-pt-20v,
-.fr-pt-10w,
-.fr-py-20v,
-.fr-py-10w {
- padding-top: 5rem !important;
-}
-
-.fr-pb-20v,
-.fr-pb-10w,
-.fr-py-20v,
-.fr-py-10w {
- padding-bottom: 5rem !important;
-}
-
-.fr-p-21v {
- padding: 5.25rem !important;
-}
-
-.fr-pl-21v,
-.fr-px-21v {
- padding-left: 5.25rem !important;
-}
-
-.fr-pr-21v,
-.fr-px-21v {
- padding-right: 5.25rem !important;
-}
-
-.fr-pt-21v,
-.fr-py-21v {
- padding-top: 5.25rem !important;
-}
-
-.fr-pb-21v,
-.fr-py-21v {
- padding-bottom: 5.25rem !important;
-}
-
-.fr-p-22v,
-.fr-p-11w {
- padding: 5.5rem !important;
-}
-
-.fr-pl-22v,
-.fr-pl-11w,
-.fr-px-22v,
-.fr-px-11w {
- padding-left: 5.5rem !important;
-}
-
-.fr-pr-22v,
-.fr-pr-11w,
-.fr-px-22v,
-.fr-px-11w {
- padding-right: 5.5rem !important;
-}
-
-.fr-pt-22v,
-.fr-pt-11w,
-.fr-py-22v,
-.fr-py-11w {
- padding-top: 5.5rem !important;
-}
-
-.fr-pb-22v,
-.fr-pb-11w,
-.fr-py-22v,
-.fr-py-11w {
- padding-bottom: 5.5rem !important;
-}
-
-.fr-p-23v {
- padding: 5.75rem !important;
-}
-
-.fr-pl-23v,
-.fr-px-23v {
- padding-left: 5.75rem !important;
-}
-
-.fr-pr-23v,
-.fr-px-23v {
- padding-right: 5.75rem !important;
-}
-
-.fr-pt-23v,
-.fr-py-23v {
- padding-top: 5.75rem !important;
-}
-
-.fr-pb-23v,
-.fr-py-23v {
- padding-bottom: 5.75rem !important;
-}
-
-.fr-p-24v,
-.fr-p-12w {
- padding: 6rem !important;
-}
-
-.fr-pl-24v,
-.fr-pl-12w,
-.fr-px-24v,
-.fr-px-12w {
- padding-left: 6rem !important;
-}
-
-.fr-pr-24v,
-.fr-pr-12w,
-.fr-px-24v,
-.fr-px-12w {
- padding-right: 6rem !important;
-}
-
-.fr-pt-24v,
-.fr-pt-12w,
-.fr-py-24v,
-.fr-py-12w {
- padding-top: 6rem !important;
-}
-
-.fr-pb-24v,
-.fr-pb-12w,
-.fr-py-24v,
-.fr-py-12w {
- padding-bottom: 6rem !important;
-}
-
-.fr-p-25v {
- padding: 6.25rem !important;
-}
-
-.fr-pl-25v,
-.fr-px-25v {
- padding-left: 6.25rem !important;
-}
-
-.fr-pr-25v,
-.fr-px-25v {
- padding-right: 6.25rem !important;
-}
-
-.fr-pt-25v,
-.fr-py-25v {
- padding-top: 6.25rem !important;
-}
-
-.fr-pb-25v,
-.fr-py-25v {
- padding-bottom: 6.25rem !important;
-}
-
-.fr-p-26v,
-.fr-p-13w {
- padding: 6.5rem !important;
-}
-
-.fr-pl-26v,
-.fr-pl-13w,
-.fr-px-26v,
-.fr-px-13w {
- padding-left: 6.5rem !important;
-}
-
-.fr-pr-26v,
-.fr-pr-13w,
-.fr-px-26v,
-.fr-px-13w {
- padding-right: 6.5rem !important;
-}
-
-.fr-pt-26v,
-.fr-pt-13w,
-.fr-py-26v,
-.fr-py-13w {
- padding-top: 6.5rem !important;
-}
-
-.fr-pb-26v,
-.fr-pb-13w,
-.fr-py-26v,
-.fr-py-13w {
- padding-bottom: 6.5rem !important;
-}
-
-.fr-p-27v {
- padding: 6.75rem !important;
-}
-
-.fr-pl-27v,
-.fr-px-27v {
- padding-left: 6.75rem !important;
-}
-
-.fr-pr-27v,
-.fr-px-27v {
- padding-right: 6.75rem !important;
-}
-
-.fr-pt-27v,
-.fr-py-27v {
- padding-top: 6.75rem !important;
-}
-
-.fr-pb-27v,
-.fr-py-27v {
- padding-bottom: 6.75rem !important;
-}
-
-.fr-p-28v,
-.fr-p-14w {
- padding: 7rem !important;
-}
-
-.fr-pl-28v,
-.fr-pl-14w,
-.fr-px-28v,
-.fr-px-14w {
- padding-left: 7rem !important;
-}
-
-.fr-pr-28v,
-.fr-pr-14w,
-.fr-px-28v,
-.fr-px-14w {
- padding-right: 7rem !important;
-}
-
-.fr-pt-28v,
-.fr-pt-14w,
-.fr-py-28v,
-.fr-py-14w {
- padding-top: 7rem !important;
-}
-
-.fr-pb-28v,
-.fr-pb-14w,
-.fr-py-28v,
-.fr-py-14w {
- padding-bottom: 7rem !important;
-}
-
-.fr-p-29v {
- padding: 7.25rem !important;
-}
-
-.fr-pl-29v,
-.fr-px-29v {
- padding-left: 7.25rem !important;
-}
-
-.fr-pr-29v,
-.fr-px-29v {
- padding-right: 7.25rem !important;
-}
-
-.fr-pt-29v,
-.fr-py-29v {
- padding-top: 7.25rem !important;
-}
-
-.fr-pb-29v,
-.fr-py-29v {
- padding-bottom: 7.25rem !important;
-}
-
-.fr-p-30v,
-.fr-p-15w {
- padding: 7.5rem !important;
-}
-
-.fr-pl-30v,
-.fr-pl-15w,
-.fr-px-30v,
-.fr-px-15w {
- padding-left: 7.5rem !important;
-}
-
-.fr-pr-30v,
-.fr-pr-15w,
-.fr-px-30v,
-.fr-px-15w {
- padding-right: 7.5rem !important;
-}
-
-.fr-pt-30v,
-.fr-pt-15w,
-.fr-py-30v,
-.fr-py-15w {
- padding-top: 7.5rem !important;
-}
-
-.fr-pb-30v,
-.fr-pb-15w,
-.fr-py-30v,
-.fr-py-15w {
- padding-bottom: 7.5rem !important;
-}
-
-.fr-p-31v {
- padding: 7.75rem !important;
-}
-
-.fr-pl-31v,
-.fr-px-31v {
- padding-left: 7.75rem !important;
-}
-
-.fr-pr-31v,
-.fr-px-31v {
- padding-right: 7.75rem !important;
-}
-
-.fr-pt-31v,
-.fr-py-31v {
- padding-top: 7.75rem !important;
-}
-
-.fr-pb-31v,
-.fr-py-31v {
- padding-bottom: 7.75rem !important;
-}
-
-.fr-p-32v,
-.fr-p-16w {
- padding: 8rem !important;
-}
-
-.fr-pl-32v,
-.fr-pl-16w,
-.fr-px-32v,
-.fr-px-16w {
- padding-left: 8rem !important;
-}
-
-.fr-pr-32v,
-.fr-pr-16w,
-.fr-px-32v,
-.fr-px-16w {
- padding-right: 8rem !important;
-}
-
-.fr-pt-32v,
-.fr-pt-16w,
-.fr-py-32v,
-.fr-py-16w {
- padding-top: 8rem !important;
-}
-
-.fr-pb-32v,
-.fr-pb-16w,
-.fr-py-32v,
-.fr-py-16w {
- padding-bottom: 8rem !important;
-}
-
-.fr-p-first-0 {
- padding: 0 !important;
-}
-
-.fr-pl-first-0,
-.fr-px-first-0 {
- padding-left: 0 !important;
-}
-
-.fr-pr-first-0,
-.fr-px-first-0 {
- padding-right: 0 !important;
-}
-
-.fr-pt-first-0,
-.fr-py-first-0 {
- padding-top: 0 !important;
-}
-
-.fr-pb-first-0,
-.fr-py-first-0 {
- padding-bottom: 0 !important;
-}
-
-.fr-p-first-0-5v {
- padding: 0.125rem !important;
-}
-
-.fr-pl-first-0-5v,
-.fr-px-first-0-5v {
- padding-left: 0.125rem !important;
-}
-
-.fr-pr-first-0-5v,
-.fr-px-first-0-5v {
- padding-right: 0.125rem !important;
-}
-
-.fr-pt-first-0-5v,
-.fr-py-first-0-5v {
- padding-top: 0.125rem !important;
-}
-
-.fr-pb-first-0-5v,
-.fr-py-first-0-5v {
- padding-bottom: 0.125rem !important;
-}
-
-.fr-p-first-1v {
- padding: 0.25rem !important;
-}
-
-.fr-pl-first-1v,
-.fr-px-first-1v {
- padding-left: 0.25rem !important;
-}
-
-.fr-pr-first-1v,
-.fr-px-first-1v {
- padding-right: 0.25rem !important;
-}
-
-.fr-pt-first-1v,
-.fr-py-first-1v {
- padding-top: 0.25rem !important;
-}
-
-.fr-pb-first-1v,
-.fr-py-first-1v {
- padding-bottom: 0.25rem !important;
-}
-
-.fr-p-first-1-5v {
- padding: 0.375rem !important;
-}
-
-.fr-pl-first-1-5v,
-.fr-px-first-1-5v {
- padding-left: 0.375rem !important;
-}
-
-.fr-pr-first-1-5v,
-.fr-px-first-1-5v {
- padding-right: 0.375rem !important;
-}
-
-.fr-pt-first-1-5v,
-.fr-py-first-1-5v {
- padding-top: 0.375rem !important;
-}
-
-.fr-pb-first-1-5v,
-.fr-py-first-1-5v {
- padding-bottom: 0.375rem !important;
-}
-
-.fr-p-first-2v,
-.fr-p-first-1w {
- padding: 0.5rem !important;
-}
-
-.fr-pl-first-2v,
-.fr-pl-first-1w,
-.fr-px-first-2v,
-.fr-px-first-1w {
- padding-left: 0.5rem !important;
-}
-
-.fr-pr-first-2v,
-.fr-pr-first-1w,
-.fr-px-first-2v,
-.fr-px-first-1w {
- padding-right: 0.5rem !important;
-}
-
-.fr-pt-first-2v,
-.fr-pt-first-1w,
-.fr-py-first-2v,
-.fr-py-first-1w {
- padding-top: 0.5rem !important;
-}
-
-.fr-pb-first-2v,
-.fr-pb-first-1w,
-.fr-py-first-2v,
-.fr-py-first-1w {
- padding-bottom: 0.5rem !important;
-}
-
-.fr-p-first-3v {
- padding: 0.75rem !important;
-}
-
-.fr-pl-first-3v,
-.fr-px-first-3v {
- padding-left: 0.75rem !important;
-}
-
-.fr-pr-first-3v,
-.fr-px-first-3v {
- padding-right: 0.75rem !important;
-}
-
-.fr-pt-first-3v,
-.fr-py-first-3v {
- padding-top: 0.75rem !important;
-}
-
-.fr-pb-first-3v,
-.fr-py-first-3v {
- padding-bottom: 0.75rem !important;
-}
-
-.fr-p-first-4v,
-.fr-p-first-2w {
- padding: 1rem !important;
-}
-
-.fr-pl-first-4v,
-.fr-pl-first-2w,
-.fr-px-first-4v,
-.fr-px-first-2w {
- padding-left: 1rem !important;
-}
-
-.fr-pr-first-4v,
-.fr-pr-first-2w,
-.fr-px-first-4v,
-.fr-px-first-2w {
- padding-right: 1rem !important;
-}
-
-.fr-pt-first-4v,
-.fr-pt-first-2w,
-.fr-py-first-4v,
-.fr-py-first-2w {
- padding-top: 1rem !important;
-}
-
-.fr-pb-first-4v,
-.fr-pb-first-2w,
-.fr-py-first-4v,
-.fr-py-first-2w {
- padding-bottom: 1rem !important;
-}
-
-.fr-p-first-5v {
- padding: 1.25rem !important;
-}
-
-.fr-pl-first-5v,
-.fr-px-first-5v {
- padding-left: 1.25rem !important;
-}
-
-.fr-pr-first-5v,
-.fr-px-first-5v {
- padding-right: 1.25rem !important;
-}
-
-.fr-pt-first-5v,
-.fr-py-first-5v {
- padding-top: 1.25rem !important;
-}
-
-.fr-pb-first-5v,
-.fr-py-first-5v {
- padding-bottom: 1.25rem !important;
-}
-
-.fr-p-first-6v,
-.fr-p-first-3w {
- padding: 1.5rem !important;
-}
-
-.fr-pl-first-6v,
-.fr-pl-first-3w,
-.fr-px-first-6v,
-.fr-px-first-3w {
- padding-left: 1.5rem !important;
-}
-
-.fr-pr-first-6v,
-.fr-pr-first-3w,
-.fr-px-first-6v,
-.fr-px-first-3w {
- padding-right: 1.5rem !important;
-}
-
-.fr-pt-first-6v,
-.fr-pt-first-3w,
-.fr-py-first-6v,
-.fr-py-first-3w {
- padding-top: 1.5rem !important;
-}
-
-.fr-pb-first-6v,
-.fr-pb-first-3w,
-.fr-py-first-6v,
-.fr-py-first-3w {
- padding-bottom: 1.5rem !important;
-}
-
-.fr-p-first-7v {
- padding: 1.75rem !important;
-}
-
-.fr-pl-first-7v,
-.fr-px-first-7v {
- padding-left: 1.75rem !important;
-}
-
-.fr-pr-first-7v,
-.fr-px-first-7v {
- padding-right: 1.75rem !important;
-}
-
-.fr-pt-first-7v,
-.fr-py-first-7v {
- padding-top: 1.75rem !important;
-}
-
-.fr-pb-first-7v,
-.fr-py-first-7v {
- padding-bottom: 1.75rem !important;
-}
-
-.fr-p-first-8v,
-.fr-p-first-4w {
- padding: 2rem !important;
-}
-
-.fr-pl-first-8v,
-.fr-pl-first-4w,
-.fr-px-first-8v,
-.fr-px-first-4w {
- padding-left: 2rem !important;
-}
-
-.fr-pr-first-8v,
-.fr-pr-first-4w,
-.fr-px-first-8v,
-.fr-px-first-4w {
- padding-right: 2rem !important;
-}
-
-.fr-pt-first-8v,
-.fr-pt-first-4w,
-.fr-py-first-8v,
-.fr-py-first-4w {
- padding-top: 2rem !important;
-}
-
-.fr-pb-first-8v,
-.fr-pb-first-4w,
-.fr-py-first-8v,
-.fr-py-first-4w {
- padding-bottom: 2rem !important;
-}
-
-.fr-p-first-9v {
- padding: 2.25rem !important;
-}
-
-.fr-pl-first-9v,
-.fr-px-first-9v {
- padding-left: 2.25rem !important;
-}
-
-.fr-pr-first-9v,
-.fr-px-first-9v {
- padding-right: 2.25rem !important;
-}
-
-.fr-pt-first-9v,
-.fr-py-first-9v {
- padding-top: 2.25rem !important;
-}
-
-.fr-pb-first-9v,
-.fr-py-first-9v {
- padding-bottom: 2.25rem !important;
-}
-
-.fr-p-first-10v,
-.fr-p-first-5w {
- padding: 2.5rem !important;
-}
-
-.fr-pl-first-10v,
-.fr-pl-first-5w,
-.fr-px-first-10v,
-.fr-px-first-5w {
- padding-left: 2.5rem !important;
-}
-
-.fr-pr-first-10v,
-.fr-pr-first-5w,
-.fr-px-first-10v,
-.fr-px-first-5w {
- padding-right: 2.5rem !important;
-}
-
-.fr-pt-first-10v,
-.fr-pt-first-5w,
-.fr-py-first-10v,
-.fr-py-first-5w {
- padding-top: 2.5rem !important;
-}
-
-.fr-pb-first-10v,
-.fr-pb-first-5w,
-.fr-py-first-10v,
-.fr-py-first-5w {
- padding-bottom: 2.5rem !important;
-}
-
-.fr-p-first-11v {
- padding: 2.75rem !important;
-}
-
-.fr-pl-first-11v,
-.fr-px-first-11v {
- padding-left: 2.75rem !important;
-}
-
-.fr-pr-first-11v,
-.fr-px-first-11v {
- padding-right: 2.75rem !important;
-}
-
-.fr-pt-first-11v,
-.fr-py-first-11v {
- padding-top: 2.75rem !important;
-}
-
-.fr-pb-first-11v,
-.fr-py-first-11v {
- padding-bottom: 2.75rem !important;
-}
-
-.fr-p-first-12v,
-.fr-p-first-6w {
- padding: 3rem !important;
-}
-
-.fr-pl-first-12v,
-.fr-pl-first-6w,
-.fr-px-first-12v,
-.fr-px-first-6w {
- padding-left: 3rem !important;
-}
-
-.fr-pr-first-12v,
-.fr-pr-first-6w,
-.fr-px-first-12v,
-.fr-px-first-6w {
- padding-right: 3rem !important;
-}
-
-.fr-pt-first-12v,
-.fr-pt-first-6w,
-.fr-py-first-12v,
-.fr-py-first-6w {
- padding-top: 3rem !important;
-}
-
-.fr-pb-first-12v,
-.fr-pb-first-6w,
-.fr-py-first-12v,
-.fr-py-first-6w {
- padding-bottom: 3rem !important;
-}
-
-.fr-p-first-13v {
- padding: 3.25rem !important;
-}
-
-.fr-pl-first-13v,
-.fr-px-first-13v {
- padding-left: 3.25rem !important;
-}
-
-.fr-pr-first-13v,
-.fr-px-first-13v {
- padding-right: 3.25rem !important;
-}
-
-.fr-pt-first-13v,
-.fr-py-first-13v {
- padding-top: 3.25rem !important;
-}
-
-.fr-pb-first-13v,
-.fr-py-first-13v {
- padding-bottom: 3.25rem !important;
-}
-
-.fr-p-first-14v,
-.fr-p-first-7w {
- padding: 3.5rem !important;
-}
-
-.fr-pl-first-14v,
-.fr-pl-first-7w,
-.fr-px-first-14v,
-.fr-px-first-7w {
- padding-left: 3.5rem !important;
-}
-
-.fr-pr-first-14v,
-.fr-pr-first-7w,
-.fr-px-first-14v,
-.fr-px-first-7w {
- padding-right: 3.5rem !important;
-}
-
-.fr-pt-first-14v,
-.fr-pt-first-7w,
-.fr-py-first-14v,
-.fr-py-first-7w {
- padding-top: 3.5rem !important;
-}
-
-.fr-pb-first-14v,
-.fr-pb-first-7w,
-.fr-py-first-14v,
-.fr-py-first-7w {
- padding-bottom: 3.5rem !important;
-}
-
-.fr-p-first-15v {
- padding: 3.75rem !important;
-}
-
-.fr-pl-first-15v,
-.fr-px-first-15v {
- padding-left: 3.75rem !important;
-}
-
-.fr-pr-first-15v,
-.fr-px-first-15v {
- padding-right: 3.75rem !important;
-}
-
-.fr-pt-first-15v,
-.fr-py-first-15v {
- padding-top: 3.75rem !important;
-}
-
-.fr-pb-first-15v,
-.fr-py-first-15v {
- padding-bottom: 3.75rem !important;
-}
-
-.fr-p-first-16v,
-.fr-p-first-8w {
- padding: 4rem !important;
-}
-
-.fr-pl-first-16v,
-.fr-pl-first-8w,
-.fr-px-first-16v,
-.fr-px-first-8w {
- padding-left: 4rem !important;
-}
-
-.fr-pr-first-16v,
-.fr-pr-first-8w,
-.fr-px-first-16v,
-.fr-px-first-8w {
- padding-right: 4rem !important;
-}
-
-.fr-pt-first-16v,
-.fr-pt-first-8w,
-.fr-py-first-16v,
-.fr-py-first-8w {
- padding-top: 4rem !important;
-}
-
-.fr-pb-first-16v,
-.fr-pb-first-8w,
-.fr-py-first-16v,
-.fr-py-first-8w {
- padding-bottom: 4rem !important;
-}
-
-.fr-p-first-17v {
- padding: 4.25rem !important;
-}
-
-.fr-pl-first-17v,
-.fr-px-first-17v {
- padding-left: 4.25rem !important;
-}
-
-.fr-pr-first-17v,
-.fr-px-first-17v {
- padding-right: 4.25rem !important;
-}
-
-.fr-pt-first-17v,
-.fr-py-first-17v {
- padding-top: 4.25rem !important;
-}
-
-.fr-pb-first-17v,
-.fr-py-first-17v {
- padding-bottom: 4.25rem !important;
-}
-
-.fr-p-first-18v,
-.fr-p-first-9w {
- padding: 4.5rem !important;
-}
-
-.fr-pl-first-18v,
-.fr-pl-first-9w,
-.fr-px-first-18v,
-.fr-px-first-9w {
- padding-left: 4.5rem !important;
-}
-
-.fr-pr-first-18v,
-.fr-pr-first-9w,
-.fr-px-first-18v,
-.fr-px-first-9w {
- padding-right: 4.5rem !important;
-}
-
-.fr-pt-first-18v,
-.fr-pt-first-9w,
-.fr-py-first-18v,
-.fr-py-first-9w {
- padding-top: 4.5rem !important;
-}
-
-.fr-pb-first-18v,
-.fr-pb-first-9w,
-.fr-py-first-18v,
-.fr-py-first-9w {
- padding-bottom: 4.5rem !important;
-}
-
-.fr-p-first-19v {
- padding: 4.75rem !important;
-}
-
-.fr-pl-first-19v,
-.fr-px-first-19v {
- padding-left: 4.75rem !important;
-}
-
-.fr-pr-first-19v,
-.fr-px-first-19v {
- padding-right: 4.75rem !important;
-}
-
-.fr-pt-first-19v,
-.fr-py-first-19v {
- padding-top: 4.75rem !important;
-}
-
-.fr-pb-first-19v,
-.fr-py-first-19v {
- padding-bottom: 4.75rem !important;
-}
-
-.fr-p-first-20v,
-.fr-p-first-10w {
- padding: 5rem !important;
-}
-
-.fr-pl-first-20v,
-.fr-pl-first-10w,
-.fr-px-first-20v,
-.fr-px-first-10w {
- padding-left: 5rem !important;
-}
-
-.fr-pr-first-20v,
-.fr-pr-first-10w,
-.fr-px-first-20v,
-.fr-px-first-10w {
- padding-right: 5rem !important;
-}
-
-.fr-pt-first-20v,
-.fr-pt-first-10w,
-.fr-py-first-20v,
-.fr-py-first-10w {
- padding-top: 5rem !important;
-}
-
-.fr-pb-first-20v,
-.fr-pb-first-10w,
-.fr-py-first-20v,
-.fr-py-first-10w {
- padding-bottom: 5rem !important;
-}
-
-.fr-p-first-21v {
- padding: 5.25rem !important;
-}
-
-.fr-pl-first-21v,
-.fr-px-first-21v {
- padding-left: 5.25rem !important;
-}
-
-.fr-pr-first-21v,
-.fr-px-first-21v {
- padding-right: 5.25rem !important;
-}
-
-.fr-pt-first-21v,
-.fr-py-first-21v {
- padding-top: 5.25rem !important;
-}
-
-.fr-pb-first-21v,
-.fr-py-first-21v {
- padding-bottom: 5.25rem !important;
-}
-
-.fr-p-first-22v,
-.fr-p-first-11w {
- padding: 5.5rem !important;
-}
-
-.fr-pl-first-22v,
-.fr-pl-first-11w,
-.fr-px-first-22v,
-.fr-px-first-11w {
- padding-left: 5.5rem !important;
-}
-
-.fr-pr-first-22v,
-.fr-pr-first-11w,
-.fr-px-first-22v,
-.fr-px-first-11w {
- padding-right: 5.5rem !important;
-}
-
-.fr-pt-first-22v,
-.fr-pt-first-11w,
-.fr-py-first-22v,
-.fr-py-first-11w {
- padding-top: 5.5rem !important;
-}
-
-.fr-pb-first-22v,
-.fr-pb-first-11w,
-.fr-py-first-22v,
-.fr-py-first-11w {
- padding-bottom: 5.5rem !important;
-}
-
-.fr-p-first-23v {
- padding: 5.75rem !important;
-}
-
-.fr-pl-first-23v,
-.fr-px-first-23v {
- padding-left: 5.75rem !important;
-}
-
-.fr-pr-first-23v,
-.fr-px-first-23v {
- padding-right: 5.75rem !important;
-}
-
-.fr-pt-first-23v,
-.fr-py-first-23v {
- padding-top: 5.75rem !important;
-}
-
-.fr-pb-first-23v,
-.fr-py-first-23v {
- padding-bottom: 5.75rem !important;
-}
-
-.fr-p-first-24v,
-.fr-p-first-12w {
- padding: 6rem !important;
-}
-
-.fr-pl-first-24v,
-.fr-pl-first-12w,
-.fr-px-first-24v,
-.fr-px-first-12w {
- padding-left: 6rem !important;
-}
-
-.fr-pr-first-24v,
-.fr-pr-first-12w,
-.fr-px-first-24v,
-.fr-px-first-12w {
- padding-right: 6rem !important;
-}
-
-.fr-pt-first-24v,
-.fr-pt-first-12w,
-.fr-py-first-24v,
-.fr-py-first-12w {
- padding-top: 6rem !important;
-}
-
-.fr-pb-first-24v,
-.fr-pb-first-12w,
-.fr-py-first-24v,
-.fr-py-first-12w {
- padding-bottom: 6rem !important;
-}
-
-.fr-p-first-25v {
- padding: 6.25rem !important;
-}
-
-.fr-pl-first-25v,
-.fr-px-first-25v {
- padding-left: 6.25rem !important;
-}
-
-.fr-pr-first-25v,
-.fr-px-first-25v {
- padding-right: 6.25rem !important;
-}
-
-.fr-pt-first-25v,
-.fr-py-first-25v {
- padding-top: 6.25rem !important;
-}
-
-.fr-pb-first-25v,
-.fr-py-first-25v {
- padding-bottom: 6.25rem !important;
-}
-
-.fr-p-first-26v,
-.fr-p-first-13w {
- padding: 6.5rem !important;
-}
-
-.fr-pl-first-26v,
-.fr-pl-first-13w,
-.fr-px-first-26v,
-.fr-px-first-13w {
- padding-left: 6.5rem !important;
-}
-
-.fr-pr-first-26v,
-.fr-pr-first-13w,
-.fr-px-first-26v,
-.fr-px-first-13w {
- padding-right: 6.5rem !important;
-}
-
-.fr-pt-first-26v,
-.fr-pt-first-13w,
-.fr-py-first-26v,
-.fr-py-first-13w {
- padding-top: 6.5rem !important;
-}
-
-.fr-pb-first-26v,
-.fr-pb-first-13w,
-.fr-py-first-26v,
-.fr-py-first-13w {
- padding-bottom: 6.5rem !important;
-}
-
-.fr-p-first-27v {
- padding: 6.75rem !important;
-}
-
-.fr-pl-first-27v,
-.fr-px-first-27v {
- padding-left: 6.75rem !important;
-}
-
-.fr-pr-first-27v,
-.fr-px-first-27v {
- padding-right: 6.75rem !important;
-}
-
-.fr-pt-first-27v,
-.fr-py-first-27v {
- padding-top: 6.75rem !important;
-}
-
-.fr-pb-first-27v,
-.fr-py-first-27v {
- padding-bottom: 6.75rem !important;
-}
-
-.fr-p-first-28v,
-.fr-p-first-14w {
- padding: 7rem !important;
-}
-
-.fr-pl-first-28v,
-.fr-pl-first-14w,
-.fr-px-first-28v,
-.fr-px-first-14w {
- padding-left: 7rem !important;
-}
-
-.fr-pr-first-28v,
-.fr-pr-first-14w,
-.fr-px-first-28v,
-.fr-px-first-14w {
- padding-right: 7rem !important;
-}
-
-.fr-pt-first-28v,
-.fr-pt-first-14w,
-.fr-py-first-28v,
-.fr-py-first-14w {
- padding-top: 7rem !important;
-}
-
-.fr-pb-first-28v,
-.fr-pb-first-14w,
-.fr-py-first-28v,
-.fr-py-first-14w {
- padding-bottom: 7rem !important;
-}
-
-.fr-p-first-29v {
- padding: 7.25rem !important;
-}
-
-.fr-pl-first-29v,
-.fr-px-first-29v {
- padding-left: 7.25rem !important;
-}
-
-.fr-pr-first-29v,
-.fr-px-first-29v {
- padding-right: 7.25rem !important;
-}
-
-.fr-pt-first-29v,
-.fr-py-first-29v {
- padding-top: 7.25rem !important;
-}
-
-.fr-pb-first-29v,
-.fr-py-first-29v {
- padding-bottom: 7.25rem !important;
-}
-
-.fr-p-first-30v,
-.fr-p-first-15w {
- padding: 7.5rem !important;
-}
-
-.fr-pl-first-30v,
-.fr-pl-first-15w,
-.fr-px-first-30v,
-.fr-px-first-15w {
- padding-left: 7.5rem !important;
-}
-
-.fr-pr-first-30v,
-.fr-pr-first-15w,
-.fr-px-first-30v,
-.fr-px-first-15w {
- padding-right: 7.5rem !important;
-}
-
-.fr-pt-first-30v,
-.fr-pt-first-15w,
-.fr-py-first-30v,
-.fr-py-first-15w {
- padding-top: 7.5rem !important;
-}
-
-.fr-pb-first-30v,
-.fr-pb-first-15w,
-.fr-py-first-30v,
-.fr-py-first-15w {
- padding-bottom: 7.5rem !important;
-}
-
-.fr-p-first-31v {
- padding: 7.75rem !important;
-}
-
-.fr-pl-first-31v,
-.fr-px-first-31v {
- padding-left: 7.75rem !important;
-}
-
-.fr-pr-first-31v,
-.fr-px-first-31v {
- padding-right: 7.75rem !important;
-}
-
-.fr-pt-first-31v,
-.fr-py-first-31v {
- padding-top: 7.75rem !important;
-}
-
-.fr-pb-first-31v,
-.fr-py-first-31v {
- padding-bottom: 7.75rem !important;
-}
-
-.fr-p-first-32v,
-.fr-p-first-16w {
- padding: 8rem !important;
-}
-
-.fr-pl-first-32v,
-.fr-pl-first-16w,
-.fr-px-first-32v,
-.fr-px-first-16w {
- padding-left: 8rem !important;
-}
-
-.fr-pr-first-32v,
-.fr-pr-first-16w,
-.fr-px-first-32v,
-.fr-px-first-16w {
- padding-right: 8rem !important;
-}
-
-.fr-pt-first-32v,
-.fr-pt-first-16w,
-.fr-py-first-32v,
-.fr-py-first-16w {
- padding-top: 8rem !important;
-}
-
-.fr-pb-first-32v,
-.fr-pb-first-16w,
-.fr-py-first-32v,
-.fr-py-first-16w {
- padding-bottom: 8rem !important;
-}
-
-:root[data-fr-theme='dark'] {
- --shadow-color: rgba(0, 0, 18, 0.32);
- --grey-1000-50: #161616;
- --grey-1000-50-hover: #343434;
- --grey-1000-50-active: #474747;
- --grey-975-75: #1e1e1e;
- --grey-975-75-hover: #3f3f3f;
- --grey-975-75-active: #525252;
- --grey-950-100: #242424;
- --grey-950-100-hover: #474747;
- --grey-950-100-active: #5b5b5b;
- --grey-200-850: #cecece;
- --grey-925-125: #2a2a2a;
- --grey-1000-75: #1e1e1e;
- --grey-1000-75-hover: #3f3f3f;
- --grey-1000-75-active: #525252;
- --grey-1000-100: #242424;
- --grey-1000-100-hover: #474747;
- --grey-1000-100-active: #5b5b5b;
- --grey-975-100: #242424;
- --grey-975-100-hover: #474747;
- --grey-975-100-active: #5b5b5b;
- --grey-975-125: #2a2a2a;
- --grey-975-125-hover: #4e4e4e;
- --grey-975-125-active: #636363;
- --grey-950-125: #2a2a2a;
- --grey-950-125-hover: #4e4e4e;
- --grey-950-125-active: #636363;
- --grey-950-150: #2f2f2f;
- --grey-950-150-hover: #545454;
- --grey-950-150-active: #696969;
- --grey-50-1000: #fff;
- --grey-425-625: #929292;
- --grey-625-425: #666;
- --grey-900-175: #353535;
- --blue-france-975-75: #1b1b35;
- --blue-france-975-75-hover: #3a3a68;
- --blue-france-975-75-active: #4d4d83;
- --blue-france-950-100: #21213f;
- --blue-france-950-100-hover: #424275;
- --blue-france-950-100-active: #56568c;
- --blue-france-sun-113-625: #8585f6;
- --blue-france-sun-113-625-hover: #b1b1f9;
- --blue-france-sun-113-625-active: #c6c6fb;
- --blue-france-925-125: #272747;
- --blue-france-925-125-hover: #4a4a7d;
- --blue-france-925-125-active: #5e5e90;
- --blue-france-975-sun-113: #000091;
- --blue-france-main-525: #6a6af4;
- --blue-france-850-200: #313178;
- --red-marianne-975-75: #2b1919;
- --red-marianne-975-75-hover: #573737;
- --red-marianne-975-75-active: #704848;
- --red-marianne-950-100: #331f1f;
- --red-marianne-950-100-hover: #613f3f;
- --red-marianne-950-100-active: #7b5151;
- --red-marianne-425-625: #f95c5e;
- --red-marianne-425-625-hover: #fa9293;
- --red-marianne-425-625-active: #fbabac;
- --red-marianne-925-125: #3b2424;
- --red-marianne-925-125-hover: #6b4545;
- --red-marianne-925-125-active: #865757;
- --red-marianne-main-472: #e1000f;
- --red-marianne-850-200: #5e2a2b;
- --info-950-100: #1d2437;
- --info-950-100-hover: #3b4767;
- --info-950-100-active: #4c5b83;
- --info-425-625: #518fff;
- --info-425-625-hover: #98b4ff;
- --info-425-625-active: #b4c7ff;
- --info-975-75: #171d2e;
- --success-950-100: #19271d;
- --success-950-100-hover: #344c3b;
- --success-950-100-active: #44624d;
- --success-425-625: #27a658;
- --success-425-625-hover: #36d975;
- --success-425-625-active: #3df183;
- --success-975-75: #142117;
- --warning-950-100: #361e19;
- --warning-950-100-hover: #663d35;
- --warning-950-100-active: #824f44;
- --warning-425-625: #fc5d00;
- --warning-425-625-hover: #ff8c73;
- --warning-425-625-active: #ffa595;
- --warning-975-75: #2d1814;
- --error-950-100: #391c1c;
- --error-950-100-hover: #6c3a3a;
- --error-950-100-active: #894b4b;
- --error-425-625: #ff5655;
- --error-425-625-hover: #ff8c8c;
- --error-425-625-active: #ffa6a6;
- --error-975-75: #301717;
- --green-tilleul-verveine-975-75: #201e14;
- --green-tilleul-verveine-975-75-hover: #433f2e;
- --green-tilleul-verveine-975-75-active: #57533d;
- --green-tilleul-verveine-950-100: #272419;
- --green-tilleul-verveine-950-100-hover: #4c4734;
- --green-tilleul-verveine-950-100-active: #615b44;
- --green-tilleul-verveine-sun-418-moon-817: #d8c634;
- --green-tilleul-verveine-sun-418-moon-817-hover: #fee943;
- --green-tilleul-verveine-sun-418-moon-817-active: #fef1ab;
- --green-tilleul-verveine-925-125: #2d2a1d;
- --green-tilleul-verveine-925-125-hover: #534f39;
- --green-tilleul-verveine-925-125-active: #696349;
- --green-tilleul-verveine-main-707: #b7a73f;
- --green-tilleul-verveine-850-200: #3f3a20;
- --green-bourgeon-975-75: #182014;
- --green-bourgeon-975-75-hover: #35432e;
- --green-bourgeon-975-75-active: #46573d;
- --green-bourgeon-950-100: #1e2719;
- --green-bourgeon-950-100-hover: #3d4c34;
- --green-bourgeon-950-100-active: #4e6144;
- --green-bourgeon-sun-425-moon-759: #99c221;
- --green-bourgeon-sun-425-moon-759-hover: #baec2a;
- --green-bourgeon-sun-425-moon-759-active: #c9fd2e;
- --green-bourgeon-925-125: #232d1d;
- --green-bourgeon-925-125-hover: #435339;
- --green-bourgeon-925-125-active: #556949;
- --green-bourgeon-main-640: #68a532;
- --green-bourgeon-850-200: #2a401a;
- --green-emeraude-975-75: #142018;
- --green-emeraude-975-75-hover: #2e4335;
- --green-emeraude-975-75-active: #3d5846;
- --green-emeraude-950-100: #19271e;
- --green-emeraude-950-100-hover: #344c3d;
- --green-emeraude-950-100-active: #44624f;
- --green-emeraude-sun-425-moon-753: #34cb6a;
- --green-emeraude-sun-425-moon-753-hover: #42fb84;
- --green-emeraude-sun-425-moon-753-active: #80fda3;
- --green-emeraude-925-125: #1e2e23;
- --green-emeraude-925-125-hover: #3b5543;
- --green-emeraude-925-125-active: #4b6b55;
- --green-emeraude-main-632: #00a95f;
- --green-emeraude-850-200: #21402c;
- --green-menthe-975-75: #15201e;
- --green-menthe-975-75-hover: #30433f;
- --green-menthe-975-75-active: #3f5753;
- --green-menthe-950-100: #1a2624;
- --green-menthe-950-100-hover: #364b47;
- --green-menthe-950-100-active: #46605b;
- --green-menthe-sun-373-moon-652: #21ab8e;
- --green-menthe-sun-373-moon-652-hover: #2eddb8;
- --green-menthe-sun-373-moon-652-active: #34f4cc;
- --green-menthe-925-125: #1f2d2a;
- --green-menthe-925-125-hover: #3c534e;
- --green-menthe-925-125-active: #4d6963;
- --green-menthe-main-548: #009081;
- --green-menthe-850-200: #223f3a;
- --green-archipel-975-75: #152021;
- --green-archipel-975-75-hover: #2f4345;
- --green-archipel-975-75-active: #3f5759;
- --green-archipel-950-100: #1a2628;
- --green-archipel-950-100-hover: #364a4e;
- --green-archipel-950-100-active: #465f63;
- --green-archipel-sun-391-moon-716: #34bab5;
- --green-archipel-sun-391-moon-716-hover: #43e9e2;
- --green-archipel-sun-391-moon-716-active: #4cfdf6;
- --green-archipel-925-125: #1f2c2e;
- --green-archipel-925-125-hover: #3c5255;
- --green-archipel-925-125-active: #4d676b;
- --green-archipel-main-557: #009099;
- --green-archipel-850-200: #233e41;
- --blue-ecume-975-75: #171d2f;
- --blue-ecume-975-75-hover: #333e5e;
- --blue-ecume-975-75-active: #445179;
- --blue-ecume-950-100: #1d2437;
- --blue-ecume-950-100-hover: #3b4767;
- --blue-ecume-950-100-active: #4c5b83;
- --blue-ecume-sun-247-moon-675: #869ece;
- --blue-ecume-sun-247-moon-675-hover: #b8c5e2;
- --blue-ecume-sun-247-moon-675-active: #ced6ea;
- --blue-ecume-925-125: #222940;
- --blue-ecume-925-125-hover: #424d73;
- --blue-ecume-925-125-active: #536190;
- --blue-ecume-main-400: #465f9d;
- --blue-ecume-850-200: #273962;
- --blue-cumulus-975-75: #171e2b;
- --blue-cumulus-975-75-hover: #333f56;
- --blue-cumulus-975-75-active: #43536f;
- --blue-cumulus-950-100: #1c2433;
- --blue-cumulus-950-100-hover: #3a4761;
- --blue-cumulus-950-100-active: #4a5b7b;
- --blue-cumulus-sun-368-moon-732: #7ab1e8;
- --blue-cumulus-sun-368-moon-732-hover: #bad2f2;
- --blue-cumulus-sun-368-moon-732-active: #d2e2f6;
- --blue-cumulus-925-125: #212a3a;
- --blue-cumulus-925-125-hover: #404f69;
- --blue-cumulus-925-125-active: #516384;
- --blue-cumulus-main-526: #417dc4;
- --blue-cumulus-850-200: #263b58;
- --purple-glycine-975-75: #251a24;
- --purple-glycine-975-75-hover: #4c394a;
- --purple-glycine-975-75-active: #634a60;
- --purple-glycine-950-100: #2c202b;
- --purple-glycine-950-100-hover: #554053;
- --purple-glycine-950-100-active: #6c536a;
- --purple-glycine-sun-319-moon-630: #ce70cc;
- --purple-glycine-sun-319-moon-630-hover: #dfa4dd;
- --purple-glycine-sun-319-moon-630-active: #e7bbe6;
- --purple-glycine-925-125: #332632;
- --purple-glycine-925-125-hover: #5d485c;
- --purple-glycine-925-125-active: #755b73;
- --purple-glycine-main-494: #a558a0;
- --purple-glycine-850-200: #502e4d;
- --pink-macaron-975-75: #261b19;
- --pink-macaron-975-75-hover: #4e3a37;
- --pink-macaron-975-75-active: #654c48;
- --pink-macaron-950-100: #2e211f;
- --pink-macaron-950-100-hover: #58423f;
- --pink-macaron-950-100-active: #705551;
- --pink-macaron-sun-406-moon-833: #ffb7ae;
- --pink-macaron-sun-406-moon-833-hover: #ffe0dc;
- --pink-macaron-sun-406-moon-833-active: #fff0ee;
- --pink-macaron-925-125: #352724;
- --pink-macaron-925-125-hover: #614a45;
- --pink-macaron-925-125-active: #795d57;
- --pink-macaron-main-689: #e18b76;
- --pink-macaron-850-200: #52312a;
- --pink-tuile-975-75: #281b19;
- --pink-tuile-975-75-hover: #513a37;
- --pink-tuile-975-75-active: #694c48;
- --pink-tuile-950-100: #2f211f;
- --pink-tuile-950-100-hover: #5a423e;
- --pink-tuile-950-100-active: #725550;
- --pink-tuile-sun-425-moon-750: #ff9575;
- --pink-tuile-sun-425-moon-750-hover: #ffc4b7;
- --pink-tuile-sun-425-moon-750-active: #ffd8d0;
- --pink-tuile-925-125: #372624;
- --pink-tuile-925-125-hover: #644845;
- --pink-tuile-925-125-active: #7d5b57;
- --pink-tuile-main-556: #ce614a;
- --pink-tuile-850-200: #55302a;
- --yellow-tournesol-975-75: #221d11;
- --yellow-tournesol-975-75-hover: #473e29;
- --yellow-tournesol-975-75-active: #5c5136;
- --yellow-tournesol-950-100: #292416;
- --yellow-tournesol-950-100-hover: #4f472f;
- --yellow-tournesol-950-100-active: #655b3d;
- --yellow-tournesol-sun-407-moon-922: #ffe552;
- --yellow-tournesol-sun-407-moon-922-hover: #e1c700;
- --yellow-tournesol-sun-407-moon-922-active: #cab300;
- --yellow-tournesol-925-125: #302a1a;
- --yellow-tournesol-925-125-hover: #584e34;
- --yellow-tournesol-925-125-active: #6f6342;
- --yellow-tournesol-main-731: #c8aa39;
- --yellow-tournesol-850-200: #43391a;
- --yellow-moutarde-975-75: #231d14;
- --yellow-moutarde-975-75-hover: #483e2e;
- --yellow-moutarde-975-75-active: #5e513d;
- --yellow-moutarde-950-100: #2a2319;
- --yellow-moutarde-950-100-hover: #514534;
- --yellow-moutarde-950-100-active: #685944;
- --yellow-moutarde-sun-348-moon-860: #ffca00;
- --yellow-moutarde-sun-348-moon-860-hover: #cda200;
- --yellow-moutarde-sun-348-moon-860-active: #b28c00;
- --yellow-moutarde-925-125: #30291d;
- --yellow-moutarde-925-125-hover: #584d39;
- --yellow-moutarde-925-125-active: #6f6149;
- --yellow-moutarde-main-679: #c3992a;
- --yellow-moutarde-850-200: #453820;
- --orange-terre-battue-975-75: #281a16;
- --orange-terre-battue-975-75-hover: #513932;
- --orange-terre-battue-975-75-active: #6a4b42;
- --orange-terre-battue-950-100: #31201c;
- --orange-terre-battue-950-100-hover: #5d403a;
- --orange-terre-battue-950-100-active: #77534a;
- --orange-terre-battue-sun-370-moon-672: #ff732c;
- --orange-terre-battue-sun-370-moon-672-hover: #ffa48b;
- --orange-terre-battue-sun-370-moon-672-active: #ffbbab;
- --orange-terre-battue-925-125: #382621;
- --orange-terre-battue-925-125-hover: #664840;
- --orange-terre-battue-925-125-active: #7f5b51;
- --orange-terre-battue-main-645: #e4794a;
- --orange-terre-battue-850-200: #543125;
- --brown-cafe-creme-975-75: #211d16;
- --brown-cafe-creme-975-75-hover: #453e31;
- --brown-cafe-creme-975-75-active: #5a5141;
- --brown-cafe-creme-950-100: #28241c;
- --brown-cafe-creme-950-100-hover: #4e4739;
- --brown-cafe-creme-950-100-active: #635b4a;
- --brown-cafe-creme-sun-383-moon-885: #ecd7a2;
- --brown-cafe-creme-sun-383-moon-885-hover: #c5b386;
- --brown-cafe-creme-sun-383-moon-885-active: #af9f77;
- --brown-cafe-creme-925-125: #2e2a21;
- --brown-cafe-creme-925-125-hover: #554e3f;
- --brown-cafe-creme-925-125-active: #6b6351;
- --brown-cafe-creme-main-782: #d1b781;
- --brown-cafe-creme-850-200: #423925;
- --brown-caramel-975-75: #251c16;
- --brown-caramel-975-75-hover: #4c3c31;
- --brown-caramel-975-75-active: #624e41;
- --brown-caramel-950-100: #2c221c;
- --brown-caramel-950-100-hover: #554439;
- --brown-caramel-950-100-active: #6c574a;
- --brown-caramel-sun-425-moon-901: #fbd8ab;
- --brown-caramel-sun-425-moon-901-hover: #efb547;
- --brown-caramel-sun-425-moon-901-active: #d6a23e;
- --brown-caramel-925-125: #332821;
- --brown-caramel-925-125-hover: #5d4b40;
- --brown-caramel-925-125-active: #755f51;
- --brown-caramel-main-648: #c08c65;
- --brown-caramel-850-200: #4b3525;
- --brown-opera-975-75: #241c17;
- --brown-opera-975-75-hover: #4a3c33;
- --brown-opera-975-75-active: #604f44;
- --brown-opera-950-100: #2b221c;
- --brown-opera-950-100-hover: #53443a;
- --brown-opera-950-100-active: #6a574a;
- --brown-opera-sun-395-moon-820: #e6be92;
- --brown-opera-sun-395-moon-820-hover: #f2e2d3;
- --brown-opera-sun-395-moon-820-active: #f8f0e9;
- --brown-opera-925-125: #322821;
- --brown-opera-925-125-hover: #5c4b40;
- --brown-opera-925-125-active: #735f51;
- --brown-opera-main-680: #bd987a;
- --brown-opera-850-200: #493625;
- --beige-gris-galet-975-75: #211d19;
- --beige-gris-galet-975-75-hover: #453e37;
- --beige-gris-galet-975-75-active: #595148;
- --beige-gris-galet-950-100: #28231f;
- --beige-gris-galet-950-100-hover: #4e453f;
- --beige-gris-galet-950-100-active: #635950;
- --beige-gris-galet-sun-407-moon-821: #d0c3b7;
- --beige-gris-galet-sun-407-moon-821-hover: #eae5e1;
- --beige-gris-galet-sun-407-moon-821-active: #f4f2f0;
- --beige-gris-galet-925-125: #2e2924;
- --beige-gris-galet-925-125-hover: #554d45;
- --beige-gris-galet-925-125-active: #6b6157;
- --beige-gris-galet-main-702: #aea397;
- --beige-gris-galet-850-200: #433829;
-}
-
-.fr-placement {
- position: fixed;
- top: 0;
- left: 0;
-}
-
-@-moz-document url-prefix() {
- :root[data-fr-scrolling] body {
- position: sticky;
- }
- :root {
- --underline-thickness: calc(0.0625em + 0.25px);
- }
-}
-.fr-displayed-lg {
- display: none !important;
-}
-
-.fr-responsive-img--32x9 {
- aspect-ratio: 3.5555555556 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-img--16x9 {
- aspect-ratio: 1.7777777778 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-img--3x2 {
- aspect-ratio: 1.5 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-img--4x3 {
- aspect-ratio: 1.3333333333 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-img--1x1 {
- aspect-ratio: 1 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-img--3x4 {
- aspect-ratio: 0.75 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-img--2x3 {
- aspect-ratio: 0.6666666667 !important;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-responsive-vid--16x9 {
- aspect-ratio: 1.7777777778 !important;
-}
-
-.fr-responsive-vid--4x3 {
- aspect-ratio: 1.3333333333 !important;
-}
-
-.fr-responsive-vid--1x1 {
- aspect-ratio: 1 !important;
-}
-
-.fr-fi--xs::before,
-.fr-fi--xs::after {
- --icon-size: 0.75rem;
-}
-
-.fr-fi--sm::before,
-.fr-fi--sm::after {
- --icon-size: 1rem;
-}
-
-.fr-fi--md::before,
-.fr-fi--md::after {
- --icon-size: 1.5rem;
-}
-
-.fr-fi--lg::before,
-.fr-fi--lg::after {
- --icon-size: 2rem;
-}
-
-.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);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SCHEME
-\* ËËËËËËËËË */
-/* ¯¯¯¯¯¯¯¯¯ *\
- UPLOAD
-\* ËËËËËËËËË */
-.fr-upload-group .fr-label .fr-hint-text {
- margin-top: 0.75rem;
-}
-
-.fr-upload-group .fr-label + .fr-upload {
- margin-top: 1rem;
-}
-
-.fr-upload-group .fr-message:first-child {
- margin-top: 0.5rem;
-}
-
-.fr-upload {
- font-size: 0.875rem;
- line-height: 1.5rem;
- width: 100%;
- display: inline-flex;
- margin: 0;
-}
-
-.fr-upload:disabled::-webkit-file-upload-button {
- outline-style: none;
- cursor: not-allowed;
-}
-
-.fr-upload::-webkit-file-upload-button {
- -webkit-appearance: button;
- -moz-appearance: button;
- appearance: button;
- font: inherit;
- cursor: pointer;
- margin-right: 0.5rem;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ACCORDION
-\* ËËËËËËËËË */
-.fr-accordion {
- position: relative;
-}
-
-.fr-accordion::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow:
- inset 0 1px 0 0 var(--border-default-grey),
- 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-accordion__title {
- margin: 0;
- display: block;
- font-size: unset;
- line-height: unset;
-}
-
-.fr-accordion__btn {
- --text-spacing: 0;
- --title-spacing: 0;
- display: inline-flex;
- flex-direction: row;
- align-items: center;
- width: -moz-fit-content;
- width: fit-content;
- font-weight: 500;
- font-size: 1rem;
- line-height: 1.5rem;
- min-height: 3rem;
- padding: 0.75rem 1rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- width: 100%;
- text-align: left;
- margin: 0;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-accordion__btn::before,
-.fr-accordion__btn::after {
- display: block;
-}
-
-.fr-accordion__btn::after {
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.25rem;
- 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('icons/system/arrow-down-s-line.svg');
- mask-image: url('icons/system/arrow-down-s-line.svg');
- content: '';
- transition: transform 0.3s;
- margin-right: 0;
- margin-left: auto;
-}
-
-.fr-accordion__btn::before {
- content: none;
-}
-
-.fr-accordion__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
-}
-
-.fr-accordion .fr-collapse {
- --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, '.') '.  ';
- transition:
- visibility 0.3s,
- padding 0.3s;
-}
-
-.fr-accordion .fr-collapse--expanded {
- padding-top: 1rem;
- padding-bottom: 1.5rem;
-}
-
-.fr-accordions-group {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
-}
-
-.fr-accordion__btn[aria-expanded='true'] {
- background-color: var(--background-open-blue-france);
- --idle: transparent;
- --hover: var(--background-open-blue-france-hover);
- --active: var(--background-open-blue-france-active);
-}
-
-/* ------------------------------------ *\
- Badge
-\* ------------------------------------ */
-.fr-badge {
- --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-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 1.5rem;
- padding: 0 0.5rem;
- overflow: initial;
- max-height: none;
- font-weight: 700;
- max-width: 100%;
- text-transform: uppercase;
- border-radius: 0.25rem;
- color: var(--text-default-grey);
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-badge::before,
-.fr-badge::after {
- display: block;
-}
-
-.fr-badge--icon-left[class^='fr-icon-'],
-.fr-badge--icon-left[class*=' fr-icon-'],
-.fr-badge--icon-left[class^='fr-fi-'],
-.fr-badge--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-badge--icon-left[class^='fr-icon-']::before,
-.fr-badge--icon-left[class*=' fr-icon-']::before,
-.fr-badge--icon-left[class^='fr-fi-']::before,
-.fr-badge--icon-left[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.25rem;
-}
-
-.fr-badge[class^='fr-icon-']:not([class*='fr-badge--icon-'])::before,
-.fr-badge[class*=' fr-icon-']:not([class*='fr-badge--icon-'])::before,
-.fr-badge[class^='fr-fi-']:not([class*='fr-badge--icon-'])::before,
-.fr-badge[class*=' fr-fi-']:not([class*='fr-badge--icon-'])::before {
- content: none;
-}
-
-.fr-badge--sm {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.125rem;
- padding: 0 0.375rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-badge--sm.fr-badge--icon-left[class^='fr-icon-'],
-.fr-badge--sm.fr-badge--icon-left[class*=' fr-icon-'],
-.fr-badge--sm.fr-badge--icon-left[class^='fr-fi-'],
-.fr-badge--sm.fr-badge--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-badge--sm.fr-badge--icon-left[class^='fr-icon-']::before,
-.fr-badge--sm.fr-badge--icon-left[class*=' fr-icon-']::before,
-.fr-badge--sm.fr-badge--icon-left[class^='fr-fi-']::before,
-.fr-badge--sm.fr-badge--icon-left[class*=' fr-fi-']::before {
- --icon-size: 0.75rem;
- margin-left: -0.09375rem;
- margin-right: 0.25rem;
-}
-
-.fr-badge--sm[class^='fr-icon-']:not([class*='fr-badge--icon-'])::before,
-.fr-badge--sm[class*=' fr-icon-']:not([class*='fr-badge--icon-'])::before,
-.fr-badge--sm[class^='fr-fi-']:not([class*='fr-badge--icon-'])::before,
-.fr-badge--sm[class*=' fr-fi-']:not([class*='fr-badge--icon-'])::before {
- content: none;
-}
-
-.fr-badge::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.25rem;
- 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%;
-}
-
-.fr-badge--sm::before {
- --icon-size: 0.75rem;
- margin-left: -0.09375rem;
- margin-right: 0.25rem;
-}
-
-.fr-badge.fr-badge--info::before,
-.fr-badge--sm.fr-badge--info::before {
- -webkit-mask-image: url('icons/system/fr--info-fill.svg');
- mask-image: url('icons/system/fr--info-fill.svg');
-}
-
-.fr-badge.fr-badge--success::before,
-.fr-badge--sm.fr-badge--success::before {
- -webkit-mask-image: url('icons/system/fr--success-fill.svg');
- mask-image: url('icons/system/fr--success-fill.svg');
-}
-
-.fr-badge.fr-badge--error::before,
-.fr-badge--sm.fr-badge--error::before {
- -webkit-mask-image: url('icons/system/fr--error-fill.svg');
- mask-image: url('icons/system/fr--error-fill.svg');
-}
-
-.fr-badge.fr-badge--warning::before,
-.fr-badge--sm.fr-badge--warning::before {
- -webkit-mask-image: url('icons/system/fr--warning-fill.svg');
- mask-image: url('icons/system/fr--warning-fill.svg');
-}
-
-.fr-badge.fr-badge--new::before,
-.fr-badge--sm.fr-badge--new::before {
- -webkit-mask-image: url('icons/weather/flashlight-fill.svg');
- mask-image: url('icons/weather/flashlight-fill.svg');
-}
-
-.fr-badge--info::before,
-.fr-badge--success::before,
-.fr-badge--error::before,
-.fr-badge--warning::before,
-.fr-badge--new::before,
-.fr-badge--sm--info::before,
-.fr-badge--sm--success::before,
-.fr-badge--sm--error::before,
-.fr-badge--sm--warning::before,
-.fr-badge--sm--new::before {
- content: '';
-}
-
-.fr-badge.fr-badge--no-icon::before,
-.fr-badge--sm.fr-badge--no-icon::before {
- content: none;
-}
-
-.fr-badges-group {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- display: flex;
- flex-wrap: wrap;
- margin-left: -0.25rem;
- margin-right: -0.25rem;
- margin-bottom: 0;
-}
-
-.fr-badges-group > li {
- display: inline-flex;
- max-width: 100%;
-}
-
-.fr-badges-group .fr-badge {
- margin: 0 0.25rem 0.5rem 0.25rem;
-}
-
-.fr-badges-group--sm .fr-badge {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.125rem;
- padding: 0 0.375rem;
-}
-
-.fr-badges-group--sm .fr-badge::before,
-.fr-badges-group--sm .fr-badge::after {
- --icon-size: 0.75rem;
-}
-
-.fr-badge--info {
- color: var(--text-default-info);
- background-color: var(--background-contrast-info);
- --idle: transparent;
- --hover: var(--background-contrast-info-hover);
- --active: var(--background-contrast-info-active);
-}
-
-.fr-badge--error {
- color: var(--text-default-error);
- background-color: var(--background-contrast-error);
- --idle: transparent;
- --hover: var(--background-contrast-error-hover);
- --active: var(--background-contrast-error-active);
-}
-
-.fr-badge--success {
- color: var(--text-default-success);
- background-color: var(--background-contrast-success);
- --idle: transparent;
- --hover: var(--background-contrast-success-hover);
- --active: var(--background-contrast-success-active);
-}
-
-.fr-badge--warning {
- color: var(--text-default-warning);
- background-color: var(--background-contrast-warning);
- --idle: transparent;
- --hover: var(--background-contrast-warning-hover);
- --active: var(--background-contrast-warning-active);
-}
-
-.fr-badge--new {
- color: var(--text-action-high-yellow-moutarde);
- background-color: var(--background-contrast-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-moutarde-hover);
- --active: var(--background-contrast-yellow-moutarde-active);
-}
-
-.fr-badge--green-tilleul-verveine {
- color: var(--text-label-green-tilleul-verveine);
- background-color: var(--background-contrast-green-tilleul-verveine);
- --idle: transparent;
- --hover: var(--background-contrast-green-tilleul-verveine-hover);
- --active: var(--background-contrast-green-tilleul-verveine-active);
-}
-
-.fr-badge--green-bourgeon {
- color: var(--text-label-green-bourgeon);
- background-color: var(--background-contrast-green-bourgeon);
- --idle: transparent;
- --hover: var(--background-contrast-green-bourgeon-hover);
- --active: var(--background-contrast-green-bourgeon-active);
-}
-
-.fr-badge--green-emeraude {
- color: var(--text-label-green-emeraude);
- background-color: var(--background-contrast-green-emeraude);
- --idle: transparent;
- --hover: var(--background-contrast-green-emeraude-hover);
- --active: var(--background-contrast-green-emeraude-active);
-}
-
-.fr-badge--green-menthe {
- color: var(--text-label-green-menthe);
- background-color: var(--background-contrast-green-menthe);
- --idle: transparent;
- --hover: var(--background-contrast-green-menthe-hover);
- --active: var(--background-contrast-green-menthe-active);
-}
-
-.fr-badge--green-archipel {
- color: var(--text-label-green-archipel);
- background-color: var(--background-contrast-green-archipel);
- --idle: transparent;
- --hover: var(--background-contrast-green-archipel-hover);
- --active: var(--background-contrast-green-archipel-active);
-}
-
-.fr-badge--blue-ecume {
- color: var(--text-label-blue-ecume);
- background-color: var(--background-contrast-blue-ecume);
- --idle: transparent;
- --hover: var(--background-contrast-blue-ecume-hover);
- --active: var(--background-contrast-blue-ecume-active);
-}
-
-.fr-badge--blue-cumulus {
- color: var(--text-label-blue-cumulus);
- background-color: var(--background-contrast-blue-cumulus);
- --idle: transparent;
- --hover: var(--background-contrast-blue-cumulus-hover);
- --active: var(--background-contrast-blue-cumulus-active);
-}
-
-.fr-badge--purple-glycine {
- color: var(--text-label-purple-glycine);
- background-color: var(--background-contrast-purple-glycine);
- --idle: transparent;
- --hover: var(--background-contrast-purple-glycine-hover);
- --active: var(--background-contrast-purple-glycine-active);
-}
-
-.fr-badge--pink-macaron {
- color: var(--text-label-pink-macaron);
- background-color: var(--background-contrast-pink-macaron);
- --idle: transparent;
- --hover: var(--background-contrast-pink-macaron-hover);
- --active: var(--background-contrast-pink-macaron-active);
-}
-
-.fr-badge--pink-tuile {
- color: var(--text-label-pink-tuile);
- background-color: var(--background-contrast-pink-tuile);
- --idle: transparent;
- --hover: var(--background-contrast-pink-tuile-hover);
- --active: var(--background-contrast-pink-tuile-active);
-}
-
-.fr-badge--yellow-tournesol {
- color: var(--text-label-yellow-tournesol);
- background-color: var(--background-contrast-yellow-tournesol);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-tournesol-hover);
- --active: var(--background-contrast-yellow-tournesol-active);
-}
-
-.fr-badge--yellow-moutarde {
- color: var(--text-label-yellow-moutarde);
- background-color: var(--background-contrast-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-moutarde-hover);
- --active: var(--background-contrast-yellow-moutarde-active);
-}
-
-.fr-badge--orange-terre-battue {
- color: var(--text-label-orange-terre-battue);
- background-color: var(--background-contrast-orange-terre-battue);
- --idle: transparent;
- --hover: var(--background-contrast-orange-terre-battue-hover);
- --active: var(--background-contrast-orange-terre-battue-active);
-}
-
-.fr-badge--brown-cafe-creme {
- color: var(--text-label-brown-cafe-creme);
- background-color: var(--background-contrast-brown-cafe-creme);
- --idle: transparent;
- --hover: var(--background-contrast-brown-cafe-creme-hover);
- --active: var(--background-contrast-brown-cafe-creme-active);
-}
-
-.fr-badge--brown-caramel {
- color: var(--text-label-brown-caramel);
- background-color: var(--background-contrast-brown-caramel);
- --idle: transparent;
- --hover: var(--background-contrast-brown-caramel-hover);
- --active: var(--background-contrast-brown-caramel-active);
-}
-
-.fr-badge--brown-opera {
- color: var(--text-label-brown-opera);
- background-color: var(--background-contrast-brown-opera);
- --idle: transparent;
- --hover: var(--background-contrast-brown-opera-hover);
- --active: var(--background-contrast-brown-opera-active);
-}
-
-.fr-badge--beige-gris-galet {
- color: var(--text-label-beige-gris-galet);
- background-color: var(--background-contrast-beige-gris-galet);
- --idle: transparent;
- --hover: var(--background-contrast-beige-gris-galet-hover);
- --active: var(--background-contrast-beige-gris-galet-active);
-}
-
-.fr-badge-group {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 0;
-}
-
-.fr-badge-group > li {
- display: inline-flex;
- max-width: 100%;
-}
-
-.fr-badge-group .fr-badge {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- LOGO
-\* ËËËËËËËËË */
-.fr-logo {
- --text-spacing: 0;
- --underline-img: none;
- display: inline-block;
- font-weight: 700;
- line-height: 1.0317460317em;
- letter-spacing: -0.01em;
- text-transform: uppercase;
- vertical-align: middle;
- text-indent: -0.1em;
- font-size: 1.05rem;
- color: var(--text-title-grey);
-}
-
-.fr-logo::before {
- width: 2.75rem;
- height: 1rem;
- margin-bottom: 0.3333333333rem;
- background-size:
- 2.75rem 1.125rem,
- 2.75rem 1rem,
- 0;
- background-position:
- 0 -0.0625rem,
- 0 0,
- 0 0;
- content: '';
- display: block;
- background-repeat: no-repeat, no-repeat, no-repeat;
- 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 0%, #000091 50%, #e1000f 50%, #e1000f 100%), linear-gradient(90deg, #161616 0%, #161616 100%);
-}
-
-: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 {
- min-width: 2.625rem;
- background-size: 5.25rem 3.75rem;
- background-position: 0 calc(100% + 1.875rem);
- padding-top: 2.2083333333rem;
- content: '';
- display: block;
- background-repeat: no-repeat;
- 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='%23161616' 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");
-}
-
-[data-fr-theme='dark'] .fr-logo::after {
- background-position: -2.625rem 100%;
-}
-
-.fr-logo--sm {
- font-size: 0.7875rem;
-}
-
-.fr-logo--sm::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-logo--sm::before {
- background-size:
- 2.0625rem 0.84375rem,
- 0,
- 2.0625rem 0.75rem;
-}
-
-.fr-logo--sm::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-logo--sm::after {
- background-position: -1.96875rem 100%;
-}
-
-.fr-logo--lg {
- font-size: 1.3125rem;
-}
-
-.fr-logo--lg::before {
- width: 3.4375rem;
- height: 1.25rem;
- margin-bottom: 0.4166666667rem;
- background-size:
- 3.4375rem 1.40625rem,
- 3.4375rem 1.25rem,
- 0;
- background-position:
- 0 -0.078125rem,
- 0 0,
- 0 0;
-}
-
-:root[data-fr-mourning] .fr-logo--lg::before {
- background-size:
- 3.4375rem 1.40625rem,
- 0,
- 3.4375rem 1.25rem;
-}
-
-.fr-logo--lg::after {
- min-width: 3.28125rem;
- background-size: 6.5625rem 4.6875rem;
- background-position: 0 calc(100% + 2.34375rem);
- padding-top: 2.7604166667rem;
-}
-
-[data-fr-theme='dark'] .fr-logo--lg::after {
- background-position: -3.28125rem 100%;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- 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 {
- 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;
- margin-right: -1rem;
-}
-
-.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('icons/system/close-line.svg');
- mask-image: url('icons/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('icons/system/question-line.svg');
- mask-image: url('icons/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('icons/media/fullscreen-line.svg');
- mask-image: url('icons/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('icons/system/fr--theme-fill.svg');
- mask-image: url('icons/system/fr--theme-fill.svg');
- content: '';
-}
-
-.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 {
- 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]) {
- 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 {
- 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]),
-.fr-btn--close:disabled,
-.fr-btn--display:disabled,
-.fr-btn--fullscreen:disabled,
-.fr-btn--tooltip:disabled {
- color: var(--text-disabled-grey);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- CONNECT
-\* ËËËËËËËËË */
-.fr-connect {
- position: relative;
- padding: 0.25rem 0.75rem 0.25rem 4rem;
- display: inline-flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- height: 3.5rem;
- margin-bottom: 0.75rem;
- --underline-img: none;
- --hover-tint: var(--hover);
- --active-tint: var(--active);
- 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-connect:hover {
- background-color: var(--hover-tint);
-}
-
-.fr-connect:active {
- background-color: var(--active-tint);
-}
-
-.fr-connect::before {
- content: '';
- display: block;
- position: absolute;
- top: 0.25rem;
- bottom: 0.25rem;
- left: 0.75rem;
- width: 2.5rem;
- height: 3rem;
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath fill='%232a2f82' d='M34.965 15.1 19.971 6.423 4.977 15.184a.606.606 0 0 0-.306.524v16.948a.666.666 0 0 0 .306.524l14.992 8.6 14.994-8.706a.665.665 0 0 0 .306-.524V15.628a.605.605 0 0 0-.304-.528Z'/%3E%3Cpath fill='%23df1f26' d='m14.614 15.6-5.029 8.628-4.557-9.175 5.39-3.113 4.489 3.16ZM35.27 32.58V15.622a.6.6 0 0 0-.306-.523L19.971 6.423'/%3E%3Cpath fill='%232e65b0' d='m4.673 32.58 15.3-26.157v35.362L4.977 33.18a.666.666 0 0 1-.306-.524V15.708Zm24.669-20.735L34.8 15l-4.489 9.15-5.387-9.236Z'/%3E%3Cpath fill='%23fff' d='m39.606 12.305-19.19-11.02a.933.933 0 0 0-.832 0L.394 12.305A.886.886 0 0 0 0 13v22a.886.886 0 0 0 .394.7l19.189 11.02a.933.933 0 0 0 .832 0L39.606 35.7A.886.886 0 0 0 40 35V13a.886.886 0 0 0-.394-.695ZM10.762 30.061h.079c-.042 0-.079.007-.079.05 0 .1.151 0 .2.1a.912.912 0 0 0-.629.276c0 .051.1.051.151.051-.075.1-.226.05-.277.151a.177.177 0 0 0 .1.05c-.05 0-.1 0-.1.051v.151c-.126 0-.176.1-.277.151.2.151.327 0 .528 0-.528.2-.956.478-1.484.629-.1 0 0 .151-.1.151.151.1.227-.05.377-.05-.654.377-1.333.7-2.037 1.132a.351.351 0 0 0-.1.2h-.2c-.1.05-.05.176-.151.277.226.151.5-.2.654 0 .05 0-.1.05-.2.05-.05 0-.05.1-.1.1h-.154c-.1.075-.2.126-.2.276a.219.219 0 0 0-.226.1 9.034 9.034 0 0 0 3.144-.578 7.685 7.685 0 0 0 2.088-1.559.176.176 0 0 1 .05.1 2.168 2.168 0 0 1-.806 1.08c-.277.151-.478.377-.7.478a4.045 4.045 0 0 0-.428.276 10.761 10.761 0 0 1-1.939.412l-.305.044c-.225.033-.449.069-.671.108L4.977 33.18a.648.648 0 0 1-.288-.411.574.574 0 0 0 .094-.063.265.265 0 0 0-.113-.071v-.65a12.786 12.786 0 0 0 3.038-.942A8.746 8.746 0 0 0 4.671 29.7v-1.515a11.662 11.662 0 0 1 1.639.392 6.415 6.415 0 0 1 1.182.578 3.113 3.113 0 0 0 .478.377.91.91 0 0 0 .8.05h.33a3.961 3.961 0 0 0 1.937-.905c0 .05.05.05.1.05a3.63 3.63 0 0 1-.428 1.132c.003.051-.048.152.053.202Zm2.817 3.571c.251-.1.4-.277.629-.377-.05.05-.05.151-.1.2a3.691 3.691 0 0 0-.528.4 15.96 15.96 0 0 0-1.585 1.61c-.252.3-.528.578-.8.855a2.385 2.385 0 0 1-.31.245l-2.527-1.45a4.047 4.047 0 0 0 1.076-.053 4.984 4.984 0 0 0 .855-.327v.1c.7-.277 1.232-.906 1.937-1.132.025 0 .126.1.226.05a1.883 1.883 0 0 1 1.509-.7c0 .05 0 .1.05.1h.025c-.151.126-.327.251-.5.377-.057.052-.007.102.043.102Zm-8.908-6.164v-.186a5.814 5.814 0 0 1 1.588-.188 1.52 1.52 0 0 1 .478 0 5.861 5.861 0 0 0-2.066.374Zm30.6 5.088a.665.665 0 0 1-.306.524l-10.079 5.851a32.3 32.3 0 0 1-3.408-1.185 2.826 2.826 0 0 1-.05-2.245 3.794 3.794 0 0 1 .352-.883c.025-.025.05-.05.05-.076a.025.025 0 0 0 .025-.025 4.316 4.316 0 0 1 .377-.555l.015-.015.02-.021.015-.015c0-.025.025-.05.05-.076.025-.051.075-.076.1-.126a3.771 3.771 0 0 1 .579-.5 4.07 4.07 0 0 1 .654-.177 19.817 19.817 0 0 1 2.415.328.751.751 0 0 1 .277.1 1.849 1.849 0 0 0 .905-.05 1.137 1.137 0 0 0 .855-.706 1.212 1.212 0 0 0 .05-1.059c-.178-.276-.013-.437.181-.59l.068-.055a1.17 1.17 0 0 0 .231-.216c.126-.252-.1-.4-.151-.63-.05-.1-.226-.05-.327-.2.352-.151.855-.429.629-.857-.151-.227-.377-.63-.1-.857.352-.2.855-.151 1.006-.479a1.138 1.138 0 0 0-.292-1.085l-.075-.108a4.754 4.754 0 0 1-.211-.32 6.914 6.914 0 0 0-.528-.757 4.3 4.3 0 0 1-.528-1.009c-.151-.378.05-.706.05-1.084a6.347 6.347 0 0 0-.327-2.144c-.126-.353-.176-.731-.327-1.059a1.12 1.12 0 0 0-.226-.58.375.375 0 0 1 0-.328 4.874 4.874 0 0 0 .579-.479.567.567 0 0 0-.2-.706c-.327-.151-.3.328-.528.429h-.151c-.05-.126.05-.177.151-.277 0-.05 0-.151-.05-.151-.2 0-.377-.051-.428-.151a3.957 3.957 0 0 0-1.861-1.286 2.319 2.319 0 0 0 .579.1 1.67 1.67 0 0 0 1.006-.1c.227-.076.277-.479.377-.706a.8.8 0 0 0-.151-.631 2.189 2.189 0 0 0-.906-.756 9.13 9.13 0 0 1-.679-.353.952.952 0 0 0-.251-.126c-2.965-1.485-9.069-.2-9.534 0h-.009a8.244 8.244 0 0 0-1.249.475 3.922 3.922 0 0 0-2.365 2.465 3.829 3.829 0 0 0-1.333 1.509c-.428.8-1.056 1.509-.956 2.414.1.78.277 1.484.428 2.289a4.668 4.668 0 0 0 .2.8c.1.276 0 .629.151.855.075.151.025.327.227.428v.2c.05.05.05.1.151.1v.2a6.446 6.446 0 0 1 1.107 1.434c.1.276-.478.151-.7.05a5.979 5.979 0 0 1-1.132-.956.175.175 0 0 0-.051.1c.2.352.906.78.528 1.006-.2.1-.428-.151-.629.051-.05.075 0 .176 0 .276-.277-.2-.578-.1-.855-.2-.2-.05-.252-.427-.478-.427a15.162 15.162 0 0 0-1.811-.327 15.137 15.137 0 0 0-1.739-.159V15.708a.606.606 0 0 1 .306-.524l14.987-8.761L34.965 15.1a.605.605 0 0 1 .306.524Zm-7.954-8.261a.325.325 0 0 1-.282.149 2.843 2.843 0 0 0-.282.273c.1 0 0 .149.1.149-.205.223.077.694-.205.793a2.176 2.176 0 0 1-1.127 0 .722.722 0 0 1 .167-.016h.085a.382.382 0 0 0 .337-.132v-.2c0-.05-.051-.05-.1-.05a.161.161 0 0 1-.1.05.223.223 0 0 0-.154-.2.807.807 0 0 1-.718-.273.67.67 0 0 1 .436-.05c.128 0 .077-.223.231-.322h.154c.307-.372.871-.471.974-.843 0-.1-.282-.1-.487-.149a2.259 2.259 0 0 0-.82.05 4.65 4.65 0 0 0-1.051.273 3.225 3.225 0 0 1 .923-.471 3.886 3.886 0 0 1 .718-.2l.132-.026.133-.027a.971.971 0 0 1 .556 0c.231.1.615.1.666.248.1.273-.154.545-.435.744-.057.081.148.135.148.23Z'/%3E%3C/svg%3E");
- background-repeat: no-repeat;
- background-position: 50% 50%;
- background-size: 2.5rem 3rem;
-}
-
-.fr-connect__login,
-.fr-connect__brand {
- line-height: 1;
- z-index: 1;
-}
-
-.fr-connect__login {
- font-size: 17px;
- height: 17px;
-}
-
-.fr-connect__brand {
- font-weight: bold;
- font-size: 18px;
- height: 18px;
-}
-
-.fr-connect--plus {
- padding-right: 3rem;
-}
-
-.fr-connect--plus::after {
- content: '';
- display: block;
- position: absolute;
- top: 1rem;
- right: 0.75rem;
- bottom: 1rem;
- width: 1.5rem;
- height: 1.5rem;
- background-repeat: repeat-x, repeat-y;
- background-position:
- 50% 50%,
- 50% 50%;
- background-size:
- 21.5% 21.5%,
- 21.5% 21.5%;
-}
-
-.fr-connect--plus .fr-connect__brand {
- margin-right: -10px;
- overflow: hidden;
- width: 100%;
-}
-
-.fr-connect-group {
- --text-spacing: 0 0 1rem 0;
-}
-
-.fr-connect-group p {
- font-size: 0.75rem;
- line-height: 1.25rem;
- color: var(--text-mention-grey);
-}
-
-.fr-connect-group .fr-connect + p a {
- font-size: 0.875rem;
- line-height: 1.5rem;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-connect::after {
- background-image: linear-gradient(0deg, var(--text-inverted-blue-france), var(--text-inverted-blue-france)), linear-gradient(0deg, var(--text-inverted-blue-france), var(--text-inverted-blue-france));
-}
-
-.fr-connect:disabled,
-a.fr-connect:not([href]) {
- background-color: var(--background-disabled-grey);
- --idle: transparent;
- --hover: var(--background-disabled-grey-hover);
- --active: var(--background-disabled-grey-active);
- color: var(--text-disabled-grey);
-}
-
-.fr-connect:disabled::after,
-a.fr-connect:not([href])::after {
- background-image: linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey));
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- QUOTE
-\* ËËËËËËËËË */
-.fr-quote {
- position: relative;
- margin: 0;
- padding: 0 0.5rem 2rem 0.5rem;
- background-size: 50% 1px;
- background-repeat: no-repeat;
- background-position: 0.5rem 100%;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-quote::before,
-.fr-quote::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%;
- -webkit-mask-image: url('icons/editor/fr--quote-line.svg');
- mask-image: url('icons/editor/fr--quote-line.svg');
- --icon-size: 2rem;
-}
-
-.fr-quote::before {
- content: '';
- display: block;
- margin-bottom: 0.5rem;
- color: var(--artwork-minor-blue-france);
-}
-
-.fr-quote--column {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
-}
-
-.fr-quote--column .fr-quote__author {
- margin-left: 5.25rem;
-}
-
-.fr-quote--column .fr-quote__source {
- margin-left: 5.25rem;
-}
-
-.fr-quote--column figcaption {
- min-height: 4.25rem;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
-}
-
-.fr-quote blockquote {
- margin: 0;
- --text-spacing: 0 0 1rem;
-}
-
-.fr-quote blockquote p {
- font-size: 1.25rem;
- line-height: 2rem;
- font-weight: 700;
-}
-
-.fr-quote__author {
- font-weight: 700;
- font-size: 0.875rem;
- line-height: 1.5rem;
- --text-spacing: 0 0 0.25rem;
-}
-
-.fr-quote__image {
- width: 4.25rem;
- background-size: cover;
- border-radius: 50%;
- overflow: hidden;
- position: absolute;
- display: flex;
- flex-direction: row;
-}
-
-.fr-quote__image img {
- width: 100%;
- height: 100%;
-}
-
-.fr-quote cite {
- font-size: 0.75rem;
- line-height: 1.25rem;
- font-style: italic;
-}
-
-.fr-quote figcaption {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
-}
-
-.fr-quote figcaption li {
- font-size: 0.75rem;
- line-height: 1.25rem;
-}
-
-.fr-quote figcaption .fr-quote__source {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: wrap;
-}
-
-.fr-quote figcaption .fr-quote__source li {
- display: inline-block;
-}
-
-.fr-quote figcaption .fr-quote__source li:not(:last-child)::after {
- content: '·';
- display: inline-block;
- padding-left: 0.25rem;
- padding-right: 0.25rem;
-}
-
-.fr-quote--green-tilleul-verveine::before {
- color: var(--artwork-minor-green-tilleul-verveine);
-}
-
-.fr-quote--green-bourgeon::before {
- color: var(--artwork-minor-green-bourgeon);
-}
-
-.fr-quote--green-emeraude::before {
- color: var(--artwork-minor-green-emeraude);
-}
-
-.fr-quote--green-menthe::before {
- color: var(--artwork-minor-green-menthe);
-}
-
-.fr-quote--green-archipel::before {
- color: var(--artwork-minor-green-archipel);
-}
-
-.fr-quote--blue-ecume::before {
- color: var(--artwork-minor-blue-ecume);
-}
-
-.fr-quote--blue-cumulus::before {
- color: var(--artwork-minor-blue-cumulus);
-}
-
-.fr-quote--purple-glycine::before {
- color: var(--artwork-minor-purple-glycine);
-}
-
-.fr-quote--pink-macaron::before {
- color: var(--artwork-minor-pink-macaron);
-}
-
-.fr-quote--pink-tuile::before {
- color: var(--artwork-minor-pink-tuile);
-}
-
-.fr-quote--yellow-tournesol::before {
- color: var(--artwork-minor-yellow-tournesol);
-}
-
-.fr-quote--yellow-moutarde::before {
- color: var(--artwork-minor-yellow-moutarde);
-}
-
-.fr-quote--orange-terre-battue::before {
- color: var(--artwork-minor-orange-terre-battue);
-}
-
-.fr-quote--brown-cafe-creme::before {
- color: var(--artwork-minor-brown-cafe-creme);
-}
-
-.fr-quote--brown-caramel::before {
- color: var(--artwork-minor-brown-caramel);
-}
-
-.fr-quote--brown-opera::before {
- color: var(--artwork-minor-brown-opera);
-}
-
-.fr-quote--beige-gris-galet::before {
- color: var(--artwork-minor-beige-gris-galet);
-}
-
-.fr-quote__source {
- color: var(--text-mention-grey);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- BREADCRUMB
-\* ËËËËËËËËË */
-/**
-un padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.
- */
-.fr-breadcrumb {
- margin: 1rem 0 2rem;
- font-size: 0.75rem;
- line-height: 1.25rem;
- --text-spacing: 0 0 0.5rem;
- position: relative;
- color: var(--text-mention-grey);
-}
-
-.fr-breadcrumb__button {
- 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);
- font-size: 0.75rem;
- line-height: 1.25rem;
- margin: 0;
- padding: 0;
- --hover-tint: var(--idle);
- --active-tint: var(--idle);
- color: inherit;
-}
-
-.fr-breadcrumb__button:hover,
-.fr-breadcrumb__button:active {
- --underline-hover-width: var(--underline-max-width);
-}
-
-.fr-breadcrumb__button[aria-expanded='true'] {
- display: none;
-}
-
-.fr-breadcrumb .fr-collapse {
- margin-left: -4px;
- margin-right: -4px;
- padding-left: 4px;
- padding-right: 4px;
- transform: translateY(-4px);
-}
-
-.fr-breadcrumb__list {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- transform: translateY(4px);
-}
-
-.fr-breadcrumb__list li {
- display: inline;
- line-height: 1.75rem;
- /**
- * flèche séparatrice en font-icon
- */
-}
-
-.fr-breadcrumb__list li:not(:first-child)::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('icons/system/arrow-right-s-line.svg');
- mask-image: url('icons/system/arrow-right-s-line.svg');
- --icon-size: 1rem;
- content: '';
- margin-left: 0.25rem;
- margin-right: 0.25rem;
- vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);
-}
-
-.fr-breadcrumb__link {
- vertical-align: top;
- position: relative;
- 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);
- --hover-tint: var(--idle);
- --active-tint: var(--idle);
- font-size: 0.75rem;
- line-height: 1.25rem;
- padding: 0;
-}
-
-.fr-breadcrumb__link:hover,
-.fr-breadcrumb__link:active {
- --underline-hover-width: var(--underline-max-width);
-}
-
-.fr-breadcrumb__link[aria-current] {
- pointer-events: none;
- cursor: default;
- --underline-img: none;
- color: var(--text-active-grey);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- FORM
-\* ËËËËËËËËË */
-.fr-label {
- display: block;
- font-size: 1rem;
- line-height: 1.5rem;
- color: var(--text-label-grey);
-}
-
-.fr-label + .fr-input,
-.fr-label + .fr-input-wrap,
-.fr-label + .fr-select {
- margin-top: 0.5rem;
-}
-
-.fr-hint-text {
- display: block;
- font-size: 0.75rem;
- line-height: 1.25rem;
- --text-spacing: 0 0 1rem;
-}
-
-.fr-hint-text + .fr-hint-text {
- margin-top: 0.25rem;
-}
-
-.fr-fieldset {
- position: relative;
- margin: 0 -0.75rem 1rem;
- padding: 0 0.25rem;
- display: flex;
- flex-direction: row;
- align-items: flex-end;
- flex-wrap: wrap;
- border: 0;
-}
-
-.fr-fieldset__legend {
- padding-bottom: 1rem;
- padding-left: 0.75rem;
- padding-right: 0.75rem;
- margin-left: -0.25rem;
- margin-right: -0.25rem;
- font-size: 1rem;
- line-height: 1.5rem;
- font-weight: 700;
- width: 100%;
- color: var(--text-title-grey);
-}
-
-.fr-fieldset__legend--regular {
- font-weight: 400;
-}
-
-.fr-fieldset__legend .fr-hint-text {
- margin-top: 0.5rem;
- font-weight: 400;
-}
-
-.fr-fieldset--valid,
-.fr-fieldset--error,
-.fr-fieldset--info {
- background-repeat: no-repeat;
- background-position: 0 -2.25rem;
- background-size: 2px calc(100% + 1.25rem);
-}
-
-.fr-fieldset--valid .fr-fieldset__legend,
-.fr-fieldset--error .fr-fieldset__legend,
-.fr-fieldset--info .fr-fieldset__legend {
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 2px 100%;
-}
-
-.fr-fieldset__element {
- flex: 1 1 100%;
- max-width: 100%;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- margin-bottom: 1rem;
-}
-
-.fr-fieldset__element--inline {
- flex: 0 0 auto;
-}
-
-.fr-fieldset__element--inline-grow,
-.fr-fieldset__element--inline\@md.fr-fieldset__element--inline-grow {
- flex-grow: 1;
-}
-
-.fr-fieldset__element--year {
- flex: 0 0 8rem;
-}
-
-.fr-fieldset__element--year:not(.fr-fieldset__element--inline) {
- margin-right: calc(100% - 8rem);
-}
-
-.fr-fieldset__element--postal {
- flex: 0 0 16rem;
-}
-
-.fr-fieldset__element--postal:not(.fr-fieldset__element--inline) {
- margin-right: calc(100% - 16rem);
-}
-
-.fr-fieldset__element--number {
- flex: 0 0 6rem;
-}
-
-.fr-fieldset__element--number:not(.fr-fieldset__element--inline) {
- margin-right: calc(100% - 6rem);
-}
-
-.fr-fieldset__legend > h1:last-child::after,
-.fr-fieldset__legend > h2:last-child::after,
-.fr-fieldset__legend > h3:last-child::after,
-.fr-fieldset__legend > h4:last-child::after,
-.fr-fieldset__legend > h5:last-child::after,
-.fr-fieldset__legend > h6:last-child::after,
-.fr-fieldset__legend > p:last-child::after,
-.fr-fieldset__legend > .fr-fieldset:last-child::after,
-.fr-fieldset__element > h1:last-child::after,
-.fr-fieldset__element > h2:last-child::after,
-.fr-fieldset__element > h3:last-child::after,
-.fr-fieldset__element > h4:last-child::after,
-.fr-fieldset__element > h5:last-child::after,
-.fr-fieldset__element > h6:last-child::after,
-.fr-fieldset__element > p:last-child::after,
-.fr-fieldset__element > .fr-fieldset:last-child::after {
- content: '';
- display: block;
- margin-bottom: -1rem;
-}
-
-.fr-fieldset > .fr-messages-group {
- flex: 1 1 100%;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
-}
-
-.fr-fieldset > .fr-messages-group > .fr-message:last-child {
- margin-bottom: 1rem;
-}
-
-.fr-message {
- --comma: ', ';
- --content: var(--comma);
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- font-size: 0.75rem;
- line-height: 1.25rem;
- margin: 0 0 0.25rem 0;
-}
-
-.fr-message::after {
- content: var(--content);
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
-}
-
-.fr-message:last-child {
- --comma: '. ';
- margin-bottom: 0;
-}
-
-.fr-message--error::before,
-.fr-message--valid::before,
-.fr-message--info::before {
- flex: 0 0 auto;
- 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%;
- --icon-size: 1rem;
- content: '';
- display: inline-block;
- margin-right: 0.25rem;
- margin-top: 0.125rem;
-}
-
-.fr-message--error::before {
- -webkit-mask-image: url('icons/system/fr--error-fill.svg');
- mask-image: url('icons/system/fr--error-fill.svg');
-}
-
-.fr-message--valid::before {
- -webkit-mask-image: url('icons/system/fr--success-fill.svg');
- mask-image: url('icons/system/fr--success-fill.svg');
-}
-
-.fr-message--info::before {
- -webkit-mask-image: url('icons/system/information-fill.svg');
- mask-image: url('icons/system/information-fill.svg');
-}
-
-.fr-select-group--valid label,
-.fr-input-group--valid label,
-.fr-upload-group--valid label {
- color: var(--text-default-success);
-}
-
-.fr-select-group--error label,
-.fr-input-group--error label,
-.fr-upload-group--error label {
- color: var(--text-default-error);
-}
-
-.fr-select-group--info label,
-.fr-input-group--info label,
-.fr-upload-group--info label {
- color: var(--text-default-info);
-}
-
-.fr-select-group--disabled label,
-.fr-select-group--disabled .fr-hint-text,
-.fr-input-group--disabled label,
-.fr-input-group--disabled .fr-hint-text,
-.fr-upload-group--disabled label,
-.fr-upload-group--disabled .fr-hint-text {
- color: var(--text-disabled-grey);
-}
-
-.fr-label--error {
- color: var(--text-default-error);
-}
-
-.fr-label--success {
- color: var(--text-default-success);
-}
-
-.fr-label--info {
- color: var(--text-default-info);
-}
-
-.fr-label--disabled,
-.fr-label--disabled .fr-hint-text {
- color: var(--text-disabled-grey);
-}
-
-.fr-hint-text,
-.fr-message {
- color: var(--text-mention-grey);
-}
-
-.fr-message--error {
- color: var(--text-default-error);
-}
-
-.fr-message--valid {
- color: var(--text-default-success);
-}
-
-.fr-message--info {
- color: var(--text-default-info);
-}
-
-.fr-fieldset:disabled .fr-label,
-.fr-fieldset:disabled .fr-hint-text,
-.fr-fieldset:disabled .fr-fieldset__legend {
- color: var(--text-disabled-grey);
-}
-
-.fr-fieldset input:disabled + label,
-.fr-fieldset input:disabled + label .fr-hint-text,
-.fr-fieldset input:disabled + label + .fr-hint-text {
- color: var(--text-disabled-grey);
-}
-
-.fr-fieldset--error,
-.fr-fieldset--error .fr-fieldset__legend {
- background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
-}
-
-.fr-fieldset--error .fr-fieldset__legend,
-.fr-fieldset--error .fr-label {
- color: var(--text-default-error);
-}
-
-.fr-fieldset--valid,
-.fr-fieldset--valid .fr-fieldset__legend {
- background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
-}
-
-.fr-fieldset--valid .fr-fieldset__legend,
-.fr-fieldset--valid .fr-label {
- color: var(--text-default-success);
-}
-
-.fr-fieldset--info,
-.fr-fieldset--info .fr-fieldset__legend {
- background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
-}
-
-.fr-fieldset--info .fr-fieldset__legend,
-.fr-fieldset--info .fr-label {
- color: var(--text-default-info);
-}
-
-.fr-select-group:not(:last-child),
-.fr-input-group:not(:last-child) {
- margin-bottom: 1.5rem;
-}
-
-.fr-select-group .fr-label .fr-hint-text,
-.fr-input-group .fr-label .fr-hint-text {
- margin-top: 0.25rem;
-}
-
-.fr-fieldset--inline .fr-fieldset__content {
- display: flex;
- align-items: baseline;
- justify-content: flex-start;
- flex-wrap: wrap;
- margin: -0.75rem 0 0 0.5rem;
-}
-
-.fr-fieldset--inline .fr-checkbox-group {
- display: inline-flex;
- margin-bottom: 0;
-}
-
-.fr-fieldset--inline .fr-checkbox-group:first-child {
- margin-top: 0;
-}
-
-.fr-fieldset--inline .fr-checkbox-group:not(:last-child) {
- margin-right: 1.25rem;
-}
-
-.fr-fieldset--inline .fr-checkbox-group:last-child {
- margin-bottom: 0;
-}
-
-.fr-fieldset--inline .fr-radio-group {
- display: inline-flex;
-}
-
-.fr-fieldset--inline .fr-radio-group:not(:last-child) {
- margin-right: 1.75rem;
-}
-
-.fr-fieldset--inline .fr-radio-group:first-child {
- margin-top: 0;
-}
-
-.fr-fieldset--inline .fr-radio-group:last-child {
- margin-bottom: 0;
-}
-
-.fr-fieldset__content {
- position: relative;
- margin-left: 0.5rem;
- width: 100%;
-}
-
-.fr-fieldset__content .fr-radio-group:first-child,
-.fr-fieldset__content .fr-checkbox-group:first-child {
- margin-top: -0.75rem;
-}
-
-.fr-fieldset__content .fr-radio-group label,
-.fr-fieldset__content .fr-checkbox-group label {
- padding: 0.75rem 0;
-}
-
-.fr-fieldset__content .fr-radio-group:not(.fr-radio-rich) input[type='radio'] + label::before,
-.fr-fieldset__content .fr-checkbox-group input[type='checkbox'] + label::before {
- top: 0.75rem;
-}
-
-.fr-fieldset__content + .fr-error-text,
-.fr-fieldset__content + .fr-valid-text,
-.fr-fieldset__content + .fr-info-text {
- margin-top: 0;
- margin-left: 0.5rem;
- margin-bottom: 1rem;
-}
-
-.fr-error-text,
-.fr-valid-text,
-.fr-info-text {
- display: flex;
- flex-direction: row;
- align-items: center;
- font-size: 0.75rem;
- line-height: 1.25rem;
- margin-top: 1rem;
- margin-bottom: 0;
-}
-
-.fr-error-text::before,
-.fr-valid-text::before,
-.fr-info-text::before {
- flex: 0 0 auto;
- 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%;
- --icon-size: 1rem;
- content: '';
- display: inline-block;
- margin-right: 0.25rem;
-}
-
-.fr-error-text + .fr-error-text,
-.fr-error-text + .fr-valid-text,
-.fr-error-text + .fr-info-text,
-.fr-valid-text + .fr-error-text,
-.fr-valid-text + .fr-valid-text,
-.fr-valid-text + .fr-info-text,
-.fr-info-text + .fr-error-text,
-.fr-info-text + .fr-valid-text,
-.fr-info-text + .fr-info-text {
- margin-top: 0.25rem;
-}
-
-.fr-error-text::before {
- -webkit-mask-image: url('icons/system/fr--error-fill.svg');
- mask-image: url('icons/system/fr--error-fill.svg');
-}
-
-.fr-valid-text::before {
- -webkit-mask-image: url('icons/system/fr--success-fill.svg');
- mask-image: url('icons/system/fr--success-fill.svg');
-}
-
-.fr-info-text::before {
- -webkit-mask-image: url('icons/system/information-fill.svg');
- mask-image: url('icons/system/information-fill.svg');
-}
-
-.fr-error-text {
- color: var(--text-default-error);
-}
-
-.fr-valid-text {
- color: var(--text-default-success);
-}
-
-.fr-info-text {
- color: var(--text-default-info);
-}
-
-.fr-fieldset--valid .fr-fieldset__content::before {
- box-shadow: inset 2px 0 0 0 var(--border-plain-success);
-}
-
-.fr-fieldset--error .fr-fieldset__content::before {
- box-shadow: inset 2px 0 0 0 var(--border-plain-error);
-}
-
-.fr-fieldset--info .fr-fieldset__content::before {
- box-shadow: inset 2px 0 0 0 var(--border-plain-info);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- STEPPER
-\* ËËËËËËËËË */
-.fr-stepper {
- --title-spacing: 0;
- --text-spacing: 0;
- margin-bottom: 2rem;
- display: flex;
- flex-direction: column;
-}
-
-.fr-stepper__title {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
- --title-spacing: 0 0 0.75rem 0;
- --text-spacing: 0 0 0.75rem 0;
- color: var(--text-title-grey);
-}
-
-.fr-stepper__state {
- font-size: 0.875rem;
- line-height: 1.5rem;
- --title-spacing: 0 0 0.25rem 0;
- --text-spacing: 0 0 0.25rem 0;
- font-weight: 400;
- color: var(--text-mention-grey);
-}
-
-.fr-stepper__state::after {
- content: '\a';
- white-space: pre;
- line-height: 2rem;
-}
-
-.fr-stepper__details {
- font-size: 0.75rem;
- line-height: 1.25rem;
- margin-top: 0.75rem;
- color: var(--text-mention-grey);
-}
-
-.fr-stepper .fr-stepper__steps[data-fr-steps='2'][data-fr-current-step='2'] + .fr-stepper__details,
-.fr-stepper .fr-stepper__steps[data-fr-steps='3'][data-fr-current-step='3'] + .fr-stepper__details,
-.fr-stepper .fr-stepper__steps[data-fr-steps='4'][data-fr-current-step='4'] + .fr-stepper__details,
-.fr-stepper .fr-stepper__steps[data-fr-steps='5'][data-fr-current-step='5'] + .fr-stepper__details,
-.fr-stepper .fr-stepper__steps[data-fr-steps='6'][data-fr-current-step='6'] + .fr-stepper__details,
-.fr-stepper .fr-stepper__steps[data-fr-steps='7'][data-fr-current-step='7'] + .fr-stepper__details,
-.fr-stepper .fr-stepper__steps[data-fr-steps='8'][data-fr-current-step='8'] + .fr-stepper__details {
- display: none;
-}
-
-.fr-stepper__steps {
- --default-outer: calc((100% + 6px) / var(--steps));
- --default-inner: calc(var(--default-outer) - 6px);
- --active-outer: calc((100% + 6px) / var(--current-step));
- --active-inner: calc(var(--active-outer) - 6px);
- width: 100%;
- height: 6px;
- background-repeat: no-repeat;
- background-size:
- calc((100% + 6px) * var(--current-step) / var(--steps) - 6px) 100%,
- 100% 100%;
- background-position:
- 0 0,
- 0 0;
- --current-step: 0;
- background-image: repeating-linear-gradient(
- to right,
- var(--background-active-blue-france) 0,
- var(--background-active-blue-france) var(--active-inner),
- transparent var(--active-inner),
- transparent var(--active-outer)
- ),
- repeating-linear-gradient(to right, var(--background-contrast-grey) 0, var(--background-contrast-grey) var(--default-inner), transparent var(--default-inner), transparent var(--default-outer));
-}
-
-.fr-stepper__steps[data-fr-steps='2'] {
- --steps: 2;
- --step-width: calc(100% / 2);
-}
-
-.fr-stepper__steps[data-fr-steps='3'] {
- --steps: 3;
- --step-width: calc(100% / 3);
-}
-
-.fr-stepper__steps[data-fr-steps='4'] {
- --steps: 4;
- --step-width: calc(100% / 4);
-}
-
-.fr-stepper__steps[data-fr-steps='5'] {
- --steps: 5;
- --step-width: calc(100% / 5);
-}
-
-.fr-stepper__steps[data-fr-steps='6'] {
- --steps: 6;
- --step-width: calc(100% / 6);
-}
-
-.fr-stepper__steps[data-fr-steps='7'] {
- --steps: 7;
- --step-width: calc(100% / 7);
-}
-
-.fr-stepper__steps[data-fr-steps='8'] {
- --steps: 8;
- --step-width: calc(100% / 8);
-}
-
-.fr-stepper__steps[data-fr-current-step='1'] {
- --current-step: 1;
-}
-
-.fr-stepper__steps[data-fr-current-step='2'] {
- --current-step: 2;
-}
-
-.fr-stepper__steps[data-fr-current-step='3'] {
- --current-step: 3;
-}
-
-.fr-stepper__steps[data-fr-current-step='4'] {
- --current-step: 4;
-}
-
-.fr-stepper__steps[data-fr-current-step='5'] {
- --current-step: 5;
-}
-
-.fr-stepper__steps[data-fr-current-step='6'] {
- --current-step: 6;
-}
-
-.fr-stepper__steps[data-fr-current-step='7'] {
- --current-step: 7;
-}
-
-.fr-stepper__steps[data-fr-current-step='8'] {
- --current-step: 8;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TOOLTIP
-\* ËËËËËËËËË */
-.fr-tooltip {
- --arrow-x: 0;
- display: block;
- max-width: min(24rem, (100vw - 2rem) * 2 / 3);
- padding: 0.5rem 0.5rem 1.25rem;
- font-size: 0.75rem;
- line-height: 1.25rem;
- opacity: 1;
- visibility: visible;
- transition:
- opacity 0s 0.15s,
- visibility 0s 0.15s;
- text-align: left;
- background-repeat: no-repeat;
- background-position:
- calc(50% + var(--arrow-x)) calc(100% - 0.5rem),
- calc(50% + var(--arrow-x)) calc(100% - 0.375rem),
- 50% calc(100% - 0.75rem),
- 50% calc(100% - 0.75rem);
- background-size:
- 0.5rem 0.375rem,
- 0.5rem 0.375rem,
- 100% 1px,
- 100% calc(100% - 0.75rem);
- color: var(--text-default-grey);
-}
-
-.fr-tooltip:not(.fr-tooltip--shown) {
- display: none;
- opacity: 0;
-}
-
-.fr-tooltip.fr-placement--bottom {
- padding-top: 1.25rem;
- padding-bottom: 0.5rem;
- background-position-y: 0.5rem, 0.375rem, 0.75rem, 0.75rem;
- background-image: conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, var(--background-overlap-grey) 0deg, var(--background-overlap-grey) 67.38deg, transparent 67.38deg),
- conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, var(--border-default-grey) 0deg, var(--border-default-grey) 67.38deg, transparent 67.38deg),
- linear-gradient(90deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(90deg, var(--background-overlap-grey), var(--background-overlap-grey));
-}
-
-.fr-tooltip.fr-placement {
- z-index: calc(var(--ground) + 1000);
- filter: drop-shadow(var(--overlap-shadow));
-}
-
-.fr-tooltip.fr-placement--top {
- background-image: conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, var(--background-overlap-grey) 0deg, var(--background-overlap-grey) 67.38deg, transparent 67.38deg),
- conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, var(--border-default-grey) 0deg, var(--border-default-grey) 67.38deg, transparent 67.38deg),
- linear-gradient(90deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(90deg, var(--background-overlap-grey), var(--background-overlap-grey));
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- LINK
-\* ËËËËËËËËË */
-.fr-link {
- --text-spacing: 0;
- --title-spacing: 0;
- display: inline;
- font-size: 1rem;
- line-height: 1.5rem;
- padding: 0 0;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-link[target='_blank'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link[target='_blank']::after {
- content: '';
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--icon-left[class^='fr-icon-'],
-.fr-link--icon-left[class*=' fr-icon-'],
-.fr-link--icon-left[class^='fr-fi-'],
-.fr-link--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--icon-left[class^='fr-icon-']::before,
-.fr-link--icon-left[class*=' fr-icon-']::before,
-.fr-link--icon-left[class^='fr-fi-']::before,
-.fr-link--icon-left[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.5rem;
-}
-
-.fr-link--icon-right[class^='fr-icon-'],
-.fr-link--icon-right[class*=' fr-icon-'],
-.fr-link--icon-right[class^='fr-fi-'],
-.fr-link--icon-right[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--icon-right[class^='fr-icon-']::after,
-.fr-link--icon-right[class*=' fr-icon-']::after,
-.fr-link--icon-right[class^='fr-fi-']::after,
-.fr-link--icon-right[class*=' fr-fi-']::after {
- content: '';
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--icon-right[class^='fr-icon-']::before,
-.fr-link--icon-right[class*=' fr-icon-']::before,
-.fr-link--icon-right[class^='fr-fi-']::before,
-.fr-link--icon-right[class*=' fr-fi-']::before {
- content: none;
-}
-
-.fr-link[class^='fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link[class*=' fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link[class^='fr-fi-']:not([class*='fr-link--icon-'])::before,
-.fr-link[class*=' fr-fi-']:not([class*='fr-link--icon-'])::before {
- content: none;
-}
-
-.fr-link--xs {
- font-size: 0.75rem;
- line-height: 1.25rem;
- padding: 0 0;
-}
-
-.fr-link--xs[target='_blank'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--xs[target='_blank']::after {
- content: '';
- --icon-size: 0.75rem;
- margin-right: -0.09375rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--xs.fr-link--icon-left[class^='fr-icon-'],
-.fr-link--xs.fr-link--icon-left[class*=' fr-icon-'],
-.fr-link--xs.fr-link--icon-left[class^='fr-fi-'],
-.fr-link--xs.fr-link--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--xs.fr-link--icon-left[class^='fr-icon-']::before,
-.fr-link--xs.fr-link--icon-left[class*=' fr-icon-']::before,
-.fr-link--xs.fr-link--icon-left[class^='fr-fi-']::before,
-.fr-link--xs.fr-link--icon-left[class*=' fr-fi-']::before {
- --icon-size: 0.75rem;
- margin-left: -0.09375rem;
- margin-right: 0.5rem;
-}
-
-.fr-link--xs.fr-link--icon-right[class^='fr-icon-'],
-.fr-link--xs.fr-link--icon-right[class*=' fr-icon-'],
-.fr-link--xs.fr-link--icon-right[class^='fr-fi-'],
-.fr-link--xs.fr-link--icon-right[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--xs.fr-link--icon-right[class^='fr-icon-']::after,
-.fr-link--xs.fr-link--icon-right[class*=' fr-icon-']::after,
-.fr-link--xs.fr-link--icon-right[class^='fr-fi-']::after,
-.fr-link--xs.fr-link--icon-right[class*=' fr-fi-']::after {
- content: '';
- --icon-size: 0.75rem;
- margin-right: -0.09375rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--xs.fr-link--icon-right[class^='fr-icon-']::before,
-.fr-link--xs.fr-link--icon-right[class*=' fr-icon-']::before,
-.fr-link--xs.fr-link--icon-right[class^='fr-fi-']::before,
-.fr-link--xs.fr-link--icon-right[class*=' fr-fi-']::before {
- content: none;
-}
-
-.fr-link--xs[class^='fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link--xs[class*=' fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link--xs[class^='fr-fi-']:not([class*='fr-link--icon-'])::before,
-.fr-link--xs[class*=' fr-fi-']:not([class*='fr-link--icon-'])::before {
- content: none;
-}
-
-.fr-link--sm {
- font-size: 0.875rem;
- line-height: 1.5rem;
- padding: 0 0;
-}
-
-.fr-link--sm[target='_blank'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--sm[target='_blank']::after {
- content: '';
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--sm.fr-link--icon-left[class^='fr-icon-'],
-.fr-link--sm.fr-link--icon-left[class*=' fr-icon-'],
-.fr-link--sm.fr-link--icon-left[class^='fr-fi-'],
-.fr-link--sm.fr-link--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--sm.fr-link--icon-left[class^='fr-icon-']::before,
-.fr-link--sm.fr-link--icon-left[class*=' fr-icon-']::before,
-.fr-link--sm.fr-link--icon-left[class^='fr-fi-']::before,
-.fr-link--sm.fr-link--icon-left[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.5rem;
-}
-
-.fr-link--sm.fr-link--icon-right[class^='fr-icon-'],
-.fr-link--sm.fr-link--icon-right[class*=' fr-icon-'],
-.fr-link--sm.fr-link--icon-right[class^='fr-fi-'],
-.fr-link--sm.fr-link--icon-right[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--sm.fr-link--icon-right[class^='fr-icon-']::after,
-.fr-link--sm.fr-link--icon-right[class*=' fr-icon-']::after,
-.fr-link--sm.fr-link--icon-right[class^='fr-fi-']::after,
-.fr-link--sm.fr-link--icon-right[class*=' fr-fi-']::after {
- content: '';
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--sm.fr-link--icon-right[class^='fr-icon-']::before,
-.fr-link--sm.fr-link--icon-right[class*=' fr-icon-']::before,
-.fr-link--sm.fr-link--icon-right[class^='fr-fi-']::before,
-.fr-link--sm.fr-link--icon-right[class*=' fr-fi-']::before {
- content: none;
-}
-
-.fr-link--sm[class^='fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link--sm[class*=' fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link--sm[class^='fr-fi-']:not([class*='fr-link--icon-'])::before,
-.fr-link--sm[class*=' fr-fi-']:not([class*='fr-link--icon-'])::before {
- content: none;
-}
-
-.fr-link--lg {
- font-size: 1.125rem;
- line-height: 1.75rem;
- padding: 0 0;
-}
-
-.fr-link--lg[target='_blank'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--lg[target='_blank']::after {
- content: '';
- --icon-size: 1.5rem;
- margin-right: -0.1875rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--lg.fr-link--icon-left[class^='fr-icon-'],
-.fr-link--lg.fr-link--icon-left[class*=' fr-icon-'],
-.fr-link--lg.fr-link--icon-left[class^='fr-fi-'],
-.fr-link--lg.fr-link--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--lg.fr-link--icon-left[class^='fr-icon-']::before,
-.fr-link--lg.fr-link--icon-left[class*=' fr-icon-']::before,
-.fr-link--lg.fr-link--icon-left[class^='fr-fi-']::before,
-.fr-link--lg.fr-link--icon-left[class*=' fr-fi-']::before {
- --icon-size: 1.5rem;
- margin-left: -0.1875rem;
- margin-right: 0.5rem;
-}
-
-.fr-link--lg.fr-link--icon-right[class^='fr-icon-'],
-.fr-link--lg.fr-link--icon-right[class*=' fr-icon-'],
-.fr-link--lg.fr-link--icon-right[class^='fr-fi-'],
-.fr-link--lg.fr-link--icon-right[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link--lg.fr-link--icon-right[class^='fr-icon-']::after,
-.fr-link--lg.fr-link--icon-right[class*=' fr-icon-']::after,
-.fr-link--lg.fr-link--icon-right[class^='fr-fi-']::after,
-.fr-link--lg.fr-link--icon-right[class*=' fr-fi-']::after {
- content: '';
- --icon-size: 1.5rem;
- margin-right: -0.1875rem;
- margin-left: 0.5rem;
-}
-
-.fr-link--lg.fr-link--icon-right[class^='fr-icon-']::before,
-.fr-link--lg.fr-link--icon-right[class*=' fr-icon-']::before,
-.fr-link--lg.fr-link--icon-right[class^='fr-fi-']::before,
-.fr-link--lg.fr-link--icon-right[class*=' fr-fi-']::before {
- content: none;
-}
-
-.fr-link--lg[class^='fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link--lg[class*=' fr-icon-']:not([class*='fr-link--icon-'])::before,
-.fr-link--lg[class^='fr-fi-']:not([class*='fr-link--icon-'])::before,
-.fr-link--lg[class*=' fr-fi-']:not([class*='fr-link--icon-'])::before {
- content: none;
-}
-
-.fr-links-group--download .fr-link,
-.fr-link--download {
- position: relative;
- font-size: 1rem;
- line-height: 1.5rem;
- padding: 0 0;
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-links-group--download .fr-link::after,
-.fr-link--download::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('icons/system/download-line.svg');
- mask-image: url('icons/system/download-line.svg');
- content: '';
- margin-bottom: 1.75rem;
- vertical-align: calc((0.75rem - var(--icon-size)) * 0.5 - 1.75rem);
-}
-
-.fr-links-group--download .fr-link::before,
-.fr-link--download::before {
- content: none;
-}
-
-.fr-links-group--download .fr-link .fr-link__detail,
-.fr-link--download .fr-link__detail {
- position: absolute;
- left: 0;
- font-size: 0.75rem;
- line-height: 1.25rem;
- font-weight: 400;
- margin-top: 1.75rem;
- white-space: nowrap;
- pointer-events: none;
- cursor: text;
-}
-
-.fr-links-group--download .fr-link .fr-link__detail abbr,
-.fr-link--download .fr-link__detail abbr {
- text-decoration: none;
-}
-
-.fr-links-group--download {
- --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, '.') '.  ';
-}
-
-.fr-links-group--download > li {
- display: block;
-}
-
-.fr-links-group--download .fr-link,
-.fr-links-group .fr-link--download {
- margin-bottom: 2.5rem;
-}
-
-.fr-links-group {
- --li-bottom: 0.5rem;
-}
-
-.fr-links-group--inline {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- display: inline;
- margin: 0 -0.5rem;
-}
-
-.fr-links-group--inline > li {
- display: inline;
- line-height: 2.75rem;
-}
-
-.fr-links-group--inline .fr-link {
- margin: 0 0.5rem 1rem;
-}
-
-.fr-links-group--sm .fr-link {
- font-size: 0.875rem;
- line-height: 1.5rem;
- padding: 0 0;
-}
-
-.fr-links-group--sm .fr-link::before,
-.fr-links-group--sm .fr-link::after {
- --icon-size: 1rem;
-}
-
-.fr-links-group--sm .fr-link:not(.fr-link--download) {
- vertical-align: top;
-}
-
-.fr-links-group--lg .fr-link {
- font-size: 1.125rem;
- line-height: 1.75rem;
- padding: 0 0;
-}
-
-.fr-links-group--lg .fr-link::before,
-.fr-links-group--lg .fr-link::after {
- --icon-size: 1.5rem;
-}
-
-.fr-links-group__title {
- font-weight: 700;
- font-size: 1.375rem;
- line-height: 1.75rem;
- margin: var(--title-spacing);
-}
-
-.fr-links-group--bordered {
- padding: 1.5rem 1.5rem 0.5rem;
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-link--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;
- margin-right: -1rem;
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-link--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('icons/system/close-line.svg');
- mask-image: url('icons/system/close-line.svg');
- content: '';
-}
-
-.fr-link--close::before {
- content: none;
-}
-
-.fr-link.fr-link--icon-left.fr-fi-theme-fill {
- font-size: 1rem;
- line-height: 1.5rem;
- min-height: 2.5rem;
- padding: 0.5rem 1rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-link.fr-link--icon-left.fr-fi-theme-fill::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.5rem;
-}
-
-.fr-link__detail {
- color: var(--text-mention-grey);
-}
-
-.fr-links-group li::marker {
- color: var(--text-action-high-blue-france);
-}
-
-.fr-link--close:disabled,
-a.fr-link--close:not([href]) {
- color: var(--text-disabled-grey);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SIDEMENU
-\* ËËËËËËËËË */
-.fr-sidemenu {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- --underline-img: none;
- --text-spacing: 0;
- --title-spacing: 0;
- position: relative;
- margin-left: -1rem;
- margin-right: -1rem;
- /**
- * Titre facultatif
- */
- /**
- * Variantes du sidemenu proposées juste à partir du breakpoint md
- */
- box-shadow:
- inset 0 -1px 0 0 var(--border-default-grey),
- inset 0 1px 0 0 var(--border-default-grey);
- /*
- @include elevation.elevate(raised, (legacy:$legacy));
- @include respond-from(md) {
- @include elevation.drop((legacy:$legacy));
- }
- */
- /*
- @include elevation.elevate(raised, (legacy:$legacy));
- @include respond-from(md) {
- @include elevation.drop((legacy:$legacy));
- }
- */
-}
-
-.fr-sidemenu a:not([href]) {
- cursor: default;
-}
-
-.fr-sidemenu .fr-collapse {
- margin: -0.25rem -0.25rem 0;
- padding: 0.25rem 0.25rem 0;
-}
-
-.fr-sidemenu .fr-collapse.fr-collapsing {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
-}
-
-.fr-sidemenu__title {
- padding: 1rem 0;
- font-size: 1.125rem;
- line-height: 1.75rem;
- font-weight: 700;
- color: var(--text-title-grey);
- box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-sidemenu__list {
- font-weight: 700;
-}
-
-.fr-sidemenu__list .fr-sidemenu__list {
- margin: 0 1rem 1rem;
- font-weight: 400;
-}
-
-.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__link,
-.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__btn {
- font-size: 1rem;
- line-height: 1.5rem;
- font-weight: 400;
-}
-
-.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__link,
-.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__btn {
- font-size: 0.875rem;
- line-height: 1.5rem;
-}
-
-.fr-sidemenu__item {
- position: relative;
-}
-
-.fr-sidemenu__item::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow:
- 0 -1px 0 0 var(--border-default-grey),
- inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-sidemenu__item .fr-sidemenu__item .fr-sidemenu__item::before {
- content: none;
-}
-
-.fr-sidemenu__inner {
- /**
- * Ce wrapper ne sert que pour la version mobile
- * On l'utilise pour l'ouverture/fermeture du sidemenu entier
- */
-}
-
-.fr-sidemenu__inner > .fr-collapse {
- margin: -0.25rem 0.75rem 0;
- padding: 0.25rem 0.75rem 0;
-}
-
-/**
- * Styles du bouton et du lien d'accès direct du sidemnu
- */
-.fr-sidemenu__link,
-.fr-sidemenu__btn {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- width: 100%;
- padding: 0.75rem 1rem;
- font-size: 1rem;
- line-height: 1.5rem;
- text-align: left;
- font-weight: 700;
- --hover-tint: var(--hover);
- --active-tint: var(--active);
- color: var(--text-action-high-blue-france);
-}
-
-.fr-sidemenu__link[aria-current]::before,
-.fr-sidemenu__btn[aria-current]::before {
- content: '';
- position: absolute;
- top: 0.75rem;
- bottom: 0.75rem;
- left: 0;
- width: 2px;
- background-color: var(--border-active-blue-france);
- --idle: transparent;
- --hover: var(--border-active-blue-france-hover);
- --active: var(--border-active-blue-france-active);
-}
-
-.fr-sidemenu__link[aria-current]:not([href]) {
- pointer-events: none;
- cursor: default;
-}
-
-/**
- * Style du bouton du sidemnenu pour ouvrir/refermer les listes de niveaux 1 et 2
- * Bouton pour la version mobile pour ouvrir/refermer le sidemenu
- */
-.fr-sidemenu__btn[aria-expanded] {
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-
-.fr-sidemenu__btn[aria-expanded]::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%;
- -webkit-mask-image: url('icons/system/arrow-down-s-line.svg');
- mask-image: url('icons/system/arrow-down-s-line.svg');
- --icon-size: 1rem;
- content: '';
- margin-left: auto;
- margin-right: 0;
- transition: transform 0.3s;
-}
-
-.fr-sidemenu__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
-}
-
-/**
- * Modificateur pour le bouton en version mobile permettant d'ouvrir/refermer le sidemenu
- * L'icône de gauche est défini dans _sidemenu.scss (provisoire)
- */
-.fr-sidemenu__inner > .fr-sidemenu__btn {
- width: 100%;
- font-weight: 500;
- /**
- * Ajout de l'icône de menu en mode mobile (provisoire)
- */
-}
-
-.fr-sidemenu__inner > .fr-sidemenu__btn::after {
- margin-right: 1rem;
-}
-
-.fr-sidemenu__inner > .fr-sidemenu__btn::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('icons/system/menu-2-fill.svg');
- mask-image: url('icons/system/menu-2-fill.svg');
- --icon-size: 1rem;
- content: '';
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-
-.fr-sidemenu__item .fr-sidemenu__link,
-.fr-sidemenu__item .fr-sidemenu__btn {
- color: var(--text-default-grey);
-}
-
-.fr-sidemenu__item:first-child::before {
- box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-sidemenu__item:last-child::before {
- box-shadow: 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-sidemenu__link[aria-current],
-.fr-sidemenu__btn[aria-current] {
- color: var(--text-active-blue-france);
-}
-
-.fr-sidemenu__btn[aria-expanded='true'] {
- background-color: var(--background-open-blue-france);
- --idle: transparent;
- --hover: var(--background-open-blue-france-hover);
- --active: var(--background-open-blue-france-active);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- HIGHLIGHT
-\* ËËËËËËËËË */
-.fr-highlight {
- padding-left: 1.5rem;
- font-size: 1rem;
- line-height: 1.5rem;
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
-}
-
-.fr-highlight--green-tilleul-verveine {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-tilleul-verveine);
-}
-
-.fr-highlight--green-bourgeon {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-bourgeon);
-}
-
-.fr-highlight--green-emeraude {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-emeraude);
-}
-
-.fr-highlight--green-menthe {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-menthe);
-}
-
-.fr-highlight--green-archipel {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-archipel);
-}
-
-.fr-highlight--blue-ecume {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-ecume);
-}
-
-.fr-highlight--blue-cumulus {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-cumulus);
-}
-
-.fr-highlight--purple-glycine {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-purple-glycine);
-}
-
-.fr-highlight--pink-macaron {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-macaron);
-}
-
-.fr-highlight--pink-tuile {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-tuile);
-}
-
-.fr-highlight--yellow-tournesol {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-tournesol);
-}
-
-.fr-highlight--yellow-moutarde {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-moutarde);
-}
-
-.fr-highlight--orange-terre-battue {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-orange-terre-battue);
-}
-
-.fr-highlight--brown-cafe-creme {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-cafe-creme);
-}
-
-.fr-highlight--brown-caramel {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-caramel);
-}
-
-.fr-highlight--brown-opera {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-opera);
-}
-
-.fr-highlight--beige-gris-galet {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-beige-gris-galet);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TAB
-\* ËËËËËËËËË */
-.fr-tabs__tab {
- --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-size: 1rem;
- line-height: 1.5rem;
- min-height: 2.5rem;
- padding: 0.5rem 1rem;
- position: relative;
- overflow: visible;
- font-weight: 700;
- z-index: 1;
- margin: 0 0.25rem;
- height: 100%;
- white-space: nowrap;
- background-size:
- 0 2px,
- 1px 0,
- 1px 0,
- 100% 1px;
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
- background-position:
- 0 0,
- 0 calc(100% - 1px),
- 100% calc(100% - 1px),
- 100% 100%;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
- box-shadow: 0 2px 0 0 var(--background-default-grey);
-}
-
-.fr-tabs__tab::before,
-.fr-tabs__tab::after {
- display: block;
-}
-
-.fr-tabs__tab[class^='fr-icon-']:not([class*='fr-tabs__tab--icon-']),
-.fr-tabs__tab[class*=' fr-icon-']:not([class*='fr-tabs__tab--icon-']),
-.fr-tabs__tab[class^='fr-fi-']:not([class*='fr-tabs__tab--icon-']),
-.fr-tabs__tab[class*=' fr-fi-']:not([class*='fr-tabs__tab--icon-']) {
- overflow: hidden;
- white-space: nowrap;
- max-width: 2.5rem;
- max-height: 2.5rem;
- padding-left: 0.75rem;
- padding-right: 0.75rem;
-}
-
-.fr-tabs__tab[class^='fr-icon-']:not([class*='fr-tabs__tab--icon-'])::before,
-.fr-tabs__tab[class*=' fr-icon-']:not([class*='fr-tabs__tab--icon-'])::before,
-.fr-tabs__tab[class^='fr-fi-']:not([class*='fr-tabs__tab--icon-'])::before,
-.fr-tabs__tab[class*=' fr-fi-']:not([class*='fr-tabs__tab--icon-'])::before {
- --icon-size: 1rem;
- margin-left: 0;
- margin-right: 0.75rem;
-}
-
-.fr-tabs__tab--icon-left[class^='fr-icon-'],
-.fr-tabs__tab--icon-left[class*=' fr-icon-'],
-.fr-tabs__tab--icon-left[class^='fr-fi-'],
-.fr-tabs__tab--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-tabs__tab--icon-left[class^='fr-icon-']::before,
-.fr-tabs__tab--icon-left[class*=' fr-icon-']::before,
-.fr-tabs__tab--icon-left[class^='fr-fi-']::before,
-.fr-tabs__tab--icon-left[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.5rem;
-}
-
-.fr-tabs {
- --tabs-height: auto;
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- --underline-img: none;
- position: relative;
- overflow: hidden;
- margin-left: 0;
- margin-right: 0;
- margin-top: -4px;
- padding-top: 4px;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- flex-wrap: wrap;
- height: var(--tabs-height);
- /**
- * Animation de la hauteur du panel
- */
- transition: height 0.3s;
- /**
- * ul : element srollable des boutons
- */
- /**
- * Tab button
- */
- /**
- * Tab Panel
- */
- box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
- /**
- * Tab button
- */
- /**
- * Tab button
- */
-}
-
-.fr-tabs--viewport-width {
- margin-left: calc(50% - 50vw);
- margin-right: calc(50% - 50vw);
-}
-
-.fr-tabs::before {
- content: '';
- display: block;
- width: 100%;
- height: 100%;
- margin-top: -1px;
- order: 2;
- box-shadow:
- inset 0 1px 0 0 var(--border-default-grey),
- inset 1px 0 0 0 var(--border-default-grey),
- inset -1px 0 0 0 var(--border-default-grey);
-}
-
-.fr-tabs__list {
- display: flex;
- align-items: stretch;
- overflow-x: auto;
- width: 100%;
- min-height: 3rem;
- z-index: 1;
- order: 1;
- /**
- * overflow vertical de 4px pour le focus
- */
- margin: -4px 0 -4px;
- padding: 4px 0.75rem;
-}
-
-.fr-tabs__tab[aria-selected='true'] {
- background-size:
- 100% 2px,
- 1px calc(100% - 1px),
- 1px calc(100% - 1px),
- 0 1px;
-}
-
-.fr-tabs__panel {
- --underline-img: linear-gradient(0deg, currentColor, currentColor);
- --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, '.') '.  ';
- display: block;
- order: 3;
- position: relative;
- left: -100%;
- width: 100%;
- height: auto;
- padding: 1rem;
- margin-right: -100%;
- flex: 0 0 100%;
- transition:
- visibility 0.3s,
- transform 0.3s;
- /**
- * Les éléments non sélectionnés sont cachés et rendus innaccessibles au focus
- * Point d'attention : visibility hidden sur le panel et surcharge sur l'élément selected avec visibility visible créé des problèmes dans la gestion du focus en cas d'imbrication d'onglets
- *
- * tabs
- * └─ panel selected
- * └─ panel (visibility hidden, tabindex -1)
- * └─ tabs
- * └─ panel selected (visibility visible tabindex 0)
- * ↑ ce panel est accessible alors que caché par son panel parent
- * solution : visibility hidden seulement sur les éléments non sélectionnés
- **/
-}
-
-.fr-tabs__panel:focus,
-.fr-tabs__panel:focus-visible {
- outline-offset: calc(-1rem + 2px);
-}
-
-.fr-tabs__panel--direction-end {
- transform: translate(100%);
-}
-
-.fr-tabs__panel--direction-start {
- transform: translate(-100%);
-}
-
-.fr-tabs__panel:not(.fr-tabs__panel--selected) {
- visibility: hidden;
-}
-
-/*
-* Ombres ajoutées en Js si le contenu est plus grand que le conteneur
-*/
-.fr-tabs__shadow {
- --tabs-list-height: 3rem;
- /**
- * Modifier ombre à gauche
- **/
- /**
- * Modifier ombre à droite
- **/
- /**
- * Modifier combinaison ombre à gauche et ombre à droite
- **/
-}
-
-.fr-tabs__shadow::before {
- content: '';
- display: block;
- position: absolute;
- top: 4px;
- right: 0;
- left: 0;
- z-index: 2;
- box-shadow:
- inset 0 0 0 0 rgba(22, 22, 22, 0),
- inset 0 0 0 0 rgba(22, 22, 22, 0);
- height: calc(var(--tabs-list-height) - 8px);
- opacity: 0.8;
- pointer-events: none;
- transition: box-shadow 0.3s;
-}
-
-.fr-tabs__shadow--left::before {
- box-shadow:
- inset 2rem 0 1.5rem -2rem #161616,
- inset 0 0 0 0 rgba(22, 22, 22, 0);
-}
-
-.fr-tabs__shadow--right::before {
- box-shadow:
- inset 0 0 0 0 rgba(22, 22, 22, 0),
- inset -2rem 0 1.5rem -2rem #161616;
-}
-
-.fr-tabs__shadow--left.fr-tabs__shadow--right::before {
- box-shadow:
- inset 2rem 0 1.5rem -2rem #161616,
- inset -2rem 0 1.5rem -2rem #161616;
-}
-
-:root[data-fr-theme='dark'] .fr-tabs__shadow::before {
- opacity: 1;
-}
-
-.fr-tabs__tab:not([aria-selected='true']) {
- background-color: var(--background-action-low-blue-france);
- --idle: transparent;
- --hover: var(--background-action-low-blue-france-hover);
- --active: var(--background-action-low-blue-france-active);
- color: var(--text-action-high-grey);
-}
-
-.fr-tabs__tab[aria-selected='true']:not(:disabled) {
- background-image: linear-gradient(0deg, var(--border-active-blue-france), var(--border-active-blue-france)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
- color: var(--text-active-blue-france);
-}
-
-.fr-tabs__tab:disabled {
- 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);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- PAGINATION
-\* ËËËËËËËËË */
-.fr-pagination__link {
- --text-spacing: 0;
- --title-spacing: 0;
- display: inline-flex;
- flex-direction: row;
- align-items: center;
- width: -moz-fit-content;
- width: fit-content;
- --hover-tint: var(--hover);
- font-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 2rem;
- padding: 0.25rem 0.75rem;
- min-width: 2rem;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- margin-bottom: 1rem;
- --underline-img: none;
- position: relative;
-}
-
-.fr-pagination__link::before,
-.fr-pagination__link::after {
- display: block;
-}
-
-.fr-pagination {
- --underline-img: none;
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- color: var(--text-action-high-grey);
-}
-
-.fr-pagination__list {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: wrap;
-}
-
-.fr-pagination__list > *:first-child,
-.fr-pagination__list > *:first-child * {
- margin-left: 0;
-}
-
-.fr-pagination__list > *:last-child,
-.fr-pagination__list > *:last-child * {
- margin-right: 0;
-}
-
-.fr-pagination__link[aria-current]:not([href]) {
- cursor: default;
- pointer-events: none;
-}
-
-.fr-pagination__link--first {
- 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-pagination__link--first::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('icons/system/fr--arrow-left-s-first-line.svg');
- mask-image: url('icons/system/fr--arrow-left-s-first-line.svg');
- content: '';
-}
-
-.fr-pagination__link--first.fr-pagination__link--label {
- 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-pagination__link--first.fr-pagination__link--label::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('icons/system/fr--arrow-left-s-first-line.svg');
- mask-image: url('icons/system/fr--arrow-left-s-first-line.svg');
- content: '';
-}
-
-.fr-pagination__link--prev {
- 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-pagination__link--prev::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('icons/system/arrow-left-s-line.svg');
- mask-image: url('icons/system/arrow-left-s-line.svg');
- content: '';
-}
-
-.fr-pagination__link--prev.fr-pagination__link--label {
- 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-pagination__link--prev.fr-pagination__link--label::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('icons/system/arrow-left-s-line.svg');
- mask-image: url('icons/system/arrow-left-s-line.svg');
- content: '';
-}
-
-.fr-pagination__link--next {
- 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-pagination__link--next::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('icons/system/arrow-right-s-line.svg');
- mask-image: url('icons/system/arrow-right-s-line.svg');
- content: '';
-}
-
-.fr-pagination__link--next.fr-pagination__link--label {
- 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-pagination__link--next.fr-pagination__link--label::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('icons/system/arrow-right-s-line.svg');
- mask-image: url('icons/system/arrow-right-s-line.svg');
- content: '';
-}
-
-.fr-pagination__link--next.fr-pagination__link--label::before {
- content: none;
-}
-
-.fr-pagination__link--last {
- 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-pagination__link--last::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('icons/system/fr--arrow-right-s-last-line.svg');
- mask-image: url('icons/system/fr--arrow-right-s-last-line.svg');
- content: '';
-}
-
-.fr-pagination__link--last.fr-pagination__link--label {
- 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-pagination__link--last.fr-pagination__link--label::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('icons/system/fr--arrow-right-s-last-line.svg');
- mask-image: url('icons/system/fr--arrow-right-s-last-line.svg');
- content: '';
-}
-
-.fr-pagination__link--last.fr-pagination__link--label::before {
- content: none;
-}
-
-.fr-pagination__link[aria-current] {
- background-color: var(--background-active-blue-france);
- --idle: transparent;
- --hover: var(--background-active-blue-france-hover);
- --active: var(--background-active-blue-france-active);
- color: var(--text-inverted-blue-france);
-}
-
-.fr-pagination__link:not([aria-current]):disabled,
-a.fr-pagination__link:not([aria-current]):not([href]) {
- color: var(--text-disabled-grey);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SUMMARY
-\* ËËËËËËËËË */
-.fr-summary {
- --text-spacing: 0 0 0.5rem 0;
- --title-spacing: 0 0 0.5rem 0;
- padding: 1.5rem;
- font-size: 0.75rem;
- line-height: 1.25rem;
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-summary ol {
- list-style-type: none;
-}
-
-.fr-summary li {
- padding: 0.5rem 0;
-}
-
-.fr-summary li::marker {
- content: none;
-}
-
-.fr-summary__title {
- font-size: 0.75rem;
- line-height: 1.25rem;
- font-weight: 700;
- text-transform: uppercase;
- color: var(--text-title-grey);
-}
-
-.fr-summary__link {
- display: inline;
- position: relative;
- font-size: 0.75rem;
- line-height: 1.25rem;
-}
-
-.fr-summary__link::before {
- content: var(--ol-content);
- position: absolute;
- right: 100%;
- font-size: var(--xl-size);
- font-weight: bold;
-}
-
-.fr-summary__link:not(:hover):not(:active) {
- --underline-idle-width: 0;
-}
-
-.fr-summary li > a {
- color: var(--text-action-high-grey);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TABLE
-\* ËËËËËËËËË */
-.fr-table {
- --table-offset: 1rem;
- --text-spacing: 0;
- --title-spacing: 0;
- position: relative;
- margin-bottom: 2.5rem;
- padding-top: var(--table-offset);
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table::before {
- content: '';
- display: block;
- width: 100%;
- height: 0;
-}
-
-.fr-table:not(.fr-table--no-scroll) table {
- width: 100%;
-}
-
-.fr-table table {
- width: 100%;
- display: block;
- overflow: auto;
- border-spacing: 0;
-}
-
-.fr-table[data-fr-js-table='true'] caption {
- position: absolute;
- top: 0;
-}
-
-.fr-table caption {
- position: initial;
- font-size: 1.375rem;
- line-height: 1.75rem;
- margin: var(--title-spacing);
- font-weight: 700;
- text-align: left;
- color: var(--text-title-grey);
-}
-
-.fr-table td,
-.fr-table th {
- text-align: left;
- vertical-align: middle;
- display: table-cell;
- border: 0;
- padding: 0.75rem;
- font-size: 0.875rem;
- line-height: 1.5rem;
-}
-
-.fr-table th {
- font-weight: 700;
-}
-
-.fr-table thead {
- background-size: 100% 2px;
- background-position: bottom;
- background-repeat: no-repeat;
- background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey));
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
- color: var(--text-title-grey);
-}
-
-.fr-table thead td,
-.fr-table thead th {
- font-weight: 700;
- padding-bottom: 0.875rem;
-}
-
-/*
-* Cache la caption
-*/
-.fr-table--no-caption {
- padding-top: 0;
-}
-
-.fr-table--no-caption caption {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
- height: 0;
-}
-
-/*
-* Fixe le caption en bas du tableau
-*/
-.fr-table--caption-bottom {
- padding-top: 0;
- margin-bottom: 0;
- margin-top: 1rem;
-}
-
-.fr-table--caption-bottom table {
- margin-bottom: calc(var(--table-offset) + 2.75rem);
-}
-
-.fr-table--caption-bottom[data-fr-js-table='true'] caption {
- position: absolute;
- top: 100%;
- right: 0;
- bottom: 0;
- left: 0;
- margin-top: 1rem;
-}
-
-.fr-table--caption-bottom caption {
- margin-top: 1rem;
- height: min-content;
- caption-side: bottom;
-}
-
-/*
-* pas de scroll ni de shadow
-*/
-.fr-table--no-scroll {
- min-width: auto;
-}
-
-.fr-table--no-scroll table {
- overflow-x: hidden;
-}
-
-.fr-table--no-scroll caption {
- max-width: calc(100vw - 2rem);
-}
-
-/*
-* Fixe la taille des colonnes du tableau
-*/
-.fr-table--layout-fixed table {
- display: table;
- table-layout: fixed;
-}
-
-/* Style bordered, ajoute des bordures entre chaque ligne */
-.fr-table--bordered tbody tr {
- background-size: 100% 1px;
- background-position: bottom;
- background-repeat: no-repeat;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
- /* Style bordered, enleve le style even/odd */
- /* Style bordered, enleve le style even/odd */
-}
-
-/*
-* Ombres ajoutées en Js si le contenu est plus grand que le conteneur
-*/
-.fr-table__shadow {
- /**
- * Modifier ombre à gauche
- **/
- /**
- * Modifier ombre à droite
- **/
- /**
- * Modifier combinaison ombre à gauche et ombre à droite
- **/
-}
-
-.fr-table__shadow::before {
- content: '';
- display: block;
- position: absolute;
- top: var(--table-offset);
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- box-shadow:
- inset 0 0 0 0 #161616,
- inset 0 0 0 0 #161616;
- opacity: 0.32;
- pointer-events: none;
- transition: box-shadow 0.3s;
-}
-
-.fr-table__shadow--left::before {
- box-shadow:
- inset 2rem 0 1rem -2rem #161616,
- inset 0 0 0 0 #161616;
-}
-
-.fr-table__shadow--right::before {
- box-shadow:
- inset 0 0 0 0 #161616,
- inset -2rem 0 1rem -2rem #161616;
-}
-
-.fr-table__shadow--left.fr-table__shadow--right::before {
- content: '';
- display: block;
- box-shadow:
- inset 2rem 0 1rem -2rem #161616,
- inset -2rem 0 1rem -2rem #161616;
-}
-
-/*
-* Positionnement ombres sur le tableau sans caption
-*/
-.fr-table--no-caption .fr-table__shadow::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
-}
-
-/*
-* Positionnement ombres sur le tableau avec caption en bas
-*/
-.fr-table--caption-bottom .fr-table__shadow::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
-}
-
-:root[data-fr-theme='dark'] .fr-table__shadow::before {
- opacity: 1;
-}
-
-.fr-table tbody {
- background-color: var(--background-alt-grey);
- --idle: transparent;
- --hover: var(--background-alt-grey-hover);
- --active: var(--background-alt-grey-active);
-}
-
-.fr-table tbody tr:nth-child(even) {
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-table--green-tilleul-verveine {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--green-tilleul-verveine thead {
- background-image: linear-gradient(0deg, var(--border-plain-green-tilleul-verveine), var(--border-plain-green-tilleul-verveine));
- background-color: var(--background-contrast-green-tilleul-verveine);
- --idle: transparent;
- --hover: var(--background-contrast-green-tilleul-verveine-hover);
- --active: var(--background-contrast-green-tilleul-verveine-active);
-}
-
-.fr-table--green-tilleul-verveine tbody {
- background-color: var(--background-alt-green-tilleul-verveine);
- --idle: transparent;
- --hover: var(--background-alt-green-tilleul-verveine-hover);
- --active: var(--background-alt-green-tilleul-verveine-active);
-}
-
-.fr-table--green-tilleul-verveine tbody tr:nth-child(even) {
- background-color: var(--background-contrast-green-tilleul-verveine);
- --idle: transparent;
- --hover: var(--background-contrast-green-tilleul-verveine-hover);
- --active: var(--background-contrast-green-tilleul-verveine-active);
-}
-
-.fr-table--green-tilleul-verveine.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-green-tilleul-verveine), var(--border-default-green-tilleul-verveine));
-}
-
-.fr-table--green-bourgeon {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--green-bourgeon thead {
- background-image: linear-gradient(0deg, var(--border-plain-green-bourgeon), var(--border-plain-green-bourgeon));
- background-color: var(--background-contrast-green-bourgeon);
- --idle: transparent;
- --hover: var(--background-contrast-green-bourgeon-hover);
- --active: var(--background-contrast-green-bourgeon-active);
-}
-
-.fr-table--green-bourgeon tbody {
- background-color: var(--background-alt-green-bourgeon);
- --idle: transparent;
- --hover: var(--background-alt-green-bourgeon-hover);
- --active: var(--background-alt-green-bourgeon-active);
-}
-
-.fr-table--green-bourgeon tbody tr:nth-child(even) {
- background-color: var(--background-contrast-green-bourgeon);
- --idle: transparent;
- --hover: var(--background-contrast-green-bourgeon-hover);
- --active: var(--background-contrast-green-bourgeon-active);
-}
-
-.fr-table--green-bourgeon.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-green-bourgeon), var(--border-default-green-bourgeon));
-}
-
-.fr-table--green-emeraude {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--green-emeraude thead {
- background-image: linear-gradient(0deg, var(--border-plain-green-emeraude), var(--border-plain-green-emeraude));
- background-color: var(--background-contrast-green-emeraude);
- --idle: transparent;
- --hover: var(--background-contrast-green-emeraude-hover);
- --active: var(--background-contrast-green-emeraude-active);
-}
-
-.fr-table--green-emeraude tbody {
- background-color: var(--background-alt-green-emeraude);
- --idle: transparent;
- --hover: var(--background-alt-green-emeraude-hover);
- --active: var(--background-alt-green-emeraude-active);
-}
-
-.fr-table--green-emeraude tbody tr:nth-child(even) {
- background-color: var(--background-contrast-green-emeraude);
- --idle: transparent;
- --hover: var(--background-contrast-green-emeraude-hover);
- --active: var(--background-contrast-green-emeraude-active);
-}
-
-.fr-table--green-emeraude.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-green-emeraude), var(--border-default-green-emeraude));
-}
-
-.fr-table--green-menthe {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--green-menthe thead {
- background-image: linear-gradient(0deg, var(--border-plain-green-menthe), var(--border-plain-green-menthe));
- background-color: var(--background-contrast-green-menthe);
- --idle: transparent;
- --hover: var(--background-contrast-green-menthe-hover);
- --active: var(--background-contrast-green-menthe-active);
-}
-
-.fr-table--green-menthe tbody {
- background-color: var(--background-alt-green-menthe);
- --idle: transparent;
- --hover: var(--background-alt-green-menthe-hover);
- --active: var(--background-alt-green-menthe-active);
-}
-
-.fr-table--green-menthe tbody tr:nth-child(even) {
- background-color: var(--background-contrast-green-menthe);
- --idle: transparent;
- --hover: var(--background-contrast-green-menthe-hover);
- --active: var(--background-contrast-green-menthe-active);
-}
-
-.fr-table--green-menthe.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-green-menthe), var(--border-default-green-menthe));
-}
-
-.fr-table--green-archipel {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--green-archipel thead {
- background-image: linear-gradient(0deg, var(--border-plain-green-archipel), var(--border-plain-green-archipel));
- background-color: var(--background-contrast-green-archipel);
- --idle: transparent;
- --hover: var(--background-contrast-green-archipel-hover);
- --active: var(--background-contrast-green-archipel-active);
-}
-
-.fr-table--green-archipel tbody {
- background-color: var(--background-alt-green-archipel);
- --idle: transparent;
- --hover: var(--background-alt-green-archipel-hover);
- --active: var(--background-alt-green-archipel-active);
-}
-
-.fr-table--green-archipel tbody tr:nth-child(even) {
- background-color: var(--background-contrast-green-archipel);
- --idle: transparent;
- --hover: var(--background-contrast-green-archipel-hover);
- --active: var(--background-contrast-green-archipel-active);
-}
-
-.fr-table--green-archipel.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-green-archipel), var(--border-default-green-archipel));
-}
-
-.fr-table--blue-ecume {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--blue-ecume thead {
- background-image: linear-gradient(0deg, var(--border-plain-blue-ecume), var(--border-plain-blue-ecume));
- background-color: var(--background-contrast-blue-ecume);
- --idle: transparent;
- --hover: var(--background-contrast-blue-ecume-hover);
- --active: var(--background-contrast-blue-ecume-active);
-}
-
-.fr-table--blue-ecume tbody {
- background-color: var(--background-alt-blue-ecume);
- --idle: transparent;
- --hover: var(--background-alt-blue-ecume-hover);
- --active: var(--background-alt-blue-ecume-active);
-}
-
-.fr-table--blue-ecume tbody tr:nth-child(even) {
- background-color: var(--background-contrast-blue-ecume);
- --idle: transparent;
- --hover: var(--background-contrast-blue-ecume-hover);
- --active: var(--background-contrast-blue-ecume-active);
-}
-
-.fr-table--blue-ecume.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-blue-ecume), var(--border-default-blue-ecume));
-}
-
-.fr-table--blue-cumulus {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--blue-cumulus thead {
- background-image: linear-gradient(0deg, var(--border-plain-blue-cumulus), var(--border-plain-blue-cumulus));
- background-color: var(--background-contrast-blue-cumulus);
- --idle: transparent;
- --hover: var(--background-contrast-blue-cumulus-hover);
- --active: var(--background-contrast-blue-cumulus-active);
-}
-
-.fr-table--blue-cumulus tbody {
- background-color: var(--background-alt-blue-cumulus);
- --idle: transparent;
- --hover: var(--background-alt-blue-cumulus-hover);
- --active: var(--background-alt-blue-cumulus-active);
-}
-
-.fr-table--blue-cumulus tbody tr:nth-child(even) {
- background-color: var(--background-contrast-blue-cumulus);
- --idle: transparent;
- --hover: var(--background-contrast-blue-cumulus-hover);
- --active: var(--background-contrast-blue-cumulus-active);
-}
-
-.fr-table--blue-cumulus.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-blue-cumulus), var(--border-default-blue-cumulus));
-}
-
-.fr-table--purple-glycine {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--purple-glycine thead {
- background-image: linear-gradient(0deg, var(--border-plain-purple-glycine), var(--border-plain-purple-glycine));
- background-color: var(--background-contrast-purple-glycine);
- --idle: transparent;
- --hover: var(--background-contrast-purple-glycine-hover);
- --active: var(--background-contrast-purple-glycine-active);
-}
-
-.fr-table--purple-glycine tbody {
- background-color: var(--background-alt-purple-glycine);
- --idle: transparent;
- --hover: var(--background-alt-purple-glycine-hover);
- --active: var(--background-alt-purple-glycine-active);
-}
-
-.fr-table--purple-glycine tbody tr:nth-child(even) {
- background-color: var(--background-contrast-purple-glycine);
- --idle: transparent;
- --hover: var(--background-contrast-purple-glycine-hover);
- --active: var(--background-contrast-purple-glycine-active);
-}
-
-.fr-table--purple-glycine.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-purple-glycine), var(--border-default-purple-glycine));
-}
-
-.fr-table--pink-macaron {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--pink-macaron thead {
- background-image: linear-gradient(0deg, var(--border-plain-pink-macaron), var(--border-plain-pink-macaron));
- background-color: var(--background-contrast-pink-macaron);
- --idle: transparent;
- --hover: var(--background-contrast-pink-macaron-hover);
- --active: var(--background-contrast-pink-macaron-active);
-}
-
-.fr-table--pink-macaron tbody {
- background-color: var(--background-alt-pink-macaron);
- --idle: transparent;
- --hover: var(--background-alt-pink-macaron-hover);
- --active: var(--background-alt-pink-macaron-active);
-}
-
-.fr-table--pink-macaron tbody tr:nth-child(even) {
- background-color: var(--background-contrast-pink-macaron);
- --idle: transparent;
- --hover: var(--background-contrast-pink-macaron-hover);
- --active: var(--background-contrast-pink-macaron-active);
-}
-
-.fr-table--pink-macaron.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-pink-macaron), var(--border-default-pink-macaron));
-}
-
-.fr-table--pink-tuile {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--pink-tuile thead {
- background-image: linear-gradient(0deg, var(--border-plain-pink-tuile), var(--border-plain-pink-tuile));
- background-color: var(--background-contrast-pink-tuile);
- --idle: transparent;
- --hover: var(--background-contrast-pink-tuile-hover);
- --active: var(--background-contrast-pink-tuile-active);
-}
-
-.fr-table--pink-tuile tbody {
- background-color: var(--background-alt-pink-tuile);
- --idle: transparent;
- --hover: var(--background-alt-pink-tuile-hover);
- --active: var(--background-alt-pink-tuile-active);
-}
-
-.fr-table--pink-tuile tbody tr:nth-child(even) {
- background-color: var(--background-contrast-pink-tuile);
- --idle: transparent;
- --hover: var(--background-contrast-pink-tuile-hover);
- --active: var(--background-contrast-pink-tuile-active);
-}
-
-.fr-table--pink-tuile.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-pink-tuile), var(--border-default-pink-tuile));
-}
-
-.fr-table--yellow-tournesol {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--yellow-tournesol thead {
- background-image: linear-gradient(0deg, var(--border-plain-yellow-tournesol), var(--border-plain-yellow-tournesol));
- background-color: var(--background-contrast-yellow-tournesol);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-tournesol-hover);
- --active: var(--background-contrast-yellow-tournesol-active);
-}
-
-.fr-table--yellow-tournesol tbody {
- background-color: var(--background-alt-yellow-tournesol);
- --idle: transparent;
- --hover: var(--background-alt-yellow-tournesol-hover);
- --active: var(--background-alt-yellow-tournesol-active);
-}
-
-.fr-table--yellow-tournesol tbody tr:nth-child(even) {
- background-color: var(--background-contrast-yellow-tournesol);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-tournesol-hover);
- --active: var(--background-contrast-yellow-tournesol-active);
-}
-
-.fr-table--yellow-tournesol.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-yellow-tournesol), var(--border-default-yellow-tournesol));
-}
-
-.fr-table--yellow-moutarde {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--yellow-moutarde thead {
- background-image: linear-gradient(0deg, var(--border-plain-yellow-moutarde), var(--border-plain-yellow-moutarde));
- background-color: var(--background-contrast-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-moutarde-hover);
- --active: var(--background-contrast-yellow-moutarde-active);
-}
-
-.fr-table--yellow-moutarde tbody {
- background-color: var(--background-alt-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-alt-yellow-moutarde-hover);
- --active: var(--background-alt-yellow-moutarde-active);
-}
-
-.fr-table--yellow-moutarde tbody tr:nth-child(even) {
- background-color: var(--background-contrast-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-moutarde-hover);
- --active: var(--background-contrast-yellow-moutarde-active);
-}
-
-.fr-table--yellow-moutarde.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-yellow-moutarde), var(--border-default-yellow-moutarde));
-}
-
-.fr-table--orange-terre-battue {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--orange-terre-battue thead {
- background-image: linear-gradient(0deg, var(--border-plain-orange-terre-battue), var(--border-plain-orange-terre-battue));
- background-color: var(--background-contrast-orange-terre-battue);
- --idle: transparent;
- --hover: var(--background-contrast-orange-terre-battue-hover);
- --active: var(--background-contrast-orange-terre-battue-active);
-}
-
-.fr-table--orange-terre-battue tbody {
- background-color: var(--background-alt-orange-terre-battue);
- --idle: transparent;
- --hover: var(--background-alt-orange-terre-battue-hover);
- --active: var(--background-alt-orange-terre-battue-active);
-}
-
-.fr-table--orange-terre-battue tbody tr:nth-child(even) {
- background-color: var(--background-contrast-orange-terre-battue);
- --idle: transparent;
- --hover: var(--background-contrast-orange-terre-battue-hover);
- --active: var(--background-contrast-orange-terre-battue-active);
-}
-
-.fr-table--orange-terre-battue.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-orange-terre-battue), var(--border-default-orange-terre-battue));
-}
-
-.fr-table--brown-cafe-creme {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--brown-cafe-creme thead {
- background-image: linear-gradient(0deg, var(--border-plain-brown-cafe-creme), var(--border-plain-brown-cafe-creme));
- background-color: var(--background-contrast-brown-cafe-creme);
- --idle: transparent;
- --hover: var(--background-contrast-brown-cafe-creme-hover);
- --active: var(--background-contrast-brown-cafe-creme-active);
-}
-
-.fr-table--brown-cafe-creme tbody {
- background-color: var(--background-alt-brown-cafe-creme);
- --idle: transparent;
- --hover: var(--background-alt-brown-cafe-creme-hover);
- --active: var(--background-alt-brown-cafe-creme-active);
-}
-
-.fr-table--brown-cafe-creme tbody tr:nth-child(even) {
- background-color: var(--background-contrast-brown-cafe-creme);
- --idle: transparent;
- --hover: var(--background-contrast-brown-cafe-creme-hover);
- --active: var(--background-contrast-brown-cafe-creme-active);
-}
-
-.fr-table--brown-cafe-creme.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-brown-cafe-creme), var(--border-default-brown-cafe-creme));
-}
-
-.fr-table--brown-caramel {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--brown-caramel thead {
- background-image: linear-gradient(0deg, var(--border-plain-brown-caramel), var(--border-plain-brown-caramel));
- background-color: var(--background-contrast-brown-caramel);
- --idle: transparent;
- --hover: var(--background-contrast-brown-caramel-hover);
- --active: var(--background-contrast-brown-caramel-active);
-}
-
-.fr-table--brown-caramel tbody {
- background-color: var(--background-alt-brown-caramel);
- --idle: transparent;
- --hover: var(--background-alt-brown-caramel-hover);
- --active: var(--background-alt-brown-caramel-active);
-}
-
-.fr-table--brown-caramel tbody tr:nth-child(even) {
- background-color: var(--background-contrast-brown-caramel);
- --idle: transparent;
- --hover: var(--background-contrast-brown-caramel-hover);
- --active: var(--background-contrast-brown-caramel-active);
-}
-
-.fr-table--brown-caramel.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-brown-caramel), var(--border-default-brown-caramel));
-}
-
-.fr-table--brown-opera {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--brown-opera thead {
- background-image: linear-gradient(0deg, var(--border-plain-brown-opera), var(--border-plain-brown-opera));
- background-color: var(--background-contrast-brown-opera);
- --idle: transparent;
- --hover: var(--background-contrast-brown-opera-hover);
- --active: var(--background-contrast-brown-opera-active);
-}
-
-.fr-table--brown-opera tbody {
- background-color: var(--background-alt-brown-opera);
- --idle: transparent;
- --hover: var(--background-alt-brown-opera-hover);
- --active: var(--background-alt-brown-opera-active);
-}
-
-.fr-table--brown-opera tbody tr:nth-child(even) {
- background-color: var(--background-contrast-brown-opera);
- --idle: transparent;
- --hover: var(--background-contrast-brown-opera-hover);
- --active: var(--background-contrast-brown-opera-active);
-}
-
-.fr-table--brown-opera.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-brown-opera), var(--border-default-brown-opera));
-}
-
-.fr-table--beige-gris-galet {
- /* Style bordered, ajoute des bordures entre chaque ligne */
- /* Style bordered, ajoute des bordures entre chaque ligne */
-}
-
-.fr-table--beige-gris-galet thead {
- background-image: linear-gradient(0deg, var(--border-plain-beige-gris-galet), var(--border-plain-beige-gris-galet));
- background-color: var(--background-contrast-beige-gris-galet);
- --idle: transparent;
- --hover: var(--background-contrast-beige-gris-galet-hover);
- --active: var(--background-contrast-beige-gris-galet-active);
-}
-
-.fr-table--beige-gris-galet tbody {
- background-color: var(--background-alt-beige-gris-galet);
- --idle: transparent;
- --hover: var(--background-alt-beige-gris-galet-hover);
- --active: var(--background-alt-beige-gris-galet-active);
-}
-
-.fr-table--beige-gris-galet tbody tr:nth-child(even) {
- background-color: var(--background-contrast-beige-gris-galet);
- --idle: transparent;
- --hover: var(--background-contrast-beige-gris-galet-hover);
- --active: var(--background-contrast-beige-gris-galet-active);
-}
-
-.fr-table--beige-gris-galet.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, var(--border-default-beige-gris-galet), var(--border-default-beige-gris-galet));
-}
-
-.fr-table--bordered tbody tr:nth-child(even) {
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TAG
-\* ËËËËËËËËË */
-.fr-tag {
- --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-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 2rem;
- padding: 0.25rem 0.75rem;
- border-radius: 1rem;
- min-width: 2.25rem;
- justify-content: center;
- color: var(--text-label-grey);
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-tag::before,
-.fr-tag::after {
- display: block;
-}
-
-.fr-tag[target='_blank'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-tag[target='_blank']::after {
- content: '';
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.25rem;
-}
-
-.fr-tag--icon-left[class^='fr-icon-'],
-.fr-tag--icon-left[class*=' fr-icon-'],
-.fr-tag--icon-left[class^='fr-fi-'],
-.fr-tag--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-tag--icon-left[class^='fr-icon-']::before,
-.fr-tag--icon-left[class*=' fr-icon-']::before,
-.fr-tag--icon-left[class^='fr-fi-']::before,
-.fr-tag--icon-left[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.25rem;
-}
-
-.fr-tag[class^='fr-icon-']:not([class*='fr-tag--icon-'])::before,
-.fr-tag[class*=' fr-icon-']:not([class*='fr-tag--icon-'])::before,
-.fr-tag[class^='fr-fi-']:not([class*='fr-tag--icon-'])::before,
-.fr-tag[class*=' fr-fi-']:not([class*='fr-tag--icon-'])::before {
- content: none;
-}
-
-.fr-tag--sm {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.5rem;
- padding: 0.125rem 0.5rem;
- border-radius: 0.75rem;
-}
-
-.fr-tag--sm[target='_blank'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-tag--sm[target='_blank']::after {
- content: '';
- --icon-size: 0.75rem;
- margin-right: -0.09375rem;
- margin-left: 0.25rem;
-}
-
-.fr-tag--sm.fr-tag--icon-left[class^='fr-icon-'],
-.fr-tag--sm.fr-tag--icon-left[class*=' fr-icon-'],
-.fr-tag--sm.fr-tag--icon-left[class^='fr-fi-'],
-.fr-tag--sm.fr-tag--icon-left[class*=' fr-fi-'] {
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-tag--sm.fr-tag--icon-left[class^='fr-icon-']::before,
-.fr-tag--sm.fr-tag--icon-left[class*=' fr-icon-']::before,
-.fr-tag--sm.fr-tag--icon-left[class^='fr-fi-']::before,
-.fr-tag--sm.fr-tag--icon-left[class*=' fr-fi-']::before {
- --icon-size: 0.75rem;
- margin-left: -0.09375rem;
- margin-right: 0.25rem;
-}
-
-.fr-tag--sm[class^='fr-icon-']:not([class*='fr-tag--icon-'])::before,
-.fr-tag--sm[class*=' fr-icon-']:not([class*='fr-tag--icon-'])::before,
-.fr-tag--sm[class^='fr-fi-']:not([class*='fr-tag--icon-'])::before,
-.fr-tag--sm[class*=' fr-fi-']:not([class*='fr-tag--icon-'])::before {
- content: none;
-}
-
-a.fr-tag[aria-pressed='true'],
-button.fr-tag[aria-pressed='true'],
-input[type='button'].fr-tag[aria-pressed='true'],
-input[type='image'].fr-tag[aria-pressed='true'],
-input[type='reset'].fr-tag[aria-pressed='true'],
-input[type='submit'].fr-tag[aria-pressed='true'] {
- position: relative;
- overflow: visible;
- background-position: 50%;
- background-size: 100%;
- background-repeat: no-repeat;
-}
-
-a.fr-tag[aria-pressed='true']::after,
-button.fr-tag[aria-pressed='true']::after,
-input[type='button'].fr-tag[aria-pressed='true']::after,
-input[type='image'].fr-tag[aria-pressed='true']::after,
-input[type='reset'].fr-tag[aria-pressed='true']::after,
-input[type='submit'].fr-tag[aria-pressed='true']::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%;
- -webkit-mask-image: url('icons/system/checkbox-circle-line.svg');
- mask-image: url('icons/system/checkbox-circle-line.svg');
- --icon-size: 1rem;
- content: '';
- position: absolute;
- top: 4px;
- right: 0;
- margin: -0.5rem;
-}
-
-a.fr-tag[aria-pressed='true'].fr-tag--sm::after,
-button.fr-tag[aria-pressed='true'].fr-tag--sm::after,
-input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm::after,
-input[type='image'].fr-tag[aria-pressed='true'].fr-tag--sm::after,
-input[type='reset'].fr-tag[aria-pressed='true'].fr-tag--sm::after,
-input[type='submit'].fr-tag[aria-pressed='true'].fr-tag--sm::after {
- --icon-size: 0.75rem;
- content: '';
- position: absolute;
- top: 3px;
- right: 0;
- margin: -0.375rem;
-}
-
-a.fr-tag--dismiss::before,
-button.fr-tag--dismiss::before,
-input[type='button'].fr-tag--dismiss::before,
-input[type='image'].fr-tag--dismiss::before,
-input[type='reset'].fr-tag--dismiss::before,
-input[type='submit'].fr-tag--dismiss::before {
- content: none;
-}
-
-a.fr-tag--dismiss::after,
-button.fr-tag--dismiss::after,
-input[type='button'].fr-tag--dismiss::after,
-input[type='image'].fr-tag--dismiss::after,
-input[type='reset'].fr-tag--dismiss::after,
-input[type='submit'].fr-tag--dismiss::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%;
- -webkit-mask-image: url('icons/system/close-line.svg');
- mask-image: url('icons/system/close-line.svg');
- --icon-size: 1rem;
- content: '';
- margin-left: 0.25rem;
- margin-right: -0.25rem;
-}
-
-a.fr-tag--dismiss.fr-tag--sm::after,
-button.fr-tag--dismiss.fr-tag--sm::after,
-input[type='button'].fr-tag--dismiss.fr-tag--sm::after,
-input[type='image'].fr-tag--dismiss.fr-tag--sm::after,
-input[type='reset'].fr-tag--dismiss.fr-tag--sm::after,
-input[type='submit'].fr-tag--dismiss.fr-tag--sm::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%;
- --icon-size: 0.75rem;
- content: '';
- margin-right: -0.1875rem;
- margin-left: 0.125rem;
-}
-
-.fr-tags-group {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- display: flex;
- flex-direction: row;
- margin-left: -0.25rem;
- margin-right: -0.25rem;
- flex-wrap: wrap;
-}
-
-.fr-tags-group > li {
- line-height: 2.75rem;
-}
-
-.fr-tags-group .fr-tag {
- margin: 0 0.25rem 0.5rem 0.25rem;
- vertical-align: top;
-}
-
-.fr-tags-group.fr-tags-group--sm .fr-tag {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.5rem;
- padding: 0.125rem 0.5rem;
- border-radius: 0.75rem;
-}
-
-.fr-tags-group.fr-tags-group--sm .fr-tag::before,
-.fr-tags-group.fr-tags-group--sm .fr-tag::after {
- --icon-size: 0.75rem;
-}
-
-.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss::after,
-.fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag.fr-tag--dismiss::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%;
- --icon-size: 0.75rem;
- content: '';
- margin-right: -0.1875rem;
-}
-
-.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']::after,
-.fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']::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%;
- --icon-size: 0.75rem;
- content: '';
- position: absolute;
- top: 3px;
- right: 0;
- margin: -0.375rem;
-}
-
-.fr-tag[aria-pressed='false'] {
- color: var(--text-action-high-blue-france);
- background-color: var(--background-action-low-blue-france);
- --idle: transparent;
- --hover: var(--background-action-low-blue-france-hover);
- --active: var(--background-action-low-blue-france-active);
-}
-
-.fr-tag.fr-tag--dismiss {
- color: var(--text-inverted-grey);
- 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);
-}
-
-a.fr-tag,
-button.fr-tag,
-input[type='button'].fr-tag {
- color: var(--text-action-high-blue-france);
- background-color: var(--background-action-low-blue-france);
- --idle: transparent;
- --hover: var(--background-action-low-blue-france-hover);
- --active: var(--background-action-low-blue-france-active);
-}
-
-a.fr-tag--green-tilleul-verveine,
-button.fr-tag--green-tilleul-verveine,
-input[type='button'].fr-tag--green-tilleul-verveine {
- color: var(--text-action-high-green-tilleul-verveine);
- background-color: var(--background-action-low-green-tilleul-verveine);
- --idle: transparent;
- --hover: var(--background-action-low-green-tilleul-verveine-hover);
- --active: var(--background-action-low-green-tilleul-verveine-active);
-}
-
-a.fr-tag--green-bourgeon,
-button.fr-tag--green-bourgeon,
-input[type='button'].fr-tag--green-bourgeon {
- color: var(--text-action-high-green-bourgeon);
- background-color: var(--background-action-low-green-bourgeon);
- --idle: transparent;
- --hover: var(--background-action-low-green-bourgeon-hover);
- --active: var(--background-action-low-green-bourgeon-active);
-}
-
-a.fr-tag--green-emeraude,
-button.fr-tag--green-emeraude,
-input[type='button'].fr-tag--green-emeraude {
- color: var(--text-action-high-green-emeraude);
- background-color: var(--background-action-low-green-emeraude);
- --idle: transparent;
- --hover: var(--background-action-low-green-emeraude-hover);
- --active: var(--background-action-low-green-emeraude-active);
-}
-
-a.fr-tag--green-menthe,
-button.fr-tag--green-menthe,
-input[type='button'].fr-tag--green-menthe {
- color: var(--text-action-high-green-menthe);
- background-color: var(--background-action-low-green-menthe);
- --idle: transparent;
- --hover: var(--background-action-low-green-menthe-hover);
- --active: var(--background-action-low-green-menthe-active);
-}
-
-a.fr-tag--green-archipel,
-button.fr-tag--green-archipel,
-input[type='button'].fr-tag--green-archipel {
- color: var(--text-action-high-green-archipel);
- background-color: var(--background-action-low-green-archipel);
- --idle: transparent;
- --hover: var(--background-action-low-green-archipel-hover);
- --active: var(--background-action-low-green-archipel-active);
-}
-
-a.fr-tag--blue-ecume,
-button.fr-tag--blue-ecume,
-input[type='button'].fr-tag--blue-ecume {
- color: var(--text-action-high-blue-ecume);
- background-color: var(--background-action-low-blue-ecume);
- --idle: transparent;
- --hover: var(--background-action-low-blue-ecume-hover);
- --active: var(--background-action-low-blue-ecume-active);
-}
-
-a.fr-tag--blue-cumulus,
-button.fr-tag--blue-cumulus,
-input[type='button'].fr-tag--blue-cumulus {
- color: var(--text-action-high-blue-cumulus);
- background-color: var(--background-action-low-blue-cumulus);
- --idle: transparent;
- --hover: var(--background-action-low-blue-cumulus-hover);
- --active: var(--background-action-low-blue-cumulus-active);
-}
-
-a.fr-tag--purple-glycine,
-button.fr-tag--purple-glycine,
-input[type='button'].fr-tag--purple-glycine {
- color: var(--text-action-high-purple-glycine);
- background-color: var(--background-action-low-purple-glycine);
- --idle: transparent;
- --hover: var(--background-action-low-purple-glycine-hover);
- --active: var(--background-action-low-purple-glycine-active);
-}
-
-a.fr-tag--pink-macaron,
-button.fr-tag--pink-macaron,
-input[type='button'].fr-tag--pink-macaron {
- color: var(--text-action-high-pink-macaron);
- background-color: var(--background-action-low-pink-macaron);
- --idle: transparent;
- --hover: var(--background-action-low-pink-macaron-hover);
- --active: var(--background-action-low-pink-macaron-active);
-}
-
-a.fr-tag--pink-tuile,
-button.fr-tag--pink-tuile,
-input[type='button'].fr-tag--pink-tuile {
- color: var(--text-action-high-pink-tuile);
- background-color: var(--background-action-low-pink-tuile);
- --idle: transparent;
- --hover: var(--background-action-low-pink-tuile-hover);
- --active: var(--background-action-low-pink-tuile-active);
-}
-
-a.fr-tag--yellow-tournesol,
-button.fr-tag--yellow-tournesol,
-input[type='button'].fr-tag--yellow-tournesol {
- color: var(--text-action-high-yellow-tournesol);
- background-color: var(--background-action-low-yellow-tournesol);
- --idle: transparent;
- --hover: var(--background-action-low-yellow-tournesol-hover);
- --active: var(--background-action-low-yellow-tournesol-active);
-}
-
-a.fr-tag--yellow-moutarde,
-button.fr-tag--yellow-moutarde,
-input[type='button'].fr-tag--yellow-moutarde {
- color: var(--text-action-high-yellow-moutarde);
- background-color: var(--background-action-low-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-action-low-yellow-moutarde-hover);
- --active: var(--background-action-low-yellow-moutarde-active);
-}
-
-a.fr-tag--orange-terre-battue,
-button.fr-tag--orange-terre-battue,
-input[type='button'].fr-tag--orange-terre-battue {
- color: var(--text-action-high-orange-terre-battue);
- background-color: var(--background-action-low-orange-terre-battue);
- --idle: transparent;
- --hover: var(--background-action-low-orange-terre-battue-hover);
- --active: var(--background-action-low-orange-terre-battue-active);
-}
-
-a.fr-tag--brown-cafe-creme,
-button.fr-tag--brown-cafe-creme,
-input[type='button'].fr-tag--brown-cafe-creme {
- color: var(--text-action-high-brown-cafe-creme);
- background-color: var(--background-action-low-brown-cafe-creme);
- --idle: transparent;
- --hover: var(--background-action-low-brown-cafe-creme-hover);
- --active: var(--background-action-low-brown-cafe-creme-active);
-}
-
-a.fr-tag--brown-caramel,
-button.fr-tag--brown-caramel,
-input[type='button'].fr-tag--brown-caramel {
- color: var(--text-action-high-brown-caramel);
- background-color: var(--background-action-low-brown-caramel);
- --idle: transparent;
- --hover: var(--background-action-low-brown-caramel-hover);
- --active: var(--background-action-low-brown-caramel-active);
-}
-
-a.fr-tag--brown-opera,
-button.fr-tag--brown-opera,
-input[type='button'].fr-tag--brown-opera {
- color: var(--text-action-high-brown-opera);
- background-color: var(--background-action-low-brown-opera);
- --idle: transparent;
- --hover: var(--background-action-low-brown-opera-hover);
- --active: var(--background-action-low-brown-opera-active);
-}
-
-a.fr-tag--beige-gris-galet,
-button.fr-tag--beige-gris-galet,
-input[type='button'].fr-tag--beige-gris-galet {
- color: var(--text-action-high-beige-gris-galet);
- background-color: var(--background-action-low-beige-gris-galet);
- --idle: transparent;
- --hover: var(--background-action-low-beige-gris-galet-hover);
- --active: var(--background-action-low-beige-gris-galet-active);
-}
-
-button.fr-tag[aria-pressed='true']:not(:disabled),
-input[type='button'].fr-tag[aria-pressed='true']:not(:disabled) {
- background-color: transparent;
- color: var(--text-inverted-grey);
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-action-high-blue-france) 0.625rem);
-}
-
-button.fr-tag[aria-pressed='true']:not(:disabled):hover,
-input[type='button'].fr-tag[aria-pressed='true']:not(:disabled):hover {
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-action-high-blue-france-hover) 0.625rem);
-}
-
-button.fr-tag[aria-pressed='true']:not(:disabled):active,
-input[type='button'].fr-tag[aria-pressed='true']:not(:disabled):active {
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-action-high-blue-france-active) 0.625rem);
-}
-
-button.fr-tag[aria-pressed='true']::after,
-input[type='button'].fr-tag[aria-pressed='true']::after {
- color: var(--text-action-high-blue-france);
-}
-
-button.fr-tag[aria-pressed='true']:disabled,
-input[type='button'].fr-tag[aria-pressed='true']:disabled {
- background-color: transparent;
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-disabled-grey) 0.625rem);
-}
-
-button.fr-tag[aria-pressed='true']:disabled::after,
-input[type='button'].fr-tag[aria-pressed='true']:disabled::after {
- color: var(--text-disabled-grey);
-}
-
-button.fr-tag[aria-pressed='true'].fr-tag--sm,
-input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france) 0.5rem);
-}
-
-button.fr-tag[aria-pressed='true'].fr-tag--sm:hover,
-input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm:hover {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-hover) 0.5rem);
-}
-
-button.fr-tag[aria-pressed='true'].fr-tag--sm:active,
-input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm:active {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-active) 0.5rem);
-}
-
-button.fr-tag[aria-pressed='true'].fr-tag--sm:disabled,
-input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm:disabled {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-disabled-grey) 0.5rem);
-}
-
-button.fr-tag:disabled,
-input[type='button'].fr-tag:disabled {
- 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-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true'],
-.fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true'] {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france) 0.5rem);
-}
-
-.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']:hover,
-.fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']:hover {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-hover) 0.5rem);
-}
-
-.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']:active,
-.fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']:active {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-active) 0.5rem);
-}
-
-.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']:disabled,
-.fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']:disabled {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-disabled-grey) 0.5rem);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- Download
-\* ËËËËËËËËË */
-.fr-download__link {
- --text-spacing: 0;
- --title-spacing: 0;
- display: inline;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-download {
- --text-spacing: 0;
- --title-spacing: 0;
- position: relative;
- padding-bottom: 1.5rem;
- margin: 0 0 1rem 0;
-}
-
-.fr-download .fr-download__link {
- font-size: 1rem;
- line-height: 1.5rem;
- padding: 0 0;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- font-weight: 400;
-}
-
-.fr-download .fr-download__link::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('icons/system/download-line.svg');
- mask-image: url('icons/system/download-line.svg');
- content: '';
-}
-
-.fr-download__desc {
- font-size: 0.875rem;
- line-height: 1.5rem;
- font-weight: 400;
- display: none;
-}
-
-.fr-download__detail {
- position: absolute;
- bottom: 0;
- left: 0;
- font-size: 0.75rem;
- line-height: 1.25rem;
- font-weight: 400;
- max-width: 100%;
- white-space: nowrap;
- pointer-events: none;
- cursor: text;
- overflow: hidden;
- text-overflow: ellipsis;
- color: var(--text-mention-grey);
-}
-
-.fr-download__detail abbr {
- text-decoration: none;
-}
-
-.fr-download--card {
- padding: 1.5rem 1.5rem 4rem 1.5rem;
- --text-spacing: 0;
- --title-spacing: 0;
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-download--card .fr-download__link {
- font-weight: 700;
- font-size: 1.25rem;
- line-height: 1.75rem;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-download--card .fr-download__link::after {
- position: absolute;
- right: 1.5rem;
- bottom: 1.5rem;
- margin: 0;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-download--card .fr-download__link::after::before,
-.fr-download--card .fr-download__link::after::after {
- --icon-size: 1rem;
-}
-
-.fr-download--card .fr-download__desc {
- display: block;
- margin-top: 0.5rem;
-}
-
-.fr-download--card .fr-download__detail {
- position: absolute;
- bottom: 1.5rem;
- left: 1.5rem;
- max-width: calc(100% - 6.25rem);
-}
-
-.fr-download--card .fr-download__detail[class^='fr-icon-']::before,
-.fr-download--card .fr-download__detail[class*=' fr-icon-']::before,
-.fr-download--card .fr-download__detail[class^='fr-fi-']::before,
-.fr-download--card .fr-download__detail[class*=' fr-fi-']::before {
- margin-right: 0.5rem;
-}
-
-.fr-download--card .fr-download__detail[class^='fr-icon-']::before::before,
-.fr-download--card .fr-download__detail[class^='fr-icon-']::before::after,
-.fr-download--card .fr-download__detail[class*=' fr-icon-']::before::before,
-.fr-download--card .fr-download__detail[class*=' fr-icon-']::before::after,
-.fr-download--card .fr-download__detail[class^='fr-fi-']::before::before,
-.fr-download--card .fr-download__detail[class^='fr-fi-']::before::after,
-.fr-download--card .fr-download__detail[class*=' fr-fi-']::before::before,
-.fr-download--card .fr-download__detail[class*=' fr-fi-']::before::after {
- --icon-size: 1rem;
-}
-
-.fr-downloads-group__title {
- font-weight: 700;
- font-size: 1.375rem;
- line-height: 1.75rem;
- margin: var(--title-spacing);
-}
-
-.fr-downloads-group--bordered {
- padding: 1.5rem 1.5rem 0.5rem;
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-downloads-group > ul {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.fr-downloads-group > ul > li {
- padding-bottom: 0;
-}
-
-.fr-downloads-group .fr-download {
- margin-bottom: 1rem;
-}
-
-.fr-downloads-group li::marker {
- color: var(--text-action-high-blue-france);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ALERT
-\* ËËËËËËËËË */
-.fr-alert {
- position: relative;
- padding: 1rem 2.25rem 0.75rem 3.5rem;
- --title-spacing: 0 0 0.25rem;
- --text-spacing: 0 0 0.25rem;
- box-shadow:
- inset 0 0 0 1px var(--border-plain-grey),
- inset 2.5rem 0 0 0 var(--background-flat-grey);
-}
-
-.fr-alert::before {
- --icon-size: 1.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%;
- position: absolute;
- top: 0;
- left: 0;
- margin: 1rem 0.5rem;
- color: var(--text-inverted-grey);
-}
-
-.fr-alert__title {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
-}
-
-.fr-alert .fr-btn--close {
- position: absolute;
- top: 0.25rem;
- right: 1.25rem;
- 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-alert .fr-btn--close::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('icons/system/close-line.svg');
- mask-image: url('icons/system/close-line.svg');
- content: '';
-}
-
-.fr-alert + .fr-alert {
- margin-top: 1rem;
-}
-
-.fr-alert--info::before {
- -webkit-mask-image: url('icons/system/fr--info-fill.svg');
- mask-image: url('icons/system/fr--info-fill.svg');
-}
-
-.fr-alert--success::before {
- -webkit-mask-image: url('icons/system/fr--success-fill.svg');
- mask-image: url('icons/system/fr--success-fill.svg');
-}
-
-.fr-alert--error::before {
- -webkit-mask-image: url('icons/system/fr--error-fill.svg');
- mask-image: url('icons/system/fr--error-fill.svg');
-}
-
-.fr-alert--warning::before {
- -webkit-mask-image: url('icons/system/fr--warning-fill.svg');
- mask-image: url('icons/system/fr--warning-fill.svg');
-}
-
-.fr-alert--info::before,
-.fr-alert--success::before,
-.fr-alert--error::before,
-.fr-alert--warning::before {
- content: '';
-}
-
-.fr-alert--sm {
- padding: 0.5rem 2.25rem 0.25rem 3rem;
-}
-
-.fr-alert--sm::before {
- margin: 0.5rem 0.5rem;
-}
-
-.fr-alert .fr-link--close {
- position: absolute;
- top: 0.25rem;
- right: 1.25rem;
- 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;
- align-items: center;
-}
-
-.fr-alert .fr-link--close::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('icons/system/close-line.svg');
- mask-image: url('icons/system/close-line.svg');
- content: '';
-}
-
-.fr-alert--info {
- box-shadow:
- inset 0 0 0 1px var(--border-plain-info),
- inset 2.5rem 0 0 0 var(--background-flat-info);
-}
-
-.fr-alert--error {
- box-shadow:
- inset 0 0 0 1px var(--border-plain-error),
- inset 2.5rem 0 0 0 var(--background-flat-error);
-}
-
-.fr-alert--success {
- box-shadow:
- inset 0 0 0 1px var(--border-plain-success),
- inset 2.5rem 0 0 0 var(--background-flat-success);
-}
-
-.fr-alert--warning {
- box-shadow:
- inset 0 0 0 1px var(--border-plain-warning),
- inset 2.5rem 0 0 0 var(--background-flat-warning);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ALERT
-\* ËËËËËËËËË */
-.fr-notice {
- position: relative;
- --title-spacing: 0;
- --text-spacing: 0;
- padding-top: 1rem;
- padding-bottom: 1rem;
- background-color: var(--background-contrast-grey);
- color: var(--text-title-grey);
-}
-
-.fr-notice__body {
- position: relative;
- padding: 0 2.5rem 0 2.5rem;
-}
-
-.fr-notice__body::before {
- --icon-size: 1.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%;
- position: absolute;
- left: 0;
-}
-
-.fr-notice__title {
- position: relative;
- font-size: 1rem;
- line-height: 1.5rem;
- font-weight: 700;
-}
-
-.fr-notice .fr-btn--close {
- 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;
- position: absolute;
- top: -0.25rem;
- right: 1rem;
-}
-
-.fr-notice .fr-btn--close::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('icons/system/close-line.svg');
- mask-image: url('icons/system/close-line.svg');
- content: '';
-}
-
-.fr-notice--info .fr-notice__body::before {
- -webkit-mask-image: url('icons/system/fr--info-fill.svg');
- mask-image: url('icons/system/fr--info-fill.svg');
- content: '';
-}
-
-.fr-notice--info {
- background-color: var(--background-contrast-info);
- --idle: transparent;
- --hover: var(--background-contrast-info-hover);
- --active: var(--background-contrast-info-active);
- color: var(--text-default-info);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- RADIO
-\* ËËËËËËËËË */
-.fr-radio-group {
- position: relative;
- max-width: max-content;
-}
-
-.fr-radio-group input[type='radio'] {
- position: absolute;
- margin: 0;
- width: 1.5rem;
- height: 1.5rem;
- opacity: 0;
-}
-
-.fr-radio-group input[type='radio'] + label {
- -webkit-tap-highlight-color: transparent;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: flex-start;
- padding-left: 2rem;
- background-position:
- calc(-0.25rem + 1px) calc(-0.25rem + 1px),
- calc(-0.25rem + 1px) calc(-0.25rem + 1px);
- background-size:
- 1.875rem 1.875rem,
- 1.875rem 1.875rem;
- background-repeat: no-repeat, no-repeat;
- background-image: radial-gradient(transparent 10px, var(--background-action-high-blue-france) 11px, transparent 12px);
-}
-
-.fr-radio-group input[type='radio'] + label::before {
- content: '';
- width: 1.5rem;
- height: 1.5rem;
- position: absolute;
- top: 0;
- border-radius: 1.5rem;
- margin-left: -2rem;
-}
-
-.fr-radio-group input[type='radio'] + label .fr-hint-text {
- margin: 0;
- width: 100%;
-}
-
-.fr-radio-group--sm input[type='radio'] {
- width: 1rem;
- height: 1rem;
- top: 0.25rem;
-}
-
-.fr-radio-group--sm input[type='radio'] + label {
- padding-left: 1.5rem;
- background-position:
- calc(-0.125rem + 1px) calc(0.25rem - 1px),
- calc(-0.125rem + 1px) calc(0.25rem - 1px);
- background-size:
- 1.125rem 1.125rem,
- 1.125rem 1.125rem;
- background-image: radial-gradient(transparent 6px, var(--background-action-high-blue-france) 7px, transparent 8px);
-}
-
-.fr-radio-group--sm input[type='radio'] + label::before {
- top: 0.25rem;
- width: 1rem;
- height: 1rem;
- border-radius: 1rem;
- margin-left: -1.5rem;
-}
-
-.fr-radio-rich {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- max-width: 100%;
-}
-
-.fr-radio-rich input[type='radio'] {
- width: 1rem;
- height: 1rem;
- left: 1.75rem;
- top: calc(50% - 0.5rem);
-}
-
-.fr-radio-rich input[type='radio'] + label {
- padding-left: 3.5rem;
- margin-left: 0;
- align-self: stretch;
- min-height: 5rem;
- width: 100%;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- padding-right: 1.5rem;
- display: flex;
- flex-direction: column;
- align-items: stretch;
- justify-content: center;
- background-size:
- 100% 1px,
- 1px 100%,
- 100% 1px,
- 1px 100%,
- 1.125rem 1.125rem,
- 1.125rem 1.125rem;
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
- background-position:
- 0 0,
- 100% 0,
- 0 100%,
- 0 0,
- 1.75rem 50%,
- 1.75rem 50%;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--background-action-high-blue-france) 7px, transparent 8px);
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-radio-rich input[type='radio'] + label::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin-left: 0;
- border-radius: 0;
-}
-
-.fr-radio-rich input[type='radio'] + label .fr-hint-text {
- margin-left: 0;
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label {
- --hover-tint: var(--hover);
- --active-tint: var(--active);
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label:hover {
- background-color: var(--hover-tint);
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label:active {
- background-color: var(--active-tint);
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label:hover + .fr-radio-rich__pictogram {
- background-color: var(--hover);
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label:active + .fr-radio-rich__pictogram {
- background-color: var(--active);
-}
-
-.fr-radio-rich__pictogram {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- margin-left: -1px;
- padding: 0.25rem;
- width: 5.5rem;
- min-width: 5.5rem;
- align-self: stretch;
- pointer-events: none;
- background-size:
- 100% 1px,
- 100% 1px,
- 1px 100%,
- 1px calc(100% - 0.5rem);
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
- background-position:
- 0 0,
- 0 100%,
- 100% 0,
- 0 0.25rem;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-radio-rich__pictogram img,
-.fr-radio-rich__pictogram svg {
- max-width: 3.5rem;
- max-height: 3.5rem;
-}
-
-.fr-control > .fr-radio-rich.fr-radio-group {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.fr-radio-group input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px);
-}
-
-.fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, var(--background-action-high-blue-france) 11px, transparent 12px), radial-gradient(var(--background-action-high-blue-france) 5px, transparent 6px);
-}
-
-.fr-radio-group input[type='radio']:checked:disabled + label {
- background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px), radial-gradient(var(--background-disabled-grey) 5px, transparent 6px);
-}
-
-.fr-fieldset--error .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, var(--border-plain-error) 11px, transparent 12px);
-}
-
-.fr-fieldset--error .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, var(--border-plain-error) 11px, transparent 12px), radial-gradient(var(--background-action-high-blue-france) 5px, transparent 6px);
-}
-
-.fr-fieldset--valid .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, var(--border-plain-success) 11px, transparent 12px);
-}
-
-.fr-fieldset--valid .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, var(--border-plain-success) 11px, transparent 12px), radial-gradient(var(--background-action-high-blue-france) 5px, transparent 6px);
-}
-
-.fr-fieldset--info .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, var(--border-plain-info) 11px, transparent 12px);
-}
-
-.fr-fieldset--info .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, var(--border-plain-info) 11px, transparent 12px), radial-gradient(var(--background-action-high-blue-france) 5px, transparent 6px);
-}
-
-.fr-fieldset .fr-radio-group input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px);
-}
-
-.fr-fieldset .fr-radio-group input[type='radio']:disabled:checked + label {
- background-image: radial-gradient(transparent 10px, var(--background-disabled-grey) 11px, transparent 12px), radial-gradient(var(--background-disabled-grey) 5px, transparent 6px);
-}
-
-.fr-radio-group--sm input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
-}
-
-.fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, var(--background-action-high-blue-france) 7px, transparent 8px), radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-radio-group--sm input[type='radio']:checked:disabled + label {
- background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
-}
-
-.fr-fieldset--error .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px);
-}
-
-.fr-fieldset--error .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px), radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-fieldset--valid .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px);
-}
-
-.fr-fieldset--valid .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px), radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-fieldset--info .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px);
-}
-
-.fr-fieldset--info .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px), radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-fieldset .fr-radio-group--sm input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
-}
-
-.fr-fieldset .fr-radio-group--sm input[type='radio']:disabled:checked + label {
- background-image: radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
-}
-
-.fr-radio-rich input[type='radio']:disabled + label {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
-}
-
-.fr-radio-rich input[type='radio']:disabled ~ .fr-radio-rich__pictogram svg * {
- fill: var(--text-disabled-grey);
-}
-
-.fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- radial-gradient(transparent 6px, var(--background-action-high-blue-france) 7px, transparent 8px), radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-radio-rich input[type='radio']:checked ~ .fr-radio-rich__pictogram {
- background-image: linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-radio-rich input[type='radio']:checked:disabled + label {
- background-image: linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)),
- linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)),
- radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
-}
-
-.fr-radio-rich input[type='radio']:checked:disabled ~ .fr-radio-rich__pictogram {
- background-image: linear-gradient(0deg, var(--background-disabled-grey), var(--background-disabled-grey)), linear-gradient(0deg, var(--background-disabled-grey), var(--background-disabled-grey)),
- linear-gradient(0deg, var(--background-disabled-grey), var(--background-disabled-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-fieldset--error .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px);
-}
-
-.fr-fieldset--error .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)), radial-gradient(transparent 6px, var(--border-plain-error) 7px, transparent 8px),
- radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-fieldset--valid .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px);
-}
-
-.fr-fieldset--valid .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)), radial-gradient(transparent 6px, var(--border-plain-success) 7px, transparent 8px),
- radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-fieldset--info .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px);
-}
-
-.fr-fieldset--info .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)), radial-gradient(transparent 6px, var(--border-plain-info) 7px, transparent 8px),
- radial-gradient(var(--background-action-high-blue-france) 3px, transparent 4px);
-}
-
-.fr-fieldset .fr-radio-rich input[type='radio']:disabled + label {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px);
-}
-
-.fr-fieldset .fr-radio-rich input[type='radio']:disabled:checked + label {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- radial-gradient(transparent 6px, var(--background-disabled-grey) 7px, transparent 8px), radial-gradient(var(--background-disabled-grey) 3px, transparent 4px);
-}
-
-.fr-fieldset .fr-fieldset__content .fr-radio-group:not(.fr-radio-rich) input[type='radio'] + label {
- background-position:
- calc(-0.25rem + 1px) calc(0.5rem + 1px),
- calc(-0.25rem + 1px) calc(0.5rem + 1px);
-}
-
-.fr-fieldset .fr-fieldset__content .fr-radio-group--sm:not(.fr-radio-rich) input[type='radio'] + label {
- background-position:
- calc(-0.125rem + 1px) calc(1rem - 1px),
- calc(-0.125rem + 1px) calc(1rem - 1px);
-}
-
-.fr-fieldset .fr-fieldset__content .fr-radio-rich {
- margin-top: 0.5rem;
- margin-bottom: 1rem;
-}
-
-.fr-fieldset .fr-fieldset__content .fr-radio-rich:last-child {
- margin-bottom: 0.75rem;
-}
-
-.fr-fieldset .fr-fieldset__content .fr-radio-rich:first-child {
- margin-top: 0;
-}
-
-.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich:not(:last-child) {
- margin-right: 0.75rem;
- margin-bottom: 0.5rem;
-}
-
-.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich:first-child {
- margin-top: 0.75rem;
-}
-
-.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich:first-child .fr-radio-rich__img {
- top: 1rem;
-}
-
-.fr-fieldset--inline .fr-fieldset__content .fr-radio-rich__img {
- top: 0.75rem;
-}
-
-.fr-fieldset--inline .fr-hint-text + .fr-fieldset__content .fr-radio-rich:first-child {
- margin-top: 1.5rem;
-}
-
-.fr-radio-rich__img {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- margin-left: -1px;
- padding: 0.25rem;
- width: 5.5rem;
- min-width: 5.5rem;
- align-self: stretch;
- pointer-events: none;
- background-size:
- 100% 1px,
- 100% 1px,
- 1px 100%,
- 1px calc(100% - 0.5rem);
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
- background-position:
- 0 0,
- 0 100%,
- 100% 0,
- 0 0.25rem;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-radio-rich__img img,
-.fr-radio-rich__img svg {
- max-width: 3.5rem;
- max-height: 3.5rem;
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label:hover + .fr-radio-rich__img {
- background-color: var(--hover);
-}
-
-.fr-radio-rich input[type='radio']:not(:disabled) ~ label:active + .fr-radio-rich__img {
- background-color: var(--active);
-}
-
-.fr-radio-rich input[type='radio']:disabled ~ .fr-radio-rich__img svg * {
- fill: var(--text-disabled-grey);
-}
-
-.fr-radio-rich input[type='radio']:checked ~ .fr-radio-rich__img {
- background-image: linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)),
- linear-gradient(0deg, var(--background-action-high-blue-france), var(--background-action-high-blue-france)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-radio-rich input[type='radio']:checked:disabled ~ .fr-radio-rich__img {
- background-image: linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)),
- linear-gradient(0deg, var(--text-disabled-grey), var(--text-disabled-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- CARD
-\* ËËËËËËËËË */
-.fr-card {
- display: flex;
- flex-direction: column;
- position: relative;
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-card.fr-enlarge-link .fr-card__title a::after {
- --icon-size: 1.5rem;
- position: absolute;
- right: 2rem;
- bottom: 2rem;
-}
-
-.fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {
- background-size:
- 100% 1px,
- 1px 100%,
- 1px 100%,
- 100% 1px;
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
- background-position:
- 100% 100%,
- 0 0,
- 100% 0,
- 100% 0;
- padding: 1px;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-card--no-icon .fr-card__title a:not([target='_blank'])::after,
-.fr-card:not(.fr-enlarge-link):not(.fr-card--download) .fr-card__title a:not([target='_blank'])::after {
- content: none;
-}
-
-.fr-card__body {
- display: flex;
- flex-direction: column;
- flex: 1 1 auto;
- order: 2;
- padding: 0 2rem;
-}
-
-.fr-grid-row .fr-card {
- height: 100%;
-}
-
-.fr-card__header {
- order: 1;
- position: relative;
- flex: 0 0 auto;
-}
-
-.fr-card__header .fr-badges-group {
- position: absolute;
- top: 0;
- left: 0;
- padding: 0.75rem;
-}
-
-.fr-card.fr-enlarge-link:hover .fr-card__img,
-.fr-card.fr-enlarge-link:hover .fr-card__vid {
- --brightness: calc(100% + var(--brighten) * 10%);
-}
-
-.fr-card.fr-enlarge-link:active .fr-card__img,
-.fr-card.fr-enlarge-link:active .fr-card__vid {
- --brightness: calc(100% + var(--brighten) * 20%);
-}
-
-.fr-card__img,
-.fr-card__vid {
- filter: brightness(var(--brightness));
-}
-
-.fr-card__img img,
-.fr-card__img svg,
-.fr-card__vid iframe,
-.fr-card__vid video {
- aspect-ratio: 1.7777777778;
- object-fit: cover;
- object-position: 50% 50%;
-}
-
-.fr-card__img img {
- display: block;
-}
-
-.fr-card__content {
- order: 1;
- display: flex;
- flex-direction: column;
- padding: 2rem;
- height: 100%;
- margin: 0 -2rem;
-}
-
-.fr-card__content .fr-tag {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.5rem;
- padding: 0.125rem 0.5rem;
- border-radius: 0.75rem;
-}
-
-.fr-card__content .fr-tag::before,
-.fr-card__content .fr-tag::after {
- --icon-size: 0.75rem;
-}
-
-.fr-card__title {
- order: 2;
- font-size: 1.25rem;
- line-height: 1.75rem;
- font-weight: 700;
- margin-bottom: 0;
- color: var(--text-title-grey);
-}
-
-.fr-card__title a::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%;
- -webkit-mask-image: url('icons/system/arrow-right-line.svg');
- mask-image: url('icons/system/arrow-right-line.svg');
- --icon-size: 1rem;
- content: '';
-}
-
-.fr-card__title [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%;
- -webkit-mask-image: url('icons/system/external-link-line.svg');
- mask-image: url('icons/system/external-link-line.svg');
- --icon-size: 1rem;
- content: '';
-}
-
-.fr-card__desc {
- order: 3;
- font-size: 0.875rem;
- line-height: 1.5rem;
- margin-top: 0.75rem;
- margin-bottom: 0;
-}
-
-.fr-card__start {
- order: 1;
- margin-bottom: 0.25rem;
-}
-
-.fr-card__start .fr-badges-group,
-.fr-card__start .fr-tags-group {
- margin-bottom: 0.25rem;
-}
-
-.fr-card__start .fr-card__detail {
- margin-bottom: 0.75rem;
-}
-
-.fr-card__end {
- order: 4;
- display: flex;
- flex-direction: column;
- margin-top: 1rem;
- padding-top: 0.5rem;
- height: 100%;
-}
-
-.fr-card__detail {
- font-size: 0.75rem;
- line-height: 1.25rem;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- margin-bottom: 0;
- color: var(--text-mention-grey);
-}
-
-.fr-card__detail[class^='fr-icon-']::before,
-.fr-card__detail[class*=' fr-icon-']::before,
-.fr-card__detail[class^='fr-fi-']::before,
-.fr-card__detail[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-right: 0.5rem;
-}
-
-.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end {
- margin-bottom: -3rem;
- min-height: 2rem;
- padding-right: 2rem;
- justify-content: flex-end;
-}
-
-.fr-card.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content {
- padding-bottom: 5rem;
-}
-
-.fr-card__footer {
- order: 2;
- padding: 0.5rem 2rem 2rem;
- margin: 0 -2rem;
-}
-
-.fr-card__footer .fr-btns-group,
-.fr-card__footer .fr-links-group {
- margin-bottom: -1rem;
-}
-
-.fr-card--sm .fr-card__header .fr-badge {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.125rem;
- padding: 0 0.375rem;
-}
-
-.fr-card--sm .fr-card__header .fr-badge::before,
-.fr-card--sm .fr-card__header .fr-badge::after {
- --icon-size: 0.75rem;
-}
-
-.fr-card--sm .fr-card__content {
- padding: 1.5rem;
-}
-
-.fr-card--sm .fr-card__content .fr-badge {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.125rem;
- padding: 0 0.375rem;
-}
-
-.fr-card--sm .fr-card__content .fr-badge::before,
-.fr-card--sm .fr-card__content .fr-badge::after {
- --icon-size: 0.75rem;
-}
-
-.fr-card--sm .fr-card__title {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
-}
-
-.fr-card--sm .fr-card__title a::after {
- --icon-size: 1rem;
-}
-
-.fr-card--sm .fr-card__desc {
- margin-top: 0.5rem;
-}
-
-.fr-card--sm .fr-card__start .fr-badges-group,
-.fr-card--sm .fr-card__start .fr-tags-group {
- margin-bottom: 0;
-}
-
-.fr-card--sm .fr-card__start .fr-card__detail {
- margin-bottom: 0.5rem;
-}
-
-.fr-card--sm .fr-card__end {
- margin-top: 0.75rem;
- padding-top: 0.25rem;
- margin-top: 1.5rem;
- padding-top: 0.5rem;
-}
-
-.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end {
- margin-bottom: -2rem;
- min-height: 1.25rem;
- padding-right: 1.5rem;
-}
-
-.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content {
- padding-bottom: 3.5rem;
-}
-
-.fr-card--sm.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a::after {
- --icon-size: 1rem;
- right: 1.5rem;
- bottom: 1.5rem;
-}
-
-.fr-card--sm .fr-card__footer {
- padding: 0.5rem 1.5rem 1.5rem;
-}
-
-.fr-card--lg .fr-card__content {
- padding: 2.5rem;
-}
-
-.fr-card--lg .fr-card__content .fr-tag {
- font-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 2rem;
- padding: 0.25rem 0.75rem;
- border-radius: 1rem;
-}
-
-.fr-card--lg .fr-card__content .fr-tag::before,
-.fr-card--lg .fr-card__content .fr-tag::after {
- --icon-size: 1rem;
-}
-
-.fr-card--lg .fr-card__title {
- font-weight: 700;
- font-size: 1.375rem;
- line-height: 1.75rem;
-}
-
-.fr-card--lg .fr-card__title a::after {
- --icon-size: 1.5rem;
-}
-
-.fr-card--lg .fr-card__desc {
- font-size: 1rem;
- line-height: 1.5rem;
- margin-top: 1rem;
-}
-
-.fr-card--lg .fr-card__start {
- margin-bottom: 0.5rem;
-}
-
-.fr-card--lg .fr-card__start .fr-badges-group,
-.fr-card--lg .fr-card__start .fr-tags-group {
- margin-bottom: 0.5rem;
-}
-
-.fr-card--lg .fr-card__start .fr-card__detail {
- margin-bottom: 1rem;
-}
-
-.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__end {
- margin-bottom: -4rem;
- min-height: 2.5rem;
- padding-right: 2.5rem;
-}
-
-.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__content {
- padding-bottom: 6.5rem;
-}
-
-.fr-card--lg.fr-enlarge-link:not(.fr-card--no-icon) .fr-card__title a::after {
- --icon-size: 2rem;
- right: 2.5rem;
- bottom: 2.5rem;
-}
-
-.fr-card--lg .fr-card__footer {
- padding: 0.5rem 2.5rem 2.5rem;
-}
-
-.fr-card--download .fr-card__header {
- aspect-ratio: 16/9;
-}
-
-.fr-card--download .fr-card__header .fr-card__img {
- position: absolute;
- top: 0.5rem;
- left: 0.5rem;
- width: calc(100% - 1rem);
- height: calc(100% - 1rem);
-}
-
-.fr-card--download .fr-card__header .fr-card__img img {
- max-width: 100%;
- max-height: 100%;
- object-fit: contain;
-}
-
-.fr-card--download .fr-card__title a::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%;
- -webkit-mask-image: url('icons/system/download-line.svg');
- mask-image: url('icons/system/download-line.svg');
- content: '';
-}
-
-.fr-card__body > .fr-card__detail,
-.fr-card__body > .fr-card__title {
- margin-top: 2rem;
-}
-
-.fr-card__body > .fr-card__detail {
- margin-bottom: -1rem;
-}
-
-.fr-card__body > .fr-card__desc,
-.fr-card__body > .fr-card__title {
- margin-bottom: 2rem;
-}
-
-.fr-card__body > .fr-card__desc {
- margin-top: -1rem;
-}
-
-.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__desc,
-.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__title {
- margin-bottom: 4.5rem;
-}
-
-.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__desc {
- margin-top: -3.5rem;
-}
-
-.fr-card--grey {
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-card--shadow {
- z-index: calc(var(--ground) + 500);
- 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-card--shadow.fr-card--grey {
- background-color: var(--background-contrast-raised-grey);
- --idle: transparent;
- --hover: var(--background-contrast-raised-grey-hover);
- --active: var(--background-contrast-raised-grey-active);
-}
-
-.fr-card--no-background {
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-.fr-card--download:not(.fr-card--no-background) .fr-card__header {
- background-color: var(--background-alt-grey);
- --idle: transparent;
- --hover: var(--background-alt-grey-hover);
- --active: var(--background-alt-grey-active);
-}
-
-.fr-card__title a[href] {
- color: var(--text-action-high-blue-france);
-}
-
-.fr-card__title:disabled,
-a.fr-card__title: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);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- CHECKBOX
-\* ËËËËËËËËË */
-.fr-checkbox-group {
- position: relative;
-}
-
-.fr-checkbox-group input[type='checkbox'] {
- position: absolute;
- margin: 0;
- width: 1.5rem;
- height: 1.5rem;
- opacity: 0;
- margin-top: 0.75rem;
-}
-
-.fr-checkbox-group input[type='checkbox'] + label {
- position: relative;
- -webkit-tap-highlight-color: transparent;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: wrap;
- margin-left: 2rem;
- --data-uri-svg: none;
- /**
- * On ajoute l'icône check-line en taille sm via un pseudo element before
- */
-}
-
-.fr-checkbox-group input[type='checkbox'] + label .fr-hint-text {
- margin: 0;
- width: 100%;
-}
-
-.fr-checkbox-group input[type='checkbox'] + label::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- left: -2rem;
- width: 1.5rem;
- height: 1.5rem;
- margin-right: 0.5rem;
- border-radius: 0.25rem;
- background-size:
- 0.25rem 0.25rem,
- calc(100% - 0.25rem) 1px,
- 0.25rem 0.25rem,
- 1px calc(100% - 0.5rem),
- 0.25rem 0.25rem,
- calc(100% - 0.5rem) 1px,
- 0.25rem 0.25rem,
- 1px calc(100% - 0.5rem),
- 1rem;
- background-position:
- 0 0,
- 0.25rem 0,
- 100% 0,
- 0 0.25rem,
- 100% 100%,
- calc(100% - 0.25rem) 100%,
- 0 100%,
- 100% 0.25rem,
- center;
- background-repeat: no-repeat;
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), var(--data-uri-svg);
-}
-
-.fr-checkbox-group--sm input[type='checkbox'] {
- top: 0.25rem;
- width: 1rem;
- height: 1rem;
-}
-
-.fr-checkbox-group--sm input[type='checkbox'] + label {
- margin-left: 1.5rem;
-}
-
-.fr-checkbox-group--sm input[type='checkbox'] + label::before {
- width: 1rem;
- height: 1rem;
- margin-top: 0.25rem;
- left: -1.5rem;
-}
-
-.fr-checkbox-group--error::before {
- content: '';
- position: absolute;
- top: 0;
- left: -0.75rem;
- width: 2px;
- height: 100%;
- background-color: var(--border-plain-error);
- --idle: transparent;
- --hover: var(--border-plain-error-hover);
- --active: var(--border-plain-error-active);
-}
-
-.fr-checkbox-group--valid::before {
- content: '';
- position: absolute;
- top: 0;
- left: -0.75rem;
- width: 2px;
- height: 100%;
- background-color: var(--border-plain-success);
- --idle: transparent;
- --hover: var(--border-plain-success-hover);
- --active: var(--border-plain-success-active);
-}
-
-.fr-checkbox-group .fr-message:first-child {
- margin-top: 0.5rem;
-}
-
-.fr-checkbox-group input[type='checkbox']:checked + label::before {
- background-color: var(--background-active-blue-france);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
-}
-
-:root[data-fr-theme='dark'] .fr-checkbox-group input[type='checkbox']:checked + label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23161616' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
-}
-
-.fr-checkbox-group input[type='checkbox']:disabled + label::before {
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px),
- linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px),
- linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px),
- linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px),
- linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), var(--data-uri-svg);
-}
-
-.fr-checkbox-group input[type='checkbox']:disabled:checked + label::before {
- background-color: var(--background-disabled-grey);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
-}
-
-:root[data-fr-theme='dark'] .fr-checkbox-group input[type='checkbox']:disabled:checked + label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23666' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
-}
-
-.fr-checkbox-group--error input[type='checkbox'] + label {
- color: var(--text-default-error);
-}
-
-.fr-checkbox-group--error input[type='checkbox'] + label::before {
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
-}
-
-.fr-checkbox-group--valid input[type='checkbox'] + label {
- color: var(--text-default-success);
-}
-
-.fr-checkbox-group--valid input[type='checkbox'] + label::before {
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
-}
-
-.fr-fieldset--error .fr-checkbox-group input[type='checkbox'] + label::before {
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px),
- linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
-}
-
-.fr-fieldset--valid .fr-checkbox-group input[type='checkbox'] + label::before {
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px),
- linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
-}
-
-.fr-fieldset .fr-fieldset__content .fr-checkbox-group--sm label::before {
- margin-top: 1rem;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TOGGLE
-\* ËËËËËËËËË */
-.fr-toggle {
- display: flex;
- flex-wrap: wrap;
- position: relative;
- padding: 1rem 0;
- --text-spacing: 0;
- --title-spacing: 0;
-}
-
-.fr-toggle input[type='checkbox'] {
- width: 2.5rem;
- height: 1.5rem;
- position: absolute;
- opacity: 0;
- -webkit-tap-highlight-color: transparent;
- box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
-}
-
-.fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label[data-fr-unchecked-label][data-fr-checked-label]::before {
- content: attr(data-fr-checked-label);
-}
-
-.fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::after {
- transform: translateX(1rem);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000091' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
- background-image: var(--data-uri-svg);
-}
-
-.fr-toggle label {
- --toggle-status-width: auto;
- display: inline-flex;
- width: calc(100% - 2.5rem);
- min-height: 1.5rem;
- font-size: 1rem;
- line-height: 1.5rem;
- -webkit-tap-highlight-color: transparent;
-}
-
-.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label] {
- padding-left: 0;
-}
-
-.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]::before {
- content: attr(data-fr-unchecked-label);
- margin-right: calc(var(--toggle-status-width) - 0.5rem);
- margin-bottom: 1rem;
-}
-
-.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label] + .fr-hint-text {
- margin-top: 0.5rem;
-}
-
-.fr-toggle label::before {
- content: '';
- display: block;
- flex-shrink: 0;
- height: calc(1.25rem + 1px);
- padding-top: 1.5rem;
- font-size: 0.75rem;
- line-height: 1.25rem;
- border-radius: 0.75rem;
- margin-right: 2rem;
- min-width: 2.5rem;
- max-width: 2.5rem;
- background-repeat: no-repeat;
- color: var(--text-active-blue-france);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-.fr-toggle label::after {
- content: '';
- display: flex;
- align-items: center;
- justify-content: center;
- position: absolute;
- top: 1rem;
- left: 0;
- width: 1.5rem;
- height: 1.5rem;
- border-radius: 50%;
- background-repeat: no-repeat;
- background-size: 1rem;
- background-position: center;
- color: var(--text-active-blue-france);
- box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-toggle .fr-hint-text {
- display: block;
- margin-top: 1rem;
- margin-bottom: 0;
- font-size: 0.75rem;
- line-height: 1.25rem;
- flex-basis: 100%;
- color: var(--text-mention-grey);
-}
-
-.fr-toggle--label-left .fr-toggle__input {
- order: 1;
- margin: 0 0 0 auto;
-}
-
-.fr-toggle--label-left .fr-toggle__input + label[data-fr-checked-label]::before {
- margin-right: 0;
- margin-left: calc(var(--toggle-status-width) - 0.5rem);
-}
-
-.fr-toggle--label-left .fr-toggle__label {
- justify-content: space-between;
- padding-left: 0;
- width: calc(100% - 2.5rem);
- flex: 1;
-}
-
-.fr-toggle--label-left .fr-toggle__label::before {
- flex-shrink: 0;
- order: 1;
- margin-left: 1rem;
- margin-right: 0;
- text-align: right;
- direction: rtl;
-}
-
-.fr-toggle--label-left .fr-toggle__label::after {
- left: auto;
- right: 1rem;
-}
-
-.fr-toggle--label-left .fr-hint-text {
- order: 2;
-}
-
-.fr-toggle__list {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
-}
-
-.fr-fieldset .fr-toggle__list li:first-child .fr-toggle {
- padding-top: 0;
-}
-
-.fr-fieldset .fr-toggle__list li:first-child .fr-toggle label::after {
- top: 0;
-}
-
-:root[data-fr-theme='dark'] .fr-toggle label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%238585f6' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-.fr-toggle input[type='checkbox']:checked {
- background-color: var(--background-active-blue-france);
- --idle: transparent;
- --hover: var(--background-active-blue-france-hover);
- --active: var(--background-active-blue-france-active);
-}
-
-.fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%238585f6' height='24' viewBox='0 0 40 24' fill='%238585f6' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-:root[data-fr-theme='dark'] .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::after {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%238585f6' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
-}
-
-.fr-toggle input[type='checkbox']:disabled {
- box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
-}
-
-.fr-toggle input[type='checkbox']:disabled:checked {
- background-color: var(--background-disabled-grey);
- --idle: transparent;
- --hover: var(--background-disabled-grey-hover);
- --active: var(--background-disabled-grey-active);
-}
-
-.fr-toggle input[type='checkbox']:disabled:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle input[type='checkbox']:disabled:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%232a2a2a' height='24' viewBox='0 0 40 24' fill='%232a2a2a' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-.fr-toggle input[type='checkbox']:disabled:checked ~ .fr-toggle__label::after {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle input[type='checkbox']:disabled:checked ~ .fr-toggle__label::after {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23666' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
-}
-
-.fr-toggle input[type='checkbox']:disabled ~ .fr-toggle__label::before {
- color: var(--text-disabled-grey);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle input[type='checkbox']:disabled ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%232a2a2a' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-.fr-toggle input[type='checkbox']:disabled ~ .fr-toggle__label::after {
- color: var(--text-disabled-grey);
- box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
-}
-
-.fr-toggle--border-bottom {
- box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-toggle--error label,
-.fr-fieldset--error .fr-toggle label {
- color: var(--text-default-error);
-}
-
-.fr-toggle--error label::before,
-.fr-fieldset--error .fr-toggle label::before {
- color: var(--text-default-error);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle--error label::before,
-:root[data-fr-theme='dark'] .fr-fieldset--error .fr-toggle label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23ff5655' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-.fr-toggle--error label::after,
-.fr-fieldset--error .fr-toggle label::after {
- box-shadow: inset 0 0 0 1px var(--border-plain-error);
-}
-
-.fr-toggle--error input[type='checkbox']:checked ~ .fr-toggle__label::before,
-.fr-fieldset--error .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle--error input[type='checkbox']:checked ~ .fr-toggle__label::before,
-:root[data-fr-theme='dark'] .fr-fieldset--error .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%23ff5655' height='24' viewBox='0 0 40 24' fill='%238585f6' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-.fr-toggle--valid label,
-.fr-fieldset--valid .fr-toggle label {
- color: var(--text-default-success);
-}
-
-.fr-toggle--valid label::before,
-.fr-fieldset--valid .fr-toggle label::before {
- color: var(--text-default-success);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle--valid label::before,
-:root[data-fr-theme='dark'] .fr-fieldset--valid .fr-toggle label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%2327a658' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-.fr-toggle--valid label::after,
-.fr-fieldset--valid .fr-toggle label::after {
- box-shadow: inset 0 0 0 1px var(--border-plain-success);
-}
-
-.fr-toggle--valid input[type='checkbox']:checked ~ .fr-toggle__label::before,
-.fr-fieldset--valid .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-toggle--valid input[type='checkbox']:checked ~ .fr-toggle__label::before,
-:root[data-fr-theme='dark'] .fr-fieldset--valid .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg width='40' stroke='%2327a658' height='24' viewBox='0 0 40 24' fill='%238585f6' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='39' height='23' rx='11.5' /></svg>");
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SKIPLINK
-\* ËËËËËËËËË */
-.fr-skiplinks {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- position: absolute;
- top: 0;
- padding: 1rem 0;
- transform: translateY(-100%);
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-skiplinks:focus-within {
- position: relative;
- transform: translateY(0);
-}
-
-.fr-skiplinks__list {
- display: flex;
- flex-direction: column;
- margin: 0 -1rem -1.5rem;
-}
-
-.fr-skiplinks__list > li {
- margin: 0 1rem 1.5rem;
-}
-
-.fr-skiplinks__list > li::before {
- content: none;
-}
-
-.fr-skiplinks__list > li .fr-link {
- font-size: 1rem;
- line-height: 1.5rem;
- padding: 0 0;
-}
-
-.fr-skiplinks__list > li .fr-link::before,
-.fr-skiplinks__list > li .fr-link::after {
- --icon-size: 1rem;
-}
-
-.fr-skiplinks__list:focus-within {
- position: relative;
- transform: translateY(0);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SELECT
-\* ËËËËËËËËË */
-.fr-select {
- display: block;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- width: 100%;
- border-radius: 0.25rem 0.25rem 0 0;
- font-size: 1rem;
- line-height: 1.5rem;
- padding: 0.5rem 2.5rem 0.5rem 1rem;
- background-repeat: no-repeat;
- background-position: calc(100% - 0.5rem) 50%;
- background-size: 1.5rem 1.5rem;
- color: var(--text-title-grey);
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
- box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
- background-image: var(--data-uri-svg); /**
-* Mixin pour gérer l'état disabled
-*/
- /**
- * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
- * sur les navigateurs webkit.
- */
- /**
- * Mixin pour gérer l'état disabled
- */
- /**
- * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
- * sur les navigateurs webkit.
- */
-}
-
-.fr-select-group {
- position: relative;
-}
-
-.fr-select-group .fr-message:first-child {
- margin-top: 0.5rem;
-}
-
-.fr-select-group--valid::before,
-.fr-select-group--error::before,
-.fr-select-group--info::before {
- content: '';
- display: block;
- pointer-events: none;
- position: absolute;
- top: 0;
- right: -0.75rem;
- bottom: 0;
- left: -0.75rem;
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 0.125rem 100%;
-}
-
-:root[data-fr-theme='dark'] .fr-select {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23fff' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
-}
-
-.fr-fieldset--valid .fr-select,
-.fr-select-group--valid .fr-select {
- box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
-}
-
-.fr-fieldset--error .fr-select,
-.fr-select-group--error .fr-select {
- box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
-}
-
-.fr-select-group--error::before {
- background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
-}
-
-.fr-select-group--valid::before {
- background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
-}
-
-.fr-select-group--info::before {
- background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
-}
-
-.fr-select:disabled {
- color: var(--text-disabled-grey);
- box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
- background-image: var(--data-uri-svg);
-}
-
-:root[data-fr-theme='dark'] .fr-select:disabled {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23666' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
-}
-
-.fr-select:-webkit-autofill,
-.fr-select:-webkit-autofill:hover,
-.fr-select:-webkit-autofill:focus {
- box-shadow:
- inset 0 -2px 0 0 var(--border-plain-grey),
- inset 0 0 0 1000px var(--background-contrast-blue-france);
- -webkit-text-fill-color: var(--text-label-grey);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- CALLOUT
-\* ËËËËËËËËË */
-.fr-callout {
- position: relative;
- padding: 1.5rem;
- --title-spacing: 0 0 0.5rem;
- --text-spacing: 0;
- margin: 0 0 1.5rem;
- /**
- * Inclusion de l'icône (optionnel)
- */
- /**
- * Ajout de marge quand on inclut un bouton (optionnel)
- */
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
-}
-
-.fr-callout[class^='fr-icon-']::before,
-.fr-callout[class*=' fr-icon-']::before,
-.fr-callout[class^='fr-fi-']::before,
-.fr-callout[class*=' fr-fi-']::before {
- display: block;
- margin: -0.5rem 0 0.5rem;
-}
-
-.fr-callout__title {
- font-weight: 700;
- font-size: 1.375rem;
- line-height: 1.75rem;
- color: var(--text-title-grey);
-}
-
-.fr-callout__text {
- font-size: 1.125rem;
- line-height: 1.75rem;
-}
-
-.fr-callout .fr-btn {
- margin-top: 1rem;
-}
-
-.fr-callout::before {
- color: var(--text-title-grey);
-}
-
-.fr-callout--green-tilleul-verveine {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-tilleul-verveine);
- background-color: var(--background-contrast-green-tilleul-verveine);
- --idle: transparent;
- --hover: var(--background-contrast-green-tilleul-verveine-hover);
- --active: var(--background-contrast-green-tilleul-verveine-active);
-}
-
-.fr-callout--green-bourgeon {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-bourgeon);
- background-color: var(--background-contrast-green-bourgeon);
- --idle: transparent;
- --hover: var(--background-contrast-green-bourgeon-hover);
- --active: var(--background-contrast-green-bourgeon-active);
-}
-
-.fr-callout--green-emeraude {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-emeraude);
- background-color: var(--background-contrast-green-emeraude);
- --idle: transparent;
- --hover: var(--background-contrast-green-emeraude-hover);
- --active: var(--background-contrast-green-emeraude-active);
-}
-
-.fr-callout--green-menthe {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-menthe);
- background-color: var(--background-contrast-green-menthe);
- --idle: transparent;
- --hover: var(--background-contrast-green-menthe-hover);
- --active: var(--background-contrast-green-menthe-active);
-}
-
-.fr-callout--green-archipel {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-archipel);
- background-color: var(--background-contrast-green-archipel);
- --idle: transparent;
- --hover: var(--background-contrast-green-archipel-hover);
- --active: var(--background-contrast-green-archipel-active);
-}
-
-.fr-callout--blue-ecume {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-ecume);
- background-color: var(--background-contrast-blue-ecume);
- --idle: transparent;
- --hover: var(--background-contrast-blue-ecume-hover);
- --active: var(--background-contrast-blue-ecume-active);
-}
-
-.fr-callout--blue-cumulus {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-cumulus);
- background-color: var(--background-contrast-blue-cumulus);
- --idle: transparent;
- --hover: var(--background-contrast-blue-cumulus-hover);
- --active: var(--background-contrast-blue-cumulus-active);
-}
-
-.fr-callout--purple-glycine {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-purple-glycine);
- background-color: var(--background-contrast-purple-glycine);
- --idle: transparent;
- --hover: var(--background-contrast-purple-glycine-hover);
- --active: var(--background-contrast-purple-glycine-active);
-}
-
-.fr-callout--pink-macaron {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-macaron);
- background-color: var(--background-contrast-pink-macaron);
- --idle: transparent;
- --hover: var(--background-contrast-pink-macaron-hover);
- --active: var(--background-contrast-pink-macaron-active);
-}
-
-.fr-callout--pink-tuile {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-tuile);
- background-color: var(--background-contrast-pink-tuile);
- --idle: transparent;
- --hover: var(--background-contrast-pink-tuile-hover);
- --active: var(--background-contrast-pink-tuile-active);
-}
-
-.fr-callout--yellow-tournesol {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-tournesol);
- background-color: var(--background-contrast-yellow-tournesol);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-tournesol-hover);
- --active: var(--background-contrast-yellow-tournesol-active);
-}
-
-.fr-callout--yellow-moutarde {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-moutarde);
- background-color: var(--background-contrast-yellow-moutarde);
- --idle: transparent;
- --hover: var(--background-contrast-yellow-moutarde-hover);
- --active: var(--background-contrast-yellow-moutarde-active);
-}
-
-.fr-callout--orange-terre-battue {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-orange-terre-battue);
- background-color: var(--background-contrast-orange-terre-battue);
- --idle: transparent;
- --hover: var(--background-contrast-orange-terre-battue-hover);
- --active: var(--background-contrast-orange-terre-battue-active);
-}
-
-.fr-callout--brown-cafe-creme {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-cafe-creme);
- background-color: var(--background-contrast-brown-cafe-creme);
- --idle: transparent;
- --hover: var(--background-contrast-brown-cafe-creme-hover);
- --active: var(--background-contrast-brown-cafe-creme-active);
-}
-
-.fr-callout--brown-caramel {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-caramel);
- background-color: var(--background-contrast-brown-caramel);
- --idle: transparent;
- --hover: var(--background-contrast-brown-caramel-hover);
- --active: var(--background-contrast-brown-caramel-active);
-}
-
-.fr-callout--brown-opera {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-opera);
- background-color: var(--background-contrast-brown-opera);
- --idle: transparent;
- --hover: var(--background-contrast-brown-opera-hover);
- --active: var(--background-contrast-brown-opera-active);
-}
-
-.fr-callout--beige-gris-galet {
- box-shadow: inset 0.25rem 0 0 0 var(--border-default-beige-gris-galet);
- background-color: var(--background-contrast-beige-gris-galet);
- --idle: transparent;
- --hover: var(--background-contrast-beige-gris-galet-hover);
- --active: var(--background-contrast-beige-gris-galet-active);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- MODAL
-\* ËËËËËËËËË */
-.fr-modal {
- border: none;
- color: inherit;
- visibility: hidden;
- opacity: 0;
- background-color: rgba(22, 22, 22, 0.64);
- --ground: 2000;
- z-index: 1750;
- padding: 0;
- margin: 0;
- display: flex;
- flex-direction: column;
- align-items: stretch;
- justify-content: space-between;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- transition:
- opacity 0.3s,
- visibility 0.3s;
- /**
- * Modifier pour fixer la modale en haut en mobile (par defaut en bas)
- */
-}
-
-.fr-modal > .fr-container {
- pointer-events: none;
-}
-
-.fr-modal:focus {
- outline: none;
-}
-
-.fr-modal::before {
- content: '';
- display: block;
- width: 0;
- height: 2rem;
- flex: 1 0 2rem;
-}
-
-.fr-modal::after {
- content: none;
- display: block;
- width: 0;
- height: 2rem;
- flex: 1 0 2rem;
-}
-
-.fr-modal--top::before {
- content: none;
-}
-
-.fr-modal--top::after {
- content: '';
-}
-
-.fr-modal--opened {
- visibility: inherit;
- opacity: 1;
- width: 100%;
- height: 100%;
- transition:
- opacity 0.3s,
- visibility 0.3s;
-}
-
-.fr-modal__body {
- --modal-max-height: calc(100vh - 2rem);
- pointer-events: all;
- overflow-y: auto;
- flex: 1 1 auto;
- max-height: var(--modal-max-height);
- z-index: calc(var(--ground) + 2000);
- background-color: var(--background-lifted-grey);
- --idle: transparent;
- --hover: var(--background-lifted-grey-hover);
- --active: var(--background-lifted-grey-active);
- filter: drop-shadow(var(--lifted-shadow));
-}
-
-.fr-modal__header {
- flex: auto 0 0;
- display: flex;
- align-items: center;
- padding: 1rem 1rem 0.5rem;
-}
-
-.fr-modal__content {
- padding-left: 1rem;
- padding-right: 1rem;
- margin-bottom: 3.5rem;
-}
-
-.fr-modal__footer {
- flex: auto 0 0;
- display: flex;
- padding: 1rem;
- margin-top: -2.5rem;
- position: sticky;
- bottom: 0;
- transition: box-shadow 0.3s;
- background-color: var(--background-lifted-grey);
- --idle: transparent;
- --hover: var(--background-lifted-grey-hover);
- --active: var(--background-lifted-grey-active);
-}
-
-.fr-modal__footer .fr-btns-group {
- margin-bottom: -1rem;
- width: calc(100% + 1rem);
-}
-
-.fr-modal__title {
- --title-spacing: 0 0 1rem 0;
- font-size: 1.375rem;
- line-height: 1.75rem;
- font-weight: 700;
- color: var(--text-title-grey);
-}
-
-.fr-modal__title[class^='fr-icon-'],
-.fr-modal__title[class*=' fr-icon-'],
-.fr-modal__title[class^='fr-fi-'],
-.fr-modal__title[class*=' fr-fi-'] {
- margin-right: 0.5rem;
-}
-
-.fr-modal__body.fr-scroll-divider .fr-modal__footer {
- background-position: 0 0;
- background-repeat: no-repeat;
- background-size: 100% 1px;
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- NAVIGATION
-\* ËËËËËËËËË */
-.fr-nav {
- --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;
-}
-
-.fr-nav__list {
- display: flex;
- flex-direction: column;
- margin: 0;
- padding: 0;
-}
-
-.fr-nav__list > .fr-nav__link,
-.fr-nav__list > .fr-nav__btn,
-.fr-nav__list > * > .fr-nav__link,
-.fr-nav__list > * > .fr-nav__btn {
- font-weight: bold;
-}
-
-.fr-nav__item {
- display: flex;
- flex-direction: column;
- align-items: stretch;
- flex: 0 1 auto;
- position: relative;
-}
-
-.fr-nav__item::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow:
- 0 -1px 0 0 var(--border-default-grey),
- inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-nav__item .fr-btn,
-.fr-nav__item .fr-link {
- min-height: 3rem;
-}
-
-.fr-nav__link,
-.fr-nav__btn {
- width: 100%;
- padding: 0.75rem 1rem;
- font-size: 1rem;
- line-height: 1.5rem;
- text-align: left;
- --hover-tint: var(--hover);
- --active-tint: var(--active);
- color: var(--text-action-high-grey);
-}
-
-.fr-nav__link[aria-current],
-.fr-nav__btn[aria-current] {
- position: relative;
- color: var(--text-active-blue-france);
-}
-
-.fr-nav__link[aria-current]::before,
-.fr-nav__btn[aria-current]::before {
- content: '';
- display: block;
- position: absolute;
- top: 50%;
- left: 0;
- width: 2px;
- height: 1.5rem;
- margin-top: -0.75rem;
- background-color: var(--background-active-blue-france);
- --idle: transparent;
- --hover: var(--background-active-blue-france-hover);
- --active: var(--background-active-blue-france-active);
-}
-
-.fr-nav__link {
- display: block;
-}
-
-.fr-nav__link[aria-current]:not([href]) {
- pointer-events: none;
- cursor: default;
-}
-
-.fr-nav__btn {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-direction: row;
-}
-
-.fr-nav__btn::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%;
- -webkit-mask-image: url('icons/system/arrow-down-s-line.svg');
- mask-image: url('icons/system/arrow-down-s-line.svg');
- --icon-size: 1rem;
- content: '';
- margin-left: 0.5rem;
- margin-right: 0;
- transition: transform 0.3s;
-}
-
-.fr-nav__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
-}
-
-.fr-menu {
- margin: -4px -1rem;
- padding: 4px 1rem;
- width: auto;
-}
-
-.fr-menu.fr-collapsing {
- margin-top: 0;
- padding-top: 0;
-}
-
-.fr-menu__list {
- margin: 0;
- padding: 0 1rem 1rem;
-}
-
-.fr-menu .fr-nav__link {
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-.fr-menu .fr-nav__link::before {
- left: 0;
-}
-
-.fr-mega-menu:focus {
- outline: none;
-}
-
-.fr-mega-menu > .fr-container {
- padding: 0.5rem 1rem 0;
-}
-
-.fr-mega-menu .fr-btn--close {
- display: none;
-}
-
-.fr-mega-menu .fr-nav__link {
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-.fr-mega-menu .fr-nav__link::before {
- left: 0;
-}
-
-.fr-mega-menu__leader {
- --underline-img: linear-gradient(0deg, currentColor, currentColor);
- padding-top: 0.5rem;
- --text-spacing: 0 0 0.5rem;
- --title-spacing: 0 0 0.5rem;
-}
-
-.fr-mega-menu__category {
- font-weight: 700;
-}
-
-.fr-mega-menu__list {
- padding-bottom: 1rem;
- position: relative;
-}
-
-.fr-mega-menu__list::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow: 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-nav__btn[aria-expanded='true']:not(:disabled) {
- background-color: var(--background-open-blue-france);
- --idle: transparent;
- --hover: var(--background-open-blue-france-hover);
- --active: var(--background-open-blue-france-active);
- color: var(--text-active-blue-france);
-}
-
-.fr-nav__item:first-child::before {
- box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-nav__item:last-child::before {
- box-shadow: 0 -1px 0 0 var(--border-default-grey);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SHARE
-\* ËËËËËËËËË */
-.fr-share {
- display: flex;
- flex-direction: column;
- --text-spacing: 0 0 1rem;
- --title-spacing: 0 0 1rem;
-}
-
-.fr-share__title {
- font-size: 1rem;
- line-height: 1.5rem;
- order: 1;
-}
-
-.fr-share__text {
- font-size: 0.75rem;
- line-height: 1.25rem;
- order: 3;
-}
-
-.fr-share .fr-btns-group {
- width: auto;
- order: 2;
-}
-
-.fr-share .fr-btns-group .fr-btn {
- width: auto;
- max-width: 100%;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- justify-content: flex-start;
-}
-
-.fr-share .fr-btns-group > li {
- display: inline-flex;
- max-width: 100%;
- width: auto;
-}
-
-.fr-share .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;
- overflow: hidden;
- white-space: nowrap;
- max-width: 2.5rem;
- max-height: 2.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
-}
-
-.fr-share .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-'])::before {
- 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%;
- --icon-size: 1.5rem;
- content: '';
-}
-
-.fr-btn--facebook::before {
- -webkit-mask-image: url('icons/logo/facebook-circle-line.svg');
- mask-image: url('icons/logo/facebook-circle-line.svg');
-}
-
-.fr-btn--linkedin::before {
- -webkit-mask-image: url('icons/logo/linkedin-box-line.svg');
- mask-image: url('icons/logo/linkedin-box-line.svg');
-}
-
-.fr-btn--mastodon::before {
- -webkit-mask-image: url('icons/logo/mastodon-line.svg');
- mask-image: url('icons/logo/mastodon-line.svg');
-}
-
-.fr-btn--threads::before {
- -webkit-mask-image: url('icons/logo/threads-line.svg');
- mask-image: url('icons/logo/threads-line.svg');
-}
-
-.fr-btn--twitter::before {
- -webkit-mask-image: url('icons/logo/twitter-line.svg');
- mask-image: url('icons/logo/twitter-line.svg');
-}
-
-.fr-btn--twitter-x::before {
- -webkit-mask-image: url('icons/logo/twitter-x-line.svg');
- mask-image: url('icons/logo/twitter-x-line.svg');
-}
-
-.fr-btn--mail::before {
- -webkit-mask-image: url('icons/business/mail-line.svg');
- mask-image: url('icons/business/mail-line.svg');
-}
-
-.fr-btn--copy::before {
- -webkit-mask-image: url('icons/business/links-fill.svg');
- mask-image: url('icons/business/links-fill.svg');
-}
-
-.fr-share__group {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- margin-left: -0.5rem;
- margin-right: -0.5rem;
- width: auto;
- order: 2;
- display: flex;
-}
-
-.fr-share__group .fr-btn {
- width: auto;
- max-width: 100%;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-
-.fr-share__group > li {
- display: inline-flex;
- max-width: 100%;
- width: auto;
-}
-
-.fr-share__link {
- --underline-img: none;
- --hover-tint: var(--hover);
- display: inline-flex;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- margin-bottom: 1rem;
- 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-share__link--facebook {
- 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;
-}
-
-.fr-share__link--facebook::before {
- --icon-size: 1.5rem;
- 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('icons/logo/facebook-circle-line.svg');
- mask-image: url('icons/logo/facebook-circle-line.svg');
- content: '';
-}
-
-.fr-share__link--twitter {
- 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;
-}
-
-.fr-share__link--twitter::before {
- --icon-size: 1.5rem;
- 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('icons/logo/twitter-line.svg');
- mask-image: url('icons/logo/twitter-line.svg');
- content: '';
-}
-
-.fr-share__link--linkedin {
- 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;
-}
-
-.fr-share__link--linkedin::before {
- --icon-size: 1.5rem;
- 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('icons/logo/linkedin-box-line.svg');
- mask-image: url('icons/logo/linkedin-box-line.svg');
- content: '';
-}
-
-.fr-share__link--mail {
- 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;
-}
-
-.fr-share__link--mail::before {
- --icon-size: 1.5rem;
- 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('icons/business/mail-line.svg');
- mask-image: url('icons/business/mail-line.svg');
- content: '';
-}
-
-.fr-share__link--copy {
- 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;
-}
-
-.fr-share__link--copy::before {
- --icon-size: 1.5rem;
- 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('icons/business/links-fill.svg');
- mask-image: url('icons/business/links-fill.svg');
- content: '';
-}
-
-.fr-share .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-share .fr-btn:disabled,
-.fr-share 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-share__link:disabled,
-a.fr-share__link: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;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- FOOTER
-\* ËËËËËËËËË */
-.fr-footer {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- width: 100%;
- padding-top: 2.5rem;
- /**
- * Conteneur du bloc marque, avec le logo principal et éventuellement
- * un logo opérateur
- */
- /**
- * Hauteur auto pour le logo opérateur
- */
- /**
- * Contenu texte simple
- */
- /**
- * Liste des liens situés en dessous de la partie texte
- */
- /**
- * Catégorie (optionnel)
- */
- /**
- * Style de la liste
- */
- /**
- * Style du lien
- */
- /**
- * Liste de liens avec séparateur
- */
- /**
- * Style du lien de la liste
- */
- /**
- * Copyright
- */
- /**
- * Container des logos partenaires (principaux et secondaires)
- */
- /**
- * Container des logos partenaires principaux
- */
- /**
- * Container des logos partenaires secondaires
- */
- box-shadow:
- inset 0 2px 0 0 var(--border-plain-blue-france),
- inset 0 -1px 0 0 var(--border-default-grey);
-}
-
-.fr-footer__body {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-wrap: wrap;
- margin-bottom: 1rem;
-}
-
-.fr-footer__body + .fr-footer__bottom {
- margin-top: 1rem;
-}
-
-.fr-footer__brand {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-basis: 100%;
- /**
- * Si on ajoute un logo opérateur à côté du logo principal, on lui applique une marge à gauche
- * On prévoit que le logo soit encapsulé dans un <a>, ou bien directement en img ou en svg
- * (Eventuellement prévoir une classe pour pouvoir le mettre en background image)
- */
-}
-
-.fr-footer__brand .fr-logo {
- font-size: 1.05rem;
- padding: 1rem;
- margin: -1rem;
-}
-
-.fr-footer__brand .fr-logo::before {
- width: 2.75rem;
- height: 1rem;
- margin-bottom: 0.3333333333rem;
- background-size:
- 2.75rem 1.125rem,
- 2.75rem 1rem,
- 0;
- background-position:
- 0 -0.0625rem,
- 0 0,
- 0 0;
-}
-
-:root[data-fr-mourning] .fr-footer__brand .fr-logo::before {
- background-size:
- 2.75rem 1.125rem,
- 0,
- 2.75rem 1rem;
-}
-
-.fr-footer__brand .fr-logo::after {
- min-width: 2.625rem;
- background-size: 5.25rem 3.75rem;
- background-position: 0 calc(100% + 1.875rem);
- padding-top: 2.2083333333rem;
-}
-
-[data-fr-theme='dark'] .fr-footer__brand .fr-logo::after {
- background-position: -2.625rem 100%;
-}
-
-.fr-footer__brand-link {
- display: flex;
- flex-direction: row;
-}
-
-.fr-footer__brand .fr-logo + .fr-footer__brand-link {
- margin-left: 1.5rem;
-}
-
-.fr-footer__logo {
- height: auto;
- max-height: 100%;
-}
-
-/**
- * La partie "content" représente les informations sous forme de texte rajoutées dans le footer
- * ainsi que les éventuels liens simples
- */
-.fr-footer__content {
- display: flex;
- flex-wrap: wrap;
- flex-basis: 100%;
- margin-top: 1.5rem;
-}
-
-.fr-footer__content-desc {
- --underline-img: linear-gradient(0deg, currentColor, currentColor);
- --text-spacing: 0 0 0.5rem 0;
- width: 100%;
- font-size: 0.875rem;
- line-height: 1.5rem;
-}
-
-.fr-footer__content-list {
- display: flex;
- flex-direction: row;
- align-self: center;
- flex-wrap: wrap;
-}
-
-.fr-footer__content-list > li {
- margin-right: 1rem;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
-}
-
-.fr-footer__content-list > li::before {
- content: none;
-}
-
-.fr-footer__content-list > li:last-child {
- margin-right: 0;
-}
-
-.fr-footer__content-link {
- font-weight: bold;
- font-size: 0.875rem;
- line-height: 1.5rem;
-}
-
-.fr-footer__content-link:not(:hover):not(:active) {
- --underline-idle-width: 0;
-}
-
-/**
- * La partie "top" du footer est constituée de colonnes basées sur le système de grille du Design System
- * Ces colonnes sont constituées d’une catégorie (optionnel) et d'une liste verticale de liens
- */
-.fr-footer__top {
- display: flex;
- margin: -2.375rem 0 1rem;
- padding: 2rem 0 1rem;
- background-color: var(--background-alt-grey);
- --idle: transparent;
- --hover: var(--background-alt-grey-hover);
- --active: var(--background-alt-grey-active);
-}
-
-.fr-footer__top-cat {
- margin: 0 0 0.75rem;
- font-size: 0.75rem;
- line-height: 1.25rem;
- display: block;
- font-weight: 700;
- text-align: left;
-}
-
-.fr-footer__top-list {
- margin: 0;
-}
-
-.fr-footer__top-list li {
- margin-bottom: 0.75rem;
-}
-
-.fr-footer__top-link {
- font-size: 0.75rem;
- line-height: 1.25rem;
-}
-
-.fr-footer__top-link:not(:hover):not(:active) {
- --underline-idle-width: 0;
-}
-
-/**
- * La partie "bottom" du footer est constituée d'une liste de liens simples (ferrée à gauche)
- * ainsi que du copyright (ferré à droite)
- */
-.fr-footer__bottom {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-wrap: wrap;
- margin-top: 2.5rem;
- box-shadow: inset 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-footer__bottom .fr-btn {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.25rem;
- padding: 0 0.5rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- color: var(--text-mention-grey);
-}
-
-.fr-footer__bottom .fr-btn::before {
- --icon-size: 1rem;
- margin-left: -0.125rem;
- margin-right: 0.5rem;
-}
-
-.fr-footer__bottom-list {
- padding: 0.5rem 0 1rem;
- width: 100%;
- margin: 0;
-}
-
-.fr-footer__bottom-item {
- position: relative;
- margin: 0.5rem 0 0 0.25rem;
- display: inline;
-}
-
-.fr-footer__bottom-item::before {
- content: '';
- display: inline-block;
- vertical-align: middle;
- position: relative;
- width: 1px;
- height: 1rem;
- margin-right: 0.25rem;
- margin-bottom: 0.5rem;
- margin-top: 0.5rem;
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-footer__bottom-item:first-child {
- margin: 0.5rem 0 0;
-}
-
-.fr-footer__bottom-item:first-child::before {
- content: none;
-}
-
-.fr-footer__bottom-link {
- font-size: 0.75rem;
- line-height: 1.25rem;
- color: var(--text-mention-grey);
-}
-
-.fr-footer__bottom-link:not(:hover):not(:active) {
- --underline-idle-width: 0;
-}
-
-.fr-footer__bottom-copy {
- --text-spacing: 0 0 1rem 0;
- margin-top: 0.5rem;
- color: var(--text-mention-grey);
-}
-
-.fr-footer__bottom-copy * {
- font-size: 0.75rem;
- line-height: 1.25rem;
-}
-
-/**
- * La partie "partners" du footer est constituée de logos organisés
- * en partenaires principaux (ferré à gauche) et secondaires (ferrés à droite)
- */
-.fr-footer__partners {
- margin-top: 1rem;
- padding-top: 1rem;
- /**
- * On surcharge le style du logo de base
- */
- box-shadow: inset 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-footer__partners a {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.fr-footer__partners .fr-footer__logo {
- width: auto;
- height: auto;
- padding: 0.25rem;
-}
-
-.fr-footer__partners + .fr-footer__bottom {
- margin-top: 0.5rem;
-}
-
-.fr-footer__partners-title {
- --title-spacing: 0 0 0.5rem 0;
- font-size: 0.875rem;
- line-height: 1.5rem;
- flex-basis: 100%;
- text-align: center;
-}
-
-.fr-footer__partners-logos {
- display: flex;
- flex-direction: column;
- flex-wrap: wrap;
- margin: 0 0 -0.5rem 0;
-}
-
-.fr-footer__partners-main {
- display: flex;
- flex-direction: row;
- justify-content: center;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 2rem;
-}
-
-.fr-footer__partners-sub {
- margin-bottom: 0.5rem;
- /**
- * On surcharge le style du lien pour les logos secondaires
- */
-}
-
-.fr-footer__partners-sub,
-.fr-footer__partners-sub > ul {
- display: flex;
- flex-direction: column;
- align-items: center;
- flex-wrap: wrap;
-}
-
-.fr-footer__partners-sub .fr-footer__partners-link {
- margin-bottom: 0.5rem;
-}
-
-.fr-footer__content-link,
-.fr-footer__top-cat {
- color: var(--text-title-grey);
-}
-
-.fr-footer__partners .fr-footer__partners-link,
-.fr-footer__partners .fr-footer__partners-link:hover,
-.fr-footer__partners .fr-footer__partners-link:active {
- background: #fff;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TILE
-\* ËËËËËËËËË */
-.fr-tile {
- position: relative;
- display: flex;
- flex-direction: column;
- --text-spacing: 0;
- --title-spacing: 0 0 0.25rem;
- background-size:
- 100% 1px,
- 1px 100%,
- 1px 100%,
- 100% 1px;
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
- background-position:
- 0 100%,
- 0 0,
- 100% 0,
- 100% 0;
- padding: 2rem 2rem 2.25rem;
- text-align: center;
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-grid-row .fr-tile {
- height: 100%;
-}
-
-.fr-tile.fr-enlarge-link:hover .fr-tile__pictogram {
- --brightness: calc(100% + var(--brighten) * 10%);
-}
-
-.fr-tile.fr-enlarge-link:active .fr-tile__pictogram {
- --brightness: calc(100% + var(--brighten) * 20%);
-}
-
-.fr-tile__header {
- order: 1;
- margin-bottom: 1rem;
-}
-
-.fr-tile__pictogram {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- width: 5rem;
- height: 5rem;
- margin: 0 auto;
- overflow: hidden;
-}
-
-.fr-tile__pictogram > svg {
- width: 100%;
- height: 100%;
-}
-
-.fr-tile__content {
- display: flex;
- flex-direction: column;
- align-items: center;
- height: 100%;
-}
-
-.fr-tile__body {
- height: 100%;
- order: 2;
- flex: 1 1 auto;
-}
-
-.fr-tile.fr-enlarge-link .fr-tile__title a::before,
-.fr-tile.fr-enlarge-link .fr-tile__title a::after {
- --icon-size: 1.5rem;
- position: absolute;
- right: 2rem;
- bottom: 2.25rem;
-}
-
-.fr-tile.fr-enlarge-link.fr-tile--no-icon .fr-tile__title a::after {
- content: none;
-}
-
-.fr-tile__title {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
- margin-bottom: 0.5rem;
- order: 2;
- color: var(--text-title-grey);
-}
-
-.fr-tile__title::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1;
- pointer-events: none;
- background-position: 0 100%;
- background-size: 100% 0.25rem;
- background-repeat: no-repeat;
- background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey));
-}
-
-.fr-tile__title a::before {
- background-position: 0 100%;
- background-size: 100% 0.25rem;
- background-repeat: no-repeat;
- background-image: linear-gradient(0deg, var(--border-active-blue-france), var(--border-active-blue-france));
-}
-
-.fr-tile__title a::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%;
- -webkit-mask-image: url('icons/system/arrow-right-line.svg');
- mask-image: url('icons/system/arrow-right-line.svg');
- --icon-size: 1.5rem;
- content: '';
-}
-
-.fr-tile__title [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%;
- -webkit-mask-image: url('icons/system/external-link-line.svg');
- mask-image: url('icons/system/external-link-line.svg');
- content: '';
-}
-
-.fr-tile__desc {
- font-size: 1rem;
- line-height: 1.5rem;
- flex: 1 1 auto;
- order: 3;
-}
-
-.fr-tile__start {
- order: 1;
- margin-bottom: 0.75rem;
-}
-
-.fr-tile__start .fr-badges-group,
-.fr-tile__start .fr-tags-group {
- margin-bottom: -0.5rem;
-}
-
-.fr-tile__detail {
- font-size: 0.75rem;
- line-height: 1.25rem;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- margin-bottom: 0;
- margin-top: 0.75rem;
- order: 4;
-}
-
-.fr-tile__detail[class^='fr-icon-']::before,
-.fr-tile__detail[class*=' fr-icon-']::before,
-.fr-tile__detail[class^='fr-fi-']::before,
-.fr-tile__detail[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- margin-right: 0.5rem;
-}
-
-.fr-tile.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content {
- padding-bottom: 2.5rem;
-}
-
-.fr-tile--sm {
- padding: 1.5rem 1.5rem 1.75rem;
-}
-
-.fr-tile--sm .fr-badge {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.125rem;
- padding: 0 0.375rem;
-}
-
-.fr-tile--sm .fr-badge::before,
-.fr-tile--sm .fr-badge::after {
- --icon-size: 0.75rem;
-}
-
-.fr-tile--sm .fr-tag {
- font-size: 0.75rem;
- line-height: 1.25rem;
- min-height: 1.5rem;
- padding: 0.125rem 0.5rem;
- border-radius: 0.75rem;
-}
-
-.fr-tile--sm .fr-tag::before,
-.fr-tile--sm .fr-tag::after {
- --icon-size: 0.75rem;
-}
-
-.fr-tile--sm .fr-tile__title {
- font-size: 1rem;
- line-height: 1.5rem;
- margin-bottom: 0.25rem;
-}
-
-.fr-tile--sm .fr-tile__title a::after {
- --icon-size: 1rem;
-}
-
-.fr-tile--sm .fr-tile__desc {
- font-size: 0.875rem;
- line-height: 1.5rem;
-}
-
-.fr-tile--sm .fr-tile__start {
- margin-bottom: 0.5rem;
-}
-
-.fr-tile--sm .fr-tile__pictogram {
- width: 3.5rem;
- height: 3.5rem;
-}
-
-.fr-tile--sm.fr-tile--horizontal .fr-tile__header {
- margin-right: 1.5rem;
-}
-
-.fr-tile--sm.fr-tile--horizontal .fr-tile__pictogram {
- width: 2.5rem;
- height: 2.5rem;
-}
-
-.fr-tile--sm.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__title a::after {
- --icon-size: 1rem;
- position: absolute;
- right: 1.5rem;
- bottom: 1.75rem;
-}
-
-.fr-tile--sm.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content {
- padding-bottom: 2rem;
-}
-
-.fr-tile--horizontal,
-.fr-tile--download {
- flex-direction: row;
- align-items: flex-start;
- justify-content: center;
- text-align: left;
-}
-
-.fr-tile--horizontal .fr-tile__header,
-.fr-tile--download .fr-tile__header {
- margin-right: 2rem;
- margin-bottom: 0;
-}
-
-.fr-tile--horizontal .fr-tile__pictogram,
-.fr-tile--download .fr-tile__pictogram {
- width: 4rem;
- height: 4rem;
-}
-
-.fr-tile--horizontal .fr-tile__content,
-.fr-tile--download .fr-tile__content {
- align-items: flex-start;
-}
-
-.fr-tile--horizontal:not(.fr-tile--no-icon) .fr-tile__detail,
-.fr-tile--download:not(.fr-tile--no-icon) .fr-tile__detail {
- padding-right: 2rem;
- margin-bottom: -2.5rem;
- margin-top: 1.25rem;
-}
-
-.fr-tile--horizontal:not(.fr-tile--no-icon) .fr-tile__content,
-.fr-tile--download:not(.fr-tile--no-icon) .fr-tile__content {
- padding-bottom: 2.5rem;
-}
-
-.fr-tile--horizontal:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__detail,
-.fr-tile--download:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__detail {
- padding-right: 2rem;
- margin-bottom: -2rem;
- margin-top: 0.75rem;
-}
-
-.fr-tile--horizontal:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__content,
-.fr-tile--download:not(.fr-tile--no-icon).fr-tile--sm .fr-tile__content {
- padding-bottom: 2rem;
-}
-
-.fr-tile.fr-tile--download .fr-tile__title a::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%;
- -webkit-mask-image: url('icons/system/download-line.svg');
- mask-image: url('icons/system/download-line.svg');
- content: '';
-}
-
-.fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow) {
- background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)),
- linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
-}
-
-.fr-tile--grey {
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-tile--shadow {
- z-index: calc(var(--ground) + 500);
- 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-tile--shadow.fr-tile--grey {
- background-color: var(--background-contrast-raised-grey);
- --idle: transparent;
- --hover: var(--background-contrast-raised-grey-hover);
- --active: var(--background-contrast-raised-grey-active);
-}
-
-.fr-tile--no-background {
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-.fr-tile__title:disabled,
-a.fr-tile__title: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-tile__title a {
- color: var(--text-action-high-blue-france);
-}
-
-.fr-tile__title a:not([href]) {
- color: var(--text-disabled-grey);
-}
-
-.fr-tile__title a:not([href])::before {
- background-image: linear-gradient(0deg, var(--border-disabled-grey), var(--border-disabled-grey));
-}
-
-.fr-tile__img {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- width: 5rem;
- height: 5rem;
- margin: 0 auto 1.5rem;
- overflow: hidden;
- filter: brightness(var(--brightness));
-}
-
-.fr-tile__img > svg {
- width: 100%;
- height: 100%;
-}
-
-.fr-tile__body > .fr-tile__desc {
- padding-bottom: 2.5rem;
-}
-
-.fr-tile--horizontal .fr-tile__img {
- width: 3rem;
- height: 3rem;
- margin: 0 1.5rem 0 0;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TRANSLATE
-\* ËËËËËËËËË */
-.fr-translate {
- --rows: 8;
- position: relative;
-}
-
-.fr-translate .fr-translate__btn {
- font-size: 1rem;
- line-height: 1.5rem;
- min-height: 2.5rem;
- padding: 0.5rem 1rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- font-weight: 500;
- min-height: 3rem;
- width: 100%;
-}
-
-.fr-translate .fr-translate__btn::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('icons/editor/translate-2.svg');
- mask-image: url('icons/editor/translate-2.svg');
- content: '';
-}
-
-.fr-translate .fr-translate__btn::after {
- transition: transform 0.3s;
- 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('icons/system/arrow-down-s-line.svg');
- mask-image: url('icons/system/arrow-down-s-line.svg');
- --icon-size: 1rem;
- content: '';
- margin-left: auto;
-}
-
-.fr-translate .fr-translate__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
-}
-
-.fr-translate__language {
- white-space: nowrap;
-}
-
-.fr-translate__language[aria-current] {
- display: none;
-}
-
-.fr-translate__menu {
- margin: 0;
-}
-
-.fr-translate .fr-nav__item::before {
- content: none;
-}
-
-.fr-translate .fr-menu__list {
- width: auto;
- padding: 0;
-}
-
-.fr-translate__menu .fr-translate__language {
- box-shadow: none;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- TRANSCRIPTION
-\* ËËËËËËËËË */
-.fr-transcription {
- position: relative;
- width: 100%;
-}
-
-.fr-transcription::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-transcription__btn {
- --text-spacing: 0;
- --title-spacing: 0;
- display: inline-flex;
- flex-direction: row;
- align-items: center;
- width: -moz-fit-content;
- width: fit-content;
- font-weight: 500;
- font-size: 1rem;
- line-height: 1.5rem;
- min-height: 3rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- width: 100%;
- text-align: left;
- margin: 0;
- padding: 0.75rem 1rem;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-transcription__btn::before,
-.fr-transcription__btn::after {
- display: block;
-}
-
-.fr-transcription__btn::after {
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.25rem;
- 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('icons/system/arrow-down-s-line.svg');
- mask-image: url('icons/system/arrow-down-s-line.svg');
- content: '';
- margin-right: 0;
- margin-left: auto;
- transition: transform 0.3s;
-}
-
-.fr-transcription__btn::before {
- content: none;
- 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('icons/media/align-left.svg');
- mask-image: url('icons/media/align-left.svg');
- --icon-size: 1rem;
- content: '';
- margin-right: 0.5rem;
-}
-
-.fr-transcription__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
-}
-
-.fr-transcription__content::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow: inset 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-transcription__footer {
- position: relative;
- padding: 0.75rem 1rem;
- margin: 0;
-}
-
-.fr-transcription__footer::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow: inset 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-transcription__actions-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: center;
- justify-content: flex-end;
- flex-wrap: nowrap;
-}
-
-.fr-transcription__actions-group > li {
- width: 100%;
- display: inline-flex;
- max-width: 100%;
- width: auto;
-}
-
-.fr-transcription__actions-group .fr-btn {
- width: calc(100% - 1rem);
- margin: 0 0.5rem 1rem;
- justify-content: center;
- width: auto;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- font-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 2rem;
- padding: 0.25rem 0.75rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- margin-bottom: 0;
- margin-right: 0;
-}
-
-.fr-transcription__actions-group .fr-btn::after {
- content: '';
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.5rem;
-}
-
-.fr-transcription__actions-group .fr-btn::before {
- content: none;
-}
-
-.fr-transcription__actions-group .fr-link {
- font-size: 0.875rem;
- line-height: 1.5rem;
- padding: 0 0;
-}
-
-.fr-transcription__actions-group .fr-link::before,
-.fr-transcription__actions-group .fr-link::after {
- --icon-size: 1rem;
-}
-
-.fr-transcription__actions-group > *:not(:first-child) {
- margin-left: 1rem;
-}
-
-.fr-transcription .fr-collapse {
- display: flex;
- flex-direction: column-reverse;
-}
-
-.fr-transcription .fr-collapse--expanded {
- margin: 0 0.0625rem;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) {
- visibility: inherit;
- opacity: inherit;
- background-color: inherit;
- position: relative;
- z-index: auto;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened)::after {
- content: none;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened)::before {
- content: '';
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- box-shadow: inset 0 1px 0 0 var(--border-default-grey);
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) > .fr-container {
- padding: 0.0625rem 0;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) > .fr-container > .fr-grid-row {
- display: inherit;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) > .fr-container > .fr-grid-row > [class^='fr-col-'],
-.fr-transcription .fr-modal:not(.fr-modal--opened) > .fr-container > .fr-grid-row > [class*=' fr-col-'],
-.fr-transcription .fr-modal:not(.fr-modal--opened) > .fr-container > .fr-grid-row > .fr-col {
- flex: inherit;
- width: inherit;
- max-width: inherit;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__body {
- filter: inherit;
- max-height: inherit;
- background-color: inherit;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__header {
- display: none;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__content {
- --transcription-max-height: 9.5rem;
- overflow-y: auto;
- max-height: var(--transcription-max-height);
- margin: 0;
- padding: 1rem;
-}
-
-.fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__title {
- display: none;
-}
-
-.fr-transcription .fr-modal--opened .fr-transcription__footer {
- display: none;
-}
-
-.fr-transcription__btn[aria-expanded='true'] {
- background-color: var(--background-open-blue-france);
- --idle: transparent;
- --hover: var(--background-open-blue-france-hover);
- --active: var(--background-open-blue-france-active);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- INPUT
-\* ËËËËËËËËË */
-.fr-input {
- display: block;
- width: 100%;
- border-radius: 0.25rem 0.25rem 0 0;
- font-size: 1rem;
- line-height: 1.5rem;
- padding: 0.5rem 1rem;
- color: var(--text-label-grey);
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
- box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
-}
-
-.fr-input:not(textarea) {
- max-height: 2.5rem;
-}
-
-.fr-input::placeholder {
- opacity: 1;
- font-style: italic;
- color: var(--text-mention-grey);
-}
-
-.fr-input::-webkit-contacts-auto-fill-button {
- cursor: pointer;
- background-color: var(--text-label-grey);
- --idle: transparent;
- --hover: var(--text-label-grey-hover);
- --active: var(--text-label-grey-active);
-}
-
-.fr-input[type='date'] {
- min-height: 2.5rem;
-}
-
-@supports selector(::-webkit-calendar-picker-indicator) {
- .fr-input[type='date'] {
- background-repeat: no-repeat;
- background-position: calc(100% - 0.75rem) 50%;
- background-size: 1rem 1rem;
- padding-right: 2.25rem;
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23161616' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
- background-image: var(--data-uri-svg);
- }
- .fr-input[type='date']::-webkit-calendar-picker-indicator {
- display: block;
- padding: 1rem;
- margin-right: -2.5rem;
- opacity: 0;
- }
-}
-.fr-input-wrap {
- position: relative;
- display: block;
-}
-
-.fr-input-wrap[class^='fr-icon-'] .fr-input,
-.fr-input-wrap[class*=' fr-icon-'] .fr-input,
-.fr-input-wrap[class^='fr-fi-'] .fr-input,
-.fr-input-wrap[class*=' fr-fi-'] .fr-input {
- padding-right: 2.5rem;
-}
-
-.fr-input-wrap[class^='fr-icon-']::before,
-.fr-input-wrap[class*=' fr-icon-']::before,
-.fr-input-wrap[class^='fr-fi-']::before,
-.fr-input-wrap[class*=' fr-fi-']::before {
- --icon-size: 1rem;
- position: absolute;
- top: 0.75rem;
- right: 0.75rem;
- bottom: 0.75rem;
- margin: auto;
- pointer-events: none;
-}
-
-.fr-input-wrap--addon,
-.fr-input-wrap--action {
- display: flex;
- flex-direction: row;
- width: 100%;
-}
-
-.fr-input-wrap--addon > *:first-child:not(:last-child) {
- border-radius: 0.25rem 0 0 0;
-}
-
-.fr-input-wrap--addon > *:last-child:not(:first-child) {
- border-radius: 0 0.25rem 0 0;
-}
-
-.fr-input-wrap--action .fr-btn {
- margin-left: 1rem;
-}
-
-.fr-input-wrap + .fr-hint-text {
- margin-top: 1rem;
-}
-
-.fr-input-group {
- position: relative;
-}
-
-.fr-input-group .fr-message:first-child {
- margin-top: 0.5rem;
-}
-
-.fr-input-group--valid::before,
-.fr-input-group--error::before,
-.fr-input-group--info::before {
- content: '';
- display: block;
- pointer-events: none;
- position: absolute;
- top: 0;
- right: -0.75rem;
- bottom: 0;
- left: -0.75rem;
- background-repeat: no-repeat;
- background-position: 0 0;
- background-size: 0.125rem 100%;
-}
-
-textarea.fr-input {
- min-height: 3.75rem;
-}
-
-.fr-input:disabled {
- color: var(--text-disabled-grey);
- box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
-}
-
-.fr-input:autofill,
-.fr-input:autofill:hover,
-.fr-input:autofill:focus,
-.fr-input:-webkit-autofill,
-.fr-input:-webkit-autofill:hover,
-.fr-input:-webkit-autofill:focus {
- box-shadow:
- inset 0 -2px 0 0 var(--border-plain-grey),
- inset 0 0 0 1000px var(--background-contrast-info);
- -webkit-text-fill-color: var(--text-label-grey);
-}
-
-@supports selector(::-webkit-calendar-picker-indicator) {
- :root[data-fr-theme='dark'] .fr-input[type='date'] {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23fff' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
- }
- .fr-input[type='date']:disabled {
- color: var(--text-disabled-grey);
- box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23929292' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
- background-image: var(--data-uri-svg);
- }
- :root[data-fr-theme='dark'] .fr-input[type='date']:disabled {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23666' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
- }
-}
-.fr-fieldset--valid .fr-input,
-.fr-input-group--valid .fr-input {
- box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
-}
-
-.fr-fieldset--error .fr-input,
-.fr-input-group--error .fr-input {
- box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
-}
-
-.fr-input-group--error::before {
- background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
-}
-
-.fr-input-group--valid::before {
- background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
-}
-
-.fr-input-group--info::before {
- background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
-}
-
-.fr-input-wrap--addon > *:not(:last-child).fr-input:not(.fr-input--valid):not(.fr-input--error) {
- box-shadow: inset 0 -2px 0 0 var(--border-action-high-blue-france);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- SEARCH
-\* ËËËËËËËËË */
-.fr-search-bar {
- display: flex;
- flex-direction: row;
-}
-
-.fr-search-bar .fr-label {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
-}
-
-.fr-search-bar .fr-input {
- margin: 0;
- border-radius: 0.25rem 0 0;
- max-height: 2.5rem;
- /* TODO: intégrer la croix en background pour effacer la search bar
- &::-webkit-search-cancel-button {
- -webkit-appearance: none;
- }
- */
- box-shadow: inset 0 -2px 0 0 var(--border-action-high-blue-france);
- /**
- * Modificateur pour le champ validés
- */
- /**
- * Modificateur pour le champ présentant des erreurs
- */
- /**
- * Modificateur pour le champ validés
- */
- /**
- * Modificateur pour le champ présentant des erreurs
- */
-}
-
-.fr-search-bar .fr-input::placeholder {
- font-style: italic;
-}
-
-.fr-search-bar .fr-btn {
- 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;
- flex: 1 0 auto;
- border-radius: 0 0.25rem 0 0;
-}
-
-.fr-search-bar .fr-btn::before {
- --icon-size: 1.5rem;
- 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('icons/system/search-line.svg');
- mask-image: url('icons/system/search-line.svg');
- content: '';
-}
-
-.fr-search-bar .fr-input--valid {
- box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
-}
-
-.fr-search-bar .fr-input--error {
- box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- CONTENT
-\* ËËËËËËËËË */
-.fr-content-media {
- width: 100%;
- margin: 2.5rem 0;
- display: flex;
- flex-direction: column;
- align-items: center;
- --text-spacing: 0;
- --title-spacing: 0;
-}
-
-.fr-content-media__img {
- width: 100%;
-}
-
-.fr-content-media [class^='fr-responsive-img'],
-.fr-content-media [class*=' fr-responsive-img'],
-.fr-content-media [class^='fr-responsive-vid'],
-.fr-content-media [class*=' fr-responsive-vid'] {
- aspect-ratio: 1.7777777778;
-}
-
-.fr-content-media__caption {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin-top: 0.75rem;
- font-size: 0.75rem;
- line-height: 1.25rem;
-}
-
-.fr-content-media__caption .fr-link {
- font-size: 0.75rem;
- line-height: 1.25rem;
- padding: 0 0;
- margin-right: auto;
-}
-
-.fr-content-media__caption .fr-link::before,
-.fr-content-media__caption .fr-link::after {
- --icon-size: 0.75rem;
-}
-
-.fr-content-media .fr-transcription {
- margin-top: 1.5rem;
-}
-
-.fr-content-media--sm .fr-content-media__img,
-.fr-content-media--sm .fr-responsive-vid {
- width: 83.3333333333%;
-}
-
-.fr-content-media--lg .fr-content-media__img,
-.fr-content-media--lg .fr-responsive-vid {
- width: 116.6666666667%;
- max-width: 100vw;
-}
-
-.fr-content-media__transcription .fr-link {
- font-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 2rem;
- padding: 0.25rem 0.75rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- --underline-img: none;
- --hover-tint: var(--hover);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-content-media__transcription .fr-link::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('icons/system/menu-2-fill.svg');
- mask-image: url('icons/system/menu-2-fill.svg');
- content: '';
-}
-
-.fr-content-media__transcription .fr-link::before {
- content: none;
-}
-
-.fr-content-media__caption,
-.fr-content-media .fr-link {
- color: var(--text-mention-grey);
-}
-
-.fr-content-media__transcription .fr-link:disabled,
-.fr-content-media__transcription a.fr-link:not([href]) {
- color: var(--text-disabled-grey);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- CONSENT MAIN
-\* ËËËËËËËËË */
-.fr-consent-placeholder {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding: 5rem 2rem;
- text-align: center;
- --text-spacing: 0 0 1.5rem;
- --title-spacing: 0 0 0.5rem;
- background-color: var(--background-contrast-grey);
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover);
- --active: var(--background-contrast-grey-active);
-}
-
-.fr-consent-banner {
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100%;
- max-height: calc(100% - 8rem);
- padding: 1rem;
- overflow: auto;
- --text-spacing: 0 0 1rem;
- --title-spacing: 0 0 1rem;
- z-index: calc(var(--ground) + 1500);
- background-color: var(--background-alt-overlap-grey);
- --idle: transparent;
- --hover: var(--background-alt-overlap-grey-hover);
- --active: var(--background-alt-overlap-grey-active);
- filter: drop-shadow(var(--overlap-shadow));
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-consent-banner__title {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
- margin-bottom: 1rem;
-}
-
-.fr-consent-banner__buttons {
- margin-top: 1.5rem;
- margin-bottom: -1rem;
-}
-
-.fr-consent-service {
- position: relative;
-}
-
-.fr-consent-service > .fr-fieldset {
- padding: 0 0 1.25rem;
- margin: 0;
- align-items: flex-start;
- display: flex;
- flex-direction: column;
- width: 100%;
- position: initial;
-}
-
-.fr-consent-service:last-child > .fr-fieldset {
- padding: 2rem 0 1rem;
-}
-
-.fr-consent-service:last-child > .fr-fieldset .fr-consent-service > .fr-fieldset:last-child {
- margin-bottom: 0;
-}
-
-.fr-consent-service__title {
- font-weight: 700;
- font-size: 1.125rem;
- line-height: 1.5rem;
- padding: 2rem 0 0.75rem;
- margin: 0;
-}
-
-.fr-consent-service__desc {
- font-size: 0.875rem;
- line-height: 1.5rem;
- --text-spacing: 0.75rem 0 0.5rem 0;
-}
-
-.fr-consent-service__collapse {
- margin-top: -0.25rem;
- margin-bottom: 0.75rem;
- width: 100%;
-}
-
-.fr-consent-service__collapse .fr-consent-service__collapse-btn {
- font-size: 0.875rem;
- line-height: 1.5rem;
- padding: 0 0;
- overflow: initial;
- max-width: 100%;
- max-height: none;
-}
-
-.fr-consent-service__collapse .fr-consent-service__collapse-btn::after {
- --icon-size: 1rem;
- margin-right: -0.125rem;
- margin-left: 0.25rem;
- 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('icons/system/arrow-down-s-line.svg');
- mask-image: url('icons/system/arrow-down-s-line.svg');
- content: '';
-}
-
-.fr-consent-service__collapse .fr-consent-service__collapse-btn::before {
- content: none;
-}
-
-.fr-consent-service__radios {
- margin-top: 0.75rem;
- margin-bottom: 0.75rem;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
-}
-
-.fr-consent-service .fr-radio-group {
- position: relative;
-}
-
-.fr-consent-service .fr-radio-group:not(:last-child) input[type='radio'] + label {
- margin-right: 3rem;
-}
-
-.fr-consent-service .fr-radio-group:not(:first-child)::before {
- content: '';
- display: block;
- width: 1px;
- height: 1.5rem;
- position: absolute;
- top: 0;
- left: calc(-1.5rem - 1px);
-}
-
-.fr-consent-service .fr-consent-service__collapse-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);
- background: transparent;
- padding: 0;
- color: inherit;
- --hover-tint: var(--idle);
- --active-tint: var(--idle);
- 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);
- color: var(--text-action-high-blue-france);
-}
-
-.fr-consent-service .fr-consent-service__collapse-btn::before,
-.fr-consent-service .fr-consent-service__collapse-btn::after {
- display: block;
-}
-
-.fr-consent-service .fr-consent-service__collapse-btn:hover,
-.fr-consent-service .fr-consent-service__collapse-btn:active {
- --underline-hover-width: var(--underline-max-width);
-}
-
-.fr-consent-service .fr-consent-service__collapse-btn::after {
- margin-right: -1.25rem;
- transition: transform 0.3s;
-}
-
-.fr-consent-service .fr-consent-service__collapse-btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
-}
-
-.fr-consent-services {
- margin-top: 0.5rem;
- margin-bottom: -0.5rem;
- width: 100%;
-}
-
-.fr-consent-services .fr-consent-service > .fr-fieldset,
-.fr-consent-services .fr-consent-service:last-child > .fr-fieldset {
- padding: 0;
-}
-
-.fr-consent-services .fr-consent-service:last-child > .fr-fieldset {
- margin-bottom: 1.25rem;
-}
-
-.fr-consent-services .fr-consent-service__title {
- padding-top: 0.75rem;
-}
-
-.fr-consent-services .fr-consent-service__radios {
- top: 0;
-}
-
-.fr-consent-services .fr-consent-service__desc {
- --text-spacing: 0.25rem 0 0.75rem 0;
-}
-
-.fr-consent-manager__header {
- padding-top: 0;
-}
-
-.fr-consent-manager__header .fr-consent-service__title {
- width: 100%;
- padding: 0 0 0.75rem 0;
- font-size: 1rem;
- line-height: 1.5rem;
- font-weight: 400;
-}
-
-.fr-consent-manager__header .fr-consent-service__radios {
- width: 100%;
- justify-content: flex-start;
- top: 0;
- position: initial;
-}
-
-.fr-consent-manager__buttons {
- margin-bottom: -3rem;
- margin-top: 1rem;
-}
-
-.fr-consent-manager__header,
-.fr-consent-service {
- box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
- color: var(--text-default-grey);
-}
-
-.fr-consent-manager__header .fr-radio-group + .fr-radio-group::before,
-.fr-consent-service .fr-radio-group + .fr-radio-group::before {
- box-shadow: inset 0 0 0 1px var(--border-default-grey);
-}
-
-.fr-consent-service:last-of-type,
-.fr-consent-service .fr-consent-service {
- box-shadow: none;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- FOLLOW
-\* ËËËËËËËËË */
-/**
-* Mixin d'ajout des icones des réseaux sociaux
-**/
-/**
-* Mixin d'ajout des icones des réseaux sociaux
-**/
-.fr-follow {
- padding: 1.5rem 0;
- --title-spacing: 0 0 0.5rem;
- --text-spacing: 0 0 1rem;
- background-color: var(--background-alt-blue-france);
- --idle: transparent;
- --hover: var(--background-alt-blue-france-hover);
- --active: var(--background-alt-blue-france-active);
-}
-
-.fr-follow__newsletter .fr-input-group {
- margin-bottom: 1rem;
-}
-
-.fr-follow__newsletter .fr-hint-text {
- margin-bottom: 0;
-}
-
-.fr-follow__newsletter .fr-label {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
-}
-
-.fr-follow__newsletter .fr-input-wrap {
- display: flex;
- flex-direction: column;
- max-width: 37.5rem;
- margin-top: 0;
-}
-
-.fr-follow__newsletter .fr-input-wrap .fr-input {
- margin-bottom: 1rem;
- margin-top: 0;
- border-radius: 0.25rem 0.25rem 0 0;
-}
-
-.fr-follow__newsletter .fr-input-wrap .fr-btn {
- justify-content: center;
- width: 100%;
- border-radius: 0;
-}
-
-.fr-follow__newsletter .fr-messages-group {
- margin-top: 1rem;
-}
-
-.fr-follow__social {
- --text-spacing: 0 0 0.75rem;
- --title-spacing: 0 0 0.75rem;
-}
-
-.fr-follow__social .fr-btns-group {
- margin: 0 -1rem -1rem -1rem;
- width: auto;
-}
-
-.fr-follow__social .fr-btns-group .fr-btn {
- width: auto;
- max-width: 100%;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- justify-content: flex-start;
-}
-
-.fr-follow__social .fr-btns-group > li {
- display: inline-flex;
- max-width: 100%;
- width: auto;
-}
-
-.fr-follow__social .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;
- overflow: hidden;
- white-space: nowrap;
- max-width: 2.5rem;
- max-height: 2.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
-}
-
-.fr-follow__social .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-'])::before {
- 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%;
- --icon-size: 1.5rem;
- content: '';
-}
-
-.fr-follow__social .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;
- overflow: hidden;
- white-space: nowrap;
- max-width: 3rem;
- max-height: 3rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
-}
-
-.fr-follow__social .fr-btns-group--lg .fr-btn:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::before {
- 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%;
- --icon-size: 2rem;
- content: '';
-}
-
-.fr-follow .fr-grid-row > *:not(:first-child) {
- margin-top: 1.5rem;
- padding-top: 1.5rem;
- box-shadow: 0 -1px 0 0 var(--border-default-blue-france);
-}
-
-.fr-follow .fr-btn--dailymotion::before {
- -webkit-mask-image: url('icons/logo/fr--dailymotion-fill.svg');
- mask-image: url('icons/logo/fr--dailymotion-fill.svg');
-}
-
-.fr-follow .fr-btn--facebook::before {
- -webkit-mask-image: url('icons/logo/facebook-circle-fill.svg');
- mask-image: url('icons/logo/facebook-circle-fill.svg');
-}
-
-.fr-follow .fr-btn--github::before {
- -webkit-mask-image: url('icons/logo/github-fill.svg');
- mask-image: url('icons/logo/github-fill.svg');
-}
-
-.fr-follow .fr-btn--instagram::before {
- -webkit-mask-image: url('icons/logo/instagram-fill.svg');
- mask-image: url('icons/logo/instagram-fill.svg');
-}
-
-.fr-follow .fr-btn--linkedin::before {
- -webkit-mask-image: url('icons/logo/linkedin-box-fill.svg');
- mask-image: url('icons/logo/linkedin-box-fill.svg');
-}
-
-.fr-follow .fr-btn--mastodon::before {
- -webkit-mask-image: url('icons/logo/mastodon-fill.svg');
- mask-image: url('icons/logo/mastodon-fill.svg');
-}
-
-.fr-follow .fr-btn--snapchat::before {
- -webkit-mask-image: url('icons/logo/snapchat-fill.svg');
- mask-image: url('icons/logo/snapchat-fill.svg');
-}
-
-.fr-follow .fr-btn--telegram::before {
- -webkit-mask-image: url('icons/logo/telegram-fill.svg');
- mask-image: url('icons/logo/telegram-fill.svg');
-}
-
-.fr-follow .fr-btn--threads::before {
- -webkit-mask-image: url('icons/logo/threads-fill.svg');
- mask-image: url('icons/logo/threads-fill.svg');
-}
-
-.fr-follow .fr-btn--tiktok::before {
- -webkit-mask-image: url('icons/logo/fr--tiktok-fill.svg');
- mask-image: url('icons/logo/fr--tiktok-fill.svg');
-}
-
-.fr-follow .fr-btn--twitch::before {
- -webkit-mask-image: url('icons/logo/twitch-fill.svg');
- mask-image: url('icons/logo/twitch-fill.svg');
-}
-
-.fr-follow .fr-btn--twitter::before {
- -webkit-mask-image: url('icons/logo/twitter-fill.svg');
- mask-image: url('icons/logo/twitter-fill.svg');
-}
-
-.fr-follow .fr-btn--twitter-x::before {
- -webkit-mask-image: url('icons/logo/twitter-x-fill.svg');
- mask-image: url('icons/logo/twitter-x-fill.svg');
-}
-
-.fr-follow .fr-btn--vimeo::before {
- -webkit-mask-image: url('icons/logo/vimeo-fill.svg');
- mask-image: url('icons/logo/vimeo-fill.svg');
-}
-
-.fr-follow .fr-btn--youtube::before {
- -webkit-mask-image: url('icons/logo/youtube-fill.svg');
- mask-image: url('icons/logo/youtube-fill.svg');
-}
-
-.fr-follow .fr-links-group {
- --ul-type: none;
- --ol-type: none;
- --ul-start: 0;
- --ol-start: 0;
- --xl-block: 0;
- --li-bottom: 0;
- --ol-content: none;
- margin: 0 -1rem -1rem -1rem;
- width: auto;
- display: flex;
- flex-wrap: wrap;
-}
-
-.fr-follow .fr-links-group .fr-btn {
- width: auto;
- max-width: 100%;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
-}
-
-.fr-follow .fr-links-group > li {
- display: inline-flex;
- max-width: 100%;
- width: auto;
-}
-
-.fr-follow .fr-valid-text,
-.fr-follow .fr-error-text {
- margin-top: 1rem;
-}
-
-.fr-follow .fr-hint-text {
- margin-top: 1rem;
-}
-
-.fr-follow__social .fr-link {
- --underline-img: none;
- --hover-tint: var(--hover);
- display: inline-flex;
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- margin-bottom: 1rem;
- 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;
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-follow__social .fr-link::before {
- --icon-size: 1.5rem;
- margin-left: 0;
- margin-right: 0.5rem;
-}
-
-.fr-follow__social .fr-links-group--lg .fr-link {
- 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;
-}
-
-.fr-follow__social .fr-links-group--lg .fr-link::before {
- --icon-size: 2rem;
- margin-left: 0;
- margin-right: 0.5rem;
-}
-
-.fr-follow .fr-link--facebook::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('icons/logo/facebook-circle-fill.svg');
- mask-image: url('icons/logo/facebook-circle-fill.svg');
- content: '';
-}
-
-.fr-follow .fr-link--twitter::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('icons/logo/twitter-fill.svg');
- mask-image: url('icons/logo/twitter-fill.svg');
- content: '';
-}
-
-.fr-follow .fr-link--instagram::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('icons/logo/instagram-fill.svg');
- mask-image: url('icons/logo/instagram-fill.svg');
- content: '';
-}
-
-.fr-follow .fr-link--linkedin::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('icons/logo/linkedin-box-fill.svg');
- mask-image: url('icons/logo/linkedin-box-fill.svg');
- content: '';
-}
-
-.fr-follow .fr-link--youtube::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('icons/logo/youtube-fill.svg');
- mask-image: url('icons/logo/youtube-fill.svg');
- content: '';
-}
-
-.fr-follow .fr-input {
- background-color: var(--background-default-grey);
- --idle: transparent;
- --hover: var(--background-default-grey-hover);
- --active: var(--background-default-grey-active);
-}
-
-.fr-follow__title {
- color: var(--text-title-grey);
-}
-
-.fr-follow__newsletter-legal {
- color: var(--text-mention-grey);
-}
-
-.fr-follow__social .fr-btn {
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-follow__social .fr-btn:disabled,
-.fr-follow__social a.fr-btn:not([href]) {
- color: var(--text-disabled-grey);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-.fr-follow__social .fr-link:disabled,
-.fr-follow__social a.fr-link:not([href]) {
- color: var(--text-disabled-grey);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- Password
-\* ËËËËËËËËË */
-.fr-password {
- position: relative;
- --text-spacing: 0 0 0.5rem 0;
-}
-
-.fr-password [data-fr-capslock] .fr-password__input {
- padding-right: 3rem;
-}
-
-.fr-password [data-fr-capslock]::before {
- content: '';
- display: block;
- position: absolute;
- top: 0.75rem;
- right: 1rem;
- width: 1rem;
- height: 1rem;
- pointer-events: none;
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/></svg>");
- background-image: var(--data-uri-svg);
-}
-
-.fr-password__checkbox {
- position: absolute;
- top: 0;
- right: 0;
-}
-
-.fr-password__input {
- margin-bottom: 0.75rem;
-}
-
-.fr-password__input::-webkit-caps-lock-indicator {
- content: none;
-}
-
-.fr-password__input::-ms-reveal {
- display: none;
-}
-
-.fr-password__label {
- padding-right: 6rem;
-}
-
-.fr-password .fr-message:first-child {
- --comma: ' ';
-}
-
-.fr-password .fr-message--valid[data-fr-valid] {
- --content: 'Â -Â ' attr(data-fr-valid) var(--comma);
-}
-
-.fr-password .fr-message--error[data-fr-error] {
- --content: 'Â -Â ' attr(data-fr-error) var(--comma);
-}
-
-.fr-password__btn {
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
- color: var(--text-action-high-blue-france);
-}
-
-.fr-password__btn:disabled,
-a.fr-password__btn:not([href]) {
- color: var(--text-disabled-grey);
- background-color: transparent;
- --hover: inherit;
- --active: inherit;
-}
-
-:root[data-fr-theme='dark'] .fr-password [data-fr-capslock]::before {
- --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/></svg>");
-}
-
-.fr-password .fr-password__checkbox input[type='checkbox'] + label {
- color: var(--text-default-grey);
-}
-
-.fr-password .fr-password__checkbox input[type='checkbox'] + label::before {
- background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)),
- radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)),
- radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)),
- radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px),
- linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), var(--data-uri-svg);
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- 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) + 500);
- 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-top {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-start;
- width: 100%;
-}
-
-.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;
-}
-
-.fr-header__service {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- margin-left: 0.75rem;
- margin-right: 0.75rem;
- width: 100%;
- box-shadow: inset 0 1px 0 0 var(--border-default-grey);
-}
-
-.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 .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%;
-}
-
-.fr-header__navbar {
- display: flex;
- flex-direction: row;
- align-items: flex-end;
- padding: 0.25rem;
- margin-left: auto;
- order: 3;
- flex: 0 0 auto;
- align-self: flex-start;
- 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;
- 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,
-.fr-header__navbar .fr-btn--menu::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%;
- -webkit-mask-image: url('icons/system/menu-fill.svg');
- mask-image: url('icons/system/menu-fill.svg');
- --icon-size: 1.5rem;
-}
-
-.fr-header__navbar .fr-btn--menu::before {
- content: '';
-}
-
-.fr-header__navbar .fr-btn--search::before,
-.fr-header__navbar .fr-btn--search::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%;
- -webkit-mask-image: url('icons/system/search-line.svg');
- mask-image: url('icons/system/search-line.svg');
- --icon-size: 1.5rem;
-}
-
-.fr-header__navbar .fr-btn--search::before {
- 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 {
- font-size: 0.875rem;
- line-height: 1.5rem;
- min-height: 2rem;
- padding: 0.25rem 0.75rem;
- overflow: initial;
- max-width: 100%;
- max-height: none;
- justify-content: flex-start;
-}
-
-.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 .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 {
- width: calc(100% - 1rem);
- min-height: 3rem;
- padding-left: 0;
- padding-right: 0;
- margin-bottom: 0;
- font-size: 1rem;
- line-height: 1.5rem;
-}
-
-.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 {
- 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__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 {
- color: var(--text-default-grey);
-}
-
-.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;
-}
-
-/**
-* Mixin d'ajout des icones des réseaux sociaux
-**/
-/**
-* Mixin d'ajout des icones des réseaux sociaux
-**/
-@media (min-width: 36em) {
- /*! media sm */
- /*! media sm */
- .fr-hidden-sm {
- display: none !important;
- }
- .fr-unhidden-sm {
- display: inherit !important;
- }
- .fr-sr-only-sm {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
- }
- .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 8.3333333333%;
- width: 8.3333333333%;
- max-width: 8.3333333333%;
- }
- .fr-col-offset-sm-1:not(.fr-col-offset-sm-1--right) {
- margin-left: 8.3333333333%;
- }
- .fr-col-offset-sm-1--right {
- margin-right: 8.3333333333%;
- }
- .fr-col-sm-2 {
- flex: 0 0 16.6666666667%;
- width: 16.6666666667%;
- max-width: 16.6666666667%;
- }
- .fr-col-offset-sm-2:not(.fr-col-offset-sm-2--right) {
- margin-left: 16.6666666667%;
- }
- .fr-col-offset-sm-2--right {
- margin-right: 16.6666666667%;
- }
- .fr-col-sm-3 {
- flex: 0 0 25%;
- width: 25%;
- max-width: 25%;
- }
- .fr-col-offset-sm-3:not(.fr-col-offset-sm-3--right) {
- margin-left: 25%;
- }
- .fr-col-offset-sm-3--right {
- margin-right: 25%;
- }
- .fr-col-sm-4 {
- flex: 0 0 33.3333333333%;
- width: 33.3333333333%;
- max-width: 33.3333333333%;
- }
- .fr-col-offset-sm-4:not(.fr-col-offset-sm-4--right) {
- margin-left: 33.3333333333%;
- }
- .fr-col-offset-sm-4--right {
- margin-right: 33.3333333333%;
- }
- .fr-col-sm-5 {
- flex: 0 0 41.6666666667%;
- width: 41.6666666667%;
- max-width: 41.6666666667%;
- }
- .fr-col-offset-sm-5:not(.fr-col-offset-sm-5--right) {
- margin-left: 41.6666666667%;
- }
- .fr-col-offset-sm-5--right {
- margin-right: 41.6666666667%;
- }
- .fr-col-sm-6 {
- flex: 0 0 50%;
- width: 50%;
- max-width: 50%;
- }
- .fr-col-offset-sm-6:not(.fr-col-offset-sm-6--right) {
- margin-left: 50%;
- }
- .fr-col-offset-sm-6--right {
- margin-right: 50%;
- }
- .fr-col-sm-7 {
- flex: 0 0 58.3333333333%;
- width: 58.3333333333%;
- max-width: 58.3333333333%;
- }
- .fr-col-offset-sm-7:not(.fr-col-offset-sm-7--right) {
- margin-left: 58.3333333333%;
- }
- .fr-col-offset-sm-7--right {
- margin-right: 58.3333333333%;
- }
- .fr-col-sm-8 {
- flex: 0 0 66.6666666667%;
- width: 66.6666666667%;
- max-width: 66.6666666667%;
- }
- .fr-col-offset-sm-8:not(.fr-col-offset-sm-8--right) {
- margin-left: 66.6666666667%;
- }
- .fr-col-offset-sm-8--right {
- margin-right: 66.6666666667%;
- }
- .fr-col-sm-9 {
- flex: 0 0 75%;
- width: 75%;
- max-width: 75%;
- }
- .fr-col-offset-sm-9:not(.fr-col-offset-sm-9--right) {
- margin-left: 75%;
- }
- .fr-col-offset-sm-9--right {
- margin-right: 75%;
- }
- .fr-col-sm-10 {
- flex: 0 0 83.3333333333%;
- width: 83.3333333333%;
- max-width: 83.3333333333%;
- }
- .fr-col-offset-sm-10:not(.fr-col-offset-sm-10--right) {
- margin-left: 83.3333333333%;
- }
- .fr-col-offset-sm-10--right {
- margin-right: 83.3333333333%;
- }
- .fr-col-sm-11 {
- flex: 0 0 91.6666666667%;
- width: 91.6666666667%;
- max-width: 91.6666666667%;
- }
- .fr-col-offset-sm-11:not(.fr-col-offset-sm-11--right) {
- margin-left: 91.6666666667%;
- }
- .fr-col-offset-sm-11--right {
- margin-right: 91.6666666667%;
- }
- .fr-col-sm-12 {
- flex: 0 0 100%;
- width: 100%;
- max-width: 100%;
- }
- .fr-col-offset-sm-12:not(.fr-col-offset-sm-12--right) {
- margin-left: 100%;
- }
- .fr-col-offset-sm-12--right {
- margin-right: 100%;
- }
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! 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 sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- .fr-footer__content-list > li {
- margin-right: 1.5rem;
- }
- .fr-footer__partners-title {
- text-align: left;
- }
- .fr-footer__partners-logos {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: flex-start;
- margin-right: -0.5rem;
- }
- .fr-footer__partners-logos::before {
- content: '';
- display: block;
- order: 2;
- flex: 1;
- }
- .fr-footer__partners-main {
- margin-bottom: 1rem;
- order: 1;
- }
- .fr-footer__partners-main + .fr-footer__partners-sub > ul > li {
- margin: 0 0.5rem 0 0.5rem;
- }
- .fr-footer__partners-sub,
- .fr-footer__partners-sub > ul {
- flex-direction: row;
- align-items: flex-start;
- }
- .fr-footer__partners-sub {
- order: 3;
- }
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- .fr-follow__newsletter .fr-input-group {
- margin-bottom: 0.5rem;
- }
- .fr-follow__newsletter .fr-input-wrap .fr-btn {
- width: auto;
- border-radius: 0 0.25rem 0 0;
- }
- .fr-follow__newsletter .fr-input-wrap {
- flex-direction: row;
- }
- .fr-follow__newsletter .fr-input-wrap .fr-input {
- margin-bottom: 0;
- border-radius: 0.25rem 0 0 0;
- }
- .fr-follow__newsletter .fr-messages-group {
- margin-bottom: 0.5rem;
- }
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
-}
-@media (min-width: 48em) {
- /*! media md */
- /*! media md */
- h6 {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- h5 {
- font-size: 1.375rem;
- line-height: 1.75rem;
- }
- h4 {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- h3 {
- font-size: 1.75rem;
- line-height: 2.25rem;
- }
- h2 {
- font-size: 2rem;
- line-height: 2.5rem;
- }
- h1 {
- font-size: 2.5rem;
- line-height: 3rem;
- }
- .fr-h6 {
- font-size: 1.25rem !important;
- line-height: 1.75rem !important;
- }
- .fr-h5 {
- font-size: 1.375rem !important;
- line-height: 1.75rem !important;
- }
- .fr-h4 {
- font-size: 1.5rem !important;
- line-height: 2rem !important;
- }
- .fr-h3 {
- font-size: 1.75rem !important;
- line-height: 2.25rem !important;
- }
- .fr-h2 {
- font-size: 2rem !important;
- line-height: 2.5rem !important;
- }
- .fr-h1 {
- font-size: 2.5rem !important;
- line-height: 3rem !important;
- }
- .fr-display--xs {
- font-size: 3rem !important;
- line-height: 3.5rem !important;
- }
- .fr-display--sm {
- font-size: 3.5rem !important;
- line-height: 4rem !important;
- }
- .fr-display--md {
- font-size: 4rem !important;
- line-height: 4.5rem !important;
- }
- .fr-display--lg {
- font-size: 4.5rem !important;
- line-height: 5rem !important;
- }
- .fr-display--xl {
- font-size: 5rem !important;
- line-height: 5.5rem !important;
- }
- .fr-hidden-md {
- display: none !important;
- }
- .fr-unhidden-md {
- display: inherit !important;
- }
- .fr-sr-only-md {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
- }
- .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 8.3333333333%;
- width: 8.3333333333%;
- max-width: 8.3333333333%;
- }
- .fr-col-offset-md-1:not(.fr-col-offset-md-1--right) {
- margin-left: 8.3333333333%;
- }
- .fr-col-offset-md-1--right {
- margin-right: 8.3333333333%;
- }
- .fr-col-md-2 {
- flex: 0 0 16.6666666667%;
- width: 16.6666666667%;
- max-width: 16.6666666667%;
- }
- .fr-col-offset-md-2:not(.fr-col-offset-md-2--right) {
- margin-left: 16.6666666667%;
- }
- .fr-col-offset-md-2--right {
- margin-right: 16.6666666667%;
- }
- .fr-col-md-3 {
- flex: 0 0 25%;
- width: 25%;
- max-width: 25%;
- }
- .fr-col-offset-md-3:not(.fr-col-offset-md-3--right) {
- margin-left: 25%;
- }
- .fr-col-offset-md-3--right {
- margin-right: 25%;
- }
- .fr-col-md-4 {
- flex: 0 0 33.3333333333%;
- width: 33.3333333333%;
- max-width: 33.3333333333%;
- }
- .fr-col-offset-md-4:not(.fr-col-offset-md-4--right) {
- margin-left: 33.3333333333%;
- }
- .fr-col-offset-md-4--right {
- margin-right: 33.3333333333%;
- }
- .fr-col-md-5 {
- flex: 0 0 41.6666666667%;
- width: 41.6666666667%;
- max-width: 41.6666666667%;
- }
- .fr-col-offset-md-5:not(.fr-col-offset-md-5--right) {
- margin-left: 41.6666666667%;
- }
- .fr-col-offset-md-5--right {
- margin-right: 41.6666666667%;
- }
- .fr-col-md-6 {
- flex: 0 0 50%;
- width: 50%;
- max-width: 50%;
- }
- .fr-col-offset-md-6:not(.fr-col-offset-md-6--right) {
- margin-left: 50%;
- }
- .fr-col-offset-md-6--right {
- margin-right: 50%;
- }
- .fr-col-md-7 {
- flex: 0 0 58.3333333333%;
- width: 58.3333333333%;
- max-width: 58.3333333333%;
- }
- .fr-col-offset-md-7:not(.fr-col-offset-md-7--right) {
- margin-left: 58.3333333333%;
- }
- .fr-col-offset-md-7--right {
- margin-right: 58.3333333333%;
- }
- .fr-col-md-8 {
- flex: 0 0 66.6666666667%;
- width: 66.6666666667%;
- max-width: 66.6666666667%;
- }
- .fr-col-offset-md-8:not(.fr-col-offset-md-8--right) {
- margin-left: 66.6666666667%;
- }
- .fr-col-offset-md-8--right {
- margin-right: 66.6666666667%;
- }
- .fr-col-md-9 {
- flex: 0 0 75%;
- width: 75%;
- max-width: 75%;
- }
- .fr-col-offset-md-9:not(.fr-col-offset-md-9--right) {
- margin-left: 75%;
- }
- .fr-col-offset-md-9--right {
- margin-right: 75%;
- }
- .fr-col-md-10 {
- flex: 0 0 83.3333333333%;
- width: 83.3333333333%;
- max-width: 83.3333333333%;
- }
- .fr-col-offset-md-10:not(.fr-col-offset-md-10--right) {
- margin-left: 83.3333333333%;
- }
- .fr-col-offset-md-10--right {
- margin-right: 83.3333333333%;
- }
- .fr-col-md-11 {
- flex: 0 0 91.6666666667%;
- width: 91.6666666667%;
- max-width: 91.6666666667%;
- }
- .fr-col-offset-md-11:not(.fr-col-offset-md-11--right) {
- margin-left: 91.6666666667%;
- }
- .fr-col-offset-md-11--right {
- margin-right: 91.6666666667%;
- }
- .fr-col-md-12 {
- flex: 0 0 100%;
- width: 100%;
- max-width: 100%;
- }
- .fr-col-offset-md-12:not(.fr-col-offset-md-12--right) {
- margin-left: 100%;
- }
- .fr-col-offset-md-12--right {
- margin-right: 100%;
- }
- .fr-m-md-n8v,
- .fr-m-md-n4w {
- margin: -2rem !important;
- }
- .fr-ml-md-n8v,
- .fr-ml-md-n4w,
- .fr-mx-md-n8v,
- .fr-mx-md-n4w {
- margin-left: -2rem !important;
- }
- .fr-mr-md-n8v,
- .fr-mr-md-n4w,
- .fr-mx-md-n8v,
- .fr-mx-md-n4w {
- margin-right: -2rem !important;
- }
- .fr-mt-md-n8v,
- .fr-mt-md-n4w,
- .fr-my-md-n8v,
- .fr-my-md-n4w {
- margin-top: -2rem !important;
- }
- .fr-mb-md-n8v,
- .fr-mb-md-n4w,
- .fr-my-md-n8v,
- .fr-my-md-n4w {
- margin-bottom: -2rem !important;
- }
- .fr-m-md-n7v {
- margin: -1.75rem !important;
- }
- .fr-ml-md-n7v,
- .fr-mx-md-n7v {
- margin-left: -1.75rem !important;
- }
- .fr-mr-md-n7v,
- .fr-mx-md-n7v {
- margin-right: -1.75rem !important;
- }
- .fr-mt-md-n7v,
- .fr-my-md-n7v {
- margin-top: -1.75rem !important;
- }
- .fr-mb-md-n7v,
- .fr-my-md-n7v {
- margin-bottom: -1.75rem !important;
- }
- .fr-m-md-n6v,
- .fr-m-md-n3w {
- margin: -1.5rem !important;
- }
- .fr-ml-md-n6v,
- .fr-ml-md-n3w,
- .fr-mx-md-n6v,
- .fr-mx-md-n3w {
- margin-left: -1.5rem !important;
- }
- .fr-mr-md-n6v,
- .fr-mr-md-n3w,
- .fr-mx-md-n6v,
- .fr-mx-md-n3w {
- margin-right: -1.5rem !important;
- }
- .fr-mt-md-n6v,
- .fr-mt-md-n3w,
- .fr-my-md-n6v,
- .fr-my-md-n3w {
- margin-top: -1.5rem !important;
- }
- .fr-mb-md-n6v,
- .fr-mb-md-n3w,
- .fr-my-md-n6v,
- .fr-my-md-n3w {
- margin-bottom: -1.5rem !important;
- }
- .fr-m-md-n5v {
- margin: -1.25rem !important;
- }
- .fr-ml-md-n5v,
- .fr-mx-md-n5v {
- margin-left: -1.25rem !important;
- }
- .fr-mr-md-n5v,
- .fr-mx-md-n5v {
- margin-right: -1.25rem !important;
- }
- .fr-mt-md-n5v,
- .fr-my-md-n5v {
- margin-top: -1.25rem !important;
- }
- .fr-mb-md-n5v,
- .fr-my-md-n5v {
- margin-bottom: -1.25rem !important;
- }
- .fr-m-md-n4v,
- .fr-m-md-n2w {
- margin: -1rem !important;
- }
- .fr-ml-md-n4v,
- .fr-ml-md-n2w,
- .fr-mx-md-n4v,
- .fr-mx-md-n2w {
- margin-left: -1rem !important;
- }
- .fr-mr-md-n4v,
- .fr-mr-md-n2w,
- .fr-mx-md-n4v,
- .fr-mx-md-n2w {
- margin-right: -1rem !important;
- }
- .fr-mt-md-n4v,
- .fr-mt-md-n2w,
- .fr-my-md-n4v,
- .fr-my-md-n2w {
- margin-top: -1rem !important;
- }
- .fr-mb-md-n4v,
- .fr-mb-md-n2w,
- .fr-my-md-n4v,
- .fr-my-md-n2w {
- margin-bottom: -1rem !important;
- }
- .fr-m-md-n3v {
- margin: -0.75rem !important;
- }
- .fr-ml-md-n3v,
- .fr-mx-md-n3v {
- margin-left: -0.75rem !important;
- }
- .fr-mr-md-n3v,
- .fr-mx-md-n3v {
- margin-right: -0.75rem !important;
- }
- .fr-mt-md-n3v,
- .fr-my-md-n3v {
- margin-top: -0.75rem !important;
- }
- .fr-mb-md-n3v,
- .fr-my-md-n3v {
- margin-bottom: -0.75rem !important;
- }
- .fr-m-md-n2v,
- .fr-m-md-n1w {
- margin: -0.5rem !important;
- }
- .fr-ml-md-n2v,
- .fr-ml-md-n1w,
- .fr-mx-md-n2v,
- .fr-mx-md-n1w {
- margin-left: -0.5rem !important;
- }
- .fr-mr-md-n2v,
- .fr-mr-md-n1w,
- .fr-mx-md-n2v,
- .fr-mx-md-n1w {
- margin-right: -0.5rem !important;
- }
- .fr-mt-md-n2v,
- .fr-mt-md-n1w,
- .fr-my-md-n2v,
- .fr-my-md-n1w {
- margin-top: -0.5rem !important;
- }
- .fr-mb-md-n2v,
- .fr-mb-md-n1w,
- .fr-my-md-n2v,
- .fr-my-md-n1w {
- margin-bottom: -0.5rem !important;
- }
- .fr-m-md-n1v {
- margin: -0.25rem !important;
- }
- .fr-ml-md-n1v,
- .fr-mx-md-n1v {
- margin-left: -0.25rem !important;
- }
- .fr-mr-md-n1v,
- .fr-mx-md-n1v {
- margin-right: -0.25rem !important;
- }
- .fr-mt-md-n1v,
- .fr-my-md-n1v {
- margin-top: -0.25rem !important;
- }
- .fr-mb-md-n1v,
- .fr-my-md-n1v {
- margin-bottom: -0.25rem !important;
- }
- .fr-m-md-n1-5v {
- margin: -0.375rem !important;
- }
- .fr-ml-md-n1-5v,
- .fr-mx-md-n1-5v {
- margin-left: -0.375rem !important;
- }
- .fr-mr-md-n1-5v,
- .fr-mx-md-n1-5v {
- margin-right: -0.375rem !important;
- }
- .fr-mt-md-n1-5v,
- .fr-my-md-n1-5v {
- margin-top: -0.375rem !important;
- }
- .fr-mb-md-n1-5v,
- .fr-my-md-n1-5v {
- margin-bottom: -0.375rem !important;
- }
- .fr-m-md-0 {
- margin: 0 !important;
- }
- .fr-ml-md-0,
- .fr-mx-md-0 {
- margin-left: 0 !important;
- }
- .fr-mr-md-0,
- .fr-mx-md-0 {
- margin-right: 0 !important;
- }
- .fr-mt-md-0,
- .fr-my-md-0 {
- margin-top: 0 !important;
- }
- .fr-mb-md-0,
- .fr-my-md-0 {
- margin-bottom: 0 !important;
- }
- .fr-m-md-n0-5v {
- margin: -0.125rem !important;
- }
- .fr-ml-md-n0-5v,
- .fr-mx-md-n0-5v {
- margin-left: -0.125rem !important;
- }
- .fr-mr-md-n0-5v,
- .fr-mx-md-n0-5v {
- margin-right: -0.125rem !important;
- }
- .fr-mt-md-n0-5v,
- .fr-my-md-n0-5v {
- margin-top: -0.125rem !important;
- }
- .fr-mb-md-n0-5v,
- .fr-my-md-n0-5v {
- margin-bottom: -0.125rem !important;
- }
- .fr-m-md-0-5v {
- margin: 0.125rem !important;
- }
- .fr-ml-md-0-5v,
- .fr-mx-md-0-5v {
- margin-left: 0.125rem !important;
- }
- .fr-mr-md-0-5v,
- .fr-mx-md-0-5v {
- margin-right: 0.125rem !important;
- }
- .fr-mt-md-0-5v,
- .fr-my-md-0-5v {
- margin-top: 0.125rem !important;
- }
- .fr-mb-md-0-5v,
- .fr-my-md-0-5v {
- margin-bottom: 0.125rem !important;
- }
- .fr-m-md-1v {
- margin: 0.25rem !important;
- }
- .fr-ml-md-1v,
- .fr-mx-md-1v {
- margin-left: 0.25rem !important;
- }
- .fr-mr-md-1v,
- .fr-mx-md-1v {
- margin-right: 0.25rem !important;
- }
- .fr-mt-md-1v,
- .fr-my-md-1v {
- margin-top: 0.25rem !important;
- }
- .fr-mb-md-1v,
- .fr-my-md-1v {
- margin-bottom: 0.25rem !important;
- }
- .fr-m-md-1-5v {
- margin: 0.375rem !important;
- }
- .fr-ml-md-1-5v,
- .fr-mx-md-1-5v {
- margin-left: 0.375rem !important;
- }
- .fr-mr-md-1-5v,
- .fr-mx-md-1-5v {
- margin-right: 0.375rem !important;
- }
- .fr-mt-md-1-5v,
- .fr-my-md-1-5v {
- margin-top: 0.375rem !important;
- }
- .fr-mb-md-1-5v,
- .fr-my-md-1-5v {
- margin-bottom: 0.375rem !important;
- }
- .fr-m-md-2v,
- .fr-m-md-1w {
- margin: 0.5rem !important;
- }
- .fr-ml-md-2v,
- .fr-ml-md-1w,
- .fr-mx-md-2v,
- .fr-mx-md-1w {
- margin-left: 0.5rem !important;
- }
- .fr-mr-md-2v,
- .fr-mr-md-1w,
- .fr-mx-md-2v,
- .fr-mx-md-1w {
- margin-right: 0.5rem !important;
- }
- .fr-mt-md-2v,
- .fr-mt-md-1w,
- .fr-my-md-2v,
- .fr-my-md-1w {
- margin-top: 0.5rem !important;
- }
- .fr-mb-md-2v,
- .fr-mb-md-1w,
- .fr-my-md-2v,
- .fr-my-md-1w {
- margin-bottom: 0.5rem !important;
- }
- .fr-m-md-3v {
- margin: 0.75rem !important;
- }
- .fr-ml-md-3v,
- .fr-mx-md-3v {
- margin-left: 0.75rem !important;
- }
- .fr-mr-md-3v,
- .fr-mx-md-3v {
- margin-right: 0.75rem !important;
- }
- .fr-mt-md-3v,
- .fr-my-md-3v {
- margin-top: 0.75rem !important;
- }
- .fr-mb-md-3v,
- .fr-my-md-3v {
- margin-bottom: 0.75rem !important;
- }
- .fr-m-md-4v,
- .fr-m-md-2w {
- margin: 1rem !important;
- }
- .fr-ml-md-4v,
- .fr-ml-md-2w,
- .fr-mx-md-4v,
- .fr-mx-md-2w {
- margin-left: 1rem !important;
- }
- .fr-mr-md-4v,
- .fr-mr-md-2w,
- .fr-mx-md-4v,
- .fr-mx-md-2w {
- margin-right: 1rem !important;
- }
- .fr-mt-md-4v,
- .fr-mt-md-2w,
- .fr-my-md-4v,
- .fr-my-md-2w {
- margin-top: 1rem !important;
- }
- .fr-mb-md-4v,
- .fr-mb-md-2w,
- .fr-my-md-4v,
- .fr-my-md-2w {
- margin-bottom: 1rem !important;
- }
- .fr-m-md-5v {
- margin: 1.25rem !important;
- }
- .fr-ml-md-5v,
- .fr-mx-md-5v {
- margin-left: 1.25rem !important;
- }
- .fr-mr-md-5v,
- .fr-mx-md-5v {
- margin-right: 1.25rem !important;
- }
- .fr-mt-md-5v,
- .fr-my-md-5v {
- margin-top: 1.25rem !important;
- }
- .fr-mb-md-5v,
- .fr-my-md-5v {
- margin-bottom: 1.25rem !important;
- }
- .fr-m-md-6v,
- .fr-m-md-3w {
- margin: 1.5rem !important;
- }
- .fr-ml-md-6v,
- .fr-ml-md-3w,
- .fr-mx-md-6v,
- .fr-mx-md-3w {
- margin-left: 1.5rem !important;
- }
- .fr-mr-md-6v,
- .fr-mr-md-3w,
- .fr-mx-md-6v,
- .fr-mx-md-3w {
- margin-right: 1.5rem !important;
- }
- .fr-mt-md-6v,
- .fr-mt-md-3w,
- .fr-my-md-6v,
- .fr-my-md-3w {
- margin-top: 1.5rem !important;
- }
- .fr-mb-md-6v,
- .fr-mb-md-3w,
- .fr-my-md-6v,
- .fr-my-md-3w {
- margin-bottom: 1.5rem !important;
- }
- .fr-m-md-7v {
- margin: 1.75rem !important;
- }
- .fr-ml-md-7v,
- .fr-mx-md-7v {
- margin-left: 1.75rem !important;
- }
- .fr-mr-md-7v,
- .fr-mx-md-7v {
- margin-right: 1.75rem !important;
- }
- .fr-mt-md-7v,
- .fr-my-md-7v {
- margin-top: 1.75rem !important;
- }
- .fr-mb-md-7v,
- .fr-my-md-7v {
- margin-bottom: 1.75rem !important;
- }
- .fr-m-md-8v,
- .fr-m-md-4w {
- margin: 2rem !important;
- }
- .fr-ml-md-8v,
- .fr-ml-md-4w,
- .fr-mx-md-8v,
- .fr-mx-md-4w {
- margin-left: 2rem !important;
- }
- .fr-mr-md-8v,
- .fr-mr-md-4w,
- .fr-mx-md-8v,
- .fr-mx-md-4w {
- margin-right: 2rem !important;
- }
- .fr-mt-md-8v,
- .fr-mt-md-4w,
- .fr-my-md-8v,
- .fr-my-md-4w {
- margin-top: 2rem !important;
- }
- .fr-mb-md-8v,
- .fr-mb-md-4w,
- .fr-my-md-8v,
- .fr-my-md-4w {
- margin-bottom: 2rem !important;
- }
- .fr-m-md-9v {
- margin: 2.25rem !important;
- }
- .fr-ml-md-9v,
- .fr-mx-md-9v {
- margin-left: 2.25rem !important;
- }
- .fr-mr-md-9v,
- .fr-mx-md-9v {
- margin-right: 2.25rem !important;
- }
- .fr-mt-md-9v,
- .fr-my-md-9v {
- margin-top: 2.25rem !important;
- }
- .fr-mb-md-9v,
- .fr-my-md-9v {
- margin-bottom: 2.25rem !important;
- }
- .fr-m-md-10v,
- .fr-m-md-5w {
- margin: 2.5rem !important;
- }
- .fr-ml-md-10v,
- .fr-ml-md-5w,
- .fr-mx-md-10v,
- .fr-mx-md-5w {
- margin-left: 2.5rem !important;
- }
- .fr-mr-md-10v,
- .fr-mr-md-5w,
- .fr-mx-md-10v,
- .fr-mx-md-5w {
- margin-right: 2.5rem !important;
- }
- .fr-mt-md-10v,
- .fr-mt-md-5w,
- .fr-my-md-10v,
- .fr-my-md-5w {
- margin-top: 2.5rem !important;
- }
- .fr-mb-md-10v,
- .fr-mb-md-5w,
- .fr-my-md-10v,
- .fr-my-md-5w {
- margin-bottom: 2.5rem !important;
- }
- .fr-m-md-11v {
- margin: 2.75rem !important;
- }
- .fr-ml-md-11v,
- .fr-mx-md-11v {
- margin-left: 2.75rem !important;
- }
- .fr-mr-md-11v,
- .fr-mx-md-11v {
- margin-right: 2.75rem !important;
- }
- .fr-mt-md-11v,
- .fr-my-md-11v {
- margin-top: 2.75rem !important;
- }
- .fr-mb-md-11v,
- .fr-my-md-11v {
- margin-bottom: 2.75rem !important;
- }
- .fr-m-md-12v,
- .fr-m-md-6w {
- margin: 3rem !important;
- }
- .fr-ml-md-12v,
- .fr-ml-md-6w,
- .fr-mx-md-12v,
- .fr-mx-md-6w {
- margin-left: 3rem !important;
- }
- .fr-mr-md-12v,
- .fr-mr-md-6w,
- .fr-mx-md-12v,
- .fr-mx-md-6w {
- margin-right: 3rem !important;
- }
- .fr-mt-md-12v,
- .fr-mt-md-6w,
- .fr-my-md-12v,
- .fr-my-md-6w {
- margin-top: 3rem !important;
- }
- .fr-mb-md-12v,
- .fr-mb-md-6w,
- .fr-my-md-12v,
- .fr-my-md-6w {
- margin-bottom: 3rem !important;
- }
- .fr-m-md-13v {
- margin: 3.25rem !important;
- }
- .fr-ml-md-13v,
- .fr-mx-md-13v {
- margin-left: 3.25rem !important;
- }
- .fr-mr-md-13v,
- .fr-mx-md-13v {
- margin-right: 3.25rem !important;
- }
- .fr-mt-md-13v,
- .fr-my-md-13v {
- margin-top: 3.25rem !important;
- }
- .fr-mb-md-13v,
- .fr-my-md-13v {
- margin-bottom: 3.25rem !important;
- }
- .fr-m-md-14v,
- .fr-m-md-7w {
- margin: 3.5rem !important;
- }
- .fr-ml-md-14v,
- .fr-ml-md-7w,
- .fr-mx-md-14v,
- .fr-mx-md-7w {
- margin-left: 3.5rem !important;
- }
- .fr-mr-md-14v,
- .fr-mr-md-7w,
- .fr-mx-md-14v,
- .fr-mx-md-7w {
- margin-right: 3.5rem !important;
- }
- .fr-mt-md-14v,
- .fr-mt-md-7w,
- .fr-my-md-14v,
- .fr-my-md-7w {
- margin-top: 3.5rem !important;
- }
- .fr-mb-md-14v,
- .fr-mb-md-7w,
- .fr-my-md-14v,
- .fr-my-md-7w {
- margin-bottom: 3.5rem !important;
- }
- .fr-m-md-15v {
- margin: 3.75rem !important;
- }
- .fr-ml-md-15v,
- .fr-mx-md-15v {
- margin-left: 3.75rem !important;
- }
- .fr-mr-md-15v,
- .fr-mx-md-15v {
- margin-right: 3.75rem !important;
- }
- .fr-mt-md-15v,
- .fr-my-md-15v {
- margin-top: 3.75rem !important;
- }
- .fr-mb-md-15v,
- .fr-my-md-15v {
- margin-bottom: 3.75rem !important;
- }
- .fr-m-md-16v,
- .fr-m-md-8w {
- margin: 4rem !important;
- }
- .fr-ml-md-16v,
- .fr-ml-md-8w,
- .fr-mx-md-16v,
- .fr-mx-md-8w {
- margin-left: 4rem !important;
- }
- .fr-mr-md-16v,
- .fr-mr-md-8w,
- .fr-mx-md-16v,
- .fr-mx-md-8w {
- margin-right: 4rem !important;
- }
- .fr-mt-md-16v,
- .fr-mt-md-8w,
- .fr-my-md-16v,
- .fr-my-md-8w {
- margin-top: 4rem !important;
- }
- .fr-mb-md-16v,
- .fr-mb-md-8w,
- .fr-my-md-16v,
- .fr-my-md-8w {
- margin-bottom: 4rem !important;
- }
- .fr-m-md-17v {
- margin: 4.25rem !important;
- }
- .fr-ml-md-17v,
- .fr-mx-md-17v {
- margin-left: 4.25rem !important;
- }
- .fr-mr-md-17v,
- .fr-mx-md-17v {
- margin-right: 4.25rem !important;
- }
- .fr-mt-md-17v,
- .fr-my-md-17v {
- margin-top: 4.25rem !important;
- }
- .fr-mb-md-17v,
- .fr-my-md-17v {
- margin-bottom: 4.25rem !important;
- }
- .fr-m-md-18v,
- .fr-m-md-9w {
- margin: 4.5rem !important;
- }
- .fr-ml-md-18v,
- .fr-ml-md-9w,
- .fr-mx-md-18v,
- .fr-mx-md-9w {
- margin-left: 4.5rem !important;
- }
- .fr-mr-md-18v,
- .fr-mr-md-9w,
- .fr-mx-md-18v,
- .fr-mx-md-9w {
- margin-right: 4.5rem !important;
- }
- .fr-mt-md-18v,
- .fr-mt-md-9w,
- .fr-my-md-18v,
- .fr-my-md-9w {
- margin-top: 4.5rem !important;
- }
- .fr-mb-md-18v,
- .fr-mb-md-9w,
- .fr-my-md-18v,
- .fr-my-md-9w {
- margin-bottom: 4.5rem !important;
- }
- .fr-m-md-19v {
- margin: 4.75rem !important;
- }
- .fr-ml-md-19v,
- .fr-mx-md-19v {
- margin-left: 4.75rem !important;
- }
- .fr-mr-md-19v,
- .fr-mx-md-19v {
- margin-right: 4.75rem !important;
- }
- .fr-mt-md-19v,
- .fr-my-md-19v {
- margin-top: 4.75rem !important;
- }
- .fr-mb-md-19v,
- .fr-my-md-19v {
- margin-bottom: 4.75rem !important;
- }
- .fr-m-md-20v,
- .fr-m-md-10w {
- margin: 5rem !important;
- }
- .fr-ml-md-20v,
- .fr-ml-md-10w,
- .fr-mx-md-20v,
- .fr-mx-md-10w {
- margin-left: 5rem !important;
- }
- .fr-mr-md-20v,
- .fr-mr-md-10w,
- .fr-mx-md-20v,
- .fr-mx-md-10w {
- margin-right: 5rem !important;
- }
- .fr-mt-md-20v,
- .fr-mt-md-10w,
- .fr-my-md-20v,
- .fr-my-md-10w {
- margin-top: 5rem !important;
- }
- .fr-mb-md-20v,
- .fr-mb-md-10w,
- .fr-my-md-20v,
- .fr-my-md-10w {
- margin-bottom: 5rem !important;
- }
- .fr-m-md-21v {
- margin: 5.25rem !important;
- }
- .fr-ml-md-21v,
- .fr-mx-md-21v {
- margin-left: 5.25rem !important;
- }
- .fr-mr-md-21v,
- .fr-mx-md-21v {
- margin-right: 5.25rem !important;
- }
- .fr-mt-md-21v,
- .fr-my-md-21v {
- margin-top: 5.25rem !important;
- }
- .fr-mb-md-21v,
- .fr-my-md-21v {
- margin-bottom: 5.25rem !important;
- }
- .fr-m-md-22v,
- .fr-m-md-11w {
- margin: 5.5rem !important;
- }
- .fr-ml-md-22v,
- .fr-ml-md-11w,
- .fr-mx-md-22v,
- .fr-mx-md-11w {
- margin-left: 5.5rem !important;
- }
- .fr-mr-md-22v,
- .fr-mr-md-11w,
- .fr-mx-md-22v,
- .fr-mx-md-11w {
- margin-right: 5.5rem !important;
- }
- .fr-mt-md-22v,
- .fr-mt-md-11w,
- .fr-my-md-22v,
- .fr-my-md-11w {
- margin-top: 5.5rem !important;
- }
- .fr-mb-md-22v,
- .fr-mb-md-11w,
- .fr-my-md-22v,
- .fr-my-md-11w {
- margin-bottom: 5.5rem !important;
- }
- .fr-m-md-23v {
- margin: 5.75rem !important;
- }
- .fr-ml-md-23v,
- .fr-mx-md-23v {
- margin-left: 5.75rem !important;
- }
- .fr-mr-md-23v,
- .fr-mx-md-23v {
- margin-right: 5.75rem !important;
- }
- .fr-mt-md-23v,
- .fr-my-md-23v {
- margin-top: 5.75rem !important;
- }
- .fr-mb-md-23v,
- .fr-my-md-23v {
- margin-bottom: 5.75rem !important;
- }
- .fr-m-md-24v,
- .fr-m-md-12w {
- margin: 6rem !important;
- }
- .fr-ml-md-24v,
- .fr-ml-md-12w,
- .fr-mx-md-24v,
- .fr-mx-md-12w {
- margin-left: 6rem !important;
- }
- .fr-mr-md-24v,
- .fr-mr-md-12w,
- .fr-mx-md-24v,
- .fr-mx-md-12w {
- margin-right: 6rem !important;
- }
- .fr-mt-md-24v,
- .fr-mt-md-12w,
- .fr-my-md-24v,
- .fr-my-md-12w {
- margin-top: 6rem !important;
- }
- .fr-mb-md-24v,
- .fr-mb-md-12w,
- .fr-my-md-24v,
- .fr-my-md-12w {
- margin-bottom: 6rem !important;
- }
- .fr-m-md-25v {
- margin: 6.25rem !important;
- }
- .fr-ml-md-25v,
- .fr-mx-md-25v {
- margin-left: 6.25rem !important;
- }
- .fr-mr-md-25v,
- .fr-mx-md-25v {
- margin-right: 6.25rem !important;
- }
- .fr-mt-md-25v,
- .fr-my-md-25v {
- margin-top: 6.25rem !important;
- }
- .fr-mb-md-25v,
- .fr-my-md-25v {
- margin-bottom: 6.25rem !important;
- }
- .fr-m-md-26v,
- .fr-m-md-13w {
- margin: 6.5rem !important;
- }
- .fr-ml-md-26v,
- .fr-ml-md-13w,
- .fr-mx-md-26v,
- .fr-mx-md-13w {
- margin-left: 6.5rem !important;
- }
- .fr-mr-md-26v,
- .fr-mr-md-13w,
- .fr-mx-md-26v,
- .fr-mx-md-13w {
- margin-right: 6.5rem !important;
- }
- .fr-mt-md-26v,
- .fr-mt-md-13w,
- .fr-my-md-26v,
- .fr-my-md-13w {
- margin-top: 6.5rem !important;
- }
- .fr-mb-md-26v,
- .fr-mb-md-13w,
- .fr-my-md-26v,
- .fr-my-md-13w {
- margin-bottom: 6.5rem !important;
- }
- .fr-m-md-27v {
- margin: 6.75rem !important;
- }
- .fr-ml-md-27v,
- .fr-mx-md-27v {
- margin-left: 6.75rem !important;
- }
- .fr-mr-md-27v,
- .fr-mx-md-27v {
- margin-right: 6.75rem !important;
- }
- .fr-mt-md-27v,
- .fr-my-md-27v {
- margin-top: 6.75rem !important;
- }
- .fr-mb-md-27v,
- .fr-my-md-27v {
- margin-bottom: 6.75rem !important;
- }
- .fr-m-md-28v,
- .fr-m-md-14w {
- margin: 7rem !important;
- }
- .fr-ml-md-28v,
- .fr-ml-md-14w,
- .fr-mx-md-28v,
- .fr-mx-md-14w {
- margin-left: 7rem !important;
- }
- .fr-mr-md-28v,
- .fr-mr-md-14w,
- .fr-mx-md-28v,
- .fr-mx-md-14w {
- margin-right: 7rem !important;
- }
- .fr-mt-md-28v,
- .fr-mt-md-14w,
- .fr-my-md-28v,
- .fr-my-md-14w {
- margin-top: 7rem !important;
- }
- .fr-mb-md-28v,
- .fr-mb-md-14w,
- .fr-my-md-28v,
- .fr-my-md-14w {
- margin-bottom: 7rem !important;
- }
- .fr-m-md-29v {
- margin: 7.25rem !important;
- }
- .fr-ml-md-29v,
- .fr-mx-md-29v {
- margin-left: 7.25rem !important;
- }
- .fr-mr-md-29v,
- .fr-mx-md-29v {
- margin-right: 7.25rem !important;
- }
- .fr-mt-md-29v,
- .fr-my-md-29v {
- margin-top: 7.25rem !important;
- }
- .fr-mb-md-29v,
- .fr-my-md-29v {
- margin-bottom: 7.25rem !important;
- }
- .fr-m-md-30v,
- .fr-m-md-15w {
- margin: 7.5rem !important;
- }
- .fr-ml-md-30v,
- .fr-ml-md-15w,
- .fr-mx-md-30v,
- .fr-mx-md-15w {
- margin-left: 7.5rem !important;
- }
- .fr-mr-md-30v,
- .fr-mr-md-15w,
- .fr-mx-md-30v,
- .fr-mx-md-15w {
- margin-right: 7.5rem !important;
- }
- .fr-mt-md-30v,
- .fr-mt-md-15w,
- .fr-my-md-30v,
- .fr-my-md-15w {
- margin-top: 7.5rem !important;
- }
- .fr-mb-md-30v,
- .fr-mb-md-15w,
- .fr-my-md-30v,
- .fr-my-md-15w {
- margin-bottom: 7.5rem !important;
- }
- .fr-m-md-31v {
- margin: 7.75rem !important;
- }
- .fr-ml-md-31v,
- .fr-mx-md-31v {
- margin-left: 7.75rem !important;
- }
- .fr-mr-md-31v,
- .fr-mx-md-31v {
- margin-right: 7.75rem !important;
- }
- .fr-mt-md-31v,
- .fr-my-md-31v {
- margin-top: 7.75rem !important;
- }
- .fr-mb-md-31v,
- .fr-my-md-31v {
- margin-bottom: 7.75rem !important;
- }
- .fr-m-md-32v,
- .fr-m-md-16w {
- margin: 8rem !important;
- }
- .fr-ml-md-32v,
- .fr-ml-md-16w,
- .fr-mx-md-32v,
- .fr-mx-md-16w {
- margin-left: 8rem !important;
- }
- .fr-mr-md-32v,
- .fr-mr-md-16w,
- .fr-mx-md-32v,
- .fr-mx-md-16w {
- margin-right: 8rem !important;
- }
- .fr-mt-md-32v,
- .fr-mt-md-16w,
- .fr-my-md-32v,
- .fr-my-md-16w {
- margin-top: 8rem !important;
- }
- .fr-mb-md-32v,
- .fr-mb-md-16w,
- .fr-my-md-32v,
- .fr-my-md-16w {
- margin-bottom: 8rem !important;
- }
- .fr-m-md-auto {
- margin: auto;
- }
- .fr-ml-md-auto,
- .fr-mx-md-auto {
- margin-left: auto;
- }
- .fr-mr-md-auto,
- .fr-mx-md-auto {
- margin-right: auto;
- }
- .fr-mt-md-auto,
- .fr-my-md-auto {
- margin-top: auto;
- }
- .fr-mb-md-auto,
- .fr-my-md-auto {
- margin-bottom: auto;
- }
- .fr-p-md-0 {
- padding: 0 !important;
- }
- .fr-pl-md-0,
- .fr-px-md-0 {
- padding-left: 0 !important;
- }
- .fr-pr-md-0,
- .fr-px-md-0 {
- padding-right: 0 !important;
- }
- .fr-pt-md-0,
- .fr-py-md-0 {
- padding-top: 0 !important;
- }
- .fr-pb-md-0,
- .fr-py-md-0 {
- padding-bottom: 0 !important;
- }
- .fr-p-md-0-5v {
- padding: 0.125rem !important;
- }
- .fr-pl-md-0-5v,
- .fr-px-md-0-5v {
- padding-left: 0.125rem !important;
- }
- .fr-pr-md-0-5v,
- .fr-px-md-0-5v {
- padding-right: 0.125rem !important;
- }
- .fr-pt-md-0-5v,
- .fr-py-md-0-5v {
- padding-top: 0.125rem !important;
- }
- .fr-pb-md-0-5v,
- .fr-py-md-0-5v {
- padding-bottom: 0.125rem !important;
- }
- .fr-p-md-1v {
- padding: 0.25rem !important;
- }
- .fr-pl-md-1v,
- .fr-px-md-1v {
- padding-left: 0.25rem !important;
- }
- .fr-pr-md-1v,
- .fr-px-md-1v {
- padding-right: 0.25rem !important;
- }
- .fr-pt-md-1v,
- .fr-py-md-1v {
- padding-top: 0.25rem !important;
- }
- .fr-pb-md-1v,
- .fr-py-md-1v {
- padding-bottom: 0.25rem !important;
- }
- .fr-p-md-1-5v {
- padding: 0.375rem !important;
- }
- .fr-pl-md-1-5v,
- .fr-px-md-1-5v {
- padding-left: 0.375rem !important;
- }
- .fr-pr-md-1-5v,
- .fr-px-md-1-5v {
- padding-right: 0.375rem !important;
- }
- .fr-pt-md-1-5v,
- .fr-py-md-1-5v {
- padding-top: 0.375rem !important;
- }
- .fr-pb-md-1-5v,
- .fr-py-md-1-5v {
- padding-bottom: 0.375rem !important;
- }
- .fr-p-md-2v,
- .fr-p-md-1w {
- padding: 0.5rem !important;
- }
- .fr-pl-md-2v,
- .fr-pl-md-1w,
- .fr-px-md-2v,
- .fr-px-md-1w {
- padding-left: 0.5rem !important;
- }
- .fr-pr-md-2v,
- .fr-pr-md-1w,
- .fr-px-md-2v,
- .fr-px-md-1w {
- padding-right: 0.5rem !important;
- }
- .fr-pt-md-2v,
- .fr-pt-md-1w,
- .fr-py-md-2v,
- .fr-py-md-1w {
- padding-top: 0.5rem !important;
- }
- .fr-pb-md-2v,
- .fr-pb-md-1w,
- .fr-py-md-2v,
- .fr-py-md-1w {
- padding-bottom: 0.5rem !important;
- }
- .fr-p-md-3v {
- padding: 0.75rem !important;
- }
- .fr-pl-md-3v,
- .fr-px-md-3v {
- padding-left: 0.75rem !important;
- }
- .fr-pr-md-3v,
- .fr-px-md-3v {
- padding-right: 0.75rem !important;
- }
- .fr-pt-md-3v,
- .fr-py-md-3v {
- padding-top: 0.75rem !important;
- }
- .fr-pb-md-3v,
- .fr-py-md-3v {
- padding-bottom: 0.75rem !important;
- }
- .fr-p-md-4v,
- .fr-p-md-2w {
- padding: 1rem !important;
- }
- .fr-pl-md-4v,
- .fr-pl-md-2w,
- .fr-px-md-4v,
- .fr-px-md-2w {
- padding-left: 1rem !important;
- }
- .fr-pr-md-4v,
- .fr-pr-md-2w,
- .fr-px-md-4v,
- .fr-px-md-2w {
- padding-right: 1rem !important;
- }
- .fr-pt-md-4v,
- .fr-pt-md-2w,
- .fr-py-md-4v,
- .fr-py-md-2w {
- padding-top: 1rem !important;
- }
- .fr-pb-md-4v,
- .fr-pb-md-2w,
- .fr-py-md-4v,
- .fr-py-md-2w {
- padding-bottom: 1rem !important;
- }
- .fr-p-md-5v {
- padding: 1.25rem !important;
- }
- .fr-pl-md-5v,
- .fr-px-md-5v {
- padding-left: 1.25rem !important;
- }
- .fr-pr-md-5v,
- .fr-px-md-5v {
- padding-right: 1.25rem !important;
- }
- .fr-pt-md-5v,
- .fr-py-md-5v {
- padding-top: 1.25rem !important;
- }
- .fr-pb-md-5v,
- .fr-py-md-5v {
- padding-bottom: 1.25rem !important;
- }
- .fr-p-md-6v,
- .fr-p-md-3w {
- padding: 1.5rem !important;
- }
- .fr-pl-md-6v,
- .fr-pl-md-3w,
- .fr-px-md-6v,
- .fr-px-md-3w {
- padding-left: 1.5rem !important;
- }
- .fr-pr-md-6v,
- .fr-pr-md-3w,
- .fr-px-md-6v,
- .fr-px-md-3w {
- padding-right: 1.5rem !important;
- }
- .fr-pt-md-6v,
- .fr-pt-md-3w,
- .fr-py-md-6v,
- .fr-py-md-3w {
- padding-top: 1.5rem !important;
- }
- .fr-pb-md-6v,
- .fr-pb-md-3w,
- .fr-py-md-6v,
- .fr-py-md-3w {
- padding-bottom: 1.5rem !important;
- }
- .fr-p-md-7v {
- padding: 1.75rem !important;
- }
- .fr-pl-md-7v,
- .fr-px-md-7v {
- padding-left: 1.75rem !important;
- }
- .fr-pr-md-7v,
- .fr-px-md-7v {
- padding-right: 1.75rem !important;
- }
- .fr-pt-md-7v,
- .fr-py-md-7v {
- padding-top: 1.75rem !important;
- }
- .fr-pb-md-7v,
- .fr-py-md-7v {
- padding-bottom: 1.75rem !important;
- }
- .fr-p-md-8v,
- .fr-p-md-4w {
- padding: 2rem !important;
- }
- .fr-pl-md-8v,
- .fr-pl-md-4w,
- .fr-px-md-8v,
- .fr-px-md-4w {
- padding-left: 2rem !important;
- }
- .fr-pr-md-8v,
- .fr-pr-md-4w,
- .fr-px-md-8v,
- .fr-px-md-4w {
- padding-right: 2rem !important;
- }
- .fr-pt-md-8v,
- .fr-pt-md-4w,
- .fr-py-md-8v,
- .fr-py-md-4w {
- padding-top: 2rem !important;
- }
- .fr-pb-md-8v,
- .fr-pb-md-4w,
- .fr-py-md-8v,
- .fr-py-md-4w {
- padding-bottom: 2rem !important;
- }
- .fr-p-md-9v {
- padding: 2.25rem !important;
- }
- .fr-pl-md-9v,
- .fr-px-md-9v {
- padding-left: 2.25rem !important;
- }
- .fr-pr-md-9v,
- .fr-px-md-9v {
- padding-right: 2.25rem !important;
- }
- .fr-pt-md-9v,
- .fr-py-md-9v {
- padding-top: 2.25rem !important;
- }
- .fr-pb-md-9v,
- .fr-py-md-9v {
- padding-bottom: 2.25rem !important;
- }
- .fr-p-md-10v,
- .fr-p-md-5w {
- padding: 2.5rem !important;
- }
- .fr-pl-md-10v,
- .fr-pl-md-5w,
- .fr-px-md-10v,
- .fr-px-md-5w {
- padding-left: 2.5rem !important;
- }
- .fr-pr-md-10v,
- .fr-pr-md-5w,
- .fr-px-md-10v,
- .fr-px-md-5w {
- padding-right: 2.5rem !important;
- }
- .fr-pt-md-10v,
- .fr-pt-md-5w,
- .fr-py-md-10v,
- .fr-py-md-5w {
- padding-top: 2.5rem !important;
- }
- .fr-pb-md-10v,
- .fr-pb-md-5w,
- .fr-py-md-10v,
- .fr-py-md-5w {
- padding-bottom: 2.5rem !important;
- }
- .fr-p-md-11v {
- padding: 2.75rem !important;
- }
- .fr-pl-md-11v,
- .fr-px-md-11v {
- padding-left: 2.75rem !important;
- }
- .fr-pr-md-11v,
- .fr-px-md-11v {
- padding-right: 2.75rem !important;
- }
- .fr-pt-md-11v,
- .fr-py-md-11v {
- padding-top: 2.75rem !important;
- }
- .fr-pb-md-11v,
- .fr-py-md-11v {
- padding-bottom: 2.75rem !important;
- }
- .fr-p-md-12v,
- .fr-p-md-6w {
- padding: 3rem !important;
- }
- .fr-pl-md-12v,
- .fr-pl-md-6w,
- .fr-px-md-12v,
- .fr-px-md-6w {
- padding-left: 3rem !important;
- }
- .fr-pr-md-12v,
- .fr-pr-md-6w,
- .fr-px-md-12v,
- .fr-px-md-6w {
- padding-right: 3rem !important;
- }
- .fr-pt-md-12v,
- .fr-pt-md-6w,
- .fr-py-md-12v,
- .fr-py-md-6w {
- padding-top: 3rem !important;
- }
- .fr-pb-md-12v,
- .fr-pb-md-6w,
- .fr-py-md-12v,
- .fr-py-md-6w {
- padding-bottom: 3rem !important;
- }
- .fr-p-md-13v {
- padding: 3.25rem !important;
- }
- .fr-pl-md-13v,
- .fr-px-md-13v {
- padding-left: 3.25rem !important;
- }
- .fr-pr-md-13v,
- .fr-px-md-13v {
- padding-right: 3.25rem !important;
- }
- .fr-pt-md-13v,
- .fr-py-md-13v {
- padding-top: 3.25rem !important;
- }
- .fr-pb-md-13v,
- .fr-py-md-13v {
- padding-bottom: 3.25rem !important;
- }
- .fr-p-md-14v,
- .fr-p-md-7w {
- padding: 3.5rem !important;
- }
- .fr-pl-md-14v,
- .fr-pl-md-7w,
- .fr-px-md-14v,
- .fr-px-md-7w {
- padding-left: 3.5rem !important;
- }
- .fr-pr-md-14v,
- .fr-pr-md-7w,
- .fr-px-md-14v,
- .fr-px-md-7w {
- padding-right: 3.5rem !important;
- }
- .fr-pt-md-14v,
- .fr-pt-md-7w,
- .fr-py-md-14v,
- .fr-py-md-7w {
- padding-top: 3.5rem !important;
- }
- .fr-pb-md-14v,
- .fr-pb-md-7w,
- .fr-py-md-14v,
- .fr-py-md-7w {
- padding-bottom: 3.5rem !important;
- }
- .fr-p-md-15v {
- padding: 3.75rem !important;
- }
- .fr-pl-md-15v,
- .fr-px-md-15v {
- padding-left: 3.75rem !important;
- }
- .fr-pr-md-15v,
- .fr-px-md-15v {
- padding-right: 3.75rem !important;
- }
- .fr-pt-md-15v,
- .fr-py-md-15v {
- padding-top: 3.75rem !important;
- }
- .fr-pb-md-15v,
- .fr-py-md-15v {
- padding-bottom: 3.75rem !important;
- }
- .fr-p-md-16v,
- .fr-p-md-8w {
- padding: 4rem !important;
- }
- .fr-pl-md-16v,
- .fr-pl-md-8w,
- .fr-px-md-16v,
- .fr-px-md-8w {
- padding-left: 4rem !important;
- }
- .fr-pr-md-16v,
- .fr-pr-md-8w,
- .fr-px-md-16v,
- .fr-px-md-8w {
- padding-right: 4rem !important;
- }
- .fr-pt-md-16v,
- .fr-pt-md-8w,
- .fr-py-md-16v,
- .fr-py-md-8w {
- padding-top: 4rem !important;
- }
- .fr-pb-md-16v,
- .fr-pb-md-8w,
- .fr-py-md-16v,
- .fr-py-md-8w {
- padding-bottom: 4rem !important;
- }
- .fr-p-md-17v {
- padding: 4.25rem !important;
- }
- .fr-pl-md-17v,
- .fr-px-md-17v {
- padding-left: 4.25rem !important;
- }
- .fr-pr-md-17v,
- .fr-px-md-17v {
- padding-right: 4.25rem !important;
- }
- .fr-pt-md-17v,
- .fr-py-md-17v {
- padding-top: 4.25rem !important;
- }
- .fr-pb-md-17v,
- .fr-py-md-17v {
- padding-bottom: 4.25rem !important;
- }
- .fr-p-md-18v,
- .fr-p-md-9w {
- padding: 4.5rem !important;
- }
- .fr-pl-md-18v,
- .fr-pl-md-9w,
- .fr-px-md-18v,
- .fr-px-md-9w {
- padding-left: 4.5rem !important;
- }
- .fr-pr-md-18v,
- .fr-pr-md-9w,
- .fr-px-md-18v,
- .fr-px-md-9w {
- padding-right: 4.5rem !important;
- }
- .fr-pt-md-18v,
- .fr-pt-md-9w,
- .fr-py-md-18v,
- .fr-py-md-9w {
- padding-top: 4.5rem !important;
- }
- .fr-pb-md-18v,
- .fr-pb-md-9w,
- .fr-py-md-18v,
- .fr-py-md-9w {
- padding-bottom: 4.5rem !important;
- }
- .fr-p-md-19v {
- padding: 4.75rem !important;
- }
- .fr-pl-md-19v,
- .fr-px-md-19v {
- padding-left: 4.75rem !important;
- }
- .fr-pr-md-19v,
- .fr-px-md-19v {
- padding-right: 4.75rem !important;
- }
- .fr-pt-md-19v,
- .fr-py-md-19v {
- padding-top: 4.75rem !important;
- }
- .fr-pb-md-19v,
- .fr-py-md-19v {
- padding-bottom: 4.75rem !important;
- }
- .fr-p-md-20v,
- .fr-p-md-10w {
- padding: 5rem !important;
- }
- .fr-pl-md-20v,
- .fr-pl-md-10w,
- .fr-px-md-20v,
- .fr-px-md-10w {
- padding-left: 5rem !important;
- }
- .fr-pr-md-20v,
- .fr-pr-md-10w,
- .fr-px-md-20v,
- .fr-px-md-10w {
- padding-right: 5rem !important;
- }
- .fr-pt-md-20v,
- .fr-pt-md-10w,
- .fr-py-md-20v,
- .fr-py-md-10w {
- padding-top: 5rem !important;
- }
- .fr-pb-md-20v,
- .fr-pb-md-10w,
- .fr-py-md-20v,
- .fr-py-md-10w {
- padding-bottom: 5rem !important;
- }
- .fr-p-md-21v {
- padding: 5.25rem !important;
- }
- .fr-pl-md-21v,
- .fr-px-md-21v {
- padding-left: 5.25rem !important;
- }
- .fr-pr-md-21v,
- .fr-px-md-21v {
- padding-right: 5.25rem !important;
- }
- .fr-pt-md-21v,
- .fr-py-md-21v {
- padding-top: 5.25rem !important;
- }
- .fr-pb-md-21v,
- .fr-py-md-21v {
- padding-bottom: 5.25rem !important;
- }
- .fr-p-md-22v,
- .fr-p-md-11w {
- padding: 5.5rem !important;
- }
- .fr-pl-md-22v,
- .fr-pl-md-11w,
- .fr-px-md-22v,
- .fr-px-md-11w {
- padding-left: 5.5rem !important;
- }
- .fr-pr-md-22v,
- .fr-pr-md-11w,
- .fr-px-md-22v,
- .fr-px-md-11w {
- padding-right: 5.5rem !important;
- }
- .fr-pt-md-22v,
- .fr-pt-md-11w,
- .fr-py-md-22v,
- .fr-py-md-11w {
- padding-top: 5.5rem !important;
- }
- .fr-pb-md-22v,
- .fr-pb-md-11w,
- .fr-py-md-22v,
- .fr-py-md-11w {
- padding-bottom: 5.5rem !important;
- }
- .fr-p-md-23v {
- padding: 5.75rem !important;
- }
- .fr-pl-md-23v,
- .fr-px-md-23v {
- padding-left: 5.75rem !important;
- }
- .fr-pr-md-23v,
- .fr-px-md-23v {
- padding-right: 5.75rem !important;
- }
- .fr-pt-md-23v,
- .fr-py-md-23v {
- padding-top: 5.75rem !important;
- }
- .fr-pb-md-23v,
- .fr-py-md-23v {
- padding-bottom: 5.75rem !important;
- }
- .fr-p-md-24v,
- .fr-p-md-12w {
- padding: 6rem !important;
- }
- .fr-pl-md-24v,
- .fr-pl-md-12w,
- .fr-px-md-24v,
- .fr-px-md-12w {
- padding-left: 6rem !important;
- }
- .fr-pr-md-24v,
- .fr-pr-md-12w,
- .fr-px-md-24v,
- .fr-px-md-12w {
- padding-right: 6rem !important;
- }
- .fr-pt-md-24v,
- .fr-pt-md-12w,
- .fr-py-md-24v,
- .fr-py-md-12w {
- padding-top: 6rem !important;
- }
- .fr-pb-md-24v,
- .fr-pb-md-12w,
- .fr-py-md-24v,
- .fr-py-md-12w {
- padding-bottom: 6rem !important;
- }
- .fr-p-md-25v {
- padding: 6.25rem !important;
- }
- .fr-pl-md-25v,
- .fr-px-md-25v {
- padding-left: 6.25rem !important;
- }
- .fr-pr-md-25v,
- .fr-px-md-25v {
- padding-right: 6.25rem !important;
- }
- .fr-pt-md-25v,
- .fr-py-md-25v {
- padding-top: 6.25rem !important;
- }
- .fr-pb-md-25v,
- .fr-py-md-25v {
- padding-bottom: 6.25rem !important;
- }
- .fr-p-md-26v,
- .fr-p-md-13w {
- padding: 6.5rem !important;
- }
- .fr-pl-md-26v,
- .fr-pl-md-13w,
- .fr-px-md-26v,
- .fr-px-md-13w {
- padding-left: 6.5rem !important;
- }
- .fr-pr-md-26v,
- .fr-pr-md-13w,
- .fr-px-md-26v,
- .fr-px-md-13w {
- padding-right: 6.5rem !important;
- }
- .fr-pt-md-26v,
- .fr-pt-md-13w,
- .fr-py-md-26v,
- .fr-py-md-13w {
- padding-top: 6.5rem !important;
- }
- .fr-pb-md-26v,
- .fr-pb-md-13w,
- .fr-py-md-26v,
- .fr-py-md-13w {
- padding-bottom: 6.5rem !important;
- }
- .fr-p-md-27v {
- padding: 6.75rem !important;
- }
- .fr-pl-md-27v,
- .fr-px-md-27v {
- padding-left: 6.75rem !important;
- }
- .fr-pr-md-27v,
- .fr-px-md-27v {
- padding-right: 6.75rem !important;
- }
- .fr-pt-md-27v,
- .fr-py-md-27v {
- padding-top: 6.75rem !important;
- }
- .fr-pb-md-27v,
- .fr-py-md-27v {
- padding-bottom: 6.75rem !important;
- }
- .fr-p-md-28v,
- .fr-p-md-14w {
- padding: 7rem !important;
- }
- .fr-pl-md-28v,
- .fr-pl-md-14w,
- .fr-px-md-28v,
- .fr-px-md-14w {
- padding-left: 7rem !important;
- }
- .fr-pr-md-28v,
- .fr-pr-md-14w,
- .fr-px-md-28v,
- .fr-px-md-14w {
- padding-right: 7rem !important;
- }
- .fr-pt-md-28v,
- .fr-pt-md-14w,
- .fr-py-md-28v,
- .fr-py-md-14w {
- padding-top: 7rem !important;
- }
- .fr-pb-md-28v,
- .fr-pb-md-14w,
- .fr-py-md-28v,
- .fr-py-md-14w {
- padding-bottom: 7rem !important;
- }
- .fr-p-md-29v {
- padding: 7.25rem !important;
- }
- .fr-pl-md-29v,
- .fr-px-md-29v {
- padding-left: 7.25rem !important;
- }
- .fr-pr-md-29v,
- .fr-px-md-29v {
- padding-right: 7.25rem !important;
- }
- .fr-pt-md-29v,
- .fr-py-md-29v {
- padding-top: 7.25rem !important;
- }
- .fr-pb-md-29v,
- .fr-py-md-29v {
- padding-bottom: 7.25rem !important;
- }
- .fr-p-md-30v,
- .fr-p-md-15w {
- padding: 7.5rem !important;
- }
- .fr-pl-md-30v,
- .fr-pl-md-15w,
- .fr-px-md-30v,
- .fr-px-md-15w {
- padding-left: 7.5rem !important;
- }
- .fr-pr-md-30v,
- .fr-pr-md-15w,
- .fr-px-md-30v,
- .fr-px-md-15w {
- padding-right: 7.5rem !important;
- }
- .fr-pt-md-30v,
- .fr-pt-md-15w,
- .fr-py-md-30v,
- .fr-py-md-15w {
- padding-top: 7.5rem !important;
- }
- .fr-pb-md-30v,
- .fr-pb-md-15w,
- .fr-py-md-30v,
- .fr-py-md-15w {
- padding-bottom: 7.5rem !important;
- }
- .fr-p-md-31v {
- padding: 7.75rem !important;
- }
- .fr-pl-md-31v,
- .fr-px-md-31v {
- padding-left: 7.75rem !important;
- }
- .fr-pr-md-31v,
- .fr-px-md-31v {
- padding-right: 7.75rem !important;
- }
- .fr-pt-md-31v,
- .fr-py-md-31v {
- padding-top: 7.75rem !important;
- }
- .fr-pb-md-31v,
- .fr-py-md-31v {
- padding-bottom: 7.75rem !important;
- }
- .fr-p-md-32v,
- .fr-p-md-16w {
- padding: 8rem !important;
- }
- .fr-pl-md-32v,
- .fr-pl-md-16w,
- .fr-px-md-32v,
- .fr-px-md-16w {
- padding-left: 8rem !important;
- }
- .fr-pr-md-32v,
- .fr-pr-md-16w,
- .fr-px-md-32v,
- .fr-px-md-16w {
- padding-right: 8rem !important;
- }
- .fr-pt-md-32v,
- .fr-pt-md-16w,
- .fr-py-md-32v,
- .fr-py-md-16w {
- padding-top: 8rem !important;
- }
- .fr-pb-md-32v,
- .fr-pb-md-16w,
- .fr-py-md-32v,
- .fr-py-md-16w {
- padding-bottom: 8rem !important;
- }
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- .fr-accordion .fr-collapse {
- margin: 0 -0.25rem;
- padding-left: 1rem;
- padding-right: 1rem;
- }
- /*! media md */
- /*! media md */
- /*! 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 md */
- /*! media md */
- .fr-quote {
- padding: 0 0 0 2rem;
- background-size: 1px 100%;
- background-position: 0 0;
- }
- .fr-quote--column {
- margin-left: 13rem;
- min-height: 13rem;
- }
- .fr-quote--column .fr-quote__author {
- margin-left: 0;
- }
- .fr-quote--column .fr-quote__source {
- margin-left: 0;
- }
- .fr-quote--column figcaption {
- min-height: auto;
- }
- .fr-quote__image {
- position: absolute;
- top: 50%;
- left: -13rem;
- width: 11.5rem;
- height: 11.5rem;
- margin-top: -5.75rem;
- }
- /*! media md */
- .fr-breadcrumb {
- margin-bottom: 2.5rem;
- }
- .fr-breadcrumb__button {
- display: none;
- }
- .fr-breadcrumb .fr-collapse {
- margin-left: 0;
- margin-right: 0;
- padding-left: 0;
- padding-right: 0;
- transform: none;
- visibility: inherit;
- overflow: visible;
- max-height: initial;
- }
- .fr-breadcrumb .fr-collapse::before {
- content: none;
- }
- .fr-breadcrumb__list {
- transform: none;
- }
- /*! media md */
- .fr-fieldset__element--inline\@md {
- flex: 0 0 auto;
- }
- /*! media md */
- .fr-stepper__title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- /*! media md */
- /*! media md */
- .fr-links-group--download .fr-link,
- .fr-links-group .fr-link--download {
- margin-bottom: 3rem;
- }
- .fr-links-group__title {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- .fr-links-group--bordered {
- padding: 2rem 2rem 0.5rem;
- }
- /*! media md */
- .fr-sidemenu {
- margin-left: 0;
- margin-right: 0;
- padding-right: 2rem;
- /**
- * Modificateur pour que le sidemenu s'adapte à un affichage à droite du contenu
- * La bordure se met sur la gauche
- */
- /**
- * Modificateur pour que le sidemenu soit sticky
- */
- /**
- * Modificateur pour que le sidemenu soit à la fois sticky et prenne toute la hauteur de la page
- */
- box-shadow: none;
- }
- .fr-sidemenu .fr-collapse {
- margin-left: -0.25rem;
- margin-right: -0.25rem;
- padding-left: 0.25rem;
- padding-right: 0.25rem;
- }
- .fr-sidemenu__title {
- margin: 0 0 1.5rem;
- padding: 0;
- box-shadow: none;
- }
- .fr-sidemenu__list .fr-sidemenu__list {
- margin: 0 1rem 1rem;
- }
- .fr-sidemenu__list {
- margin: 0;
- }
- .fr-sidemenu__item::before {
- content: none;
- }
- .fr-sidemenu__inner {
- padding: 0 2rem 0 0.25rem;
- box-shadow: inset -1px 0 0 0 var(--border-default-grey);
- }
- .fr-sidemenu__inner > .fr-collapse {
- padding: 0;
- margin: 0;
- overflow: initial;
- max-height: none;
- }
- .fr-sidemenu__inner > .fr-collapse::before {
- display: none;
- }
- .fr-sidemenu__inner > .fr-collapse:not(.fr-collapse--expanded) {
- visibility: inherit;
- }
- .fr-sidemenu--right {
- padding-left: 2rem;
- padding-right: 0;
- }
- .fr-sidemenu--right .fr-sidemenu__inner {
- padding: 0 1rem 0 2rem;
- border-right: 0;
- box-shadow: inset 1px 0 0 0 var(--border-default-grey);
- }
- .fr-sidemenu--sticky {
- position: sticky;
- top: 0;
- }
- .fr-sidemenu--sticky .fr-sidemenu__inner {
- padding-top: 0.5rem;
- overflow: auto;
- max-height: 100vh;
- }
- .fr-sidemenu--sticky-full-height {
- position: sticky;
- top: 0;
- height: 100vh;
- }
- .fr-sidemenu--sticky-full-height .fr-sidemenu__inner {
- padding-top: 0.5rem;
- overflow: auto;
- height: 100%;
- }
- .fr-sidemenu__link,
- .fr-sidemenu__btn {
- margin: 0;
- width: 100%;
- }
- .fr-sidemenu__btn[aria-expanded] {
- padding: 0.75rem 2.5rem 0.75rem 1rem;
- }
- .fr-sidemenu__btn[aria-expanded]::after {
- margin-right: -1.5rem;
- }
- .fr-sidemenu__inner > .fr-sidemenu__btn {
- display: none;
- }
- /*! media md */
- .fr-highlight {
- padding-left: 2rem;
- margin-left: 2rem;
- }
- /*! media md */
- .fr-tabs--viewport-width {
- margin-left: 0;
- margin-right: 0;
- }
- .fr-tabs__panel {
- padding: 2rem;
- }
- .fr-tabs__panel:focus,
- .fr-tabs__panel:focus-visible {
- outline-offset: calc(-2rem + 2px);
- }
- /*! media md */
- /*! media md */
- .fr-summary {
- padding: 2rem;
- }
- /*! media md */
- .fr-table caption {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- .fr-table td,
- .fr-table th {
- padding: 1rem;
- }
- .fr-table thead td,
- .fr-table thead th {
- padding-bottom: 1.125rem;
- }
- /*! media md */
- /*! media md */
- /*! media md */
- .fr-download--card {
- padding: 2rem 2rem 5rem 2rem;
- }
- .fr-download--card .fr-download__link {
- font-size: 1.375rem;
- line-height: 1.75rem;
- }
- .fr-download--card .fr-download__link::after {
- bottom: 2rem;
- right: 2rem;
- }
- .fr-download--card .fr-download__link::after::before,
- .fr-download--card .fr-download__link::after::after {
- --icon-size: 1.5rem;
- }
- .fr-download--card .fr-download__desc {
- margin-top: 0.75rem;
- }
- .fr-download--card .fr-download__detail {
- bottom: 2rem;
- left: 2rem;
- }
- .fr-downloads-group__title {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- .fr-downloads-group--bordered {
- padding: 2rem 2rem 0.5rem;
- }
- .fr-downloads-group .fr-download {
- margin-bottom: 1.5rem;
- }
- /*! media md */
- .fr-alert__title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- /*! media md */
- /*! media md */
- /*! media md */
- .fr-card__title {
- font-size: 1.375rem;
- line-height: 1.75rem;
- }
- .fr-card--sm .fr-card__title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- .fr-card--lg .fr-card__title {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- .fr-card--horizontal,
- .fr-card--horizontal-half,
- .fr-card--horizontal-tier {
- flex-direction: row;
- }
- .fr-card--horizontal .fr-card__img,
- .fr-card--horizontal-half .fr-card__img,
- .fr-card--horizontal-tier .fr-card__img {
- height: 100%;
- }
- .fr-card--horizontal .fr-card__img img,
- .fr-card--horizontal-half .fr-card__img img,
- .fr-card--horizontal-tier .fr-card__img img {
- height: 100%;
- object-fit: cover;
- }
- .fr-card--horizontal .fr-card__header {
- width: 40%;
- flex: 0 0 40%;
- }
- .fr-card--horizontal-half .fr-card__header {
- width: 50%;
- flex: 0 0 50%;
- }
- .fr-card--horizontal-tier .fr-card__header {
- width: 33.3333333333%;
- flex: 0 0 33.3333333333%;
- }
- .fr-card--download {
- flex-direction: row;
- }
- .fr-card--download .fr-card__header {
- width: 40%;
- flex: 0 0 40%;
- aspect-ratio: auto;
- }
- .fr-card--download .fr-card__header .fr-card__img img {
- object-position: 50% 0;
- }
- .fr-card--download .fr-card__img {
- height: 100%;
- }
- .fr-card--download .fr-card__img img {
- height: 100%;
- object-fit: cover;
- }
- /*! media md */
- /*! media md */
- /*! media md */
- .fr-skiplinks__list > li {
- margin: 0 1rem;
- }
- .fr-skiplinks__list {
- flex-direction: row;
- flex-wrap: wrap;
- margin: 0 -1rem;
- }
- /*! media md */
- /*! media md */
- .fr-callout {
- padding: 2rem 3rem;
- }
- .fr-callout[class^='fr-icon-']::before,
- .fr-callout[class*=' fr-icon-']::before,
- .fr-callout[class^='fr-fi-']::before,
- .fr-callout[class*=' fr-fi-']::before {
- margin: -1rem 0 1rem -2rem;
- }
- .fr-callout__title {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- /*! media md */
- .fr-modal {
- padding-right: var(--scrollbar-width);
- }
- .fr-modal--top::before {
- content: '';
- }
- .fr-modal::before {
- width: 0;
- height: 10vh;
- flex: 1 0 10vh;
- }
- .fr-modal::after {
- content: '';
- width: 0;
- height: 10vh;
- flex: 1 0 10vh;
- }
- .fr-modal__body {
- max-height: 80vh !important;
- }
- .fr-modal__header {
- padding: 1rem 2rem;
- }
- .fr-modal__content {
- padding-left: 2rem;
- padding-right: 2rem;
- margin-bottom: 4rem;
- }
- .fr-modal__footer {
- padding: 2rem;
- margin-top: -3rem;
- }
- .fr-modal__title {
- font-size: 1.5rem;
- line-height: 2rem;
- }
- /*! media md */
- /*! media md */
- .fr-share__text {
- max-width: 18rem;
- }
- /*! media md */
- .fr-footer__body {
- margin-bottom: 1.5rem;
- }
- .fr-footer__brand .fr-logo {
- font-size: 1.3125rem;
- padding: 1.25rem;
- margin: -1.25rem;
- }
- .fr-footer__brand .fr-logo::before {
- width: 3.4375rem;
- height: 1.25rem;
- margin-bottom: 0.4166666667rem;
- background-size:
- 3.4375rem 1.40625rem,
- 3.4375rem 1.25rem,
- 0;
- background-position:
- 0 -0.078125rem,
- 0 0,
- 0 0;
- }
- :root[data-fr-mourning] .fr-footer__brand .fr-logo::before {
- background-size:
- 3.4375rem 1.40625rem,
- 0,
- 3.4375rem 1.25rem;
- }
- .fr-footer__brand .fr-logo::after {
- min-width: 3.28125rem;
- background-size: 6.5625rem 4.6875rem;
- background-position: 0 calc(100% + 2.34375rem);
- padding-top: 2.7604166667rem;
- }
- [data-fr-theme='dark'] .fr-footer__brand .fr-logo::after {
- background-position: -3.28125rem 100%;
- }
- .fr-footer__brand .fr-logo + .fr-footer__brand-link {
- margin-left: 3rem;
- }
- .fr-footer__brand {
- flex-basis: auto;
- margin-right: 1rem;
- }
- .fr-footer__brand.fr-enlarge-link {
- margin: -1rem 0 -1rem -1rem;
- padding: 1rem;
- align-self: flex-start;
- }
- .fr-footer__content {
- margin-left: auto;
- }
- .fr-footer__top {
- margin: -2.375rem 0 2.5rem;
- }
- .fr-footer__bottom-item {
- margin: 0.5rem 0 0 0.75rem;
- }
- .fr-footer__bottom-item::before {
- margin-right: 0.75rem;
- margin-bottom: 0.25rem;
- margin-top: 0.25rem;
- }
- .fr-footer__partners-logos {
- margin-right: -1rem;
- flex-wrap: nowrap;
- }
- .fr-footer__partners-main + .fr-footer__partners-sub > ul > li {
- margin: 0 1rem 0 1rem;
- }
- .fr-footer__partners-main + .fr-footer__partners-sub {
- padding-left: 1rem;
- padding-top: 0;
- }
- .fr-footer__partners-main + .fr-footer__partners-sub > ul {
- justify-content: flex-end;
- }
- /*! media md */
- .fr-tile__title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- .fr-tile--vertical\@md {
- flex-direction: column;
- text-align: center;
- align-items: center;
- }
- .fr-tile--vertical\@md .fr-tile__header {
- margin-bottom: 1rem;
- margin-right: 0 !important;
- }
- .fr-tile--vertical\@md .fr-tile__pictogram {
- width: 5rem;
- height: 5rem;
- }
- .fr-tile--vertical\@md .fr-tile__content {
- align-items: center;
- }
- .fr-tile--vertical\@md .fr-tile__detail {
- margin-top: 0.75rem;
- }
- .fr-tile--vertical\@md.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content {
- padding-bottom: 2.5rem;
- }
- .fr-tile--vertical\@md.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__detail {
- margin-bottom: 0;
- padding-right: 0;
- }
- .fr-tile--horizontal .fr-tile__img {
- width: 5rem;
- height: 5rem;
- margin: 0 2rem 0 0;
- }
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- .fr-search-bar--lg .fr-btn {
- 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-search-bar--lg .fr-btn::before {
- --icon-size: 1.5rem;
- margin-left: -0.1875rem;
- margin-right: 0.5rem;
- }
- .fr-search-bar--lg .fr-input {
- max-height: 3rem;
- }
- /*! media md */
- .fr-content-media--sm .fr-content-media__img,
- .fr-content-media--sm .fr-responsive-vid {
- width: 75%;
- }
- .fr-content-media--lg .fr-content-media__img,
- .fr-content-media--lg .fr-responsive-vid {
- width: 125%;
- }
- /*! media md */
- .fr-consent-banner {
- padding: 2rem;
- bottom: 2.5rem;
- left: 2.5rem;
- max-width: 40rem;
- max-height: calc(100% - 5rem);
- }
- .fr-consent-banner__title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- .fr-consent-banner__buttons {
- margin-top: 2rem;
- }
- .fr-consent-service > .fr-fieldset {
- padding: 0 0 1.25rem;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- }
- .fr-consent-service:last-child > .fr-fieldset {
- padding: 1.25rem 0 1rem;
- }
- .fr-consent-service__title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- width: 50%;
- }
- .fr-consent-service__desc {
- --text-spacing: 0.25rem 1.5rem 0.5rem 0;
- width: 60%;
- }
- .fr-consent-service__radios {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- position: absolute;
- top: 1.25rem;
- right: 0;
- width: 50%;
- }
- .fr-consent-services .fr-consent-service + .fr-consent-service {
- margin-top: -0.25rem;
- }
- .fr-consent-services .fr-consent-service__desc {
- --text-spacing: 0.25rem 0 0.5rem 0;
- }
- /*! media md */
- .fr-follow {
- padding: 2rem 0;
- }
- .fr-follow .fr-grid-row > * > div {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- height: 100%;
- }
- .fr-follow .fr-grid-row > *:not(:first-child) {
- padding-left: 8.3333333333%;
- padding-top: 0;
- margin-top: 0;
- box-shadow: -1px 0 0 0 var(--border-default-blue-france);
- }
- .fr-follow .fr-grid-row > *:not(:last-child) {
- padding-right: 8.3333333333%;
- }
- .fr-follow .fr-grid-row > *:first-child:last-child > div {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- }
- .fr-follow .fr-grid-row > *:first-child:last-child > .fr-follow__newsletter {
- --text-spacing: 0;
- }
- .fr-follow .fr-grid-row > *:first-child:last-child > .fr-follow__newsletter > * {
- max-width: 50%;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- }
- .fr-follow .fr-grid-row > *:first-child:last-child > .fr-follow__newsletter > :first-child {
- padding-right: 0.75rem;
- padding-left: 0;
- }
- .fr-follow .fr-grid-row > *:first-child:last-child > .fr-follow__newsletter > :last-child {
- padding-right: 0;
- padding-left: 0.75rem;
- }
- .fr-follow .fr-grid-row > *:first-child:last-child > .fr-follow__social {
- --title-spacing: 0;
- }
- .fr-follow .fr-hint-text {
- margin-top: 0.5rem;
- }
- /*! media md */
- /*! media md */
- .fr-header__service-title {
- font-size: 1.25rem;
- line-height: 1.75rem;
- }
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
-}
-@media (min-width: 62em) {
- /*! media lg */
- /*! media lg */
- .fr-hidden-lg {
- display: none !important;
- }
- .fr-unhidden-lg {
- display: inherit !important;
- }
- .fr-sr-only-lg {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
- }
- .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 8.3333333333%;
- width: 8.3333333333%;
- max-width: 8.3333333333%;
- }
- .fr-col-offset-lg-1:not(.fr-col-offset-lg-1--right) {
- margin-left: 8.3333333333%;
- }
- .fr-col-offset-lg-1--right {
- margin-right: 8.3333333333%;
- }
- .fr-col-lg-2 {
- flex: 0 0 16.6666666667%;
- width: 16.6666666667%;
- max-width: 16.6666666667%;
- }
- .fr-col-offset-lg-2:not(.fr-col-offset-lg-2--right) {
- margin-left: 16.6666666667%;
- }
- .fr-col-offset-lg-2--right {
- margin-right: 16.6666666667%;
- }
- .fr-col-lg-3 {
- flex: 0 0 25%;
- width: 25%;
- max-width: 25%;
- }
- .fr-col-offset-lg-3:not(.fr-col-offset-lg-3--right) {
- margin-left: 25%;
- }
- .fr-col-offset-lg-3--right {
- margin-right: 25%;
- }
- .fr-col-lg-4 {
- flex: 0 0 33.3333333333%;
- width: 33.3333333333%;
- max-width: 33.3333333333%;
- }
- .fr-col-offset-lg-4:not(.fr-col-offset-lg-4--right) {
- margin-left: 33.3333333333%;
- }
- .fr-col-offset-lg-4--right {
- margin-right: 33.3333333333%;
- }
- .fr-col-lg-5 {
- flex: 0 0 41.6666666667%;
- width: 41.6666666667%;
- max-width: 41.6666666667%;
- }
- .fr-col-offset-lg-5:not(.fr-col-offset-lg-5--right) {
- margin-left: 41.6666666667%;
- }
- .fr-col-offset-lg-5--right {
- margin-right: 41.6666666667%;
- }
- .fr-col-lg-6 {
- flex: 0 0 50%;
- width: 50%;
- max-width: 50%;
- }
- .fr-col-offset-lg-6:not(.fr-col-offset-lg-6--right) {
- margin-left: 50%;
- }
- .fr-col-offset-lg-6--right {
- margin-right: 50%;
- }
- .fr-col-lg-7 {
- flex: 0 0 58.3333333333%;
- width: 58.3333333333%;
- max-width: 58.3333333333%;
- }
- .fr-col-offset-lg-7:not(.fr-col-offset-lg-7--right) {
- margin-left: 58.3333333333%;
- }
- .fr-col-offset-lg-7--right {
- margin-right: 58.3333333333%;
- }
- .fr-col-lg-8 {
- flex: 0 0 66.6666666667%;
- width: 66.6666666667%;
- max-width: 66.6666666667%;
- }
- .fr-col-offset-lg-8:not(.fr-col-offset-lg-8--right) {
- margin-left: 66.6666666667%;
- }
- .fr-col-offset-lg-8--right {
- margin-right: 66.6666666667%;
- }
- .fr-col-lg-9 {
- flex: 0 0 75%;
- width: 75%;
- max-width: 75%;
- }
- .fr-col-offset-lg-9:not(.fr-col-offset-lg-9--right) {
- margin-left: 75%;
- }
- .fr-col-offset-lg-9--right {
- margin-right: 75%;
- }
- .fr-col-lg-10 {
- flex: 0 0 83.3333333333%;
- width: 83.3333333333%;
- max-width: 83.3333333333%;
- }
- .fr-col-offset-lg-10:not(.fr-col-offset-lg-10--right) {
- margin-left: 83.3333333333%;
- }
- .fr-col-offset-lg-10--right {
- margin-right: 83.3333333333%;
- }
- .fr-col-lg-11 {
- flex: 0 0 91.6666666667%;
- width: 91.6666666667%;
- max-width: 91.6666666667%;
- }
- .fr-col-offset-lg-11:not(.fr-col-offset-lg-11--right) {
- margin-left: 91.6666666667%;
- }
- .fr-col-offset-lg-11--right {
- margin-right: 91.6666666667%;
- }
- .fr-col-lg-12 {
- flex: 0 0 100%;
- width: 100%;
- max-width: 100%;
- }
- .fr-col-offset-lg-12:not(.fr-col-offset-lg-12--right) {
- margin-left: 100%;
- }
- .fr-col-offset-lg-12--right {
- margin-right: 100%;
- }
- .fr-displayed-lg {
- display: inherit !important;
- }
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! 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 lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- .fr-pagination__link--first.fr-pagination__link--lg-label {
- 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-pagination__link--first.fr-pagination__link--lg-label::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('icons/system/fr--arrow-left-s-first-line.svg');
- mask-image: url('icons/system/fr--arrow-left-s-first-line.svg');
- content: '';
- }
- .fr-pagination__link--prev.fr-pagination__link--lg-label {
- 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-pagination__link--prev.fr-pagination__link--lg-label::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('icons/system/arrow-left-s-line.svg');
- mask-image: url('icons/system/arrow-left-s-line.svg');
- content: '';
- }
- .fr-pagination__link--next.fr-pagination__link--lg-label {
- 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-pagination__link--next.fr-pagination__link--lg-label::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('icons/system/arrow-right-s-line.svg');
- mask-image: url('icons/system/arrow-right-s-line.svg');
- content: '';
- }
- .fr-pagination__link--next.fr-pagination__link--lg-label::before {
- content: none;
- }
- .fr-pagination__link--last.fr-pagination__link--lg-label {
- 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-pagination__link--last.fr-pagination__link--lg-label::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('icons/system/fr--arrow-right-s-last-line.svg');
- mask-image: url('icons/system/fr--arrow-right-s-last-line.svg');
- content: '';
- }
- .fr-pagination__link--last.fr-pagination__link--lg-label::before {
- content: none;
- }
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- .fr-nav__list {
- flex-direction: row;
- flex-wrap: nowrap;
- }
- .fr-nav__list > *:first-child:nth-last-child(2) ~ *,
- .fr-nav__list > *:first-child:nth-last-child(3) ~ *,
- .fr-nav__list > *:first-child:nth-last-child(4) ~ * {
- margin-left: 1.25rem;
- }
- .fr-nav__list > .fr-nav__link,
- .fr-nav__list > .fr-nav__btn,
- .fr-nav__list > * > .fr-nav__link,
- .fr-nav__list > * > .fr-nav__btn {
- padding: 1rem;
- margin: 0;
- width: auto;
- height: 100%;
- min-height: 3.5rem;
- font-weight: normal;
- }
- .fr-nav__list > .fr-nav__link[aria-current]::before,
- .fr-nav__list > .fr-nav__btn[aria-current]::before,
- .fr-nav__list > * > .fr-nav__link[aria-current]::before,
- .fr-nav__list > * > .fr-nav__btn[aria-current]::before {
- position: absolute;
- top: auto;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 2px;
- margin-top: 0;
- }
- .fr-nav__item .fr-btn,
- .fr-nav__item .fr-link {
- min-height: auto;
- }
- .fr-nav__item {
- position: initial;
- align-items: flex-start;
- }
- .fr-nav__item::before {
- content: none;
- }
- .fr-nav__item--align-right {
- align-items: flex-end;
- }
- .fr-nav__link,
- .fr-nav__btn {
- font-size: 0.875rem;
- line-height: 1.5rem;
- }
- .fr-nav__btn {
- padding: 1rem 0.75rem 1rem 1rem;
- justify-content: flex-start;
- }
- .fr-menu {
- pointer-events: none;
- position: absolute;
- top: 100%;
- z-index: calc(var(--ground) + 1000);
- filter: drop-shadow(var(--overlap-shadow));
- }
- .fr-menu__list {
- width: 20rem;
- pointer-events: auto;
- padding: 0;
- margin-bottom: 2rem;
- background-color: var(--background-overlap-grey);
- --idle: transparent;
- --hover: var(--background-overlap-grey-hover);
- --active: var(--background-overlap-grey-active);
- box-shadow: inset 0 1px 0 0 var(--border-open-blue-france);
- }
- .fr-menu .fr-nav__link {
- padding: 0.75rem 1rem;
- box-shadow: 0 calc(-1rem - 1px) 0 -1rem var(--border-default-grey);
- }
- .fr-menu .fr-nav__link::before {
- left: 0;
- }
- .fr-mega-menu {
- position: absolute;
- top: 100%;
- right: 0;
- left: 0;
- margin: 0;
- padding: 0;
- z-index: calc(var(--ground) + 1000);
- background-color: var(--background-overlap-grey);
- --idle: transparent;
- --hover: var(--background-overlap-grey-hover);
- --active: var(--background-overlap-grey-active);
- filter: drop-shadow(var(--overlap-shadow));
- box-shadow: inset 0 1px 0 0 var(--border-open-blue-france);
- }
- .fr-mega-menu::after {
- content: '';
- display: block;
- padding-bottom: 1.5rem;
- }
- .fr-mega-menu > .fr-container {
- padding: 0 1.5rem;
- }
- .fr-mega-menu > .fr-container::before {
- content: '';
- display: block;
- padding-top: 1rem;
- }
- .fr-mega-menu .fr-btn--close {
- display: flex;
- margin-right: 0;
- }
- .fr-mega-menu .fr-nav__link {
- padding: 0.75rem 1rem;
- }
- .fr-mega-menu__leader {
- padding-top: 0;
- }
- .fr-mega-menu__list::before {
- content: none;
- }
- .fr-menu__list > *:first-child,
- .fr-menu__list > *:first-child > .fr-nav__link,
- .fr-menu__list > *:hover,
- .fr-menu__list > *:hover > .fr-nav__link,
- .fr-menu__list > *:hover + *,
- .fr-menu__list > *:hover + * > .fr-nav__link {
- box-shadow: none;
- }
- .fr-mega-menu__category {
- box-shadow: 0 calc(1rem + 1px) 0 -1rem var(--border-default-grey);
- }
- /*! media lg */
- /*! media lg */
- .fr-footer__content {
- margin-top: 0;
- flex-basis: 50%;
- }
- /*! media lg */
- .fr-tile--vertical\@lg {
- flex-direction: column;
- text-align: center;
- align-items: center;
- }
- .fr-tile--vertical\@lg .fr-tile__header {
- margin-bottom: 1rem;
- margin-right: 0 !important;
- }
- .fr-tile--vertical\@lg .fr-tile__pictogram {
- width: 5rem;
- height: 5rem;
- }
- .fr-tile--vertical\@lg .fr-tile__content {
- align-items: center;
- }
- .fr-tile--vertical\@lg .fr-tile__detail {
- margin-top: 0.75rem;
- }
- .fr-tile--vertical\@lg.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__content {
- padding-bottom: 2.5rem;
- }
- .fr-tile--vertical\@lg.fr-enlarge-link:not(.fr-tile--no-icon) .fr-tile__detail {
- margin-bottom: 0;
- padding-right: 0;
- }
- /*! media lg */
- .fr-translate .fr-translate__btn {
- min-height: auto;
- width: auto;
- margin-bottom: 1rem;
- font-size: 0.875rem;
- line-height: 1.5rem;
- padding: 0.25rem 0.75rem;
- }
- .fr-translate .fr-translate__btn::after {
- margin-left: 0.25rem;
- margin-right: -0.25rem;
- }
- .fr-translate .fr-translate__btn::before {
- --icon-size: 1rem;
- }
- .fr-translate__language[aria-current] {
- display: inline-flex;
- }
- .fr-translate__menu {
- margin: -0.25rem -1rem 0;
- top: calc(100% - 1rem);
- }
- .fr-translate .fr-menu__list {
- display: grid;
- grid-template-rows: repeat(var(--rows), auto);
- grid-auto-flow: column;
- }
- .fr-btns-group .fr-translate__menu {
- margin: -1.25rem -0.75rem 0;
- }
- .fr-translate .fr-translate__btn[aria-expanded='true'] {
- color: var(--text-active-blue-france);
- background-color: var(--background-open-blue-france);
- --idle: transparent;
- --hover: var(--background-open-blue-france-hover);
- --active: var(--background-open-blue-france-active);
- }
- .fr-translate .fr-translate__btn[aria-expanded='true']:hover {
- background-color: var(--hover-tint);
- }
- .fr-translate .fr-translate__btn[aria-expanded='true']:active {
- background-color: var(--active-tint);
- }
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- .fr-consent-manager__header .fr-consent-service__title {
- width: 44%;
- }
- .fr-consent-manager__header .fr-consent-service__radios {
- width: 56%;
- position: absolute;
- justify-content: flex-end;
- }
- /*! media lg */
- /*! media lg */
- /*! 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__logo,
- .fr-header__operator,
- .fr-header__service {
- padding: 1rem;
- }
- .fr-header__logo:not(:last-child),
- .fr-header__operator:not(:last-child),
- .fr-header__service:not(:last-child) {
- margin-right: 0.5rem;
- }
- .fr-header__service {
- margin-left: 0;
- margin-right: 0;
- width: auto;
- box-shadow: 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: 25rem;
- margin-left: auto;
- }
- .fr-header__tools-links {
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- gap: 0.5rem;
- margin-bottom: -1rem;
- }
- .fr-header__tools-links .fr-btns-group {
- justify-content: flex-end;
- margin: 0 -0.25rem;
- }
- .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 .fr-header__menu-links .fr-translate {
- margin-left: 0;
- margin-right: 0;
- margin-bottom: -1rem;
- }
- .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 {
- font-size: 0.875rem;
- line-height: 1.5rem;
- }
- .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 {
- justify-content: flex-end;
- margin: 0 -0.25rem;
- }
- .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 .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) + 500);
- 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 lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
-}
-@media (min-width: 78em) {
- /*! media xl */
- /*! media xl */
- .fr-hidden-xl {
- display: none !important;
- }
- .fr-unhidden-xl {
- display: inherit !important;
- }
- .fr-sr-only-xl {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap; /* added line */
- border: 0;
- }
- .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 8.3333333333%;
- width: 8.3333333333%;
- max-width: 8.3333333333%;
- }
- .fr-col-offset-xl-1:not(.fr-col-offset-xl-1--right) {
- margin-left: 8.3333333333%;
- }
- .fr-col-offset-xl-1--right {
- margin-right: 8.3333333333%;
- }
- .fr-col-xl-2 {
- flex: 0 0 16.6666666667%;
- width: 16.6666666667%;
- max-width: 16.6666666667%;
- }
- .fr-col-offset-xl-2:not(.fr-col-offset-xl-2--right) {
- margin-left: 16.6666666667%;
- }
- .fr-col-offset-xl-2--right {
- margin-right: 16.6666666667%;
- }
- .fr-col-xl-3 {
- flex: 0 0 25%;
- width: 25%;
- max-width: 25%;
- }
- .fr-col-offset-xl-3:not(.fr-col-offset-xl-3--right) {
- margin-left: 25%;
- }
- .fr-col-offset-xl-3--right {
- margin-right: 25%;
- }
- .fr-col-xl-4 {
- flex: 0 0 33.3333333333%;
- width: 33.3333333333%;
- max-width: 33.3333333333%;
- }
- .fr-col-offset-xl-4:not(.fr-col-offset-xl-4--right) {
- margin-left: 33.3333333333%;
- }
- .fr-col-offset-xl-4--right {
- margin-right: 33.3333333333%;
- }
- .fr-col-xl-5 {
- flex: 0 0 41.6666666667%;
- width: 41.6666666667%;
- max-width: 41.6666666667%;
- }
- .fr-col-offset-xl-5:not(.fr-col-offset-xl-5--right) {
- margin-left: 41.6666666667%;
- }
- .fr-col-offset-xl-5--right {
- margin-right: 41.6666666667%;
- }
- .fr-col-xl-6 {
- flex: 0 0 50%;
- width: 50%;
- max-width: 50%;
- }
- .fr-col-offset-xl-6:not(.fr-col-offset-xl-6--right) {
- margin-left: 50%;
- }
- .fr-col-offset-xl-6--right {
- margin-right: 50%;
- }
- .fr-col-xl-7 {
- flex: 0 0 58.3333333333%;
- width: 58.3333333333%;
- max-width: 58.3333333333%;
- }
- .fr-col-offset-xl-7:not(.fr-col-offset-xl-7--right) {
- margin-left: 58.3333333333%;
- }
- .fr-col-offset-xl-7--right {
- margin-right: 58.3333333333%;
- }
- .fr-col-xl-8 {
- flex: 0 0 66.6666666667%;
- width: 66.6666666667%;
- max-width: 66.6666666667%;
- }
- .fr-col-offset-xl-8:not(.fr-col-offset-xl-8--right) {
- margin-left: 66.6666666667%;
- }
- .fr-col-offset-xl-8--right {
- margin-right: 66.6666666667%;
- }
- .fr-col-xl-9 {
- flex: 0 0 75%;
- width: 75%;
- max-width: 75%;
- }
- .fr-col-offset-xl-9:not(.fr-col-offset-xl-9--right) {
- margin-left: 75%;
- }
- .fr-col-offset-xl-9--right {
- margin-right: 75%;
- }
- .fr-col-xl-10 {
- flex: 0 0 83.3333333333%;
- width: 83.3333333333%;
- max-width: 83.3333333333%;
- }
- .fr-col-offset-xl-10:not(.fr-col-offset-xl-10--right) {
- margin-left: 83.3333333333%;
- }
- .fr-col-offset-xl-10--right {
- margin-right: 83.3333333333%;
- }
- .fr-col-xl-11 {
- flex: 0 0 91.6666666667%;
- width: 91.6666666667%;
- max-width: 91.6666666667%;
- }
- .fr-col-offset-xl-11:not(.fr-col-offset-xl-11--right) {
- margin-left: 91.6666666667%;
- }
- .fr-col-offset-xl-11--right {
- margin-right: 91.6666666667%;
- }
- .fr-col-xl-12 {
- flex: 0 0 100%;
- width: 100%;
- max-width: 100%;
- }
- .fr-col-offset-xl-12:not(.fr-col-offset-xl-12--right) {
- margin-left: 100%;
- }
- .fr-col-offset-xl-12--right {
- margin-right: 100%;
- }
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- .fr-consent-manager__header .fr-consent-service__title {
- width: 50%;
- }
- .fr-consent-manager__header .fr-consent-service__radios {
- width: 50%;
- }
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
-}
-@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);
- }
- .fr-enlarge-link a:hover,
- .fr-enlarge-link a:active {
- background: none;
- }
- .fr-enlarge-link:hover {
- background-color: var(--hover);
- }
- .fr-enlarge-link:active {
- background-color: var(--active);
- }
- :root[data-fr-theme='dark'] {
- --brighten: 1;
- }
- .fr-card--download.fr-enlarge-link:hover .fr-card__header {
- background-color: var(--hover);
- }
- .fr-card--download.fr-enlarge-link:active .fr-card__header {
- background-color: var(--active);
- }
- .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 (forced-colors: active), (prefers-contrast: more) {
- .fr-pagination__link[aria-current] {
- justify-content: center;
- padding: calc(0.25rem - 1px) calc(0.75rem - 1px);
- border: 1px solid var(--border-active-blue-france);
- }
-}
-@media all and (-ms-high-contrast: none) and (-ms-high-contrast: none),
- (-ms-high-contrast: none) and (-ms-high-contrast: active),
- (-ms-high-contrast: active) and (-ms-high-contrast: none),
- (-ms-high-contrast: active) and (-ms-high-contrast: active) {
- .fr-enlarge-link {
- background-color: transparent;
- }
- .fr-enlarge-link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-enlarge-link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-pagination__link {
- background-color: transparent;
- }
- .fr-pagination__link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-pagination__link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-nav__link,
- .fr-nav__btn {
- background-color: transparent;
- }
- .fr-nav__link:hover,
- .fr-nav__btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-nav__link:active,
- .fr-nav__btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
-}
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
- .fr-enlarge-link [href] {
- text-decoration: none;
- }
- [href][href],
- [href] [href],
- .fr-reset-link[href],
- .fr-reset-link [href] {
- text-decoration: underline;
- }
- .fr-raw-link[href],
- .fr-raw-link [href] {
- text-decoration: none;
- }
- .fr-raw-link[href]::after,
- .fr-raw-link [href]::after {
- content: none;
- }
- [target='_blank']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/external-link-line.svg');
- width: 1rem;
- height: 1rem;
- content: '';
- }
- .fr-responsive-vid::before {
- content: '';
- display: block;
- padding-bottom: 56.25%;
- }
- ul {
- list-style-type: disc;
- }
- ol {
- list-style-type: decimal;
- }
- ul,
- ol {
- padding-left: 1rem;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin: 0 0 1.5rem;
- color: #161616;
- }
- [class^='fr-icon-']::before,
- [class*=' fr-icon-']::before,
- [class^='fr-fi-']::before,
- [class*=' fr-fi-']::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-icon--xs::before {
- width: 0.75rem;
- height: 0.75rem;
- }
- .fr-icon--sm::before {
- width: 1rem;
- height: 1rem;
- }
- .fr-icon--md::before {
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-icon--lg::before {
- width: 2rem;
- height: 2rem;
- }
- body {
- background-color: #fff;
- color: #3a3a3a;
- }
- 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,
- textarea:disabled,
- video:not([href]),
- audio:not([href]) {
- color: #929292;
- }
- .fr-artwork-decorative {
- fill: #ececfe;
- }
- .fr-artwork-minor {
- fill: #e1000f;
- }
- .fr-artwork-major {
- fill: #000091;
- }
- .fr-artwork-background {
- fill: #f6f6f6;
- }
- .fr-artwork-motif {
- fill: #e5e5e5;
- }
- .fr-artwork--green-tilleul-verveine .fr-artwork-minor {
- fill: #b7a73f;
- }
- .fr-artwork--green-bourgeon .fr-artwork-minor {
- fill: #68a532;
- }
- .fr-artwork--green-emeraude .fr-artwork-minor {
- fill: #00a95f;
- }
- .fr-artwork--green-menthe .fr-artwork-minor {
- fill: #009081;
- }
- .fr-artwork--green-archipel .fr-artwork-minor {
- fill: #009099;
- }
- .fr-artwork--blue-ecume .fr-artwork-minor {
- fill: #465f9d;
- }
- .fr-artwork--blue-cumulus .fr-artwork-minor {
- fill: #417dc4;
- }
- .fr-artwork--purple-glycine .fr-artwork-minor {
- fill: #a558a0;
- }
- .fr-artwork--pink-macaron .fr-artwork-minor {
- fill: #e18b76;
- }
- .fr-artwork--pink-tuile .fr-artwork-minor {
- fill: #ce614a;
- }
- .fr-artwork--yellow-tournesol .fr-artwork-minor {
- fill: #c8aa39;
- }
- .fr-artwork--yellow-moutarde .fr-artwork-minor {
- fill: #c3992a;
- }
- .fr-artwork--orange-terre-battue .fr-artwork-minor {
- fill: #e4794a;
- }
- .fr-artwork--brown-cafe-creme .fr-artwork-minor {
- fill: #d1b781;
- }
- .fr-artwork--brown-caramel .fr-artwork-minor {
- fill: #c08c65;
- }
- .fr-artwork--brown-opera .fr-artwork-minor {
- fill: #bd987a;
- }
- .fr-artwork--beige-gris-galet .fr-artwork-minor {
- fill: #aea397;
- }
- [disabled] .fr-artwork * {
- fill: #929292;
- }
- .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: #161616;
- }
- hr {
- background-image: linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-hr-or::before,
- .fr-hr-or::after {
- background-color: #ddd;
- }
- .fr-hr {
- background-image: linear-gradient(0deg, #ddd, #ddd);
- }
- /**
- * Reset liste à puce
- */
- .fr-accordions-group ul {
- list-style-type: none;
- }
- .fr-accordions-group ol {
- list-style-type: none;
- }
- .fr-accordions-group ul,
- .fr-accordions-group ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-accordion__btn::before,
- .fr-accordion__btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-down-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-accordion__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
- }
- .fr-accordion::before {
- box-shadow:
- inset 0 1px 0 0 #ddd,
- 0 1px 0 0 #ddd;
- }
- .fr-accordion__btn {
- color: #000091;
- }
- .fr-accordion__btn[aria-expanded='true'] {
- background-color: #e3e3fd;
- }
- .fr-badge::before,
- .fr-badge::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-badge--sm::before {
- width: 0.75rem;
- height: 0.75rem;
- }
- .fr-badge.fr-badge--info::before,
- .fr-badge.fr-badge--info::after,
- .fr-badge--sm.fr-badge--info::before,
- .fr-badge--sm.fr-badge--info::after {
- background-image: url('icons/system/fr--info-fill.svg');
- }
- .fr-badge.fr-badge--success::before,
- .fr-badge.fr-badge--success::after,
- .fr-badge--sm.fr-badge--success::before,
- .fr-badge--sm.fr-badge--success::after {
- background-image: url('icons/system/fr--success-fill.svg');
- }
- .fr-badge.fr-badge--error::before,
- .fr-badge.fr-badge--error::after,
- .fr-badge--sm.fr-badge--error::before,
- .fr-badge--sm.fr-badge--error::after {
- background-image: url('icons/system/fr--error-fill.svg');
- }
- .fr-badge.fr-badge--warning::before,
- .fr-badge.fr-badge--warning::after,
- .fr-badge--sm.fr-badge--warning::before,
- .fr-badge--sm.fr-badge--warning::after {
- background-image: url('icons/system/fr--warning-fill.svg');
- }
- .fr-badge.fr-badge--new::before,
- .fr-badge.fr-badge--new::after,
- .fr-badge--sm.fr-badge--new::before,
- .fr-badge--sm.fr-badge--new::after {
- background-image: url('icons/weather/flashlight-fill.svg');
- }
- ul.fr-badges-group {
- list-style-type: none;
- }
- ol.fr-badges-group {
- list-style-type: none;
- }
- ul.fr-badges-group,
- ol.fr-badges-group {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-badge {
- color: #3a3a3a;
- background-color: #eee;
- }
- .fr-badge--info {
- color: #0063cb;
- background-color: #e8edff;
- }
- .fr-badge--error {
- color: #ce0500;
- background-color: #ffe9e9;
- }
- .fr-badge--success {
- color: #18753c;
- background-color: #b8fec9;
- }
- .fr-badge--warning {
- color: #b34000;
- background-color: #ffe9e6;
- }
- .fr-badge--new {
- color: #695240;
- background-color: #feebd0;
- }
- .fr-badge--green-tilleul-verveine {
- color: #66673d;
- background-color: #fceeac;
- }
- .fr-badge--green-bourgeon {
- color: #447049;
- background-color: #c9fcac;
- }
- .fr-badge--green-emeraude {
- color: #297254;
- background-color: #c3fad5;
- }
- .fr-badge--green-menthe {
- color: #37635f;
- background-color: #bafaee;
- }
- .fr-badge--green-archipel {
- color: #006a6f;
- background-color: #c7f6fc;
- }
- .fr-badge--blue-ecume {
- color: #2f4077;
- background-color: #e9edfe;
- }
- .fr-badge--blue-cumulus {
- color: #3558a2;
- background-color: #e6eefe;
- }
- .fr-badge--purple-glycine {
- color: #6e445a;
- background-color: #fee7fc;
- }
- .fr-badge--pink-macaron {
- color: #8d533e;
- background-color: #fee9e6;
- }
- .fr-badge--pink-tuile {
- color: #a94645;
- background-color: #fee9e7;
- }
- .fr-badge--yellow-tournesol {
- color: #716043;
- background-color: #feecc2;
- }
- .fr-badge--yellow-moutarde {
- color: #695240;
- background-color: #feebd0;
- }
- .fr-badge--orange-terre-battue {
- color: #755348;
- background-color: #fee9e5;
- }
- .fr-badge--brown-cafe-creme {
- color: #685c48;
- background-color: #f7ecdb;
- }
- .fr-badge--brown-caramel {
- color: #845d48;
- background-color: #f7ebe5;
- }
- .fr-badge--brown-opera {
- color: #745b47;
- background-color: #f7ece4;
- }
- .fr-badge--beige-gris-galet {
- color: #6a6156;
- background-color: #f3ede5;
- }
- .fr-logo {
- color: #161616;
- }
- .fr-btn::before,
- .fr-btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-btn[class^='fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn[class^='fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn[class*=' fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn[class*=' fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn[class^='fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn[class^='fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn[class*=' fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn[class*=' fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-btn--sm::before,
- .fr-btn--sm::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 0.75rem;
- height: 0.75rem;
- }
- .fr-btn--sm[class^='fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--sm[class^='fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn--sm[class*=' fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--sm[class*=' fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn--sm[class^='fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--sm[class^='fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn--sm[class*=' fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--sm[class*=' fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-btn--lg::before,
- .fr-btn--lg::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-btn--lg[class^='fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--lg[class^='fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn--lg[class*=' fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--lg[class*=' fr-icon-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn--lg[class^='fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--lg[class^='fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after,
- .fr-btn--lg[class*=' fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::before,
- .fr-btn--lg[class*=' fr-fi-']:not([class^='fr-btn--icon-']):not([class*=' fr-btn--icon-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 2rem;
- height: 2rem;
- }
- .fr-btn--close::before,
- .fr-btn--close::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/close-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-btn--tooltip::before,
- .fr-btn--tooltip::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/question-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-btn--fullscreen::before,
- .fr-btn--fullscreen::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/media/fullscreen-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-btn--display::before,
- .fr-btn--display::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--theme-fill.svg');
- width: 1rem;
- height: 1rem;
- }
- ul.fr-btns-group {
- list-style-type: none;
- }
- ol.fr-btns-group {
- list-style-type: none;
- }
- ul.fr-btns-group,
- ol.fr-btns-group {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .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-']::after,
- .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-']::after,
- .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-']::after,
- .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-']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .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-']::after,
- .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-']::after,
- .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-']::after,
- .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-']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 2rem;
- height: 2rem;
- }
- .fr-btn {
- background-color: #000091;
- color: #f5f5fe;
- }
- .fr-btn:hover {
- background-color: #1212ff;
- }
- .fr-btn:active {
- background-color: #2323ff;
- }
- .fr-btn:disabled,
- a.fr-btn:not([href]) {
- color: #929292;
- background-color: #e5e5e5;
- }
- .fr-btn--secondary {
- background-color: transparent;
- color: #000091;
- box-shadow: inset 0 0 0 1px #000091;
- }
- .fr-btn--secondary:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-btn--secondary:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-btn--secondary:disabled,
- a.fr-btn--secondary:not([href]) {
- color: #929292;
- box-shadow: inset 0 0 0 1px #e5e5e5;
- background-color: transparent;
- }
- .fr-btn--secondary:disabled:hover,
- a.fr-btn--secondary:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-btn--secondary:disabled:active,
- a.fr-btn--secondary:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-btn--tertiary {
- background-color: transparent;
- color: #000091;
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-btn--tertiary:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-btn--tertiary:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-btn--tertiary:disabled,
- a.fr-btn--tertiary:not([href]) {
- color: #929292;
- box-shadow: inset 0 0 0 1px #e5e5e5;
- background-color: transparent;
- }
- .fr-btn--tertiary:disabled:hover,
- a.fr-btn--tertiary:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-btn--tertiary:disabled:active,
- a.fr-btn--tertiary:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-btn--tertiary-no-outline,
- .fr-btn--close,
- .fr-btn--display,
- .fr-btn--fullscreen,
- .fr-btn--tooltip {
- background-color: transparent;
- color: #000091;
- }
- .fr-btn--tertiary-no-outline:hover,
- .fr-btn--close:hover,
- .fr-btn--display:hover,
- .fr-btn--fullscreen:hover,
- .fr-btn--tooltip:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-btn--tertiary-no-outline:active,
- .fr-btn--close:active,
- .fr-btn--display:active,
- .fr-btn--fullscreen:active,
- .fr-btn--tooltip:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .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]),
- .fr-btn--close:disabled,
- .fr-btn--display:disabled,
- .fr-btn--fullscreen:disabled,
- .fr-btn--tooltip:disabled {
- color: #929292;
- background-color: transparent;
- }
- .fr-btn--tertiary-no-outline:disabled:hover,
- a.fr-btn--tertiary-no-outline:not([href]):hover,
- a.fr-btn--close:not([href]):hover,
- a.fr-btn--display:not([href]):hover,
- a.fr-btn--fullscreen:not([href]):hover,
- a.fr-btn--tooltip:not([href]):hover,
- .fr-btn--close:disabled:hover,
- .fr-btn--display:disabled:hover,
- .fr-btn--fullscreen:disabled:hover,
- .fr-btn--tooltip:disabled:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-btn--tertiary-no-outline:disabled:active,
- a.fr-btn--tertiary-no-outline:not([href]):active,
- a.fr-btn--close:not([href]):active,
- a.fr-btn--display:not([href]):active,
- a.fr-btn--fullscreen:not([href]):active,
- a.fr-btn--tooltip:not([href]):active,
- .fr-btn--close:disabled:active,
- .fr-btn--display:disabled:active,
- .fr-btn--fullscreen:disabled:active,
- .fr-btn--tooltip:disabled:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-connect {
- background-color: #000091;
- color: #f5f5fe;
- }
- .fr-connect::after {
- background-image: linear-gradient(0deg, #f5f5fe, #f5f5fe), linear-gradient(0deg, #f5f5fe, #f5f5fe);
- }
- .fr-connect:disabled,
- a.fr-connect:not([href]) {
- background-color: #e5e5e5;
- color: #929292;
- }
- .fr-connect:disabled::after,
- a.fr-connect:not([href])::after {
- background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292);
- }
- .fr-connect-group .fr-connect + p a {
- color: #000091;
- }
- .fr-connect-group p {
- color: #666;
- }
- /**
- * Correction largeur max du texte
- */
- .fr-quote::before,
- .fr-quote::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/editor/fr--quote-line.svg');
- width: 2rem;
- height: 2rem;
- }
- .fr-quote blockquote {
- max-width: 100%;
- }
- .fr-quote::before {
- color: #6a6af4;
- }
- .fr-quote--green-tilleul-verveine::before {
- color: #b7a73f;
- }
- .fr-quote--green-bourgeon::before {
- color: #68a532;
- }
- .fr-quote--green-emeraude::before {
- color: #00a95f;
- }
- .fr-quote--green-menthe::before {
- color: #009081;
- }
- .fr-quote--green-archipel::before {
- color: #009099;
- }
- .fr-quote--blue-ecume::before {
- color: #465f9d;
- }
- .fr-quote--blue-cumulus::before {
- color: #417dc4;
- }
- .fr-quote--purple-glycine::before {
- color: #a558a0;
- }
- .fr-quote--pink-macaron::before {
- color: #e18b76;
- }
- .fr-quote--pink-tuile::before {
- color: #ce614a;
- }
- .fr-quote--yellow-tournesol::before {
- color: #c8aa39;
- }
- .fr-quote--yellow-moutarde::before {
- color: #c3992a;
- }
- .fr-quote--orange-terre-battue::before {
- color: #e4794a;
- }
- .fr-quote--brown-cafe-creme::before {
- color: #d1b781;
- }
- .fr-quote--brown-caramel::before {
- color: #c08c65;
- }
- .fr-quote--brown-opera::before {
- color: #bd987a;
- }
- .fr-quote--beige-gris-galet::before {
- color: #aea397;
- }
- .fr-quote {
- background-image: linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-quote__source {
- color: #666;
- }
- /**
- * reset liste à puce
- */
- .fr-breadcrumb ul {
- list-style-type: none;
- }
- .fr-breadcrumb ol {
- list-style-type: none;
- }
- .fr-breadcrumb ul,
- .fr-breadcrumb ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-breadcrumb__link:not([aria-current])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-right-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-breadcrumb {
- color: #666;
- }
- .fr-breadcrumb__link[aria-current] {
- color: #161616;
- }
- .fr-fieldset__legend {
- max-width: 100%;
- color: #161616;
- }
- .fr-message--error::before,
- .fr-message--error::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--error-fill.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-message--valid::before,
- .fr-message--valid::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--success-fill.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-message--info::before,
- .fr-message--info::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/information-fill.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-select-group--valid label,
- .fr-input-group--valid label,
- .fr-upload-group--valid label {
- color: #18753c;
- }
- .fr-select-group--error label,
- .fr-input-group--error label,
- .fr-upload-group--error label {
- color: #ce0500;
- }
- .fr-select-group--info label,
- .fr-input-group--info label,
- .fr-upload-group--info label {
- color: #0063cb;
- }
- .fr-select-group--disabled label,
- .fr-select-group--disabled .fr-hint-text,
- .fr-input-group--disabled label,
- .fr-input-group--disabled .fr-hint-text,
- .fr-upload-group--disabled label,
- .fr-upload-group--disabled .fr-hint-text {
- color: #929292;
- }
- .fr-label {
- color: #161616;
- }
- .fr-label--error {
- color: #ce0500;
- }
- .fr-label--success {
- color: #18753c;
- }
- .fr-label--info {
- color: #0063cb;
- }
- .fr-label--disabled,
- .fr-label--disabled .fr-hint-text {
- color: #929292;
- }
- .fr-hint-text,
- .fr-message {
- color: #666;
- }
- .fr-message--error {
- color: #ce0500;
- }
- .fr-message--valid {
- color: #18753c;
- }
- .fr-message--info {
- color: #0063cb;
- }
- .fr-fieldset:disabled .fr-label,
- .fr-fieldset:disabled .fr-hint-text,
- .fr-fieldset:disabled .fr-fieldset__legend {
- color: #929292;
- }
- .fr-fieldset input:disabled + label,
- .fr-fieldset input:disabled + label .fr-hint-text,
- .fr-fieldset input:disabled + label + .fr-hint-text {
- color: #929292;
- }
- .fr-fieldset--error,
- .fr-fieldset--error .fr-fieldset__legend {
- background-image: linear-gradient(0deg, #ce0500, #ce0500);
- }
- .fr-fieldset--error .fr-fieldset__legend,
- .fr-fieldset--error .fr-label {
- color: #ce0500;
- }
- .fr-fieldset--valid,
- .fr-fieldset--valid .fr-fieldset__legend {
- background-image: linear-gradient(0deg, #18753c, #18753c);
- }
- .fr-fieldset--valid .fr-fieldset__legend,
- .fr-fieldset--valid .fr-label {
- color: #18753c;
- }
- .fr-fieldset--info,
- .fr-fieldset--info .fr-fieldset__legend {
- background-image: linear-gradient(0deg, #0063cb, #0063cb);
- }
- .fr-fieldset--info .fr-fieldset__legend,
- .fr-fieldset--info .fr-label {
- color: #0063cb;
- }
- .fr-error-text::before,
- .fr-error-text::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--error-fill.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-valid-text::before,
- .fr-valid-text::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--success-fill.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-error-text {
- color: #ce0500;
- }
- .fr-valid-text {
- color: #18753c;
- }
- .fr-info-text {
- color: #0063cb;
- }
- .fr-fieldset--valid .fr-fieldset__content::before {
- box-shadow: inset 2px 0 0 0 #18753c;
- }
- .fr-fieldset--error .fr-fieldset__content::before {
- box-shadow: inset 2px 0 0 0 #ce0500;
- }
- .fr-fieldset--info .fr-fieldset__content::before {
- box-shadow: inset 2px 0 0 0 #0063cb;
- }
- .fr-stepper__title {
- margin-bottom: 0.75rem;
- color: #161616;
- }
- .fr-stepper__steps {
- display: none;
- background-image: repeating-linear-gradient(to right, #000091 0, #000091 var(--active-inner), transparent var(--active-inner), transparent var(--active-outer)),
- repeating-linear-gradient(to right, #eee 0, #eee var(--default-inner), transparent var(--default-inner), transparent var(--default-outer));
- }
- .fr-stepper__state {
- color: #666;
- }
- .fr-stepper__details {
- color: #666;
- }
- .fr-tooltip {
- position: relative;
- color: #3a3a3a;
- }
- .fr-tooltip__btn::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/media/align-left.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-tooltip__btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/add-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-tooltip__btn[aria-expanded='true']::before,
- .fr-tooltip__btn[aria-expanded='true']::after {
- background-image: url('icons/system/subtract-line.svg');
- }
- ul.fr-tooltip__actions-group {
- list-style-type: none;
- }
- ol.fr-tooltip__actions-group {
- list-style-type: none;
- }
- ul.fr-tooltip__actions-group,
- ol.fr-tooltip__actions-group {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-tooltip .fr-modal:not(.fr-modal--opened) .fr-modal__content {
- max-height: 9.5rem;
- }
- .fr-tooltip.fr-placement {
- z-index: 1000;
- }
- .fr-tooltip.fr-placement--top {
- background-image: conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, #fff 0deg, #fff 67.38deg, transparent 67.38deg),
- conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, #ddd 0deg, #ddd 67.38deg, transparent 67.38deg), linear-gradient(90deg, #ddd, #ddd), linear-gradient(90deg, #fff, #fff);
- }
- .fr-tooltip.fr-placement--bottom {
- background-image: conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, #fff 0deg, #fff 67.38deg, transparent 67.38deg),
- conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, #ddd 0deg, #ddd 67.38deg, transparent 67.38deg), linear-gradient(90deg, #ddd, #ddd), linear-gradient(90deg, #fff, #fff);
- }
- .fr-link {
- background-image: none;
- text-decoration: underline;
- color: #000091;
- }
- .fr-link::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-link--sm::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-link--lg::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- ul.fr-links-group {
- list-style-type: none;
- }
- ol.fr-links-group {
- list-style-type: none;
- }
- ul.fr-links-group,
- ol.fr-links-group {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-link__detail {
- color: #666;
- }
- .fr-links-group li::marker {
- color: #000091;
- }
- .fr-links-group--bordered {
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-link--close {
- background-color: transparent;
- color: #000091;
- }
- .fr-link--close:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-link--close:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-link--close:disabled,
- a.fr-link--close:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-link--close:disabled:hover,
- a.fr-link--close:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-link--close:disabled:active,
- a.fr-link--close:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- /**
- * Correctif de la hauteur de la navigation latérale
- */
- .fr-sidemenu {
- height: auto;
- box-shadow:
- inset 0 -1px 0 0 #ddd,
- inset 0 1px 0 0 #ddd;
- }
- .fr-sidemenu ul {
- list-style-type: none;
- }
- .fr-sidemenu ol {
- list-style-type: none;
- }
- .fr-sidemenu ul,
- .fr-sidemenu ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-sidemenu [href] {
- text-decoration: none;
- }
- .fr-sidemenu__btn[aria-expanded]::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-down-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-sidemenu__title {
- color: #161616;
- box-shadow: inset 0 -1px 0 0 #ddd;
- }
- .fr-sidemenu__item .fr-sidemenu__link,
- .fr-sidemenu__item .fr-sidemenu__btn {
- color: #3a3a3a;
- }
- .fr-sidemenu__item::before {
- box-shadow:
- 0 -1px 0 0 #ddd,
- inset 0 -1px 0 0 #ddd;
- }
- .fr-sidemenu__item:first-child::before {
- box-shadow: inset 0 -1px 0 0 #ddd;
- }
- .fr-sidemenu__item:last-child::before {
- box-shadow: 0 -1px 0 0 #ddd;
- }
- .fr-sidemenu__link,
- .fr-sidemenu__btn {
- color: #000091;
- }
- .fr-sidemenu__link[aria-current],
- .fr-sidemenu__btn[aria-current] {
- color: #000091;
- }
- .fr-sidemenu__link[aria-current]::before,
- .fr-sidemenu__btn[aria-current]::before {
- background-color: #000091;
- }
- .fr-sidemenu__btn[aria-expanded='true'] {
- background-color: #e3e3fd;
- }
- .fr-highlight {
- box-shadow: inset 0.25rem 0 0 0 #6a6af4;
- }
- .fr-highlight--green-tilleul-verveine {
- box-shadow: inset 0.25rem 0 0 0 #b7a73f;
- }
- .fr-highlight--green-bourgeon {
- box-shadow: inset 0.25rem 0 0 0 #68a532;
- }
- .fr-highlight--green-emeraude {
- box-shadow: inset 0.25rem 0 0 0 #00a95f;
- }
- .fr-highlight--green-menthe {
- box-shadow: inset 0.25rem 0 0 0 #009081;
- }
- .fr-highlight--green-archipel {
- box-shadow: inset 0.25rem 0 0 0 #009099;
- }
- .fr-highlight--blue-ecume {
- box-shadow: inset 0.25rem 0 0 0 #465f9d;
- }
- .fr-highlight--blue-cumulus {
- box-shadow: inset 0.25rem 0 0 0 #417dc4;
- }
- .fr-highlight--purple-glycine {
- box-shadow: inset 0.25rem 0 0 0 #a558a0;
- }
- .fr-highlight--pink-macaron {
- box-shadow: inset 0.25rem 0 0 0 #e18b76;
- }
- .fr-highlight--pink-tuile {
- box-shadow: inset 0.25rem 0 0 0 #ce614a;
- }
- .fr-highlight--yellow-tournesol {
- box-shadow: inset 0.25rem 0 0 0 #c8aa39;
- }
- .fr-highlight--yellow-moutarde {
- box-shadow: inset 0.25rem 0 0 0 #c3992a;
- }
- .fr-highlight--orange-terre-battue {
- box-shadow: inset 0.25rem 0 0 0 #e4794a;
- }
- .fr-highlight--brown-cafe-creme {
- box-shadow: inset 0.25rem 0 0 0 #d1b781;
- }
- .fr-highlight--brown-caramel {
- box-shadow: inset 0.25rem 0 0 0 #c08c65;
- }
- .fr-highlight--brown-opera {
- box-shadow: inset 0.25rem 0 0 0 #bd987a;
- }
- .fr-highlight--beige-gris-galet {
- box-shadow: inset 0.25rem 0 0 0 #aea397;
- }
- .fr-tabs ul {
- list-style-type: none;
- }
- .fr-tabs ol {
- list-style-type: none;
- }
- .fr-tabs ul,
- .fr-tabs ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-tabs::before {
- position: absolute;
- top: 3rem;
- right: 0;
- bottom: 0;
- left: 0;
- box-shadow:
- inset 0 1px 0 0 #ddd,
- inset 1px 0 0 0 #ddd,
- inset -1px 0 0 0 #ddd;
- }
- .fr-tabs .fr-tabs__list {
- padding: 0.25rem 0.75rem;
- }
- .fr-tabs__tab::before,
- .fr-tabs__tab::after {
- width: 1rem;
- height: 1rem;
- }
- .fr-tabs__panel {
- padding: 0 0.1px;
- left: 0;
- }
- .fr-tabs__panel [href] {
- text-decoration: underline;
- }
- .fr-tabs__panel > * {
- margin-left: 1rem;
- margin-right: 1rem;
- }
- .fr-tabs__panel > *:first-child {
- margin-top: 0.75rem;
- }
- .fr-tabs__panel > *:last-child {
- margin-bottom: 1rem;
- }
- .fr-tabs {
- box-shadow: inset 0 -1px 0 0 #ddd;
- }
- .fr-tabs__tab {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
- box-shadow: 0 2px 0 0 #fff;
- }
- .fr-tabs__tab:not([aria-selected='true']) {
- background-color: #e3e3fd;
- color: #161616;
- }
- .fr-tabs__tab[aria-selected='true']:not(:disabled) {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
- background-color: #fff;
- color: #000091;
- }
- .fr-tabs__tab:disabled {
- color: #929292;
- background-color: #e5e5e5;
- }
- /**
- * Correctif de la largeur de la légende d'un fieldset
- */
- .fr-pagination [href] {
- text-decoration: none;
- }
- .fr-pagination ul {
- list-style-type: none;
- }
- .fr-pagination ol {
- list-style-type: none;
- }
- .fr-pagination ul,
- .fr-pagination ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-pagination__link--first::before,
- .fr-pagination__link--first::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--arrow-left-s-first-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-pagination__link--prev::before,
- .fr-pagination__link--prev::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-left-s-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-pagination__link--next::before,
- .fr-pagination__link--next::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-right-s-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-pagination__link--last::before,
- .fr-pagination__link--last::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/fr--arrow-right-s-last-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-pagination {
- color: #161616;
- }
- .fr-pagination__link[aria-current] {
- background-color: #000091;
- color: #f5f5fe;
- }
- .fr-pagination__link[aria-current]:hover {
- background-color: #1212ff;
- }
- .fr-pagination__link[aria-current]:active {
- background-color: #2323ff;
- }
- .fr-pagination__link:not([aria-current]):disabled,
- a.fr-pagination__link:not([aria-current]):not([href]) {
- color: #929292;
- }
- .fr-summary {
- background-color: #eee;
- }
- .fr-summary__title {
- color: #161616;
- }
- .fr-summary li > a {
- color: #161616;
- }
- /**
- * Correctif placement caption
- */
- .fr-table[data-fr-js-table='true'] caption {
- position: relative;
- }
- .fr-table caption {
- color: #161616;
- }
- .fr-table thead {
- background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
- background-color: #eee;
- color: #161616;
- }
- .fr-table tbody {
- background-color: #f6f6f6;
- }
- .fr-table tbody tr:nth-child(even) {
- background-color: #eee;
- }
- .fr-table--green-tilleul-verveine thead {
- background-image: linear-gradient(0deg, #66673d, #66673d);
- background-color: #fceeac;
- }
- .fr-table--green-tilleul-verveine tbody {
- background-color: #fef7da;
- }
- .fr-table--green-tilleul-verveine tbody tr:nth-child(even) {
- background-color: #fceeac;
- }
- .fr-table--green-tilleul-verveine.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
- }
- .fr-table--green-bourgeon thead {
- background-image: linear-gradient(0deg, #447049, #447049);
- background-color: #c9fcac;
- }
- .fr-table--green-bourgeon tbody {
- background-color: #e6feda;
- }
- .fr-table--green-bourgeon tbody tr:nth-child(even) {
- background-color: #c9fcac;
- }
- .fr-table--green-bourgeon.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #68a532, #68a532);
- }
- .fr-table--green-emeraude thead {
- background-image: linear-gradient(0deg, #297254, #297254);
- background-color: #c3fad5;
- }
- .fr-table--green-emeraude tbody {
- background-color: #e3fdeb;
- }
- .fr-table--green-emeraude tbody tr:nth-child(even) {
- background-color: #c3fad5;
- }
- .fr-table--green-emeraude.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #00a95f, #00a95f);
- }
- .fr-table--green-menthe thead {
- background-image: linear-gradient(0deg, #37635f, #37635f);
- background-color: #bafaee;
- }
- .fr-table--green-menthe tbody {
- background-color: #dffdf7;
- }
- .fr-table--green-menthe tbody tr:nth-child(even) {
- background-color: #bafaee;
- }
- .fr-table--green-menthe.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #009081, #009081);
- }
- .fr-table--green-archipel thead {
- background-image: linear-gradient(0deg, #006a6f, #006a6f);
- background-color: #c7f6fc;
- }
- .fr-table--green-archipel tbody {
- background-color: #e5fbfd;
- }
- .fr-table--green-archipel tbody tr:nth-child(even) {
- background-color: #c7f6fc;
- }
- .fr-table--green-archipel.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #009099, #009099);
- }
- .fr-table--blue-ecume thead {
- background-image: linear-gradient(0deg, #2f4077, #2f4077);
- background-color: #e9edfe;
- }
- .fr-table--blue-ecume tbody {
- background-color: #f4f6fe;
- }
- .fr-table--blue-ecume tbody tr:nth-child(even) {
- background-color: #e9edfe;
- }
- .fr-table--blue-ecume.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #465f9d, #465f9d);
- }
- .fr-table--blue-cumulus thead {
- background-image: linear-gradient(0deg, #3558a2, #3558a2);
- background-color: #e6eefe;
- }
- .fr-table--blue-cumulus tbody {
- background-color: #f3f6fe;
- }
- .fr-table--blue-cumulus tbody tr:nth-child(even) {
- background-color: #e6eefe;
- }
- .fr-table--blue-cumulus.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #417dc4, #417dc4);
- }
- .fr-table--purple-glycine thead {
- background-image: linear-gradient(0deg, #6e445a, #6e445a);
- background-color: #fee7fc;
- }
- .fr-table--purple-glycine tbody {
- background-color: #fef3fd;
- }
- .fr-table--purple-glycine tbody tr:nth-child(even) {
- background-color: #fee7fc;
- }
- .fr-table--purple-glycine.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #a558a0, #a558a0);
- }
- .fr-table--pink-macaron thead {
- background-image: linear-gradient(0deg, #8d533e, #8d533e);
- background-color: #fee9e6;
- }
- .fr-table--pink-macaron tbody {
- background-color: #fef4f2;
- }
- .fr-table--pink-macaron tbody tr:nth-child(even) {
- background-color: #fee9e6;
- }
- .fr-table--pink-macaron.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #e18b76, #e18b76);
- }
- .fr-table--pink-tuile thead {
- background-image: linear-gradient(0deg, #a94645, #a94645);
- background-color: #fee9e7;
- }
- .fr-table--pink-tuile tbody {
- background-color: #fef4f3;
- }
- .fr-table--pink-tuile tbody tr:nth-child(even) {
- background-color: #fee9e7;
- }
- .fr-table--pink-tuile.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #ce614a, #ce614a);
- }
- .fr-table--yellow-tournesol thead {
- background-image: linear-gradient(0deg, #716043, #716043);
- background-color: #feecc2;
- }
- .fr-table--yellow-tournesol tbody {
- background-color: #fef6e3;
- }
- .fr-table--yellow-tournesol tbody tr:nth-child(even) {
- background-color: #feecc2;
- }
- .fr-table--yellow-tournesol.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
- }
- .fr-table--yellow-moutarde thead {
- background-image: linear-gradient(0deg, #695240, #695240);
- background-color: #feebd0;
- }
- .fr-table--yellow-moutarde tbody {
- background-color: #fef5e8;
- }
- .fr-table--yellow-moutarde tbody tr:nth-child(even) {
- background-color: #feebd0;
- }
- .fr-table--yellow-moutarde.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #c3992a, #c3992a);
- }
- .fr-table--orange-terre-battue thead {
- background-image: linear-gradient(0deg, #755348, #755348);
- background-color: #fee9e5;
- }
- .fr-table--orange-terre-battue tbody {
- background-color: #fef4f2;
- }
- .fr-table--orange-terre-battue tbody tr:nth-child(even) {
- background-color: #fee9e5;
- }
- .fr-table--orange-terre-battue.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #e4794a, #e4794a);
- }
- .fr-table--brown-cafe-creme thead {
- background-image: linear-gradient(0deg, #685c48, #685c48);
- background-color: #f7ecdb;
- }
- .fr-table--brown-cafe-creme tbody {
- background-color: #fbf6ed;
- }
- .fr-table--brown-cafe-creme tbody tr:nth-child(even) {
- background-color: #f7ecdb;
- }
- .fr-table--brown-cafe-creme.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #d1b781, #d1b781);
- }
- .fr-table--brown-caramel thead {
- background-image: linear-gradient(0deg, #845d48, #845d48);
- background-color: #f7ebe5;
- }
- .fr-table--brown-caramel tbody {
- background-color: #fbf5f2;
- }
- .fr-table--brown-caramel tbody tr:nth-child(even) {
- background-color: #f7ebe5;
- }
- .fr-table--brown-caramel.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #c08c65, #c08c65);
- }
- .fr-table--brown-opera thead {
- background-image: linear-gradient(0deg, #745b47, #745b47);
- background-color: #f7ece4;
- }
- .fr-table--brown-opera tbody {
- background-color: #fbf5f2;
- }
- .fr-table--brown-opera tbody tr:nth-child(even) {
- background-color: #f7ece4;
- }
- .fr-table--brown-opera.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #bd987a, #bd987a);
- }
- .fr-table--beige-gris-galet thead {
- background-image: linear-gradient(0deg, #6a6156, #6a6156);
- background-color: #f3ede5;
- }
- .fr-table--beige-gris-galet tbody {
- background-color: #f9f6f2;
- }
- .fr-table--beige-gris-galet tbody tr:nth-child(even) {
- background-color: #f3ede5;
- }
- .fr-table--beige-gris-galet.fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #aea397, #aea397);
- }
- .fr-table--bordered tbody tr {
- background-image: linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-table--bordered tbody tr:nth-child(even) {
- background-color: transparent;
- }
- .fr-table--bordered tbody tr:nth-child(even):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-table--bordered tbody tr:nth-child(even):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-tag::before,
- .fr-tag::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-tag .fr-tag--sm::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 0.75rem;
- height: 0.75rem;
- }
- button .fr-tag[aria-pressed='true'],
- input[type='button'] .fr-tag[aria-pressed='true'] {
- background-size:
- 100% 100%,
- 100% 100%;
- }
- button .fr-tag[aria-pressed='true']::after,
- input[type='button'] .fr-tag[aria-pressed='true']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/checkbox-circle-line.svg');
- width: 1rem;
- height: 1rem;
- }
- button .fr-tag[aria-pressed='true'] .fr-tag--sm::after,
- input[type='button'] .fr-tag[aria-pressed='true'] .fr-tag--sm::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 0.75rem;
- height: 0.75rem;
- }
- button .fr-tag .fr-tag--dismiss::after,
- input[type='button'] .fr-tag .fr-tag--dismiss::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/close-line.svg');
- width: 1rem;
- height: 1rem;
- }
- button .fr-tag .fr-tag--dismiss .fr-tag--sm::after,
- input[type='button'] .fr-tag .fr-tag--dismiss .fr-tag--sm::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 0.75rem;
- height: 0.75rem;
- }
- ul.fr-tags-group {
- list-style-type: none;
- }
- ol.fr-tags-group {
- list-style-type: none;
- }
- ul.fr-tags-group,
- ol.fr-tags-group {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-tags-group--sm::before,
- .fr-tags-group--sm::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1rem;
- height: 1rem;
- }
- .fr-tags-group--sm a .fr-tag .fr-tag--dismiss::after,
- .fr-tags-group--sm button .fr-tag .fr-tag--dismiss::after,
- .fr-tags-group--sm input[type='button'] .fr-tag .fr-tag--dismiss::after,
- .fr-tags-group--sm input[type='image'] .fr-tag .fr-tag--dismiss::after,
- .fr-tags-group--sm input[type='reset'] .fr-tag .fr-tag--dismiss::after,
- .fr-tags-group--sm input[type='submit'] .fr-tag .fr-tag--dismiss::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 0.75rem;
- height: 0.75rem;
- }
- .fr-tags-group--sm a .fr-tag[aria-pressed='true']::after,
- .fr-tags-group--sm button .fr-tag[aria-pressed='true']::after,
- .fr-tags-group--sm input[type='button'] .fr-tag[aria-pressed='true']::after,
- .fr-tags-group--sm input[type='image'] .fr-tag[aria-pressed='true']::after,
- .fr-tags-group--sm input[type='reset'] .fr-tag[aria-pressed='true']::after,
- .fr-tags-group--sm input[type='submit'] .fr-tag[aria-pressed='true']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 0.75rem;
- height: 0.75rem;
- background-color: transparent !important;
- }
- .fr-tag {
- color: #161616;
- background-color: #eee;
- }
- .fr-tag[aria-pressed='false'] {
- color: #000091;
- background-color: #e3e3fd;
- }
- .fr-tag[aria-pressed='false']:hover {
- background-color: #c1c1fb;
- }
- .fr-tag[aria-pressed='false']:active {
- background-color: #adadf9;
- }
- .fr-tag.fr-tag--dismiss {
- color: #fff;
- background-color: #000091;
- }
- .fr-tag.fr-tag--dismiss:hover {
- background-color: #1212ff;
- }
- .fr-tag.fr-tag--dismiss:active {
- background-color: #2323ff;
- }
- a.fr-tag,
- button.fr-tag,
- input[type='button'].fr-tag {
- color: #000091;
- background-color: #e3e3fd;
- }
- a.fr-tag:hover,
- button.fr-tag:hover,
- input[type='button'].fr-tag:hover {
- background-color: #c1c1fb;
- }
- a.fr-tag:active,
- button.fr-tag:active,
- input[type='button'].fr-tag:active {
- background-color: #adadf9;
- }
- a.fr-tag--green-tilleul-verveine,
- button.fr-tag--green-tilleul-verveine,
- input[type='button'].fr-tag--green-tilleul-verveine {
- color: #66673d;
- background-color: #fbe769;
- }
- a.fr-tag--green-tilleul-verveine:hover,
- button.fr-tag--green-tilleul-verveine:hover,
- input[type='button'].fr-tag--green-tilleul-verveine:hover {
- background-color: #d7c655;
- }
- a.fr-tag--green-tilleul-verveine:active,
- button.fr-tag--green-tilleul-verveine:active,
- input[type='button'].fr-tag--green-tilleul-verveine:active {
- background-color: #c2b24c;
- }
- a.fr-tag--green-bourgeon,
- button.fr-tag--green-bourgeon,
- input[type='button'].fr-tag--green-bourgeon {
- color: #447049;
- background-color: #a9fb68;
- }
- a.fr-tag--green-bourgeon:hover,
- button.fr-tag--green-bourgeon:hover,
- input[type='button'].fr-tag--green-bourgeon:hover {
- background-color: #8ed654;
- }
- a.fr-tag--green-bourgeon:active,
- button.fr-tag--green-bourgeon:active,
- input[type='button'].fr-tag--green-bourgeon:active {
- background-color: #7fc04b;
- }
- a.fr-tag--green-emeraude,
- button.fr-tag--green-emeraude,
- input[type='button'].fr-tag--green-emeraude {
- color: #297254;
- background-color: #9ef9be;
- }
- a.fr-tag--green-emeraude:hover,
- button.fr-tag--green-emeraude:hover,
- input[type='button'].fr-tag--green-emeraude:hover {
- background-color: #69df97;
- }
- a.fr-tag--green-emeraude:active,
- button.fr-tag--green-emeraude:active,
- input[type='button'].fr-tag--green-emeraude:active {
- background-color: #5ec988;
- }
- a.fr-tag--green-menthe,
- button.fr-tag--green-menthe,
- input[type='button'].fr-tag--green-menthe {
- color: #37635f;
- background-color: #8bf8e7;
- }
- a.fr-tag--green-menthe:hover,
- button.fr-tag--green-menthe:hover,
- input[type='button'].fr-tag--green-menthe:hover {
- background-color: #6ed5c5;
- }
- a.fr-tag--green-menthe:active,
- button.fr-tag--green-menthe:active,
- input[type='button'].fr-tag--green-menthe:active {
- background-color: #62bfb1;
- }
- a.fr-tag--green-archipel,
- button.fr-tag--green-archipel,
- input[type='button'].fr-tag--green-archipel {
- color: #006a6f;
- background-color: #a6f2fa;
- }
- a.fr-tag--green-archipel:hover,
- button.fr-tag--green-archipel:hover,
- input[type='button'].fr-tag--green-archipel:hover {
- background-color: #62dbe5;
- }
- a.fr-tag--green-archipel:active,
- button.fr-tag--green-archipel:active,
- input[type='button'].fr-tag--green-archipel:active {
- background-color: #58c5cf;
- }
- a.fr-tag--blue-ecume,
- button.fr-tag--blue-ecume,
- input[type='button'].fr-tag--blue-ecume {
- color: #2f4077;
- background-color: #dee5fd;
- }
- a.fr-tag--blue-ecume:hover,
- button.fr-tag--blue-ecume:hover,
- input[type='button'].fr-tag--blue-ecume:hover {
- background-color: #b4c5fb;
- }
- a.fr-tag--blue-ecume:active,
- button.fr-tag--blue-ecume:active,
- input[type='button'].fr-tag--blue-ecume:active {
- background-color: #99b3f9;
- }
- a.fr-tag--blue-cumulus,
- button.fr-tag--blue-cumulus,
- input[type='button'].fr-tag--blue-cumulus {
- color: #3558a2;
- background-color: #dae6fd;
- }
- a.fr-tag--blue-cumulus:hover,
- button.fr-tag--blue-cumulus:hover,
- input[type='button'].fr-tag--blue-cumulus:hover {
- background-color: #a9c8fb;
- }
- a.fr-tag--blue-cumulus:active,
- button.fr-tag--blue-cumulus:active,
- input[type='button'].fr-tag--blue-cumulus:active {
- background-color: #8ab8f9;
- }
- a.fr-tag--purple-glycine,
- button.fr-tag--purple-glycine,
- input[type='button'].fr-tag--purple-glycine {
- color: #6e445a;
- background-color: #fddbfa;
- }
- a.fr-tag--purple-glycine:hover,
- button.fr-tag--purple-glycine:hover,
- input[type='button'].fr-tag--purple-glycine:hover {
- background-color: #fbaff5;
- }
- a.fr-tag--purple-glycine:active,
- button.fr-tag--purple-glycine:active,
- input[type='button'].fr-tag--purple-glycine:active {
- background-color: #fa96f2;
- }
- a.fr-tag--pink-macaron,
- button.fr-tag--pink-macaron,
- input[type='button'].fr-tag--pink-macaron {
- color: #8d533e;
- background-color: #fddfda;
- }
- a.fr-tag--pink-macaron:hover,
- button.fr-tag--pink-macaron:hover,
- input[type='button'].fr-tag--pink-macaron:hover {
- background-color: #fbb8ab;
- }
- a.fr-tag--pink-macaron:active,
- button.fr-tag--pink-macaron:active,
- input[type='button'].fr-tag--pink-macaron:active {
- background-color: #faa18d;
- }
- a.fr-tag--pink-tuile,
- button.fr-tag--pink-tuile,
- input[type='button'].fr-tag--pink-tuile {
- color: #a94645;
- background-color: #fddfdb;
- }
- a.fr-tag--pink-tuile:hover,
- button.fr-tag--pink-tuile:hover,
- input[type='button'].fr-tag--pink-tuile:hover {
- background-color: #fbb8ad;
- }
- a.fr-tag--pink-tuile:active,
- button.fr-tag--pink-tuile:active,
- input[type='button'].fr-tag--pink-tuile:active {
- background-color: #faa191;
- }
- a.fr-tag--yellow-tournesol,
- button.fr-tag--yellow-tournesol,
- input[type='button'].fr-tag--yellow-tournesol {
- color: #716043;
- background-color: #fde39c;
- }
- a.fr-tag--yellow-tournesol:hover,
- button.fr-tag--yellow-tournesol:hover,
- input[type='button'].fr-tag--yellow-tournesol:hover {
- background-color: #e9c53b;
- }
- a.fr-tag--yellow-tournesol:active,
- button.fr-tag--yellow-tournesol:active,
- input[type='button'].fr-tag--yellow-tournesol:active {
- background-color: #d3b235;
- }
- a.fr-tag--yellow-moutarde,
- button.fr-tag--yellow-moutarde,
- input[type='button'].fr-tag--yellow-moutarde {
- color: #695240;
- background-color: #fde2b5;
- }
- a.fr-tag--yellow-moutarde:hover,
- button.fr-tag--yellow-moutarde:hover,
- input[type='button'].fr-tag--yellow-moutarde:hover {
- background-color: #f6c43c;
- }
- a.fr-tag--yellow-moutarde:active,
- button.fr-tag--yellow-moutarde:active,
- input[type='button'].fr-tag--yellow-moutarde:active {
- background-color: #dfb135;
- }
- a.fr-tag--orange-terre-battue,
- button.fr-tag--orange-terre-battue,
- input[type='button'].fr-tag--orange-terre-battue {
- color: #755348;
- background-color: #fddfd8;
- }
- a.fr-tag--orange-terre-battue:hover,
- button.fr-tag--orange-terre-battue:hover,
- input[type='button'].fr-tag--orange-terre-battue:hover {
- background-color: #fbb8a5;
- }
- a.fr-tag--orange-terre-battue:active,
- button.fr-tag--orange-terre-battue:active,
- input[type='button'].fr-tag--orange-terre-battue:active {
- background-color: #faa184;
- }
- a.fr-tag--brown-cafe-creme,
- button.fr-tag--brown-cafe-creme,
- input[type='button'].fr-tag--brown-cafe-creme {
- color: #685c48;
- background-color: #f4e3c7;
- }
- a.fr-tag--brown-cafe-creme:hover,
- button.fr-tag--brown-cafe-creme:hover,
- input[type='button'].fr-tag--brown-cafe-creme:hover {
- background-color: #e1c386;
- }
- a.fr-tag--brown-cafe-creme:active,
- button.fr-tag--brown-cafe-creme:active,
- input[type='button'].fr-tag--brown-cafe-creme:active {
- background-color: #ccb078;
- }
- a.fr-tag--brown-caramel,
- button.fr-tag--brown-caramel,
- input[type='button'].fr-tag--brown-caramel {
- color: #845d48;
- background-color: #f3e2d9;
- }
- a.fr-tag--brown-caramel:hover,
- button.fr-tag--brown-caramel:hover,
- input[type='button'].fr-tag--brown-caramel:hover {
- background-color: #e7bea6;
- }
- a.fr-tag--brown-caramel:active,
- button.fr-tag--brown-caramel:active,
- input[type='button'].fr-tag--brown-caramel:active {
- background-color: #e1a982;
- }
- a.fr-tag--brown-opera,
- button.fr-tag--brown-opera,
- input[type='button'].fr-tag--brown-opera {
- color: #745b47;
- background-color: #f3e2d7;
- }
- a.fr-tag--brown-opera:hover,
- button.fr-tag--brown-opera:hover,
- input[type='button'].fr-tag--brown-opera:hover {
- background-color: #e7bfa0;
- }
- a.fr-tag--brown-opera:active,
- button.fr-tag--brown-opera:active,
- input[type='button'].fr-tag--brown-opera:active {
- background-color: #deaa7e;
- }
- a.fr-tag--beige-gris-galet,
- button.fr-tag--beige-gris-galet,
- input[type='button'].fr-tag--beige-gris-galet {
- color: #6a6156;
- background-color: #eee4d9;
- }
- a.fr-tag--beige-gris-galet:hover,
- button.fr-tag--beige-gris-galet:hover,
- input[type='button'].fr-tag--beige-gris-galet:hover {
- background-color: #dbc3a4;
- }
- a.fr-tag--beige-gris-galet:active,
- button.fr-tag--beige-gris-galet:active,
- input[type='button'].fr-tag--beige-gris-galet:active {
- background-color: #c6b094;
- }
- button.fr-tag[aria-pressed='true']:not(:disabled),
- input[type='button'].fr-tag[aria-pressed='true']:not(:disabled) {
- background-color: transparent;
- color: #fff;
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #000091 0.625rem);
- }
- button.fr-tag[aria-pressed='true']:not(:disabled):hover,
- input[type='button'].fr-tag[aria-pressed='true']:not(:disabled):hover {
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #1212ff 0.625rem);
- }
- button.fr-tag[aria-pressed='true']:not(:disabled):active,
- input[type='button'].fr-tag[aria-pressed='true']:not(:disabled):active {
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #2323ff 0.625rem);
- }
- button.fr-tag[aria-pressed='true']::after,
- input[type='button'].fr-tag[aria-pressed='true']::after {
- color: #000091;
- }
- button.fr-tag[aria-pressed='true']:disabled,
- input[type='button'].fr-tag[aria-pressed='true']:disabled {
- background-color: transparent;
- background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #e5e5e5 0.625rem);
- }
- button.fr-tag[aria-pressed='true']:disabled::after,
- input[type='button'].fr-tag[aria-pressed='true']:disabled::after {
- color: #929292;
- }
- button.fr-tag[aria-pressed='true'].fr-tag--sm,
- input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
- }
- button.fr-tag[aria-pressed='true'].fr-tag--sm:hover,
- input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm:hover {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);
- }
- button.fr-tag[aria-pressed='true'].fr-tag--sm:active,
- input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm:active {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);
- }
- button.fr-tag[aria-pressed='true'].fr-tag--sm:disabled,
- input[type='button'].fr-tag[aria-pressed='true'].fr-tag--sm:disabled {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem);
- }
- button.fr-tag:disabled,
- input[type='button'].fr-tag:disabled {
- color: #929292;
- background-color: #e5e5e5;
- }
- .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true'],
- .fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true'] {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
- }
- .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']:hover,
- .fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']:hover {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);
- }
- .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']:active,
- .fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']:active {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);
- }
- .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed='true']:disabled,
- .fr-tags-group.fr-tags-group--sm input[type='button'].fr-tag[aria-pressed='true']:disabled {
- background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem);
- }
- /**
- * reset des marges dans l'alerte
- */
- .fr-alert::before,
- .fr-alert::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-alert__title,
- .fr-alert p {
- margin: 0 0 0.25rem;
- }
- .fr-alert--info::before {
- background-image: url('icons/system/fr--info-fill.svg');
- }
- .fr-alert--success::before {
- background-image: url('icons/system/fr--success-fill.svg');
- }
- .fr-alert--error::before {
- background-image: url('icons/system/fr--error-fill.svg');
- }
- .fr-alert--warning::before {
- background-image: url('icons/system/fr--warning-fill.svg');
- }
- .fr-alert .fr-btn--close::before,
- .fr-alert .fr-btn--close::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/close-line.svg');
- width: 1rem;
- height: 1rem;
- }
- /**
- * reset des marges dans l'alerte
- */
- .fr-alert .fr-link--close::before,
- .fr-alert .fr-link--close::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/close-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-alert {
- box-shadow:
- inset 0 0 0 1px #3a3a3a,
- inset 2.5rem 0 0 0 #3a3a3a;
- }
- .fr-alert::before {
- color: #fff;
- }
- .fr-alert--info {
- box-shadow:
- inset 0 0 0 1px #0063cb,
- inset 2.5rem 0 0 0 #0063cb;
- }
- .fr-alert--error {
- box-shadow:
- inset 0 0 0 1px #ce0500,
- inset 2.5rem 0 0 0 #ce0500;
- }
- .fr-alert--success {
- box-shadow:
- inset 0 0 0 1px #18753c,
- inset 2.5rem 0 0 0 #18753c;
- }
- .fr-alert--warning {
- box-shadow:
- inset 0 0 0 1px #b34000,
- inset 2.5rem 0 0 0 #b34000;
- }
- /**
- * reset des marges dans le bandeau
- */
- .fr-notice__title,
- .fr-notice p {
- margin: 0;
- }
- .fr-notice--info .fr-notice__body::before {
- background-image: url('icons/system/fr--info-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- color: transparent;
- }
- .fr-notice .fr-btn--close::before,
- .fr-notice .fr-btn--close::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/close-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-notice {
- background-color: #eee;
- color: #161616;
- }
- .fr-notice--info {
- background-color: #e8edff;
- color: #0063cb;
- }
- .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px);
- }
- .fr-radio-group input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
- }
- .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
- }
- .fr-radio-group input[type='radio']:checked:disabled + label {
- background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
- }
- .fr-fieldset--error .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px);
- }
- .fr-fieldset--error .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
- }
- .fr-fieldset--valid .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px);
- }
- .fr-fieldset--valid .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
- }
- .fr-fieldset--info .fr-radio-group input[type='radio'] + label {
- background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px);
- }
- .fr-fieldset--info .fr-radio-group input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
- }
- .fr-fieldset .fr-radio-group input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
- }
- .fr-fieldset .fr-radio-group input[type='radio']:disabled:checked + label {
- background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
- }
- .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px);
- }
- .fr-radio-group--sm input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
- }
- .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-radio-group--sm input[type='radio']:checked:disabled + label {
- background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
- }
- .fr-fieldset--error .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
- }
- .fr-fieldset--error .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-fieldset--valid .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
- }
- .fr-fieldset--valid .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-fieldset--info .fr-radio-group--sm input[type='radio'] + label {
- background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
- }
- .fr-fieldset--info .fr-radio-group--sm input[type='radio']:checked + label {
- background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-fieldset .fr-radio-group--sm input[type='radio']:disabled + label {
- background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
- }
- .fr-fieldset .fr-radio-group--sm input[type='radio']:disabled:checked + label {
- background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
- }
- .fr-radio-rich__pictogram {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
- background-color: #fff;
- }
- .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #000091 7px, transparent 8px);
- background-color: #fff;
- }
- .fr-radio-rich input[type='radio']:disabled + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
- }
- .fr-radio-rich input[type='radio']:disabled ~ .fr-radio-rich__pictogram svg * {
- fill: #929292;
- }
- .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091),
- radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-radio-rich input[type='radio']:checked ~ .fr-radio-rich__pictogram {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-radio-rich input[type='radio']:checked:disabled + label {
- background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292),
- radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
- }
- .fr-radio-rich input[type='radio']:checked:disabled ~ .fr-radio-rich__pictogram {
- background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-fieldset--error .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
- }
- .fr-fieldset--error .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091),
- radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-fieldset--valid .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
- }
- .fr-fieldset--valid .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091),
- radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-fieldset--info .fr-radio-rich input[type='radio'] + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
- }
- .fr-fieldset--info .fr-radio-rich input[type='radio']:checked + label {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091),
- radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
- }
- .fr-fieldset .fr-radio-rich input[type='radio']:disabled + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
- }
- .fr-fieldset .fr-radio-rich input[type='radio']:disabled:checked + label {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd),
- radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
- }
- .fr-radio-rich__img {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
- background-color: #fff;
- }
- .fr-radio-rich input[type='radio']:disabled ~ .fr-radio-rich__img svg * {
- fill: #929292;
- }
- .fr-radio-rich input[type='radio']:checked ~ .fr-radio-rich__img {
- background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-radio-rich input[type='radio']:checked:disabled ~ .fr-radio-rich__img {
- background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-card--no-icon::after {
- content: none;
- }
- .fr-card__title,
- .fr-card__desc {
- flex: 1 0 auto;
- }
- .fr-card__title a::after {
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-right-line.svg');
- width: 1rem;
- height: 1rem;
- background-color: transparent;
- }
- .fr-card__title [target='_blank']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/external-link-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-card__detail::before {
- width: 1rem;
- height: 1rem;
- }
- .fr-card--download .fr-tile__title a::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/download-line.svg');
- }
- .fr-card.fr-enlarge-link .fr-card__title a {
- text-decoration: none;
- }
- .fr-card.fr-enlarge-link .fr-card__title a::after {
- width: 1.5rem;
- height: 1.5rem;
- background-color: transparent;
- }
- .fr-card--sm.fr-enlarge-link .fr-card__title a::after {
- width: 1rem;
- height: 1rem;
- }
- .fr-card--sm .fr-card__title a::after {
- width: 1rem;
- height: 1rem;
- }
- .fr-card--lg.fr-enlarge-link .fr-card__title a::after {
- width: 2rem;
- height: 2rem;
- }
- .fr-card--lg .fr-card__title a::after {
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-card > .fr-card__img {
- flex-shrink: 0;
- }
- .fr-card {
- background-color: #fff;
- }
- .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-card--grey {
- background-color: #eee;
- }
- .fr-card--shadow {
- z-index: 500;
- background-color: #fff;
- }
- .fr-card--shadow.fr-card--grey {
- background-color: #eee;
- }
- .fr-card--no-background {
- background-color: transparent;
- }
- .fr-card--no-background:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-card--no-background:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-card--download:not(.fr-card--no-background) .fr-card__header {
- background-color: #f6f6f6;
- }
- .fr-card__detail {
- color: #666;
- }
- .fr-card__title {
- color: #161616;
- }
- .fr-card__title a[href] {
- color: #000091;
- }
- .fr-card__title:disabled,
- a.fr-card__title:not([href]) {
- color: #929292;
- background-color: #e5e5e5;
- }
- .fr-checkbox-group input[type='checkbox'] {
- opacity: 1;
- }
- .fr-checkbox-group--error input[type='checkbox'] + label {
- color: #ce0500;
- }
- .fr-checkbox-group--error::before {
- background-color: #ce0500;
- }
- .fr-checkbox-group--valid input[type='checkbox'] + label {
- color: #18753c;
- }
- .fr-checkbox-group--valid::before {
- background-color: #18753c;
- }
- .fr-toggle input[type='checkbox']::-ms-check {
- display: none;
- }
- .fr-toggle input[type='checkbox']:checked::before,
- .fr-toggle input[type='checkbox']:checked::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/check-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-toggle__list {
- list-style: none;
- padding: 0;
- }
- .fr-toggle label::before {
- color: #000091;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle label::after {
- color: #000091;
- box-shadow: inset 0 0 0 1px #000091;
- background-color: #fff;
- }
- .fr-toggle input[type='checkbox'] {
- box-shadow: inset 0 0 0 1px #000091;
- }
- .fr-toggle input[type='checkbox']:checked {
- background-color: #000091;
- }
- .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::after {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
- }
- .fr-toggle input[type='checkbox']:disabled {
- box-shadow: inset 0 0 0 1px #e5e5e5;
- }
- .fr-toggle input[type='checkbox']:disabled:checked {
- background-color: #e5e5e5;
- }
- .fr-toggle input[type='checkbox']:disabled:checked ~ .fr-toggle__label::before {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle input[type='checkbox']:disabled:checked ~ .fr-toggle__label::after {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
- }
- .fr-toggle input[type='checkbox']:disabled ~ .fr-toggle__label::before {
- color: #929292;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle input[type='checkbox']:disabled ~ .fr-toggle__label::after {
- color: #929292;
- box-shadow: inset 0 0 0 1px #e5e5e5;
- }
- .fr-toggle .fr-hint-text {
- color: #666;
- }
- .fr-toggle--border-bottom {
- box-shadow: inset 0 -1px 0 0 #ddd;
- }
- .fr-toggle--error label,
- .fr-fieldset--error .fr-toggle label {
- color: #ce0500;
- }
- .fr-toggle--error label::before,
- .fr-fieldset--error .fr-toggle label::before {
- color: #ce0500;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle--error label::after,
- .fr-fieldset--error .fr-toggle label::after {
- box-shadow: inset 0 0 0 1px #ce0500;
- }
- .fr-toggle--error input[type='checkbox']:checked ~ .fr-toggle__label::before,
- .fr-fieldset--error .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle--valid label,
- .fr-fieldset--valid .fr-toggle label {
- color: #18753c;
- }
- .fr-toggle--valid label::before,
- .fr-fieldset--valid .fr-toggle label::before {
- color: #18753c;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- .fr-toggle--valid label::after,
- .fr-fieldset--valid .fr-toggle label::after {
- box-shadow: inset 0 0 0 1px #18753c;
- }
- .fr-toggle--valid input[type='checkbox']:checked ~ .fr-toggle__label::before,
- .fr-fieldset--valid .fr-toggle input[type='checkbox']:checked ~ .fr-toggle__label::before {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
- }
- /**
- * Correctif
- */
- .fr-skiplinks.focus-within {
- position: relative;
- transform: translateY(0);
- }
- .fr-skiplinks {
- background-color: #eee;
- }
- /**
- * Cache l'icone native du select sur IE
- */
- .fr-select::-ms-expand {
- display: none;
- }
- .fr-select {
- color: #161616;
- background-color: #eee;
- box-shadow: inset 0 -2px 0 0 #3a3a3a;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
- }
- .fr-fieldset--valid .fr-select,
- .fr-select-group--valid .fr-select {
- box-shadow: inset 0 -2px 0 0 #18753c;
- }
- .fr-fieldset--error .fr-select,
- .fr-select-group--error .fr-select {
- box-shadow: inset 0 -2px 0 0 #ce0500;
- }
- .fr-select-group--error::before {
- background-image: linear-gradient(0deg, #ce0500, #ce0500);
- }
- .fr-select-group--valid::before {
- background-image: linear-gradient(0deg, #18753c, #18753c);
- }
- .fr-select-group--info::before {
- background-image: linear-gradient(0deg, #0063cb, #0063cb);
- }
- .fr-select:disabled {
- color: #929292;
- box-shadow: inset 0 -2px 0 0 #e5e5e5;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
- }
- .fr-select:-webkit-autofill,
- .fr-select:-webkit-autofill:hover,
- .fr-select:-webkit-autofill:focus {
- box-shadow:
- inset 0 -2px 0 0 #3a3a3a,
- inset 0 0 0 1000px #ececfe;
- -webkit-text-fill-color: #161616;
- }
- /**
- * Marge des titres et textes
- */
- .fr-callout__title {
- margin: 0 0 0.5rem;
- color: #161616;
- }
- .fr-callout__text {
- margin: 0;
- }
- .fr-callout {
- background-color: #eee;
- box-shadow: inset 0.25rem 0 0 0 #6a6af4;
- }
- .fr-callout::before {
- color: #161616;
- }
- .fr-callout--green-tilleul-verveine {
- box-shadow: inset 0.25rem 0 0 0 #b7a73f;
- background-color: #fceeac;
- }
- .fr-callout--green-bourgeon {
- box-shadow: inset 0.25rem 0 0 0 #68a532;
- background-color: #c9fcac;
- }
- .fr-callout--green-emeraude {
- box-shadow: inset 0.25rem 0 0 0 #00a95f;
- background-color: #c3fad5;
- }
- .fr-callout--green-menthe {
- box-shadow: inset 0.25rem 0 0 0 #009081;
- background-color: #bafaee;
- }
- .fr-callout--green-archipel {
- box-shadow: inset 0.25rem 0 0 0 #009099;
- background-color: #c7f6fc;
- }
- .fr-callout--blue-ecume {
- box-shadow: inset 0.25rem 0 0 0 #465f9d;
- background-color: #e9edfe;
- }
- .fr-callout--blue-cumulus {
- box-shadow: inset 0.25rem 0 0 0 #417dc4;
- background-color: #e6eefe;
- }
- .fr-callout--purple-glycine {
- box-shadow: inset 0.25rem 0 0 0 #a558a0;
- background-color: #fee7fc;
- }
- .fr-callout--pink-macaron {
- box-shadow: inset 0.25rem 0 0 0 #e18b76;
- background-color: #fee9e6;
- }
- .fr-callout--pink-tuile {
- box-shadow: inset 0.25rem 0 0 0 #ce614a;
- background-color: #fee9e7;
- }
- .fr-callout--yellow-tournesol {
- box-shadow: inset 0.25rem 0 0 0 #c8aa39;
- background-color: #feecc2;
- }
- .fr-callout--yellow-moutarde {
- box-shadow: inset 0.25rem 0 0 0 #c3992a;
- background-color: #feebd0;
- }
- .fr-callout--orange-terre-battue {
- box-shadow: inset 0.25rem 0 0 0 #e4794a;
- background-color: #fee9e5;
- }
- .fr-callout--brown-cafe-creme {
- box-shadow: inset 0.25rem 0 0 0 #d1b781;
- background-color: #f7ecdb;
- }
- .fr-callout--brown-caramel {
- box-shadow: inset 0.25rem 0 0 0 #c08c65;
- background-color: #f7ebe5;
- }
- .fr-callout--brown-opera {
- box-shadow: inset 0.25rem 0 0 0 #bd987a;
- background-color: #f7ece4;
- }
- .fr-callout--beige-gris-galet {
- box-shadow: inset 0.25rem 0 0 0 #aea397;
- background-color: #f3ede5;
- }
- .fr-modal__body {
- z-index: 2000;
- background-color: #fff;
- }
- .fr-modal__title {
- color: #161616;
- }
- .fr-modal__footer {
- background-color: #fff;
- }
- .fr-modal__body.fr-scroll-divider .fr-modal__footer {
- background-image: linear-gradient(0deg, #ddd, #ddd);
- }
- /**
- * reset liste à puce
- */
- .fr-nav [href] {
- text-decoration: none;
- }
- .fr-nav ul {
- list-style-type: none;
- }
- .fr-nav ol {
- list-style-type: none;
- }
- .fr-nav ul,
- .fr-nav ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- /**
- * reset margin
- */
- .fr-nav__btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-down-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-mega-menu__category {
- margin: 0;
- }
- .fr-nav__link,
- .fr-nav__btn {
- color: #161616;
- }
- .fr-nav__link[aria-current],
- .fr-nav__btn[aria-current] {
- color: #000091;
- }
- .fr-nav__link[aria-current]::before,
- .fr-nav__btn[aria-current]::before {
- background-color: #000091;
- }
- .fr-nav__btn[aria-expanded='true']:not(:disabled) {
- background-color: #e3e3fd;
- color: #000091;
- }
- .fr-nav__item::before {
- box-shadow:
- 0 -1px 0 0 #ddd,
- inset 0 -1px 0 0 #ddd;
- }
- .fr-nav__item:first-child::before {
- box-shadow: inset 0 -1px 0 0 #ddd;
- }
- .fr-nav__item:last-child::before {
- box-shadow: 0 -1px 0 0 #ddd;
- }
- .fr-mega-menu__list::before {
- box-shadow: 0 1px 0 0 #ddd;
- }
- .fr-share__group > li {
- list-style: none;
- }
- .fr-share .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-'])::before,
- .fr-share .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-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-share .fr-btn--facebook::before {
- background-image: url('icons/logo/facebook-circle-line.svg');
- }
- .fr-share .fr-btn--linkedin::before {
- background-image: url('icons/logo/linkedin-box-line.svg');
- }
- .fr-share .fr-btn--mastodon::before {
- background-image: url('icons/logo/mastodon-line.svg');
- }
- .fr-share .fr-btn--threads::before {
- background-image: url('icons/logo/threads-line.svg');
- }
- .fr-share .fr-btn--twitter::before {
- background-image: url('icons/logo/twitter-line.svg');
- }
- .fr-share .fr-btn--twitter-x::before {
- background-image: url('icons/logo/twitter-x-line.svg');
- }
- .fr-share .fr-btn--mail::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/business/mail-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-share .fr-btn--copy::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/business/links-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-share .fr-btn {
- background-color: transparent;
- color: #000091;
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-share .fr-btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-share .fr-btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-share .fr-btn:disabled,
- .fr-share a.fr-btn:not([href]) {
- color: #929292;
- box-shadow: inset 0 0 0 1px #e5e5e5;
- background-color: transparent;
- }
- .fr-share .fr-btn:disabled:hover,
- .fr-share a.fr-btn:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-share .fr-btn:disabled:active,
- .fr-share a.fr-btn:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-share__link {
- background-color: transparent;
- color: #000091;
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-share__link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-share__link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-share__link:disabled,
- a.fr-share__link:not([href]) {
- color: #929292;
- box-shadow: inset 0 0 0 1px #e5e5e5;
- background-color: transparent;
- }
- .fr-share__link:disabled:hover,
- a.fr-share__link:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-share__link:disabled:active,
- a.fr-share__link:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- /**
- * Reset liste à puce
- */
- .fr-footer ul {
- list-style-type: none;
- }
- .fr-footer ol {
- list-style-type: none;
- }
- .fr-footer ul,
- .fr-footer ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-footer__content-desc [href] {
- text-decoration: underline;
- }
- .fr-footer {
- box-shadow:
- inset 0 2px 0 0 #000091,
- inset 0 -1px 0 0 #ddd;
- }
- .fr-footer__content-link,
- .fr-footer__top-cat {
- color: #161616;
- }
- .fr-footer__top {
- background-color: #f6f6f6;
- }
- .fr-footer__bottom {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- .fr-footer__bottom .fr-btn {
- color: #666;
- }
- .fr-footer__bottom-item::before {
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-footer__bottom-link {
- color: #666;
- }
- .fr-footer__bottom-copy {
- color: #666;
- }
- .fr-footer__partners {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- /**
- * Correctif de la largeur du texte dans la tuile
- */
- .fr-tile--download .fr-tile__body,
- .fr-tile--horizontal .fr-tile__body {
- flex-basis: 100%;
- }
- .fr-tile__body,
- .fr-tile__body > * {
- max-width: 100%;
- }
- .fr-tile__title {
- margin: 0 0 0.5rem;
- max-width: 100%;
- color: #161616;
- }
- .fr-tile__title a::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-right-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-tile__title [target='_blank']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/external-link-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-tile__desc {
- margin: 0;
- max-width: 100%;
- }
- .fr-tile__start,
- .fr-tile__detail {
- max-width: 100%;
- }
- .fr-tile--download .fr-tile__title a::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/download-line.svg');
- }
- .fr-tile.fr-enlarge-link .fr-tile__title a {
- text-decoration: none;
- }
- .fr-tile.fr-enlarge-link .fr-tile__title a::after {
- width: 1.5rem;
- height: 1.5rem;
- background-color: transparent;
- }
- .fr-tile--sm .fr-tile__title a::after {
- width: 1rem;
- height: 1rem;
- }
- .fr-tile {
- background-color: #fff;
- }
- .fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow) {
- background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
- }
- .fr-tile--grey {
- background-color: #eee;
- }
- .fr-tile--shadow {
- z-index: 500;
- background-color: #fff;
- }
- .fr-tile--shadow.fr-tile--grey {
- background-color: #eee;
- }
- .fr-tile--no-background {
- background-color: transparent;
- }
- .fr-tile--no-background:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-tile--no-background:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-tile__title:disabled,
- a.fr-tile__title:not([href]) {
- color: #929292;
- background-color: #e5e5e5;
- }
- .fr-tile__title::before {
- background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
- }
- .fr-tile__title a {
- color: #000091;
- }
- .fr-tile__title a::before {
- background-image: linear-gradient(0deg, #000091, #000091);
- }
- .fr-tile__title a:not([href]) {
- color: #929292;
- }
- .fr-tile__title a:not([href])::before {
- background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5);
- }
- .fr-translate .fr-translate__btn::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/editor/translate-2.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-translate .fr-translate__btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-down-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-translate__menu .fr-translate__language {
- box-shadow: none;
- }
- .fr-transcription {
- position: relative;
- }
- .fr-transcription__btn::before {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/media/align-left.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-transcription__btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-down-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-transcription__btn[aria-expanded='true']::after {
- transform: rotate(-180deg);
- }
- ul.fr-transcription__actions-group {
- list-style-type: none;
- }
- ol.fr-transcription__actions-group {
- list-style-type: none;
- }
- ul.fr-transcription__actions-group,
- ol.fr-transcription__actions-group {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__content {
- max-height: 9.5rem;
- }
- .fr-transcription::before {
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-transcription__btn {
- color: #000091;
- }
- .fr-transcription__btn[aria-expanded='true'] {
- background-color: #e3e3fd;
- }
- .fr-transcription__content::before {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- .fr-transcription__footer::before {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- .fr-transcription .fr-modal:not(.fr-modal--opened)::before {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- .fr-input-wrap--addon .fr-btn {
- flex-shrink: 0;
- }
- .fr-input {
- color: #161616;
- background-color: #eee;
- box-shadow: inset 0 -2px 0 0 #3a3a3a;
- }
- .fr-input::placeholder {
- color: #666;
- }
- .fr-input::-webkit-contacts-auto-fill-button {
- background-color: #161616;
- }
- .fr-input::-webkit-contacts-auto-fill-button:hover {
- background-color: #343434;
- }
- .fr-input::-webkit-contacts-auto-fill-button:active {
- background-color: #474747;
- }
- .fr-input:autofill,
- .fr-input:autofill:hover,
- .fr-input:autofill:focus,
- .fr-input:-webkit-autofill,
- .fr-input:-webkit-autofill:hover,
- .fr-input:-webkit-autofill:focus {
- box-shadow:
- inset 0 -2px 0 0 #3a3a3a,
- inset 0 0 0 1000px #e8edff;
- -webkit-text-fill-color: #161616;
- }
- .fr-fieldset--valid .fr-input,
- .fr-input-group--valid .fr-input {
- box-shadow: inset 0 -2px 0 0 #18753c;
- }
- .fr-fieldset--error .fr-input,
- .fr-input-group--error .fr-input {
- box-shadow: inset 0 -2px 0 0 #ce0500;
- }
- .fr-input-group--error::before {
- background-image: linear-gradient(0deg, #ce0500, #ce0500);
- }
- .fr-input-group--valid::before {
- background-image: linear-gradient(0deg, #18753c, #18753c);
- }
- .fr-input-group--info::before {
- background-image: linear-gradient(0deg, #0063cb, #0063cb);
- }
- .fr-input-wrap--addon > *:not(:last-child).fr-input:not(.fr-input--valid):not(.fr-input--error) {
- box-shadow: inset 0 -2px 0 0 #000091;
- }
- .fr-search-bar .fr-btn::before,
- .fr-search-bar .fr-btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/search-line.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-search-bar .fr-input {
- box-shadow: inset 0 -2px 0 0 #000091;
- }
- .fr-search-bar .fr-input--valid {
- box-shadow: inset 0 -2px 0 0 #18753c;
- }
- .fr-search-bar .fr-input--error {
- box-shadow: inset 0 -2px 0 0 #ce0500;
- }
- .fr-content-media__caption,
- .fr-content-media .fr-link {
- color: #666;
- }
- .fr-content-media__transcription .fr-link {
- background-color: transparent;
- color: #000091;
- }
- .fr-content-media__transcription .fr-link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-content-media__transcription .fr-link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-content-media__transcription .fr-link:disabled,
- .fr-content-media__transcription a.fr-link:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-content-media__transcription .fr-link:disabled:hover,
- .fr-content-media__transcription a.fr-link:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-content-media__transcription .fr-link:disabled:active,
- .fr-content-media__transcription a.fr-link:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-consent-service__collapse .fr-consent-service__collapse-btn {
- text-decoration: underline;
- }
- .fr-consent-service__collapse .fr-consent-service__collapse-btn::before,
- .fr-consent-service__collapse .fr-consent-service__collapse-btn::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-down-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-consent-service__collapse .fr-consent-service__collapse-btn[aria-expanded='true']::before,
- .fr-consent-service__collapse .fr-consent-service__collapse-btn[aria-expanded='true']::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/system/arrow-up-s-line.svg');
- width: 1rem;
- height: 1rem;
- }
- .fr-consent-placeholder {
- background-color: #eee;
- }
- .fr-consent-banner {
- z-index: 1500;
- background-color: #f6f6f6;
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-consent-manager__header,
- .fr-consent-service {
- box-shadow: inset 0 -1px 0 0 #ddd;
- color: #3a3a3a;
- }
- .fr-consent-manager__header .fr-radio-group + .fr-radio-group::before,
- .fr-consent-service .fr-radio-group + .fr-radio-group::before {
- box-shadow: inset 0 0 0 1px #ddd;
- }
- .fr-consent-service:last-of-type,
- .fr-consent-service .fr-consent-service {
- box-shadow: none;
- }
- .fr-consent-service .fr-consent-service__collapse-btn {
- color: #000091;
- }
- /**
- * Correctif de la largeur max des textes
- */
- .fr-follow__newsletter > * {
- max-width: 100%;
- }
- .fr-follow .fr-btn--dailymotion::before {
- background-image: url('icons/logo/fr--dailymotion-fill.svg');
- }
- .fr-follow .fr-btn--facebook::before {
- background-image: url('icons/logo/facebook-circle-fill.svg');
- }
- .fr-follow .fr-btn--github::before {
- background-image: url('icons/logo/github-fill.svg');
- }
- .fr-follow .fr-btn--instagram::before {
- background-image: url('icons/logo/instagram-fill.svg');
- }
- .fr-follow .fr-btn--linkedin::before {
- background-image: url('icons/logo/linkedin-box-fill.svg');
- }
- .fr-follow .fr-btn--mastodon::before {
- background-image: url('icons/logo/mastodon-fill.svg');
- }
- .fr-follow .fr-btn--snapchat::before {
- background-image: url('icons/logo/snapchat-fill.svg');
- }
- .fr-follow .fr-btn--telegram::before {
- background-image: url('icons/logo/telegram-fill.svg');
- }
- .fr-follow .fr-btn--threads::before {
- background-image: url('icons/logo/threads-fill.svg');
- }
- .fr-follow .fr-btn--tiktok::before {
- background-image: url('icons/logo/fr--tiktok-fill.svg');
- }
- .fr-follow .fr-btn--twitch::before {
- background-image: url('icons/logo/twitch-fill.svg');
- }
- .fr-follow .fr-btn--twitter::before {
- background-image: url('icons/logo/twitter-fill.svg');
- }
- .fr-follow .fr-btn--twitter-x::before {
- background-image: url('icons/logo/twitter-x-fill.svg');
- }
- .fr-follow .fr-btn--vimeo::before {
- background-image: url('icons/logo/vimeo-fill.svg');
- }
- .fr-follow .fr-btn--youtube::before {
- background-image: url('icons/logo/youtube-fill.svg');
- }
- .fr-follow .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-'])::before,
- .fr-follow .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-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-btns-group--lg .fr-btn:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::before,
- .fr-follow .fr-btns-group--lg .fr-btn:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 2rem;
- height: 2rem;
- }
- .fr-follow .fr-link--facebook::before,
- .fr-follow .fr-link--facebook::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/logo/facebook-circle-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-link--twitter::before,
- .fr-follow .fr-link--twitter::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/logo/twitter-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-link--instagram::before,
- .fr-follow .fr-link--instagram::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/logo/instagram-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-link--linkedin::before,
- .fr-follow .fr-link--linkedin::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/logo/linkedin-box-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-link--youtube::before,
- .fr-follow .fr-link--youtube::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- background-image: url('icons/logo/youtube-fill.svg');
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-links-group:not(.fr-links-group--sm):not(.fr-links-group--lg) .fr-link:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::before,
- .fr-follow .fr-links-group:not(.fr-links-group--sm):not(.fr-links-group--lg) .fr-link:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 1.5rem;
- height: 1.5rem;
- }
- .fr-follow .fr-links-group--lg .fr-link:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::before,
- .fr-follow .fr-links-group--lg .fr-link:not([class^='fr-icon-']):not([class*=' fr-icon-']):not([class^='fr-fi-']):not([class*=' fr-fi-'])::after {
- background-color: transparent;
- background-size: 100%;
- background-repeat: no-repeat;
- width: 2rem;
- height: 2rem;
- }
- .fr-follow {
- background-color: #f5f5fe;
- }
- .fr-follow .fr-input {
- background-color: #fff;
- }
- .fr-follow__title {
- color: #161616;
- }
- .fr-follow__newsletter-legal {
- color: #666;
- }
- .fr-follow__social .fr-btn {
- background-color: transparent;
- color: #000091;
- }
- .fr-follow__social .fr-btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-follow__social .fr-btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-follow__social .fr-btn:disabled,
- .fr-follow__social a.fr-btn:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-follow__social .fr-btn:disabled:hover,
- .fr-follow__social a.fr-btn:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-follow__social .fr-btn:disabled:active,
- .fr-follow__social a.fr-btn:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-follow .fr-grid-row > *:not(:first-child) {
- box-shadow: 0 -1px 0 0 #6a6af4;
- }
- .fr-follow__social .fr-link {
- background-color: transparent;
- color: #000091;
- }
- .fr-follow__social .fr-link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-follow__social .fr-link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-follow__social .fr-link:disabled,
- .fr-follow__social a.fr-link:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-follow__social .fr-link:disabled:hover,
- .fr-follow__social a.fr-link:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-follow__social .fr-link:disabled:active,
- .fr-follow__social a.fr-link:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-password__btn {
- background-color: transparent;
- color: #000091;
- }
- .fr-password__btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-password__btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-password__btn:disabled,
- a.fr-password__btn:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-password__btn:disabled:hover,
- a.fr-password__btn:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-password__btn:disabled:active,
- a.fr-password__btn:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-password [data-fr-capslock]::before {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E");
- }
- .fr-password .fr-password__checkbox input[type='checkbox'] + label {
- color: #3a3a3a;
- }
- .fr-header ul {
- list-style-type: none;
- }
- .fr-header ol {
- list-style-type: none;
- }
- .fr-header ul,
- .fr-header ol {
- padding-left: 0;
- margin-top: 0;
- margin-bottom: 0;
- }
- .fr-header [href] {
- text-decoration: 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-']):not(.fr-btn--display)::before {
- width: 1rem;
- height: 1rem;
- }
- .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 {
- width: 1rem;
- height: 1rem;
- }
- .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.fr-btn--display::before {
- width: 1rem;
- height: 1rem;
- }
- .fr-header__tools-links .fr-link {
- overflow: visible;
- background-color: transparent;
- color: #000091;
- }
- .fr-header__brand {
- z-index: 500;
- background-color: #fff;
- }
- .fr-header__service {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- .fr-header__menu-links::after {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
- .fr-header__menu-links .fr-btn {
- background-color: transparent;
- color: #000091;
- box-shadow: none;
- }
- .fr-header__menu-links .fr-btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__menu-links .fr-btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__menu-links .fr-btn:disabled,
- .fr-header__menu-links a.fr-btn:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-header__menu-links .fr-btn:disabled:hover,
- .fr-header__menu-links a.fr-btn:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__menu-links .fr-btn:disabled:active,
- .fr-header__menu-links a.fr-btn:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__tools-links .fr-btn {
- background-color: transparent;
- color: #000091;
- }
- .fr-header__tools-links .fr-btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__tools-links .fr-btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__tools-links .fr-btn:disabled,
- .fr-header__tools-links a.fr-btn:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-header__tools-links .fr-btn:disabled:hover,
- .fr-header__tools-links a.fr-btn:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__tools-links .fr-btn:disabled:active,
- .fr-header__tools-links a.fr-btn:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__navbar .fr-service__title {
- color: #161616;
- }
- .fr-header__navbar .fr-btn {
- background-color: transparent;
- color: #000091;
- }
- .fr-header__navbar .fr-btn:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__navbar .fr-btn:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__navbar .fr-btn:disabled,
- .fr-header__navbar a.fr-btn:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-header__navbar .fr-btn:disabled:hover,
- .fr-header__navbar a.fr-btn:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__navbar .fr-btn:disabled:active,
- .fr-header__navbar a.fr-btn:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__navbar .fr-btn--menu {
- color: #3a3a3a;
- }
- .fr-header .fr-modal {
- background-color: #fff;
- }
- .fr-header__menu-links .fr-link {
- background-color: transparent;
- color: #000091;
- box-shadow: inset 0 -1px 0 0 #ddd;
- }
- .fr-header__menu-links .fr-link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__menu-links .fr-link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__menu-links .fr-link:disabled,
- .fr-header__menu-links a.fr-link:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-header__menu-links .fr-link:disabled:hover,
- .fr-header__menu-links a.fr-link:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__menu-links .fr-link:disabled:active,
- .fr-header__menu-links a.fr-link:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__tools-links .fr-link:hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__tools-links .fr-link:active {
- background-color: rgba(0, 0, 0, 0.1);
- }
- .fr-header__tools-links .fr-link:disabled,
- .fr-header__tools-links a.fr-link:not([href]) {
- color: #929292;
- background-color: transparent;
- }
- .fr-header__tools-links .fr-link:disabled:hover,
- .fr-header__tools-links a.fr-link:not([href]):hover {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .fr-header__tools-links .fr-link:disabled:active,
- .fr-header__tools-links a.fr-link:not([href]):active {
- background-color: rgba(0, 0, 0, 0.1);
- }
-}
-@media (min-width: 48em) and (-ms-high-contrast: none), (min-width: 48em) and (-ms-high-contrast: active) {
- .fr-sidemenu {
- box-shadow: none;
- }
- .fr-sidemenu__title {
- box-shadow: none;
- }
- .fr-sidemenu__inner {
- box-shadow: inset -1px 0 0 0 #ddd;
- }
- .fr-sidemenu--right .fr-sidemenu__inner {
- box-shadow: inset 1px 0 0 0 #ddd;
- }
- .fr-follow .fr-grid-row > *:not(:first-child) {
- box-shadow: -1px 0 0 0 #6a6af4;
- }
-}
-@media (-ms-high-contrast: none) and (min-width: 48em), (-ms-high-contrast: active) and (min-width: 48em) {
- .fr-tabs__panel > * {
- margin-left: 2rem;
- margin-right: 2rem;
- }
- .fr-tabs__panel > *:first-child {
- margin-top: 1.75rem;
- }
- .fr-tabs__panel > *:last-child {
- margin-bottom: 2rem;
- }
- .fr-card--download .fr-card__body,
- .fr-card--horizontal .fr-card__body,
- .fr-card--horizontal-half .fr-card__body,
- .fr-card--horizontal-tier .fr-card__body {
- flex-basis: 100%;
- }
- .fr-tile--download.fr-tile--vertical\@md .fr-tile__body,
- .fr-tile--horizontal.fr-tile--vertical\@md .fr-tile__body {
- flex-basis: auto;
- }
-}
-@media (forced-colors: active) and (-ms-high-contrast: none),
- (forced-colors: active) and (-ms-high-contrast: active),
- (prefers-contrast: more) and (-ms-high-contrast: none),
- (prefers-contrast: more) and (-ms-high-contrast: active) {
- .fr-pagination__link[aria-current] {
- border: 1px solid #000091;
- }
-}
-@media (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) {
- /**
- * Correctif de l'alignement des menus sur la droite
- */
- .fr-nav__item {
- position: static;
- }
- .fr-nav__item--align-right .fr-collapse {
- transform: translateX(-100%);
- }
- /**
- * Override du reset des marges des ul
- **/
- .fr-menu .fr-menu__list {
- margin-bottom: 2rem;
- }
- .fr-menu {
- z-index: 1000;
- }
- .fr-menu__list {
- background-color: #fff;
- box-shadow: inset 0 1px 0 0 #e3e3fd;
- }
- .fr-menu__list > *:first-child,
- .fr-menu__list > *:first-child > .fr-nav__link,
- .fr-menu__list > *:hover,
- .fr-menu__list > *:hover > .fr-nav__link,
- .fr-menu__list > *:hover + *,
- .fr-menu__list > *:hover + * > .fr-nav__link {
- box-shadow: none;
- }
- .fr-menu .fr-nav__link {
- box-shadow: 0 calc(-1rem - 1px) 0 -1rem #ddd;
- }
- .fr-mega-menu {
- z-index: 1000;
- background-color: #fff;
- box-shadow: inset 0 1px 0 0 #e3e3fd;
- }
- .fr-mega-menu__category {
- box-shadow: 0 calc(1rem + 1px) 0 -1rem #ddd;
- }
- .fr-translate .fr-translate__btn[aria-expanded='true'] {
- color: #000091;
- background-color: #e3e3fd;
- }
- .fr-header {
- z-index: 500;
- background-color: #fff;
- }
- .fr-header__brand {
- z-index: auto;
- background: transparent;
- }
- .fr-header__service {
- box-shadow: none;
- }
- .fr-header .fr-header__menu {
- box-shadow: inset 0 1px 0 0 #ddd;
- }
-}
-@media (-ms-high-contrast: none) and (min-width: 62em), (-ms-high-contrast: active) and (min-width: 62em) {
- .fr-tile--download.fr-tile--vertical\@lg .fr-tile__body,
- .fr-tile--horizontal.fr-tile--vertical\@lg .fr-tile__body {
- flex-basis: auto;
- }
- .fr-header .fr-modal {
- position: static;
- overflow: visible;
- }
-}
-/*!
- * DSFR v1.10.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
- */
-.fr-background-default--grey {
- background-color: var(--background-default-grey) !important;
- --idle: transparent;
- --hover: var(--background-default-grey-hover) !important;
- --active: var(--background-default-grey-active) !important;
-}
-
-.fr-background-alt--grey {
- background-color: var(--background-alt-grey) !important;
- --idle: transparent;
- --hover: var(--background-alt-grey-hover) !important;
- --active: var(--background-alt-grey-active) !important;
-}
-
-.fr-background-alt--blue-france {
- background-color: var(--background-alt-blue-france) !important;
- --idle: transparent;
- --hover: var(--background-alt-blue-france-hover) !important;
- --active: var(--background-alt-blue-france-active) !important;
-}
-
-.fr-background-alt--red-marianne {
- background-color: var(--background-alt-red-marianne) !important;
- --idle: transparent;
- --hover: var(--background-alt-red-marianne-hover) !important;
- --active: var(--background-alt-red-marianne-active) !important;
-}
-
-.fr-background-alt--green-tilleul-verveine {
- background-color: var(--background-alt-green-tilleul-verveine) !important;
- --idle: transparent;
- --hover: var(--background-alt-green-tilleul-verveine-hover) !important;
- --active: var(--background-alt-green-tilleul-verveine-active) !important;
-}
-
-.fr-background-alt--green-bourgeon {
- background-color: var(--background-alt-green-bourgeon) !important;
- --idle: transparent;
- --hover: var(--background-alt-green-bourgeon-hover) !important;
- --active: var(--background-alt-green-bourgeon-active) !important;
-}
-
-.fr-background-alt--green-emeraude {
- background-color: var(--background-alt-green-emeraude) !important;
- --idle: transparent;
- --hover: var(--background-alt-green-emeraude-hover) !important;
- --active: var(--background-alt-green-emeraude-active) !important;
-}
-
-.fr-background-alt--green-menthe {
- background-color: var(--background-alt-green-menthe) !important;
- --idle: transparent;
- --hover: var(--background-alt-green-menthe-hover) !important;
- --active: var(--background-alt-green-menthe-active) !important;
-}
-
-.fr-background-alt--green-archipel {
- background-color: var(--background-alt-green-archipel) !important;
- --idle: transparent;
- --hover: var(--background-alt-green-archipel-hover) !important;
- --active: var(--background-alt-green-archipel-active) !important;
-}
-
-.fr-background-alt--blue-ecume {
- background-color: var(--background-alt-blue-ecume) !important;
- --idle: transparent;
- --hover: var(--background-alt-blue-ecume-hover) !important;
- --active: var(--background-alt-blue-ecume-active) !important;
-}
-
-.fr-background-alt--blue-cumulus {
- background-color: var(--background-alt-blue-cumulus) !important;
- --idle: transparent;
- --hover: var(--background-alt-blue-cumulus-hover) !important;
- --active: var(--background-alt-blue-cumulus-active) !important;
-}
-
-.fr-background-alt--purple-glycine {
- background-color: var(--background-alt-purple-glycine) !important;
- --idle: transparent;
- --hover: var(--background-alt-purple-glycine-hover) !important;
- --active: var(--background-alt-purple-glycine-active) !important;
-}
-
-.fr-background-alt--pink-macaron {
- background-color: var(--background-alt-pink-macaron) !important;
- --idle: transparent;
- --hover: var(--background-alt-pink-macaron-hover) !important;
- --active: var(--background-alt-pink-macaron-active) !important;
-}
-
-.fr-background-alt--pink-tuile {
- background-color: var(--background-alt-pink-tuile) !important;
- --idle: transparent;
- --hover: var(--background-alt-pink-tuile-hover) !important;
- --active: var(--background-alt-pink-tuile-active) !important;
-}
-
-.fr-background-alt--yellow-tournesol {
- background-color: var(--background-alt-yellow-tournesol) !important;
- --idle: transparent;
- --hover: var(--background-alt-yellow-tournesol-hover) !important;
- --active: var(--background-alt-yellow-tournesol-active) !important;
-}
-
-.fr-background-alt--yellow-moutarde {
- background-color: var(--background-alt-yellow-moutarde) !important;
- --idle: transparent;
- --hover: var(--background-alt-yellow-moutarde-hover) !important;
- --active: var(--background-alt-yellow-moutarde-active) !important;
-}
-
-.fr-background-alt--orange-terre-battue {
- background-color: var(--background-alt-orange-terre-battue) !important;
- --idle: transparent;
- --hover: var(--background-alt-orange-terre-battue-hover) !important;
- --active: var(--background-alt-orange-terre-battue-active) !important;
-}
-
-.fr-background-alt--brown-cafe-creme {
- background-color: var(--background-alt-brown-cafe-creme) !important;
- --idle: transparent;
- --hover: var(--background-alt-brown-cafe-creme-hover) !important;
- --active: var(--background-alt-brown-cafe-creme-active) !important;
-}
-
-.fr-background-alt--brown-caramel {
- background-color: var(--background-alt-brown-caramel) !important;
- --idle: transparent;
- --hover: var(--background-alt-brown-caramel-hover) !important;
- --active: var(--background-alt-brown-caramel-active) !important;
-}
-
-.fr-background-alt--brown-opera {
- background-color: var(--background-alt-brown-opera) !important;
- --idle: transparent;
- --hover: var(--background-alt-brown-opera-hover) !important;
- --active: var(--background-alt-brown-opera-active) !important;
-}
-
-.fr-background-alt--beige-gris-galet {
- background-color: var(--background-alt-beige-gris-galet) !important;
- --idle: transparent;
- --hover: var(--background-alt-beige-gris-galet-hover) !important;
- --active: var(--background-alt-beige-gris-galet-active) !important;
-}
-
-.fr-background-contrast--grey {
- background-color: var(--background-contrast-grey) !important;
- --idle: transparent;
- --hover: var(--background-contrast-grey-hover) !important;
- --active: var(--background-contrast-grey-active) !important;
-}
-
-.fr-background-contrast--blue-france {
- background-color: var(--background-contrast-blue-france) !important;
- --idle: transparent;
- --hover: var(--background-contrast-blue-france-hover) !important;
- --active: var(--background-contrast-blue-france-active) !important;
-}
-
-.fr-background-contrast--red-marianne {
- background-color: var(--background-contrast-red-marianne) !important;
- --idle: transparent;
- --hover: var(--background-contrast-red-marianne-hover) !important;
- --active: var(--background-contrast-red-marianne-active) !important;
-}
-
-.fr-background-contrast--green-tilleul-verveine {
- background-color: var(--background-contrast-green-tilleul-verveine) !important;
- --idle: transparent;
- --hover: var(--background-contrast-green-tilleul-verveine-hover) !important;
- --active: var(--background-contrast-green-tilleul-verveine-active) !important;
-}
-
-.fr-background-contrast--green-bourgeon {
- background-color: var(--background-contrast-green-bourgeon) !important;
- --idle: transparent;
- --hover: var(--background-contrast-green-bourgeon-hover) !important;
- --active: var(--background-contrast-green-bourgeon-active) !important;
-}
-
-.fr-background-contrast--green-emeraude {
- background-color: var(--background-contrast-green-emeraude) !important;
- --idle: transparent;
- --hover: var(--background-contrast-green-emeraude-hover) !important;
- --active: var(--background-contrast-green-emeraude-active) !important;
-}
-
-.fr-background-contrast--green-menthe {
- background-color: var(--background-contrast-green-menthe) !important;
- --idle: transparent;
- --hover: var(--background-contrast-green-menthe-hover) !important;
- --active: var(--background-contrast-green-menthe-active) !important;
-}
-
-.fr-background-contrast--green-archipel {
- background-color: var(--background-contrast-green-archipel) !important;
- --idle: transparent;
- --hover: var(--background-contrast-green-archipel-hover) !important;
- --active: var(--background-contrast-green-archipel-active) !important;
-}
-
-.fr-background-contrast--blue-ecume {
- background-color: var(--background-contrast-blue-ecume) !important;
- --idle: transparent;
- --hover: var(--background-contrast-blue-ecume-hover) !important;
- --active: var(--background-contrast-blue-ecume-active) !important;
-}
-
-.fr-background-contrast--blue-cumulus {
- background-color: var(--background-contrast-blue-cumulus) !important;
- --idle: transparent;
- --hover: var(--background-contrast-blue-cumulus-hover) !important;
- --active: var(--background-contrast-blue-cumulus-active) !important;
-}
-
-.fr-background-contrast--purple-glycine {
- background-color: var(--background-contrast-purple-glycine) !important;
- --idle: transparent;
- --hover: var(--background-contrast-purple-glycine-hover) !important;
- --active: var(--background-contrast-purple-glycine-active) !important;
-}
-
-.fr-background-contrast--pink-macaron {
- background-color: var(--background-contrast-pink-macaron) !important;
- --idle: transparent;
- --hover: var(--background-contrast-pink-macaron-hover) !important;
- --active: var(--background-contrast-pink-macaron-active) !important;
-}
-
-.fr-background-contrast--pink-tuile {
- background-color: var(--background-contrast-pink-tuile) !important;
- --idle: transparent;
- --hover: var(--background-contrast-pink-tuile-hover) !important;
- --active: var(--background-contrast-pink-tuile-active) !important;
-}
-
-.fr-background-contrast--yellow-tournesol {
- background-color: var(--background-contrast-yellow-tournesol) !important;
- --idle: transparent;
- --hover: var(--background-contrast-yellow-tournesol-hover) !important;
- --active: var(--background-contrast-yellow-tournesol-active) !important;
-}
-
-.fr-background-contrast--yellow-moutarde {
- background-color: var(--background-contrast-yellow-moutarde) !important;
- --idle: transparent;
- --hover: var(--background-contrast-yellow-moutarde-hover) !important;
- --active: var(--background-contrast-yellow-moutarde-active) !important;
-}
-
-.fr-background-contrast--orange-terre-battue {
- background-color: var(--background-contrast-orange-terre-battue) !important;
- --idle: transparent;
- --hover: var(--background-contrast-orange-terre-battue-hover) !important;
- --active: var(--background-contrast-orange-terre-battue-active) !important;
-}
-
-.fr-background-contrast--brown-cafe-creme {
- background-color: var(--background-contrast-brown-cafe-creme) !important;
- --idle: transparent;
- --hover: var(--background-contrast-brown-cafe-creme-hover) !important;
- --active: var(--background-contrast-brown-cafe-creme-active) !important;
-}
-
-.fr-background-contrast--brown-caramel {
- background-color: var(--background-contrast-brown-caramel) !important;
- --idle: transparent;
- --hover: var(--background-contrast-brown-caramel-hover) !important;
- --active: var(--background-contrast-brown-caramel-active) !important;
-}
-
-.fr-background-contrast--brown-opera {
- background-color: var(--background-contrast-brown-opera) !important;
- --idle: transparent;
- --hover: var(--background-contrast-brown-opera-hover) !important;
- --active: var(--background-contrast-brown-opera-active) !important;
-}
-
-.fr-background-contrast--beige-gris-galet {
- background-color: var(--background-contrast-beige-gris-galet) !important;
- --idle: transparent;
- --hover: var(--background-contrast-beige-gris-galet-hover) !important;
- --active: var(--background-contrast-beige-gris-galet-active) !important;
-}
-
-.fr-background-contrast--info {
- background-color: var(--background-contrast-info) !important;
- --idle: transparent;
- --hover: var(--background-contrast-info-hover) !important;
- --active: var(--background-contrast-info-active) !important;
-}
-
-.fr-background-contrast--success {
- background-color: var(--background-contrast-success) !important;
- --idle: transparent;
- --hover: var(--background-contrast-success-hover) !important;
- --active: var(--background-contrast-success-active) !important;
-}
-
-.fr-background-contrast--warning {
- background-color: var(--background-contrast-warning) !important;
- --idle: transparent;
- --hover: var(--background-contrast-warning-hover) !important;
- --active: var(--background-contrast-warning-active) !important;
-}
-
-.fr-background-contrast--error {
- background-color: var(--background-contrast-error) !important;
- --idle: transparent;
- --hover: var(--background-contrast-error-hover) !important;
- --active: var(--background-contrast-error-active) !important;
-}
-
-.fr-background-flat--grey {
- background-color: var(--background-flat-grey) !important;
-}
-
-.fr-background-flat--blue-france {
- background-color: var(--background-flat-blue-france) !important;
-}
-
-.fr-background-flat--red-marianne {
- background-color: var(--background-flat-red-marianne) !important;
-}
-
-.fr-background-flat--green-tilleul-verveine {
- background-color: var(--background-flat-green-tilleul-verveine) !important;
-}
-
-.fr-background-flat--green-bourgeon {
- background-color: var(--background-flat-green-bourgeon) !important;
-}
-
-.fr-background-flat--green-emeraude {
- background-color: var(--background-flat-green-emeraude) !important;
-}
-
-.fr-background-flat--green-menthe {
- background-color: var(--background-flat-green-menthe) !important;
-}
-
-.fr-background-flat--green-archipel {
- background-color: var(--background-flat-green-archipel) !important;
-}
-
-.fr-background-flat--blue-ecume {
- background-color: var(--background-flat-blue-ecume) !important;
-}
-
-.fr-background-flat--blue-cumulus {
- background-color: var(--background-flat-blue-cumulus) !important;
-}
-
-.fr-background-flat--purple-glycine {
- background-color: var(--background-flat-purple-glycine) !important;
-}
-
-.fr-background-flat--pink-macaron {
- background-color: var(--background-flat-pink-macaron) !important;
-}
-
-.fr-background-flat--pink-tuile {
- background-color: var(--background-flat-pink-tuile) !important;
-}
-
-.fr-background-flat--yellow-tournesol {
- background-color: var(--background-flat-yellow-tournesol) !important;
-}
-
-.fr-background-flat--yellow-moutarde {
- background-color: var(--background-flat-yellow-moutarde) !important;
-}
-
-.fr-background-flat--orange-terre-battue {
- background-color: var(--background-flat-orange-terre-battue) !important;
-}
-
-.fr-background-flat--brown-cafe-creme {
- background-color: var(--background-flat-brown-cafe-creme) !important;
-}
-
-.fr-background-flat--brown-caramel {
- background-color: var(--background-flat-brown-caramel) !important;
-}
-
-.fr-background-flat--brown-opera {
- background-color: var(--background-flat-brown-opera) !important;
-}
-
-.fr-background-flat--beige-gris-galet {
- background-color: var(--background-flat-beige-gris-galet) !important;
-}
-
-.fr-background-flat--info {
- background-color: var(--background-flat-info) !important;
-}
-
-.fr-background-flat--success {
- background-color: var(--background-flat-success) !important;
-}
-
-.fr-background-flat--warning {
- background-color: var(--background-flat-warning) !important;
-}
-
-.fr-background-flat--error {
- background-color: var(--background-flat-error) !important;
-}
-
-.fr-background-action-high--blue-france {
- background-color: var(--background-action-high-blue-france) !important;
- --idle: transparent;
- --hover: var(--background-action-high-blue-france-hover) !important;
- --active: var(--background-action-high-blue-france-active) !important;
-}
-
-.fr-background-action-high--red-marianne {
- background-color: var(--background-action-high-red-marianne) !important;
- --idle: transparent;
- --hover: var(--background-action-high-red-marianne-hover) !important;
- --active: var(--background-action-high-red-marianne-active) !important;
-}
-
-.fr-background-action-high--green-tilleul-verveine {
- background-color: var(--background-action-high-green-tilleul-verveine) !important;
- --idle: transparent;
- --hover: var(--background-action-high-green-tilleul-verveine-hover) !important;
- --active: var(--background-action-high-green-tilleul-verveine-active) !important;
-}
-
-.fr-background-action-high--green-bourgeon {
- background-color: var(--background-action-high-green-bourgeon) !important;
- --idle: transparent;
- --hover: var(--background-action-high-green-bourgeon-hover) !important;
- --active: var(--background-action-high-green-bourgeon-active) !important;
-}
-
-.fr-background-action-high--green-emeraude {
- background-color: var(--background-action-high-green-emeraude) !important;
- --idle: transparent;
- --hover: var(--background-action-high-green-emeraude-hover) !important;
- --active: var(--background-action-high-green-emeraude-active) !important;
-}
-
-.fr-background-action-high--green-menthe {
- background-color: var(--background-action-high-green-menthe) !important;
- --idle: transparent;
- --hover: var(--background-action-high-green-menthe-hover) !important;
- --active: var(--background-action-high-green-menthe-active) !important;
-}
-
-.fr-background-action-high--green-archipel {
- background-color: var(--background-action-high-green-archipel) !important;
- --idle: transparent;
- --hover: var(--background-action-high-green-archipel-hover) !important;
- --active: var(--background-action-high-green-archipel-active) !important;
-}
-
-.fr-background-action-high--blue-ecume {
- background-color: var(--background-action-high-blue-ecume) !important;
- --idle: transparent;
- --hover: var(--background-action-high-blue-ecume-hover) !important;
- --active: var(--background-action-high-blue-ecume-active) !important;
-}
-
-.fr-background-action-high--blue-cumulus {
- background-color: var(--background-action-high-blue-cumulus) !important;
- --idle: transparent;
- --hover: var(--background-action-high-blue-cumulus-hover) !important;
- --active: var(--background-action-high-blue-cumulus-active) !important;
-}
-
-.fr-background-action-high--purple-glycine {
- background-color: var(--background-action-high-purple-glycine) !important;
- --idle: transparent;
- --hover: var(--background-action-high-purple-glycine-hover) !important;
- --active: var(--background-action-high-purple-glycine-active) !important;
-}
-
-.fr-background-action-high--pink-macaron {
- background-color: var(--background-action-high-pink-macaron) !important;
- --idle: transparent;
- --hover: var(--background-action-high-pink-macaron-hover) !important;
- --active: var(--background-action-high-pink-macaron-active) !important;
-}
-
-.fr-background-action-high--pink-tuile {
- background-color: var(--background-action-high-pink-tuile) !important;
- --idle: transparent;
- --hover: var(--background-action-high-pink-tuile-hover) !important;
- --active: var(--background-action-high-pink-tuile-active) !important;
-}
-
-.fr-background-action-high--yellow-tournesol {
- background-color: var(--background-action-high-yellow-tournesol) !important;
- --idle: transparent;
- --hover: var(--background-action-high-yellow-tournesol-hover) !important;
- --active: var(--background-action-high-yellow-tournesol-active) !important;
-}
-
-.fr-background-action-high--yellow-moutarde {
- background-color: var(--background-action-high-yellow-moutarde) !important;
- --idle: transparent;
- --hover: var(--background-action-high-yellow-moutarde-hover) !important;
- --active: var(--background-action-high-yellow-moutarde-active) !important;
-}
-
-.fr-background-action-high--orange-terre-battue {
- background-color: var(--background-action-high-orange-terre-battue) !important;
- --idle: transparent;
- --hover: var(--background-action-high-orange-terre-battue-hover) !important;
- --active: var(--background-action-high-orange-terre-battue-active) !important;
-}
-
-.fr-background-action-high--brown-cafe-creme {
- background-color: var(--background-action-high-brown-cafe-creme) !important;
- --idle: transparent;
- --hover: var(--background-action-high-brown-cafe-creme-hover) !important;
- --active: var(--background-action-high-brown-cafe-creme-active) !important;
-}
-
-.fr-background-action-high--brown-caramel {
- background-color: var(--background-action-high-brown-caramel) !important;
- --idle: transparent;
- --hover: var(--background-action-high-brown-caramel-hover) !important;
- --active: var(--background-action-high-brown-caramel-active) !important;
-}
-
-.fr-background-action-high--brown-opera {
- background-color: var(--background-action-high-brown-opera) !important;
- --idle: transparent;
- --hover: var(--background-action-high-brown-opera-hover) !important;
- --active: var(--background-action-high-brown-opera-active) !important;
-}
-
-.fr-background-action-high--beige-gris-galet {
- background-color: var(--background-action-high-beige-gris-galet) !important;
- --idle: transparent;
- --hover: var(--background-action-high-beige-gris-galet-hover) !important;
- --active: var(--background-action-high-beige-gris-galet-active) !important;
-}
-
-.fr-background-action-high--info {
- background-color: var(--background-action-high-info) !important;
- --idle: transparent;
- --hover: var(--background-action-high-info-hover) !important;
- --active: var(--background-action-high-info-active) !important;
-}
-
-.fr-background-action-high--success {
- background-color: var(--background-action-high-success) !important;
- --idle: transparent;
- --hover: var(--background-action-high-success-hover) !important;
- --active: var(--background-action-high-success-active) !important;
-}
-
-.fr-background-action-high--warning {
- background-color: var(--background-action-high-warning) !important;
- --idle: transparent;
- --hover: var(--background-action-high-warning-hover) !important;
- --active: var(--background-action-high-warning-active) !important;
-}
-
-.fr-background-action-high--error {
- background-color: var(--background-action-high-error) !important;
- --idle: transparent;
- --hover: var(--background-action-high-error-hover) !important;
- --active: var(--background-action-high-error-active) !important;
-}
-
-.fr-background-action-low--blue-france {
- background-color: var(--background-action-low-blue-france) !important;
- --idle: transparent;
- --hover: var(--background-action-low-blue-france-hover) !important;
- --active: var(--background-action-low-blue-france-active) !important;
-}
-
-.fr-background-action-low--red-marianne {
- background-color: var(--background-action-low-red-marianne) !important;
- --idle: transparent;
- --hover: var(--background-action-low-red-marianne-hover) !important;
- --active: var(--background-action-low-red-marianne-active) !important;
-}
-
-.fr-background-action-low--green-tilleul-verveine {
- background-color: var(--background-action-low-green-tilleul-verveine) !important;
- --idle: transparent;
- --hover: var(--background-action-low-green-tilleul-verveine-hover) !important;
- --active: var(--background-action-low-green-tilleul-verveine-active) !important;
-}
-
-.fr-background-action-low--green-bourgeon {
- background-color: var(--background-action-low-green-bourgeon) !important;
- --idle: transparent;
- --hover: var(--background-action-low-green-bourgeon-hover) !important;
- --active: var(--background-action-low-green-bourgeon-active) !important;
-}
-
-.fr-background-action-low--green-emeraude {
- background-color: var(--background-action-low-green-emeraude) !important;
- --idle: transparent;
- --hover: var(--background-action-low-green-emeraude-hover) !important;
- --active: var(--background-action-low-green-emeraude-active) !important;
-}
-
-.fr-background-action-low--green-menthe {
- background-color: var(--background-action-low-green-menthe) !important;
- --idle: transparent;
- --hover: var(--background-action-low-green-menthe-hover) !important;
- --active: var(--background-action-low-green-menthe-active) !important;
-}
-
-.fr-background-action-low--green-archipel {
- background-color: var(--background-action-low-green-archipel) !important;
- --idle: transparent;
- --hover: var(--background-action-low-green-archipel-hover) !important;
- --active: var(--background-action-low-green-archipel-active) !important;
-}
-
-.fr-background-action-low--blue-ecume {
- background-color: var(--background-action-low-blue-ecume) !important;
- --idle: transparent;
- --hover: var(--background-action-low-blue-ecume-hover) !important;
- --active: var(--background-action-low-blue-ecume-active) !important;
-}
-
-.fr-background-action-low--blue-cumulus {
- background-color: var(--background-action-low-blue-cumulus) !important;
- --idle: transparent;
- --hover: var(--background-action-low-blue-cumulus-hover) !important;
- --active: var(--background-action-low-blue-cumulus-active) !important;
-}
-
-.fr-background-action-low--purple-glycine {
- background-color: var(--background-action-low-purple-glycine) !important;
- --idle: transparent;
- --hover: var(--background-action-low-purple-glycine-hover) !important;
- --active: var(--background-action-low-purple-glycine-active) !important;
-}
-
-.fr-background-action-low--pink-macaron {
- background-color: var(--background-action-low-pink-macaron) !important;
- --idle: transparent;
- --hover: var(--background-action-low-pink-macaron-hover) !important;
- --active: var(--background-action-low-pink-macaron-active) !important;
-}
-
-.fr-background-action-low--pink-tuile {
- background-color: var(--background-action-low-pink-tuile) !important;
- --idle: transparent;
- --hover: var(--background-action-low-pink-tuile-hover) !important;
- --active: var(--background-action-low-pink-tuile-active) !important;
-}
-
-.fr-background-action-low--yellow-tournesol {
- background-color: var(--background-action-low-yellow-tournesol) !important;
- --idle: transparent;
- --hover: var(--background-action-low-yellow-tournesol-hover) !important;
- --active: var(--background-action-low-yellow-tournesol-active) !important;
-}
-
-.fr-background-action-low--yellow-moutarde {
- background-color: var(--background-action-low-yellow-moutarde) !important;
- --idle: transparent;
- --hover: var(--background-action-low-yellow-moutarde-hover) !important;
- --active: var(--background-action-low-yellow-moutarde-active) !important;
-}
-
-.fr-background-action-low--orange-terre-battue {
- background-color: var(--background-action-low-orange-terre-battue) !important;
- --idle: transparent;
- --hover: var(--background-action-low-orange-terre-battue-hover) !important;
- --active: var(--background-action-low-orange-terre-battue-active) !important;
-}
-
-.fr-background-action-low--brown-cafe-creme {
- background-color: var(--background-action-low-brown-cafe-creme) !important;
- --idle: transparent;
- --hover: var(--background-action-low-brown-cafe-creme-hover) !important;
- --active: var(--background-action-low-brown-cafe-creme-active) !important;
-}
-
-.fr-background-action-low--brown-caramel {
- background-color: var(--background-action-low-brown-caramel) !important;
- --idle: transparent;
- --hover: var(--background-action-low-brown-caramel-hover) !important;
- --active: var(--background-action-low-brown-caramel-active) !important;
-}
-
-.fr-background-action-low--brown-opera {
- background-color: var(--background-action-low-brown-opera) !important;
- --idle: transparent;
- --hover: var(--background-action-low-brown-opera-hover) !important;
- --active: var(--background-action-low-brown-opera-active) !important;
-}
-
-.fr-background-action-low--beige-gris-galet {
- background-color: var(--background-action-low-beige-gris-galet) !important;
- --idle: transparent;
- --hover: var(--background-action-low-beige-gris-galet-hover) !important;
- --active: var(--background-action-low-beige-gris-galet-active) !important;
-}
-
-.fr-text-default--grey {
- color: var(--text-default-grey) !important;
-}
-
-.fr-text-default--info {
- color: var(--text-default-info) !important;
-}
-
-.fr-text-default--success {
- color: var(--text-default-success) !important;
-}
-
-.fr-text-default--warning {
- color: var(--text-default-warning) !important;
-}
-
-.fr-text-default--error {
- color: var(--text-default-error) !important;
-}
-
-.fr-text-title--grey {
- color: var(--text-title-grey) !important;
-}
-
-.fr-text-title--blue-france {
- color: var(--text-title-blue-france) !important;
-}
-
-.fr-text-title--red-marianne {
- color: var(--text-title-red-marianne) !important;
-}
-
-.fr-text-label--grey {
- color: var(--text-label-grey) !important;
-}
-
-.fr-text-label--blue-france {
- color: var(--text-label-blue-france) !important;
-}
-
-.fr-text-label--red-marianne {
- color: var(--text-label-red-marianne) !important;
-}
-
-.fr-text-label--green-tilleul-verveine {
- color: var(--text-label-green-tilleul-verveine) !important;
-}
-
-.fr-text-label--green-bourgeon {
- color: var(--text-label-green-bourgeon) !important;
-}
-
-.fr-text-label--green-emeraude {
- color: var(--text-label-green-emeraude) !important;
-}
-
-.fr-text-label--green-menthe {
- color: var(--text-label-green-menthe) !important;
-}
-
-.fr-text-label--green-archipel {
- color: var(--text-label-green-archipel) !important;
-}
-
-.fr-text-label--blue-ecume {
- color: var(--text-label-blue-ecume) !important;
-}
-
-.fr-text-label--blue-cumulus {
- color: var(--text-label-blue-cumulus) !important;
-}
-
-.fr-text-label--purple-glycine {
- color: var(--text-label-purple-glycine) !important;
-}
-
-.fr-text-label--pink-macaron {
- color: var(--text-label-pink-macaron) !important;
-}
-
-.fr-text-label--pink-tuile {
- color: var(--text-label-pink-tuile) !important;
-}
-
-.fr-text-label--yellow-tournesol {
- color: var(--text-label-yellow-tournesol) !important;
-}
-
-.fr-text-label--yellow-moutarde {
- color: var(--text-label-yellow-moutarde) !important;
-}
-
-.fr-text-label--orange-terre-battue {
- color: var(--text-label-orange-terre-battue) !important;
-}
-
-.fr-text-label--brown-cafe-creme {
- color: var(--text-label-brown-cafe-creme) !important;
-}
-
-.fr-text-label--brown-caramel {
- color: var(--text-label-brown-caramel) !important;
-}
-
-.fr-text-label--brown-opera {
- color: var(--text-label-brown-opera) !important;
-}
-
-.fr-text-label--beige-gris-galet {
- color: var(--text-label-beige-gris-galet) !important;
-}
-
-.fr-text-mention--grey {
- color: var(--text-mention-grey) !important;
-}
-
-.fr-text-inverted--grey {
- color: var(--text-inverted-grey) !important;
-}
-
-.fr-text-inverted--blue-france {
- color: var(--text-inverted-blue-france) !important;
-}
-
-.fr-text-inverted--red-marianne {
- color: var(--text-inverted-red-marianne) !important;
-}
-
-.fr-text-inverted--info {
- color: var(--text-inverted-info) !important;
-}
-
-.fr-text-inverted--success {
- color: var(--text-inverted-success) !important;
-}
-
-.fr-text-inverted--warning {
- color: var(--text-inverted-warning) !important;
-}
-
-.fr-text-inverted--error {
- color: var(--text-inverted-error) !important;
-}
-
-.fr-text-inverted--green-tilleul-verveine {
- color: var(--text-inverted-green-tilleul-verveine) !important;
-}
-
-.fr-text-inverted--green-bourgeon {
- color: var(--text-inverted-green-bourgeon) !important;
-}
-
-.fr-text-inverted--green-emeraude {
- color: var(--text-inverted-green-emeraude) !important;
-}
-
-.fr-text-inverted--green-menthe {
- color: var(--text-inverted-green-menthe) !important;
-}
-
-.fr-text-inverted--green-archipel {
- color: var(--text-inverted-green-archipel) !important;
-}
-
-.fr-text-inverted--blue-ecume {
- color: var(--text-inverted-blue-ecume) !important;
-}
-
-.fr-text-inverted--blue-cumulus {
- color: var(--text-inverted-blue-cumulus) !important;
-}
-
-.fr-text-inverted--purple-glycine {
- color: var(--text-inverted-purple-glycine) !important;
-}
-
-.fr-text-inverted--pink-macaron {
- color: var(--text-inverted-pink-macaron) !important;
-}
-
-.fr-text-inverted--pink-tuile {
- color: var(--text-inverted-pink-tuile) !important;
-}
-
-.fr-text-inverted--yellow-tournesol {
- color: var(--text-inverted-yellow-tournesol) !important;
-}
-
-.fr-text-inverted--yellow-moutarde {
- color: var(--text-inverted-yellow-moutarde) !important;
-}
-
-.fr-text-inverted--orange-terre-battue {
- color: var(--text-inverted-orange-terre-battue) !important;
-}
-
-.fr-text-inverted--brown-cafe-creme {
- color: var(--text-inverted-brown-cafe-creme) !important;
-}
-
-.fr-text-inverted--brown-caramel {
- color: var(--text-inverted-brown-caramel) !important;
-}
-
-.fr-text-inverted--brown-opera {
- color: var(--text-inverted-brown-opera) !important;
-}
-
-.fr-text-inverted--beige-gris-galet {
- color: var(--text-inverted-beige-gris-galet) !important;
-}
-
-.fr-text-action-high--grey {
- color: var(--text-action-high-grey) !important;
-}
-
-.fr-text-action-high--blue-france {
- color: var(--text-action-high-blue-france) !important;
-}
-
-.fr-text-action-high--red-marianne {
- color: var(--text-action-high-red-marianne) !important;
-}
-
-.fr-text-action-high--green-tilleul-verveine {
- color: var(--text-action-high-green-tilleul-verveine) !important;
-}
-
-.fr-text-action-high--green-bourgeon {
- color: var(--text-action-high-green-bourgeon) !important;
-}
-
-.fr-text-action-high--green-emeraude {
- color: var(--text-action-high-green-emeraude) !important;
-}
-
-.fr-text-action-high--green-menthe {
- color: var(--text-action-high-green-menthe) !important;
-}
-
-.fr-text-action-high--green-archipel {
- color: var(--text-action-high-green-archipel) !important;
-}
-
-.fr-text-action-high--blue-ecume {
- color: var(--text-action-high-blue-ecume) !important;
-}
-
-.fr-text-action-high--blue-cumulus {
- color: var(--text-action-high-blue-cumulus) !important;
-}
-
-.fr-text-action-high--purple-glycine {
- color: var(--text-action-high-purple-glycine) !important;
-}
-
-.fr-text-action-high--pink-macaron {
- color: var(--text-action-high-pink-macaron) !important;
-}
-
-.fr-text-action-high--pink-tuile {
- color: var(--text-action-high-pink-tuile) !important;
-}
-
-.fr-text-action-high--yellow-tournesol {
- color: var(--text-action-high-yellow-tournesol) !important;
-}
-
-.fr-text-action-high--yellow-moutarde {
- color: var(--text-action-high-yellow-moutarde) !important;
-}
-
-.fr-text-action-high--orange-terre-battue {
- color: var(--text-action-high-orange-terre-battue) !important;
-}
-
-.fr-text-action-high--brown-cafe-creme {
- color: var(--text-action-high-brown-cafe-creme) !important;
-}
-
-.fr-text-action-high--brown-caramel {
- color: var(--text-action-high-brown-caramel) !important;
-}
-
-.fr-text-action-high--brown-opera {
- color: var(--text-action-high-brown-opera) !important;
-}
-
-.fr-text-action-high--beige-gris-galet {
- color: var(--text-action-high-beige-gris-galet) !important;
-}
-
-.fr-artwork-major--blue-france {
- fill: var(--artwork-major-blue-france) !important;
-}
-
-.fr-artwork-major--red-marianne {
- fill: var(--artwork-major-red-marianne) !important;
-}
-
-.fr-artwork-major--green-tilleul-verveine {
- fill: var(--artwork-major-green-tilleul-verveine) !important;
-}
-
-.fr-artwork-major--green-bourgeon {
- fill: var(--artwork-major-green-bourgeon) !important;
-}
-
-.fr-artwork-major--green-emeraude {
- fill: var(--artwork-major-green-emeraude) !important;
-}
-
-.fr-artwork-major--green-menthe {
- fill: var(--artwork-major-green-menthe) !important;
-}
-
-.fr-artwork-major--green-archipel {
- fill: var(--artwork-major-green-archipel) !important;
-}
-
-.fr-artwork-major--blue-ecume {
- fill: var(--artwork-major-blue-ecume) !important;
-}
-
-.fr-artwork-major--blue-cumulus {
- fill: var(--artwork-major-blue-cumulus) !important;
-}
-
-.fr-artwork-major--purple-glycine {
- fill: var(--artwork-major-purple-glycine) !important;
-}
-
-.fr-artwork-major--pink-macaron {
- fill: var(--artwork-major-pink-macaron) !important;
-}
-
-.fr-artwork-major--pink-tuile {
- fill: var(--artwork-major-pink-tuile) !important;
-}
-
-.fr-artwork-major--yellow-tournesol {
- fill: var(--artwork-major-yellow-tournesol) !important;
-}
-
-.fr-artwork-major--yellow-moutarde {
- fill: var(--artwork-major-yellow-moutarde) !important;
-}
-
-.fr-artwork-major--orange-terre-battue {
- fill: var(--artwork-major-orange-terre-battue) !important;
-}
-
-.fr-artwork-major--brown-cafe-creme {
- fill: var(--artwork-major-brown-cafe-creme) !important;
-}
-
-.fr-artwork-major--brown-caramel {
- fill: var(--artwork-major-brown-caramel) !important;
-}
-
-.fr-artwork-major--brown-opera {
- fill: var(--artwork-major-brown-opera) !important;
-}
-
-.fr-artwork-major--beige-gris-galet {
- fill: var(--artwork-major-beige-gris-galet) !important;
-}
-
-.fr-artwork-minor--blue-france {
- fill: var(--artwork-minor-blue-france) !important;
-}
-
-.fr-artwork-minor--red-marianne {
- fill: var(--artwork-minor-red-marianne) !important;
-}
-
-.fr-artwork-minor--green-tilleul-verveine {
- fill: var(--artwork-minor-green-tilleul-verveine) !important;
-}
-
-.fr-artwork-minor--green-bourgeon {
- fill: var(--artwork-minor-green-bourgeon) !important;
-}
-
-.fr-artwork-minor--green-emeraude {
- fill: var(--artwork-minor-green-emeraude) !important;
-}
-
-.fr-artwork-minor--green-menthe {
- fill: var(--artwork-minor-green-menthe) !important;
-}
-
-.fr-artwork-minor--green-archipel {
- fill: var(--artwork-minor-green-archipel) !important;
-}
-
-.fr-artwork-minor--blue-ecume {
- fill: var(--artwork-minor-blue-ecume) !important;
-}
-
-.fr-artwork-minor--blue-cumulus {
- fill: var(--artwork-minor-blue-cumulus) !important;
-}
-
-.fr-artwork-minor--purple-glycine {
- fill: var(--artwork-minor-purple-glycine) !important;
-}
-
-.fr-artwork-minor--pink-macaron {
- fill: var(--artwork-minor-pink-macaron) !important;
-}
-
-.fr-artwork-minor--pink-tuile {
- fill: var(--artwork-minor-pink-tuile) !important;
-}
-
-.fr-artwork-minor--yellow-tournesol {
- fill: var(--artwork-minor-yellow-tournesol) !important;
-}
-
-.fr-artwork-minor--yellow-moutarde {
- fill: var(--artwork-minor-yellow-moutarde) !important;
-}
-
-.fr-artwork-minor--orange-terre-battue {
- fill: var(--artwork-minor-orange-terre-battue) !important;
-}
-
-.fr-artwork-minor--brown-cafe-creme {
- fill: var(--artwork-minor-brown-cafe-creme) !important;
-}
-
-.fr-artwork-minor--brown-caramel {
- fill: var(--artwork-minor-brown-caramel) !important;
-}
-
-.fr-artwork-minor--brown-opera {
- fill: var(--artwork-minor-brown-opera) !important;
-}
-
-.fr-artwork-minor--beige-gris-galet {
- fill: var(--artwork-minor-beige-gris-galet) !important;
-}
-
-.fr-artwork-decorative--grey {
- fill: var(--artwork-decorative-grey) !important;
-}
-
-.fr-artwork-decorative--blue-france {
- fill: var(--artwork-decorative-blue-france) !important;
-}
-
-.fr-artwork-decorative--red-marianne {
- fill: var(--artwork-decorative-red-marianne) !important;
-}
-
-.fr-artwork-decorative--green-tilleul-verveine {
- fill: var(--artwork-decorative-green-tilleul-verveine) !important;
-}
-
-.fr-artwork-decorative--green-bourgeon {
- fill: var(--artwork-decorative-green-bourgeon) !important;
-}
-
-.fr-artwork-decorative--green-emeraude {
- fill: var(--artwork-decorative-green-emeraude) !important;
-}
-
-.fr-artwork-decorative--green-menthe {
- fill: var(--artwork-decorative-green-menthe) !important;
-}
-
-.fr-artwork-decorative--green-archipel {
- fill: var(--artwork-decorative-green-archipel) !important;
-}
-
-.fr-artwork-decorative--blue-ecume {
- fill: var(--artwork-decorative-blue-ecume) !important;
-}
-
-.fr-artwork-decorative--blue-cumulus {
- fill: var(--artwork-decorative-blue-cumulus) !important;
-}
-
-.fr-artwork-decorative--purple-glycine {
- fill: var(--artwork-decorative-purple-glycine) !important;
-}
-
-.fr-artwork-decorative--pink-macaron {
- fill: var(--artwork-decorative-pink-macaron) !important;
-}
-
-.fr-artwork-decorative--pink-tuile {
- fill: var(--artwork-decorative-pink-tuile) !important;
-}
-
-.fr-artwork-decorative--yellow-tournesol {
- fill: var(--artwork-decorative-yellow-tournesol) !important;
-}
-
-.fr-artwork-decorative--yellow-moutarde {
- fill: var(--artwork-decorative-yellow-moutarde) !important;
-}
-
-.fr-artwork-decorative--orange-terre-battue {
- fill: var(--artwork-decorative-orange-terre-battue) !important;
-}
-
-.fr-artwork-decorative--brown-cafe-creme {
- fill: var(--artwork-decorative-brown-cafe-creme) !important;
-}
-
-.fr-artwork-decorative--brown-caramel {
- fill: var(--artwork-decorative-brown-caramel) !important;
-}
-
-.fr-artwork-decorative--brown-opera {
- fill: var(--artwork-decorative-brown-opera) !important;
-}
-
-.fr-artwork-decorative--beige-gris-galet {
- fill: var(--artwork-decorative-beige-gris-galet) !important;
-}
-
-.fr-artwork-background--grey {
- fill: var(--artwork-background-grey) !important;
-}
-
-.fr-artwork-background--blue-france {
- fill: var(--artwork-background-blue-france) !important;
-}
-
-.fr-artwork-background--red-marianne {
- fill: var(--artwork-background-red-marianne) !important;
-}
-
-.fr-artwork-background--green-tilleul-verveine {
- fill: var(--artwork-background-green-tilleul-verveine) !important;
-}
-
-.fr-artwork-background--green-bourgeon {
- fill: var(--artwork-background-green-bourgeon) !important;
-}
-
-.fr-artwork-background--green-emeraude {
- fill: var(--artwork-background-green-emeraude) !important;
-}
-
-.fr-artwork-background--green-menthe {
- fill: var(--artwork-background-green-menthe) !important;
-}
-
-.fr-artwork-background--green-archipel {
- fill: var(--artwork-background-green-archipel) !important;
-}
-
-.fr-artwork-background--blue-ecume {
- fill: var(--artwork-background-blue-ecume) !important;
-}
-
-.fr-artwork-background--blue-cumulus {
- fill: var(--artwork-background-blue-cumulus) !important;
-}
-
-.fr-artwork-background--purple-glycine {
- fill: var(--artwork-background-purple-glycine) !important;
-}
-
-.fr-artwork-background--pink-macaron {
- fill: var(--artwork-background-pink-macaron) !important;
-}
-
-.fr-artwork-background--pink-tuile {
- fill: var(--artwork-background-pink-tuile) !important;
-}
-
-.fr-artwork-background--yellow-tournesol {
- fill: var(--artwork-background-yellow-tournesol) !important;
-}
-
-.fr-artwork-background--yellow-moutarde {
- fill: var(--artwork-background-yellow-moutarde) !important;
-}
-
-.fr-artwork-background--orange-terre-battue {
- fill: var(--artwork-background-orange-terre-battue) !important;
-}
-
-.fr-artwork-background--brown-cafe-creme {
- fill: var(--artwork-background-brown-cafe-creme) !important;
-}
-
-.fr-artwork-background--brown-caramel {
- fill: var(--artwork-background-brown-caramel) !important;
-}
-
-.fr-artwork-background--brown-opera {
- fill: var(--artwork-background-brown-opera) !important;
-}
-
-.fr-artwork-background--beige-gris-galet {
- fill: var(--artwork-background-beige-gris-galet) !important;
-}
-
-.fr-artwork-motif--grey {
- fill: var(--artwork-motif-grey) !important;
-}
-
-.fr-artwork-motif--blue-france {
- fill: var(--artwork-motif-blue-france) !important;
-}
-
-.fr-artwork-motif--red-marianne {
- fill: var(--artwork-motif-red-marianne) !important;
-}
-
-.fr-artwork-motif--green-tilleul-verveine {
- fill: var(--artwork-motif-green-tilleul-verveine) !important;
-}
-
-.fr-artwork-motif--green-bourgeon {
- fill: var(--artwork-motif-green-bourgeon) !important;
-}
-
-.fr-artwork-motif--green-emeraude {
- fill: var(--artwork-motif-green-emeraude) !important;
-}
-
-.fr-artwork-motif--green-menthe {
- fill: var(--artwork-motif-green-menthe) !important;
-}
-
-.fr-artwork-motif--green-archipel {
- fill: var(--artwork-motif-green-archipel) !important;
-}
-
-.fr-artwork-motif--blue-ecume {
- fill: var(--artwork-motif-blue-ecume) !important;
-}
-
-.fr-artwork-motif--blue-cumulus {
- fill: var(--artwork-motif-blue-cumulus) !important;
-}
-
-.fr-artwork-motif--purple-glycine {
- fill: var(--artwork-motif-purple-glycine) !important;
-}
-
-.fr-artwork-motif--pink-macaron {
- fill: var(--artwork-motif-pink-macaron) !important;
-}
-
-.fr-artwork-motif--pink-tuile {
- fill: var(--artwork-motif-pink-tuile) !important;
-}
-
-.fr-artwork-motif--yellow-tournesol {
- fill: var(--artwork-motif-yellow-tournesol) !important;
-}
-
-.fr-artwork-motif--yellow-moutarde {
- fill: var(--artwork-motif-yellow-moutarde) !important;
-}
-
-.fr-artwork-motif--orange-terre-battue {
- fill: var(--artwork-motif-orange-terre-battue) !important;
-}
-
-.fr-artwork-motif--brown-cafe-creme {
- fill: var(--artwork-motif-brown-cafe-creme) !important;
-}
-
-.fr-artwork-motif--brown-caramel {
- fill: var(--artwork-motif-brown-caramel) !important;
-}
-
-.fr-artwork-motif--brown-opera {
- fill: var(--artwork-motif-brown-opera) !important;
-}
-
-.fr-artwork-motif--beige-gris-galet {
- fill: var(--artwork-motif-beige-gris-galet) !important;
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON BUILDINGS
-\* ËËËËËËËËË */
-.fr-icon-ancient-gate-fill::before,
-.fr-icon-ancient-gate-fill::after {
- -webkit-mask-image: url('./icons/buildings/ancient-gate-fill.svg');
- mask-image: url('./icons/buildings/ancient-gate-fill.svg');
-}
-
-.fr-icon-ancient-gate-line::before,
-.fr-icon-ancient-gate-line::after {
- -webkit-mask-image: url('./icons/buildings/ancient-gate-line.svg');
- mask-image: url('./icons/buildings/ancient-gate-line.svg');
-}
-
-.fr-icon-ancient-pavilion-fill::before,
-.fr-icon-ancient-pavilion-fill::after {
- -webkit-mask-image: url('./icons/buildings/ancient-pavilion-fill.svg');
- mask-image: url('./icons/buildings/ancient-pavilion-fill.svg');
-}
-
-.fr-icon-ancient-pavilion-line::before,
-.fr-icon-ancient-pavilion-line::after {
- -webkit-mask-image: url('./icons/buildings/ancient-pavilion-line.svg');
- mask-image: url('./icons/buildings/ancient-pavilion-line.svg');
-}
-
-.fr-icon-bank-fill::before,
-.fr-icon-bank-fill::after {
- -webkit-mask-image: url('./icons/buildings/bank-fill.svg');
- mask-image: url('./icons/buildings/bank-fill.svg');
-}
-
-.fr-icon-bank-line::before,
-.fr-icon-bank-line::after {
- -webkit-mask-image: url('./icons/buildings/bank-line.svg');
- mask-image: url('./icons/buildings/bank-line.svg');
-}
-
-.fr-icon-building-fill::before,
-.fr-icon-building-fill::after {
- -webkit-mask-image: url('./icons/buildings/building-fill.svg');
- mask-image: url('./icons/buildings/building-fill.svg');
-}
-
-.fr-icon-building-line::before,
-.fr-icon-building-line::after {
- -webkit-mask-image: url('./icons/buildings/building-line.svg');
- mask-image: url('./icons/buildings/building-line.svg');
-}
-
-.fr-icon-community-fill::before,
-.fr-icon-community-fill::after {
- -webkit-mask-image: url('./icons/buildings/community-fill.svg');
- mask-image: url('./icons/buildings/community-fill.svg');
-}
-
-.fr-icon-community-line::before,
-.fr-icon-community-line::after {
- -webkit-mask-image: url('./icons/buildings/community-line.svg');
- mask-image: url('./icons/buildings/community-line.svg');
-}
-
-.fr-icon-government-fill::before,
-.fr-icon-government-fill::after {
- -webkit-mask-image: url('./icons/buildings/government-fill.svg');
- mask-image: url('./icons/buildings/government-fill.svg');
-}
-
-.fr-icon-government-line::before,
-.fr-icon-government-line::after {
- -webkit-mask-image: url('./icons/buildings/government-line.svg');
- mask-image: url('./icons/buildings/government-line.svg');
-}
-
-.fr-icon-home-4-fill::before,
-.fr-icon-home-4-fill::after {
- -webkit-mask-image: url('./icons/buildings/home-4-fill.svg');
- mask-image: url('./icons/buildings/home-4-fill.svg');
-}
-
-.fr-icon-home-4-line::before,
-.fr-icon-home-4-line::after {
- -webkit-mask-image: url('./icons/buildings/home-4-line.svg');
- mask-image: url('./icons/buildings/home-4-line.svg');
-}
-
-.fr-icon-hospital-fill::before,
-.fr-icon-hospital-fill::after {
- -webkit-mask-image: url('./icons/buildings/hospital-fill.svg');
- mask-image: url('./icons/buildings/hospital-fill.svg');
-}
-
-.fr-icon-hospital-line::before,
-.fr-icon-hospital-line::after {
- -webkit-mask-image: url('./icons/buildings/hospital-line.svg');
- mask-image: url('./icons/buildings/hospital-line.svg');
-}
-
-.fr-icon-hotel-fill::before,
-.fr-icon-hotel-fill::after {
- -webkit-mask-image: url('./icons/buildings/hotel-fill.svg');
- mask-image: url('./icons/buildings/hotel-fill.svg');
-}
-
-.fr-icon-hotel-line::before,
-.fr-icon-hotel-line::after {
- -webkit-mask-image: url('./icons/buildings/hotel-line.svg');
- mask-image: url('./icons/buildings/hotel-line.svg');
-}
-
-.fr-icon-store-fill::before,
-.fr-icon-store-fill::after {
- -webkit-mask-image: url('./icons/buildings/store-fill.svg');
- mask-image: url('./icons/buildings/store-fill.svg');
-}
-
-.fr-icon-store-line::before,
-.fr-icon-store-line::after {
- -webkit-mask-image: url('./icons/buildings/store-line.svg');
- mask-image: url('./icons/buildings/store-line.svg');
-}
-
-.fr-fi-home-4-fill::before,
-.fr-fi-home-4-fill::after {
- -webkit-mask-image: url('./icons/buildings/home-4-fill.svg');
- mask-image: url('./icons/buildings/home-4-fill.svg');
-}
-
-.fr-fi-home-4-line::before,
-.fr-fi-home-4-line::after {
- -webkit-mask-image: url('./icons/buildings/home-4-line.svg');
- mask-image: url('./icons/buildings/home-4-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON BUSINESS
-\* ËËËËËËËËË */
-.fr-icon-archive-fill::before,
-.fr-icon-archive-fill::after {
- -webkit-mask-image: url('./icons/business/archive-fill.svg');
- mask-image: url('./icons/business/archive-fill.svg');
-}
-
-.fr-icon-archive-line::before,
-.fr-icon-archive-line::after {
- -webkit-mask-image: url('./icons/business/archive-line.svg');
- mask-image: url('./icons/business/archive-line.svg');
-}
-
-.fr-icon-attachment-fill::before,
-.fr-icon-attachment-fill::after {
- -webkit-mask-image: url('./icons/business/attachment-fill.svg');
- mask-image: url('./icons/business/attachment-fill.svg');
-}
-
-.fr-icon-attachment-line::before,
-.fr-icon-attachment-line::after {
- -webkit-mask-image: url('./icons/business/attachment-line.svg');
- mask-image: url('./icons/business/attachment-line.svg');
-}
-
-.fr-icon-award-fill::before,
-.fr-icon-award-fill::after {
- -webkit-mask-image: url('./icons/business/award-fill.svg');
- mask-image: url('./icons/business/award-fill.svg');
-}
-
-.fr-icon-award-line::before,
-.fr-icon-award-line::after {
- -webkit-mask-image: url('./icons/business/award-line.svg');
- mask-image: url('./icons/business/award-line.svg');
-}
-
-.fr-icon-bar-chart-box-fill::before,
-.fr-icon-bar-chart-box-fill::after {
- -webkit-mask-image: url('./icons/business/bar-chart-box-fill.svg');
- mask-image: url('./icons/business/bar-chart-box-fill.svg');
-}
-
-.fr-icon-bar-chart-box-line::before,
-.fr-icon-bar-chart-box-line::after {
- -webkit-mask-image: url('./icons/business/bar-chart-box-line.svg');
- mask-image: url('./icons/business/bar-chart-box-line.svg');
-}
-
-.fr-icon-bookmark-fill::before,
-.fr-icon-bookmark-fill::after {
- -webkit-mask-image: url('./icons/business/bookmark-fill.svg');
- mask-image: url('./icons/business/bookmark-fill.svg');
-}
-
-.fr-icon-bookmark-line::before,
-.fr-icon-bookmark-line::after {
- -webkit-mask-image: url('./icons/business/bookmark-line.svg');
- mask-image: url('./icons/business/bookmark-line.svg');
-}
-
-.fr-icon-briefcase-fill::before,
-.fr-icon-briefcase-fill::after {
- -webkit-mask-image: url('./icons/business/briefcase-fill.svg');
- mask-image: url('./icons/business/briefcase-fill.svg');
-}
-
-.fr-icon-briefcase-line::before,
-.fr-icon-briefcase-line::after {
- -webkit-mask-image: url('./icons/business/briefcase-line.svg');
- mask-image: url('./icons/business/briefcase-line.svg');
-}
-
-.fr-icon-calendar-2-fill::before,
-.fr-icon-calendar-2-fill::after {
- -webkit-mask-image: url('./icons/business/calendar-2-fill.svg');
- mask-image: url('./icons/business/calendar-2-fill.svg');
-}
-
-.fr-icon-calendar-2-line::before,
-.fr-icon-calendar-2-line::after {
- -webkit-mask-image: url('./icons/business/calendar-2-line.svg');
- mask-image: url('./icons/business/calendar-2-line.svg');
-}
-
-.fr-icon-calendar-event-fill::before,
-.fr-icon-calendar-event-fill::after {
- -webkit-mask-image: url('./icons/business/calendar-event-fill.svg');
- mask-image: url('./icons/business/calendar-event-fill.svg');
-}
-
-.fr-icon-calendar-event-line::before,
-.fr-icon-calendar-event-line::after {
- -webkit-mask-image: url('./icons/business/calendar-event-line.svg');
- mask-image: url('./icons/business/calendar-event-line.svg');
-}
-
-.fr-icon-calendar-fill::before,
-.fr-icon-calendar-fill::after {
- -webkit-mask-image: url('./icons/business/calendar-fill.svg');
- mask-image: url('./icons/business/calendar-fill.svg');
-}
-
-.fr-icon-calendar-line::before,
-.fr-icon-calendar-line::after {
- -webkit-mask-image: url('./icons/business/calendar-line.svg');
- mask-image: url('./icons/business/calendar-line.svg');
-}
-
-.fr-icon-cloud-fill::before,
-.fr-icon-cloud-fill::after {
- -webkit-mask-image: url('./icons/business/cloud-fill.svg');
- mask-image: url('./icons/business/cloud-fill.svg');
-}
-
-.fr-icon-cloud-line::before,
-.fr-icon-cloud-line::after {
- -webkit-mask-image: url('./icons/business/cloud-line.svg');
- mask-image: url('./icons/business/cloud-line.svg');
-}
-
-.fr-icon-copyright-fill::before,
-.fr-icon-copyright-fill::after {
- -webkit-mask-image: url('./icons/business/copyright-fill.svg');
- mask-image: url('./icons/business/copyright-fill.svg');
-}
-
-.fr-icon-copyright-line::before,
-.fr-icon-copyright-line::after {
- -webkit-mask-image: url('./icons/business/copyright-line.svg');
- mask-image: url('./icons/business/copyright-line.svg');
-}
-
-.fr-icon-customer-service-fill::before,
-.fr-icon-customer-service-fill::after {
- -webkit-mask-image: url('./icons/business/customer-service-fill.svg');
- mask-image: url('./icons/business/customer-service-fill.svg');
-}
-
-.fr-icon-customer-service-line::before,
-.fr-icon-customer-service-line::after {
- -webkit-mask-image: url('./icons/business/customer-service-line.svg');
- mask-image: url('./icons/business/customer-service-line.svg');
-}
-
-.fr-icon-flag-fill::before,
-.fr-icon-flag-fill::after {
- -webkit-mask-image: url('./icons/business/flag-fill.svg');
- mask-image: url('./icons/business/flag-fill.svg');
-}
-
-.fr-icon-flag-line::before,
-.fr-icon-flag-line::after {
- -webkit-mask-image: url('./icons/business/flag-line.svg');
- mask-image: url('./icons/business/flag-line.svg');
-}
-
-.fr-icon-global-fill::before,
-.fr-icon-global-fill::after {
- -webkit-mask-image: url('./icons/business/global-fill.svg');
- mask-image: url('./icons/business/global-fill.svg');
-}
-
-.fr-icon-global-line::before,
-.fr-icon-global-line::after {
- -webkit-mask-image: url('./icons/business/global-line.svg');
- mask-image: url('./icons/business/global-line.svg');
-}
-
-.fr-icon-line-chart-fill::before,
-.fr-icon-line-chart-fill::after {
- -webkit-mask-image: url('./icons/business/line-chart-fill.svg');
- mask-image: url('./icons/business/line-chart-fill.svg');
-}
-
-.fr-icon-line-chart-line::before,
-.fr-icon-line-chart-line::after {
- -webkit-mask-image: url('./icons/business/line-chart-line.svg');
- mask-image: url('./icons/business/line-chart-line.svg');
-}
-
-.fr-icon-links-fill::before,
-.fr-icon-links-fill::after {
- -webkit-mask-image: url('./icons/business/links-fill.svg');
- mask-image: url('./icons/business/links-fill.svg');
-}
-
-.fr-icon-links-line::before,
-.fr-icon-links-line::after {
- -webkit-mask-image: url('./icons/business/links-line.svg');
- mask-image: url('./icons/business/links-line.svg');
-}
-
-.fr-icon-mail-fill::before,
-.fr-icon-mail-fill::after {
- -webkit-mask-image: url('./icons/business/mail-fill.svg');
- mask-image: url('./icons/business/mail-fill.svg');
-}
-
-.fr-icon-mail-line::before,
-.fr-icon-mail-line::after {
- -webkit-mask-image: url('./icons/business/mail-line.svg');
- mask-image: url('./icons/business/mail-line.svg');
-}
-
-.fr-icon-mail-open-fill::before,
-.fr-icon-mail-open-fill::after {
- -webkit-mask-image: url('./icons/business/mail-open-fill.svg');
- mask-image: url('./icons/business/mail-open-fill.svg');
-}
-
-.fr-icon-mail-open-line::before,
-.fr-icon-mail-open-line::after {
- -webkit-mask-image: url('./icons/business/mail-open-line.svg');
- mask-image: url('./icons/business/mail-open-line.svg');
-}
-
-.fr-icon-medal-fill::before,
-.fr-icon-medal-fill::after {
- -webkit-mask-image: url('./icons/business/medal-fill.svg');
- mask-image: url('./icons/business/medal-fill.svg');
-}
-
-.fr-icon-medal-line::before,
-.fr-icon-medal-line::after {
- -webkit-mask-image: url('./icons/business/medal-line.svg');
- mask-image: url('./icons/business/medal-line.svg');
-}
-
-.fr-icon-pie-chart-2-fill::before,
-.fr-icon-pie-chart-2-fill::after {
- -webkit-mask-image: url('./icons/business/pie-chart-2-fill.svg');
- mask-image: url('./icons/business/pie-chart-2-fill.svg');
-}
-
-.fr-icon-pie-chart-2-line::before,
-.fr-icon-pie-chart-2-line::after {
- -webkit-mask-image: url('./icons/business/pie-chart-2-line.svg');
- mask-image: url('./icons/business/pie-chart-2-line.svg');
-}
-
-.fr-icon-pie-chart-box-fill::before,
-.fr-icon-pie-chart-box-fill::after {
- -webkit-mask-image: url('./icons/business/pie-chart-box-fill.svg');
- mask-image: url('./icons/business/pie-chart-box-fill.svg');
-}
-
-.fr-icon-pie-chart-box-line::before,
-.fr-icon-pie-chart-box-line::after {
- -webkit-mask-image: url('./icons/business/pie-chart-box-line.svg');
- mask-image: url('./icons/business/pie-chart-box-line.svg');
-}
-
-.fr-icon-printer-fill::before,
-.fr-icon-printer-fill::after {
- -webkit-mask-image: url('./icons/business/printer-fill.svg');
- mask-image: url('./icons/business/printer-fill.svg');
-}
-
-.fr-icon-printer-line::before,
-.fr-icon-printer-line::after {
- -webkit-mask-image: url('./icons/business/printer-line.svg');
- mask-image: url('./icons/business/printer-line.svg');
-}
-
-.fr-icon-profil-fill::before,
-.fr-icon-profil-fill::after {
- -webkit-mask-image: url('./icons/business/profil-fill.svg');
- mask-image: url('./icons/business/profil-fill.svg');
-}
-
-.fr-icon-profil-line::before,
-.fr-icon-profil-line::after {
- -webkit-mask-image: url('./icons/business/profil-line.svg');
- mask-image: url('./icons/business/profil-line.svg');
-}
-
-.fr-icon-projector-2-fill::before,
-.fr-icon-projector-2-fill::after {
- -webkit-mask-image: url('./icons/business/projector-2-fill.svg');
- mask-image: url('./icons/business/projector-2-fill.svg');
-}
-
-.fr-icon-projector-2-line::before,
-.fr-icon-projector-2-line::after {
- -webkit-mask-image: url('./icons/business/projector-2-line.svg');
- mask-image: url('./icons/business/projector-2-line.svg');
-}
-
-.fr-icon-send-plane-fill::before,
-.fr-icon-send-plane-fill::after {
- -webkit-mask-image: url('./icons/business/send-plane-fill.svg');
- mask-image: url('./icons/business/send-plane-fill.svg');
-}
-
-.fr-icon-send-plane-line::before,
-.fr-icon-send-plane-line::after {
- -webkit-mask-image: url('./icons/business/send-plane-line.svg');
- mask-image: url('./icons/business/send-plane-line.svg');
-}
-
-.fr-icon-slideshow-fill::before,
-.fr-icon-slideshow-fill::after {
- -webkit-mask-image: url('./icons/business/slideshow-fill.svg');
- mask-image: url('./icons/business/slideshow-fill.svg');
-}
-
-.fr-icon-slideshow-line::before,
-.fr-icon-slideshow-line::after {
- -webkit-mask-image: url('./icons/business/slideshow-line.svg');
- mask-image: url('./icons/business/slideshow-line.svg');
-}
-
-.fr-icon-window-fill::before,
-.fr-icon-window-fill::after {
- -webkit-mask-image: url('./icons/business/window-fill.svg');
- mask-image: url('./icons/business/window-fill.svg');
-}
-
-.fr-icon-window-line::before,
-.fr-icon-window-line::after {
- -webkit-mask-image: url('./icons/business/window-line.svg');
- mask-image: url('./icons/business/window-line.svg');
-}
-
-.fr-fi-attachment-fill::before,
-.fr-fi-attachment-fill::after {
- -webkit-mask-image: url('./icons/business/attachment-fill.svg');
- mask-image: url('./icons/business/attachment-fill.svg');
-}
-
-.fr-fi-attachment-line::before,
-.fr-fi-attachment-line::after {
- -webkit-mask-image: url('./icons/business/attachment-line.svg');
- mask-image: url('./icons/business/attachment-line.svg');
-}
-
-.fr-fi-calendar-fill::before,
-.fr-fi-calendar-fill::after {
- -webkit-mask-image: url('./icons/business/calendar-fill.svg');
- mask-image: url('./icons/business/calendar-fill.svg');
-}
-
-.fr-fi-calendar-line::before,
-.fr-fi-calendar-line::after {
- -webkit-mask-image: url('./icons/business/calendar-line.svg');
- mask-image: url('./icons/business/calendar-line.svg');
-}
-
-.fr-fi-line-chart-fill::before,
-.fr-fi-line-chart-fill::after {
- -webkit-mask-image: url('./icons/business/line-chart-fill.svg');
- mask-image: url('./icons/business/line-chart-fill.svg');
-}
-
-.fr-fi-line-chart-line::before,
-.fr-fi-line-chart-line::after {
- -webkit-mask-image: url('./icons/business/line-chart-line.svg');
- mask-image: url('./icons/business/line-chart-line.svg');
-}
-
-.fr-fi-links-fill::before,
-.fr-fi-links-fill::after {
- -webkit-mask-image: url('./icons/business/links-fill.svg');
- mask-image: url('./icons/business/links-fill.svg');
-}
-
-.fr-fi-mail-fill::before,
-.fr-fi-mail-fill::after {
- -webkit-mask-image: url('./icons/business/mail-fill.svg');
- mask-image: url('./icons/business/mail-fill.svg');
-}
-
-.fr-fi-mail-line::before,
-.fr-fi-mail-line::after {
- -webkit-mask-image: url('./icons/business/mail-line.svg');
- mask-image: url('./icons/business/mail-line.svg');
-}
-
-.fr-fi-printer-fill::before,
-.fr-fi-printer-fill::after {
- -webkit-mask-image: url('./icons/business/printer-fill.svg');
- mask-image: url('./icons/business/printer-fill.svg');
-}
-
-.fr-fi-printer-line::before,
-.fr-fi-printer-line::after {
- -webkit-mask-image: url('./icons/business/printer-line.svg');
- mask-image: url('./icons/business/printer-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-chat-2-fill::before,
-.fr-icon-chat-2-fill::after {
- -webkit-mask-image: url('./icons/communication/chat-2-fill.svg');
- mask-image: url('./icons/communication/chat-2-fill.svg');
-}
-
-.fr-icon-chat-2-line::before,
-.fr-icon-chat-2-line::after {
- -webkit-mask-image: url('./icons/communication/chat-2-line.svg');
- mask-image: url('./icons/communication/chat-2-line.svg');
-}
-
-.fr-icon-chat-3-fill::before,
-.fr-icon-chat-3-fill::after {
- -webkit-mask-image: url('./icons/communication/chat-3-fill.svg');
- mask-image: url('./icons/communication/chat-3-fill.svg');
-}
-
-.fr-icon-chat-3-line::before,
-.fr-icon-chat-3-line::after {
- -webkit-mask-image: url('./icons/communication/chat-3-line.svg');
- mask-image: url('./icons/communication/chat-3-line.svg');
-}
-
-.fr-icon-chat-check-fill::before,
-.fr-icon-chat-check-fill::after {
- -webkit-mask-image: url('./icons/communication/chat-check-fill.svg');
- mask-image: url('./icons/communication/chat-check-fill.svg');
-}
-
-.fr-icon-chat-check-line::before,
-.fr-icon-chat-check-line::after {
- -webkit-mask-image: url('./icons/communication/chat-check-line.svg');
- mask-image: url('./icons/communication/chat-check-line.svg');
-}
-
-.fr-icon-chat-delete-fill::before,
-.fr-icon-chat-delete-fill::after {
- -webkit-mask-image: url('./icons/communication/chat-delete-fill.svg');
- mask-image: url('./icons/communication/chat-delete-fill.svg');
-}
-
-.fr-icon-chat-delete-line::before,
-.fr-icon-chat-delete-line::after {
- -webkit-mask-image: url('./icons/communication/chat-delete-line.svg');
- mask-image: url('./icons/communication/chat-delete-line.svg');
-}
-
-.fr-icon-chat-poll-fill::before,
-.fr-icon-chat-poll-fill::after {
- -webkit-mask-image: url('./icons/communication/chat-poll-fill.svg');
- mask-image: url('./icons/communication/chat-poll-fill.svg');
-}
-
-.fr-icon-chat-poll-line::before,
-.fr-icon-chat-poll-line::after {
- -webkit-mask-image: url('./icons/communication/chat-poll-line.svg');
- mask-image: url('./icons/communication/chat-poll-line.svg');
-}
-
-.fr-icon-discuss-fill::before,
-.fr-icon-discuss-fill::after {
- -webkit-mask-image: url('./icons/communication/discuss-fill.svg');
- mask-image: url('./icons/communication/discuss-fill.svg');
-}
-
-.fr-icon-discuss-line::before,
-.fr-icon-discuss-line::after {
- -webkit-mask-image: url('./icons/communication/discuss-line.svg');
- mask-image: url('./icons/communication/discuss-line.svg');
-}
-
-.fr-icon-feedback-fill::before,
-.fr-icon-feedback-fill::after {
- -webkit-mask-image: url('./icons/communication/feedback-fill.svg');
- mask-image: url('./icons/communication/feedback-fill.svg');
-}
-
-.fr-icon-feedback-line::before,
-.fr-icon-feedback-line::after {
- -webkit-mask-image: url('./icons/communication/feedback-line.svg');
- mask-image: url('./icons/communication/feedback-line.svg');
-}
-
-.fr-icon-message-2-fill::before,
-.fr-icon-message-2-fill::after {
- -webkit-mask-image: url('./icons/communication/message-2-fill.svg');
- mask-image: url('./icons/communication/message-2-fill.svg');
-}
-
-.fr-icon-message-2-line::before,
-.fr-icon-message-2-line::after {
- -webkit-mask-image: url('./icons/communication/message-2-line.svg');
- mask-image: url('./icons/communication/message-2-line.svg');
-}
-
-.fr-icon-question-answer-fill::before,
-.fr-icon-question-answer-fill::after {
- -webkit-mask-image: url('./icons/communication/question-answer-fill.svg');
- mask-image: url('./icons/communication/question-answer-fill.svg');
-}
-
-.fr-icon-question-answer-line::before,
-.fr-icon-question-answer-line::after {
- -webkit-mask-image: url('./icons/communication/question-answer-line.svg');
- mask-image: url('./icons/communication/question-answer-line.svg');
-}
-
-.fr-icon-questionnaire-fill::before,
-.fr-icon-questionnaire-fill::after {
- -webkit-mask-image: url('./icons/communication/questionnaire-fill.svg');
- mask-image: url('./icons/communication/questionnaire-fill.svg');
-}
-
-.fr-icon-questionnaire-line::before,
-.fr-icon-questionnaire-line::after {
- -webkit-mask-image: url('./icons/communication/questionnaire-line.svg');
- mask-image: url('./icons/communication/questionnaire-line.svg');
-}
-
-.fr-icon-video-chat-fill::before,
-.fr-icon-video-chat-fill::after {
- -webkit-mask-image: url('./icons/communication/video-chat-fill.svg');
- mask-image: url('./icons/communication/video-chat-fill.svg');
-}
-
-.fr-icon-video-chat-line::before,
-.fr-icon-video-chat-line::after {
- -webkit-mask-image: url('./icons/communication/video-chat-line.svg');
- mask-image: url('./icons/communication/video-chat-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON DESIGN
-\* ËËËËËËËËË */
-.fr-icon-ball-pen-fill::before,
-.fr-icon-ball-pen-fill::after {
- -webkit-mask-image: url('./icons/design/ball-pen-fill.svg');
- mask-image: url('./icons/design/ball-pen-fill.svg');
-}
-
-.fr-icon-ball-pen-line::before,
-.fr-icon-ball-pen-line::after {
- -webkit-mask-image: url('./icons/design/ball-pen-line.svg');
- mask-image: url('./icons/design/ball-pen-line.svg');
-}
-
-.fr-icon-brush-3-fill::before,
-.fr-icon-brush-3-fill::after {
- -webkit-mask-image: url('./icons/design/brush-3-fill.svg');
- mask-image: url('./icons/design/brush-3-fill.svg');
-}
-
-.fr-icon-brush-3-line::before,
-.fr-icon-brush-3-line::after {
- -webkit-mask-image: url('./icons/design/brush-3-line.svg');
- mask-image: url('./icons/design/brush-3-line.svg');
-}
-
-.fr-icon-brush-fill::before,
-.fr-icon-brush-fill::after {
- -webkit-mask-image: url('./icons/design/brush-fill.svg');
- mask-image: url('./icons/design/brush-fill.svg');
-}
-
-.fr-icon-brush-line::before,
-.fr-icon-brush-line::after {
- -webkit-mask-image: url('./icons/design/brush-line.svg');
- mask-image: url('./icons/design/brush-line.svg');
-}
-
-.fr-icon-contrast-fill::before,
-.fr-icon-contrast-fill::after {
- -webkit-mask-image: url('./icons/design/contrast-fill.svg');
- mask-image: url('./icons/design/contrast-fill.svg');
-}
-
-.fr-icon-contrast-line::before,
-.fr-icon-contrast-line::after {
- -webkit-mask-image: url('./icons/design/contrast-line.svg');
- mask-image: url('./icons/design/contrast-line.svg');
-}
-
-.fr-icon-crop-fill::before,
-.fr-icon-crop-fill::after {
- -webkit-mask-image: url('./icons/design/crop-fill.svg');
- mask-image: url('./icons/design/crop-fill.svg');
-}
-
-.fr-icon-crop-line::before,
-.fr-icon-crop-line::after {
- -webkit-mask-image: url('./icons/design/crop-line.svg');
- mask-image: url('./icons/design/crop-line.svg');
-}
-
-.fr-icon-drag-move-2-fill::before,
-.fr-icon-drag-move-2-fill::after {
- -webkit-mask-image: url('./icons/design/drag-move-2-fill.svg');
- mask-image: url('./icons/design/drag-move-2-fill.svg');
-}
-
-.fr-icon-drag-move-2-line::before,
-.fr-icon-drag-move-2-line::after {
- -webkit-mask-image: url('./icons/design/drag-move-2-line.svg');
- mask-image: url('./icons/design/drag-move-2-line.svg');
-}
-
-.fr-icon-drop-fill::before,
-.fr-icon-drop-fill::after {
- -webkit-mask-image: url('./icons/design/drop-fill.svg');
- mask-image: url('./icons/design/drop-fill.svg');
-}
-
-.fr-icon-drop-line::before,
-.fr-icon-drop-line::after {
- -webkit-mask-image: url('./icons/design/drop-line.svg');
- mask-image: url('./icons/design/drop-line.svg');
-}
-
-.fr-icon-edit-box-fill::before,
-.fr-icon-edit-box-fill::after {
- -webkit-mask-image: url('./icons/design/edit-box-fill.svg');
- mask-image: url('./icons/design/edit-box-fill.svg');
-}
-
-.fr-icon-edit-box-line::before,
-.fr-icon-edit-box-line::after {
- -webkit-mask-image: url('./icons/design/edit-box-line.svg');
- mask-image: url('./icons/design/edit-box-line.svg');
-}
-
-.fr-icon-edit-fill::before,
-.fr-icon-edit-fill::after {
- -webkit-mask-image: url('./icons/design/edit-fill.svg');
- mask-image: url('./icons/design/edit-fill.svg');
-}
-
-.fr-icon-edit-line::before,
-.fr-icon-edit-line::after {
- -webkit-mask-image: url('./icons/design/edit-line.svg');
- mask-image: url('./icons/design/edit-line.svg');
-}
-
-.fr-icon-ink-bottle-fill::before,
-.fr-icon-ink-bottle-fill::after {
- -webkit-mask-image: url('./icons/design/ink-bottle-fill.svg');
- mask-image: url('./icons/design/ink-bottle-fill.svg');
-}
-
-.fr-icon-ink-bottle-line::before,
-.fr-icon-ink-bottle-line::after {
- -webkit-mask-image: url('./icons/design/ink-bottle-line.svg');
- mask-image: url('./icons/design/ink-bottle-line.svg');
-}
-
-.fr-icon-layout-grid-fill::before,
-.fr-icon-layout-grid-fill::after {
- -webkit-mask-image: url('./icons/design/layout-grid-fill.svg');
- mask-image: url('./icons/design/layout-grid-fill.svg');
-}
-
-.fr-icon-layout-grid-line::before,
-.fr-icon-layout-grid-line::after {
- -webkit-mask-image: url('./icons/design/layout-grid-line.svg');
- mask-image: url('./icons/design/layout-grid-line.svg');
-}
-
-.fr-icon-mark-pen-fill::before,
-.fr-icon-mark-pen-fill::after {
- -webkit-mask-image: url('./icons/design/mark-pen-fill.svg');
- mask-image: url('./icons/design/mark-pen-fill.svg');
-}
-
-.fr-icon-mark-pen-line::before,
-.fr-icon-mark-pen-line::after {
- -webkit-mask-image: url('./icons/design/mark-pen-line.svg');
- mask-image: url('./icons/design/mark-pen-line.svg');
-}
-
-.fr-icon-paint-brush-fill::before,
-.fr-icon-paint-brush-fill::after {
- -webkit-mask-image: url('./icons/design/paint-brush-fill.svg');
- mask-image: url('./icons/design/paint-brush-fill.svg');
-}
-
-.fr-icon-paint-brush-line::before,
-.fr-icon-paint-brush-line::after {
- -webkit-mask-image: url('./icons/design/paint-brush-line.svg');
- mask-image: url('./icons/design/paint-brush-line.svg');
-}
-
-.fr-icon-paint-fill::before,
-.fr-icon-paint-fill::after {
- -webkit-mask-image: url('./icons/design/paint-fill.svg');
- mask-image: url('./icons/design/paint-fill.svg');
-}
-
-.fr-icon-paint-line::before,
-.fr-icon-paint-line::after {
- -webkit-mask-image: url('./icons/design/paint-line.svg');
- mask-image: url('./icons/design/paint-line.svg');
-}
-
-.fr-icon-palette-fill::before,
-.fr-icon-palette-fill::after {
- -webkit-mask-image: url('./icons/design/palette-fill.svg');
- mask-image: url('./icons/design/palette-fill.svg');
-}
-
-.fr-icon-palette-line::before,
-.fr-icon-palette-line::after {
- -webkit-mask-image: url('./icons/design/palette-line.svg');
- mask-image: url('./icons/design/palette-line.svg');
-}
-
-.fr-icon-pantone-fill::before,
-.fr-icon-pantone-fill::after {
- -webkit-mask-image: url('./icons/design/pantone-fill.svg');
- mask-image: url('./icons/design/pantone-fill.svg');
-}
-
-.fr-icon-pantone-line::before,
-.fr-icon-pantone-line::after {
- -webkit-mask-image: url('./icons/design/pantone-line.svg');
- mask-image: url('./icons/design/pantone-line.svg');
-}
-
-.fr-icon-pen-nib-fill::before,
-.fr-icon-pen-nib-fill::after {
- -webkit-mask-image: url('./icons/design/pen-nib-fill.svg');
- mask-image: url('./icons/design/pen-nib-fill.svg');
-}
-
-.fr-icon-pen-nib-line::before,
-.fr-icon-pen-nib-line::after {
- -webkit-mask-image: url('./icons/design/pen-nib-line.svg');
- mask-image: url('./icons/design/pen-nib-line.svg');
-}
-
-.fr-icon-pencil-fill::before,
-.fr-icon-pencil-fill::after {
- -webkit-mask-image: url('./icons/design/pencil-fill.svg');
- mask-image: url('./icons/design/pencil-fill.svg');
-}
-
-.fr-icon-pencil-line::before,
-.fr-icon-pencil-line::after {
- -webkit-mask-image: url('./icons/design/pencil-line.svg');
- mask-image: url('./icons/design/pencil-line.svg');
-}
-
-.fr-icon-pencil-ruler-fill::before,
-.fr-icon-pencil-ruler-fill::after {
- -webkit-mask-image: url('./icons/design/pencil-ruler-fill.svg');
- mask-image: url('./icons/design/pencil-ruler-fill.svg');
-}
-
-.fr-icon-pencil-ruler-line::before,
-.fr-icon-pencil-ruler-line::after {
- -webkit-mask-image: url('./icons/design/pencil-ruler-line.svg');
- mask-image: url('./icons/design/pencil-ruler-line.svg');
-}
-
-.fr-icon-sip-fill::before,
-.fr-icon-sip-fill::after {
- -webkit-mask-image: url('./icons/design/sip-fill.svg');
- mask-image: url('./icons/design/sip-fill.svg');
-}
-
-.fr-icon-sip-line::before,
-.fr-icon-sip-line::after {
- -webkit-mask-image: url('./icons/design/sip-line.svg');
- mask-image: url('./icons/design/sip-line.svg');
-}
-
-.fr-icon-table-fill::before,
-.fr-icon-table-fill::after {
- -webkit-mask-image: url('./icons/design/table-fill.svg');
- mask-image: url('./icons/design/table-fill.svg');
-}
-
-.fr-icon-table-line::before,
-.fr-icon-table-line::after {
- -webkit-mask-image: url('./icons/design/table-line.svg');
- mask-image: url('./icons/design/table-line.svg');
-}
-
-.fr-fi-edit-fill::before,
-.fr-fi-edit-fill::after {
- -webkit-mask-image: url('./icons/design/edit-fill.svg');
- mask-image: url('./icons/design/edit-fill.svg');
-}
-
-.fr-fi-edit-line::before,
-.fr-fi-edit-line::after {
- -webkit-mask-image: url('./icons/design/edit-line.svg');
- mask-image: url('./icons/design/edit-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-bug-fill::before,
-.fr-icon-bug-fill::after {
- -webkit-mask-image: url('./icons/development/bug-fill.svg');
- mask-image: url('./icons/development/bug-fill.svg');
-}
-
-.fr-icon-bug-line::before,
-.fr-icon-bug-line::after {
- -webkit-mask-image: url('./icons/development/bug-line.svg');
- mask-image: url('./icons/development/bug-line.svg');
-}
-
-.fr-icon-code-box-fill::before,
-.fr-icon-code-box-fill::after {
- -webkit-mask-image: url('./icons/development/code-box-fill.svg');
- mask-image: url('./icons/development/code-box-fill.svg');
-}
-
-.fr-icon-code-box-line::before,
-.fr-icon-code-box-line::after {
- -webkit-mask-image: url('./icons/development/code-box-line.svg');
- mask-image: url('./icons/development/code-box-line.svg');
-}
-
-.fr-icon-code-s-slash-line::before,
-.fr-icon-code-s-slash-line::after {
- -webkit-mask-image: url('./icons/development/code-s-slash-line.svg');
- mask-image: url('./icons/development/code-s-slash-line.svg');
-}
-
-.fr-icon-cursor-fill::before,
-.fr-icon-cursor-fill::after {
- -webkit-mask-image: url('./icons/development/cursor-fill.svg');
- mask-image: url('./icons/development/cursor-fill.svg');
-}
-
-.fr-icon-cursor-line::before,
-.fr-icon-cursor-line::after {
- -webkit-mask-image: url('./icons/development/cursor-line.svg');
- mask-image: url('./icons/development/cursor-line.svg');
-}
-
-.fr-icon-git-branch-fill::before,
-.fr-icon-git-branch-fill::after {
- -webkit-mask-image: url('./icons/development/git-branch-fill.svg');
- mask-image: url('./icons/development/git-branch-fill.svg');
-}
-
-.fr-icon-git-branch-line::before,
-.fr-icon-git-branch-line::after {
- -webkit-mask-image: url('./icons/development/git-branch-line.svg');
- mask-image: url('./icons/development/git-branch-line.svg');
-}
-
-.fr-icon-git-commit-fill::before,
-.fr-icon-git-commit-fill::after {
- -webkit-mask-image: url('./icons/development/git-commit-fill.svg');
- mask-image: url('./icons/development/git-commit-fill.svg');
-}
-
-.fr-icon-git-commit-line::before,
-.fr-icon-git-commit-line::after {
- -webkit-mask-image: url('./icons/development/git-commit-line.svg');
- mask-image: url('./icons/development/git-commit-line.svg');
-}
-
-.fr-icon-git-merge-fill::before,
-.fr-icon-git-merge-fill::after {
- -webkit-mask-image: url('./icons/development/git-merge-fill.svg');
- mask-image: url('./icons/development/git-merge-fill.svg');
-}
-
-.fr-icon-git-merge-line::before,
-.fr-icon-git-merge-line::after {
- -webkit-mask-image: url('./icons/development/git-merge-line.svg');
- mask-image: url('./icons/development/git-merge-line.svg');
-}
-
-.fr-icon-git-pull-request-fill::before,
-.fr-icon-git-pull-request-fill::after {
- -webkit-mask-image: url('./icons/development/git-pull-request-fill.svg');
- mask-image: url('./icons/development/git-pull-request-fill.svg');
-}
-
-.fr-icon-git-pull-request-line::before,
-.fr-icon-git-pull-request-line::after {
- -webkit-mask-image: url('./icons/development/git-pull-request-line.svg');
- mask-image: url('./icons/development/git-pull-request-line.svg');
-}
-
-.fr-icon-git-repository-commits-fill::before,
-.fr-icon-git-repository-commits-fill::after {
- -webkit-mask-image: url('./icons/development/git-repository-commits-fill.svg');
- mask-image: url('./icons/development/git-repository-commits-fill.svg');
-}
-
-.fr-icon-git-repository-commits-line::before,
-.fr-icon-git-repository-commits-line::after {
- -webkit-mask-image: url('./icons/development/git-repository-commits-line.svg');
- mask-image: url('./icons/development/git-repository-commits-line.svg');
-}
-
-.fr-icon-git-repository-fill::before,
-.fr-icon-git-repository-fill::after {
- -webkit-mask-image: url('./icons/development/git-repository-fill.svg');
- mask-image: url('./icons/development/git-repository-fill.svg');
-}
-
-.fr-icon-git-repository-line::before,
-.fr-icon-git-repository-line::after {
- -webkit-mask-image: url('./icons/development/git-repository-line.svg');
- mask-image: url('./icons/development/git-repository-line.svg');
-}
-
-.fr-icon-git-repository-private-fill::before,
-.fr-icon-git-repository-private-fill::after {
- -webkit-mask-image: url('./icons/development/git-repository-private-fill.svg');
- mask-image: url('./icons/development/git-repository-private-fill.svg');
-}
-
-.fr-icon-git-repository-private-line::before,
-.fr-icon-git-repository-private-line::after {
- -webkit-mask-image: url('./icons/development/git-repository-private-line.svg');
- mask-image: url('./icons/development/git-repository-private-line.svg');
-}
-
-.fr-icon-terminal-box-fill::before,
-.fr-icon-terminal-box-fill::after {
- -webkit-mask-image: url('./icons/development/terminal-box-fill.svg');
- mask-image: url('./icons/development/terminal-box-fill.svg');
-}
-
-.fr-icon-terminal-box-line::before,
-.fr-icon-terminal-box-line::after {
- -webkit-mask-image: url('./icons/development/terminal-box-line.svg');
- mask-image: url('./icons/development/terminal-box-line.svg');
-}
-
-.fr-icon-terminal-line::before,
-.fr-icon-terminal-line::after {
- -webkit-mask-image: url('./icons/development/terminal-line.svg');
- mask-image: url('./icons/development/terminal-line.svg');
-}
-
-.fr-icon-terminal-window-fill::before,
-.fr-icon-terminal-window-fill::after {
- -webkit-mask-image: url('./icons/development/terminal-window-fill.svg');
- mask-image: url('./icons/development/terminal-window-fill.svg');
-}
-
-.fr-icon-terminal-window-line::before,
-.fr-icon-terminal-window-line::after {
- -webkit-mask-image: url('./icons/development/terminal-window-line.svg');
- mask-image: url('./icons/development/terminal-window-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-bluetooth-fill::before,
-.fr-icon-bluetooth-fill::after {
- -webkit-mask-image: url('./icons/device/bluetooth-fill.svg');
- mask-image: url('./icons/device/bluetooth-fill.svg');
-}
-
-.fr-icon-bluetooth-line::before,
-.fr-icon-bluetooth-line::after {
- -webkit-mask-image: url('./icons/device/bluetooth-line.svg');
- mask-image: url('./icons/device/bluetooth-line.svg');
-}
-
-.fr-icon-computer-fill::before,
-.fr-icon-computer-fill::after {
- -webkit-mask-image: url('./icons/device/computer-fill.svg');
- mask-image: url('./icons/device/computer-fill.svg');
-}
-
-.fr-icon-computer-line::before,
-.fr-icon-computer-line::after {
- -webkit-mask-image: url('./icons/device/computer-line.svg');
- mask-image: url('./icons/device/computer-line.svg');
-}
-
-.fr-icon-dashboard-3-fill::before,
-.fr-icon-dashboard-3-fill::after {
- -webkit-mask-image: url('./icons/device/dashboard-3-fill.svg');
- mask-image: url('./icons/device/dashboard-3-fill.svg');
-}
-
-.fr-icon-dashboard-3-line::before,
-.fr-icon-dashboard-3-line::after {
- -webkit-mask-image: url('./icons/device/dashboard-3-line.svg');
- mask-image: url('./icons/device/dashboard-3-line.svg');
-}
-
-.fr-icon-database-fill::before,
-.fr-icon-database-fill::after {
- -webkit-mask-image: url('./icons/device/database-fill.svg');
- mask-image: url('./icons/device/database-fill.svg');
-}
-
-.fr-icon-database-line::before,
-.fr-icon-database-line::after {
- -webkit-mask-image: url('./icons/device/database-line.svg');
- mask-image: url('./icons/device/database-line.svg');
-}
-
-.fr-icon-device-fill::before,
-.fr-icon-device-fill::after {
- -webkit-mask-image: url('./icons/device/device-fill.svg');
- mask-image: url('./icons/device/device-fill.svg');
-}
-
-.fr-icon-device-line::before,
-.fr-icon-device-line::after {
- -webkit-mask-image: url('./icons/device/device-line.svg');
- mask-image: url('./icons/device/device-line.svg');
-}
-
-.fr-icon-hard-drive-2-fill::before,
-.fr-icon-hard-drive-2-fill::after {
- -webkit-mask-image: url('./icons/device/hard-drive-2-fill.svg');
- mask-image: url('./icons/device/hard-drive-2-fill.svg');
-}
-
-.fr-icon-hard-drive-2-line::before,
-.fr-icon-hard-drive-2-line::after {
- -webkit-mask-image: url('./icons/device/hard-drive-2-line.svg');
- mask-image: url('./icons/device/hard-drive-2-line.svg');
-}
-
-.fr-icon-mac-fill::before,
-.fr-icon-mac-fill::after {
- -webkit-mask-image: url('./icons/device/mac-fill.svg');
- mask-image: url('./icons/device/mac-fill.svg');
-}
-
-.fr-icon-mac-line::before,
-.fr-icon-mac-line::after {
- -webkit-mask-image: url('./icons/device/mac-line.svg');
- mask-image: url('./icons/device/mac-line.svg');
-}
-
-.fr-icon-phone-fill::before,
-.fr-icon-phone-fill::after {
- -webkit-mask-image: url('./icons/device/phone-fill.svg');
- mask-image: url('./icons/device/phone-fill.svg');
-}
-
-.fr-icon-phone-line::before,
-.fr-icon-phone-line::after {
- -webkit-mask-image: url('./icons/device/phone-line.svg');
- mask-image: url('./icons/device/phone-line.svg');
-}
-
-.fr-icon-qr-code-fill::before,
-.fr-icon-qr-code-fill::after {
- -webkit-mask-image: url('./icons/device/qr-code-fill.svg');
- mask-image: url('./icons/device/qr-code-fill.svg');
-}
-
-.fr-icon-qr-code-line::before,
-.fr-icon-qr-code-line::after {
- -webkit-mask-image: url('./icons/device/qr-code-line.svg');
- mask-image: url('./icons/device/qr-code-line.svg');
-}
-
-.fr-icon-rss-fill::before,
-.fr-icon-rss-fill::after {
- -webkit-mask-image: url('./icons/device/rss-fill.svg');
- mask-image: url('./icons/device/rss-fill.svg');
-}
-
-.fr-icon-rss-line::before,
-.fr-icon-rss-line::after {
- -webkit-mask-image: url('./icons/device/rss-line.svg');
- mask-image: url('./icons/device/rss-line.svg');
-}
-
-.fr-icon-save-3-fill::before,
-.fr-icon-save-3-fill::after {
- -webkit-mask-image: url('./icons/device/save-3-fill.svg');
- mask-image: url('./icons/device/save-3-fill.svg');
-}
-
-.fr-icon-save-3-line::before,
-.fr-icon-save-3-line::after {
- -webkit-mask-image: url('./icons/device/save-3-line.svg');
- mask-image: url('./icons/device/save-3-line.svg');
-}
-
-.fr-icon-save-fill::before,
-.fr-icon-save-fill::after {
- -webkit-mask-image: url('./icons/device/save-fill.svg');
- mask-image: url('./icons/device/save-fill.svg');
-}
-
-.fr-icon-save-line::before,
-.fr-icon-save-line::after {
- -webkit-mask-image: url('./icons/device/save-line.svg');
- mask-image: url('./icons/device/save-line.svg');
-}
-
-.fr-icon-server-fill::before,
-.fr-icon-server-fill::after {
- -webkit-mask-image: url('./icons/device/server-fill.svg');
- mask-image: url('./icons/device/server-fill.svg');
-}
-
-.fr-icon-server-line::before,
-.fr-icon-server-line::after {
- -webkit-mask-image: url('./icons/device/server-line.svg');
- mask-image: url('./icons/device/server-line.svg');
-}
-
-.fr-icon-smartphone-fill::before,
-.fr-icon-smartphone-fill::after {
- -webkit-mask-image: url('./icons/device/smartphone-fill.svg');
- mask-image: url('./icons/device/smartphone-fill.svg');
-}
-
-.fr-icon-smartphone-line::before,
-.fr-icon-smartphone-line::after {
- -webkit-mask-image: url('./icons/device/smartphone-line.svg');
- mask-image: url('./icons/device/smartphone-line.svg');
-}
-
-.fr-icon-tablet-fill::before,
-.fr-icon-tablet-fill::after {
- -webkit-mask-image: url('./icons/device/tablet-fill.svg');
- mask-image: url('./icons/device/tablet-fill.svg');
-}
-
-.fr-icon-tablet-line::before,
-.fr-icon-tablet-line::after {
- -webkit-mask-image: url('./icons/device/tablet-line.svg');
- mask-image: url('./icons/device/tablet-line.svg');
-}
-
-.fr-icon-tv-fill::before,
-.fr-icon-tv-fill::after {
- -webkit-mask-image: url('./icons/device/tv-fill.svg');
- mask-image: url('./icons/device/tv-fill.svg');
-}
-
-.fr-icon-tv-line::before,
-.fr-icon-tv-line::after {
- -webkit-mask-image: url('./icons/device/tv-line.svg');
- mask-image: url('./icons/device/tv-line.svg');
-}
-
-.fr-icon-wifi-fill::before,
-.fr-icon-wifi-fill::after {
- -webkit-mask-image: url('./icons/device/wifi-fill.svg');
- mask-image: url('./icons/device/wifi-fill.svg');
-}
-
-.fr-icon-wifi-line::before,
-.fr-icon-wifi-line::after {
- -webkit-mask-image: url('./icons/device/wifi-line.svg');
- mask-image: url('./icons/device/wifi-line.svg');
-}
-
-.fr-fi-phone-fill::before,
-.fr-fi-phone-fill::after {
- -webkit-mask-image: url('./icons/device/phone-fill.svg');
- mask-image: url('./icons/device/phone-fill.svg');
-}
-
-.fr-fi-phone-line::before,
-.fr-fi-phone-line::after {
- -webkit-mask-image: url('./icons/device/phone-line.svg');
- mask-image: url('./icons/device/phone-line.svg');
-}
-
-.fr-fi-rss-fill::before,
-.fr-fi-rss-fill::after {
- -webkit-mask-image: url('./icons/device/rss-fill.svg');
- mask-image: url('./icons/device/rss-fill.svg');
-}
-
-.fr-fi-rss-line::before,
-.fr-fi-rss-line::after {
- -webkit-mask-image: url('./icons/device/rss-line.svg');
- mask-image: url('./icons/device/rss-line.svg');
-}
-
-.fr-fi-save-fill::before,
-.fr-fi-save-fill::after {
- -webkit-mask-image: url('./icons/device/save-fill.svg');
- mask-image: url('./icons/device/save-fill.svg');
-}
-
-.fr-fi-save-line::before,
-.fr-fi-save-line::after {
- -webkit-mask-image: url('./icons/device/save-line.svg');
- mask-image: url('./icons/device/save-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-article-fill::before,
-.fr-icon-article-fill::after {
- -webkit-mask-image: url('./icons/document/article-fill.svg');
- mask-image: url('./icons/document/article-fill.svg');
-}
-
-.fr-icon-article-line::before,
-.fr-icon-article-line::after {
- -webkit-mask-image: url('./icons/document/article-line.svg');
- mask-image: url('./icons/document/article-line.svg');
-}
-
-.fr-icon-book-2-fill::before,
-.fr-icon-book-2-fill::after {
- -webkit-mask-image: url('./icons/document/book-2-fill.svg');
- mask-image: url('./icons/document/book-2-fill.svg');
-}
-
-.fr-icon-book-2-line::before,
-.fr-icon-book-2-line::after {
- -webkit-mask-image: url('./icons/document/book-2-line.svg');
- mask-image: url('./icons/document/book-2-line.svg');
-}
-
-.fr-icon-booklet-fill::before,
-.fr-icon-booklet-fill::after {
- -webkit-mask-image: url('./icons/document/booklet-fill.svg');
- mask-image: url('./icons/document/booklet-fill.svg');
-}
-
-.fr-icon-booklet-line::before,
-.fr-icon-booklet-line::after {
- -webkit-mask-image: url('./icons/document/booklet-line.svg');
- mask-image: url('./icons/document/booklet-line.svg');
-}
-
-.fr-icon-clipboard-fill::before,
-.fr-icon-clipboard-fill::after {
- -webkit-mask-image: url('./icons/document/clipboard-fill.svg');
- mask-image: url('./icons/document/clipboard-fill.svg');
-}
-
-.fr-icon-clipboard-line::before,
-.fr-icon-clipboard-line::after {
- -webkit-mask-image: url('./icons/document/clipboard-line.svg');
- mask-image: url('./icons/document/clipboard-line.svg');
-}
-
-.fr-icon-draft-fill::before,
-.fr-icon-draft-fill::after {
- -webkit-mask-image: url('./icons/document/draft-fill.svg');
- mask-image: url('./icons/document/draft-fill.svg');
-}
-
-.fr-icon-draft-line::before,
-.fr-icon-draft-line::after {
- -webkit-mask-image: url('./icons/document/draft-line.svg');
- mask-image: url('./icons/document/draft-line.svg');
-}
-
-.fr-icon-file-add-fill::before,
-.fr-icon-file-add-fill::after {
- -webkit-mask-image: url('./icons/document/file-add-fill.svg');
- mask-image: url('./icons/document/file-add-fill.svg');
-}
-
-.fr-icon-file-add-line::before,
-.fr-icon-file-add-line::after {
- -webkit-mask-image: url('./icons/document/file-add-line.svg');
- mask-image: url('./icons/document/file-add-line.svg');
-}
-
-.fr-icon-file-download-fill::before,
-.fr-icon-file-download-fill::after {
- -webkit-mask-image: url('./icons/document/file-download-fill.svg');
- mask-image: url('./icons/document/file-download-fill.svg');
-}
-
-.fr-icon-file-download-line::before,
-.fr-icon-file-download-line::after {
- -webkit-mask-image: url('./icons/document/file-download-line.svg');
- mask-image: url('./icons/document/file-download-line.svg');
-}
-
-.fr-icon-file-fill::before,
-.fr-icon-file-fill::after {
- -webkit-mask-image: url('./icons/document/file-fill.svg');
- mask-image: url('./icons/document/file-fill.svg');
-}
-
-.fr-icon-file-line::before,
-.fr-icon-file-line::after {
- -webkit-mask-image: url('./icons/document/file-line.svg');
- mask-image: url('./icons/document/file-line.svg');
-}
-
-.fr-icon-file-pdf-fill::before,
-.fr-icon-file-pdf-fill::after {
- -webkit-mask-image: url('./icons/document/file-pdf-fill.svg');
- mask-image: url('./icons/document/file-pdf-fill.svg');
-}
-
-.fr-icon-file-pdf-line::before,
-.fr-icon-file-pdf-line::after {
- -webkit-mask-image: url('./icons/document/file-pdf-line.svg');
- mask-image: url('./icons/document/file-pdf-line.svg');
-}
-
-.fr-icon-file-text-fill::before,
-.fr-icon-file-text-fill::after {
- -webkit-mask-image: url('./icons/document/file-text-fill.svg');
- mask-image: url('./icons/document/file-text-fill.svg');
-}
-
-.fr-icon-file-text-line::before,
-.fr-icon-file-text-line::after {
- -webkit-mask-image: url('./icons/document/file-text-line.svg');
- mask-image: url('./icons/document/file-text-line.svg');
-}
-
-.fr-icon-folder-2-fill::before,
-.fr-icon-folder-2-fill::after {
- -webkit-mask-image: url('./icons/document/folder-2-fill.svg');
- mask-image: url('./icons/document/folder-2-fill.svg');
-}
-
-.fr-icon-folder-2-line::before,
-.fr-icon-folder-2-line::after {
- -webkit-mask-image: url('./icons/document/folder-2-line.svg');
- mask-image: url('./icons/document/folder-2-line.svg');
-}
-
-.fr-icon-newspaper-fill::before,
-.fr-icon-newspaper-fill::after {
- -webkit-mask-image: url('./icons/document/newspaper-fill.svg');
- mask-image: url('./icons/document/newspaper-fill.svg');
-}
-
-.fr-icon-newspaper-line::before,
-.fr-icon-newspaper-line::after {
- -webkit-mask-image: url('./icons/document/newspaper-line.svg');
- mask-image: url('./icons/document/newspaper-line.svg');
-}
-
-.fr-icon-survey-fill::before,
-.fr-icon-survey-fill::after {
- -webkit-mask-image: url('./icons/document/survey-fill.svg');
- mask-image: url('./icons/document/survey-fill.svg');
-}
-
-.fr-icon-survey-line::before,
-.fr-icon-survey-line::after {
- -webkit-mask-image: url('./icons/document/survey-line.svg');
- mask-image: url('./icons/document/survey-line.svg');
-}
-
-.fr-icon-todo-fill::before,
-.fr-icon-todo-fill::after {
- -webkit-mask-image: url('./icons/document/todo-fill.svg');
- mask-image: url('./icons/document/todo-fill.svg');
-}
-
-.fr-icon-todo-line::before,
-.fr-icon-todo-line::after {
- -webkit-mask-image: url('./icons/document/todo-line.svg');
- mask-image: url('./icons/document/todo-line.svg');
-}
-
-.fr-fi-file-download-fill::before,
-.fr-fi-file-download-fill::after {
- -webkit-mask-image: url('./icons/document/file-download-fill.svg');
- mask-image: url('./icons/document/file-download-fill.svg');
-}
-
-.fr-fi-file-download-line::before,
-.fr-fi-file-download-line::after {
- -webkit-mask-image: url('./icons/document/file-download-line.svg');
- mask-image: url('./icons/document/file-download-line.svg');
-}
-
-.fr-fi-file-fill::before,
-.fr-fi-file-fill::after {
- -webkit-mask-image: url('./icons/document/file-fill.svg');
- mask-image: url('./icons/document/file-fill.svg');
-}
-
-.fr-fi-file-line::before,
-.fr-fi-file-line::after {
- -webkit-mask-image: url('./icons/document/file-line.svg');
- mask-image: url('./icons/document/file-line.svg');
-}
-
-.fr-fi-file-pdf-fill::before,
-.fr-fi-file-pdf-fill::after {
- -webkit-mask-image: url('./icons/document/file-pdf-fill.svg');
- mask-image: url('./icons/document/file-pdf-fill.svg');
-}
-
-.fr-fi-file-pdf-line::before,
-.fr-fi-file-pdf-line::after {
- -webkit-mask-image: url('./icons/document/file-pdf-line.svg');
- mask-image: url('./icons/document/file-pdf-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-code-view::before,
-.fr-icon-code-view::after {
- -webkit-mask-image: url('./icons/editor/code-view.svg');
- mask-image: url('./icons/editor/code-view.svg');
-}
-
-.fr-icon-font-size::before,
-.fr-icon-font-size::after {
- -webkit-mask-image: url('./icons/editor/font-size.svg');
- mask-image: url('./icons/editor/font-size.svg');
-}
-
-.fr-icon-bold::before,
-.fr-icon-bold::after {
- -webkit-mask-image: url('./icons/editor/fr--bold.svg');
- mask-image: url('./icons/editor/fr--bold.svg');
-}
-
-.fr-icon-highlight::before,
-.fr-icon-highlight::after {
- -webkit-mask-image: url('./icons/editor/fr--highlight.svg');
- mask-image: url('./icons/editor/fr--highlight.svg');
-}
-
-.fr-icon-quote-fill::before,
-.fr-icon-quote-fill::after {
- -webkit-mask-image: url('./icons/editor/fr--quote-fill.svg');
- mask-image: url('./icons/editor/fr--quote-fill.svg');
-}
-
-.fr-icon-quote-line::before,
-.fr-icon-quote-line::after {
- -webkit-mask-image: url('./icons/editor/fr--quote-line.svg');
- mask-image: url('./icons/editor/fr--quote-line.svg');
-}
-
-.fr-icon-h-1::before,
-.fr-icon-h-1::after {
- -webkit-mask-image: url('./icons/editor/h-1.svg');
- mask-image: url('./icons/editor/h-1.svg');
-}
-
-.fr-icon-h-2::before,
-.fr-icon-h-2::after {
- -webkit-mask-image: url('./icons/editor/h-2.svg');
- mask-image: url('./icons/editor/h-2.svg');
-}
-
-.fr-icon-h-3::before,
-.fr-icon-h-3::after {
- -webkit-mask-image: url('./icons/editor/h-3.svg');
- mask-image: url('./icons/editor/h-3.svg');
-}
-
-.fr-icon-h-4::before,
-.fr-icon-h-4::after {
- -webkit-mask-image: url('./icons/editor/h-4.svg');
- mask-image: url('./icons/editor/h-4.svg');
-}
-
-.fr-icon-h-5::before,
-.fr-icon-h-5::after {
- -webkit-mask-image: url('./icons/editor/h-5.svg');
- mask-image: url('./icons/editor/h-5.svg');
-}
-
-.fr-icon-h-6::before,
-.fr-icon-h-6::after {
- -webkit-mask-image: url('./icons/editor/h-6.svg');
- mask-image: url('./icons/editor/h-6.svg');
-}
-
-.fr-icon-hashtag::before,
-.fr-icon-hashtag::after {
- -webkit-mask-image: url('./icons/editor/hashtag.svg');
- mask-image: url('./icons/editor/hashtag.svg');
-}
-
-.fr-icon-italic::before,
-.fr-icon-italic::after {
- -webkit-mask-image: url('./icons/editor/italic.svg');
- mask-image: url('./icons/editor/italic.svg');
-}
-
-.fr-icon-link-unlink::before,
-.fr-icon-link-unlink::after {
- -webkit-mask-image: url('./icons/editor/link-unlink.svg');
- mask-image: url('./icons/editor/link-unlink.svg');
-}
-
-.fr-icon-link::before,
-.fr-icon-link::after {
- -webkit-mask-image: url('./icons/editor/link.svg');
- mask-image: url('./icons/editor/link.svg');
-}
-
-.fr-icon-list-ordered::before,
-.fr-icon-list-ordered::after {
- -webkit-mask-image: url('./icons/editor/list-ordered.svg');
- mask-image: url('./icons/editor/list-ordered.svg');
-}
-
-.fr-icon-list-unordered::before,
-.fr-icon-list-unordered::after {
- -webkit-mask-image: url('./icons/editor/list-unordered.svg');
- mask-image: url('./icons/editor/list-unordered.svg');
-}
-
-.fr-icon-question-mark::before,
-.fr-icon-question-mark::after {
- -webkit-mask-image: url('./icons/editor/question-mark.svg');
- mask-image: url('./icons/editor/question-mark.svg');
-}
-
-.fr-icon-separator::before,
-.fr-icon-separator::after {
- -webkit-mask-image: url('./icons/editor/separator.svg');
- mask-image: url('./icons/editor/separator.svg');
-}
-
-.fr-icon-space::before,
-.fr-icon-space::after {
- -webkit-mask-image: url('./icons/editor/space.svg');
- mask-image: url('./icons/editor/space.svg');
-}
-
-.fr-icon-subscript::before,
-.fr-icon-subscript::after {
- -webkit-mask-image: url('./icons/editor/subscript.svg');
- mask-image: url('./icons/editor/subscript.svg');
-}
-
-.fr-icon-superscript::before,
-.fr-icon-superscript::after {
- -webkit-mask-image: url('./icons/editor/superscript.svg');
- mask-image: url('./icons/editor/superscript.svg');
-}
-
-.fr-icon-table-2::before,
-.fr-icon-table-2::after {
- -webkit-mask-image: url('./icons/editor/table-2.svg');
- mask-image: url('./icons/editor/table-2.svg');
-}
-
-.fr-icon-translate-2::before,
-.fr-icon-translate-2::after {
- -webkit-mask-image: url('./icons/editor/translate-2.svg');
- mask-image: url('./icons/editor/translate-2.svg');
-}
-
-.fr-fi-font-size::before,
-.fr-fi-font-size::after {
- -webkit-mask-image: url('./icons/editor/font-size.svg');
- mask-image: url('./icons/editor/font-size.svg');
-}
-
-.fr-fi-bold::before,
-.fr-fi-bold::after {
- -webkit-mask-image: url('./icons/editor/fr--bold.svg');
- mask-image: url('./icons/editor/fr--bold.svg');
-}
-
-.fr-fi-highlight::before,
-.fr-fi-highlight::after {
- -webkit-mask-image: url('./icons/editor/fr--highlight.svg');
- mask-image: url('./icons/editor/fr--highlight.svg');
-}
-
-.fr-fi-italic::before,
-.fr-fi-italic::after {
- -webkit-mask-image: url('./icons/editor/italic.svg');
- mask-image: url('./icons/editor/italic.svg');
-}
-
-.fr-fi-link-unlink::before,
-.fr-fi-link-unlink::after {
- -webkit-mask-image: url('./icons/editor/link-unlink.svg');
- mask-image: url('./icons/editor/link-unlink.svg');
-}
-
-.fr-fi-list-ordered::before,
-.fr-fi-list-ordered::after {
- -webkit-mask-image: url('./icons/editor/list-ordered.svg');
- mask-image: url('./icons/editor/list-ordered.svg');
-}
-
-.fr-fi-list-unordered::before,
-.fr-fi-list-unordered::after {
- -webkit-mask-image: url('./icons/editor/list-unordered.svg');
- mask-image: url('./icons/editor/list-unordered.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-bank-card-fill::before,
-.fr-icon-bank-card-fill::after {
- -webkit-mask-image: url('./icons/finance/bank-card-fill.svg');
- mask-image: url('./icons/finance/bank-card-fill.svg');
-}
-
-.fr-icon-bank-card-line::before,
-.fr-icon-bank-card-line::after {
- -webkit-mask-image: url('./icons/finance/bank-card-line.svg');
- mask-image: url('./icons/finance/bank-card-line.svg');
-}
-
-.fr-icon-coin-fill::before,
-.fr-icon-coin-fill::after {
- -webkit-mask-image: url('./icons/finance/coin-fill.svg');
- mask-image: url('./icons/finance/coin-fill.svg');
-}
-
-.fr-icon-gift-fill::before,
-.fr-icon-gift-fill::after {
- -webkit-mask-image: url('./icons/finance/gift-fill.svg');
- mask-image: url('./icons/finance/gift-fill.svg');
-}
-
-.fr-icon-gift-line::before,
-.fr-icon-gift-line::after {
- -webkit-mask-image: url('./icons/finance/gift-line.svg');
- mask-image: url('./icons/finance/gift-line.svg');
-}
-
-.fr-icon-money-euro-box-fill::before,
-.fr-icon-money-euro-box-fill::after {
- -webkit-mask-image: url('./icons/finance/money-euro-box-fill.svg');
- mask-image: url('./icons/finance/money-euro-box-fill.svg');
-}
-
-.fr-icon-money-euro-box-line::before,
-.fr-icon-money-euro-box-line::after {
- -webkit-mask-image: url('./icons/finance/money-euro-box-line.svg');
- mask-image: url('./icons/finance/money-euro-box-line.svg');
-}
-
-.fr-icon-money-euro-circle-fill::before,
-.fr-icon-money-euro-circle-fill::after {
- -webkit-mask-image: url('./icons/finance/money-euro-circle-fill.svg');
- mask-image: url('./icons/finance/money-euro-circle-fill.svg');
-}
-
-.fr-icon-money-euro-circle-line::before,
-.fr-icon-money-euro-circle-line::after {
- -webkit-mask-image: url('./icons/finance/money-euro-circle-line.svg');
- mask-image: url('./icons/finance/money-euro-circle-line.svg');
-}
-
-.fr-icon-secure-payment-fill::before,
-.fr-icon-secure-payment-fill::after {
- -webkit-mask-image: url('./icons/finance/secure-payment-fill.svg');
- mask-image: url('./icons/finance/secure-payment-fill.svg');
-}
-
-.fr-icon-secure-payment-line::before,
-.fr-icon-secure-payment-line::after {
- -webkit-mask-image: url('./icons/finance/secure-payment-line.svg');
- mask-image: url('./icons/finance/secure-payment-line.svg');
-}
-
-.fr-icon-shopping-bag-fill::before,
-.fr-icon-shopping-bag-fill::after {
- -webkit-mask-image: url('./icons/finance/shopping-bag-fill.svg');
- mask-image: url('./icons/finance/shopping-bag-fill.svg');
-}
-
-.fr-icon-shopping-bag-line::before,
-.fr-icon-shopping-bag-line::after {
- -webkit-mask-image: url('./icons/finance/shopping-bag-line.svg');
- mask-image: url('./icons/finance/shopping-bag-line.svg');
-}
-
-.fr-icon-shopping-cart-2-fill::before,
-.fr-icon-shopping-cart-2-fill::after {
- -webkit-mask-image: url('./icons/finance/shopping-cart-2-fill.svg');
- mask-image: url('./icons/finance/shopping-cart-2-fill.svg');
-}
-
-.fr-icon-shopping-cart-2-line::before,
-.fr-icon-shopping-cart-2-line::after {
- -webkit-mask-image: url('./icons/finance/shopping-cart-2-line.svg');
- mask-image: url('./icons/finance/shopping-cart-2-line.svg');
-}
-
-.fr-icon-trophy-fill::before,
-.fr-icon-trophy-fill::after {
- -webkit-mask-image: url('./icons/finance/trophy-fill.svg');
- mask-image: url('./icons/finance/trophy-fill.svg');
-}
-
-.fr-icon-trophy-line::before,
-.fr-icon-trophy-line::after {
- -webkit-mask-image: url('./icons/finance/trophy-line.svg');
- mask-image: url('./icons/finance/trophy-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-capsule-fill::before,
-.fr-icon-capsule-fill::after {
- -webkit-mask-image: url('./icons/health/capsule-fill.svg');
- mask-image: url('./icons/health/capsule-fill.svg');
-}
-
-.fr-icon-capsule-line::before,
-.fr-icon-capsule-line::after {
- -webkit-mask-image: url('./icons/health/capsule-line.svg');
- mask-image: url('./icons/health/capsule-line.svg');
-}
-
-.fr-icon-dislike-fill::before,
-.fr-icon-dislike-fill::after {
- -webkit-mask-image: url('./icons/health/dislike-fill.svg');
- mask-image: url('./icons/health/dislike-fill.svg');
-}
-
-.fr-icon-dislike-line::before,
-.fr-icon-dislike-line::after {
- -webkit-mask-image: url('./icons/health/dislike-line.svg');
- mask-image: url('./icons/health/dislike-line.svg');
-}
-
-.fr-icon-dossier-fill::before,
-.fr-icon-dossier-fill::after {
- -webkit-mask-image: url('./icons/health/dossier-fill.svg');
- mask-image: url('./icons/health/dossier-fill.svg');
-}
-
-.fr-icon-dossier-line::before,
-.fr-icon-dossier-line::after {
- -webkit-mask-image: url('./icons/health/dossier-line.svg');
- mask-image: url('./icons/health/dossier-line.svg');
-}
-
-.fr-icon-first-aid-kit-fill::before,
-.fr-icon-first-aid-kit-fill::after {
- -webkit-mask-image: url('./icons/health/first-aid-kit-fill.svg');
- mask-image: url('./icons/health/first-aid-kit-fill.svg');
-}
-
-.fr-icon-first-aid-kit-line::before,
-.fr-icon-first-aid-kit-line::after {
- -webkit-mask-image: url('./icons/health/first-aid-kit-line.svg');
- mask-image: url('./icons/health/first-aid-kit-line.svg');
-}
-
-.fr-icon-hand-sanitizer-fill::before,
-.fr-icon-hand-sanitizer-fill::after {
- -webkit-mask-image: url('./icons/health/hand-sanitizer-fill.svg');
- mask-image: url('./icons/health/hand-sanitizer-fill.svg');
-}
-
-.fr-icon-hand-sanitizer-line::before,
-.fr-icon-hand-sanitizer-line::after {
- -webkit-mask-image: url('./icons/health/hand-sanitizer-line.svg');
- mask-image: url('./icons/health/hand-sanitizer-line.svg');
-}
-
-.fr-icon-health-book-fill::before,
-.fr-icon-health-book-fill::after {
- -webkit-mask-image: url('./icons/health/health-book-fill.svg');
- mask-image: url('./icons/health/health-book-fill.svg');
-}
-
-.fr-icon-health-book-line::before,
-.fr-icon-health-book-line::after {
- -webkit-mask-image: url('./icons/health/health-book-line.svg');
- mask-image: url('./icons/health/health-book-line.svg');
-}
-
-.fr-icon-heart-fill::before,
-.fr-icon-heart-fill::after {
- -webkit-mask-image: url('./icons/health/heart-fill.svg');
- mask-image: url('./icons/health/heart-fill.svg');
-}
-
-.fr-icon-heart-line::before,
-.fr-icon-heart-line::after {
- -webkit-mask-image: url('./icons/health/heart-line.svg');
- mask-image: url('./icons/health/heart-line.svg');
-}
-
-.fr-icon-heart-pulse-fill::before,
-.fr-icon-heart-pulse-fill::after {
- -webkit-mask-image: url('./icons/health/heart-pulse-fill.svg');
- mask-image: url('./icons/health/heart-pulse-fill.svg');
-}
-
-.fr-icon-heart-pulse-line::before,
-.fr-icon-heart-pulse-line::after {
- -webkit-mask-image: url('./icons/health/heart-pulse-line.svg');
- mask-image: url('./icons/health/heart-pulse-line.svg');
-}
-
-.fr-icon-lungs-fill::before,
-.fr-icon-lungs-fill::after {
- -webkit-mask-image: url('./icons/health/lungs-fill.svg');
- mask-image: url('./icons/health/lungs-fill.svg');
-}
-
-.fr-icon-lungs-line::before,
-.fr-icon-lungs-line::after {
- -webkit-mask-image: url('./icons/health/lungs-line.svg');
- mask-image: url('./icons/health/lungs-line.svg');
-}
-
-.fr-icon-medicine-bottle-fill::before,
-.fr-icon-medicine-bottle-fill::after {
- -webkit-mask-image: url('./icons/health/medicine-bottle-fill.svg');
- mask-image: url('./icons/health/medicine-bottle-fill.svg');
-}
-
-.fr-icon-medicine-bottle-line::before,
-.fr-icon-medicine-bottle-line::after {
- -webkit-mask-image: url('./icons/health/medicine-bottle-line.svg');
- mask-image: url('./icons/health/medicine-bottle-line.svg');
-}
-
-.fr-icon-mental-health-fill::before,
-.fr-icon-mental-health-fill::after {
- -webkit-mask-image: url('./icons/health/mental-health-fill.svg');
- mask-image: url('./icons/health/mental-health-fill.svg');
-}
-
-.fr-icon-mental-health-line::before,
-.fr-icon-mental-health-line::after {
- -webkit-mask-image: url('./icons/health/mental-health-line.svg');
- mask-image: url('./icons/health/mental-health-line.svg');
-}
-
-.fr-icon-microscope-fill::before,
-.fr-icon-microscope-fill::after {
- -webkit-mask-image: url('./icons/health/microscope-fill.svg');
- mask-image: url('./icons/health/microscope-fill.svg');
-}
-
-.fr-icon-microscope-line::before,
-.fr-icon-microscope-line::after {
- -webkit-mask-image: url('./icons/health/microscope-line.svg');
- mask-image: url('./icons/health/microscope-line.svg');
-}
-
-.fr-icon-psychotherapy-fill::before,
-.fr-icon-psychotherapy-fill::after {
- -webkit-mask-image: url('./icons/health/psychotherapy-fill.svg');
- mask-image: url('./icons/health/psychotherapy-fill.svg');
-}
-
-.fr-icon-psychotherapy-line::before,
-.fr-icon-psychotherapy-line::after {
- -webkit-mask-image: url('./icons/health/psychotherapy-line.svg');
- mask-image: url('./icons/health/psychotherapy-line.svg');
-}
-
-.fr-icon-pulse-line::before,
-.fr-icon-pulse-line::after {
- -webkit-mask-image: url('./icons/health/pulse-line.svg');
- mask-image: url('./icons/health/pulse-line.svg');
-}
-
-.fr-icon-stethoscope-fill::before,
-.fr-icon-stethoscope-fill::after {
- -webkit-mask-image: url('./icons/health/stethoscope-fill.svg');
- mask-image: url('./icons/health/stethoscope-fill.svg');
-}
-
-.fr-icon-stethoscope-line::before,
-.fr-icon-stethoscope-line::after {
- -webkit-mask-image: url('./icons/health/stethoscope-line.svg');
- mask-image: url('./icons/health/stethoscope-line.svg');
-}
-
-.fr-icon-surgical-mask-fill::before,
-.fr-icon-surgical-mask-fill::after {
- -webkit-mask-image: url('./icons/health/surgical-mask-fill.svg');
- mask-image: url('./icons/health/surgical-mask-fill.svg');
-}
-
-.fr-icon-surgical-mask-line::before,
-.fr-icon-surgical-mask-line::after {
- -webkit-mask-image: url('./icons/health/surgical-mask-line.svg');
- mask-image: url('./icons/health/surgical-mask-line.svg');
-}
-
-.fr-icon-syringe-fill::before,
-.fr-icon-syringe-fill::after {
- -webkit-mask-image: url('./icons/health/syringe-fill.svg');
- mask-image: url('./icons/health/syringe-fill.svg');
-}
-
-.fr-icon-syringe-line::before,
-.fr-icon-syringe-line::after {
- -webkit-mask-image: url('./icons/health/syringe-line.svg');
- mask-image: url('./icons/health/syringe-line.svg');
-}
-
-.fr-icon-test-tube-fill::before,
-.fr-icon-test-tube-fill::after {
- -webkit-mask-image: url('./icons/health/test-tube-fill.svg');
- mask-image: url('./icons/health/test-tube-fill.svg');
-}
-
-.fr-icon-test-tube-line::before,
-.fr-icon-test-tube-line::after {
- -webkit-mask-image: url('./icons/health/test-tube-line.svg');
- mask-image: url('./icons/health/test-tube-line.svg');
-}
-
-.fr-icon-thermometer-fill::before,
-.fr-icon-thermometer-fill::after {
- -webkit-mask-image: url('./icons/health/thermometer-fill.svg');
- mask-image: url('./icons/health/thermometer-fill.svg');
-}
-
-.fr-icon-thermometer-line::before,
-.fr-icon-thermometer-line::after {
- -webkit-mask-image: url('./icons/health/thermometer-line.svg');
- mask-image: url('./icons/health/thermometer-line.svg');
-}
-
-.fr-icon-virus-fill::before,
-.fr-icon-virus-fill::after {
- -webkit-mask-image: url('./icons/health/virus-fill.svg');
- mask-image: url('./icons/health/virus-fill.svg');
-}
-
-.fr-icon-virus-line::before,
-.fr-icon-virus-line::after {
- -webkit-mask-image: url('./icons/health/virus-line.svg');
- mask-image: url('./icons/health/virus-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-chrome-fill::before,
-.fr-icon-chrome-fill::after {
- -webkit-mask-image: url('./icons/logo/chrome-fill.svg');
- mask-image: url('./icons/logo/chrome-fill.svg');
-}
-
-.fr-icon-chrome-line::before,
-.fr-icon-chrome-line::after {
- -webkit-mask-image: url('./icons/logo/chrome-line.svg');
- mask-image: url('./icons/logo/chrome-line.svg');
-}
-
-.fr-icon-edge-fill::before,
-.fr-icon-edge-fill::after {
- -webkit-mask-image: url('./icons/logo/edge-fill.svg');
- mask-image: url('./icons/logo/edge-fill.svg');
-}
-
-.fr-icon-edge-line::before,
-.fr-icon-edge-line::after {
- -webkit-mask-image: url('./icons/logo/edge-line.svg');
- mask-image: url('./icons/logo/edge-line.svg');
-}
-
-.fr-icon-facebook-circle-fill::before,
-.fr-icon-facebook-circle-fill::after {
- -webkit-mask-image: url('./icons/logo/facebook-circle-fill.svg');
- mask-image: url('./icons/logo/facebook-circle-fill.svg');
-}
-
-.fr-icon-facebook-circle-line::before,
-.fr-icon-facebook-circle-line::after {
- -webkit-mask-image: url('./icons/logo/facebook-circle-line.svg');
- mask-image: url('./icons/logo/facebook-circle-line.svg');
-}
-
-.fr-icon-firefox-fill::before,
-.fr-icon-firefox-fill::after {
- -webkit-mask-image: url('./icons/logo/firefox-fill.svg');
- mask-image: url('./icons/logo/firefox-fill.svg');
-}
-
-.fr-icon-firefox-line::before,
-.fr-icon-firefox-line::after {
- -webkit-mask-image: url('./icons/logo/firefox-line.svg');
- mask-image: url('./icons/logo/firefox-line.svg');
-}
-
-.fr-icon-dailymotion-fill::before,
-.fr-icon-dailymotion-fill::after {
- -webkit-mask-image: url('./icons/logo/fr--dailymotion-fill.svg');
- mask-image: url('./icons/logo/fr--dailymotion-fill.svg');
-}
-
-.fr-icon-dailymotion-line::before,
-.fr-icon-dailymotion-line::after {
- -webkit-mask-image: url('./icons/logo/fr--dailymotion-line.svg');
- mask-image: url('./icons/logo/fr--dailymotion-line.svg');
-}
-
-.fr-icon-tiktok-fill::before,
-.fr-icon-tiktok-fill::after {
- -webkit-mask-image: url('./icons/logo/fr--tiktok-fill.svg');
- mask-image: url('./icons/logo/fr--tiktok-fill.svg');
-}
-
-.fr-icon-tiktok-line::before,
-.fr-icon-tiktok-line::after {
- -webkit-mask-image: url('./icons/logo/fr--tiktok-line.svg');
- mask-image: url('./icons/logo/fr--tiktok-line.svg');
-}
-
-.fr-icon-github-fill::before,
-.fr-icon-github-fill::after {
- -webkit-mask-image: url('./icons/logo/github-fill.svg');
- mask-image: url('./icons/logo/github-fill.svg');
-}
-
-.fr-icon-github-line::before,
-.fr-icon-github-line::after {
- -webkit-mask-image: url('./icons/logo/github-line.svg');
- mask-image: url('./icons/logo/github-line.svg');
-}
-
-.fr-icon-google-fill::before,
-.fr-icon-google-fill::after {
- -webkit-mask-image: url('./icons/logo/google-fill.svg');
- mask-image: url('./icons/logo/google-fill.svg');
-}
-
-.fr-icon-google-line::before,
-.fr-icon-google-line::after {
- -webkit-mask-image: url('./icons/logo/google-line.svg');
- mask-image: url('./icons/logo/google-line.svg');
-}
-
-.fr-icon-ie-fill::before,
-.fr-icon-ie-fill::after {
- -webkit-mask-image: url('./icons/logo/ie-fill.svg');
- mask-image: url('./icons/logo/ie-fill.svg');
-}
-
-.fr-icon-ie-line::before,
-.fr-icon-ie-line::after {
- -webkit-mask-image: url('./icons/logo/ie-line.svg');
- mask-image: url('./icons/logo/ie-line.svg');
-}
-
-.fr-icon-instagram-fill::before,
-.fr-icon-instagram-fill::after {
- -webkit-mask-image: url('./icons/logo/instagram-fill.svg');
- mask-image: url('./icons/logo/instagram-fill.svg');
-}
-
-.fr-icon-instagram-line::before,
-.fr-icon-instagram-line::after {
- -webkit-mask-image: url('./icons/logo/instagram-line.svg');
- mask-image: url('./icons/logo/instagram-line.svg');
-}
-
-.fr-icon-linkedin-box-fill::before,
-.fr-icon-linkedin-box-fill::after {
- -webkit-mask-image: url('./icons/logo/linkedin-box-fill.svg');
- mask-image: url('./icons/logo/linkedin-box-fill.svg');
-}
-
-.fr-icon-linkedin-box-line::before,
-.fr-icon-linkedin-box-line::after {
- -webkit-mask-image: url('./icons/logo/linkedin-box-line.svg');
- mask-image: url('./icons/logo/linkedin-box-line.svg');
-}
-
-.fr-icon-mastodon-fill::before,
-.fr-icon-mastodon-fill::after {
- -webkit-mask-image: url('./icons/logo/mastodon-fill.svg');
- mask-image: url('./icons/logo/mastodon-fill.svg');
-}
-
-.fr-icon-mastodon-line::before,
-.fr-icon-mastodon-line::after {
- -webkit-mask-image: url('./icons/logo/mastodon-line.svg');
- mask-image: url('./icons/logo/mastodon-line.svg');
-}
-
-.fr-icon-npmjs-fill::before,
-.fr-icon-npmjs-fill::after {
- -webkit-mask-image: url('./icons/logo/npmjs-fill.svg');
- mask-image: url('./icons/logo/npmjs-fill.svg');
-}
-
-.fr-icon-npmjs-line::before,
-.fr-icon-npmjs-line::after {
- -webkit-mask-image: url('./icons/logo/npmjs-line.svg');
- mask-image: url('./icons/logo/npmjs-line.svg');
-}
-
-.fr-icon-remixicon-fill::before,
-.fr-icon-remixicon-fill::after {
- -webkit-mask-image: url('./icons/logo/remixicon-fill.svg');
- mask-image: url('./icons/logo/remixicon-fill.svg');
-}
-
-.fr-icon-remixicon-line::before,
-.fr-icon-remixicon-line::after {
- -webkit-mask-image: url('./icons/logo/remixicon-line.svg');
- mask-image: url('./icons/logo/remixicon-line.svg');
-}
-
-.fr-icon-safari-fill::before,
-.fr-icon-safari-fill::after {
- -webkit-mask-image: url('./icons/logo/safari-fill.svg');
- mask-image: url('./icons/logo/safari-fill.svg');
-}
-
-.fr-icon-safari-line::before,
-.fr-icon-safari-line::after {
- -webkit-mask-image: url('./icons/logo/safari-line.svg');
- mask-image: url('./icons/logo/safari-line.svg');
-}
-
-.fr-icon-slack-fill::before,
-.fr-icon-slack-fill::after {
- -webkit-mask-image: url('./icons/logo/slack-fill.svg');
- mask-image: url('./icons/logo/slack-fill.svg');
-}
-
-.fr-icon-slack-line::before,
-.fr-icon-slack-line::after {
- -webkit-mask-image: url('./icons/logo/slack-line.svg');
- mask-image: url('./icons/logo/slack-line.svg');
-}
-
-.fr-icon-snapchat-fill::before,
-.fr-icon-snapchat-fill::after {
- -webkit-mask-image: url('./icons/logo/snapchat-fill.svg');
- mask-image: url('./icons/logo/snapchat-fill.svg');
-}
-
-.fr-icon-snapchat-line::before,
-.fr-icon-snapchat-line::after {
- -webkit-mask-image: url('./icons/logo/snapchat-line.svg');
- mask-image: url('./icons/logo/snapchat-line.svg');
-}
-
-.fr-icon-telegram-fill::before,
-.fr-icon-telegram-fill::after {
- -webkit-mask-image: url('./icons/logo/telegram-fill.svg');
- mask-image: url('./icons/logo/telegram-fill.svg');
-}
-
-.fr-icon-telegram-line::before,
-.fr-icon-telegram-line::after {
- -webkit-mask-image: url('./icons/logo/telegram-line.svg');
- mask-image: url('./icons/logo/telegram-line.svg');
-}
-
-.fr-icon-threads-fill::before,
-.fr-icon-threads-fill::after {
- -webkit-mask-image: url('./icons/logo/threads-fill.svg');
- mask-image: url('./icons/logo/threads-fill.svg');
-}
-
-.fr-icon-threads-line::before,
-.fr-icon-threads-line::after {
- -webkit-mask-image: url('./icons/logo/threads-line.svg');
- mask-image: url('./icons/logo/threads-line.svg');
-}
-
-.fr-icon-twitch-fill::before,
-.fr-icon-twitch-fill::after {
- -webkit-mask-image: url('./icons/logo/twitch-fill.svg');
- mask-image: url('./icons/logo/twitch-fill.svg');
-}
-
-.fr-icon-twitch-line::before,
-.fr-icon-twitch-line::after {
- -webkit-mask-image: url('./icons/logo/twitch-line.svg');
- mask-image: url('./icons/logo/twitch-line.svg');
-}
-
-.fr-icon-twitter-fill::before,
-.fr-icon-twitter-fill::after {
- -webkit-mask-image: url('./icons/logo/twitter-fill.svg');
- mask-image: url('./icons/logo/twitter-fill.svg');
-}
-
-.fr-icon-twitter-line::before,
-.fr-icon-twitter-line::after {
- -webkit-mask-image: url('./icons/logo/twitter-line.svg');
- mask-image: url('./icons/logo/twitter-line.svg');
-}
-
-.fr-icon-twitter-x-fill::before,
-.fr-icon-twitter-x-fill::after {
- -webkit-mask-image: url('./icons/logo/twitter-x-fill.svg');
- mask-image: url('./icons/logo/twitter-x-fill.svg');
-}
-
-.fr-icon-twitter-x-line::before,
-.fr-icon-twitter-x-line::after {
- -webkit-mask-image: url('./icons/logo/twitter-x-line.svg');
- mask-image: url('./icons/logo/twitter-x-line.svg');
-}
-
-.fr-icon-vimeo-fill::before,
-.fr-icon-vimeo-fill::after {
- -webkit-mask-image: url('./icons/logo/vimeo-fill.svg');
- mask-image: url('./icons/logo/vimeo-fill.svg');
-}
-
-.fr-icon-vimeo-line::before,
-.fr-icon-vimeo-line::after {
- -webkit-mask-image: url('./icons/logo/vimeo-line.svg');
- mask-image: url('./icons/logo/vimeo-line.svg');
-}
-
-.fr-icon-vuejs-fill::before,
-.fr-icon-vuejs-fill::after {
- -webkit-mask-image: url('./icons/logo/vuejs-fill.svg');
- mask-image: url('./icons/logo/vuejs-fill.svg');
-}
-
-.fr-icon-vuejs-line::before,
-.fr-icon-vuejs-line::after {
- -webkit-mask-image: url('./icons/logo/vuejs-line.svg');
- mask-image: url('./icons/logo/vuejs-line.svg');
-}
-
-.fr-icon-youtube-fill::before,
-.fr-icon-youtube-fill::after {
- -webkit-mask-image: url('./icons/logo/youtube-fill.svg');
- mask-image: url('./icons/logo/youtube-fill.svg');
-}
-
-.fr-icon-youtube-line::before,
-.fr-icon-youtube-line::after {
- -webkit-mask-image: url('./icons/logo/youtube-line.svg');
- mask-image: url('./icons/logo/youtube-line.svg');
-}
-
-.fr-fi-facebook-circle-fill::before,
-.fr-fi-facebook-circle-fill::after {
- -webkit-mask-image: url('./icons/logo/facebook-circle-fill.svg');
- mask-image: url('./icons/logo/facebook-circle-fill.svg');
-}
-
-.fr-fi-facebook-circle-line::before,
-.fr-fi-facebook-circle-line::after {
- -webkit-mask-image: url('./icons/logo/facebook-circle-line.svg');
- mask-image: url('./icons/logo/facebook-circle-line.svg');
-}
-
-.fr-fi-dailymotion-fill::before,
-.fr-fi-dailymotion-fill::after {
- -webkit-mask-image: url('./icons/logo/fr--dailymotion-fill.svg');
- mask-image: url('./icons/logo/fr--dailymotion-fill.svg');
-}
-
-.fr-fi-dailymotion-line::before,
-.fr-fi-dailymotion-line::after {
- -webkit-mask-image: url('./icons/logo/fr--dailymotion-line.svg');
- mask-image: url('./icons/logo/fr--dailymotion-line.svg');
-}
-
-.fr-fi-github-fill::before,
-.fr-fi-github-fill::after {
- -webkit-mask-image: url('./icons/logo/github-fill.svg');
- mask-image: url('./icons/logo/github-fill.svg');
-}
-
-.fr-fi-github-line::before,
-.fr-fi-github-line::after {
- -webkit-mask-image: url('./icons/logo/github-line.svg');
- mask-image: url('./icons/logo/github-line.svg');
-}
-
-.fr-fi-instagram-fill::before,
-.fr-fi-instagram-fill::after {
- -webkit-mask-image: url('./icons/logo/instagram-fill.svg');
- mask-image: url('./icons/logo/instagram-fill.svg');
-}
-
-.fr-fi-instagram-line::before,
-.fr-fi-instagram-line::after {
- -webkit-mask-image: url('./icons/logo/instagram-line.svg');
- mask-image: url('./icons/logo/instagram-line.svg');
-}
-
-.fr-fi-linkedin-box-fill::before,
-.fr-fi-linkedin-box-fill::after {
- -webkit-mask-image: url('./icons/logo/linkedin-box-fill.svg');
- mask-image: url('./icons/logo/linkedin-box-fill.svg');
-}
-
-.fr-fi-linkedin-box-line::before,
-.fr-fi-linkedin-box-line::after {
- -webkit-mask-image: url('./icons/logo/linkedin-box-line.svg');
- mask-image: url('./icons/logo/linkedin-box-line.svg');
-}
-
-.fr-fi-npmjs-fill::before,
-.fr-fi-npmjs-fill::after {
- -webkit-mask-image: url('./icons/logo/npmjs-fill.svg');
- mask-image: url('./icons/logo/npmjs-fill.svg');
-}
-
-.fr-fi-npmjs-line::before,
-.fr-fi-npmjs-line::after {
- -webkit-mask-image: url('./icons/logo/npmjs-line.svg');
- mask-image: url('./icons/logo/npmjs-line.svg');
-}
-
-.fr-fi-remixicon-fill::before,
-.fr-fi-remixicon-fill::after {
- -webkit-mask-image: url('./icons/logo/remixicon-fill.svg');
- mask-image: url('./icons/logo/remixicon-fill.svg');
-}
-
-.fr-fi-remixicon-line::before,
-.fr-fi-remixicon-line::after {
- -webkit-mask-image: url('./icons/logo/remixicon-line.svg');
- mask-image: url('./icons/logo/remixicon-line.svg');
-}
-
-.fr-fi-slack-fill::before,
-.fr-fi-slack-fill::after {
- -webkit-mask-image: url('./icons/logo/slack-fill.svg');
- mask-image: url('./icons/logo/slack-fill.svg');
-}
-
-.fr-fi-slack-line::before,
-.fr-fi-slack-line::after {
- -webkit-mask-image: url('./icons/logo/slack-line.svg');
- mask-image: url('./icons/logo/slack-line.svg');
-}
-
-.fr-fi-snapchat-fill::before,
-.fr-fi-snapchat-fill::after {
- -webkit-mask-image: url('./icons/logo/snapchat-fill.svg');
- mask-image: url('./icons/logo/snapchat-fill.svg');
-}
-
-.fr-fi-snapchat-line::before,
-.fr-fi-snapchat-line::after {
- -webkit-mask-image: url('./icons/logo/snapchat-line.svg');
- mask-image: url('./icons/logo/snapchat-line.svg');
-}
-
-.fr-fi-telegram-fill::before,
-.fr-fi-telegram-fill::after {
- -webkit-mask-image: url('./icons/logo/telegram-fill.svg');
- mask-image: url('./icons/logo/telegram-fill.svg');
-}
-
-.fr-fi-telegram-line::before,
-.fr-fi-telegram-line::after {
- -webkit-mask-image: url('./icons/logo/telegram-line.svg');
- mask-image: url('./icons/logo/telegram-line.svg');
-}
-
-.fr-fi-twitch-fill::before,
-.fr-fi-twitch-fill::after {
- -webkit-mask-image: url('./icons/logo/twitch-fill.svg');
- mask-image: url('./icons/logo/twitch-fill.svg');
-}
-
-.fr-fi-twitch-line::before,
-.fr-fi-twitch-line::after {
- -webkit-mask-image: url('./icons/logo/twitch-line.svg');
- mask-image: url('./icons/logo/twitch-line.svg');
-}
-
-.fr-fi-twitter-fill::before,
-.fr-fi-twitter-fill::after {
- -webkit-mask-image: url('./icons/logo/twitter-fill.svg');
- mask-image: url('./icons/logo/twitter-fill.svg');
-}
-
-.fr-fi-twitter-line::before,
-.fr-fi-twitter-line::after {
- -webkit-mask-image: url('./icons/logo/twitter-line.svg');
- mask-image: url('./icons/logo/twitter-line.svg');
-}
-
-.fr-fi-vimeo-fill::before,
-.fr-fi-vimeo-fill::after {
- -webkit-mask-image: url('./icons/logo/vimeo-fill.svg');
- mask-image: url('./icons/logo/vimeo-fill.svg');
-}
-
-.fr-fi-vimeo-line::before,
-.fr-fi-vimeo-line::after {
- -webkit-mask-image: url('./icons/logo/vimeo-line.svg');
- mask-image: url('./icons/logo/vimeo-line.svg');
-}
-
-.fr-fi-youtube-fill::before,
-.fr-fi-youtube-fill::after {
- -webkit-mask-image: url('./icons/logo/youtube-fill.svg');
- mask-image: url('./icons/logo/youtube-fill.svg');
-}
-
-.fr-fi-youtube-line::before,
-.fr-fi-youtube-line::after {
- -webkit-mask-image: url('./icons/logo/youtube-line.svg');
- mask-image: url('./icons/logo/youtube-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-anchor-fill::before,
-.fr-icon-anchor-fill::after {
- -webkit-mask-image: url('./icons/map/anchor-fill.svg');
- mask-image: url('./icons/map/anchor-fill.svg');
-}
-
-.fr-icon-anchor-line::before,
-.fr-icon-anchor-line::after {
- -webkit-mask-image: url('./icons/map/anchor-line.svg');
- mask-image: url('./icons/map/anchor-line.svg');
-}
-
-.fr-icon-bike-fill::before,
-.fr-icon-bike-fill::after {
- -webkit-mask-image: url('./icons/map/bike-fill.svg');
- mask-image: url('./icons/map/bike-fill.svg');
-}
-
-.fr-icon-bike-line::before,
-.fr-icon-bike-line::after {
- -webkit-mask-image: url('./icons/map/bike-line.svg');
- mask-image: url('./icons/map/bike-line.svg');
-}
-
-.fr-icon-bus-fill::before,
-.fr-icon-bus-fill::after {
- -webkit-mask-image: url('./icons/map/bus-fill.svg');
- mask-image: url('./icons/map/bus-fill.svg');
-}
-
-.fr-icon-bus-line::before,
-.fr-icon-bus-line::after {
- -webkit-mask-image: url('./icons/map/bus-line.svg');
- mask-image: url('./icons/map/bus-line.svg');
-}
-
-.fr-icon-car-fill::before,
-.fr-icon-car-fill::after {
- -webkit-mask-image: url('./icons/map/car-fill.svg');
- mask-image: url('./icons/map/car-fill.svg');
-}
-
-.fr-icon-car-line::before,
-.fr-icon-car-line::after {
- -webkit-mask-image: url('./icons/map/car-line.svg');
- mask-image: url('./icons/map/car-line.svg');
-}
-
-.fr-icon-caravan-fill::before,
-.fr-icon-caravan-fill::after {
- -webkit-mask-image: url('./icons/map/caravan-fill.svg');
- mask-image: url('./icons/map/caravan-fill.svg');
-}
-
-.fr-icon-caravan-line::before,
-.fr-icon-caravan-line::after {
- -webkit-mask-image: url('./icons/map/caravan-line.svg');
- mask-image: url('./icons/map/caravan-line.svg');
-}
-
-.fr-icon-charging-pile-2-fill::before,
-.fr-icon-charging-pile-2-fill::after {
- -webkit-mask-image: url('./icons/map/charging-pile-2-fill.svg');
- mask-image: url('./icons/map/charging-pile-2-fill.svg');
-}
-
-.fr-icon-charging-pile-2-line::before,
-.fr-icon-charging-pile-2-line::after {
- -webkit-mask-image: url('./icons/map/charging-pile-2-line.svg');
- mask-image: url('./icons/map/charging-pile-2-line.svg');
-}
-
-.fr-icon-compass-3-fill::before,
-.fr-icon-compass-3-fill::after {
- -webkit-mask-image: url('./icons/map/compass-3-fill.svg');
- mask-image: url('./icons/map/compass-3-fill.svg');
-}
-
-.fr-icon-compass-3-line::before,
-.fr-icon-compass-3-line::after {
- -webkit-mask-image: url('./icons/map/compass-3-line.svg');
- mask-image: url('./icons/map/compass-3-line.svg');
-}
-
-.fr-icon-cup-fill::before,
-.fr-icon-cup-fill::after {
- -webkit-mask-image: url('./icons/map/cup-fill.svg');
- mask-image: url('./icons/map/cup-fill.svg');
-}
-
-.fr-icon-cup-line::before,
-.fr-icon-cup-line::after {
- -webkit-mask-image: url('./icons/map/cup-line.svg');
- mask-image: url('./icons/map/cup-line.svg');
-}
-
-.fr-icon-earth-fill::before,
-.fr-icon-earth-fill::after {
- -webkit-mask-image: url('./icons/map/earth-fill.svg');
- mask-image: url('./icons/map/earth-fill.svg');
-}
-
-.fr-icon-earth-line::before,
-.fr-icon-earth-line::after {
- -webkit-mask-image: url('./icons/map/earth-line.svg');
- mask-image: url('./icons/map/earth-line.svg');
-}
-
-.fr-icon-france-fill::before,
-.fr-icon-france-fill::after {
- -webkit-mask-image: url('./icons/map/france-fill.svg');
- mask-image: url('./icons/map/france-fill.svg');
-}
-
-.fr-icon-france-line::before,
-.fr-icon-france-line::after {
- -webkit-mask-image: url('./icons/map/france-line.svg');
- mask-image: url('./icons/map/france-line.svg');
-}
-
-.fr-icon-gas-station-fill::before,
-.fr-icon-gas-station-fill::after {
- -webkit-mask-image: url('./icons/map/gas-station-fill.svg');
- mask-image: url('./icons/map/gas-station-fill.svg');
-}
-
-.fr-icon-gas-station-line::before,
-.fr-icon-gas-station-line::after {
- -webkit-mask-image: url('./icons/map/gas-station-line.svg');
- mask-image: url('./icons/map/gas-station-line.svg');
-}
-
-.fr-icon-goblet-fill::before,
-.fr-icon-goblet-fill::after {
- -webkit-mask-image: url('./icons/map/goblet-fill.svg');
- mask-image: url('./icons/map/goblet-fill.svg');
-}
-
-.fr-icon-goblet-line::before,
-.fr-icon-goblet-line::after {
- -webkit-mask-image: url('./icons/map/goblet-line.svg');
- mask-image: url('./icons/map/goblet-line.svg');
-}
-
-.fr-icon-map-pin-2-fill::before,
-.fr-icon-map-pin-2-fill::after {
- -webkit-mask-image: url('./icons/map/map-pin-2-fill.svg');
- mask-image: url('./icons/map/map-pin-2-fill.svg');
-}
-
-.fr-icon-map-pin-2-line::before,
-.fr-icon-map-pin-2-line::after {
- -webkit-mask-image: url('./icons/map/map-pin-2-line.svg');
- mask-image: url('./icons/map/map-pin-2-line.svg');
-}
-
-.fr-icon-map-pin-user-fill::before,
-.fr-icon-map-pin-user-fill::after {
- -webkit-mask-image: url('./icons/map/map-pin-user-fill.svg');
- mask-image: url('./icons/map/map-pin-user-fill.svg');
-}
-
-.fr-icon-map-pin-user-line::before,
-.fr-icon-map-pin-user-line::after {
- -webkit-mask-image: url('./icons/map/map-pin-user-line.svg');
- mask-image: url('./icons/map/map-pin-user-line.svg');
-}
-
-.fr-icon-motorbike-fill::before,
-.fr-icon-motorbike-fill::after {
- -webkit-mask-image: url('./icons/map/motorbike-fill.svg');
- mask-image: url('./icons/map/motorbike-fill.svg');
-}
-
-.fr-icon-motorbike-line::before,
-.fr-icon-motorbike-line::after {
- -webkit-mask-image: url('./icons/map/motorbike-line.svg');
- mask-image: url('./icons/map/motorbike-line.svg');
-}
-
-.fr-icon-passport-fill::before,
-.fr-icon-passport-fill::after {
- -webkit-mask-image: url('./icons/map/passport-fill.svg');
- mask-image: url('./icons/map/passport-fill.svg');
-}
-
-.fr-icon-passport-line::before,
-.fr-icon-passport-line::after {
- -webkit-mask-image: url('./icons/map/passport-line.svg');
- mask-image: url('./icons/map/passport-line.svg');
-}
-
-.fr-icon-restaurant-fill::before,
-.fr-icon-restaurant-fill::after {
- -webkit-mask-image: url('./icons/map/restaurant-fill.svg');
- mask-image: url('./icons/map/restaurant-fill.svg');
-}
-
-.fr-icon-restaurant-line::before,
-.fr-icon-restaurant-line::after {
- -webkit-mask-image: url('./icons/map/restaurant-line.svg');
- mask-image: url('./icons/map/restaurant-line.svg');
-}
-
-.fr-icon-road-map-fill::before,
-.fr-icon-road-map-fill::after {
- -webkit-mask-image: url('./icons/map/road-map-fill.svg');
- mask-image: url('./icons/map/road-map-fill.svg');
-}
-
-.fr-icon-road-map-line::before,
-.fr-icon-road-map-line::after {
- -webkit-mask-image: url('./icons/map/road-map-line.svg');
- mask-image: url('./icons/map/road-map-line.svg');
-}
-
-.fr-icon-sailboat-fill::before,
-.fr-icon-sailboat-fill::after {
- -webkit-mask-image: url('./icons/map/sailboat-fill.svg');
- mask-image: url('./icons/map/sailboat-fill.svg');
-}
-
-.fr-icon-sailboat-line::before,
-.fr-icon-sailboat-line::after {
- -webkit-mask-image: url('./icons/map/sailboat-line.svg');
- mask-image: url('./icons/map/sailboat-line.svg');
-}
-
-.fr-icon-ship-2-fill::before,
-.fr-icon-ship-2-fill::after {
- -webkit-mask-image: url('./icons/map/ship-2-fill.svg');
- mask-image: url('./icons/map/ship-2-fill.svg');
-}
-
-.fr-icon-ship-2-line::before,
-.fr-icon-ship-2-line::after {
- -webkit-mask-image: url('./icons/map/ship-2-line.svg');
- mask-image: url('./icons/map/ship-2-line.svg');
-}
-
-.fr-icon-signal-tower-fill::before,
-.fr-icon-signal-tower-fill::after {
- -webkit-mask-image: url('./icons/map/signal-tower-fill.svg');
- mask-image: url('./icons/map/signal-tower-fill.svg');
-}
-
-.fr-icon-signal-tower-line::before,
-.fr-icon-signal-tower-line::after {
- -webkit-mask-image: url('./icons/map/signal-tower-line.svg');
- mask-image: url('./icons/map/signal-tower-line.svg');
-}
-
-.fr-icon-suitcase-2-fill::before,
-.fr-icon-suitcase-2-fill::after {
- -webkit-mask-image: url('./icons/map/suitcase-2-fill.svg');
- mask-image: url('./icons/map/suitcase-2-fill.svg');
-}
-
-.fr-icon-suitcase-2-line::before,
-.fr-icon-suitcase-2-line::after {
- -webkit-mask-image: url('./icons/map/suitcase-2-line.svg');
- mask-image: url('./icons/map/suitcase-2-line.svg');
-}
-
-.fr-icon-taxi-fill::before,
-.fr-icon-taxi-fill::after {
- -webkit-mask-image: url('./icons/map/taxi-fill.svg');
- mask-image: url('./icons/map/taxi-fill.svg');
-}
-
-.fr-icon-taxi-line::before,
-.fr-icon-taxi-line::after {
- -webkit-mask-image: url('./icons/map/taxi-line.svg');
- mask-image: url('./icons/map/taxi-line.svg');
-}
-
-.fr-icon-train-fill::before,
-.fr-icon-train-fill::after {
- -webkit-mask-image: url('./icons/map/train-fill.svg');
- mask-image: url('./icons/map/train-fill.svg');
-}
-
-.fr-icon-train-line::before,
-.fr-icon-train-line::after {
- -webkit-mask-image: url('./icons/map/train-line.svg');
- mask-image: url('./icons/map/train-line.svg');
-}
-
-.fr-fi-map-pin-2-fill::before,
-.fr-fi-map-pin-2-fill::after {
- -webkit-mask-image: url('./icons/map/map-pin-2-fill.svg');
- mask-image: url('./icons/map/map-pin-2-fill.svg');
-}
-
-.fr-fi-map-pin-2-line::before,
-.fr-fi-map-pin-2-line::after {
- -webkit-mask-image: url('./icons/map/map-pin-2-line.svg');
- mask-image: url('./icons/map/map-pin-2-line.svg');
-}
-
-.fr-fi-road-map-fill::before,
-.fr-fi-road-map-fill::after {
- -webkit-mask-image: url('./icons/map/road-map-fill.svg');
- mask-image: url('./icons/map/road-map-fill.svg');
-}
-
-.fr-fi-road-map-line::before,
-.fr-fi-road-map-line::after {
- -webkit-mask-image: url('./icons/map/road-map-line.svg');
- mask-image: url('./icons/map/road-map-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-align-left::before,
-.fr-icon-align-left::after {
- -webkit-mask-image: url('./icons/media/align-left.svg');
- mask-image: url('./icons/media/align-left.svg');
-}
-
-.fr-icon-camera-fill::before,
-.fr-icon-camera-fill::after {
- -webkit-mask-image: url('./icons/media/camera-fill.svg');
- mask-image: url('./icons/media/camera-fill.svg');
-}
-
-.fr-icon-camera-line::before,
-.fr-icon-camera-line::after {
- -webkit-mask-image: url('./icons/media/camera-line.svg');
- mask-image: url('./icons/media/camera-line.svg');
-}
-
-.fr-icon-clapperboard-fill::before,
-.fr-icon-clapperboard-fill::after {
- -webkit-mask-image: url('./icons/media/clapperboard-fill.svg');
- mask-image: url('./icons/media/clapperboard-fill.svg');
-}
-
-.fr-icon-clapperboard-line::before,
-.fr-icon-clapperboard-line::after {
- -webkit-mask-image: url('./icons/media/clapperboard-line.svg');
- mask-image: url('./icons/media/clapperboard-line.svg');
-}
-
-.fr-icon-equalizer-fill::before,
-.fr-icon-equalizer-fill::after {
- -webkit-mask-image: url('./icons/media/equalizer-fill.svg');
- mask-image: url('./icons/media/equalizer-fill.svg');
-}
-
-.fr-icon-equalizer-line::before,
-.fr-icon-equalizer-line::after {
- -webkit-mask-image: url('./icons/media/equalizer-line.svg');
- mask-image: url('./icons/media/equalizer-line.svg');
-}
-
-.fr-icon-film-fill::before,
-.fr-icon-film-fill::after {
- -webkit-mask-image: url('./icons/media/film-fill.svg');
- mask-image: url('./icons/media/film-fill.svg');
-}
-
-.fr-icon-film-line::before,
-.fr-icon-film-line::after {
- -webkit-mask-image: url('./icons/media/film-line.svg');
- mask-image: url('./icons/media/film-line.svg');
-}
-
-.fr-icon-fullscreen-line::before,
-.fr-icon-fullscreen-line::after {
- -webkit-mask-image: url('./icons/media/fullscreen-line.svg');
- mask-image: url('./icons/media/fullscreen-line.svg');
-}
-
-.fr-icon-gallery-fill::before,
-.fr-icon-gallery-fill::after {
- -webkit-mask-image: url('./icons/media/gallery-fill.svg');
- mask-image: url('./icons/media/gallery-fill.svg');
-}
-
-.fr-icon-gallery-line::before,
-.fr-icon-gallery-line::after {
- -webkit-mask-image: url('./icons/media/gallery-line.svg');
- mask-image: url('./icons/media/gallery-line.svg');
-}
-
-.fr-icon-headphone-fill::before,
-.fr-icon-headphone-fill::after {
- -webkit-mask-image: url('./icons/media/headphone-fill.svg');
- mask-image: url('./icons/media/headphone-fill.svg');
-}
-
-.fr-icon-headphone-line::before,
-.fr-icon-headphone-line::after {
- -webkit-mask-image: url('./icons/media/headphone-line.svg');
- mask-image: url('./icons/media/headphone-line.svg');
-}
-
-.fr-icon-image-add-fill::before,
-.fr-icon-image-add-fill::after {
- -webkit-mask-image: url('./icons/media/image-add-fill.svg');
- mask-image: url('./icons/media/image-add-fill.svg');
-}
-
-.fr-icon-image-add-line::before,
-.fr-icon-image-add-line::after {
- -webkit-mask-image: url('./icons/media/image-add-line.svg');
- mask-image: url('./icons/media/image-add-line.svg');
-}
-
-.fr-icon-image-edit-fill::before,
-.fr-icon-image-edit-fill::after {
- -webkit-mask-image: url('./icons/media/image-edit-fill.svg');
- mask-image: url('./icons/media/image-edit-fill.svg');
-}
-
-.fr-icon-image-edit-line::before,
-.fr-icon-image-edit-line::after {
- -webkit-mask-image: url('./icons/media/image-edit-line.svg');
- mask-image: url('./icons/media/image-edit-line.svg');
-}
-
-.fr-icon-image-fill::before,
-.fr-icon-image-fill::after {
- -webkit-mask-image: url('./icons/media/image-fill.svg');
- mask-image: url('./icons/media/image-fill.svg');
-}
-
-.fr-icon-image-line::before,
-.fr-icon-image-line::after {
- -webkit-mask-image: url('./icons/media/image-line.svg');
- mask-image: url('./icons/media/image-line.svg');
-}
-
-.fr-icon-live-fill::before,
-.fr-icon-live-fill::after {
- -webkit-mask-image: url('./icons/media/live-fill.svg');
- mask-image: url('./icons/media/live-fill.svg');
-}
-
-.fr-icon-live-line::before,
-.fr-icon-live-line::after {
- -webkit-mask-image: url('./icons/media/live-line.svg');
- mask-image: url('./icons/media/live-line.svg');
-}
-
-.fr-icon-mic-fill::before,
-.fr-icon-mic-fill::after {
- -webkit-mask-image: url('./icons/media/mic-fill.svg');
- mask-image: url('./icons/media/mic-fill.svg');
-}
-
-.fr-icon-mic-line::before,
-.fr-icon-mic-line::after {
- -webkit-mask-image: url('./icons/media/mic-line.svg');
- mask-image: url('./icons/media/mic-line.svg');
-}
-
-.fr-icon-music-2-fill::before,
-.fr-icon-music-2-fill::after {
- -webkit-mask-image: url('./icons/media/music-2-fill.svg');
- mask-image: url('./icons/media/music-2-fill.svg');
-}
-
-.fr-icon-music-2-line::before,
-.fr-icon-music-2-line::after {
- -webkit-mask-image: url('./icons/media/music-2-line.svg');
- mask-image: url('./icons/media/music-2-line.svg');
-}
-
-.fr-icon-notification-3-fill::before,
-.fr-icon-notification-3-fill::after {
- -webkit-mask-image: url('./icons/media/notification-3-fill.svg');
- mask-image: url('./icons/media/notification-3-fill.svg');
-}
-
-.fr-icon-notification-3-line::before,
-.fr-icon-notification-3-line::after {
- -webkit-mask-image: url('./icons/media/notification-3-line.svg');
- mask-image: url('./icons/media/notification-3-line.svg');
-}
-
-.fr-icon-pause-circle-fill::before,
-.fr-icon-pause-circle-fill::after {
- -webkit-mask-image: url('./icons/media/pause-circle-fill.svg');
- mask-image: url('./icons/media/pause-circle-fill.svg');
-}
-
-.fr-icon-pause-circle-line::before,
-.fr-icon-pause-circle-line::after {
- -webkit-mask-image: url('./icons/media/pause-circle-line.svg');
- mask-image: url('./icons/media/pause-circle-line.svg');
-}
-
-.fr-icon-play-circle-fill::before,
-.fr-icon-play-circle-fill::after {
- -webkit-mask-image: url('./icons/media/play-circle-fill.svg');
- mask-image: url('./icons/media/play-circle-fill.svg');
-}
-
-.fr-icon-play-circle-line::before,
-.fr-icon-play-circle-line::after {
- -webkit-mask-image: url('./icons/media/play-circle-line.svg');
- mask-image: url('./icons/media/play-circle-line.svg');
-}
-
-.fr-icon-stop-circle-fill::before,
-.fr-icon-stop-circle-fill::after {
- -webkit-mask-image: url('./icons/media/stop-circle-fill.svg');
- mask-image: url('./icons/media/stop-circle-fill.svg');
-}
-
-.fr-icon-stop-circle-line::before,
-.fr-icon-stop-circle-line::after {
- -webkit-mask-image: url('./icons/media/stop-circle-line.svg');
- mask-image: url('./icons/media/stop-circle-line.svg');
-}
-
-.fr-icon-volume-down-fill::before,
-.fr-icon-volume-down-fill::after {
- -webkit-mask-image: url('./icons/media/volume-down-fill.svg');
- mask-image: url('./icons/media/volume-down-fill.svg');
-}
-
-.fr-icon-volume-down-line::before,
-.fr-icon-volume-down-line::after {
- -webkit-mask-image: url('./icons/media/volume-down-line.svg');
- mask-image: url('./icons/media/volume-down-line.svg');
-}
-
-.fr-icon-volume-mute-fill::before,
-.fr-icon-volume-mute-fill::after {
- -webkit-mask-image: url('./icons/media/volume-mute-fill.svg');
- mask-image: url('./icons/media/volume-mute-fill.svg');
-}
-
-.fr-icon-volume-mute-line::before,
-.fr-icon-volume-mute-line::after {
- -webkit-mask-image: url('./icons/media/volume-mute-line.svg');
- mask-image: url('./icons/media/volume-mute-line.svg');
-}
-
-.fr-icon-volume-up-fill::before,
-.fr-icon-volume-up-fill::after {
- -webkit-mask-image: url('./icons/media/volume-up-fill.svg');
- mask-image: url('./icons/media/volume-up-fill.svg');
-}
-
-.fr-icon-volume-up-line::before,
-.fr-icon-volume-up-line::after {
- -webkit-mask-image: url('./icons/media/volume-up-line.svg');
- mask-image: url('./icons/media/volume-up-line.svg');
-}
-
-.fr-fi-equalizer-fill::before,
-.fr-fi-equalizer-fill::after {
- -webkit-mask-image: url('./icons/media/equalizer-fill.svg');
- mask-image: url('./icons/media/equalizer-fill.svg');
-}
-
-.fr-fi-equalizer-line::before,
-.fr-fi-equalizer-line::after {
- -webkit-mask-image: url('./icons/media/equalizer-line.svg');
- mask-image: url('./icons/media/equalizer-line.svg');
-}
-
-.fr-fi-image-fill::before,
-.fr-fi-image-fill::after {
- -webkit-mask-image: url('./icons/media/image-fill.svg');
- mask-image: url('./icons/media/image-fill.svg');
-}
-
-.fr-fi-image-line::before,
-.fr-fi-image-line::after {
- -webkit-mask-image: url('./icons/media/image-line.svg');
- mask-image: url('./icons/media/image-line.svg');
-}
-
-.fr-fi-pause-circle-fill::before,
-.fr-fi-pause-circle-fill::after {
- -webkit-mask-image: url('./icons/media/pause-circle-fill.svg');
- mask-image: url('./icons/media/pause-circle-fill.svg');
-}
-
-.fr-fi-pause-circle-line::before,
-.fr-fi-pause-circle-line::after {
- -webkit-mask-image: url('./icons/media/pause-circle-line.svg');
- mask-image: url('./icons/media/pause-circle-line.svg');
-}
-
-.fr-fi-volume-down-fill::before,
-.fr-fi-volume-down-fill::after {
- -webkit-mask-image: url('./icons/media/volume-down-fill.svg');
- mask-image: url('./icons/media/volume-down-fill.svg');
-}
-
-.fr-fi-volume-down-line::before,
-.fr-fi-volume-down-line::after {
- -webkit-mask-image: url('./icons/media/volume-down-line.svg');
- mask-image: url('./icons/media/volume-down-line.svg');
-}
-
-.fr-fi-volume-mute-fill::before,
-.fr-fi-volume-mute-fill::after {
- -webkit-mask-image: url('./icons/media/volume-mute-fill.svg');
- mask-image: url('./icons/media/volume-mute-fill.svg');
-}
-
-.fr-fi-volume-mute-line::before,
-.fr-fi-volume-mute-line::after {
- -webkit-mask-image: url('./icons/media/volume-mute-line.svg');
- mask-image: url('./icons/media/volume-mute-line.svg');
-}
-
-.fr-fi-volume-up-fill::before,
-.fr-fi-volume-up-fill::after {
- -webkit-mask-image: url('./icons/media/volume-up-fill.svg');
- mask-image: url('./icons/media/volume-up-fill.svg');
-}
-
-.fr-fi-volume-up-line::before,
-.fr-fi-volume-up-line::after {
- -webkit-mask-image: url('./icons/media/volume-up-line.svg');
- mask-image: url('./icons/media/volume-up-line.svg');
-}
-
-.fr-fi-play-line::before,
-.fr-fi-play-line::after {
- -webkit-mask-image: url('./icons/media/play-circle-line.svg');
- mask-image: url('./icons/media/play-circle-line.svg');
-}
-
-.fr-fi-play-fill::before,
-.fr-fi-play-fill::after {
- -webkit-mask-image: url('./icons/media/play-circle-fill.svg');
- mask-image: url('./icons/media/play-circle-fill.svg');
-}
-
-.fr-icon-play-line::before,
-.fr-icon-play-line::after {
- -webkit-mask-image: url('./icons/media/play-circle-line.svg');
- mask-image: url('./icons/media/play-circle-line.svg');
-}
-
-.fr-icon-play-fill::before,
-.fr-icon-play-fill::after {
- -webkit-mask-image: url('./icons/media/play-circle-fill.svg');
- mask-image: url('./icons/media/play-circle-fill.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-leaf-fill::before,
-.fr-icon-leaf-fill::after {
- -webkit-mask-image: url('./icons/others/leaf-fill.svg');
- mask-image: url('./icons/others/leaf-fill.svg');
-}
-
-.fr-icon-leaf-line::before,
-.fr-icon-leaf-line::after {
- -webkit-mask-image: url('./icons/others/leaf-line.svg');
- mask-image: url('./icons/others/leaf-line.svg');
-}
-
-.fr-icon-lightbulb-fill::before,
-.fr-icon-lightbulb-fill::after {
- -webkit-mask-image: url('./icons/others/lightbulb-fill.svg');
- mask-image: url('./icons/others/lightbulb-fill.svg');
-}
-
-.fr-icon-lightbulb-line::before,
-.fr-icon-lightbulb-line::after {
- -webkit-mask-image: url('./icons/others/lightbulb-line.svg');
- mask-image: url('./icons/others/lightbulb-line.svg');
-}
-
-.fr-icon-plant-fill::before,
-.fr-icon-plant-fill::after {
- -webkit-mask-image: url('./icons/others/plant-fill.svg');
- mask-image: url('./icons/others/plant-fill.svg');
-}
-
-.fr-icon-plant-line::before,
-.fr-icon-plant-line::after {
- -webkit-mask-image: url('./icons/others/plant-line.svg');
- mask-image: url('./icons/others/plant-line.svg');
-}
-
-.fr-icon-recycle-fill::before,
-.fr-icon-recycle-fill::after {
- -webkit-mask-image: url('./icons/others/recycle-fill.svg');
- mask-image: url('./icons/others/recycle-fill.svg');
-}
-
-.fr-icon-recycle-line::before,
-.fr-icon-recycle-line::after {
- -webkit-mask-image: url('./icons/others/recycle-line.svg');
- mask-image: url('./icons/others/recycle-line.svg');
-}
-
-.fr-icon-scales-3-fill::before,
-.fr-icon-scales-3-fill::after {
- -webkit-mask-image: url('./icons/others/scales-3-fill.svg');
- mask-image: url('./icons/others/scales-3-fill.svg');
-}
-
-.fr-icon-scales-3-line::before,
-.fr-icon-scales-3-line::after {
- -webkit-mask-image: url('./icons/others/scales-3-line.svg');
- mask-image: url('./icons/others/scales-3-line.svg');
-}
-
-.fr-icon-seedling-fill::before,
-.fr-icon-seedling-fill::after {
- -webkit-mask-image: url('./icons/others/seedling-fill.svg');
- mask-image: url('./icons/others/seedling-fill.svg');
-}
-
-.fr-icon-seedling-line::before,
-.fr-icon-seedling-line::after {
- -webkit-mask-image: url('./icons/others/seedling-line.svg');
- mask-image: url('./icons/others/seedling-line.svg');
-}
-
-.fr-icon-umbrella-fill::before,
-.fr-icon-umbrella-fill::after {
- -webkit-mask-image: url('./icons/others/umbrella-fill.svg');
- mask-image: url('./icons/others/umbrella-fill.svg');
-}
-
-.fr-icon-umbrella-line::before,
-.fr-icon-umbrella-line::after {
- -webkit-mask-image: url('./icons/others/umbrella-line.svg');
- mask-image: url('./icons/others/umbrella-line.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON SYSTEM
-\* ËËËËËËËËË */
-.fr-icon-add-circle-fill::before,
-.fr-icon-add-circle-fill::after {
- -webkit-mask-image: url('./icons/system/add-circle-fill.svg');
- mask-image: url('./icons/system/add-circle-fill.svg');
-}
-
-.fr-icon-add-circle-line::before,
-.fr-icon-add-circle-line::after {
- -webkit-mask-image: url('./icons/system/add-circle-line.svg');
- mask-image: url('./icons/system/add-circle-line.svg');
-}
-
-.fr-icon-add-line::before,
-.fr-icon-add-line::after {
- -webkit-mask-image: url('./icons/system/add-line.svg');
- mask-image: url('./icons/system/add-line.svg');
-}
-
-.fr-icon-alarm-warning-fill::before,
-.fr-icon-alarm-warning-fill::after {
- -webkit-mask-image: url('./icons/system/alarm-warning-fill.svg');
- mask-image: url('./icons/system/alarm-warning-fill.svg');
-}
-
-.fr-icon-alarm-warning-line::before,
-.fr-icon-alarm-warning-line::after {
- -webkit-mask-image: url('./icons/system/alarm-warning-line.svg');
- mask-image: url('./icons/system/alarm-warning-line.svg');
-}
-
-.fr-icon-alert-fill::before,
-.fr-icon-alert-fill::after {
- -webkit-mask-image: url('./icons/system/alert-fill.svg');
- mask-image: url('./icons/system/alert-fill.svg');
-}
-
-.fr-icon-alert-line::before,
-.fr-icon-alert-line::after {
- -webkit-mask-image: url('./icons/system/alert-line.svg');
- mask-image: url('./icons/system/alert-line.svg');
-}
-
-.fr-icon-arrow-down-fill::before,
-.fr-icon-arrow-down-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-down-fill.svg');
- mask-image: url('./icons/system/arrow-down-fill.svg');
-}
-
-.fr-icon-arrow-down-line::before,
-.fr-icon-arrow-down-line::after {
- -webkit-mask-image: url('./icons/system/arrow-down-line.svg');
- mask-image: url('./icons/system/arrow-down-line.svg');
-}
-
-.fr-icon-arrow-down-s-fill::before,
-.fr-icon-arrow-down-s-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-down-s-fill.svg');
- mask-image: url('./icons/system/arrow-down-s-fill.svg');
-}
-
-.fr-icon-arrow-down-s-line::before,
-.fr-icon-arrow-down-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-down-s-line.svg');
- mask-image: url('./icons/system/arrow-down-s-line.svg');
-}
-
-.fr-icon-arrow-go-back-fill::before,
-.fr-icon-arrow-go-back-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-go-back-fill.svg');
- mask-image: url('./icons/system/arrow-go-back-fill.svg');
-}
-
-.fr-icon-arrow-go-back-line::before,
-.fr-icon-arrow-go-back-line::after {
- -webkit-mask-image: url('./icons/system/arrow-go-back-line.svg');
- mask-image: url('./icons/system/arrow-go-back-line.svg');
-}
-
-.fr-icon-arrow-go-forward-fill::before,
-.fr-icon-arrow-go-forward-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-go-forward-fill.svg');
- mask-image: url('./icons/system/arrow-go-forward-fill.svg');
-}
-
-.fr-icon-arrow-go-forward-line::before,
-.fr-icon-arrow-go-forward-line::after {
- -webkit-mask-image: url('./icons/system/arrow-go-forward-line.svg');
- mask-image: url('./icons/system/arrow-go-forward-line.svg');
-}
-
-.fr-icon-arrow-left-fill::before,
-.fr-icon-arrow-left-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-left-fill.svg');
- mask-image: url('./icons/system/arrow-left-fill.svg');
-}
-
-.fr-icon-arrow-left-line::before,
-.fr-icon-arrow-left-line::after {
- -webkit-mask-image: url('./icons/system/arrow-left-line.svg');
- mask-image: url('./icons/system/arrow-left-line.svg');
-}
-
-.fr-icon-arrow-left-s-fill::before,
-.fr-icon-arrow-left-s-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-left-s-fill.svg');
- mask-image: url('./icons/system/arrow-left-s-fill.svg');
-}
-
-.fr-icon-arrow-left-s-line::before,
-.fr-icon-arrow-left-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-left-s-line.svg');
- mask-image: url('./icons/system/arrow-left-s-line.svg');
-}
-
-.fr-icon-arrow-right-fill::before,
-.fr-icon-arrow-right-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-right-fill.svg');
- mask-image: url('./icons/system/arrow-right-fill.svg');
-}
-
-.fr-icon-arrow-right-line::before,
-.fr-icon-arrow-right-line::after {
- -webkit-mask-image: url('./icons/system/arrow-right-line.svg');
- mask-image: url('./icons/system/arrow-right-line.svg');
-}
-
-.fr-icon-arrow-right-s-fill::before,
-.fr-icon-arrow-right-s-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-right-s-fill.svg');
- mask-image: url('./icons/system/arrow-right-s-fill.svg');
-}
-
-.fr-icon-arrow-right-s-line::before,
-.fr-icon-arrow-right-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-right-s-line.svg');
- mask-image: url('./icons/system/arrow-right-s-line.svg');
-}
-
-.fr-icon-arrow-right-up-line::before,
-.fr-icon-arrow-right-up-line::after {
- -webkit-mask-image: url('./icons/system/arrow-right-up-line.svg');
- mask-image: url('./icons/system/arrow-right-up-line.svg');
-}
-
-.fr-icon-arrow-up-fill::before,
-.fr-icon-arrow-up-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-up-fill.svg');
- mask-image: url('./icons/system/arrow-up-fill.svg');
-}
-
-.fr-icon-arrow-up-line::before,
-.fr-icon-arrow-up-line::after {
- -webkit-mask-image: url('./icons/system/arrow-up-line.svg');
- mask-image: url('./icons/system/arrow-up-line.svg');
-}
-
-.fr-icon-arrow-up-s-fill::before,
-.fr-icon-arrow-up-s-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-up-s-fill.svg');
- mask-image: url('./icons/system/arrow-up-s-fill.svg');
-}
-
-.fr-icon-arrow-up-s-line::before,
-.fr-icon-arrow-up-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-up-s-line.svg');
- mask-image: url('./icons/system/arrow-up-s-line.svg');
-}
-
-.fr-icon-check-line::before,
-.fr-icon-check-line::after {
- -webkit-mask-image: url('./icons/system/check-line.svg');
- mask-image: url('./icons/system/check-line.svg');
-}
-
-.fr-icon-checkbox-circle-fill::before,
-.fr-icon-checkbox-circle-fill::after {
- -webkit-mask-image: url('./icons/system/checkbox-circle-fill.svg');
- mask-image: url('./icons/system/checkbox-circle-fill.svg');
-}
-
-.fr-icon-checkbox-circle-line::before,
-.fr-icon-checkbox-circle-line::after {
- -webkit-mask-image: url('./icons/system/checkbox-circle-line.svg');
- mask-image: url('./icons/system/checkbox-circle-line.svg');
-}
-
-.fr-icon-checkbox-fill::before,
-.fr-icon-checkbox-fill::after {
- -webkit-mask-image: url('./icons/system/checkbox-fill.svg');
- mask-image: url('./icons/system/checkbox-fill.svg');
-}
-
-.fr-icon-checkbox-line::before,
-.fr-icon-checkbox-line::after {
- -webkit-mask-image: url('./icons/system/checkbox-line.svg');
- mask-image: url('./icons/system/checkbox-line.svg');
-}
-
-.fr-icon-close-circle-fill::before,
-.fr-icon-close-circle-fill::after {
- -webkit-mask-image: url('./icons/system/close-circle-fill.svg');
- mask-image: url('./icons/system/close-circle-fill.svg');
-}
-
-.fr-icon-close-circle-line::before,
-.fr-icon-close-circle-line::after {
- -webkit-mask-image: url('./icons/system/close-circle-line.svg');
- mask-image: url('./icons/system/close-circle-line.svg');
-}
-
-.fr-icon-close-line::before,
-.fr-icon-close-line::after {
- -webkit-mask-image: url('./icons/system/close-line.svg');
- mask-image: url('./icons/system/close-line.svg');
-}
-
-.fr-icon-delete-bin-fill::before,
-.fr-icon-delete-bin-fill::after {
- -webkit-mask-image: url('./icons/system/delete-bin-fill.svg');
- mask-image: url('./icons/system/delete-bin-fill.svg');
-}
-
-.fr-icon-delete-bin-line::before,
-.fr-icon-delete-bin-line::after {
- -webkit-mask-image: url('./icons/system/delete-bin-line.svg');
- mask-image: url('./icons/system/delete-bin-line.svg');
-}
-
-.fr-icon-download-fill::before,
-.fr-icon-download-fill::after {
- -webkit-mask-image: url('./icons/system/download-fill.svg');
- mask-image: url('./icons/system/download-fill.svg');
-}
-
-.fr-icon-download-line::before,
-.fr-icon-download-line::after {
- -webkit-mask-image: url('./icons/system/download-line.svg');
- mask-image: url('./icons/system/download-line.svg');
-}
-
-.fr-icon-error-warning-fill::before,
-.fr-icon-error-warning-fill::after {
- -webkit-mask-image: url('./icons/system/error-warning-fill.svg');
- mask-image: url('./icons/system/error-warning-fill.svg');
-}
-
-.fr-icon-error-warning-line::before,
-.fr-icon-error-warning-line::after {
- -webkit-mask-image: url('./icons/system/error-warning-line.svg');
- mask-image: url('./icons/system/error-warning-line.svg');
-}
-
-.fr-icon-external-link-fill::before,
-.fr-icon-external-link-fill::after {
- -webkit-mask-image: url('./icons/system/external-link-fill.svg');
- mask-image: url('./icons/system/external-link-fill.svg');
-}
-
-.fr-icon-external-link-line::before,
-.fr-icon-external-link-line::after {
- -webkit-mask-image: url('./icons/system/external-link-line.svg');
- mask-image: url('./icons/system/external-link-line.svg');
-}
-
-.fr-icon-eye-fill::before,
-.fr-icon-eye-fill::after {
- -webkit-mask-image: url('./icons/system/eye-fill.svg');
- mask-image: url('./icons/system/eye-fill.svg');
-}
-
-.fr-icon-eye-line::before,
-.fr-icon-eye-line::after {
- -webkit-mask-image: url('./icons/system/eye-line.svg');
- mask-image: url('./icons/system/eye-line.svg');
-}
-
-.fr-icon-eye-off-fill::before,
-.fr-icon-eye-off-fill::after {
- -webkit-mask-image: url('./icons/system/eye-off-fill.svg');
- mask-image: url('./icons/system/eye-off-fill.svg');
-}
-
-.fr-icon-eye-off-line::before,
-.fr-icon-eye-off-line::after {
- -webkit-mask-image: url('./icons/system/eye-off-line.svg');
- mask-image: url('./icons/system/eye-off-line.svg');
-}
-
-.fr-icon-filter-fill::before,
-.fr-icon-filter-fill::after {
- -webkit-mask-image: url('./icons/system/filter-fill.svg');
- mask-image: url('./icons/system/filter-fill.svg');
-}
-
-.fr-icon-filter-line::before,
-.fr-icon-filter-line::after {
- -webkit-mask-image: url('./icons/system/filter-line.svg');
- mask-image: url('./icons/system/filter-line.svg');
-}
-
-.fr-icon-arrow-left-s-first-line::before,
-.fr-icon-arrow-left-s-first-line::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-left-s-first-line.svg');
- mask-image: url('./icons/system/fr--arrow-left-s-first-line.svg');
-}
-
-.fr-icon-arrow-left-s-line-double::before,
-.fr-icon-arrow-left-s-line-double::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-left-s-line-double.svg');
- mask-image: url('./icons/system/fr--arrow-left-s-line-double.svg');
-}
-
-.fr-icon-arrow-right-down-circle-fill::before,
-.fr-icon-arrow-right-down-circle-fill::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-right-down-circle-fill.svg');
- mask-image: url('./icons/system/fr--arrow-right-down-circle-fill.svg');
-}
-
-.fr-icon-arrow-right-s-last-line::before,
-.fr-icon-arrow-right-s-last-line::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-right-s-last-line.svg');
- mask-image: url('./icons/system/fr--arrow-right-s-last-line.svg');
-}
-
-.fr-icon-arrow-right-s-line-double::before,
-.fr-icon-arrow-right-s-line-double::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-right-s-line-double.svg');
- mask-image: url('./icons/system/fr--arrow-right-s-line-double.svg');
-}
-
-.fr-icon-arrow-right-up-circle-fill::before,
-.fr-icon-arrow-right-up-circle-fill::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-right-up-circle-fill.svg');
- mask-image: url('./icons/system/fr--arrow-right-up-circle-fill.svg');
-}
-
-.fr-icon-capslock-line::before,
-.fr-icon-capslock-line::after {
- -webkit-mask-image: url('./icons/system/fr--capslock-line.svg');
- mask-image: url('./icons/system/fr--capslock-line.svg');
-}
-
-.fr-icon-equal-circle-fill::before,
-.fr-icon-equal-circle-fill::after {
- -webkit-mask-image: url('./icons/system/fr--equal-circle-fill.svg');
- mask-image: url('./icons/system/fr--equal-circle-fill.svg');
-}
-
-.fr-icon-error-fill::before,
-.fr-icon-error-fill::after {
- -webkit-mask-image: url('./icons/system/fr--error-fill.svg');
- mask-image: url('./icons/system/fr--error-fill.svg');
-}
-
-.fr-icon-error-line::before,
-.fr-icon-error-line::after {
- -webkit-mask-image: url('./icons/system/fr--error-line.svg');
- mask-image: url('./icons/system/fr--error-line.svg');
-}
-
-.fr-icon-info-fill::before,
-.fr-icon-info-fill::after {
- -webkit-mask-image: url('./icons/system/fr--info-fill.svg');
- mask-image: url('./icons/system/fr--info-fill.svg');
-}
-
-.fr-icon-info-line::before,
-.fr-icon-info-line::after {
- -webkit-mask-image: url('./icons/system/fr--info-line.svg');
- mask-image: url('./icons/system/fr--info-line.svg');
-}
-
-.fr-icon-success-fill::before,
-.fr-icon-success-fill::after {
- -webkit-mask-image: url('./icons/system/fr--success-fill.svg');
- mask-image: url('./icons/system/fr--success-fill.svg');
-}
-
-.fr-icon-success-line::before,
-.fr-icon-success-line::after {
- -webkit-mask-image: url('./icons/system/fr--success-line.svg');
- mask-image: url('./icons/system/fr--success-line.svg');
-}
-
-.fr-icon-theme-fill::before,
-.fr-icon-theme-fill::after {
- -webkit-mask-image: url('./icons/system/fr--theme-fill.svg');
- mask-image: url('./icons/system/fr--theme-fill.svg');
-}
-
-.fr-icon-warning-fill::before,
-.fr-icon-warning-fill::after {
- -webkit-mask-image: url('./icons/system/fr--warning-fill.svg');
- mask-image: url('./icons/system/fr--warning-fill.svg');
-}
-
-.fr-icon-warning-line::before,
-.fr-icon-warning-line::after {
- -webkit-mask-image: url('./icons/system/fr--warning-line.svg');
- mask-image: url('./icons/system/fr--warning-line.svg');
-}
-
-.fr-icon-information-fill::before,
-.fr-icon-information-fill::after {
- -webkit-mask-image: url('./icons/system/information-fill.svg');
- mask-image: url('./icons/system/information-fill.svg');
-}
-
-.fr-icon-information-line::before,
-.fr-icon-information-line::after {
- -webkit-mask-image: url('./icons/system/information-line.svg');
- mask-image: url('./icons/system/information-line.svg');
-}
-
-.fr-icon-lock-fill::before,
-.fr-icon-lock-fill::after {
- -webkit-mask-image: url('./icons/system/lock-fill.svg');
- mask-image: url('./icons/system/lock-fill.svg');
-}
-
-.fr-icon-lock-line::before,
-.fr-icon-lock-line::after {
- -webkit-mask-image: url('./icons/system/lock-line.svg');
- mask-image: url('./icons/system/lock-line.svg');
-}
-
-.fr-icon-lock-unlock-fill::before,
-.fr-icon-lock-unlock-fill::after {
- -webkit-mask-image: url('./icons/system/lock-unlock-fill.svg');
- mask-image: url('./icons/system/lock-unlock-fill.svg');
-}
-
-.fr-icon-lock-unlock-line::before,
-.fr-icon-lock-unlock-line::after {
- -webkit-mask-image: url('./icons/system/lock-unlock-line.svg');
- mask-image: url('./icons/system/lock-unlock-line.svg');
-}
-
-.fr-icon-logout-box-r-fill::before,
-.fr-icon-logout-box-r-fill::after {
- -webkit-mask-image: url('./icons/system/logout-box-r-fill.svg');
- mask-image: url('./icons/system/logout-box-r-fill.svg');
-}
-
-.fr-icon-logout-box-r-line::before,
-.fr-icon-logout-box-r-line::after {
- -webkit-mask-image: url('./icons/system/logout-box-r-line.svg');
- mask-image: url('./icons/system/logout-box-r-line.svg');
-}
-
-.fr-icon-menu-2-fill::before,
-.fr-icon-menu-2-fill::after {
- -webkit-mask-image: url('./icons/system/menu-2-fill.svg');
- mask-image: url('./icons/system/menu-2-fill.svg');
-}
-
-.fr-icon-menu-fill::before,
-.fr-icon-menu-fill::after {
- -webkit-mask-image: url('./icons/system/menu-fill.svg');
- mask-image: url('./icons/system/menu-fill.svg');
-}
-
-.fr-icon-more-fill::before,
-.fr-icon-more-fill::after {
- -webkit-mask-image: url('./icons/system/more-fill.svg');
- mask-image: url('./icons/system/more-fill.svg');
-}
-
-.fr-icon-more-line::before,
-.fr-icon-more-line::after {
- -webkit-mask-image: url('./icons/system/more-line.svg');
- mask-image: url('./icons/system/more-line.svg');
-}
-
-.fr-icon-notification-badge-fill::before,
-.fr-icon-notification-badge-fill::after {
- -webkit-mask-image: url('./icons/system/notification-badge-fill.svg');
- mask-image: url('./icons/system/notification-badge-fill.svg');
-}
-
-.fr-icon-notification-badge-line::before,
-.fr-icon-notification-badge-line::after {
- -webkit-mask-image: url('./icons/system/notification-badge-line.svg');
- mask-image: url('./icons/system/notification-badge-line.svg');
-}
-
-.fr-icon-question-fill::before,
-.fr-icon-question-fill::after {
- -webkit-mask-image: url('./icons/system/question-fill.svg');
- mask-image: url('./icons/system/question-fill.svg');
-}
-
-.fr-icon-question-line::before,
-.fr-icon-question-line::after {
- -webkit-mask-image: url('./icons/system/question-line.svg');
- mask-image: url('./icons/system/question-line.svg');
-}
-
-.fr-icon-refresh-fill::before,
-.fr-icon-refresh-fill::after {
- -webkit-mask-image: url('./icons/system/refresh-fill.svg');
- mask-image: url('./icons/system/refresh-fill.svg');
-}
-
-.fr-icon-refresh-line::before,
-.fr-icon-refresh-line::after {
- -webkit-mask-image: url('./icons/system/refresh-line.svg');
- mask-image: url('./icons/system/refresh-line.svg');
-}
-
-.fr-icon-search-fill::before,
-.fr-icon-search-fill::after {
- -webkit-mask-image: url('./icons/system/search-fill.svg');
- mask-image: url('./icons/system/search-fill.svg');
-}
-
-.fr-icon-search-line::before,
-.fr-icon-search-line::after {
- -webkit-mask-image: url('./icons/system/search-line.svg');
- mask-image: url('./icons/system/search-line.svg');
-}
-
-.fr-icon-settings-5-fill::before,
-.fr-icon-settings-5-fill::after {
- -webkit-mask-image: url('./icons/system/settings-5-fill.svg');
- mask-image: url('./icons/system/settings-5-fill.svg');
-}
-
-.fr-icon-settings-5-line::before,
-.fr-icon-settings-5-line::after {
- -webkit-mask-image: url('./icons/system/settings-5-line.svg');
- mask-image: url('./icons/system/settings-5-line.svg');
-}
-
-.fr-icon-shield-fill::before,
-.fr-icon-shield-fill::after {
- -webkit-mask-image: url('./icons/system/shield-fill.svg');
- mask-image: url('./icons/system/shield-fill.svg');
-}
-
-.fr-icon-shield-line::before,
-.fr-icon-shield-line::after {
- -webkit-mask-image: url('./icons/system/shield-line.svg');
- mask-image: url('./icons/system/shield-line.svg');
-}
-
-.fr-icon-star-fill::before,
-.fr-icon-star-fill::after {
- -webkit-mask-image: url('./icons/system/star-fill.svg');
- mask-image: url('./icons/system/star-fill.svg');
-}
-
-.fr-icon-star-line::before,
-.fr-icon-star-line::after {
- -webkit-mask-image: url('./icons/system/star-line.svg');
- mask-image: url('./icons/system/star-line.svg');
-}
-
-.fr-icon-star-s-fill::before,
-.fr-icon-star-s-fill::after {
- -webkit-mask-image: url('./icons/system/star-s-fill.svg');
- mask-image: url('./icons/system/star-s-fill.svg');
-}
-
-.fr-icon-star-s-line::before,
-.fr-icon-star-s-line::after {
- -webkit-mask-image: url('./icons/system/star-s-line.svg');
- mask-image: url('./icons/system/star-s-line.svg');
-}
-
-.fr-icon-subtract-line::before,
-.fr-icon-subtract-line::after {
- -webkit-mask-image: url('./icons/system/subtract-line.svg');
- mask-image: url('./icons/system/subtract-line.svg');
-}
-
-.fr-icon-thumb-down-fill::before,
-.fr-icon-thumb-down-fill::after {
- -webkit-mask-image: url('./icons/system/thumb-down-fill.svg');
- mask-image: url('./icons/system/thumb-down-fill.svg');
-}
-
-.fr-icon-thumb-down-line::before,
-.fr-icon-thumb-down-line::after {
- -webkit-mask-image: url('./icons/system/thumb-down-line.svg');
- mask-image: url('./icons/system/thumb-down-line.svg');
-}
-
-.fr-icon-thumb-up-fill::before,
-.fr-icon-thumb-up-fill::after {
- -webkit-mask-image: url('./icons/system/thumb-up-fill.svg');
- mask-image: url('./icons/system/thumb-up-fill.svg');
-}
-
-.fr-icon-thumb-up-line::before,
-.fr-icon-thumb-up-line::after {
- -webkit-mask-image: url('./icons/system/thumb-up-line.svg');
- mask-image: url('./icons/system/thumb-up-line.svg');
-}
-
-.fr-icon-time-fill::before,
-.fr-icon-time-fill::after {
- -webkit-mask-image: url('./icons/system/time-fill.svg');
- mask-image: url('./icons/system/time-fill.svg');
-}
-
-.fr-icon-time-line::before,
-.fr-icon-time-line::after {
- -webkit-mask-image: url('./icons/system/time-line.svg');
- mask-image: url('./icons/system/time-line.svg');
-}
-
-.fr-icon-timer-fill::before,
-.fr-icon-timer-fill::after {
- -webkit-mask-image: url('./icons/system/timer-fill.svg');
- mask-image: url('./icons/system/timer-fill.svg');
-}
-
-.fr-icon-timer-line::before,
-.fr-icon-timer-line::after {
- -webkit-mask-image: url('./icons/system/timer-line.svg');
- mask-image: url('./icons/system/timer-line.svg');
-}
-
-.fr-icon-upload-2-fill::before,
-.fr-icon-upload-2-fill::after {
- -webkit-mask-image: url('./icons/system/upload-2-fill.svg');
- mask-image: url('./icons/system/upload-2-fill.svg');
-}
-
-.fr-icon-upload-2-line::before,
-.fr-icon-upload-2-line::after {
- -webkit-mask-image: url('./icons/system/upload-2-line.svg');
- mask-image: url('./icons/system/upload-2-line.svg');
-}
-
-.fr-icon-upload-fill::before,
-.fr-icon-upload-fill::after {
- -webkit-mask-image: url('./icons/system/upload-fill.svg');
- mask-image: url('./icons/system/upload-fill.svg');
-}
-
-.fr-icon-upload-line::before,
-.fr-icon-upload-line::after {
- -webkit-mask-image: url('./icons/system/upload-line.svg');
- mask-image: url('./icons/system/upload-line.svg');
-}
-
-.fr-icon-zoom-in-fill::before,
-.fr-icon-zoom-in-fill::after {
- -webkit-mask-image: url('./icons/system/zoom-in-fill.svg');
- mask-image: url('./icons/system/zoom-in-fill.svg');
-}
-
-.fr-icon-zoom-in-line::before,
-.fr-icon-zoom-in-line::after {
- -webkit-mask-image: url('./icons/system/zoom-in-line.svg');
- mask-image: url('./icons/system/zoom-in-line.svg');
-}
-
-.fr-icon-zoom-out-fill::before,
-.fr-icon-zoom-out-fill::after {
- -webkit-mask-image: url('./icons/system/zoom-out-fill.svg');
- mask-image: url('./icons/system/zoom-out-fill.svg');
-}
-
-.fr-icon-zoom-out-line::before,
-.fr-icon-zoom-out-line::after {
- -webkit-mask-image: url('./icons/system/zoom-out-line.svg');
- mask-image: url('./icons/system/zoom-out-line.svg');
-}
-
-.fr-fi-add-circle-fill::before,
-.fr-fi-add-circle-fill::after {
- -webkit-mask-image: url('./icons/system/add-circle-fill.svg');
- mask-image: url('./icons/system/add-circle-fill.svg');
-}
-
-.fr-fi-add-circle-line::before,
-.fr-fi-add-circle-line::after {
- -webkit-mask-image: url('./icons/system/add-circle-line.svg');
- mask-image: url('./icons/system/add-circle-line.svg');
-}
-
-.fr-fi-add-line::before,
-.fr-fi-add-line::after {
- -webkit-mask-image: url('./icons/system/add-line.svg');
- mask-image: url('./icons/system/add-line.svg');
-}
-
-.fr-fi-arrow-down-line::before,
-.fr-fi-arrow-down-line::after {
- -webkit-mask-image: url('./icons/system/arrow-down-line.svg');
- mask-image: url('./icons/system/arrow-down-line.svg');
-}
-
-.fr-fi-arrow-down-s-line::before,
-.fr-fi-arrow-down-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-down-s-line.svg');
- mask-image: url('./icons/system/arrow-down-s-line.svg');
-}
-
-.fr-fi-arrow-go-back-fill::before,
-.fr-fi-arrow-go-back-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-go-back-fill.svg');
- mask-image: url('./icons/system/arrow-go-back-fill.svg');
-}
-
-.fr-fi-arrow-go-back-line::before,
-.fr-fi-arrow-go-back-line::after {
- -webkit-mask-image: url('./icons/system/arrow-go-back-line.svg');
- mask-image: url('./icons/system/arrow-go-back-line.svg');
-}
-
-.fr-fi-arrow-left-line::before,
-.fr-fi-arrow-left-line::after {
- -webkit-mask-image: url('./icons/system/arrow-left-line.svg');
- mask-image: url('./icons/system/arrow-left-line.svg');
-}
-
-.fr-fi-arrow-left-s-line::before,
-.fr-fi-arrow-left-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-left-s-line.svg');
- mask-image: url('./icons/system/arrow-left-s-line.svg');
-}
-
-.fr-fi-arrow-right-line::before,
-.fr-fi-arrow-right-line::after {
- -webkit-mask-image: url('./icons/system/arrow-right-line.svg');
- mask-image: url('./icons/system/arrow-right-line.svg');
-}
-
-.fr-fi-arrow-right-s-line::before,
-.fr-fi-arrow-right-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-right-s-line.svg');
- mask-image: url('./icons/system/arrow-right-s-line.svg');
-}
-
-.fr-fi-arrow-right-up-line::before,
-.fr-fi-arrow-right-up-line::after {
- -webkit-mask-image: url('./icons/system/arrow-right-up-line.svg');
- mask-image: url('./icons/system/arrow-right-up-line.svg');
-}
-
-.fr-fi-arrow-up-fill::before,
-.fr-fi-arrow-up-fill::after {
- -webkit-mask-image: url('./icons/system/arrow-up-fill.svg');
- mask-image: url('./icons/system/arrow-up-fill.svg');
-}
-
-.fr-fi-arrow-up-line::before,
-.fr-fi-arrow-up-line::after {
- -webkit-mask-image: url('./icons/system/arrow-up-line.svg');
- mask-image: url('./icons/system/arrow-up-line.svg');
-}
-
-.fr-fi-arrow-up-s-line::before,
-.fr-fi-arrow-up-s-line::after {
- -webkit-mask-image: url('./icons/system/arrow-up-s-line.svg');
- mask-image: url('./icons/system/arrow-up-s-line.svg');
-}
-
-.fr-fi-check-line::before,
-.fr-fi-check-line::after {
- -webkit-mask-image: url('./icons/system/check-line.svg');
- mask-image: url('./icons/system/check-line.svg');
-}
-
-.fr-fi-checkbox-circle-line::before,
-.fr-fi-checkbox-circle-line::after {
- -webkit-mask-image: url('./icons/system/checkbox-circle-line.svg');
- mask-image: url('./icons/system/checkbox-circle-line.svg');
-}
-
-.fr-fi-close-line::before,
-.fr-fi-close-line::after {
- -webkit-mask-image: url('./icons/system/close-line.svg');
- mask-image: url('./icons/system/close-line.svg');
-}
-
-.fr-fi-download-line::before,
-.fr-fi-download-line::after {
- -webkit-mask-image: url('./icons/system/download-line.svg');
- mask-image: url('./icons/system/download-line.svg');
-}
-
-.fr-fi-error-warning-fill::before,
-.fr-fi-error-warning-fill::after {
- -webkit-mask-image: url('./icons/system/error-warning-fill.svg');
- mask-image: url('./icons/system/error-warning-fill.svg');
-}
-
-.fr-fi-error-warning-line::before,
-.fr-fi-error-warning-line::after {
- -webkit-mask-image: url('./icons/system/error-warning-line.svg');
- mask-image: url('./icons/system/error-warning-line.svg');
-}
-
-.fr-fi-external-link-line::before,
-.fr-fi-external-link-line::after {
- -webkit-mask-image: url('./icons/system/external-link-line.svg');
- mask-image: url('./icons/system/external-link-line.svg');
-}
-
-.fr-fi-eye-fill::before,
-.fr-fi-eye-fill::after {
- -webkit-mask-image: url('./icons/system/eye-fill.svg');
- mask-image: url('./icons/system/eye-fill.svg');
-}
-
-.fr-fi-eye-line::before,
-.fr-fi-eye-line::after {
- -webkit-mask-image: url('./icons/system/eye-line.svg');
- mask-image: url('./icons/system/eye-line.svg');
-}
-
-.fr-fi-eye-off-fill::before,
-.fr-fi-eye-off-fill::after {
- -webkit-mask-image: url('./icons/system/eye-off-fill.svg');
- mask-image: url('./icons/system/eye-off-fill.svg');
-}
-
-.fr-fi-eye-off-line::before,
-.fr-fi-eye-off-line::after {
- -webkit-mask-image: url('./icons/system/eye-off-line.svg');
- mask-image: url('./icons/system/eye-off-line.svg');
-}
-
-.fr-fi-filter-fill::before,
-.fr-fi-filter-fill::after {
- -webkit-mask-image: url('./icons/system/filter-fill.svg');
- mask-image: url('./icons/system/filter-fill.svg');
-}
-
-.fr-fi-filter-line::before,
-.fr-fi-filter-line::after {
- -webkit-mask-image: url('./icons/system/filter-line.svg');
- mask-image: url('./icons/system/filter-line.svg');
-}
-
-.fr-fi-arrow-left-s-first-line::before,
-.fr-fi-arrow-left-s-first-line::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-left-s-first-line.svg');
- mask-image: url('./icons/system/fr--arrow-left-s-first-line.svg');
-}
-
-.fr-fi-arrow-left-s-line-double::before,
-.fr-fi-arrow-left-s-line-double::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-left-s-line-double.svg');
- mask-image: url('./icons/system/fr--arrow-left-s-line-double.svg');
-}
-
-.fr-fi-arrow-right-s-last-line::before,
-.fr-fi-arrow-right-s-last-line::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-right-s-last-line.svg');
- mask-image: url('./icons/system/fr--arrow-right-s-last-line.svg');
-}
-
-.fr-fi-arrow-right-s-line-double::before,
-.fr-fi-arrow-right-s-line-double::after {
- -webkit-mask-image: url('./icons/system/fr--arrow-right-s-line-double.svg');
- mask-image: url('./icons/system/fr--arrow-right-s-line-double.svg');
-}
-
-.fr-fi-error-fill::before,
-.fr-fi-error-fill::after {
- -webkit-mask-image: url('./icons/system/fr--error-fill.svg');
- mask-image: url('./icons/system/fr--error-fill.svg');
-}
-
-.fr-fi-error-line::before,
-.fr-fi-error-line::after {
- -webkit-mask-image: url('./icons/system/fr--error-line.svg');
- mask-image: url('./icons/system/fr--error-line.svg');
-}
-
-.fr-fi-info-fill::before,
-.fr-fi-info-fill::after {
- -webkit-mask-image: url('./icons/system/fr--info-fill.svg');
- mask-image: url('./icons/system/fr--info-fill.svg');
-}
-
-.fr-fi-info-line::before,
-.fr-fi-info-line::after {
- -webkit-mask-image: url('./icons/system/fr--info-line.svg');
- mask-image: url('./icons/system/fr--info-line.svg');
-}
-
-.fr-fi-success-fill::before,
-.fr-fi-success-fill::after {
- -webkit-mask-image: url('./icons/system/fr--success-fill.svg');
- mask-image: url('./icons/system/fr--success-fill.svg');
-}
-
-.fr-fi-success-line::before,
-.fr-fi-success-line::after {
- -webkit-mask-image: url('./icons/system/fr--success-line.svg');
- mask-image: url('./icons/system/fr--success-line.svg');
-}
-
-.fr-fi-theme-fill::before,
-.fr-fi-theme-fill::after {
- -webkit-mask-image: url('./icons/system/fr--theme-fill.svg');
- mask-image: url('./icons/system/fr--theme-fill.svg');
-}
-
-.fr-fi-warning-fill::before,
-.fr-fi-warning-fill::after {
- -webkit-mask-image: url('./icons/system/fr--warning-fill.svg');
- mask-image: url('./icons/system/fr--warning-fill.svg');
-}
-
-.fr-fi-warning-line::before,
-.fr-fi-warning-line::after {
- -webkit-mask-image: url('./icons/system/fr--warning-line.svg');
- mask-image: url('./icons/system/fr--warning-line.svg');
-}
-
-.fr-fi-information-fill::before,
-.fr-fi-information-fill::after {
- -webkit-mask-image: url('./icons/system/information-fill.svg');
- mask-image: url('./icons/system/information-fill.svg');
-}
-
-.fr-fi-information-line::before,
-.fr-fi-information-line::after {
- -webkit-mask-image: url('./icons/system/information-line.svg');
- mask-image: url('./icons/system/information-line.svg');
-}
-
-.fr-fi-lock-fill::before,
-.fr-fi-lock-fill::after {
- -webkit-mask-image: url('./icons/system/lock-fill.svg');
- mask-image: url('./icons/system/lock-fill.svg');
-}
-
-.fr-fi-lock-line::before,
-.fr-fi-lock-line::after {
- -webkit-mask-image: url('./icons/system/lock-line.svg');
- mask-image: url('./icons/system/lock-line.svg');
-}
-
-.fr-fi-logout-box-r-fill::before,
-.fr-fi-logout-box-r-fill::after {
- -webkit-mask-image: url('./icons/system/logout-box-r-fill.svg');
- mask-image: url('./icons/system/logout-box-r-fill.svg');
-}
-
-.fr-fi-logout-box-r-line::before,
-.fr-fi-logout-box-r-line::after {
- -webkit-mask-image: url('./icons/system/logout-box-r-line.svg');
- mask-image: url('./icons/system/logout-box-r-line.svg');
-}
-
-.fr-fi-menu-2-fill::before,
-.fr-fi-menu-2-fill::after {
- -webkit-mask-image: url('./icons/system/menu-2-fill.svg');
- mask-image: url('./icons/system/menu-2-fill.svg');
-}
-
-.fr-fi-menu-fill::before,
-.fr-fi-menu-fill::after {
- -webkit-mask-image: url('./icons/system/menu-fill.svg');
- mask-image: url('./icons/system/menu-fill.svg');
-}
-
-.fr-fi-question-fill::before,
-.fr-fi-question-fill::after {
- -webkit-mask-image: url('./icons/system/question-fill.svg');
- mask-image: url('./icons/system/question-fill.svg');
-}
-
-.fr-fi-question-line::before,
-.fr-fi-question-line::after {
- -webkit-mask-image: url('./icons/system/question-line.svg');
- mask-image: url('./icons/system/question-line.svg');
-}
-
-.fr-fi-refresh-fill::before,
-.fr-fi-refresh-fill::after {
- -webkit-mask-image: url('./icons/system/refresh-fill.svg');
- mask-image: url('./icons/system/refresh-fill.svg');
-}
-
-.fr-fi-refresh-line::before,
-.fr-fi-refresh-line::after {
- -webkit-mask-image: url('./icons/system/refresh-line.svg');
- mask-image: url('./icons/system/refresh-line.svg');
-}
-
-.fr-fi-search-fill::before,
-.fr-fi-search-fill::after {
- -webkit-mask-image: url('./icons/system/search-fill.svg');
- mask-image: url('./icons/system/search-fill.svg');
-}
-
-.fr-fi-search-line::before,
-.fr-fi-search-line::after {
- -webkit-mask-image: url('./icons/system/search-line.svg');
- mask-image: url('./icons/system/search-line.svg');
-}
-
-.fr-fi-subtract-line::before,
-.fr-fi-subtract-line::after {
- -webkit-mask-image: url('./icons/system/subtract-line.svg');
- mask-image: url('./icons/system/subtract-line.svg');
-}
-
-.fr-fi-timer-fill::before,
-.fr-fi-timer-fill::after {
- -webkit-mask-image: url('./icons/system/timer-fill.svg');
- mask-image: url('./icons/system/timer-fill.svg');
-}
-
-.fr-fi-timer-line::before,
-.fr-fi-timer-line::after {
- -webkit-mask-image: url('./icons/system/timer-line.svg');
- mask-image: url('./icons/system/timer-line.svg');
-}
-
-.fr-fi-upload-2-fill::before,
-.fr-fi-upload-2-fill::after {
- -webkit-mask-image: url('./icons/system/upload-2-fill.svg');
- mask-image: url('./icons/system/upload-2-fill.svg');
-}
-
-.fr-fi-upload-2-line::before,
-.fr-fi-upload-2-line::after {
- -webkit-mask-image: url('./icons/system/upload-2-line.svg');
- mask-image: url('./icons/system/upload-2-line.svg');
-}
-
-.fr-fi-zoom-in-fill::before,
-.fr-fi-zoom-in-fill::after {
- -webkit-mask-image: url('./icons/system/zoom-in-fill.svg');
- mask-image: url('./icons/system/zoom-in-fill.svg');
-}
-
-.fr-fi-zoom-in-line::before,
-.fr-fi-zoom-in-line::after {
- -webkit-mask-image: url('./icons/system/zoom-in-line.svg');
- mask-image: url('./icons/system/zoom-in-line.svg');
-}
-
-.fr-fi-zoom-out-fill::before,
-.fr-fi-zoom-out-fill::after {
- -webkit-mask-image: url('./icons/system/zoom-out-fill.svg');
- mask-image: url('./icons/system/zoom-out-fill.svg');
-}
-
-.fr-fi-zoom-out-line::before,
-.fr-fi-zoom-out-line::after {
- -webkit-mask-image: url('./icons/system/zoom-out-line.svg');
- mask-image: url('./icons/system/zoom-out-line.svg');
-}
-
-.fr-fi-delete-line::before,
-.fr-fi-delete-line::after {
- -webkit-mask-image: url('./icons/system/delete-bin-line.svg');
- mask-image: url('./icons/system/delete-bin-line.svg');
-}
-
-.fr-fi-delete-fill::before,
-.fr-fi-delete-fill::after {
- -webkit-mask-image: url('./icons/system/delete-bin-fill.svg');
- mask-image: url('./icons/system/delete-bin-fill.svg');
-}
-
-.fr-icon-delete-line::before,
-.fr-icon-delete-line::after {
- -webkit-mask-image: url('./icons/system/delete-bin-line.svg');
- mask-image: url('./icons/system/delete-bin-line.svg');
-}
-
-.fr-icon-delete-fill::before,
-.fr-icon-delete-fill::after {
- -webkit-mask-image: url('./icons/system/delete-bin-fill.svg');
- mask-image: url('./icons/system/delete-bin-fill.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-account-circle-fill::before,
-.fr-icon-account-circle-fill::after {
- -webkit-mask-image: url('./icons/user/account-circle-fill.svg');
- mask-image: url('./icons/user/account-circle-fill.svg');
-}
-
-.fr-icon-account-circle-line::before,
-.fr-icon-account-circle-line::after {
- -webkit-mask-image: url('./icons/user/account-circle-line.svg');
- mask-image: url('./icons/user/account-circle-line.svg');
-}
-
-.fr-icon-account-pin-circle-fill::before,
-.fr-icon-account-pin-circle-fill::after {
- -webkit-mask-image: url('./icons/user/account-pin-circle-fill.svg');
- mask-image: url('./icons/user/account-pin-circle-fill.svg');
-}
-
-.fr-icon-account-pin-circle-line::before,
-.fr-icon-account-pin-circle-line::after {
- -webkit-mask-image: url('./icons/user/account-pin-circle-line.svg');
- mask-image: url('./icons/user/account-pin-circle-line.svg');
-}
-
-.fr-icon-admin-fill::before,
-.fr-icon-admin-fill::after {
- -webkit-mask-image: url('./icons/user/admin-fill.svg');
- mask-image: url('./icons/user/admin-fill.svg');
-}
-
-.fr-icon-admin-line::before,
-.fr-icon-admin-line::after {
- -webkit-mask-image: url('./icons/user/admin-line.svg');
- mask-image: url('./icons/user/admin-line.svg');
-}
-
-.fr-icon-group-fill::before,
-.fr-icon-group-fill::after {
- -webkit-mask-image: url('./icons/user/group-fill.svg');
- mask-image: url('./icons/user/group-fill.svg');
-}
-
-.fr-icon-group-line::before,
-.fr-icon-group-line::after {
- -webkit-mask-image: url('./icons/user/group-line.svg');
- mask-image: url('./icons/user/group-line.svg');
-}
-
-.fr-icon-parent-fill::before,
-.fr-icon-parent-fill::after {
- -webkit-mask-image: url('./icons/user/parent-fill.svg');
- mask-image: url('./icons/user/parent-fill.svg');
-}
-
-.fr-icon-parent-line::before,
-.fr-icon-parent-line::after {
- -webkit-mask-image: url('./icons/user/parent-line.svg');
- mask-image: url('./icons/user/parent-line.svg');
-}
-
-.fr-icon-team-fill::before,
-.fr-icon-team-fill::after {
- -webkit-mask-image: url('./icons/user/team-fill.svg');
- mask-image: url('./icons/user/team-fill.svg');
-}
-
-.fr-icon-team-line::before,
-.fr-icon-team-line::after {
- -webkit-mask-image: url('./icons/user/team-line.svg');
- mask-image: url('./icons/user/team-line.svg');
-}
-
-.fr-icon-user-add-fill::before,
-.fr-icon-user-add-fill::after {
- -webkit-mask-image: url('./icons/user/user-add-fill.svg');
- mask-image: url('./icons/user/user-add-fill.svg');
-}
-
-.fr-icon-user-add-line::before,
-.fr-icon-user-add-line::after {
- -webkit-mask-image: url('./icons/user/user-add-line.svg');
- mask-image: url('./icons/user/user-add-line.svg');
-}
-
-.fr-icon-user-fill::before,
-.fr-icon-user-fill::after {
- -webkit-mask-image: url('./icons/user/user-fill.svg');
- mask-image: url('./icons/user/user-fill.svg');
-}
-
-.fr-icon-user-heart-fill::before,
-.fr-icon-user-heart-fill::after {
- -webkit-mask-image: url('./icons/user/user-heart-fill.svg');
- mask-image: url('./icons/user/user-heart-fill.svg');
-}
-
-.fr-icon-user-heart-line::before,
-.fr-icon-user-heart-line::after {
- -webkit-mask-image: url('./icons/user/user-heart-line.svg');
- mask-image: url('./icons/user/user-heart-line.svg');
-}
-
-.fr-icon-user-line::before,
-.fr-icon-user-line::after {
- -webkit-mask-image: url('./icons/user/user-line.svg');
- mask-image: url('./icons/user/user-line.svg');
-}
-
-.fr-icon-user-search-fill::before,
-.fr-icon-user-search-fill::after {
- -webkit-mask-image: url('./icons/user/user-search-fill.svg');
- mask-image: url('./icons/user/user-search-fill.svg');
-}
-
-.fr-icon-user-search-line::before,
-.fr-icon-user-search-line::after {
- -webkit-mask-image: url('./icons/user/user-search-line.svg');
- mask-image: url('./icons/user/user-search-line.svg');
-}
-
-.fr-icon-user-setting-fill::before,
-.fr-icon-user-setting-fill::after {
- -webkit-mask-image: url('./icons/user/user-setting-fill.svg');
- mask-image: url('./icons/user/user-setting-fill.svg');
-}
-
-.fr-icon-user-setting-line::before,
-.fr-icon-user-setting-line::after {
- -webkit-mask-image: url('./icons/user/user-setting-line.svg');
- mask-image: url('./icons/user/user-setting-line.svg');
-}
-
-.fr-icon-user-star-fill::before,
-.fr-icon-user-star-fill::after {
- -webkit-mask-image: url('./icons/user/user-star-fill.svg');
- mask-image: url('./icons/user/user-star-fill.svg');
-}
-
-.fr-icon-user-star-line::before,
-.fr-icon-user-star-line::after {
- -webkit-mask-image: url('./icons/user/user-star-line.svg');
- mask-image: url('./icons/user/user-star-line.svg');
-}
-
-.fr-fi-user-fill::before,
-.fr-fi-user-fill::after {
- -webkit-mask-image: url('./icons/user/user-fill.svg');
- mask-image: url('./icons/user/user-fill.svg');
-}
-
-.fr-fi-user-line::before,
-.fr-fi-user-line::after {
- -webkit-mask-image: url('./icons/user/user-line.svg');
- mask-image: url('./icons/user/user-line.svg');
-}
-
-.fr-fi-account-line::before,
-.fr-fi-account-line::after {
- -webkit-mask-image: url('./icons/user/account-circle-line.svg');
- mask-image: url('./icons/user/account-circle-line.svg');
-}
-
-.fr-fi-account-fill::before,
-.fr-fi-account-fill::after {
- -webkit-mask-image: url('./icons/user/account-circle-fill.svg');
- mask-image: url('./icons/user/account-circle-fill.svg');
-}
-
-.fr-icon-account-line::before,
-.fr-icon-account-line::after {
- -webkit-mask-image: url('./icons/user/account-circle-line.svg');
- mask-image: url('./icons/user/account-circle-line.svg');
-}
-
-.fr-icon-account-fill::before,
-.fr-icon-account-fill::after {
- -webkit-mask-image: url('./icons/user/account-circle-fill.svg');
- mask-image: url('./icons/user/account-circle-fill.svg');
-}
-
-/* ¯¯¯¯¯¯¯¯¯ *\
- ICON COMMUNICATION
-\* ËËËËËËËËË */
-.fr-icon-cloudy-2-fill::before,
-.fr-icon-cloudy-2-fill::after {
- -webkit-mask-image: url('./icons/weather/cloudy-2-fill.svg');
- mask-image: url('./icons/weather/cloudy-2-fill.svg');
-}
-
-.fr-icon-cloudy-2-line::before,
-.fr-icon-cloudy-2-line::after {
- -webkit-mask-image: url('./icons/weather/cloudy-2-line.svg');
- mask-image: url('./icons/weather/cloudy-2-line.svg');
-}
-
-.fr-icon-flashlight-fill::before,
-.fr-icon-flashlight-fill::after {
- -webkit-mask-image: url('./icons/weather/flashlight-fill.svg');
- mask-image: url('./icons/weather/flashlight-fill.svg');
-}
-
-.fr-icon-flashlight-line::before,
-.fr-icon-flashlight-line::after {
- -webkit-mask-image: url('./icons/weather/flashlight-line.svg');
- mask-image: url('./icons/weather/flashlight-line.svg');
-}
-
-.fr-icon-moon-fill::before,
-.fr-icon-moon-fill::after {
- -webkit-mask-image: url('./icons/weather/moon-fill.svg');
- mask-image: url('./icons/weather/moon-fill.svg');
-}
-
-.fr-icon-moon-line::before,
-.fr-icon-moon-line::after {
- -webkit-mask-image: url('./icons/weather/moon-line.svg');
- mask-image: url('./icons/weather/moon-line.svg');
-}
-
-.fr-icon-sun-fill::before,
-.fr-icon-sun-fill::after {
- -webkit-mask-image: url('./icons/weather/sun-fill.svg');
- mask-image: url('./icons/weather/sun-fill.svg');
-}
-
-.fr-icon-sun-line::before,
-.fr-icon-sun-line::after {
- -webkit-mask-image: url('./icons/weather/sun-line.svg');
- mask-image: url('./icons/weather/sun-line.svg');
-}
-
-.fr-fi-flashlight-fill::before,
-.fr-fi-flashlight-fill::after {
- -webkit-mask-image: url('./icons/weather/flashlight-fill.svg');
- mask-image: url('./icons/weather/flashlight-fill.svg');
-}
-
-.fr-fi-flashlight-line::before,
-.fr-fi-flashlight-line::after {
- -webkit-mask-image: url('./icons/weather/flashlight-line.svg');
- mask-image: url('./icons/weather/flashlight-line.svg');
-}
-
-@media (min-width: 36em) {
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
- /*! media sm */
-}
-@media (min-width: 48em) {
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
- /*! media md */
-}
-@media (min-width: 62em) {
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
- /*! media lg */
-}
-@media (min-width: 78em) {
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
- /*! media xl */
-}
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
- .fr-background-default--grey {
- background-color: #fff !important;
- }
- .fr-background-default--grey:hover {
- background-color: #f6f6f6 !important;
- }
- .fr-background-default--grey:active {
- background-color: #ededed !important;
- }
- .fr-background-alt--grey {
- background-color: #f6f6f6 !important;
- }
- .fr-background-alt--grey:hover {
- background-color: #dfdfdf !important;
- }
- .fr-background-alt--grey:active {
- background-color: #cfcfcf !important;
- }
- .fr-background-alt--blue-france {
- background-color: #f5f5fe !important;
- }
- .fr-background-alt--blue-france:hover {
- background-color: #dcdcfc !important;
- }
- .fr-background-alt--blue-france:active {
- background-color: #cbcbfa !important;
- }
- .fr-background-alt--red-marianne {
- background-color: #fef4f4 !important;
- }
- .fr-background-alt--red-marianne:hover {
- background-color: #fcd7d7 !important;
- }
- .fr-background-alt--red-marianne:active {
- background-color: #fac4c4 !important;
- }
- .fr-background-alt--green-tilleul-verveine {
- background-color: #fef7da !important;
- }
- .fr-background-alt--green-tilleul-verveine:hover {
- background-color: #fce552 !important;
- }
- .fr-background-alt--green-tilleul-verveine:active {
- background-color: #ebd54c !important;
- }
- .fr-background-alt--green-bourgeon {
- background-color: #e6feda !important;
- }
- .fr-background-alt--green-bourgeon:hover {
- background-color: #a7fc62 !important;
- }
- .fr-background-alt--green-bourgeon:active {
- background-color: #98ed4d !important;
- }
- .fr-background-alt--green-emeraude {
- background-color: #e3fdeb !important;
- }
- .fr-background-alt--green-emeraude:hover {
- background-color: #94f9b9 !important;
- }
- .fr-background-alt--green-emeraude:active {
- background-color: #6df1a3 !important;
- }
- .fr-background-alt--green-menthe {
- background-color: #dffdf7 !important;
- }
- .fr-background-alt--green-menthe:hover {
- background-color: #84f9e7 !important;
- }
- .fr-background-alt--green-menthe:active {
- background-color: #70ebd8 !important;
- }
- .fr-background-alt--green-archipel {
- background-color: #e5fbfd !important;
- }
- .fr-background-alt--green-archipel:hover {
- background-color: #99f2f8 !important;
- }
- .fr-background-alt--green-archipel:active {
- background-color: #73e9f0 !important;
- }
- .fr-background-alt--blue-ecume {
- background-color: #f4f6fe !important;
- }
- .fr-background-alt--blue-ecume:hover {
- background-color: #d7dffb !important;
- }
- .fr-background-alt--blue-ecume:active {
- background-color: #c3cffa !important;
- }
- .fr-background-alt--blue-cumulus {
- background-color: #f3f6fe !important;
- }
- .fr-background-alt--blue-cumulus:hover {
- background-color: #d3dffc !important;
- }
- .fr-background-alt--blue-cumulus:active {
- background-color: #bed0fa !important;
- }
- .fr-background-alt--purple-glycine {
- background-color: #fef3fd !important;
- }
- .fr-background-alt--purple-glycine:hover {
- background-color: #fcd4f8 !important;
- }
- .fr-background-alt--purple-glycine:active {
- background-color: #fabff5 !important;
- }
- .fr-background-alt--pink-macaron {
- background-color: #fef4f2 !important;
- }
- .fr-background-alt--pink-macaron:hover {
- background-color: #fcd8d0 !important;
- }
- .fr-background-alt--pink-macaron:active {
- background-color: #fac5b8 !important;
- }
- .fr-background-alt--pink-tuile {
- background-color: #fef4f3 !important;
- }
- .fr-background-alt--pink-tuile:hover {
- background-color: #fcd7d3 !important;
- }
- .fr-background-alt--pink-tuile:active {
- background-color: #fac4be !important;
- }
- .fr-background-alt--yellow-tournesol {
- background-color: #fef6e3 !important;
- }
- .fr-background-alt--yellow-tournesol:hover {
- background-color: #fce086 !important;
- }
- .fr-background-alt--yellow-tournesol:active {
- background-color: #f5d24b !important;
- }
- .fr-background-alt--yellow-moutarde {
- background-color: #fef5e8 !important;
- }
- .fr-background-alt--yellow-moutarde:hover {
- background-color: #fcdca3 !important;
- }
- .fr-background-alt--yellow-moutarde:active {
- background-color: #fbcd64 !important;
- }
- .fr-background-alt--orange-terre-battue {
- background-color: #fef4f2 !important;
- }
- .fr-background-alt--orange-terre-battue:hover {
- background-color: #fcd8d0 !important;
- }
- .fr-background-alt--orange-terre-battue:active {
- background-color: #fac5b8 !important;
- }
- .fr-background-alt--brown-cafe-creme {
- background-color: #fbf6ed !important;
- }
- .fr-background-alt--brown-cafe-creme:hover {
- background-color: #f2deb6 !important;
- }
- .fr-background-alt--brown-cafe-creme:active {
- background-color: #eacf91 !important;
- }
- .fr-background-alt--brown-caramel {
- background-color: #fbf5f2 !important;
- }
- .fr-background-alt--brown-caramel:hover {
- background-color: #f1dbcf !important;
- }
- .fr-background-alt--brown-caramel:active {
- background-color: #ecc9b5 !important;
- }
- .fr-background-alt--brown-opera {
- background-color: #fbf5f2 !important;
- }
- .fr-background-alt--brown-opera:hover {
- background-color: #f1dbcf !important;
- }
- .fr-background-alt--brown-opera:active {
- background-color: #ecc9b5 !important;
- }
- .fr-background-alt--beige-gris-galet {
- background-color: #f9f6f2 !important;
- }
- .fr-background-alt--beige-gris-galet:hover {
- background-color: #eadecd !important;
- }
- .fr-background-alt--beige-gris-galet:active {
- background-color: #e1ceb1 !important;
- }
- .fr-background-contrast--grey {
- background-color: #eee !important;
- }
- .fr-background-contrast--grey:hover {
- background-color: #d2d2d2 !important;
- }
- .fr-background-contrast--grey:active {
- background-color: #c1c1c1 !important;
- }
- .fr-background-contrast--blue-france {
- background-color: #ececfe !important;
- }
- .fr-background-contrast--blue-france:hover {
- background-color: #cecefc !important;
- }
- .fr-background-contrast--blue-france:active {
- background-color: #bbbbfc !important;
- }
- .fr-background-contrast--red-marianne {
- background-color: #fee9e9 !important;
- }
- .fr-background-contrast--red-marianne:hover {
- background-color: #fdc5c5 !important;
- }
- .fr-background-contrast--red-marianne:active {
- background-color: #fcafaf !important;
- }
- .fr-background-contrast--green-tilleul-verveine {
- background-color: #fceeac !important;
- }
- .fr-background-contrast--green-tilleul-verveine:hover {
- background-color: #e8d45c !important;
- }
- .fr-background-contrast--green-tilleul-verveine:active {
- background-color: #d4c254 !important;
- }
- .fr-background-contrast--green-bourgeon {
- background-color: #c9fcac !important;
- }
- .fr-background-contrast--green-bourgeon:hover {
- background-color: #9ae95d !important;
- }
- .fr-background-contrast--green-bourgeon:active {
- background-color: #8dd555 !important;
- }
- .fr-background-contrast--green-emeraude {
- background-color: #c3fad5 !important;
- }
- .fr-background-contrast--green-emeraude:hover {
- background-color: #77eda5 !important;
- }
- .fr-background-contrast--green-emeraude:active {
- background-color: #6dd897 !important;
- }
- .fr-background-contrast--green-menthe {
- background-color: #bafaee !important;
- }
- .fr-background-contrast--green-menthe:hover {
- background-color: #79e7d5 !important;
- }
- .fr-background-contrast--green-menthe:active {
- background-color: #6fd3c3 !important;
- }
- .fr-background-contrast--green-archipel {
- background-color: #c7f6fc !important;
- }
- .fr-background-contrast--green-archipel:hover {
- background-color: #64ecf8 !important;
- }
- .fr-background-contrast--green-archipel:active {
- background-color: #5bd8e3 !important;
- }
- .fr-background-contrast--blue-ecume {
- background-color: #e9edfe !important;
- }
- .fr-background-contrast--blue-ecume:hover {
- background-color: #c5d0fc !important;
- }
- .fr-background-contrast--blue-ecume:active {
- background-color: #adbffc !important;
- }
- .fr-background-contrast--blue-cumulus {
- background-color: #e6eefe !important;
- }
- .fr-background-contrast--blue-cumulus:hover {
- background-color: #bcd3fc !important;
- }
- .fr-background-contrast--blue-cumulus:active {
- background-color: #9fc3fc !important;
- }
- .fr-background-contrast--purple-glycine {
- background-color: #fee7fc !important;
- }
- .fr-background-contrast--purple-glycine:hover {
- background-color: #fdc0f8 !important;
- }
- .fr-background-contrast--purple-glycine:active {
- background-color: #fca8f6 !important;
- }
- .fr-background-contrast--pink-macaron {
- background-color: #fee9e6 !important;
- }
- .fr-background-contrast--pink-macaron:hover {
- background-color: #fdc6bd !important;
- }
- .fr-background-contrast--pink-macaron:active {
- background-color: #fcb0a2 !important;
- }
- .fr-background-contrast--pink-tuile {
- background-color: #fee9e7 !important;
- }
- .fr-background-contrast--pink-tuile:hover {
- background-color: #fdc6c0 !important;
- }
- .fr-background-contrast--pink-tuile:active {
- background-color: #fcb0a7 !important;
- }
- .fr-background-contrast--yellow-tournesol {
- background-color: #feecc2 !important;
- }
- .fr-background-contrast--yellow-tournesol:hover {
- background-color: #fbd335 !important;
- }
- .fr-background-contrast--yellow-tournesol:active {
- background-color: #e6c130 !important;
- }
- .fr-background-contrast--yellow-moutarde {
- background-color: #feebd0 !important;
- }
- .fr-background-contrast--yellow-moutarde:hover {
- background-color: #fdcd6d !important;
- }
- .fr-background-contrast--yellow-moutarde:active {
- background-color: #f4be30 !important;
- }
- .fr-background-contrast--orange-terre-battue {
- background-color: #fee9e5 !important;
- }
- .fr-background-contrast--orange-terre-battue:hover {
- background-color: #fdc6ba !important;
- }
- .fr-background-contrast--orange-terre-battue:active {
- background-color: #fcb09e !important;
- }
- .fr-background-contrast--brown-cafe-creme {
- background-color: #f7ecdb !important;
- }
- .fr-background-contrast--brown-cafe-creme:hover {
- background-color: #edce94 !important;
- }
- .fr-background-contrast--brown-cafe-creme:active {
- background-color: #dabd84 !important;
- }
- .fr-background-contrast--brown-caramel {
- background-color: #f7ebe5 !important;
- }
- .fr-background-contrast--brown-caramel:hover {
- background-color: #eccbb9 !important;
- }
- .fr-background-contrast--brown-caramel:active {
- background-color: #e6b79a !important;
- }
- .fr-background-contrast--brown-opera {
- background-color: #f7ece4 !important;
- }
- .fr-background-contrast--brown-opera:hover {
- background-color: #eccdb3 !important;
- }
- .fr-background-contrast--brown-opera:active {
- background-color: #e6ba90 !important;
- }
- .fr-background-contrast--beige-gris-galet {
- background-color: #f3ede5 !important;
- }
- .fr-background-contrast--beige-gris-galet:hover {
- background-color: #e1d0b5 !important;
- }
- .fr-background-contrast--beige-gris-galet:active {
- background-color: #d1bea2 !important;
- }
- .fr-background-contrast--info {
- background-color: #e8edff !important;
- }
- .fr-background-contrast--info:hover {
- background-color: #c2d1ff !important;
- }
- .fr-background-contrast--info:active {
- background-color: #a9bfff !important;
- }
- .fr-background-contrast--success {
- background-color: #b8fec9 !important;
- }
- .fr-background-contrast--success:hover {
- background-color: #46fd89 !important;
- }
- .fr-background-contrast--success:active {
- background-color: #34eb7b !important;
- }
- .fr-background-contrast--warning {
- background-color: #ffe9e6 !important;
- }
- .fr-background-contrast--warning:hover {
- background-color: #ffc6bd !important;
- }
- .fr-background-contrast--warning:active {
- background-color: #ffb0a2 !important;
- }
- .fr-background-contrast--error {
- background-color: #ffe9e9 !important;
- }
- .fr-background-contrast--error:hover {
- background-color: #ffc5c5 !important;
- }
- .fr-background-contrast--error:active {
- background-color: #ffafaf !important;
- }
- .fr-background-flat--grey {
- background-color: #3a3a3a !important;
- }
- .fr-background-flat--blue-france {
- background-color: #000091 !important;
- }
- .fr-background-flat--red-marianne {
- background-color: #c9191e !important;
- }
- .fr-background-flat--green-tilleul-verveine {
- background-color: #66673d !important;
- }
- .fr-background-flat--green-bourgeon {
- background-color: #447049 !important;
- }
- .fr-background-flat--green-emeraude {
- background-color: #297254 !important;
- }
- .fr-background-flat--green-menthe {
- background-color: #37635f !important;
- }
- .fr-background-flat--green-archipel {
- background-color: #006a6f !important;
- }
- .fr-background-flat--blue-ecume {
- background-color: #2f4077 !important;
- }
- .fr-background-flat--blue-cumulus {
- background-color: #3558a2 !important;
- }
- .fr-background-flat--purple-glycine {
- background-color: #6e445a !important;
- }
- .fr-background-flat--pink-macaron {
- background-color: #8d533e !important;
- }
- .fr-background-flat--pink-tuile {
- background-color: #a94645 !important;
- }
- .fr-background-flat--yellow-tournesol {
- background-color: #716043 !important;
- }
- .fr-background-flat--yellow-moutarde {
- background-color: #695240 !important;
- }
- .fr-background-flat--orange-terre-battue {
- background-color: #755348 !important;
- }
- .fr-background-flat--brown-cafe-creme {
- background-color: #685c48 !important;
- }
- .fr-background-flat--brown-caramel {
- background-color: #845d48 !important;
- }
- .fr-background-flat--brown-opera {
- background-color: #745b47 !important;
- }
- .fr-background-flat--beige-gris-galet {
- background-color: #6a6156 !important;
- }
- .fr-background-flat--info {
- background-color: #0063cb !important;
- }
- .fr-background-flat--success {
- background-color: #18753c !important;
- }
- .fr-background-flat--warning {
- background-color: #b34000 !important;
- }
- .fr-background-flat--error {
- background-color: #ce0500 !important;
- }
- .fr-background-action-high--blue-france {
- background-color: #000091 !important;
- }
- .fr-background-action-high--blue-france:hover {
- background-color: #1212ff !important;
- }
- .fr-background-action-high--blue-france:active {
- background-color: #2323ff !important;
- }
- .fr-background-action-high--red-marianne {
- background-color: #c9191e !important;
- }
- .fr-background-action-high--red-marianne:hover {
- background-color: #f93f42 !important;
- }
- .fr-background-action-high--red-marianne:active {
- background-color: #f95a5c !important;
- }
- .fr-background-action-high--green-tilleul-verveine {
- background-color: #66673d !important;
- }
- .fr-background-action-high--green-tilleul-verveine:hover {
- background-color: #929359 !important;
- }
- .fr-background-action-high--green-tilleul-verveine:active {
- background-color: #a7a967 !important;
- }
- .fr-background-action-high--green-bourgeon {
- background-color: #447049 !important;
- }
- .fr-background-action-high--green-bourgeon:hover {
- background-color: #639f6a !important;
- }
- .fr-background-action-high--green-bourgeon:active {
- background-color: #72b77a !important;
- }
- .fr-background-action-high--green-emeraude {
- background-color: #297254 !important;
- }
- .fr-background-action-high--green-emeraude:hover {
- background-color: #3ea47a !important;
- }
- .fr-background-action-high--green-emeraude:active {
- background-color: #49bc8d !important;
- }
- .fr-background-action-high--green-menthe {
- background-color: #37635f !important;
- }
- .fr-background-action-high--green-menthe:hover {
- background-color: #53918c !important;
- }
- .fr-background-action-high--green-menthe:active {
- background-color: #62a9a2 !important;
- }
- .fr-background-action-high--green-archipel {
- background-color: #006a6f !important;
- }
- .fr-background-action-high--green-archipel:hover {
- background-color: #009fa7 !important;
- }
- .fr-background-action-high--green-archipel:active {
- background-color: #00bbc3 !important;
- }
- .fr-background-action-high--blue-ecume {
- background-color: #2f4077 !important;
- }
- .fr-background-action-high--blue-ecume:hover {
- background-color: #4e68bb !important;
- }
- .fr-background-action-high--blue-ecume:active {
- background-color: #667dcf !important;
- }
- .fr-background-action-high--blue-cumulus {
- background-color: #3558a2 !important;
- }
- .fr-background-action-high--blue-cumulus:hover {
- background-color: #5982e0 !important;
- }
- .fr-background-action-high--blue-cumulus:active {
- background-color: #7996e6 !important;
- }
- .fr-background-action-high--purple-glycine {
- background-color: #6e445a !important;
- }
- .fr-background-action-high--purple-glycine:hover {
- background-color: #a66989 !important;
- }
- .fr-background-action-high--purple-glycine:active {
- background-color: #bb7f9e !important;
- }
- .fr-background-action-high--pink-macaron {
- background-color: #8d533e !important;
- }
- .fr-background-action-high--pink-macaron:hover {
- background-color: #ca795c !important;
- }
- .fr-background-action-high--pink-macaron:active {
- background-color: #e08e73 !important;
- }
- .fr-background-action-high--pink-tuile {
- background-color: #a94645 !important;
- }
- .fr-background-action-high--pink-tuile:hover {
- background-color: #d5706f !important;
- }
- .fr-background-action-high--pink-tuile:active {
- background-color: #da8a89 !important;
- }
- .fr-background-action-high--yellow-tournesol {
- background-color: #716043 !important;
- }
- .fr-background-action-high--yellow-tournesol:hover {
- background-color: #a28a62 !important;
- }
- .fr-background-action-high--yellow-tournesol:active {
- background-color: #ba9f72 !important;
- }
- .fr-background-action-high--yellow-moutarde {
- background-color: #695240 !important;
- }
- .fr-background-action-high--yellow-moutarde:hover {
- background-color: #9b7b61 !important;
- }
- .fr-background-action-high--yellow-moutarde:active {
- background-color: #b58f72 !important;
- }
- .fr-background-action-high--orange-terre-battue {
- background-color: #755348 !important;
- }
- .fr-background-action-high--orange-terre-battue:hover {
- background-color: #ab7b6b !important;
- }
- .fr-background-action-high--orange-terre-battue:active {
- background-color: #c68f7d !important;
- }
- .fr-background-action-high--brown-cafe-creme {
- background-color: #685c48 !important;
- }
- .fr-background-action-high--brown-cafe-creme:hover {
- background-color: #97866a !important;
- }
- .fr-background-action-high--brown-cafe-creme:active {
- background-color: #ae9b7b !important;
- }
- .fr-background-action-high--brown-caramel {
- background-color: #845d48 !important;
- }
- .fr-background-action-high--brown-caramel:hover {
- background-color: #bb8568 !important;
- }
- .fr-background-action-high--brown-caramel:active {
- background-color: #d69978 !important;
- }
- .fr-background-action-high--brown-opera {
- background-color: #745b47 !important;
- }
- .fr-background-action-high--brown-opera:hover {
- background-color: #a78468 !important;
- }
- .fr-background-action-high--brown-opera:active {
- background-color: #c09979 !important;
- }
- .fr-background-action-high--beige-gris-galet {
- background-color: #6a6156 !important;
- }
- .fr-background-action-high--beige-gris-galet:hover {
- background-color: #988b7c !important;
- }
- .fr-background-action-high--beige-gris-galet:active {
- background-color: #afa08f !important;
- }
- .fr-background-action-high--info {
- background-color: #0063cb !important;
- }
- .fr-background-action-high--info:hover {
- background-color: #3b87ff !important;
- }
- .fr-background-action-high--info:active {
- background-color: #6798ff !important;
- }
- .fr-background-action-high--success {
- background-color: #18753c !important;
- }
- .fr-background-action-high--success:hover {
- background-color: #27a959 !important;
- }
- .fr-background-action-high--success:active {
- background-color: #2fc368 !important;
- }
- .fr-background-action-high--warning {
- background-color: #b34000 !important;
- }
- .fr-background-action-high--warning:hover {
- background-color: #ff6218 !important;
- }
- .fr-background-action-high--warning:active {
- background-color: #ff7a55 !important;
- }
- .fr-background-action-high--error {
- background-color: #ce0500 !important;
- }
- .fr-background-action-high--error:hover {
- background-color: #ff2725 !important;
- }
- .fr-background-action-high--error:active {
- background-color: #ff4140 !important;
- }
- .fr-background-action-low--blue-france {
- background-color: #e3e3fd !important;
- }
- .fr-background-action-low--blue-france:hover {
- background-color: #c1c1fb !important;
- }
- .fr-background-action-low--blue-france:active {
- background-color: #adadf9 !important;
- }
- .fr-background-action-low--red-marianne {
- background-color: #fddede !important;
- }
- .fr-background-action-low--red-marianne:hover {
- background-color: #fbb6b6 !important;
- }
- .fr-background-action-low--red-marianne:active {
- background-color: #fa9e9e !important;
- }
- .fr-background-action-low--green-tilleul-verveine {
- background-color: #fbe769 !important;
- }
- .fr-background-action-low--green-tilleul-verveine:hover {
- background-color: #d7c655 !important;
- }
- .fr-background-action-low--green-tilleul-verveine:active {
- background-color: #c2b24c !important;
- }
- .fr-background-action-low--green-bourgeon {
- background-color: #a9fb68 !important;
- }
- .fr-background-action-low--green-bourgeon:hover {
- background-color: #8ed654 !important;
- }
- .fr-background-action-low--green-bourgeon:active {
- background-color: #7fc04b !important;
- }
- .fr-background-action-low--green-emeraude {
- background-color: #9ef9be !important;
- }
- .fr-background-action-low--green-emeraude:hover {
- background-color: #69df97 !important;
- }
- .fr-background-action-low--green-emeraude:active {
- background-color: #5ec988 !important;
- }
- .fr-background-action-low--green-menthe {
- background-color: #8bf8e7 !important;
- }
- .fr-background-action-low--green-menthe:hover {
- background-color: #6ed5c5 !important;
- }
- .fr-background-action-low--green-menthe:active {
- background-color: #62bfb1 !important;
- }
- .fr-background-action-low--green-archipel {
- background-color: #a6f2fa !important;
- }
- .fr-background-action-low--green-archipel:hover {
- background-color: #62dbe5 !important;
- }
- .fr-background-action-low--green-archipel:active {
- background-color: #58c5cf !important;
- }
- .fr-background-action-low--blue-ecume {
- background-color: #dee5fd !important;
- }
- .fr-background-action-low--blue-ecume:hover {
- background-color: #b4c5fb !important;
- }
- .fr-background-action-low--blue-ecume:active {
- background-color: #99b3f9 !important;
- }
- .fr-background-action-low--blue-cumulus {
- background-color: #dae6fd !important;
- }
- .fr-background-action-low--blue-cumulus:hover {
- background-color: #a9c8fb !important;
- }
- .fr-background-action-low--blue-cumulus:active {
- background-color: #8ab8f9 !important;
- }
- .fr-background-action-low--purple-glycine {
- background-color: #fddbfa !important;
- }
- .fr-background-action-low--purple-glycine:hover {
- background-color: #fbaff5 !important;
- }
- .fr-background-action-low--purple-glycine:active {
- background-color: #fa96f2 !important;
- }
- .fr-background-action-low--pink-macaron {
- background-color: #fddfda !important;
- }
- .fr-background-action-low--pink-macaron:hover {
- background-color: #fbb8ab !important;
- }
- .fr-background-action-low--pink-macaron:active {
- background-color: #faa18d !important;
- }
- .fr-background-action-low--pink-tuile {
- background-color: #fddfdb !important;
- }
- .fr-background-action-low--pink-tuile:hover {
- background-color: #fbb8ad !important;
- }
- .fr-background-action-low--pink-tuile:active {
- background-color: #faa191 !important;
- }
- .fr-background-action-low--yellow-tournesol {
- background-color: #fde39c !important;
- }
- .fr-background-action-low--yellow-tournesol:hover {
- background-color: #e9c53b !important;
- }
- .fr-background-action-low--yellow-tournesol:active {
- background-color: #d3b235 !important;
- }
- .fr-background-action-low--yellow-moutarde {
- background-color: #fde2b5 !important;
- }
- .fr-background-action-low--yellow-moutarde:hover {
- background-color: #f6c43c !important;
- }
- .fr-background-action-low--yellow-moutarde:active {
- background-color: #dfb135 !important;
- }
- .fr-background-action-low--orange-terre-battue {
- background-color: #fddfd8 !important;
- }
- .fr-background-action-low--orange-terre-battue:hover {
- background-color: #fbb8a5 !important;
- }
- .fr-background-action-low--orange-terre-battue:active {
- background-color: #faa184 !important;
- }
- .fr-background-action-low--brown-cafe-creme {
- background-color: #f4e3c7 !important;
- }
- .fr-background-action-low--brown-cafe-creme:hover {
- background-color: #e1c386 !important;
- }
- .fr-background-action-low--brown-cafe-creme:active {
- background-color: #ccb078 !important;
- }
- .fr-background-action-low--brown-caramel {
- background-color: #f3e2d9 !important;
- }
- .fr-background-action-low--brown-caramel:hover {
- background-color: #e7bea6 !important;
- }
- .fr-background-action-low--brown-caramel:active {
- background-color: #e1a982 !important;
- }
- .fr-background-action-low--brown-opera {
- background-color: #f3e2d7 !important;
- }
- .fr-background-action-low--brown-opera:hover {
- background-color: #e7bfa0 !important;
- }
- .fr-background-action-low--brown-opera:active {
- background-color: #deaa7e !important;
- }
- .fr-background-action-low--beige-gris-galet {
- background-color: #eee4d9 !important;
- }
- .fr-background-action-low--beige-gris-galet:hover {
- background-color: #dbc3a4 !important;
- }
- .fr-background-action-low--beige-gris-galet:active {
- background-color: #c6b094 !important;
- }
- .fr-text-default--grey {
- color: #3a3a3a !important;
- }
- .fr-text-default--info {
- color: #0063cb !important;
- }
- .fr-text-default--success {
- color: #18753c !important;
- }
- .fr-text-default--warning {
- color: #b34000 !important;
- }
- .fr-text-default--error {
- color: #ce0500 !important;
- }
- .fr-text-title--grey {
- color: #161616 !important;
- }
- .fr-text-title--blue-france {
- color: #000091 !important;
- }
- .fr-text-title--red-marianne {
- color: #c9191e !important;
- }
- .fr-text-label--grey {
- color: #161616 !important;
- }
- .fr-text-label--blue-france {
- color: #000091 !important;
- }
- .fr-text-label--red-marianne {
- color: #c9191e !important;
- }
- .fr-text-label--green-tilleul-verveine {
- color: #66673d !important;
- }
- .fr-text-label--green-bourgeon {
- color: #447049 !important;
- }
- .fr-text-label--green-emeraude {
- color: #297254 !important;
- }
- .fr-text-label--green-menthe {
- color: #37635f !important;
- }
- .fr-text-label--green-archipel {
- color: #006a6f !important;
- }
- .fr-text-label--blue-ecume {
- color: #2f4077 !important;
- }
- .fr-text-label--blue-cumulus {
- color: #3558a2 !important;
- }
- .fr-text-label--purple-glycine {
- color: #6e445a !important;
- }
- .fr-text-label--pink-macaron {
- color: #8d533e !important;
- }
- .fr-text-label--pink-tuile {
- color: #a94645 !important;
- }
- .fr-text-label--yellow-tournesol {
- color: #716043 !important;
- }
- .fr-text-label--yellow-moutarde {
- color: #695240 !important;
- }
- .fr-text-label--orange-terre-battue {
- color: #755348 !important;
- }
- .fr-text-label--brown-cafe-creme {
- color: #685c48 !important;
- }
- .fr-text-label--brown-caramel {
- color: #845d48 !important;
- }
- .fr-text-label--brown-opera {
- color: #745b47 !important;
- }
- .fr-text-label--beige-gris-galet {
- color: #6a6156 !important;
- }
- .fr-text-mention--grey {
- color: #666 !important;
- }
- .fr-text-inverted--grey {
- color: #fff !important;
- }
- .fr-text-inverted--blue-france {
- color: #f5f5fe !important;
- }
- .fr-text-inverted--red-marianne {
- color: #fef4f4 !important;
- }
- .fr-text-inverted--info {
- color: #f4f6ff !important;
- }
- .fr-text-inverted--success {
- color: #dffee6 !important;
- }
- .fr-text-inverted--warning {
- color: #fff4f3 !important;
- }
- .fr-text-inverted--error {
- color: #fff4f4 !important;
- }
- .fr-text-inverted--green-tilleul-verveine {
- color: #fef7da !important;
- }
- .fr-text-inverted--green-bourgeon {
- color: #e6feda !important;
- }
- .fr-text-inverted--green-emeraude {
- color: #e3fdeb !important;
- }
- .fr-text-inverted--green-menthe {
- color: #dffdf7 !important;
- }
- .fr-text-inverted--green-archipel {
- color: #e5fbfd !important;
- }
- .fr-text-inverted--blue-ecume {
- color: #f4f6fe !important;
- }
- .fr-text-inverted--blue-cumulus {
- color: #f3f6fe !important;
- }
- .fr-text-inverted--purple-glycine {
- color: #fef3fd !important;
- }
- .fr-text-inverted--pink-macaron {
- color: #fef4f2 !important;
- }
- .fr-text-inverted--pink-tuile {
- color: #fef4f3 !important;
- }
- .fr-text-inverted--yellow-tournesol {
- color: #fef6e3 !important;
- }
- .fr-text-inverted--yellow-moutarde {
- color: #fef5e8 !important;
- }
- .fr-text-inverted--orange-terre-battue {
- color: #fef4f2 !important;
- }
- .fr-text-inverted--brown-cafe-creme {
- color: #fbf6ed !important;
- }
- .fr-text-inverted--brown-caramel {
- color: #fbf5f2 !important;
- }
- .fr-text-inverted--brown-opera {
- color: #fbf5f2 !important;
- }
- .fr-text-inverted--beige-gris-galet {
- color: #f9f6f2 !important;
- }
- .fr-text-action-high--grey {
- color: #161616 !important;
- }
- .fr-text-action-high--blue-france {
- color: #000091 !important;
- }
- .fr-text-action-high--red-marianne {
- color: #c9191e !important;
- }
- .fr-text-action-high--green-tilleul-verveine {
- color: #66673d !important;
- }
- .fr-text-action-high--green-bourgeon {
- color: #447049 !important;
- }
- .fr-text-action-high--green-emeraude {
- color: #297254 !important;
- }
- .fr-text-action-high--green-menthe {
- color: #37635f !important;
- }
- .fr-text-action-high--green-archipel {
- color: #006a6f !important;
- }
- .fr-text-action-high--blue-ecume {
- color: #2f4077 !important;
- }
- .fr-text-action-high--blue-cumulus {
- color: #3558a2 !important;
- }
- .fr-text-action-high--purple-glycine {
- color: #6e445a !important;
- }
- .fr-text-action-high--pink-macaron {
- color: #8d533e !important;
- }
- .fr-text-action-high--pink-tuile {
- color: #a94645 !important;
- }
- .fr-text-action-high--yellow-tournesol {
- color: #716043 !important;
- }
- .fr-text-action-high--yellow-moutarde {
- color: #695240 !important;
- }
- .fr-text-action-high--orange-terre-battue {
- color: #755348 !important;
- }
- .fr-text-action-high--brown-cafe-creme {
- color: #685c48 !important;
- }
- .fr-text-action-high--brown-caramel {
- color: #845d48 !important;
- }
- .fr-text-action-high--brown-opera {
- color: #745b47 !important;
- }
- .fr-text-action-high--beige-gris-galet {
- color: #6a6156 !important;
- }
- .fr-artwork-major--blue-france {
- fill: #000091 !important;
- }
- .fr-artwork-major--red-marianne {
- fill: #c9191e !important;
- }
- .fr-artwork-major--green-tilleul-verveine {
- fill: #66673d !important;
- }
- .fr-artwork-major--green-bourgeon {
- fill: #447049 !important;
- }
- .fr-artwork-major--green-emeraude {
- fill: #297254 !important;
- }
- .fr-artwork-major--green-menthe {
- fill: #37635f !important;
- }
- .fr-artwork-major--green-archipel {
- fill: #006a6f !important;
- }
- .fr-artwork-major--blue-ecume {
- fill: #2f4077 !important;
- }
- .fr-artwork-major--blue-cumulus {
- fill: #3558a2 !important;
- }
- .fr-artwork-major--purple-glycine {
- fill: #6e445a !important;
- }
- .fr-artwork-major--pink-macaron {
- fill: #8d533e !important;
- }
- .fr-artwork-major--pink-tuile {
- fill: #a94645 !important;
- }
- .fr-artwork-major--yellow-tournesol {
- fill: #716043 !important;
- }
- .fr-artwork-major--yellow-moutarde {
- fill: #695240 !important;
- }
- .fr-artwork-major--orange-terre-battue {
- fill: #755348 !important;
- }
- .fr-artwork-major--brown-cafe-creme {
- fill: #685c48 !important;
- }
- .fr-artwork-major--brown-caramel {
- fill: #845d48 !important;
- }
- .fr-artwork-major--brown-opera {
- fill: #745b47 !important;
- }
- .fr-artwork-major--beige-gris-galet {
- fill: #6a6156 !important;
- }
- .fr-artwork-minor--blue-france {
- fill: #6a6af4 !important;
- }
- .fr-artwork-minor--red-marianne {
- fill: #e1000f !important;
- }
- .fr-artwork-minor--green-tilleul-verveine {
- fill: #b7a73f !important;
- }
- .fr-artwork-minor--green-bourgeon {
- fill: #68a532 !important;
- }
- .fr-artwork-minor--green-emeraude {
- fill: #00a95f !important;
- }
- .fr-artwork-minor--green-menthe {
- fill: #009081 !important;
- }
- .fr-artwork-minor--green-archipel {
- fill: #009099 !important;
- }
- .fr-artwork-minor--blue-ecume {
- fill: #465f9d !important;
- }
- .fr-artwork-minor--blue-cumulus {
- fill: #417dc4 !important;
- }
- .fr-artwork-minor--purple-glycine {
- fill: #a558a0 !important;
- }
- .fr-artwork-minor--pink-macaron {
- fill: #e18b76 !important;
- }
- .fr-artwork-minor--pink-tuile {
- fill: #ce614a !important;
- }
- .fr-artwork-minor--yellow-tournesol {
- fill: #c8aa39 !important;
- }
- .fr-artwork-minor--yellow-moutarde {
- fill: #c3992a !important;
- }
- .fr-artwork-minor--orange-terre-battue {
- fill: #e4794a !important;
- }
- .fr-artwork-minor--brown-cafe-creme {
- fill: #d1b781 !important;
- }
- .fr-artwork-minor--brown-caramel {
- fill: #c08c65 !important;
- }
- .fr-artwork-minor--brown-opera {
- fill: #bd987a !important;
- }
- .fr-artwork-minor--beige-gris-galet {
- fill: #aea397 !important;
- }
- .fr-artwork-decorative--grey {
- fill: #eee !important;
- }
- .fr-artwork-decorative--blue-france {
- fill: #ececfe !important;
- }
- .fr-artwork-decorative--red-marianne {
- fill: #fee9e9 !important;
- }
- .fr-artwork-decorative--green-tilleul-verveine {
- fill: #fceeac !important;
- }
- .fr-artwork-decorative--green-bourgeon {
- fill: #c9fcac !important;
- }
- .fr-artwork-decorative--green-emeraude {
- fill: #c3fad5 !important;
- }
- .fr-artwork-decorative--green-menthe {
- fill: #bafaee !important;
- }
- .fr-artwork-decorative--green-archipel {
- fill: #c7f6fc !important;
- }
- .fr-artwork-decorative--blue-ecume {
- fill: #e9edfe !important;
- }
- .fr-artwork-decorative--blue-cumulus {
- fill: #e6eefe !important;
- }
- .fr-artwork-decorative--purple-glycine {
- fill: #fee7fc !important;
- }
- .fr-artwork-decorative--pink-macaron {
- fill: #fee9e6 !important;
- }
- .fr-artwork-decorative--pink-tuile {
- fill: #fee9e7 !important;
- }
- .fr-artwork-decorative--yellow-tournesol {
- fill: #feecc2 !important;
- }
- .fr-artwork-decorative--yellow-moutarde {
- fill: #feebd0 !important;
- }
- .fr-artwork-decorative--orange-terre-battue {
- fill: #fee9e5 !important;
- }
- .fr-artwork-decorative--brown-cafe-creme {
- fill: #f7ecdb !important;
- }
- .fr-artwork-decorative--brown-caramel {
- fill: #f7ebe5 !important;
- }
- .fr-artwork-decorative--brown-opera {
- fill: #f7ece4 !important;
- }
- .fr-artwork-decorative--beige-gris-galet {
- fill: #f3ede5 !important;
- }
- .fr-artwork-background--grey {
- fill: #f6f6f6 !important;
- }
- .fr-artwork-background--blue-france {
- fill: #f5f5fe !important;
- }
- .fr-artwork-background--red-marianne {
- fill: #fef4f4 !important;
- }
- .fr-artwork-background--green-tilleul-verveine {
- fill: #fef7da !important;
- }
- .fr-artwork-background--green-bourgeon {
- fill: #e6feda !important;
- }
- .fr-artwork-background--green-emeraude {
- fill: #e3fdeb !important;
- }
- .fr-artwork-background--green-menthe {
- fill: #dffdf7 !important;
- }
- .fr-artwork-background--green-archipel {
- fill: #e5fbfd !important;
- }
- .fr-artwork-background--blue-ecume {
- fill: #f4f6fe !important;
- }
- .fr-artwork-background--blue-cumulus {
- fill: #f3f6fe !important;
- }
- .fr-artwork-background--purple-glycine {
- fill: #fef3fd !important;
- }
- .fr-artwork-background--pink-macaron {
- fill: #fef4f2 !important;
- }
- .fr-artwork-background--pink-tuile {
- fill: #fef4f3 !important;
- }
- .fr-artwork-background--yellow-tournesol {
- fill: #fef6e3 !important;
- }
- .fr-artwork-background--yellow-moutarde {
- fill: #fef5e8 !important;
- }
- .fr-artwork-background--orange-terre-battue {
- fill: #fef4f2 !important;
- }
- .fr-artwork-background--brown-cafe-creme {
- fill: #fbf6ed !important;
- }
- .fr-artwork-background--brown-caramel {
- fill: #fbf5f2 !important;
- }
- .fr-artwork-background--brown-opera {
- fill: #fbf5f2 !important;
- }
- .fr-artwork-background--beige-gris-galet {
- fill: #f9f6f2 !important;
- }
- .fr-artwork-motif--grey {
- fill: #e5e5e5 !important;
- }
- .fr-artwork-motif--blue-france {
- fill: #e3e3fd !important;
- }
- .fr-artwork-motif--red-marianne {
- fill: #fddede !important;
- }
- .fr-artwork-motif--green-tilleul-verveine {
- fill: #fbe769 !important;
- }
- .fr-artwork-motif--green-bourgeon {
- fill: #a9fb68 !important;
- }
- .fr-artwork-motif--green-emeraude {
- fill: #9ef9be !important;
- }
- .fr-artwork-motif--green-menthe {
- fill: #8bf8e7 !important;
- }
- .fr-artwork-motif--green-archipel {
- fill: #a6f2fa !important;
- }
- .fr-artwork-motif--blue-ecume {
- fill: #dee5fd !important;
- }
- .fr-artwork-motif--blue-cumulus {
- fill: #dae6fd !important;
- }
- .fr-artwork-motif--purple-glycine {
- fill: #fddbfa !important;
- }
- .fr-artwork-motif--pink-macaron {
- fill: #fddfda !important;
- }
- .fr-artwork-motif--pink-tuile {
- fill: #fddfdb !important;
- }
- .fr-artwork-motif--yellow-tournesol {
- fill: #fde39c !important;
- }
- .fr-artwork-motif--yellow-moutarde {
- fill: #fde2b5 !important;
- }
- .fr-artwork-motif--orange-terre-battue {
- fill: #fddfd8 !important;
- }
- .fr-artwork-motif--brown-cafe-creme {
- fill: #f4e3c7 !important;
- }
- .fr-artwork-motif--brown-caramel {
- fill: #f3e2d9 !important;
- }
- .fr-artwork-motif--brown-opera {
- fill: #f3e2d7 !important;
- }
- .fr-artwork-motif--beige-gris-galet {
- fill: #eee4d9 !important;
- }
- .fr-icon-ancient-gate-fill::before,
- .fr-icon-ancient-gate-fill::after {
- background-image: url('./icons/buildings/ancient-gate-fill.svg');
- }
- .fr-icon-ancient-gate-line::before,
- .fr-icon-ancient-gate-line::after {
- background-image: url('./icons/buildings/ancient-gate-line.svg');
- }
- .fr-icon-ancient-pavilion-fill::before,
- .fr-icon-ancient-pavilion-fill::after {
- background-image: url('./icons/buildings/ancient-pavilion-fill.svg');
- }
- .fr-icon-ancient-pavilion-line::before,
- .fr-icon-ancient-pavilion-line::after {
- background-image: url('./icons/buildings/ancient-pavilion-line.svg');
- }
- .fr-icon-bank-fill::before,
- .fr-icon-bank-fill::after {
- background-image: url('./icons/buildings/bank-fill.svg');
- }
- .fr-icon-bank-line::before,
- .fr-icon-bank-line::after {
- background-image: url('./icons/buildings/bank-line.svg');
- }
- .fr-icon-building-fill::before,
- .fr-icon-building-fill::after {
- background-image: url('./icons/buildings/building-fill.svg');
- }
- .fr-icon-building-line::before,
- .fr-icon-building-line::after {
- background-image: url('./icons/buildings/building-line.svg');
- }
- .fr-icon-community-fill::before,
- .fr-icon-community-fill::after {
- background-image: url('./icons/buildings/community-fill.svg');
- }
- .fr-icon-community-line::before,
- .fr-icon-community-line::after {
- background-image: url('./icons/buildings/community-line.svg');
- }
- .fr-icon-government-fill::before,
- .fr-icon-government-fill::after {
- background-image: url('./icons/buildings/government-fill.svg');
- }
- .fr-icon-government-line::before,
- .fr-icon-government-line::after {
- background-image: url('./icons/buildings/government-line.svg');
- }
- .fr-icon-home-4-fill::before,
- .fr-icon-home-4-fill::after {
- background-image: url('./icons/buildings/home-4-fill.svg');
- }
- .fr-icon-home-4-line::before,
- .fr-icon-home-4-line::after {
- background-image: url('./icons/buildings/home-4-line.svg');
- }
- .fr-icon-hospital-fill::before,
- .fr-icon-hospital-fill::after {
- background-image: url('./icons/buildings/hospital-fill.svg');
- }
- .fr-icon-hospital-line::before,
- .fr-icon-hospital-line::after {
- background-image: url('./icons/buildings/hospital-line.svg');
- }
- .fr-icon-hotel-fill::before,
- .fr-icon-hotel-fill::after {
- background-image: url('./icons/buildings/hotel-fill.svg');
- }
- .fr-icon-hotel-line::before,
- .fr-icon-hotel-line::after {
- background-image: url('./icons/buildings/hotel-line.svg');
- }
- .fr-icon-store-fill::before,
- .fr-icon-store-fill::after {
- background-image: url('./icons/buildings/store-fill.svg');
- }
- .fr-icon-store-line::before,
- .fr-icon-store-line::after {
- background-image: url('./icons/buildings/store-line.svg');
- }
- .fr-fi-home-4-fill::before {
- background-image: url('./icons/buildings/home-4-fill.svg');
- }
- .fr-fi-home-4-line::before {
- background-image: url('./icons/buildings/home-4-line.svg');
- }
- .fr-icon-archive-fill::before,
- .fr-icon-archive-fill::after {
- background-image: url('./icons/business/archive-fill.svg');
- }
- .fr-icon-archive-line::before,
- .fr-icon-archive-line::after {
- background-image: url('./icons/business/archive-line.svg');
- }
- .fr-icon-attachment-fill::before,
- .fr-icon-attachment-fill::after {
- background-image: url('./icons/business/attachment-fill.svg');
- }
- .fr-icon-attachment-line::before,
- .fr-icon-attachment-line::after {
- background-image: url('./icons/business/attachment-line.svg');
- }
- .fr-icon-award-fill::before,
- .fr-icon-award-fill::after {
- background-image: url('./icons/business/award-fill.svg');
- }
- .fr-icon-award-line::before,
- .fr-icon-award-line::after {
- background-image: url('./icons/business/award-line.svg');
- }
- .fr-icon-bar-chart-box-fill::before,
- .fr-icon-bar-chart-box-fill::after {
- background-image: url('./icons/business/bar-chart-box-fill.svg');
- }
- .fr-icon-bar-chart-box-line::before,
- .fr-icon-bar-chart-box-line::after {
- background-image: url('./icons/business/bar-chart-box-line.svg');
- }
- .fr-icon-bookmark-fill::before,
- .fr-icon-bookmark-fill::after {
- background-image: url('./icons/business/bookmark-fill.svg');
- }
- .fr-icon-bookmark-line::before,
- .fr-icon-bookmark-line::after {
- background-image: url('./icons/business/bookmark-line.svg');
- }
- .fr-icon-briefcase-fill::before,
- .fr-icon-briefcase-fill::after {
- background-image: url('./icons/business/briefcase-fill.svg');
- }
- .fr-icon-briefcase-line::before,
- .fr-icon-briefcase-line::after {
- background-image: url('./icons/business/briefcase-line.svg');
- }
- .fr-icon-calendar-2-fill::before,
- .fr-icon-calendar-2-fill::after {
- background-image: url('./icons/business/calendar-2-fill.svg');
- }
- .fr-icon-calendar-2-line::before,
- .fr-icon-calendar-2-line::after {
- background-image: url('./icons/business/calendar-2-line.svg');
- }
- .fr-icon-calendar-event-fill::before,
- .fr-icon-calendar-event-fill::after {
- background-image: url('./icons/business/calendar-event-fill.svg');
- }
- .fr-icon-calendar-event-line::before,
- .fr-icon-calendar-event-line::after {
- background-image: url('./icons/business/calendar-event-line.svg');
- }
- .fr-icon-calendar-fill::before,
- .fr-icon-calendar-fill::after {
- background-image: url('./icons/business/calendar-fill.svg');
- }
- .fr-icon-calendar-line::before,
- .fr-icon-calendar-line::after {
- background-image: url('./icons/business/calendar-line.svg');
- }
- .fr-icon-cloud-fill::before,
- .fr-icon-cloud-fill::after {
- background-image: url('./icons/business/cloud-fill.svg');
- }
- .fr-icon-cloud-line::before,
- .fr-icon-cloud-line::after {
- background-image: url('./icons/business/cloud-line.svg');
- }
- .fr-icon-copyright-fill::before,
- .fr-icon-copyright-fill::after {
- background-image: url('./icons/business/copyright-fill.svg');
- }
- .fr-icon-copyright-line::before,
- .fr-icon-copyright-line::after {
- background-image: url('./icons/business/copyright-line.svg');
- }
- .fr-icon-customer-service-fill::before,
- .fr-icon-customer-service-fill::after {
- background-image: url('./icons/business/customer-service-fill.svg');
- }
- .fr-icon-customer-service-line::before,
- .fr-icon-customer-service-line::after {
- background-image: url('./icons/business/customer-service-line.svg');
- }
- .fr-icon-flag-fill::before,
- .fr-icon-flag-fill::after {
- background-image: url('./icons/business/flag-fill.svg');
- }
- .fr-icon-flag-line::before,
- .fr-icon-flag-line::after {
- background-image: url('./icons/business/flag-line.svg');
- }
- .fr-icon-global-fill::before,
- .fr-icon-global-fill::after {
- background-image: url('./icons/business/global-fill.svg');
- }
- .fr-icon-global-line::before,
- .fr-icon-global-line::after {
- background-image: url('./icons/business/global-line.svg');
- }
- .fr-icon-line-chart-fill::before,
- .fr-icon-line-chart-fill::after {
- background-image: url('./icons/business/line-chart-fill.svg');
- }
- .fr-icon-line-chart-line::before,
- .fr-icon-line-chart-line::after {
- background-image: url('./icons/business/line-chart-line.svg');
- }
- .fr-icon-links-fill::before,
- .fr-icon-links-fill::after {
- background-image: url('./icons/business/links-fill.svg');
- }
- .fr-icon-links-line::before,
- .fr-icon-links-line::after {
- background-image: url('./icons/business/links-line.svg');
- }
- .fr-icon-mail-fill::before,
- .fr-icon-mail-fill::after {
- background-image: url('./icons/business/mail-fill.svg');
- }
- .fr-icon-mail-line::before,
- .fr-icon-mail-line::after {
- background-image: url('./icons/business/mail-line.svg');
- }
- .fr-icon-mail-open-fill::before,
- .fr-icon-mail-open-fill::after {
- background-image: url('./icons/business/mail-open-fill.svg');
- }
- .fr-icon-mail-open-line::before,
- .fr-icon-mail-open-line::after {
- background-image: url('./icons/business/mail-open-line.svg');
- }
- .fr-icon-medal-fill::before,
- .fr-icon-medal-fill::after {
- background-image: url('./icons/business/medal-fill.svg');
- }
- .fr-icon-medal-line::before,
- .fr-icon-medal-line::after {
- background-image: url('./icons/business/medal-line.svg');
- }
- .fr-icon-pie-chart-2-fill::before,
- .fr-icon-pie-chart-2-fill::after {
- background-image: url('./icons/business/pie-chart-2-fill.svg');
- }
- .fr-icon-pie-chart-2-line::before,
- .fr-icon-pie-chart-2-line::after {
- background-image: url('./icons/business/pie-chart-2-line.svg');
- }
- .fr-icon-pie-chart-box-fill::before,
- .fr-icon-pie-chart-box-fill::after {
- background-image: url('./icons/business/pie-chart-box-fill.svg');
- }
- .fr-icon-pie-chart-box-line::before,
- .fr-icon-pie-chart-box-line::after {
- background-image: url('./icons/business/pie-chart-box-line.svg');
- }
- .fr-icon-printer-fill::before,
- .fr-icon-printer-fill::after {
- background-image: url('./icons/business/printer-fill.svg');
- }
- .fr-icon-printer-line::before,
- .fr-icon-printer-line::after {
- background-image: url('./icons/business/printer-line.svg');
- }
- .fr-icon-profil-fill::before,
- .fr-icon-profil-fill::after {
- background-image: url('./icons/business/profil-fill.svg');
- }
- .fr-icon-profil-line::before,
- .fr-icon-profil-line::after {
- background-image: url('./icons/business/profil-line.svg');
- }
- .fr-icon-projector-2-fill::before,
- .fr-icon-projector-2-fill::after {
- background-image: url('./icons/business/projector-2-fill.svg');
- }
- .fr-icon-projector-2-line::before,
- .fr-icon-projector-2-line::after {
- background-image: url('./icons/business/projector-2-line.svg');
- }
- .fr-icon-send-plane-fill::before,
- .fr-icon-send-plane-fill::after {
- background-image: url('./icons/business/send-plane-fill.svg');
- }
- .fr-icon-send-plane-line::before,
- .fr-icon-send-plane-line::after {
- background-image: url('./icons/business/send-plane-line.svg');
- }
- .fr-icon-slideshow-fill::before,
- .fr-icon-slideshow-fill::after {
- background-image: url('./icons/business/slideshow-fill.svg');
- }
- .fr-icon-slideshow-line::before,
- .fr-icon-slideshow-line::after {
- background-image: url('./icons/business/slideshow-line.svg');
- }
- .fr-icon-window-fill::before,
- .fr-icon-window-fill::after {
- background-image: url('./icons/business/window-fill.svg');
- }
- .fr-icon-window-line::before,
- .fr-icon-window-line::after {
- background-image: url('./icons/business/window-line.svg');
- }
- .fr-fi-attachment-fill::before {
- background-image: url('./icons/business/attachment-fill.svg');
- }
- .fr-fi-attachment-line::before {
- background-image: url('./icons/business/attachment-line.svg');
- }
- .fr-fi-calendar-fill::before {
- background-image: url('./icons/business/calendar-fill.svg');
- }
- .fr-fi-calendar-line::before {
- background-image: url('./icons/business/calendar-line.svg');
- }
- .fr-fi-line-chart-fill::before {
- background-image: url('./icons/business/line-chart-fill.svg');
- }
- .fr-fi-line-chart-line::before {
- background-image: url('./icons/business/line-chart-line.svg');
- }
- .fr-fi-links-fill::before {
- background-image: url('./icons/business/links-fill.svg');
- }
- .fr-fi-mail-fill::before {
- background-image: url('./icons/business/mail-fill.svg');
- }
- .fr-fi-mail-line::before {
- background-image: url('./icons/business/mail-line.svg');
- }
- .fr-fi-printer-fill::before {
- background-image: url('./icons/business/printer-fill.svg');
- }
- .fr-fi-printer-line::before {
- background-image: url('./icons/business/printer-line.svg');
- }
- .fr-icon-chat-2-fill::before,
- .fr-icon-chat-2-fill::after {
- background-image: url('./icons/communication/chat-2-fill.svg');
- }
- .fr-icon-chat-2-line::before,
- .fr-icon-chat-2-line::after {
- background-image: url('./icons/communication/chat-2-line.svg');
- }
- .fr-icon-chat-3-fill::before,
- .fr-icon-chat-3-fill::after {
- background-image: url('./icons/communication/chat-3-fill.svg');
- }
- .fr-icon-chat-3-line::before,
- .fr-icon-chat-3-line::after {
- background-image: url('./icons/communication/chat-3-line.svg');
- }
- .fr-icon-chat-check-fill::before,
- .fr-icon-chat-check-fill::after {
- background-image: url('./icons/communication/chat-check-fill.svg');
- }
- .fr-icon-chat-check-line::before,
- .fr-icon-chat-check-line::after {
- background-image: url('./icons/communication/chat-check-line.svg');
- }
- .fr-icon-chat-delete-fill::before,
- .fr-icon-chat-delete-fill::after {
- background-image: url('./icons/communication/chat-delete-fill.svg');
- }
- .fr-icon-chat-delete-line::before,
- .fr-icon-chat-delete-line::after {
- background-image: url('./icons/communication/chat-delete-line.svg');
- }
- .fr-icon-chat-poll-fill::before,
- .fr-icon-chat-poll-fill::after {
- background-image: url('./icons/communication/chat-poll-fill.svg');
- }
- .fr-icon-chat-poll-line::before,
- .fr-icon-chat-poll-line::after {
- background-image: url('./icons/communication/chat-poll-line.svg');
- }
- .fr-icon-discuss-fill::before,
- .fr-icon-discuss-fill::after {
- background-image: url('./icons/communication/discuss-fill.svg');
- }
- .fr-icon-discuss-line::before,
- .fr-icon-discuss-line::after {
- background-image: url('./icons/communication/discuss-line.svg');
- }
- .fr-icon-feedback-fill::before,
- .fr-icon-feedback-fill::after {
- background-image: url('./icons/communication/feedback-fill.svg');
- }
- .fr-icon-feedback-line::before,
- .fr-icon-feedback-line::after {
- background-image: url('./icons/communication/feedback-line.svg');
- }
- .fr-icon-message-2-fill::before,
- .fr-icon-message-2-fill::after {
- background-image: url('./icons/communication/message-2-fill.svg');
- }
- .fr-icon-message-2-line::before,
- .fr-icon-message-2-line::after {
- background-image: url('./icons/communication/message-2-line.svg');
- }
- .fr-icon-question-answer-fill::before,
- .fr-icon-question-answer-fill::after {
- background-image: url('./icons/communication/question-answer-fill.svg');
- }
- .fr-icon-question-answer-line::before,
- .fr-icon-question-answer-line::after {
- background-image: url('./icons/communication/question-answer-line.svg');
- }
- .fr-icon-questionnaire-fill::before,
- .fr-icon-questionnaire-fill::after {
- background-image: url('./icons/communication/questionnaire-fill.svg');
- }
- .fr-icon-questionnaire-line::before,
- .fr-icon-questionnaire-line::after {
- background-image: url('./icons/communication/questionnaire-line.svg');
- }
- .fr-icon-video-chat-fill::before,
- .fr-icon-video-chat-fill::after {
- background-image: url('./icons/communication/video-chat-fill.svg');
- }
- .fr-icon-video-chat-line::before,
- .fr-icon-video-chat-line::after {
- background-image: url('./icons/communication/video-chat-line.svg');
- }
- .fr-icon-ball-pen-fill::before,
- .fr-icon-ball-pen-fill::after {
- background-image: url('./icons/design/ball-pen-fill.svg');
- }
- .fr-icon-ball-pen-line::before,
- .fr-icon-ball-pen-line::after {
- background-image: url('./icons/design/ball-pen-line.svg');
- }
- .fr-icon-brush-3-fill::before,
- .fr-icon-brush-3-fill::after {
- background-image: url('./icons/design/brush-3-fill.svg');
- }
- .fr-icon-brush-3-line::before,
- .fr-icon-brush-3-line::after {
- background-image: url('./icons/design/brush-3-line.svg');
- }
- .fr-icon-brush-fill::before,
- .fr-icon-brush-fill::after {
- background-image: url('./icons/design/brush-fill.svg');
- }
- .fr-icon-brush-line::before,
- .fr-icon-brush-line::after {
- background-image: url('./icons/design/brush-line.svg');
- }
- .fr-icon-contrast-fill::before,
- .fr-icon-contrast-fill::after {
- background-image: url('./icons/design/contrast-fill.svg');
- }
- .fr-icon-contrast-line::before,
- .fr-icon-contrast-line::after {
- background-image: url('./icons/design/contrast-line.svg');
- }
- .fr-icon-crop-fill::before,
- .fr-icon-crop-fill::after {
- background-image: url('./icons/design/crop-fill.svg');
- }
- .fr-icon-crop-line::before,
- .fr-icon-crop-line::after {
- background-image: url('./icons/design/crop-line.svg');
- }
- .fr-icon-drag-move-2-fill::before,
- .fr-icon-drag-move-2-fill::after {
- background-image: url('./icons/design/drag-move-2-fill.svg');
- }
- .fr-icon-drag-move-2-line::before,
- .fr-icon-drag-move-2-line::after {
- background-image: url('./icons/design/drag-move-2-line.svg');
- }
- .fr-icon-drop-fill::before,
- .fr-icon-drop-fill::after {
- background-image: url('./icons/design/drop-fill.svg');
- }
- .fr-icon-drop-line::before,
- .fr-icon-drop-line::after {
- background-image: url('./icons/design/drop-line.svg');
- }
- .fr-icon-edit-box-fill::before,
- .fr-icon-edit-box-fill::after {
- background-image: url('./icons/design/edit-box-fill.svg');
- }
- .fr-icon-edit-box-line::before,
- .fr-icon-edit-box-line::after {
- background-image: url('./icons/design/edit-box-line.svg');
- }
- .fr-icon-edit-fill::before,
- .fr-icon-edit-fill::after {
- background-image: url('./icons/design/edit-fill.svg');
- }
- .fr-icon-edit-line::before,
- .fr-icon-edit-line::after {
- background-image: url('./icons/design/edit-line.svg');
- }
- .fr-icon-ink-bottle-fill::before,
- .fr-icon-ink-bottle-fill::after {
- background-image: url('./icons/design/ink-bottle-fill.svg');
- }
- .fr-icon-ink-bottle-line::before,
- .fr-icon-ink-bottle-line::after {
- background-image: url('./icons/design/ink-bottle-line.svg');
- }
- .fr-icon-layout-grid-fill::before,
- .fr-icon-layout-grid-fill::after {
- background-image: url('./icons/design/layout-grid-fill.svg');
- }
- .fr-icon-layout-grid-line::before,
- .fr-icon-layout-grid-line::after {
- background-image: url('./icons/design/layout-grid-line.svg');
- }
- .fr-icon-mark-pen-fill::before,
- .fr-icon-mark-pen-fill::after {
- background-image: url('./icons/design/mark-pen-fill.svg');
- }
- .fr-icon-mark-pen-line::before,
- .fr-icon-mark-pen-line::after {
- background-image: url('./icons/design/mark-pen-line.svg');
- }
- .fr-icon-paint-brush-fill::before,
- .fr-icon-paint-brush-fill::after {
- background-image: url('./icons/design/paint-brush-fill.svg');
- }
- .fr-icon-paint-brush-line::before,
- .fr-icon-paint-brush-line::after {
- background-image: url('./icons/design/paint-brush-line.svg');
- }
- .fr-icon-paint-fill::before,
- .fr-icon-paint-fill::after {
- background-image: url('./icons/design/paint-fill.svg');
- }
- .fr-icon-paint-line::before,
- .fr-icon-paint-line::after {
- background-image: url('./icons/design/paint-line.svg');
- }
- .fr-icon-palette-fill::before,
- .fr-icon-palette-fill::after {
- background-image: url('./icons/design/palette-fill.svg');
- }
- .fr-icon-palette-line::before,
- .fr-icon-palette-line::after {
- background-image: url('./icons/design/palette-line.svg');
- }
- .fr-icon-pantone-fill::before,
- .fr-icon-pantone-fill::after {
- background-image: url('./icons/design/pantone-fill.svg');
- }
- .fr-icon-pantone-line::before,
- .fr-icon-pantone-line::after {
- background-image: url('./icons/design/pantone-line.svg');
- }
- .fr-icon-pen-nib-fill::before,
- .fr-icon-pen-nib-fill::after {
- background-image: url('./icons/design/pen-nib-fill.svg');
- }
- .fr-icon-pen-nib-line::before,
- .fr-icon-pen-nib-line::after {
- background-image: url('./icons/design/pen-nib-line.svg');
- }
- .fr-icon-pencil-fill::before,
- .fr-icon-pencil-fill::after {
- background-image: url('./icons/design/pencil-fill.svg');
- }
- .fr-icon-pencil-line::before,
- .fr-icon-pencil-line::after {
- background-image: url('./icons/design/pencil-line.svg');
- }
- .fr-icon-pencil-ruler-fill::before,
- .fr-icon-pencil-ruler-fill::after {
- background-image: url('./icons/design/pencil-ruler-fill.svg');
- }
- .fr-icon-pencil-ruler-line::before,
- .fr-icon-pencil-ruler-line::after {
- background-image: url('./icons/design/pencil-ruler-line.svg');
- }
- .fr-icon-sip-fill::before,
- .fr-icon-sip-fill::after {
- background-image: url('./icons/design/sip-fill.svg');
- }
- .fr-icon-sip-line::before,
- .fr-icon-sip-line::after {
- background-image: url('./icons/design/sip-line.svg');
- }
- .fr-icon-table-fill::before,
- .fr-icon-table-fill::after {
- background-image: url('./icons/design/table-fill.svg');
- }
- .fr-icon-table-line::before,
- .fr-icon-table-line::after {
- background-image: url('./icons/design/table-line.svg');
- }
- .fr-fi-edit-fill::before {
- background-image: url('./icons/design/edit-fill.svg');
- }
- .fr-fi-edit-line::before {
- background-image: url('./icons/design/edit-line.svg');
- }
- .fr-icon-bug-fill::before,
- .fr-icon-bug-fill::after {
- background-image: url('./icons/development/bug-fill.svg');
- }
- .fr-icon-bug-line::before,
- .fr-icon-bug-line::after {
- background-image: url('./icons/development/bug-line.svg');
- }
- .fr-icon-code-box-fill::before,
- .fr-icon-code-box-fill::after {
- background-image: url('./icons/development/code-box-fill.svg');
- }
- .fr-icon-code-box-line::before,
- .fr-icon-code-box-line::after {
- background-image: url('./icons/development/code-box-line.svg');
- }
- .fr-icon-code-s-slash-line::before,
- .fr-icon-code-s-slash-line::after {
- background-image: url('./icons/development/code-s-slash-line.svg');
- }
- .fr-icon-cursor-fill::before,
- .fr-icon-cursor-fill::after {
- background-image: url('./icons/development/cursor-fill.svg');
- }
- .fr-icon-cursor-line::before,
- .fr-icon-cursor-line::after {
- background-image: url('./icons/development/cursor-line.svg');
- }
- .fr-icon-git-branch-fill::before,
- .fr-icon-git-branch-fill::after {
- background-image: url('./icons/development/git-branch-fill.svg');
- }
- .fr-icon-git-branch-line::before,
- .fr-icon-git-branch-line::after {
- background-image: url('./icons/development/git-branch-line.svg');
- }
- .fr-icon-git-commit-fill::before,
- .fr-icon-git-commit-fill::after {
- background-image: url('./icons/development/git-commit-fill.svg');
- }
- .fr-icon-git-commit-line::before,
- .fr-icon-git-commit-line::after {
- background-image: url('./icons/development/git-commit-line.svg');
- }
- .fr-icon-git-merge-fill::before,
- .fr-icon-git-merge-fill::after {
- background-image: url('./icons/development/git-merge-fill.svg');
- }
- .fr-icon-git-merge-line::before,
- .fr-icon-git-merge-line::after {
- background-image: url('./icons/development/git-merge-line.svg');
- }
- .fr-icon-git-pull-request-fill::before,
- .fr-icon-git-pull-request-fill::after {
- background-image: url('./icons/development/git-pull-request-fill.svg');
- }
- .fr-icon-git-pull-request-line::before,
- .fr-icon-git-pull-request-line::after {
- background-image: url('./icons/development/git-pull-request-line.svg');
- }
- .fr-icon-git-repository-commits-fill::before,
- .fr-icon-git-repository-commits-fill::after {
- background-image: url('./icons/development/git-repository-commits-fill.svg');
- }
- .fr-icon-git-repository-commits-line::before,
- .fr-icon-git-repository-commits-line::after {
- background-image: url('./icons/development/git-repository-commits-line.svg');
- }
- .fr-icon-git-repository-fill::before,
- .fr-icon-git-repository-fill::after {
- background-image: url('./icons/development/git-repository-fill.svg');
- }
- .fr-icon-git-repository-line::before,
- .fr-icon-git-repository-line::after {
- background-image: url('./icons/development/git-repository-line.svg');
- }
- .fr-icon-git-repository-private-fill::before,
- .fr-icon-git-repository-private-fill::after {
- background-image: url('./icons/development/git-repository-private-fill.svg');
- }
- .fr-icon-git-repository-private-line::before,
- .fr-icon-git-repository-private-line::after {
- background-image: url('./icons/development/git-repository-private-line.svg');
- }
- .fr-icon-terminal-box-fill::before,
- .fr-icon-terminal-box-fill::after {
- background-image: url('./icons/development/terminal-box-fill.svg');
- }
- .fr-icon-terminal-box-line::before,
- .fr-icon-terminal-box-line::after {
- background-image: url('./icons/development/terminal-box-line.svg');
- }
- .fr-icon-terminal-line::before,
- .fr-icon-terminal-line::after {
- background-image: url('./icons/development/terminal-line.svg');
- }
- .fr-icon-terminal-window-fill::before,
- .fr-icon-terminal-window-fill::after {
- background-image: url('./icons/development/terminal-window-fill.svg');
- }
- .fr-icon-terminal-window-line::before,
- .fr-icon-terminal-window-line::after {
- background-image: url('./icons/development/terminal-window-line.svg');
- }
- .fr-icon-bluetooth-fill::before,
- .fr-icon-bluetooth-fill::after {
- background-image: url('./icons/device/bluetooth-fill.svg');
- }
- .fr-icon-bluetooth-line::before,
- .fr-icon-bluetooth-line::after {
- background-image: url('./icons/device/bluetooth-line.svg');
- }
- .fr-icon-computer-fill::before,
- .fr-icon-computer-fill::after {
- background-image: url('./icons/device/computer-fill.svg');
- }
- .fr-icon-computer-line::before,
- .fr-icon-computer-line::after {
- background-image: url('./icons/device/computer-line.svg');
- }
- .fr-icon-dashboard-3-fill::before,
- .fr-icon-dashboard-3-fill::after {
- background-image: url('./icons/device/dashboard-3-fill.svg');
- }
- .fr-icon-dashboard-3-line::before,
- .fr-icon-dashboard-3-line::after {
- background-image: url('./icons/device/dashboard-3-line.svg');
- }
- .fr-icon-database-fill::before,
- .fr-icon-database-fill::after {
- background-image: url('./icons/device/database-fill.svg');
- }
- .fr-icon-database-line::before,
- .fr-icon-database-line::after {
- background-image: url('./icons/device/database-line.svg');
- }
- .fr-icon-device-fill::before,
- .fr-icon-device-fill::after {
- background-image: url('./icons/device/device-fill.svg');
- }
- .fr-icon-device-line::before,
- .fr-icon-device-line::after {
- background-image: url('./icons/device/device-line.svg');
- }
- .fr-icon-hard-drive-2-fill::before,
- .fr-icon-hard-drive-2-fill::after {
- background-image: url('./icons/device/hard-drive-2-fill.svg');
- }
- .fr-icon-hard-drive-2-line::before,
- .fr-icon-hard-drive-2-line::after {
- background-image: url('./icons/device/hard-drive-2-line.svg');
- }
- .fr-icon-mac-fill::before,
- .fr-icon-mac-fill::after {
- background-image: url('./icons/device/mac-fill.svg');
- }
- .fr-icon-mac-line::before,
- .fr-icon-mac-line::after {
- background-image: url('./icons/device/mac-line.svg');
- }
- .fr-icon-phone-fill::before,
- .fr-icon-phone-fill::after {
- background-image: url('./icons/device/phone-fill.svg');
- }
- .fr-icon-phone-line::before,
- .fr-icon-phone-line::after {
- background-image: url('./icons/device/phone-line.svg');
- }
- .fr-icon-qr-code-fill::before,
- .fr-icon-qr-code-fill::after {
- background-image: url('./icons/device/qr-code-fill.svg');
- }
- .fr-icon-qr-code-line::before,
- .fr-icon-qr-code-line::after {
- background-image: url('./icons/device/qr-code-line.svg');
- }
- .fr-icon-rss-fill::before,
- .fr-icon-rss-fill::after {
- background-image: url('./icons/device/rss-fill.svg');
- }
- .fr-icon-rss-line::before,
- .fr-icon-rss-line::after {
- background-image: url('./icons/device/rss-line.svg');
- }
- .fr-icon-save-3-fill::before,
- .fr-icon-save-3-fill::after {
- background-image: url('./icons/device/save-3-fill.svg');
- }
- .fr-icon-save-3-line::before,
- .fr-icon-save-3-line::after {
- background-image: url('./icons/device/save-3-line.svg');
- }
- .fr-icon-save-fill::before,
- .fr-icon-save-fill::after {
- background-image: url('./icons/device/save-fill.svg');
- }
- .fr-icon-save-line::before,
- .fr-icon-save-line::after {
- background-image: url('./icons/device/save-line.svg');
- }
- .fr-icon-server-fill::before,
- .fr-icon-server-fill::after {
- background-image: url('./icons/device/server-fill.svg');
- }
- .fr-icon-server-line::before,
- .fr-icon-server-line::after {
- background-image: url('./icons/device/server-line.svg');
- }
- .fr-icon-smartphone-fill::before,
- .fr-icon-smartphone-fill::after {
- background-image: url('./icons/device/smartphone-fill.svg');
- }
- .fr-icon-smartphone-line::before,
- .fr-icon-smartphone-line::after {
- background-image: url('./icons/device/smartphone-line.svg');
- }
- .fr-icon-tablet-fill::before,
- .fr-icon-tablet-fill::after {
- background-image: url('./icons/device/tablet-fill.svg');
- }
- .fr-icon-tablet-line::before,
- .fr-icon-tablet-line::after {
- background-image: url('./icons/device/tablet-line.svg');
- }
- .fr-icon-tv-fill::before,
- .fr-icon-tv-fill::after {
- background-image: url('./icons/device/tv-fill.svg');
- }
- .fr-icon-tv-line::before,
- .fr-icon-tv-line::after {
- background-image: url('./icons/device/tv-line.svg');
- }
- .fr-icon-wifi-fill::before,
- .fr-icon-wifi-fill::after {
- background-image: url('./icons/device/wifi-fill.svg');
- }
- .fr-icon-wifi-line::before,
- .fr-icon-wifi-line::after {
- background-image: url('./icons/device/wifi-line.svg');
- }
- .fr-fi-phone-fill::before {
- background-image: url('./icons/device/phone-fill.svg');
- }
- .fr-fi-phone-line::before {
- background-image: url('./icons/device/phone-line.svg');
- }
- .fr-fi-rss-fill::before {
- background-image: url('./icons/device/rss-fill.svg');
- }
- .fr-fi-rss-line::before {
- background-image: url('./icons/device/rss-line.svg');
- }
- .fr-fi-save-fill::before {
- background-image: url('./icons/device/save-fill.svg');
- }
- .fr-fi-save-line::before {
- background-image: url('./icons/device/save-line.svg');
- }
- .fr-icon-article-fill::before,
- .fr-icon-article-fill::after {
- background-image: url('./icons/document/article-fill.svg');
- }
- .fr-icon-article-line::before,
- .fr-icon-article-line::after {
- background-image: url('./icons/document/article-line.svg');
- }
- .fr-icon-book-2-fill::before,
- .fr-icon-book-2-fill::after {
- background-image: url('./icons/document/book-2-fill.svg');
- }
- .fr-icon-book-2-line::before,
- .fr-icon-book-2-line::after {
- background-image: url('./icons/document/book-2-line.svg');
- }
- .fr-icon-booklet-fill::before,
- .fr-icon-booklet-fill::after {
- background-image: url('./icons/document/booklet-fill.svg');
- }
- .fr-icon-booklet-line::before,
- .fr-icon-booklet-line::after {
- background-image: url('./icons/document/booklet-line.svg');
- }
- .fr-icon-clipboard-fill::before,
- .fr-icon-clipboard-fill::after {
- background-image: url('./icons/document/clipboard-fill.svg');
- }
- .fr-icon-clipboard-line::before,
- .fr-icon-clipboard-line::after {
- background-image: url('./icons/document/clipboard-line.svg');
- }
- .fr-icon-draft-fill::before,
- .fr-icon-draft-fill::after {
- background-image: url('./icons/document/draft-fill.svg');
- }
- .fr-icon-draft-line::before,
- .fr-icon-draft-line::after {
- background-image: url('./icons/document/draft-line.svg');
- }
- .fr-icon-file-add-fill::before,
- .fr-icon-file-add-fill::after {
- background-image: url('./icons/document/file-add-fill.svg');
- }
- .fr-icon-file-add-line::before,
- .fr-icon-file-add-line::after {
- background-image: url('./icons/document/file-add-line.svg');
- }
- .fr-icon-file-download-fill::before,
- .fr-icon-file-download-fill::after {
- background-image: url('./icons/document/file-download-fill.svg');
- }
- .fr-icon-file-download-line::before,
- .fr-icon-file-download-line::after {
- background-image: url('./icons/document/file-download-line.svg');
- }
- .fr-icon-file-fill::before,
- .fr-icon-file-fill::after {
- background-image: url('./icons/document/file-fill.svg');
- }
- .fr-icon-file-line::before,
- .fr-icon-file-line::after {
- background-image: url('./icons/document/file-line.svg');
- }
- .fr-icon-file-pdf-fill::before,
- .fr-icon-file-pdf-fill::after {
- background-image: url('./icons/document/file-pdf-fill.svg');
- }
- .fr-icon-file-pdf-line::before,
- .fr-icon-file-pdf-line::after {
- background-image: url('./icons/document/file-pdf-line.svg');
- }
- .fr-icon-file-text-fill::before,
- .fr-icon-file-text-fill::after {
- background-image: url('./icons/document/file-text-fill.svg');
- }
- .fr-icon-file-text-line::before,
- .fr-icon-file-text-line::after {
- background-image: url('./icons/document/file-text-line.svg');
- }
- .fr-icon-folder-2-fill::before,
- .fr-icon-folder-2-fill::after {
- background-image: url('./icons/document/folder-2-fill.svg');
- }
- .fr-icon-folder-2-line::before,
- .fr-icon-folder-2-line::after {
- background-image: url('./icons/document/folder-2-line.svg');
- }
- .fr-icon-newspaper-fill::before,
- .fr-icon-newspaper-fill::after {
- background-image: url('./icons/document/newspaper-fill.svg');
- }
- .fr-icon-newspaper-line::before,
- .fr-icon-newspaper-line::after {
- background-image: url('./icons/document/newspaper-line.svg');
- }
- .fr-icon-survey-fill::before,
- .fr-icon-survey-fill::after {
- background-image: url('./icons/document/survey-fill.svg');
- }
- .fr-icon-survey-line::before,
- .fr-icon-survey-line::after {
- background-image: url('./icons/document/survey-line.svg');
- }
- .fr-icon-todo-fill::before,
- .fr-icon-todo-fill::after {
- background-image: url('./icons/document/todo-fill.svg');
- }
- .fr-icon-todo-line::before,
- .fr-icon-todo-line::after {
- background-image: url('./icons/document/todo-line.svg');
- }
- .fr-fi-file-download-fill::before {
- background-image: url('./icons/document/file-download-fill.svg');
- }
- .fr-fi-file-download-line::before {
- background-image: url('./icons/document/file-download-line.svg');
- }
- .fr-fi-file-fill::before {
- background-image: url('./icons/document/file-fill.svg');
- }
- .fr-fi-file-line::before {
- background-image: url('./icons/document/file-line.svg');
- }
- .fr-fi-file-pdf-fill::before {
- background-image: url('./icons/document/file-pdf-fill.svg');
- }
- .fr-fi-file-pdf-line::before {
- background-image: url('./icons/document/file-pdf-line.svg');
- }
- .fr-icon-code-view::before,
- .fr-icon-code-view::after {
- background-image: url('./icons/editor/code-view.svg');
- }
- .fr-icon-font-size::before,
- .fr-icon-font-size::after {
- background-image: url('./icons/editor/font-size.svg');
- }
- .fr-icon-bold::before,
- .fr-icon-bold::after {
- background-image: url('./icons/editor/fr--bold.svg');
- }
- .fr-icon-highlight::before,
- .fr-icon-highlight::after {
- background-image: url('./icons/editor/fr--highlight.svg');
- }
- .fr-icon-quote-fill::before,
- .fr-icon-quote-fill::after {
- background-image: url('./icons/editor/fr--quote-fill.svg');
- }
- .fr-icon-quote-line::before,
- .fr-icon-quote-line::after {
- background-image: url('./icons/editor/fr--quote-line.svg');
- }
- .fr-icon-h-1::before,
- .fr-icon-h-1::after {
- background-image: url('./icons/editor/h-1.svg');
- }
- .fr-icon-h-2::before,
- .fr-icon-h-2::after {
- background-image: url('./icons/editor/h-2.svg');
- }
- .fr-icon-h-3::before,
- .fr-icon-h-3::after {
- background-image: url('./icons/editor/h-3.svg');
- }
- .fr-icon-h-4::before,
- .fr-icon-h-4::after {
- background-image: url('./icons/editor/h-4.svg');
- }
- .fr-icon-h-5::before,
- .fr-icon-h-5::after {
- background-image: url('./icons/editor/h-5.svg');
- }
- .fr-icon-h-6::before,
- .fr-icon-h-6::after {
- background-image: url('./icons/editor/h-6.svg');
- }
- .fr-icon-hashtag::before,
- .fr-icon-hashtag::after {
- background-image: url('./icons/editor/hashtag.svg');
- }
- .fr-icon-italic::before,
- .fr-icon-italic::after {
- background-image: url('./icons/editor/italic.svg');
- }
- .fr-icon-link-unlink::before,
- .fr-icon-link-unlink::after {
- background-image: url('./icons/editor/link-unlink.svg');
- }
- .fr-icon-link::before,
- .fr-icon-link::after {
- background-image: url('./icons/editor/link.svg');
- }
- .fr-icon-list-ordered::before,
- .fr-icon-list-ordered::after {
- background-image: url('./icons/editor/list-ordered.svg');
- }
- .fr-icon-list-unordered::before,
- .fr-icon-list-unordered::after {
- background-image: url('./icons/editor/list-unordered.svg');
- }
- .fr-icon-question-mark::before,
- .fr-icon-question-mark::after {
- background-image: url('./icons/editor/question-mark.svg');
- }
- .fr-icon-separator::before,
- .fr-icon-separator::after {
- background-image: url('./icons/editor/separator.svg');
- }
- .fr-icon-space::before,
- .fr-icon-space::after {
- background-image: url('./icons/editor/space.svg');
- }
- .fr-icon-subscript::before,
- .fr-icon-subscript::after {
- background-image: url('./icons/editor/subscript.svg');
- }
- .fr-icon-superscript::before,
- .fr-icon-superscript::after {
- background-image: url('./icons/editor/superscript.svg');
- }
- .fr-icon-table-2::before,
- .fr-icon-table-2::after {
- background-image: url('./icons/editor/table-2.svg');
- }
- .fr-icon-translate-2::before,
- .fr-icon-translate-2::after {
- background-image: url('./icons/editor/translate-2.svg');
- }
- .fr-fi-font-size::before {
- background-image: url('./icons/editor/font-size.svg');
- }
- .fr-fi-bold::before {
- background-image: url('./icons/editor/fr--bold.svg');
- }
- .fr-fi-highlight::before {
- background-image: url('./icons/editor/fr--highlight.svg');
- }
- .fr-fi-italic::before {
- background-image: url('./icons/editor/italic.svg');
- }
- .fr-fi-link-unlink::before {
- background-image: url('./icons/editor/link-unlink.svg');
- }
- .fr-fi-list-ordered::before {
- background-image: url('./icons/editor/list-ordered.svg');
- }
- .fr-fi-list-unordered::before {
- background-image: url('./icons/editor/list-unordered.svg');
- }
- .fr-icon-bank-card-fill::before,
- .fr-icon-bank-card-fill::after {
- background-image: url('./icons/finance/bank-card-fill.svg');
- }
- .fr-icon-bank-card-line::before,
- .fr-icon-bank-card-line::after {
- background-image: url('./icons/finance/bank-card-line.svg');
- }
- .fr-icon-coin-fill::before,
- .fr-icon-coin-fill::after {
- background-image: url('./icons/finance/coin-fill.svg');
- }
- .fr-icon-gift-fill::before,
- .fr-icon-gift-fill::after {
- background-image: url('./icons/finance/gift-fill.svg');
- }
- .fr-icon-gift-line::before,
- .fr-icon-gift-line::after {
- background-image: url('./icons/finance/gift-line.svg');
- }
- .fr-icon-money-euro-box-fill::before,
- .fr-icon-money-euro-box-fill::after {
- background-image: url('./icons/finance/money-euro-box-fill.svg');
- }
- .fr-icon-money-euro-box-line::before,
- .fr-icon-money-euro-box-line::after {
- background-image: url('./icons/finance/money-euro-box-line.svg');
- }
- .fr-icon-money-euro-circle-fill::before,
- .fr-icon-money-euro-circle-fill::after {
- background-image: url('./icons/finance/money-euro-circle-fill.svg');
- }
- .fr-icon-money-euro-circle-line::before,
- .fr-icon-money-euro-circle-line::after {
- background-image: url('./icons/finance/money-euro-circle-line.svg');
- }
- .fr-icon-secure-payment-fill::before,
- .fr-icon-secure-payment-fill::after {
- background-image: url('./icons/finance/secure-payment-fill.svg');
- }
- .fr-icon-secure-payment-line::before,
- .fr-icon-secure-payment-line::after {
- background-image: url('./icons/finance/secure-payment-line.svg');
- }
- .fr-icon-shopping-bag-fill::before,
- .fr-icon-shopping-bag-fill::after {
- background-image: url('./icons/finance/shopping-bag-fill.svg');
- }
- .fr-icon-shopping-bag-line::before,
- .fr-icon-shopping-bag-line::after {
- background-image: url('./icons/finance/shopping-bag-line.svg');
- }
- .fr-icon-shopping-cart-2-fill::before,
- .fr-icon-shopping-cart-2-fill::after {
- background-image: url('./icons/finance/shopping-cart-2-fill.svg');
- }
- .fr-icon-shopping-cart-2-line::before,
- .fr-icon-shopping-cart-2-line::after {
- background-image: url('./icons/finance/shopping-cart-2-line.svg');
- }
- .fr-icon-trophy-fill::before,
- .fr-icon-trophy-fill::after {
- background-image: url('./icons/finance/trophy-fill.svg');
- }
- .fr-icon-trophy-line::before,
- .fr-icon-trophy-line::after {
- background-image: url('./icons/finance/trophy-line.svg');
- }
- .fr-icon-capsule-fill::before,
- .fr-icon-capsule-fill::after {
- background-image: url('./icons/health/capsule-fill.svg');
- }
- .fr-icon-capsule-line::before,
- .fr-icon-capsule-line::after {
- background-image: url('./icons/health/capsule-line.svg');
- }
- .fr-icon-dislike-fill::before,
- .fr-icon-dislike-fill::after {
- background-image: url('./icons/health/dislike-fill.svg');
- }
- .fr-icon-dislike-line::before,
- .fr-icon-dislike-line::after {
- background-image: url('./icons/health/dislike-line.svg');
- }
- .fr-icon-dossier-fill::before,
- .fr-icon-dossier-fill::after {
- background-image: url('./icons/health/dossier-fill.svg');
- }
- .fr-icon-dossier-line::before,
- .fr-icon-dossier-line::after {
- background-image: url('./icons/health/dossier-line.svg');
- }
- .fr-icon-first-aid-kit-fill::before,
- .fr-icon-first-aid-kit-fill::after {
- background-image: url('./icons/health/first-aid-kit-fill.svg');
- }
- .fr-icon-first-aid-kit-line::before,
- .fr-icon-first-aid-kit-line::after {
- background-image: url('./icons/health/first-aid-kit-line.svg');
- }
- .fr-icon-hand-sanitizer-fill::before,
- .fr-icon-hand-sanitizer-fill::after {
- background-image: url('./icons/health/hand-sanitizer-fill.svg');
- }
- .fr-icon-hand-sanitizer-line::before,
- .fr-icon-hand-sanitizer-line::after {
- background-image: url('./icons/health/hand-sanitizer-line.svg');
- }
- .fr-icon-health-book-fill::before,
- .fr-icon-health-book-fill::after {
- background-image: url('./icons/health/health-book-fill.svg');
- }
- .fr-icon-health-book-line::before,
- .fr-icon-health-book-line::after {
- background-image: url('./icons/health/health-book-line.svg');
- }
- .fr-icon-heart-fill::before,
- .fr-icon-heart-fill::after {
- background-image: url('./icons/health/heart-fill.svg');
- }
- .fr-icon-heart-line::before,
- .fr-icon-heart-line::after {
- background-image: url('./icons/health/heart-line.svg');
- }
- .fr-icon-heart-pulse-fill::before,
- .fr-icon-heart-pulse-fill::after {
- background-image: url('./icons/health/heart-pulse-fill.svg');
- }
- .fr-icon-heart-pulse-line::before,
- .fr-icon-heart-pulse-line::after {
- background-image: url('./icons/health/heart-pulse-line.svg');
- }
- .fr-icon-lungs-fill::before,
- .fr-icon-lungs-fill::after {
- background-image: url('./icons/health/lungs-fill.svg');
- }
- .fr-icon-lungs-line::before,
- .fr-icon-lungs-line::after {
- background-image: url('./icons/health/lungs-line.svg');
- }
- .fr-icon-medicine-bottle-fill::before,
- .fr-icon-medicine-bottle-fill::after {
- background-image: url('./icons/health/medicine-bottle-fill.svg');
- }
- .fr-icon-medicine-bottle-line::before,
- .fr-icon-medicine-bottle-line::after {
- background-image: url('./icons/health/medicine-bottle-line.svg');
- }
- .fr-icon-mental-health-fill::before,
- .fr-icon-mental-health-fill::after {
- background-image: url('./icons/health/mental-health-fill.svg');
- }
- .fr-icon-mental-health-line::before,
- .fr-icon-mental-health-line::after {
- background-image: url('./icons/health/mental-health-line.svg');
- }
- .fr-icon-microscope-fill::before,
- .fr-icon-microscope-fill::after {
- background-image: url('./icons/health/microscope-fill.svg');
- }
- .fr-icon-microscope-line::before,
- .fr-icon-microscope-line::after {
- background-image: url('./icons/health/microscope-line.svg');
- }
- .fr-icon-psychotherapy-fill::before,
- .fr-icon-psychotherapy-fill::after {
- background-image: url('./icons/health/psychotherapy-fill.svg');
- }
- .fr-icon-psychotherapy-line::before,
- .fr-icon-psychotherapy-line::after {
- background-image: url('./icons/health/psychotherapy-line.svg');
- }
- .fr-icon-pulse-line::before,
- .fr-icon-pulse-line::after {
- background-image: url('./icons/health/pulse-line.svg');
- }
- .fr-icon-stethoscope-fill::before,
- .fr-icon-stethoscope-fill::after {
- background-image: url('./icons/health/stethoscope-fill.svg');
- }
- .fr-icon-stethoscope-line::before,
- .fr-icon-stethoscope-line::after {
- background-image: url('./icons/health/stethoscope-line.svg');
- }
- .fr-icon-surgical-mask-fill::before,
- .fr-icon-surgical-mask-fill::after {
- background-image: url('./icons/health/surgical-mask-fill.svg');
- }
- .fr-icon-surgical-mask-line::before,
- .fr-icon-surgical-mask-line::after {
- background-image: url('./icons/health/surgical-mask-line.svg');
- }
- .fr-icon-syringe-fill::before,
- .fr-icon-syringe-fill::after {
- background-image: url('./icons/health/syringe-fill.svg');
- }
- .fr-icon-syringe-line::before,
- .fr-icon-syringe-line::after {
- background-image: url('./icons/health/syringe-line.svg');
- }
- .fr-icon-test-tube-fill::before,
- .fr-icon-test-tube-fill::after {
- background-image: url('./icons/health/test-tube-fill.svg');
- }
- .fr-icon-test-tube-line::before,
- .fr-icon-test-tube-line::after {
- background-image: url('./icons/health/test-tube-line.svg');
- }
- .fr-icon-thermometer-fill::before,
- .fr-icon-thermometer-fill::after {
- background-image: url('./icons/health/thermometer-fill.svg');
- }
- .fr-icon-thermometer-line::before,
- .fr-icon-thermometer-line::after {
- background-image: url('./icons/health/thermometer-line.svg');
- }
- .fr-icon-virus-fill::before,
- .fr-icon-virus-fill::after {
- background-image: url('./icons/health/virus-fill.svg');
- }
- .fr-icon-virus-line::before,
- .fr-icon-virus-line::after {
- background-image: url('./icons/health/virus-line.svg');
- }
- .fr-icon-chrome-fill::before,
- .fr-icon-chrome-fill::after {
- background-image: url('./icons/logo/chrome-fill.svg');
- }
- .fr-icon-chrome-line::before,
- .fr-icon-chrome-line::after {
- background-image: url('./icons/logo/chrome-line.svg');
- }
- .fr-icon-edge-fill::before,
- .fr-icon-edge-fill::after {
- background-image: url('./icons/logo/edge-fill.svg');
- }
- .fr-icon-edge-line::before,
- .fr-icon-edge-line::after {
- background-image: url('./icons/logo/edge-line.svg');
- }
- .fr-icon-facebook-circle-fill::before,
- .fr-icon-facebook-circle-fill::after {
- background-image: url('./icons/logo/facebook-circle-fill.svg');
- }
- .fr-icon-facebook-circle-line::before,
- .fr-icon-facebook-circle-line::after {
- background-image: url('./icons/logo/facebook-circle-line.svg');
- }
- .fr-icon-firefox-fill::before,
- .fr-icon-firefox-fill::after {
- background-image: url('./icons/logo/firefox-fill.svg');
- }
- .fr-icon-firefox-line::before,
- .fr-icon-firefox-line::after {
- background-image: url('./icons/logo/firefox-line.svg');
- }
- .fr-icon-dailymotion-fill::before,
- .fr-icon-dailymotion-fill::after {
- background-image: url('./icons/logo/fr--dailymotion-fill.svg');
- }
- .fr-icon-dailymotion-line::before,
- .fr-icon-dailymotion-line::after {
- background-image: url('./icons/logo/fr--dailymotion-line.svg');
- }
- .fr-icon-tiktok-fill::before,
- .fr-icon-tiktok-fill::after {
- background-image: url('./icons/logo/fr--tiktok-fill.svg');
- }
- .fr-icon-tiktok-line::before,
- .fr-icon-tiktok-line::after {
- background-image: url('./icons/logo/fr--tiktok-line.svg');
- }
- .fr-icon-github-fill::before,
- .fr-icon-github-fill::after {
- background-image: url('./icons/logo/github-fill.svg');
- }
- .fr-icon-github-line::before,
- .fr-icon-github-line::after {
- background-image: url('./icons/logo/github-line.svg');
- }
- .fr-icon-google-fill::before,
- .fr-icon-google-fill::after {
- background-image: url('./icons/logo/google-fill.svg');
- }
- .fr-icon-google-line::before,
- .fr-icon-google-line::after {
- background-image: url('./icons/logo/google-line.svg');
- }
- .fr-icon-ie-fill::before,
- .fr-icon-ie-fill::after {
- background-image: url('./icons/logo/ie-fill.svg');
- }
- .fr-icon-ie-line::before,
- .fr-icon-ie-line::after {
- background-image: url('./icons/logo/ie-line.svg');
- }
- .fr-icon-instagram-fill::before,
- .fr-icon-instagram-fill::after {
- background-image: url('./icons/logo/instagram-fill.svg');
- }
- .fr-icon-instagram-line::before,
- .fr-icon-instagram-line::after {
- background-image: url('./icons/logo/instagram-line.svg');
- }
- .fr-icon-linkedin-box-fill::before,
- .fr-icon-linkedin-box-fill::after {
- background-image: url('./icons/logo/linkedin-box-fill.svg');
- }
- .fr-icon-linkedin-box-line::before,
- .fr-icon-linkedin-box-line::after {
- background-image: url('./icons/logo/linkedin-box-line.svg');
- }
- .fr-icon-mastodon-fill::before,
- .fr-icon-mastodon-fill::after {
- background-image: url('./icons/logo/mastodon-fill.svg');
- }
- .fr-icon-mastodon-line::before,
- .fr-icon-mastodon-line::after {
- background-image: url('./icons/logo/mastodon-line.svg');
- }
- .fr-icon-npmjs-fill::before,
- .fr-icon-npmjs-fill::after {
- background-image: url('./icons/logo/npmjs-fill.svg');
- }
- .fr-icon-npmjs-line::before,
- .fr-icon-npmjs-line::after {
- background-image: url('./icons/logo/npmjs-line.svg');
- }
- .fr-icon-remixicon-fill::before,
- .fr-icon-remixicon-fill::after {
- background-image: url('./icons/logo/remixicon-fill.svg');
- }
- .fr-icon-remixicon-line::before,
- .fr-icon-remixicon-line::after {
- background-image: url('./icons/logo/remixicon-line.svg');
- }
- .fr-icon-safari-fill::before,
- .fr-icon-safari-fill::after {
- background-image: url('./icons/logo/safari-fill.svg');
- }
- .fr-icon-safari-line::before,
- .fr-icon-safari-line::after {
- background-image: url('./icons/logo/safari-line.svg');
- }
- .fr-icon-slack-fill::before,
- .fr-icon-slack-fill::after {
- background-image: url('./icons/logo/slack-fill.svg');
- }
- .fr-icon-slack-line::before,
- .fr-icon-slack-line::after {
- background-image: url('./icons/logo/slack-line.svg');
- }
- .fr-icon-snapchat-fill::before,
- .fr-icon-snapchat-fill::after {
- background-image: url('./icons/logo/snapchat-fill.svg');
- }
- .fr-icon-snapchat-line::before,
- .fr-icon-snapchat-line::after {
- background-image: url('./icons/logo/snapchat-line.svg');
- }
- .fr-icon-telegram-fill::before,
- .fr-icon-telegram-fill::after {
- background-image: url('./icons/logo/telegram-fill.svg');
- }
- .fr-icon-telegram-line::before,
- .fr-icon-telegram-line::after {
- background-image: url('./icons/logo/telegram-line.svg');
- }
- .fr-icon-threads-fill::before,
- .fr-icon-threads-fill::after {
- background-image: url('./icons/logo/threads-fill.svg');
- }
- .fr-icon-threads-line::before,
- .fr-icon-threads-line::after {
- background-image: url('./icons/logo/threads-line.svg');
- }
- .fr-icon-twitch-fill::before,
- .fr-icon-twitch-fill::after {
- background-image: url('./icons/logo/twitch-fill.svg');
- }
- .fr-icon-twitch-line::before,
- .fr-icon-twitch-line::after {
- background-image: url('./icons/logo/twitch-line.svg');
- }
- .fr-icon-twitter-fill::before,
- .fr-icon-twitter-fill::after {
- background-image: url('./icons/logo/twitter-fill.svg');
- }
- .fr-icon-twitter-line::before,
- .fr-icon-twitter-line::after {
- background-image: url('./icons/logo/twitter-line.svg');
- }
- .fr-icon-twitter-x-fill::before,
- .fr-icon-twitter-x-fill::after {
- background-image: url('./icons/logo/twitter-x-fill.svg');
- }
- .fr-icon-twitter-x-line::before,
- .fr-icon-twitter-x-line::after {
- background-image: url('./icons/logo/twitter-x-line.svg');
- }
- .fr-icon-vimeo-fill::before,
- .fr-icon-vimeo-fill::after {
- background-image: url('./icons/logo/vimeo-fill.svg');
- }
- .fr-icon-vimeo-line::before,
- .fr-icon-vimeo-line::after {
- background-image: url('./icons/logo/vimeo-line.svg');
- }
- .fr-icon-vuejs-fill::before,
- .fr-icon-vuejs-fill::after {
- background-image: url('./icons/logo/vuejs-fill.svg');
- }
- .fr-icon-vuejs-line::before,
- .fr-icon-vuejs-line::after {
- background-image: url('./icons/logo/vuejs-line.svg');
- }
- .fr-icon-youtube-fill::before,
- .fr-icon-youtube-fill::after {
- background-image: url('./icons/logo/youtube-fill.svg');
- }
- .fr-icon-youtube-line::before,
- .fr-icon-youtube-line::after {
- background-image: url('./icons/logo/youtube-line.svg');
- }
- .fr-fi-facebook-circle-fill::before {
- background-image: url('./icons/logo/facebook-circle-fill.svg');
- }
- .fr-fi-facebook-circle-line::before {
- background-image: url('./icons/logo/facebook-circle-line.svg');
- }
- .fr-fi-dailymotion-fill::before {
- background-image: url('./icons/logo/fr--dailymotion-fill.svg');
- }
- .fr-fi-dailymotion-line::before {
- background-image: url('./icons/logo/fr--dailymotion-line.svg');
- }
- .fr-fi-github-fill::before {
- background-image: url('./icons/logo/github-fill.svg');
- }
- .fr-fi-github-line::before {
- background-image: url('./icons/logo/github-line.svg');
- }
- .fr-fi-instagram-fill::before {
- background-image: url('./icons/logo/instagram-fill.svg');
- }
- .fr-fi-instagram-line::before {
- background-image: url('./icons/logo/instagram-line.svg');
- }
- .fr-fi-linkedin-box-fill::before {
- background-image: url('./icons/logo/linkedin-box-fill.svg');
- }
- .fr-fi-linkedin-box-line::before {
- background-image: url('./icons/logo/linkedin-box-line.svg');
- }
- .fr-fi-npmjs-fill::before {
- background-image: url('./icons/logo/npmjs-fill.svg');
- }
- .fr-fi-npmjs-line::before {
- background-image: url('./icons/logo/npmjs-line.svg');
- }
- .fr-fi-remixicon-fill::before {
- background-image: url('./icons/logo/remixicon-fill.svg');
- }
- .fr-fi-remixicon-line::before {
- background-image: url('./icons/logo/remixicon-line.svg');
- }
- .fr-fi-slack-fill::before {
- background-image: url('./icons/logo/slack-fill.svg');
- }
- .fr-fi-slack-line::before {
- background-image: url('./icons/logo/slack-line.svg');
- }
- .fr-fi-snapchat-fill::before {
- background-image: url('./icons/logo/snapchat-fill.svg');
- }
- .fr-fi-snapchat-line::before {
- background-image: url('./icons/logo/snapchat-line.svg');
- }
- .fr-fi-telegram-fill::before {
- background-image: url('./icons/logo/telegram-fill.svg');
- }
- .fr-fi-telegram-line::before {
- background-image: url('./icons/logo/telegram-line.svg');
- }
- .fr-fi-twitch-fill::before {
- background-image: url('./icons/logo/twitch-fill.svg');
- }
- .fr-fi-twitch-line::before {
- background-image: url('./icons/logo/twitch-line.svg');
- }
- .fr-fi-twitter-fill::before {
- background-image: url('./icons/logo/twitter-fill.svg');
- }
- .fr-fi-twitter-line::before {
- background-image: url('./icons/logo/twitter-line.svg');
- }
- .fr-fi-vimeo-fill::before {
- background-image: url('./icons/logo/vimeo-fill.svg');
- }
- .fr-fi-vimeo-line::before {
- background-image: url('./icons/logo/vimeo-line.svg');
- }
- .fr-fi-youtube-fill::before {
- background-image: url('./icons/logo/youtube-fill.svg');
- }
- .fr-fi-youtube-line::before {
- background-image: url('./icons/logo/youtube-line.svg');
- }
- .fr-icon-anchor-fill::before,
- .fr-icon-anchor-fill::after {
- background-image: url('./icons/map/anchor-fill.svg');
- }
- .fr-icon-anchor-line::before,
- .fr-icon-anchor-line::after {
- background-image: url('./icons/map/anchor-line.svg');
- }
- .fr-icon-bike-fill::before,
- .fr-icon-bike-fill::after {
- background-image: url('./icons/map/bike-fill.svg');
- }
- .fr-icon-bike-line::before,
- .fr-icon-bike-line::after {
- background-image: url('./icons/map/bike-line.svg');
- }
- .fr-icon-bus-fill::before,
- .fr-icon-bus-fill::after {
- background-image: url('./icons/map/bus-fill.svg');
- }
- .fr-icon-bus-line::before,
- .fr-icon-bus-line::after {
- background-image: url('./icons/map/bus-line.svg');
- }
- .fr-icon-car-fill::before,
- .fr-icon-car-fill::after {
- background-image: url('./icons/map/car-fill.svg');
- }
- .fr-icon-car-line::before,
- .fr-icon-car-line::after {
- background-image: url('./icons/map/car-line.svg');
- }
- .fr-icon-caravan-fill::before,
- .fr-icon-caravan-fill::after {
- background-image: url('./icons/map/caravan-fill.svg');
- }
- .fr-icon-caravan-line::before,
- .fr-icon-caravan-line::after {
- background-image: url('./icons/map/caravan-line.svg');
- }
- .fr-icon-charging-pile-2-fill::before,
- .fr-icon-charging-pile-2-fill::after {
- background-image: url('./icons/map/charging-pile-2-fill.svg');
- }
- .fr-icon-charging-pile-2-line::before,
- .fr-icon-charging-pile-2-line::after {
- background-image: url('./icons/map/charging-pile-2-line.svg');
- }
- .fr-icon-compass-3-fill::before,
- .fr-icon-compass-3-fill::after {
- background-image: url('./icons/map/compass-3-fill.svg');
- }
- .fr-icon-compass-3-line::before,
- .fr-icon-compass-3-line::after {
- background-image: url('./icons/map/compass-3-line.svg');
- }
- .fr-icon-cup-fill::before,
- .fr-icon-cup-fill::after {
- background-image: url('./icons/map/cup-fill.svg');
- }
- .fr-icon-cup-line::before,
- .fr-icon-cup-line::after {
- background-image: url('./icons/map/cup-line.svg');
- }
- .fr-icon-earth-fill::before,
- .fr-icon-earth-fill::after {
- background-image: url('./icons/map/earth-fill.svg');
- }
- .fr-icon-earth-line::before,
- .fr-icon-earth-line::after {
- background-image: url('./icons/map/earth-line.svg');
- }
- .fr-icon-france-fill::before,
- .fr-icon-france-fill::after {
- background-image: url('./icons/map/france-fill.svg');
- }
- .fr-icon-france-line::before,
- .fr-icon-france-line::after {
- background-image: url('./icons/map/france-line.svg');
- }
- .fr-icon-gas-station-fill::before,
- .fr-icon-gas-station-fill::after {
- background-image: url('./icons/map/gas-station-fill.svg');
- }
- .fr-icon-gas-station-line::before,
- .fr-icon-gas-station-line::after {
- background-image: url('./icons/map/gas-station-line.svg');
- }
- .fr-icon-goblet-fill::before,
- .fr-icon-goblet-fill::after {
- background-image: url('./icons/map/goblet-fill.svg');
- }
- .fr-icon-goblet-line::before,
- .fr-icon-goblet-line::after {
- background-image: url('./icons/map/goblet-line.svg');
- }
- .fr-icon-map-pin-2-fill::before,
- .fr-icon-map-pin-2-fill::after {
- background-image: url('./icons/map/map-pin-2-fill.svg');
- }
- .fr-icon-map-pin-2-line::before,
- .fr-icon-map-pin-2-line::after {
- background-image: url('./icons/map/map-pin-2-line.svg');
- }
- .fr-icon-map-pin-user-fill::before,
- .fr-icon-map-pin-user-fill::after {
- background-image: url('./icons/map/map-pin-user-fill.svg');
- }
- .fr-icon-map-pin-user-line::before,
- .fr-icon-map-pin-user-line::after {
- background-image: url('./icons/map/map-pin-user-line.svg');
- }
- .fr-icon-motorbike-fill::before,
- .fr-icon-motorbike-fill::after {
- background-image: url('./icons/map/motorbike-fill.svg');
- }
- .fr-icon-motorbike-line::before,
- .fr-icon-motorbike-line::after {
- background-image: url('./icons/map/motorbike-line.svg');
- }
- .fr-icon-passport-fill::before,
- .fr-icon-passport-fill::after {
- background-image: url('./icons/map/passport-fill.svg');
- }
- .fr-icon-passport-line::before,
- .fr-icon-passport-line::after {
- background-image: url('./icons/map/passport-line.svg');
- }
- .fr-icon-restaurant-fill::before,
- .fr-icon-restaurant-fill::after {
- background-image: url('./icons/map/restaurant-fill.svg');
- }
- .fr-icon-restaurant-line::before,
- .fr-icon-restaurant-line::after {
- background-image: url('./icons/map/restaurant-line.svg');
- }
- .fr-icon-road-map-fill::before,
- .fr-icon-road-map-fill::after {
- background-image: url('./icons/map/road-map-fill.svg');
- }
- .fr-icon-road-map-line::before,
- .fr-icon-road-map-line::after {
- background-image: url('./icons/map/road-map-line.svg');
- }
- .fr-icon-sailboat-fill::before,
- .fr-icon-sailboat-fill::after {
- background-image: url('./icons/map/sailboat-fill.svg');
- }
- .fr-icon-sailboat-line::before,
- .fr-icon-sailboat-line::after {
- background-image: url('./icons/map/sailboat-line.svg');
- }
- .fr-icon-ship-2-fill::before,
- .fr-icon-ship-2-fill::after {
- background-image: url('./icons/map/ship-2-fill.svg');
- }
- .fr-icon-ship-2-line::before,
- .fr-icon-ship-2-line::after {
- background-image: url('./icons/map/ship-2-line.svg');
- }
- .fr-icon-signal-tower-fill::before,
- .fr-icon-signal-tower-fill::after {
- background-image: url('./icons/map/signal-tower-fill.svg');
- }
- .fr-icon-signal-tower-line::before,
- .fr-icon-signal-tower-line::after {
- background-image: url('./icons/map/signal-tower-line.svg');
- }
- .fr-icon-suitcase-2-fill::before,
- .fr-icon-suitcase-2-fill::after {
- background-image: url('./icons/map/suitcase-2-fill.svg');
- }
- .fr-icon-suitcase-2-line::before,
- .fr-icon-suitcase-2-line::after {
- background-image: url('./icons/map/suitcase-2-line.svg');
- }
- .fr-icon-taxi-fill::before,
- .fr-icon-taxi-fill::after {
- background-image: url('./icons/map/taxi-fill.svg');
- }
- .fr-icon-taxi-line::before,
- .fr-icon-taxi-line::after {
- background-image: url('./icons/map/taxi-line.svg');
- }
- .fr-icon-train-fill::before,
- .fr-icon-train-fill::after {
- background-image: url('./icons/map/train-fill.svg');
- }
- .fr-icon-train-line::before,
- .fr-icon-train-line::after {
- background-image: url('./icons/map/train-line.svg');
- }
- .fr-fi-map-pin-2-fill::before {
- background-image: url('./icons/map/map-pin-2-fill.svg');
- }
- .fr-fi-map-pin-2-line::before {
- background-image: url('./icons/map/map-pin-2-line.svg');
- }
- .fr-fi-road-map-fill::before {
- background-image: url('./icons/map/road-map-fill.svg');
- }
- .fr-fi-road-map-line::before {
- background-image: url('./icons/map/road-map-line.svg');
- }
- .fr-icon-align-left::before,
- .fr-icon-align-left::after {
- background-image: url('./icons/media/align-left.svg');
- }
- .fr-icon-camera-fill::before,
- .fr-icon-camera-fill::after {
- background-image: url('./icons/media/camera-fill.svg');
- }
- .fr-icon-camera-line::before,
- .fr-icon-camera-line::after {
- background-image: url('./icons/media/camera-line.svg');
- }
- .fr-icon-clapperboard-fill::before,
- .fr-icon-clapperboard-fill::after {
- background-image: url('./icons/media/clapperboard-fill.svg');
- }
- .fr-icon-clapperboard-line::before,
- .fr-icon-clapperboard-line::after {
- background-image: url('./icons/media/clapperboard-line.svg');
- }
- .fr-icon-equalizer-fill::before,
- .fr-icon-equalizer-fill::after {
- background-image: url('./icons/media/equalizer-fill.svg');
- }
- .fr-icon-equalizer-line::before,
- .fr-icon-equalizer-line::after {
- background-image: url('./icons/media/equalizer-line.svg');
- }
- .fr-icon-film-fill::before,
- .fr-icon-film-fill::after {
- background-image: url('./icons/media/film-fill.svg');
- }
- .fr-icon-film-line::before,
- .fr-icon-film-line::after {
- background-image: url('./icons/media/film-line.svg');
- }
- .fr-icon-fullscreen-line::before,
- .fr-icon-fullscreen-line::after {
- background-image: url('./icons/media/fullscreen-line.svg');
- }
- .fr-icon-gallery-fill::before,
- .fr-icon-gallery-fill::after {
- background-image: url('./icons/media/gallery-fill.svg');
- }
- .fr-icon-gallery-line::before,
- .fr-icon-gallery-line::after {
- background-image: url('./icons/media/gallery-line.svg');
- }
- .fr-icon-headphone-fill::before,
- .fr-icon-headphone-fill::after {
- background-image: url('./icons/media/headphone-fill.svg');
- }
- .fr-icon-headphone-line::before,
- .fr-icon-headphone-line::after {
- background-image: url('./icons/media/headphone-line.svg');
- }
- .fr-icon-image-add-fill::before,
- .fr-icon-image-add-fill::after {
- background-image: url('./icons/media/image-add-fill.svg');
- }
- .fr-icon-image-add-line::before,
- .fr-icon-image-add-line::after {
- background-image: url('./icons/media/image-add-line.svg');
- }
- .fr-icon-image-edit-fill::before,
- .fr-icon-image-edit-fill::after {
- background-image: url('./icons/media/image-edit-fill.svg');
- }
- .fr-icon-image-edit-line::before,
- .fr-icon-image-edit-line::after {
- background-image: url('./icons/media/image-edit-line.svg');
- }
- .fr-icon-image-fill::before,
- .fr-icon-image-fill::after {
- background-image: url('./icons/media/image-fill.svg');
- }
- .fr-icon-image-line::before,
- .fr-icon-image-line::after {
- background-image: url('./icons/media/image-line.svg');
- }
- .fr-icon-live-fill::before,
- .fr-icon-live-fill::after {
- background-image: url('./icons/media/live-fill.svg');
- }
- .fr-icon-live-line::before,
- .fr-icon-live-line::after {
- background-image: url('./icons/media/live-line.svg');
- }
- .fr-icon-mic-fill::before,
- .fr-icon-mic-fill::after {
- background-image: url('./icons/media/mic-fill.svg');
- }
- .fr-icon-mic-line::before,
- .fr-icon-mic-line::after {
- background-image: url('./icons/media/mic-line.svg');
- }
- .fr-icon-music-2-fill::before,
- .fr-icon-music-2-fill::after {
- background-image: url('./icons/media/music-2-fill.svg');
- }
- .fr-icon-music-2-line::before,
- .fr-icon-music-2-line::after {
- background-image: url('./icons/media/music-2-line.svg');
- }
- .fr-icon-notification-3-fill::before,
- .fr-icon-notification-3-fill::after {
- background-image: url('./icons/media/notification-3-fill.svg');
- }
- .fr-icon-notification-3-line::before,
- .fr-icon-notification-3-line::after {
- background-image: url('./icons/media/notification-3-line.svg');
- }
- .fr-icon-pause-circle-fill::before,
- .fr-icon-pause-circle-fill::after {
- background-image: url('./icons/media/pause-circle-fill.svg');
- }
- .fr-icon-pause-circle-line::before,
- .fr-icon-pause-circle-line::after {
- background-image: url('./icons/media/pause-circle-line.svg');
- }
- .fr-icon-play-circle-fill::before,
- .fr-icon-play-circle-fill::after {
- background-image: url('./icons/media/play-circle-fill.svg');
- }
- .fr-icon-play-circle-line::before,
- .fr-icon-play-circle-line::after {
- background-image: url('./icons/media/play-circle-line.svg');
- }
- .fr-icon-stop-circle-fill::before,
- .fr-icon-stop-circle-fill::after {
- background-image: url('./icons/media/stop-circle-fill.svg');
- }
- .fr-icon-stop-circle-line::before,
- .fr-icon-stop-circle-line::after {
- background-image: url('./icons/media/stop-circle-line.svg');
- }
- .fr-icon-volume-down-fill::before,
- .fr-icon-volume-down-fill::after {
- background-image: url('./icons/media/volume-down-fill.svg');
- }
- .fr-icon-volume-down-line::before,
- .fr-icon-volume-down-line::after {
- background-image: url('./icons/media/volume-down-line.svg');
- }
- .fr-icon-volume-mute-fill::before,
- .fr-icon-volume-mute-fill::after {
- background-image: url('./icons/media/volume-mute-fill.svg');
- }
- .fr-icon-volume-mute-line::before,
- .fr-icon-volume-mute-line::after {
- background-image: url('./icons/media/volume-mute-line.svg');
- }
- .fr-icon-volume-up-fill::before,
- .fr-icon-volume-up-fill::after {
- background-image: url('./icons/media/volume-up-fill.svg');
- }
- .fr-icon-volume-up-line::before,
- .fr-icon-volume-up-line::after {
- background-image: url('./icons/media/volume-up-line.svg');
- }
- .fr-fi-equalizer-fill::before {
- background-image: url('./icons/media/equalizer-fill.svg');
- }
- .fr-fi-equalizer-line::before {
- background-image: url('./icons/media/equalizer-line.svg');
- }
- .fr-fi-image-fill::before {
- background-image: url('./icons/media/image-fill.svg');
- }
- .fr-fi-image-line::before {
- background-image: url('./icons/media/image-line.svg');
- }
- .fr-fi-pause-circle-fill::before {
- background-image: url('./icons/media/pause-circle-fill.svg');
- }
- .fr-fi-pause-circle-line::before {
- background-image: url('./icons/media/pause-circle-line.svg');
- }
- .fr-fi-volume-down-fill::before {
- background-image: url('./icons/media/volume-down-fill.svg');
- }
- .fr-fi-volume-down-line::before {
- background-image: url('./icons/media/volume-down-line.svg');
- }
- .fr-fi-volume-mute-fill::before {
- background-image: url('./icons/media/volume-mute-fill.svg');
- }
- .fr-fi-volume-mute-line::before {
- background-image: url('./icons/media/volume-mute-line.svg');
- }
- .fr-fi-volume-up-fill::before {
- background-image: url('./icons/media/volume-up-fill.svg');
- }
- .fr-fi-volume-up-line::before {
- background-image: url('./icons/media/volume-up-line.svg');
- }
- .fr-fi-play-line::before,
- .fr-fi-play-line::after {
- background-image: url('./icons/media/play-circle-line.svg');
- }
- .fr-fi-play-fill::before,
- .fr-fi-play-fill::after {
- background-image: url('./icons/media/play-circle-fill.svg');
- }
- .fr-icon-play-line::before,
- .fr-icon-play-line::after {
- background-image: url('./icons/media/play-circle-line.svg');
- }
- .fr-icon-play-fill::before,
- .fr-icon-play-fill::after {
- background-image: url('./icons/media/play-circle-fill.svg');
- }
- .fr-icon-leaf-fill::before,
- .fr-icon-leaf-fill::after {
- background-image: url('./icons/others/leaf-fill.svg');
- }
- .fr-icon-leaf-line::before,
- .fr-icon-leaf-line::after {
- background-image: url('./icons/others/leaf-line.svg');
- }
- .fr-icon-lightbulb-fill::before,
- .fr-icon-lightbulb-fill::after {
- background-image: url('./icons/others/lightbulb-fill.svg');
- }
- .fr-icon-lightbulb-line::before,
- .fr-icon-lightbulb-line::after {
- background-image: url('./icons/others/lightbulb-line.svg');
- }
- .fr-icon-plant-fill::before,
- .fr-icon-plant-fill::after {
- background-image: url('./icons/others/plant-fill.svg');
- }
- .fr-icon-plant-line::before,
- .fr-icon-plant-line::after {
- background-image: url('./icons/others/plant-line.svg');
- }
- .fr-icon-recycle-fill::before,
- .fr-icon-recycle-fill::after {
- background-image: url('./icons/others/recycle-fill.svg');
- }
- .fr-icon-recycle-line::before,
- .fr-icon-recycle-line::after {
- background-image: url('./icons/others/recycle-line.svg');
- }
- .fr-icon-scales-3-fill::before,
- .fr-icon-scales-3-fill::after {
- background-image: url('./icons/others/scales-3-fill.svg');
- }
- .fr-icon-scales-3-line::before,
- .fr-icon-scales-3-line::after {
- background-image: url('./icons/others/scales-3-line.svg');
- }
- .fr-icon-seedling-fill::before,
- .fr-icon-seedling-fill::after {
- background-image: url('./icons/others/seedling-fill.svg');
- }
- .fr-icon-seedling-line::before,
- .fr-icon-seedling-line::after {
- background-image: url('./icons/others/seedling-line.svg');
- }
- .fr-icon-umbrella-fill::before,
- .fr-icon-umbrella-fill::after {
- background-image: url('./icons/others/umbrella-fill.svg');
- }
- .fr-icon-umbrella-line::before,
- .fr-icon-umbrella-line::after {
- background-image: url('./icons/others/umbrella-line.svg');
- }
- .fr-icon-add-circle-fill::before,
- .fr-icon-add-circle-fill::after {
- background-image: url('./icons/system/add-circle-fill.svg');
- }
- .fr-icon-add-circle-line::before,
- .fr-icon-add-circle-line::after {
- background-image: url('./icons/system/add-circle-line.svg');
- }
- .fr-icon-add-line::before,
- .fr-icon-add-line::after {
- background-image: url('./icons/system/add-line.svg');
- }
- .fr-icon-alarm-warning-fill::before,
- .fr-icon-alarm-warning-fill::after {
- background-image: url('./icons/system/alarm-warning-fill.svg');
- }
- .fr-icon-alarm-warning-line::before,
- .fr-icon-alarm-warning-line::after {
- background-image: url('./icons/system/alarm-warning-line.svg');
- }
- .fr-icon-alert-fill::before,
- .fr-icon-alert-fill::after {
- background-image: url('./icons/system/alert-fill.svg');
- }
- .fr-icon-alert-line::before,
- .fr-icon-alert-line::after {
- background-image: url('./icons/system/alert-line.svg');
- }
- .fr-icon-arrow-down-fill::before,
- .fr-icon-arrow-down-fill::after {
- background-image: url('./icons/system/arrow-down-fill.svg');
- }
- .fr-icon-arrow-down-line::before,
- .fr-icon-arrow-down-line::after {
- background-image: url('./icons/system/arrow-down-line.svg');
- }
- .fr-icon-arrow-down-s-fill::before,
- .fr-icon-arrow-down-s-fill::after {
- background-image: url('./icons/system/arrow-down-s-fill.svg');
- }
- .fr-icon-arrow-down-s-line::before,
- .fr-icon-arrow-down-s-line::after {
- background-image: url('./icons/system/arrow-down-s-line.svg');
- }
- .fr-icon-arrow-go-back-fill::before,
- .fr-icon-arrow-go-back-fill::after {
- background-image: url('./icons/system/arrow-go-back-fill.svg');
- }
- .fr-icon-arrow-go-back-line::before,
- .fr-icon-arrow-go-back-line::after {
- background-image: url('./icons/system/arrow-go-back-line.svg');
- }
- .fr-icon-arrow-go-forward-fill::before,
- .fr-icon-arrow-go-forward-fill::after {
- background-image: url('./icons/system/arrow-go-forward-fill.svg');
- }
- .fr-icon-arrow-go-forward-line::before,
- .fr-icon-arrow-go-forward-line::after {
- background-image: url('./icons/system/arrow-go-forward-line.svg');
- }
- .fr-icon-arrow-left-fill::before,
- .fr-icon-arrow-left-fill::after {
- background-image: url('./icons/system/arrow-left-fill.svg');
- }
- .fr-icon-arrow-left-line::before,
- .fr-icon-arrow-left-line::after {
- background-image: url('./icons/system/arrow-left-line.svg');
- }
- .fr-icon-arrow-left-s-fill::before,
- .fr-icon-arrow-left-s-fill::after {
- background-image: url('./icons/system/arrow-left-s-fill.svg');
- }
- .fr-icon-arrow-left-s-line::before,
- .fr-icon-arrow-left-s-line::after {
- background-image: url('./icons/system/arrow-left-s-line.svg');
- }
- .fr-icon-arrow-right-fill::before,
- .fr-icon-arrow-right-fill::after {
- background-image: url('./icons/system/arrow-right-fill.svg');
- }
- .fr-icon-arrow-right-line::before,
- .fr-icon-arrow-right-line::after {
- background-image: url('./icons/system/arrow-right-line.svg');
- }
- .fr-icon-arrow-right-s-fill::before,
- .fr-icon-arrow-right-s-fill::after {
- background-image: url('./icons/system/arrow-right-s-fill.svg');
- }
- .fr-icon-arrow-right-s-line::before,
- .fr-icon-arrow-right-s-line::after {
- background-image: url('./icons/system/arrow-right-s-line.svg');
- }
- .fr-icon-arrow-right-up-line::before,
- .fr-icon-arrow-right-up-line::after {
- background-image: url('./icons/system/arrow-right-up-line.svg');
- }
- .fr-icon-arrow-up-fill::before,
- .fr-icon-arrow-up-fill::after {
- background-image: url('./icons/system/arrow-up-fill.svg');
- }
- .fr-icon-arrow-up-line::before,
- .fr-icon-arrow-up-line::after {
- background-image: url('./icons/system/arrow-up-line.svg');
- }
- .fr-icon-arrow-up-s-fill::before,
- .fr-icon-arrow-up-s-fill::after {
- background-image: url('./icons/system/arrow-up-s-fill.svg');
- }
- .fr-icon-arrow-up-s-line::before,
- .fr-icon-arrow-up-s-line::after {
- background-image: url('./icons/system/arrow-up-s-line.svg');
- }
- .fr-icon-check-line::before,
- .fr-icon-check-line::after {
- background-image: url('./icons/system/check-line.svg');
- }
- .fr-icon-checkbox-circle-fill::before,
- .fr-icon-checkbox-circle-fill::after {
- background-image: url('./icons/system/checkbox-circle-fill.svg');
- }
- .fr-icon-checkbox-circle-line::before,
- .fr-icon-checkbox-circle-line::after {
- background-image: url('./icons/system/checkbox-circle-line.svg');
- }
- .fr-icon-checkbox-fill::before,
- .fr-icon-checkbox-fill::after {
- background-image: url('./icons/system/checkbox-fill.svg');
- }
- .fr-icon-checkbox-line::before,
- .fr-icon-checkbox-line::after {
- background-image: url('./icons/system/checkbox-line.svg');
- }
- .fr-icon-close-circle-fill::before,
- .fr-icon-close-circle-fill::after {
- background-image: url('./icons/system/close-circle-fill.svg');
- }
- .fr-icon-close-circle-line::before,
- .fr-icon-close-circle-line::after {
- background-image: url('./icons/system/close-circle-line.svg');
- }
- .fr-icon-close-line::before,
- .fr-icon-close-line::after {
- background-image: url('./icons/system/close-line.svg');
- }
- .fr-icon-delete-bin-fill::before,
- .fr-icon-delete-bin-fill::after {
- background-image: url('./icons/system/delete-bin-fill.svg');
- }
- .fr-icon-delete-bin-line::before,
- .fr-icon-delete-bin-line::after {
- background-image: url('./icons/system/delete-bin-line.svg');
- }
- .fr-icon-download-fill::before,
- .fr-icon-download-fill::after {
- background-image: url('./icons/system/download-fill.svg');
- }
- .fr-icon-download-line::before,
- .fr-icon-download-line::after {
- background-image: url('./icons/system/download-line.svg');
- }
- .fr-icon-error-warning-fill::before,
- .fr-icon-error-warning-fill::after {
- background-image: url('./icons/system/error-warning-fill.svg');
- }
- .fr-icon-error-warning-line::before,
- .fr-icon-error-warning-line::after {
- background-image: url('./icons/system/error-warning-line.svg');
- }
- .fr-icon-external-link-fill::before,
- .fr-icon-external-link-fill::after {
- background-image: url('./icons/system/external-link-fill.svg');
- }
- .fr-icon-external-link-line::before,
- .fr-icon-external-link-line::after {
- background-image: url('./icons/system/external-link-line.svg');
- }
- .fr-icon-eye-fill::before,
- .fr-icon-eye-fill::after {
- background-image: url('./icons/system/eye-fill.svg');
- }
- .fr-icon-eye-line::before,
- .fr-icon-eye-line::after {
- background-image: url('./icons/system/eye-line.svg');
- }
- .fr-icon-eye-off-fill::before,
- .fr-icon-eye-off-fill::after {
- background-image: url('./icons/system/eye-off-fill.svg');
- }
- .fr-icon-eye-off-line::before,
- .fr-icon-eye-off-line::after {
- background-image: url('./icons/system/eye-off-line.svg');
- }
- .fr-icon-filter-fill::before,
- .fr-icon-filter-fill::after {
- background-image: url('./icons/system/filter-fill.svg');
- }
- .fr-icon-filter-line::before,
- .fr-icon-filter-line::after {
- background-image: url('./icons/system/filter-line.svg');
- }
- .fr-icon-arrow-left-s-first-line::before,
- .fr-icon-arrow-left-s-first-line::after {
- background-image: url('./icons/system/fr--arrow-left-s-first-line.svg');
- }
- .fr-icon-arrow-left-s-line-double::before,
- .fr-icon-arrow-left-s-line-double::after {
- background-image: url('./icons/system/fr--arrow-left-s-line-double.svg');
- }
- .fr-icon-arrow-right-down-circle-fill::before,
- .fr-icon-arrow-right-down-circle-fill::after {
- background-image: url('./icons/system/fr--arrow-right-down-circle-fill.svg');
- }
- .fr-icon-arrow-right-s-last-line::before,
- .fr-icon-arrow-right-s-last-line::after {
- background-image: url('./icons/system/fr--arrow-right-s-last-line.svg');
- }
- .fr-icon-arrow-right-s-line-double::before,
- .fr-icon-arrow-right-s-line-double::after {
- background-image: url('./icons/system/fr--arrow-right-s-line-double.svg');
- }
- .fr-icon-arrow-right-up-circle-fill::before,
- .fr-icon-arrow-right-up-circle-fill::after {
- background-image: url('./icons/system/fr--arrow-right-up-circle-fill.svg');
- }
- .fr-icon-capslock-line::before,
- .fr-icon-capslock-line::after {
- background-image: url('./icons/system/fr--capslock-line.svg');
- }
- .fr-icon-equal-circle-fill::before,
- .fr-icon-equal-circle-fill::after {
- background-image: url('./icons/system/fr--equal-circle-fill.svg');
- }
- .fr-icon-error-fill::before,
- .fr-icon-error-fill::after {
- background-image: url('./icons/system/fr--error-fill.svg');
- }
- .fr-icon-error-line::before,
- .fr-icon-error-line::after {
- background-image: url('./icons/system/fr--error-line.svg');
- }
- .fr-icon-info-fill::before,
- .fr-icon-info-fill::after {
- background-image: url('./icons/system/fr--info-fill.svg');
- }
- .fr-icon-info-line::before,
- .fr-icon-info-line::after {
- background-image: url('./icons/system/fr--info-line.svg');
- }
- .fr-icon-success-fill::before,
- .fr-icon-success-fill::after {
- background-image: url('./icons/system/fr--success-fill.svg');
- }
- .fr-icon-success-line::before,
- .fr-icon-success-line::after {
- background-image: url('./icons/system/fr--success-line.svg');
- }
- .fr-icon-theme-fill::before,
- .fr-icon-theme-fill::after {
- background-image: url('./icons/system/fr--theme-fill.svg');
- }
- .fr-icon-warning-fill::before,
- .fr-icon-warning-fill::after {
- background-image: url('./icons/system/fr--warning-fill.svg');
- }
- .fr-icon-warning-line::before,
- .fr-icon-warning-line::after {
- background-image: url('./icons/system/fr--warning-line.svg');
- }
- .fr-icon-information-fill::before,
- .fr-icon-information-fill::after {
- background-image: url('./icons/system/information-fill.svg');
- }
- .fr-icon-information-line::before,
- .fr-icon-information-line::after {
- background-image: url('./icons/system/information-line.svg');
- }
- .fr-icon-lock-fill::before,
- .fr-icon-lock-fill::after {
- background-image: url('./icons/system/lock-fill.svg');
- }
- .fr-icon-lock-line::before,
- .fr-icon-lock-line::after {
- background-image: url('./icons/system/lock-line.svg');
- }
- .fr-icon-lock-unlock-fill::before,
- .fr-icon-lock-unlock-fill::after {
- background-image: url('./icons/system/lock-unlock-fill.svg');
- }
- .fr-icon-lock-unlock-line::before,
- .fr-icon-lock-unlock-line::after {
- background-image: url('./icons/system/lock-unlock-line.svg');
- }
- .fr-icon-logout-box-r-fill::before,
- .fr-icon-logout-box-r-fill::after {
- background-image: url('./icons/system/logout-box-r-fill.svg');
- }
- .fr-icon-logout-box-r-line::before,
- .fr-icon-logout-box-r-line::after {
- background-image: url('./icons/system/logout-box-r-line.svg');
- }
- .fr-icon-menu-2-fill::before,
- .fr-icon-menu-2-fill::after {
- background-image: url('./icons/system/menu-2-fill.svg');
- }
- .fr-icon-menu-fill::before,
- .fr-icon-menu-fill::after {
- background-image: url('./icons/system/menu-fill.svg');
- }
- .fr-icon-more-fill::before,
- .fr-icon-more-fill::after {
- background-image: url('./icons/system/more-fill.svg');
- }
- .fr-icon-more-line::before,
- .fr-icon-more-line::after {
- background-image: url('./icons/system/more-line.svg');
- }
- .fr-icon-notification-badge-fill::before,
- .fr-icon-notification-badge-fill::after {
- background-image: url('./icons/system/notification-badge-fill.svg');
- }
- .fr-icon-notification-badge-line::before,
- .fr-icon-notification-badge-line::after {
- background-image: url('./icons/system/notification-badge-line.svg');
- }
- .fr-icon-question-fill::before,
- .fr-icon-question-fill::after {
- background-image: url('./icons/system/question-fill.svg');
- }
- .fr-icon-question-line::before,
- .fr-icon-question-line::after {
- background-image: url('./icons/system/question-line.svg');
- }
- .fr-icon-refresh-fill::before,
- .fr-icon-refresh-fill::after {
- background-image: url('./icons/system/refresh-fill.svg');
- }
- .fr-icon-refresh-line::before,
- .fr-icon-refresh-line::after {
- background-image: url('./icons/system/refresh-line.svg');
- }
- .fr-icon-search-fill::before,
- .fr-icon-search-fill::after {
- background-image: url('./icons/system/search-fill.svg');
- }
- .fr-icon-search-line::before,
- .fr-icon-search-line::after {
- background-image: url('./icons/system/search-line.svg');
- }
- .fr-icon-settings-5-fill::before,
- .fr-icon-settings-5-fill::after {
- background-image: url('./icons/system/settings-5-fill.svg');
- }
- .fr-icon-settings-5-line::before,
- .fr-icon-settings-5-line::after {
- background-image: url('./icons/system/settings-5-line.svg');
- }
- .fr-icon-shield-fill::before,
- .fr-icon-shield-fill::after {
- background-image: url('./icons/system/shield-fill.svg');
- }
- .fr-icon-shield-line::before,
- .fr-icon-shield-line::after {
- background-image: url('./icons/system/shield-line.svg');
- }
- .fr-icon-star-fill::before,
- .fr-icon-star-fill::after {
- background-image: url('./icons/system/star-fill.svg');
- }
- .fr-icon-star-line::before,
- .fr-icon-star-line::after {
- background-image: url('./icons/system/star-line.svg');
- }
- .fr-icon-star-s-fill::before,
- .fr-icon-star-s-fill::after {
- background-image: url('./icons/system/star-s-fill.svg');
- }
- .fr-icon-star-s-line::before,
- .fr-icon-star-s-line::after {
- background-image: url('./icons/system/star-s-line.svg');
- }
- .fr-icon-subtract-line::before,
- .fr-icon-subtract-line::after {
- background-image: url('./icons/system/subtract-line.svg');
- }
- .fr-icon-thumb-down-fill::before,
- .fr-icon-thumb-down-fill::after {
- background-image: url('./icons/system/thumb-down-fill.svg');
- }
- .fr-icon-thumb-down-line::before,
- .fr-icon-thumb-down-line::after {
- background-image: url('./icons/system/thumb-down-line.svg');
- }
- .fr-icon-thumb-up-fill::before,
- .fr-icon-thumb-up-fill::after {
- background-image: url('./icons/system/thumb-up-fill.svg');
- }
- .fr-icon-thumb-up-line::before,
- .fr-icon-thumb-up-line::after {
- background-image: url('./icons/system/thumb-up-line.svg');
- }
- .fr-icon-time-fill::before,
- .fr-icon-time-fill::after {
- background-image: url('./icons/system/time-fill.svg');
- }
- .fr-icon-time-line::before,
- .fr-icon-time-line::after {
- background-image: url('./icons/system/time-line.svg');
- }
- .fr-icon-timer-fill::before,
- .fr-icon-timer-fill::after {
- background-image: url('./icons/system/timer-fill.svg');
- }
- .fr-icon-timer-line::before,
- .fr-icon-timer-line::after {
- background-image: url('./icons/system/timer-line.svg');
- }
- .fr-icon-upload-2-fill::before,
- .fr-icon-upload-2-fill::after {
- background-image: url('./icons/system/upload-2-fill.svg');
- }
- .fr-icon-upload-2-line::before,
- .fr-icon-upload-2-line::after {
- background-image: url('./icons/system/upload-2-line.svg');
- }
- .fr-icon-upload-fill::before,
- .fr-icon-upload-fill::after {
- background-image: url('./icons/system/upload-fill.svg');
- }
- .fr-icon-upload-line::before,
- .fr-icon-upload-line::after {
- background-image: url('./icons/system/upload-line.svg');
- }
- .fr-icon-zoom-in-fill::before,
- .fr-icon-zoom-in-fill::after {
- background-image: url('./icons/system/zoom-in-fill.svg');
- }
- .fr-icon-zoom-in-line::before,
- .fr-icon-zoom-in-line::after {
- background-image: url('./icons/system/zoom-in-line.svg');
- }
- .fr-icon-zoom-out-fill::before,
- .fr-icon-zoom-out-fill::after {
- background-image: url('./icons/system/zoom-out-fill.svg');
- }
- .fr-icon-zoom-out-line::before,
- .fr-icon-zoom-out-line::after {
- background-image: url('./icons/system/zoom-out-line.svg');
- }
- .fr-fi-add-circle-fill::before {
- background-image: url('./icons/system/add-circle-fill.svg');
- }
- .fr-fi-add-circle-line::before {
- background-image: url('./icons/system/add-circle-line.svg');
- }
- .fr-fi-add-line::before {
- background-image: url('./icons/system/add-line.svg');
- }
- .fr-fi-arrow-down-line::before {
- background-image: url('./icons/system/arrow-down-line.svg');
- }
- .fr-fi-arrow-down-s-line::before {
- background-image: url('./icons/system/arrow-down-s-line.svg');
- }
- .fr-fi-arrow-go-back-fill::before {
- background-image: url('./icons/system/arrow-go-back-fill.svg');
- }
- .fr-fi-arrow-go-back-line::before {
- background-image: url('./icons/system/arrow-go-back-line.svg');
- }
- .fr-fi-arrow-left-line::before {
- background-image: url('./icons/system/arrow-left-line.svg');
- }
- .fr-fi-arrow-left-s-line::before {
- background-image: url('./icons/system/arrow-left-s-line.svg');
- }
- .fr-fi-arrow-right-line::before {
- background-image: url('./icons/system/arrow-right-line.svg');
- }
- .fr-fi-arrow-right-s-line::before {
- background-image: url('./icons/system/arrow-right-s-line.svg');
- }
- .fr-fi-arrow-right-up-line::before {
- background-image: url('./icons/system/arrow-right-up-line.svg');
- }
- .fr-fi-arrow-up-fill::before {
- background-image: url('./icons/system/arrow-up-fill.svg');
- }
- .fr-fi-arrow-up-line::before {
- background-image: url('./icons/system/arrow-up-line.svg');
- }
- .fr-fi-arrow-up-s-line::before {
- background-image: url('./icons/system/arrow-up-s-line.svg');
- }
- .fr-fi-check-line::before {
- background-image: url('./icons/system/check-line.svg');
- }
- .fr-fi-checkbox-circle-line::before {
- background-image: url('./icons/system/checkbox-circle-line.svg');
- }
- .fr-fi-close-line::before {
- background-image: url('./icons/system/close-line.svg');
- }
- .fr-fi-download-line::before {
- background-image: url('./icons/system/download-line.svg');
- }
- .fr-fi-error-warning-fill::before {
- background-image: url('./icons/system/error-warning-fill.svg');
- }
- .fr-fi-error-warning-line::before {
- background-image: url('./icons/system/error-warning-line.svg');
- }
- .fr-fi-external-link-line::before {
- background-image: url('./icons/system/external-link-line.svg');
- }
- .fr-fi-eye-fill::before {
- background-image: url('./icons/system/eye-fill.svg');
- }
- .fr-fi-eye-line::before {
- background-image: url('./icons/system/eye-line.svg');
- }
- .fr-fi-eye-off-fill::before {
- background-image: url('./icons/system/eye-off-fill.svg');
- }
- .fr-fi-eye-off-line::before {
- background-image: url('./icons/system/eye-off-line.svg');
- }
- .fr-fi-filter-fill::before {
- background-image: url('./icons/system/filter-fill.svg');
- }
- .fr-fi-filter-line::before {
- background-image: url('./icons/system/filter-line.svg');
- }
- .fr-fi-arrow-left-s-first-line::before {
- background-image: url('./icons/system/fr--arrow-left-s-first-line.svg');
- }
- .fr-fi-arrow-left-s-line-double::before {
- background-image: url('./icons/system/fr--arrow-left-s-line-double.svg');
- }
- .fr-fi-arrow-right-s-last-line::before {
- background-image: url('./icons/system/fr--arrow-right-s-last-line.svg');
- }
- .fr-fi-arrow-right-s-line-double::before {
- background-image: url('./icons/system/fr--arrow-right-s-line-double.svg');
- }
- .fr-fi-error-fill::before {
- background-image: url('./icons/system/fr--error-fill.svg');
- }
- .fr-fi-error-line::before {
- background-image: url('./icons/system/fr--error-line.svg');
- }
- .fr-fi-info-fill::before {
- background-image: url('./icons/system/fr--info-fill.svg');
- }
- .fr-fi-info-line::before {
- background-image: url('./icons/system/fr--info-line.svg');
- }
- .fr-fi-success-fill::before {
- background-image: url('./icons/system/fr--success-fill.svg');
- }
- .fr-fi-success-line::before {
- background-image: url('./icons/system/fr--success-line.svg');
- }
- .fr-fi-theme-fill::before {
- background-image: url('./icons/system/fr--theme-fill.svg');
- }
- .fr-fi-warning-fill::before {
- background-image: url('./icons/system/fr--warning-fill.svg');
- }
- .fr-fi-warning-line::before {
- background-image: url('./icons/system/fr--warning-line.svg');
- }
- .fr-fi-information-fill::before {
- background-image: url('./icons/system/information-fill.svg');
- }
- .fr-fi-information-line::before {
- background-image: url('./icons/system/information-line.svg');
- }
- .fr-fi-lock-fill::before {
- background-image: url('./icons/system/lock-fill.svg');
- }
- .fr-fi-lock-line::before {
- background-image: url('./icons/system/lock-line.svg');
- }
- .fr-fi-logout-box-r-fill::before {
- background-image: url('./icons/system/logout-box-r-fill.svg');
- }
- .fr-fi-logout-box-r-line::before {
- background-image: url('./icons/system/logout-box-r-line.svg');
- }
- .fr-fi-menu-2-fill::before {
- background-image: url('./icons/system/menu-2-fill.svg');
- }
- .fr-fi-menu-fill::before {
- background-image: url('./icons/system/menu-fill.svg');
- }
- .fr-fi-question-fill::before {
- background-image: url('./icons/system/question-fill.svg');
- }
- .fr-fi-question-line::before {
- background-image: url('./icons/system/question-line.svg');
- }
- .fr-fi-refresh-fill::before {
- background-image: url('./icons/system/refresh-fill.svg');
- }
- .fr-fi-refresh-line::before {
- background-image: url('./icons/system/refresh-line.svg');
- }
- .fr-fi-search-fill::before {
- background-image: url('./icons/system/search-fill.svg');
- }
- .fr-fi-search-line::before {
- background-image: url('./icons/system/search-line.svg');
- }
- .fr-fi-subtract-line::before {
- background-image: url('./icons/system/subtract-line.svg');
- }
- .fr-fi-timer-fill::before {
- background-image: url('./icons/system/timer-fill.svg');
- }
- .fr-fi-timer-line::before {
- background-image: url('./icons/system/timer-line.svg');
- }
- .fr-fi-upload-2-fill::before {
- background-image: url('./icons/system/upload-2-fill.svg');
- }
- .fr-fi-upload-2-line::before {
- background-image: url('./icons/system/upload-2-line.svg');
- }
- .fr-fi-zoom-in-fill::before {
- background-image: url('./icons/system/zoom-in-fill.svg');
- }
- .fr-fi-zoom-in-line::before {
- background-image: url('./icons/system/zoom-in-line.svg');
- }
- .fr-fi-zoom-out-fill::before {
- background-image: url('./icons/system/zoom-out-fill.svg');
- }
- .fr-fi-zoom-out-line::before {
- background-image: url('./icons/system/zoom-out-line.svg');
- }
- .fr-fi-delete-line::before,
- .fr-fi-delete-line::after {
- background-image: url('./icons/system/delete-bin-line.svg');
- }
- .fr-fi-delete-fill::before,
- .fr-fi-delete-fill::after {
- background-image: url('./icons/system/delete-bin-fill.svg');
- }
- .fr-icon-delete-line::before,
- .fr-icon-delete-line::after {
- background-image: url('./icons/system/delete-bin-line.svg');
- }
- .fr-icon-delete-fill::before,
- .fr-icon-delete-fill::after {
- background-image: url('./icons/system/delete-bin-fill.svg');
- }
- .fr-icon-account-circle-fill::before,
- .fr-icon-account-circle-fill::after {
- background-image: url('./icons/user/account-circle-fill.svg');
- }
- .fr-icon-account-circle-line::before,
- .fr-icon-account-circle-line::after {
- background-image: url('./icons/user/account-circle-line.svg');
- }
- .fr-icon-account-pin-circle-fill::before,
- .fr-icon-account-pin-circle-fill::after {
- background-image: url('./icons/user/account-pin-circle-fill.svg');
- }
- .fr-icon-account-pin-circle-line::before,
- .fr-icon-account-pin-circle-line::after {
- background-image: url('./icons/user/account-pin-circle-line.svg');
- }
- .fr-icon-admin-fill::before,
- .fr-icon-admin-fill::after {
- background-image: url('./icons/user/admin-fill.svg');
- }
- .fr-icon-admin-line::before,
- .fr-icon-admin-line::after {
- background-image: url('./icons/user/admin-line.svg');
- }
- .fr-icon-group-fill::before,
- .fr-icon-group-fill::after {
- background-image: url('./icons/user/group-fill.svg');
- }
- .fr-icon-group-line::before,
- .fr-icon-group-line::after {
- background-image: url('./icons/user/group-line.svg');
- }
- .fr-icon-parent-fill::before,
- .fr-icon-parent-fill::after {
- background-image: url('./icons/user/parent-fill.svg');
- }
- .fr-icon-parent-line::before,
- .fr-icon-parent-line::after {
- background-image: url('./icons/user/parent-line.svg');
- }
- .fr-icon-team-fill::before,
- .fr-icon-team-fill::after {
- background-image: url('./icons/user/team-fill.svg');
- }
- .fr-icon-team-line::before,
- .fr-icon-team-line::after {
- background-image: url('./icons/user/team-line.svg');
- }
- .fr-icon-user-add-fill::before,
- .fr-icon-user-add-fill::after {
- background-image: url('./icons/user/user-add-fill.svg');
- }
- .fr-icon-user-add-line::before,
- .fr-icon-user-add-line::after {
- background-image: url('./icons/user/user-add-line.svg');
- }
- .fr-icon-user-fill::before,
- .fr-icon-user-fill::after {
- background-image: url('./icons/user/user-fill.svg');
- }
- .fr-icon-user-heart-fill::before,
- .fr-icon-user-heart-fill::after {
- background-image: url('./icons/user/user-heart-fill.svg');
- }
- .fr-icon-user-heart-line::before,
- .fr-icon-user-heart-line::after {
- background-image: url('./icons/user/user-heart-line.svg');
- }
- .fr-icon-user-line::before,
- .fr-icon-user-line::after {
- background-image: url('./icons/user/user-line.svg');
- }
- .fr-icon-user-search-fill::before,
- .fr-icon-user-search-fill::after {
- background-image: url('./icons/user/user-search-fill.svg');
- }
- .fr-icon-user-search-line::before,
- .fr-icon-user-search-line::after {
- background-image: url('./icons/user/user-search-line.svg');
- }
- .fr-icon-user-setting-fill::before,
- .fr-icon-user-setting-fill::after {
- background-image: url('./icons/user/user-setting-fill.svg');
- }
- .fr-icon-user-setting-line::before,
- .fr-icon-user-setting-line::after {
- background-image: url('./icons/user/user-setting-line.svg');
- }
- .fr-icon-user-star-fill::before,
- .fr-icon-user-star-fill::after {
- background-image: url('./icons/user/user-star-fill.svg');
- }
- .fr-icon-user-star-line::before,
- .fr-icon-user-star-line::after {
- background-image: url('./icons/user/user-star-line.svg');
- }
- .fr-fi-user-fill::before {
- background-image: url('./icons/user/user-fill.svg');
- }
- .fr-fi-user-line::before {
- background-image: url('./icons/user/user-line.svg');
- }
- .fr-fi-account-line::before,
- .fr-fi-account-line::after {
- background-image: url('./icons/user/account-circle-line.svg');
- }
- .fr-fi-account-fill::before,
- .fr-fi-account-fill::after {
- background-image: url('./icons/user/account-circle-fill.svg');
- }
- .fr-icon-account-line::before,
- .fr-icon-account-line::after {
- background-image: url('./icons/user/account-circle-line.svg');
- }
- .fr-icon-account-fill::before,
- .fr-icon-account-fill::after {
- background-image: url('./icons/user/account-circle-fill.svg');
- }
- .fr-icon-cloudy-2-fill::before,
- .fr-icon-cloudy-2-fill::after {
- background-image: url('./icons/weather/cloudy-2-fill.svg');
- }
- .fr-icon-cloudy-2-line::before,
- .fr-icon-cloudy-2-line::after {
- background-image: url('./icons/weather/cloudy-2-line.svg');
- }
- .fr-icon-flashlight-fill::before,
- .fr-icon-flashlight-fill::after {
- background-image: url('./icons/weather/flashlight-fill.svg');
- }
- .fr-icon-flashlight-line::before,
- .fr-icon-flashlight-line::after {
- background-image: url('./icons/weather/flashlight-line.svg');
- }
- .fr-icon-moon-fill::before,
- .fr-icon-moon-fill::after {
- background-image: url('./icons/weather/moon-fill.svg');
- }
- .fr-icon-moon-line::before,
- .fr-icon-moon-line::after {
- background-image: url('./icons/weather/moon-line.svg');
- }
- .fr-icon-sun-fill::before,
- .fr-icon-sun-fill::after {
- background-image: url('./icons/weather/sun-fill.svg');
- }
- .fr-icon-sun-line::before,
- .fr-icon-sun-line::after {
- background-image: url('./icons/weather/sun-line.svg');
- }
- .fr-fi-flashlight-fill::before {
- background-image: url('./icons/weather/flashlight-fill.svg');
- }
- .fr-fi-flashlight-line::before {
- background-image: url('./icons/weather/flashlight-line.svg');
- }
-}
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Bold.woff
deleted file mode 100755
index 1bd5de1ca1d0fcbe2a5b76b2ad4b0997e00878a4..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Bold.woff2
deleted file mode 100755
index 6ea93fd652dea16bc5553b74c0fb78e9a19b1186..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold_Italic.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Bold_Italic.woff
deleted file mode 100755
index db3ff08509dc803487beda7cb0497807ff76f57b..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold_Italic.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold_Italic.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Bold_Italic.woff2
deleted file mode 100755
index c5d3f9990b6730980b8c928bfb7cb33d527eeea3..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Bold_Italic.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Light.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Light.woff
deleted file mode 100755
index 9339cbf5683a7dd48fe6e7bb2ba435ad1543c60c..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Light.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Light.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Light.woff2
deleted file mode 100755
index d8e7a2dd66e6d68717d87c675123b6dfb76e02e5..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Light.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Light_Italic.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Light_Italic.woff
deleted file mode 100755
index d3168a637a9e3cbac7e8fd4b1177beb16c4f2de4..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Light_Italic.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Light_Italic.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Light_Italic.woff2
deleted file mode 100755
index c57a565835a30aa62c220ac16eb92cb8b74662ff..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Light_Italic.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Medium.woff
deleted file mode 100755
index aca497b8a88f13028b580e19410acdbc6ad27def..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Medium.woff2
deleted file mode 100755
index 46a6e19eedf3d3d97770c81430ee5d3fd9479188..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium_Italic.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Medium_Italic.woff
deleted file mode 100755
index 44865afebdb2ffb5b6688be93115cd6fa14c26aa..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium_Italic.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium_Italic.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Medium_Italic.woff2
deleted file mode 100755
index 029c166f872d67540d3a59004f3fec4ae44a23b4..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Medium_Italic.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Regular.woff
deleted file mode 100755
index 707f7f2496620e23167d9898d6f09e1e81bcfe99..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Regular.woff2
deleted file mode 100755
index d19d7cc99c80e3dca07e751525e03bcee272d45b..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular_Italic.woff b/packages/ui/src/styles/dsfr/fonts/Marianne-Regular_Italic.woff
deleted file mode 100755
index 4dcb97ffb8af90d10f217df81179b7934069b4ee..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular_Italic.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular_Italic.woff2 b/packages/ui/src/styles/dsfr/fonts/Marianne-Regular_Italic.woff2
deleted file mode 100755
index 32b8504568e30d020a0f5f1289fc7335c2999953..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Marianne-Regular_Italic.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Spectral-ExtraBold.woff b/packages/ui/src/styles/dsfr/fonts/Spectral-ExtraBold.woff
deleted file mode 100644
index e2d53263c71afdd0a94f4aa48d66e2f348eceda9..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Spectral-ExtraBold.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Spectral-ExtraBold.woff2 b/packages/ui/src/styles/dsfr/fonts/Spectral-ExtraBold.woff2
deleted file mode 100644
index 0b96ef1878f6a51914a26a053d0d75bd9158e6a1..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Spectral-ExtraBold.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Spectral-Regular.woff b/packages/ui/src/styles/dsfr/fonts/Spectral-Regular.woff
deleted file mode 100644
index 111c31212e6f37b095ab29cfa36804c509b0cebf..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Spectral-Regular.woff and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/fonts/Spectral-Regular.woff2 b/packages/ui/src/styles/dsfr/fonts/Spectral-Regular.woff2
deleted file mode 100644
index 717905cb009312e56cae8012363c7e48dedea976..0000000000000000000000000000000000000000
Binary files a/packages/ui/src/styles/dsfr/fonts/Spectral-Regular.woff2 and /dev/null differ
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/ancient-gate-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/ancient-gate-fill.svg
deleted file mode 100644
index 11015786e309f0a159095f911a83c340c068fff7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/ancient-gate-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.901 10a2.999 2.999 0 0 0 4.075 1.113 3.5 3.5 0 0 1-1.975 3.55L21 21h-6v-2a3 3 0 0 0-5.995-.176L9 19v2H3v-6.336a3.5 3.5 0 0 1-1.979-3.553A2.999 2.999 0 0 0 5.098 10h13.803Zm-1.865-7a3.5 3.5 0 0 0 4.446 2.86 3.5 3.5 0 0 1-3.29 3.135L18 9H6a3.5 3.5 0 0 1-3.482-3.14A3.5 3.5 0 0 0 6.964 3h10.072Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/ancient-gate-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/ancient-gate-line.svg
deleted file mode 100644
index 613ef892ab0e4bd5cf60b7e9c4e29eeaf144fd19..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/ancient-gate-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.901 10a2.999 2.999 0 0 0 4.075 1.113 3.5 3.5 0 0 1-1.975 3.55L21 21h-7v-2a2 2 0 0 0-1.85-1.995L12 17a2 2 0 0 0-1.995 1.85L10 19v2H3v-6.336a3.5 3.5 0 0 1-1.979-3.553A2.999 2.999 0 0 0 5.098 10h13.803Zm-.971 2H6.069l-.076.079c-.431.42-.935.76-1.486 1.002l-.096.039.589.28-.001 5.6 3.002-.001v-.072l.01-.223c.149-2.016 1.78-3.599 3.854-3.698l.208-.005.223.01a4 4 0 0 1 3.699 3.787l.004.201L19 19l.001-5.6.587-.28-.095-.04a5.002 5.002 0 0 1-1.486-1.001L17.93 12Zm-.894-9a3.5 3.5 0 0 0 4.446 2.86 3.5 3.5 0 0 1-3.29 3.135L18 9H6a3.5 3.5 0 0 1-3.482-3.14A3.5 3.5 0 0 0 6.964 3h10.072ZM15.6 5H8.399a5.507 5.507 0 0 1-1.49 1.816L6.661 7h10.677l-.012-.008a5.518 5.518 0 0 1-1.579-1.722L15.6 5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/ancient-pavilion-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/ancient-pavilion-fill.svg
deleted file mode 100644
index f211ebea9e49c7b152e7285105bb1c45b025a4a9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/ancient-pavilion-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.513 2.002a9.004 9.004 0 0 0 9.97 5.876A4.501 4.501 0 0 1 19 11.888V19l2 .001v2H3v-2h2v-7.113a4.503 4.503 0 0 1-3.484-4.01 9.004 9.004 0 0 0 9.972-5.876h1.025ZM17 12H7v7h10v-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/ancient-pavilion-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/ancient-pavilion-line.svg
deleted file mode 100644
index 3cd0eb9b901b012fe39d5b7ed651a0274accc992..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/ancient-pavilion-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.513 2.002a9.004 9.004 0 0 0 9.97 5.876A4.501 4.501 0 0 1 19 11.888V19l2 .001v2H3v-2h2v-7.113a4.503 4.503 0 0 1-3.484-4.01 9.004 9.004 0 0 0 9.972-5.876h1.025ZM17 12H7v7h10v-7Zm-5-6.674v.001l-.11.155A11.012 11.012 0 0 1 5.4 9.736l-.358.073.673.19h12.573l.668-.19-.011-.002a11.01 11.01 0 0 1-6.836-4.326L12 5.326Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/bank-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/bank-fill.svg
deleted file mode 100644
index 333b8dbf293d7706fd844dd77e77464677fcb206..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/bank-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 20v2H2v-2h20ZM6 12v7H4v-7h2Zm5 0v7H9v-7h2Zm4 0v7h-2v-7h2Zm5 0v7h-2v-7h2ZM12 2l10 5v4H2V7l10-5Zm0 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/bank-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/bank-line.svg
deleted file mode 100644
index 616a3366f66cc13ead3d62d3a41e79119f196079..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/bank-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 20v2H2v-2h20ZM6 12v7H4v-7h2Zm5 0v7H9v-7h2Zm4 0v7h-2v-7h2Zm5 0v7h-2v-7h2ZM12 2l10 5v4H2V7l10-5Zm0 2.236-8 4V9h16v-.764l-8-4ZM12 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/building-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/building-fill.svg
deleted file mode 100644
index 51be1417359aeee41ac545762eb6b34edec9f36e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/building-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a1 1 0 0 1 1 1v15h2V9h3a1 1 0 0 1 1 1v9h2v2H1v-2h2V4a1 1 0 0 1 1-1h10Zm-3 8H7v2h4v-2Zm0-4H7v2h4V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/building-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/building-line.svg
deleted file mode 100644
index a811aa43079f58199452d527803dd19d8b253013..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/building-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9h2v2H1v-2h2V4a1 1 0 0 1 1-1h10Zm-1 2H5v14h8V5Zm-2 6v2H7v-2h4Zm0-4v2H7V7h4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/community-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/community-fill.svg
deleted file mode 100644
index 26e0ad56da3806eaa1f115b2d36b5cbcafc420c2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/community-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7.513a1 1 0 0 1 .343-.754L6 8.544V4a1 1 0 0 1 1-1h14ZM8 9.454l-4 3.488V19h3v-4h2v4h3v-6.058L8 9.454ZM18 15h-2v2h2v-2Zm0-4h-2v2h2v-2Zm0-4h-2v2h2V7Zm-4 0h-2v2h2V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/community-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/community-line.svg
deleted file mode 100644
index 3dfe45a51b2aec43d14c13721afb1423ec97cda4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/community-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7.513a1 1 0 0 1 .343-.754L6 8.544V4a1 1 0 0 1 1-1h14Zm-1 2H8v2.127c.234 0 .469.082.657.247l5 4.359a1 1 0 0 1 .343.754V19h6V5ZM8 9.454l-4 3.488V19h3v-4h2v4h3v-6.058L8 9.454ZM18 15v2h-2v-2h2Zm0-4v2h-2v-2h2Zm0-4v2h-2V7h2Zm-4 0v2h-2V7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/government-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/government-fill.svg
deleted file mode 100644
index 97a7bf797995d8f39f96f28829248708c580c8c9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/government-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a1 1 0 0 1 1 1v2h3v2h-1v11h1v2H1v-2h1V8H1V6h3V4a1 1 0 0 1 1-1h14Zm-6 9h-2v7h2v-7Zm-5 0H6v7h2v-7Zm10 0h-2v7h2v-7Zm0-7H6v1h12V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/government-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/government-line.svg
deleted file mode 100644
index e6a72d4333c6920f5f7eedf24e2bd1860de4fd25..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/government-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a1 1 0 0 1 1 1v2h3v2h-1v11h1v2H1v-2h1V8H1V6h3V4a1 1 0 0 1 1-1h14Zm1 5H4v11h3v-7h2v7h2v-7h2v7h2v-7h2v7h3V8Zm-2-3H6v1h12V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/home-4-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/home-4-fill.svg
deleted file mode 100644
index ef51325c86cff147e72d92d9d316d77f93e96517..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/home-4-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.673 1.612 23 11h-3v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0ZM13 13h-2v6h2v-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/home-4-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/home-4-line.svg
deleted file mode 100644
index 230046d382537fee5ea281c1535d1f912caa21c2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/home-4-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.673 1.612 23 11h-3v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0ZM12 3.703 6 9.157V19h5v-6h2v6h5V9.157l-6-5.454Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/hospital-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/hospital-fill.svg
deleted file mode 100644
index 974d7c98d2d3a66c3c700563437fc760596f7b01..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/hospital-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17h2v2H1v-2h2V3a1 1 0 0 1 1-1h16Zm-4 12H8v6h2v-4h4v4h2v-6Zm-3-8h-2v2H9v2h2v2h2v-2h2V8h-2V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/hospital-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/hospital-line.svg
deleted file mode 100644
index 858b5188c91b54946e1d50783effc180e20a30f9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/hospital-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17h2v2H1v-2h2V3a1 1 0 0 1 1-1h16Zm-6 14h-4v4h4v-4Zm5-12H5v16h3v-6h8v6h3V4Zm-6 2v2h2v2h-2v2h-2v-2H9V8h2V6h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/hotel-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/hotel-fill.svg
deleted file mode 100644
index 953371f3f4eadcb1208812eceea50222fc58fd6e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/hotel-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 3a1 1 0 0 1 1 1v5h2v10h1v2H2v-2h1V4a1 1 0 0 1 1-1h14Zm1 8h-6v8h2v-6h2v6h2v-8ZM9 15H7v2h2v-2Zm0-4H7v2h2v-2Zm0-4H7v2h2V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/hotel-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/hotel-line.svg
deleted file mode 100644
index bc96a572a9c7d800724716b6c414754810d20b76..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/hotel-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 3a1 1 0 0 1 1 1v5h2v10h1v2H2v-2h1V4a1 1 0 0 1 1-1h14Zm1 8h-6v8h2v-6h2v6h2v-8Zm-2-6H5v14h6V9h6V5ZM9 15v2H7v-2h2Zm0-4v2H7v-2h2Zm0-4v2H7V7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/store-fill.svg b/packages/ui/src/styles/dsfr/icons/buildings/store-fill.svg
deleted file mode 100644
index 277781c5d2cb58d5a1a7a10485fe5014f66744b4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/store-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.79 2a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79Zm-.58 2H5.789L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/buildings/store-line.svg b/packages/ui/src/styles/dsfr/icons/buildings/store-line.svg
deleted file mode 100644
index 083f8f1263503217f7eb846bc9c24addda9d234e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/buildings/store-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.79 2a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79Zm-3.54 10.612a4.496 4.496 0 0 1-6.5.002A4.496 4.496 0 0 1 5 13.973V20h14v-6.028a4.496 4.496 0 0 1-3.75-1.36ZM18.21 4H5.789L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/archive-fill.svg b/packages/ui/src/styles/dsfr/icons/business/archive-fill.svg
deleted file mode 100644
index 3e40df8d48d0742ac909ef25957196e28a9f42a5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/archive-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 10v10.004c0 .55-.445.996-.993.996H3.993A.994.994 0 0 1 3 20.004V10h18Zm-6 2H9v2h6v-2Zm6.008-9c.548 0 .992.444.992 1v4H2V4c0-.552.455-1 .992-1h18.016Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/archive-line.svg b/packages/ui/src/styles/dsfr/icons/business/archive-line.svg
deleted file mode 100644
index acdf5724cebf11e2a81f0723a737b0d565cfba26..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/archive-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3A.99.99 0 0 1 22 4.003V10h-1v10.001a.996.996 0 0 1-.993.999H3.993A.996.996 0 0 1 3 20.001V10H2V4.003C2 3.449 2.455 3 2.992 3h18.016ZM19 10H5v9h14v-9Zm-4 2v2H9v-2h6Zm5-7H4v3h16V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/attachment-fill.svg b/packages/ui/src/styles/dsfr/icons/business/attachment-fill.svg
deleted file mode 100644
index 6d487a0b3338c6782b8021a4de6147d9b676c05b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/attachment-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.003 2c.549 0 .994.444.994.992L21 21.008a1 1 0 0 1-.993.992H3.993A.993.993 0 0 1 3 21.008V2.992A1 1 0 0 1 3.993 2h16.01ZM10 6a3 3 0 0 0-3 3v4a5 5 0 0 0 10 0V8h-2v5a3 3 0 0 1-6 0V9a1 1 0 1 1 2 0v4a1 1 0 0 0 2 0V9a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/attachment-line.svg b/packages/ui/src/styles/dsfr/icons/business/attachment-line.svg
deleted file mode 100644
index 5fc54b2050b4d6150a52b3f592cbdcb4f1bd0f75..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/attachment-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 13.5V8a4 4 0 0 0-8 0v5.5a6.5 6.5 0 1 0 13 0V4h2v9.5a8.5 8.5 0 1 1-17 0V8a6 6 0 0 1 12 0v5.5a3.5 3.5 0 1 1-7 0V8h2v5.5a1.5 1.5 0 1 0 3 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/award-fill.svg b/packages/ui/src/styles/dsfr/icons/business/award-fill.svg
deleted file mode 100644
index 09bccae39f2be2548f5410b37326da74e9e34d8b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/award-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1.001a8 8 0 0 1 5 14.245v6.871a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 0 1 5-14.245ZM12 3a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/award-line.svg b/packages/ui/src/styles/dsfr/icons/business/award-line.svg
deleted file mode 100644
index 83b0a8861c8ff50ec488a852cfacbba322541b72..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/award-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1.001a8 8 0 0 1 5 14.245v6.871a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 0 1 5-14.245Zm3 15.417A7.978 7.978 0 0 1 12 17a7.978 7.978 0 0 1-3-.582v3.05l3-1.8 3 1.8v-3.05ZM12 3a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/bar-chart-box-fill.svg b/packages/ui/src/styles/dsfr/icons/business/bar-chart-box-fill.svg
deleted file mode 100644
index 8e6efc1622de079bea2ec5d0d4ce3085355455ac..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/bar-chart-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18ZM9 13H7v4h2v-4Zm4-6h-2v10h2V7Zm4 3h-2v7h2v-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/bar-chart-box-line.svg b/packages/ui/src/styles/dsfr/icons/business/bar-chart-box-line.svg
deleted file mode 100644
index 928620da7764e773eb1e05fb79cfb17b79240a01..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/bar-chart-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5ZM9 13v4H7v-4h2Zm4-6v10h-2V7h2Zm4 3v7h-2v-7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/bookmark-fill.svg b/packages/ui/src/styles/dsfr/icons/business/bookmark-fill.svg
deleted file mode 100644
index 0de512c5bb83696555faf7b523ffdb7ad960b3bc..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/bookmark-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 2h14a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/bookmark-line.svg b/packages/ui/src/styles/dsfr/icons/business/bookmark-line.svg
deleted file mode 100644
index df6a0e86a8fa5267040d96ff6c6ccb176c7e7b4c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/bookmark-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1h14Zm-1 2H6v15.432l6-3.761 6 3.761V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/briefcase-fill.svg b/packages/ui/src/styles/dsfr/icons/business/briefcase-fill.svg
deleted file mode 100644
index 0ed19587aee310c8d58411318d6ad013057287c0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/briefcase-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm4 14H4v4h16v-4Zm-7-4h-2v2h2v-2Zm2-8H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/briefcase-line.svg b/packages/ui/src/styles/dsfr/icons/business/briefcase-line.svg
deleted file mode 100644
index 0a96a6c716ad82f3b785bd14d7f1f707eac9f2a4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/briefcase-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm4 15H4v3h16v-3Zm0-9H4v7h16V7Zm-7 4v2h-2v-2h2Zm2-8H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/calendar-2-fill.svg b/packages/ui/src/styles/dsfr/icons/business/calendar-2-fill.svg
deleted file mode 100644
index 1b884a7af7de53624989172d2e1aa16782dd2f72..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/calendar-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 8H4v10h16V9ZM8 11v2H6v-2h2Zm5 0v2h-2v-2h2Zm5 0v2h-2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/calendar-2-line.svg b/packages/ui/src/styles/dsfr/icons/business/calendar-2-line.svg
deleted file mode 100644
index a94ec61a113e8fd1758eff20261397f8d600009e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/calendar-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 10H4v8h16v-8ZM8 13v2H6v-2h2Zm5 0v2h-2v-2h2Zm5 0v2h-2v-2h2ZM7 5H4v4h16V5h-3v2h-2V5H9v2H7V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/calendar-event-fill.svg b/packages/ui/src/styles/dsfr/icons/business/calendar-event-fill.svg
deleted file mode 100644
index 84f5620bc8844965283d37c890564c26c575dc9e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/calendar-event-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 8H4v10h16V9Zm-9 4v4H6v-4h5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/calendar-event-line.svg b/packages/ui/src/styles/dsfr/icons/business/calendar-event-line.svg
deleted file mode 100644
index 4f31a3c4e212bdb231cd7590ea0b1c9ab9096fdd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/calendar-event-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2Zm11 10H4v8h16v-8Zm-9 2v4H6v-4h5ZM7 5H4v4h16V5h-3v2h-2V5H9v2H7V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/calendar-fill.svg b/packages/ui/src/styles/dsfr/icons/business/calendar-fill.svg
deleted file mode 100644
index ffadcb7d66f623caf91d4e33ececc5f30befba7d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/calendar-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 11h20v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9zm15-8h4a1 1 0 0 1 1 1v5H2V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/calendar-line.svg b/packages/ui/src/styles/dsfr/icons/business/calendar-line.svg
deleted file mode 100644
index f4b79b8793131d4c611b1798087626fabec56d32..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/calendar-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/cloud-fill.svg b/packages/ui/src/styles/dsfr/icons/business/cloud-fill.svg
deleted file mode 100644
index b588e93e5acdf52bdf0ed6d1936b945bd893165f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/cloud-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 7a8.003 8.003 0 0 0-7.493 5.19l1.874.703A6.002 6.002 0 0 1 23 15a6 6 0 0 1-6 6H7A6 6 0 0 1 5.008 9.339a7 7 0 0 1 13.757-2.143A8.027 8.027 0 0 0 17 7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/cloud-line.svg b/packages/ui/src/styles/dsfr/icons/business/cloud-line.svg
deleted file mode 100644
index 4cd3e697ed6d441d0f76aa605010edc5ab4b728e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/cloud-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.596 2.999a7 7 0 0 1 3.396 6.34A6 6 0 0 1 17 21H7A6 6 0 0 1 5.008 9.339a7 7 0 0 1 10.588-6.34ZM9.36 4.752a5 5 0 0 0-2.354 4.491l.07 1.488-1.404.494A4.002 4.002 0 0 0 7 19h10a4 4 0 1 0-3.796-5.265l-1.898-.633A6.003 6.003 0 0 1 17 9a5 5 0 0 0-7.64-4.248Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/copyright-fill.svg b/packages/ui/src/styles/dsfr/icons/business/copyright-fill.svg
deleted file mode 100644
index 0f1c9c85ee1c9acf3ba867fdc323cef2ea9b0166..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/copyright-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2Zm0 5c-2.76 0-5 2.24-5 5a5.002 5.002 0 0 0 9.288 2.572l-1.715-1.028a3 3 0 1 1 .001-3.087l1.714-1.03A4.999 4.999 0 0 0 12 7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/copyright-line.svg b/packages/ui/src/styles/dsfr/icons/business/copyright-line.svg
deleted file mode 100644
index 9da8ed2bab99ef01743e2545f971febde28654a3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/copyright-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2Zm0 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm0 3c1.82 0 3.413.973 4.288 2.428l-1.714 1.029a3 3 0 1 0-.001 3.087l1.715 1.028A4.999 4.999 0 0 1 7 12c0-2.76 2.24-5 5-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/customer-service-fill.svg b/packages/ui/src/styles/dsfr/icons/business/customer-service-fill.svg
deleted file mode 100644
index 7152c3e446e2446d6f708e588d9b8d870b3a2acc..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/customer-service-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 17.002a6.002 6.002 0 0 1-4.713 5.86l-.638-1.914A4.003 4.003 0 0 0 19.465 19H17a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.938a8.001 8.001 0 0 0-15.876 0H7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5C2 6.477 6.477 2 12 2s10 4.477 10 10v5.002Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/customer-service-line.svg b/packages/ui/src/styles/dsfr/icons/business/customer-service-line.svg
deleted file mode 100644
index f4a633953dddbcbf6590a863215123d9a1842443..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/customer-service-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10v5.002a6.002 6.002 0 0 1-4.713 5.86l-.638-1.914A4.003 4.003 0 0 0 19.465 19H17a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h2.938a8.001 8.001 0 0 0-15.876 0H7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5C2 6.477 6.477 2 12 2Zm8 11h-3v4h3v-4ZM7 13H4v4h3v-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/flag-fill.svg b/packages/ui/src/styles/dsfr/icons/business/flag-fill.svg
deleted file mode 100644
index c527ae106759c5b947e3313b42042a505c051453..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/flag-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3h9.382a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/flag-line.svg b/packages/ui/src/styles/dsfr/icons/business/flag-line.svg
deleted file mode 100644
index a7c98d9ae48c77800202faebfabcb8ba7baf9a52..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/flag-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.382 3a1 1 0 0 1 .894.553L14 5h6a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-6.382a1 1 0 0 1-.894-.553L12 16H5v6H3V3h9.382Zm-.618 2H5v9h8.236l1 2H19V7h-6.236l-1-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/global-fill.svg b/packages/ui/src/styles/dsfr/icons/business/global-fill.svg
deleted file mode 100644
index a7f20e6a28aa927eebe72c945c38010aa6da6ee2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/global-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.527 13a17.9 17.9 0 0 0 2.925 8.88A10.005 10.005 0 0 1 2.05 13h5.477Zm14.423 0a10.005 10.005 0 0 1-8.402 8.88A17.9 17.9 0 0 0 16.473 13h5.477Zm-7.48 0A15.908 15.908 0 0 1 12 20.592 15.908 15.908 0 0 1 9.53 13h4.94ZM10.452 2.12A17.9 17.9 0 0 0 7.527 11H2.05a10.005 10.005 0 0 1 8.402-8.88ZM12 3.408A15.908 15.908 0 0 1 14.47 11H9.53A15.908 15.908 0 0 1 12 3.408Zm1.548-1.288A10.005 10.005 0 0 1 21.95 11h-5.477a17.9 17.9 0 0 0-2.925-8.88Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/global-line.svg b/packages/ui/src/styles/dsfr/icons/business/global-line.svg
deleted file mode 100644
index bcbaf9bd4283a64d74f131a00a6176594626ecdf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/global-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm1.97 11h-3.94c.151 2.439.848 4.73 1.97 6.752A15.905 15.905 0 0 0 13.97 13Zm-5.943 0H4.062a8.008 8.008 0 0 0 5.648 6.667A17.9 17.9 0 0 1 8.027 13Zm11.911 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13ZM12 4.248A15.905 15.905 0 0 0 10.03 11h3.939A15.905 15.905 0 0 0 12 4.248Zm-2.29.085A8.008 8.008 0 0 0 4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333Zm4.58 0A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/line-chart-fill.svg b/packages/ui/src/styles/dsfr/icons/business/line-chart-fill.svg
deleted file mode 100644
index d8ec5bd2dc35205c0a9c79132270f854d88f4012..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/line-chart-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 3v16h16v2H3V3h2Zm14.94 2.94 2.12 2.12L16 14.122l-3-3-3.94 3.94-2.12-2.122L13 6.88l3 3 3.94-3.94Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/line-chart-line.svg b/packages/ui/src/styles/dsfr/icons/business/line-chart-line.svg
deleted file mode 100644
index c9fe83ae278f4882b0580f365aca33923d7d4a73..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/line-chart-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 3v16h16v2H3V3h2Zm15.293 3.293 1.414 1.414L16 13.414l-3-2.999-4.293 4.292-1.414-1.414L13 7.586l3 2.999 4.293-4.292Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/links-fill.svg b/packages/ui/src/styles/dsfr/icons/business/links-fill.svg
deleted file mode 100644
index be83b45626a0376b83ab6bdf838d689f60e3ee18..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/links-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.06 8.11 1.415 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 0 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.071l.354-.354a5 5 0 0 0 0-7.07l-1.415-1.415 1.415-1.414zm6.718 6.011-1.414-1.414a5 5 0 1 0-7.071-7.071l-.354.354a5 5 0 0 0 0 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 0 1 9.9 9.9z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/links-line.svg b/packages/ui/src/styles/dsfr/icons/business/links-line.svg
deleted file mode 100644
index a36b39b8a8e8d5bdff413bf2108cd4264583cb7a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/links-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.89 7.939 1.414 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 0 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.07l.354-.353a5 5 0 0 0 0-7.07l-1.415-1.415L12.89 7.94v-.001Zm6.717 6.01-1.414-1.413a5 5 0 1 0-7.07-7.071l-.355.354a5 5 0 0 0 0 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 1 1 9.9 9.9v-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/mail-fill.svg b/packages/ui/src/styles/dsfr/icons/business/mail-fill.svg
deleted file mode 100644
index 9846672d44d4c0116c8f9fa69d2bf6336173427a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/mail-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm9.06 8.683L5.648 6.238 4.353 7.762l7.72 6.555 7.581-6.56-1.308-1.513-6.285 5.439h-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/mail-line.svg b/packages/ui/src/styles/dsfr/icons/business/mail-line.svg
deleted file mode 100644
index 4aa057292bdab5d616dc78f736d818d82d242431..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/mail-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm17 4.238-7.928 7.1L4 7.216V19h16V7.238ZM4.511 5l7.55 6.662L19.502 5H4.511Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/mail-open-fill.svg b/packages/ui/src/styles/dsfr/icons/business/mail-open-fill.svg
deleted file mode 100644
index 4e2499dca688c972d0917559d34d811544ae243b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/mail-open-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.519 1.31 9.238 5.545a.5.5 0 0 1 .243.429V20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.283a.5.5 0 0 1 .243-.429L11.49 1.31a1 1 0 0 1 1.029 0ZM5.647 8.238 4.353 9.762l7.72 6.555 7.581-6.56-1.308-1.513-6.285 5.439-6.414-5.445Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/mail-open-line.svg b/packages/ui/src/styles/dsfr/icons/business/mail-open-line.svg
deleted file mode 100644
index 0b15fa7b6f003cfa42a8860bda0ea4211deae259..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/mail-open-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.519 1.31 9.238 5.545a.5.5 0 0 1 .243.429V20a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.283a.5.5 0 0 1 .243-.429L11.49 1.31a1 1 0 0 1 1.029 0Zm-.515 2.022L4 8.132V19h16V8.132l-7.996-4.8ZM6.636 9.228l5.424 4.47 5.296-4.463 1.288 1.53-6.57 5.537-6.71-5.53 1.272-1.544Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/medal-fill.svg b/packages/ui/src/styles/dsfr/icons/business/medal-fill.svg
deleted file mode 100644
index 49db8a595b988b49f8280e2c9e9b835c00adab1c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/medal-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 7a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 3.5-1.323 2.68-2.957.43 2.14 2.085-.505 2.946L12 17.25l2.645 1.39-.505-2.945 2.14-2.086-2.957-.43L12 10.5ZM18 2v3l-1.363 1.138A9.935 9.935 0 0 0 13 5.049V2h5Zm-7-.001v3.05a9.935 9.935 0 0 0-3.636 1.088L6 5V2l5-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/medal-line.svg b/packages/ui/src/styles/dsfr/icons/business/medal-line.svg
deleted file mode 100644
index 2051137c9d5aadee84631f2124126ad43f3c495d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/medal-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 7a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 1.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L12 17.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43L12 10.5ZM18 2v3l-1.363 1.138A9.935 9.935 0 0 0 13 5.049V2h5Zm-7-.001v3.05a9.935 9.935 0 0 0-3.636 1.088L6 5V2l5-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/pie-chart-2-fill.svg b/packages/ui/src/styles/dsfr/icons/business/pie-chart-2-fill.svg
deleted file mode 100644
index c9a67c47a494908efb3a37eb80d63945741d3934..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/pie-chart-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2.05V13h10.95c-.501 5.053-4.765 9-9.95 9-5.523 0-10-4.477-10-10 0-5.185 3.947-9.449 9-9.95Zm2-1.507C18.553 1.02 22.979 5.447 23.457 11H13V.543Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/pie-chart-2-line.svg b/packages/ui/src/styles/dsfr/icons/business/pie-chart-2-line.svg
deleted file mode 100644
index 42aad272008fede2512d34ac06ee497db76f3b97..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/pie-chart-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 .5C18.351.5 23.5 5.649 23.5 12c0 .337-.014.67-.043 1h-1.506c-.502 5.053-4.766 9-9.951 9-5.523 0-10-4.477-10-10 0-5.185 3.947-9.449 9-9.95V.543c.33-.029.663-.043 1-.043Zm-1 3.562A8.001 8.001 0 0 0 12 20a8 8 0 0 0 7.938-7H11V4.062Zm2-1.51V11h8.448A9.503 9.503 0 0 0 13 2.552Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/pie-chart-box-fill.svg b/packages/ui/src/styles/dsfr/icons/business/pie-chart-box-fill.svg
deleted file mode 100644
index 582bac4ee05a77173c28c38eb88f78818ad02373..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/pie-chart-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18ZM11 7.1a5.002 5.002 0 0 0 1 9.9 5.002 5.002 0 0 0 4.9-4H11V7.1Zm2 0V11h3.9A5.006 5.006 0 0 0 13 7.1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/pie-chart-box-line.svg b/packages/ui/src/styles/dsfr/icons/business/pie-chart-box-line.svg
deleted file mode 100644
index 5e09e6368fcbe0fd1e514249d761cf552d181b59..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/pie-chart-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-9 2.1V13h5.9A5.002 5.002 0 0 1 7 12a5.002 5.002 0 0 1 4-4.9Zm2 0a5.006 5.006 0 0 1 3.9 3.9H13V7.1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/printer-fill.svg b/packages/ui/src/styles/dsfr/icons/business/printer-fill.svg
deleted file mode 100644
index ffecd9a7b59ad0a39ee1d5b487c3d6513fd1a807..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/printer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 17h10v5H7v-5Zm12 3v-5H5v5H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-2ZM5 10v2h3v-2H5Zm2-8h10a1 1 0 0 1 1 1v3H6V3a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/printer-line.svg b/packages/ui/src/styles/dsfr/icons/business/printer-line.svg
deleted file mode 100644
index 376fc176d08551d4bb363fe236e62baa91edb7de..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/printer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 19H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2Zm0-2v-1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1h2V9H4v8h2ZM8 4v3h8V4H8Zm0 13v3h8v-3H8Zm-3-7h3v2H5v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/profil-fill.svg b/packages/ui/src/styles/dsfr/icons/business/profil-fill.svg
deleted file mode 100644
index 42307178cf18b72e271cc23ea6179c06b76e20c7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/profil-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM18 15H6v2h12v-2Zm-6-8H6v6h6V7Zm6 4h-4v2h4v-2Zm-8-2v2H8V9h2Zm8-2h-4v2h4V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/profil-line.svg b/packages/ui/src/styles/dsfr/icons/business/profil-line.svg
deleted file mode 100644
index e5d0b0ab480f5e1c66afd2a07a61f8ee2145d650..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/profil-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM20 5H4v14h16V5Zm-2 10v2H6v-2h12Zm-6-8v6H6V7h6Zm6 4v2h-4v-2h4Zm-8-2H8v2h2V9Zm8-2v2h-4V7h4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/projector-2-fill.svg b/packages/ui/src/styles/dsfr/icons/business/projector-2-fill.svg
deleted file mode 100644
index f443d9d20e31a20528c0df663ec78cff82031328..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/projector-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.5 3a6.48 6.48 0 0 1 4.69 2H22a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v2h-2v-2H4v2H2v-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h9.81a6.481 6.481 0 0 1 4.69-2ZM6 13H4v2h2v-2Zm4 0H8v2h2v-2Zm6.5-8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/projector-2-line.svg b/packages/ui/src/styles/dsfr/icons/business/projector-2-line.svg
deleted file mode 100644
index 981a851f87b6a09160775df886ce645425934133..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/projector-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3c1.777 0 3.374.773 4.472 2H22a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v2h-2v-2H4v2H2v-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10.528A5.985 5.985 0 0 1 17 3Zm-5.659 4H3v10h18v-3.528A6 6 0 0 1 11.341 7ZM7 13v2H5v-2h2Zm3 0v2H8v-2h2Zm7-8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/send-plane-fill.svg b/packages/ui/src/styles/dsfr/icons/business/send-plane-fill.svg
deleted file mode 100644
index 1f829bbaadcec1fc3de8f6baeafe89eb5b05e24d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/send-plane-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/send-plane-line.svg b/packages/ui/src/styles/dsfr/icons/business/send-plane-line.svg
deleted file mode 100644
index 827c872981626362178e44970f461bf8825c0d15..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/send-plane-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m21.727 2.957-5.454 19.086c-.15.529-.475.553-.717.07L11 13 1.923 9.37c-.51-.205-.504-.51.034-.689l19.086-6.362c.529-.176.832.12.684.638Zm-2.692 2.14L6.812 9.17h.001l5.636 2.255 3.04 6.082 3.546-12.41Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/slideshow-fill.svg b/packages/ui/src/styles/dsfr/icons/business/slideshow-fill.svg
deleted file mode 100644
index 0f3d93f24b8d39f0c381886a65edce5d398cc944..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/slideshow-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6v14a1 1 0 0 1-1 1h-8v2h-2v-2H3a1 1 0 0 1-1-1V6h20ZM8 10a3 3 0 1 0 3 3H8v-3Zm11 4h-6v2h6v-2Zm0-4h-6v2h6v-2Zm3-7v2H2V3h20Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/slideshow-line.svg b/packages/ui/src/styles/dsfr/icons/business/slideshow-line.svg
deleted file mode 100644
index f0ac02f11a822a96db7a70b2a6bfb77f544eebe2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/slideshow-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6v14a1 1 0 0 1-1 1h-8v2h-2v-2H3a1 1 0 0 1-1-1V6h20Zm-2 2H4v11h16V8Zm-2 6v2h-5v-2h5Zm-9-4v3h3a3 3 0 1 1-3-3Zm9 0v2h-5v-2h5Zm4-7v2H2V3h20Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/window-fill.svg b/packages/ui/src/styles/dsfr/icons/business/window-fill.svg
deleted file mode 100644
index 87eab4c12192fb97b45b1c0c38459913347f0bd7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/window-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 7H4v9h16v-9ZM7 6H5v2h2V6Zm4 0H9v2h2V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/business/window-line.svg b/packages/ui/src/styles/dsfr/icons/business/window-line.svg
deleted file mode 100644
index aca2f410d4540cd6cb98143be6067d26316cc156..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/business/window-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 8H4v8h16v-8Zm0-6H4v4h16V5Zm-9 1v2H9V6h2ZM7 6v2H5V6h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-2-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-2-fill.svg
deleted file mode 100644
index 3797562982fbc2a15012e4c3ec190ab102c112c3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.45 19 12 22.5 9.55 19H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-6.55Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-2-line.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-2-line.svg
deleted file mode 100644
index aa8f10fb0a1837e4bca40efbe135e84e7fef8a49..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-6.55L12 22.5 9.55 19H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v12h6.591L12 19.012 13.409 17H20V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-3-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-3-fill.svg
deleted file mode 100644
index a253e247ad2f9182a7456d30d831f9a03291531f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.291 20.824 2 22l1.176-5.291A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.956 9.956 0 0 1-4.709-1.176Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-3-line.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-3-line.svg
deleted file mode 100644
index c849d15daad390f898083feb6484bb8a4a363947..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.956 9.956 0 0 1-4.709-1.176L2 22l1.176-5.291A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 2a8 8 0 0 0-8 8c0 1.334.325 2.618.94 3.766l.349.653-.655 2.947 2.947-.655.653.35A7.955 7.955 0 0 0 12 20a8 8 0 0 0 0-16Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-check-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-check-fill.svg
deleted file mode 100644
index 9996a8e8514833c7e75d326ba9ceebfb472bbedf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-check-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-5.464 4.879-4.243 4.242-2.475-2.475-1.414 1.415 3.889 3.889 5.657-5.657-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-check-line.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-check-line.svg
deleted file mode 100644
index b3cc34352741405fe591826a97ffd6837b0b2fd2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-check-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-4.464 2.879 1.414 1.414-5.657 5.657-3.89-3.89 1.415-1.414 2.475 2.475 4.243-4.242Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-delete-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-delete-fill.svg
deleted file mode 100644
index d4069cb3bd046cd52ba7d9da57d84d4fbf30121a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-delete-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18ZM9.525 7.11 8.111 8.525 10.586 11 8.11 13.475l1.414 1.414L12 12.414l2.475 2.475 1.414-1.414L13.414 11h.001l2.474-2.475-1.414-1.414L12 9.586 9.525 7.11Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-delete-line.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-delete-line.svg
deleted file mode 100644
index d2254277e2fd19a144097f6941cf43350bbb0610..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-delete-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-5.525 2.111 1.414 1.414L13.414 11l2.475 2.475-1.414 1.414L12 12.414 9.525 14.89l-1.414-1.414L10.586 11 8.11 8.525l1.414-1.414L12 9.586l2.475-2.475Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-poll-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-poll-fill.svg
deleted file mode 100644
index e06a9128265ac0a3744e422eaa53b0a2c3216569..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-poll-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 2v8h-2V7h2Zm4 2v6h-2V9h2Zm-8 2v4H7v-4h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/chat-poll-line.svg b/packages/ui/src/styles/dsfr/icons/communication/chat-poll-line.svg
deleted file mode 100644
index 0dce111f4c13393bf473c09286fcd68c858744e1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/chat-poll-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-8 4h-2v8h2V7Zm4 2h-2v6h2V9Zm-8 2H7v4h2v-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/discuss-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/discuss-fill.svg
deleted file mode 100644
index a984cec00aff7c0887dd400ae8c63cf05848c612..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/discuss-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6.103a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2L14 22.5 11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16ZM19 2v2H3v11H1V3a1 1 0 0 1 1-1h17Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/discuss-line.svg b/packages/ui/src/styles/dsfr/icons/communication/discuss-line.svg
deleted file mode 100644
index 6e7cc406cceae9715432eb021cabd7a22d9acc48..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/discuss-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 6.103a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2L14 22.5 11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16Zm-1 2H7V17h5.161L14 19.298 15.839 17H21V8.103ZM19 2v2H3v11H1V3a1 1 0 0 1 1-1h17Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/feedback-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/feedback-fill.svg
deleted file mode 100644
index 5d70a8a10d984cf561689b72cb6749ee061f79ec..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/feedback-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-8 10h-2v2h2v-2Zm0-6h-2v5h2V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/feedback-line.svg b/packages/ui/src/styles/dsfr/icons/communication/feedback-line.svg
deleted file mode 100644
index 8d438f882543fdaccc849b50cc4341367cd97aa2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/feedback-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 8v2h-2v-2h2Zm0-6v5h-2V7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/message-2-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/message-2-fill.svg
deleted file mode 100644
index f10699eec5648e0025c529a06ec9252bf46b7698..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/message-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18ZM9 10H7v2h2v-2Zm4 0h-2v2h2v-2Zm4 0h-2v2h2v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/message-2-line.svg b/packages/ui/src/styles/dsfr/icons/communication/message-2-line.svg
deleted file mode 100644
index 2e323bdedf5b145cf566a2ab00fab625c13f93c2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/message-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 5v2h-2v-2h2Zm-4 0v2H7v-2h2Zm8 0v2h-2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/question-answer-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/question-answer-fill.svg
deleted file mode 100644
index ce83bd9b6320116e1c65e9a993b61047767a9954..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/question-answer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 9a1 1 0 0 1 1 1v13.5L17.545 20H9a1 1 0 0 1-1-1v-1h10.237L20 19.385V9h1Zm-4-6a1 1 0 0 1 1 1v12H5.455L1 19.5V4a1 1 0 0 1 1-1h15Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/question-answer-line.svg b/packages/ui/src/styles/dsfr/icons/communication/question-answer-line.svg
deleted file mode 100644
index 813c1b271b15b6849876cac63b8f63b426e3371a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/question-answer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 8a1 1 0 0 1 1 1v13.5L17.545 19H9a1 1 0 0 1-1-1v-1h10.237L20 18.385V8h1Zm-4-6a1 1 0 0 1 1 1v12H5.455L1 18.5V3a1 1 0 0 1 1-1h15Zm-1 2H3v10.385L4.763 13H16V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/questionnaire-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/questionnaire-fill.svg
deleted file mode 100644
index 668194697436653ca5291299f16af7344eb550a0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/questionnaire-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-8 11h-2v2h2v-2ZM8.567 8.813l1.962.393A1.5 1.5 0 1 1 12 11h-1v2h1a3.5 3.5 0 1 0-3.433-4.187Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/questionnaire-line.svg b/packages/ui/src/styles/dsfr/icons/communication/questionnaire-line.svg
deleted file mode 100644
index aa80bc022eced8fe40f35affd84a08e51bdd84b1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/questionnaire-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-7 9v2h-2v-2h2Zm-.54-7.972A3.501 3.501 0 0 1 12 13h-1v-2h1a1.5 1.5 0 1 0-1.471-1.794l-1.962-.393a3.501 3.501 0 0 1 3.892-2.785Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/video-chat-fill.svg b/packages/ui/src/styles/dsfr/icons/communication/video-chat-fill.svg
deleted file mode 100644
index 40207b6f3ff2f7d59340ba0bedc0be5c5612c2bf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/video-chat-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-7 5H7v6h7v-2.25L17 14V8l-3 2.25V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/communication/video-chat-line.svg b/packages/ui/src/styles/dsfr/icons/communication/video-chat-line.svg
deleted file mode 100644
index 1458dc8ea881cd3f576b0541cc605f4e2b5dd52a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/communication/video-chat-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h18Zm-1 2H4v13.385L5.763 17H20V5Zm-6 3v2.25L17 8v6l-3-2.25V14H7V8h7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/ball-pen-fill.svg b/packages/ui/src/styles/dsfr/icons/design/ball-pen-fill.svg
deleted file mode 100644
index 6b1d685a791e3cb71bef833e79889c59a8b3b13c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/ball-pen-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.313 5.444 5.657 5.657a1 1 0 0 1 0 1.414l-7.07 7.071-1.415-1.414 6.364-6.364-.707-.707-9.9 9.9H3v-4.243L14.313 5.444Zm4.243-2.828 2.829 2.828a1 1 0 0 1 0 1.414L19.97 8.273 15.728 4.03l1.414-1.414a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/ball-pen-line.svg b/packages/ui/src/styles/dsfr/icons/design/ball-pen-line.svg
deleted file mode 100644
index 11b5a06d21d5626684401753eb7b263d7c832271..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/ball-pen-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.313 5.444 5.657 5.657a1 1 0 0 1 0 1.414l-7.07 7.071-1.415-1.414 6.364-6.364-.707-.707-9.9 9.9H3v-4.243L14.313 5.444Zm0 2.829L5 17.586v1.415h1.414l9.314-9.314-1.415-1.414Zm4.243-5.657 2.829 2.828a1 1 0 0 1 0 1.414L19.97 8.273 15.728 4.03l1.414-1.414a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/brush-3-fill.svg b/packages/ui/src/styles/dsfr/icons/design/brush-3-fill.svg
deleted file mode 100644
index 5db830c8e73eda9a2146a82d673f70aa62808b24..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/brush-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H10v-6H8v6H4a1 1 0 0 1-1-1v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6Zm-1 2h-4v4H4v3h16V8h-6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/brush-3-line.svg b/packages/ui/src/styles/dsfr/icons/design/brush-3-line.svg
deleted file mode 100644
index c89fe021ae91eb9c9f5d0ecaefb2a3a4e9cc77b7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/brush-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6Zm4 11H5v7h3v-5h2v5h9v-7Zm-5-9h-4v4H4v3h16V8h-6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/brush-fill.svg b/packages/ui/src/styles/dsfr/icons/design/brush-fill.svg
deleted file mode 100644
index 2af18027a2fd91e54217ceb2367fbd1dcef543ee..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/brush-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.548 2.457 2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c2.83-2.133 3.176-3.665 3.303-4.98l.021-.244c.037-.443.065-.863.176-1.276 1.058-3.95 4.842-6.257 8.789-5.284l4.939-3.841a1 1 0 0 1 1.32.082Zm-.789 2.038L15.577 6.97l1.125 1.125c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/brush-line.svg b/packages/ui/src/styles/dsfr/icons/design/brush-line.svg
deleted file mode 100644
index 75de68e2cb96d19bce0a71141b0c1b981113910a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/brush-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.549 2.457 2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c2.83-2.133 3.176-3.665 3.303-4.98l.021-.244c.037-.443.065-.863.176-1.276 1.058-3.95 4.842-6.257 8.789-5.284h.001l4.939-3.841a1 1 0 0 1 1.32.082Zm-13.117 9.56c-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83ZM18.76 4.495 15.578 6.97l1.125 1.125c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/contrast-fill.svg b/packages/ui/src/styles/dsfr/icons/design/contrast-fill.svg
deleted file mode 100644
index 21d0bb88afe7b6c68ad651de40e96cb988ec480c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/contrast-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/contrast-line.svg b/packages/ui/src/styles/dsfr/icons/design/contrast-line.svg
deleted file mode 100644
index 3591487221ce8788286580e8c3fbdaeefd13431d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/contrast-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 2a6 6 0 1 1 0 12V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/crop-fill.svg b/packages/ui/src/styles/dsfr/icons/design/crop-fill.svg
deleted file mode 100644
index b7541ad35c9d934964e5434ccfecb95aaff198ff..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/crop-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 17h3v2h-3v3h-2v-3H6a1 1 0 0 1-1-1V7H2V5h3V2h2v3h11a1 1 0 0 1 1 1v11Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/crop-line.svg b/packages/ui/src/styles/dsfr/icons/design/crop-line.svg
deleted file mode 100644
index df754b3e4e726e0553e3629e365b56ecc9e2208a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/crop-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 5a1 1 0 0 1 1 1v11h3v2h-3v3h-2V7H9V5h9ZM7 2v15h8v2H6a1 1 0 0 1-1-1V7H2V5h3V2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/drag-move-2-fill.svg b/packages/ui/src/styles/dsfr/icons/design/drag-move-2-fill.svg
deleted file mode 100644
index 4de840c2f156c2a4ad188af02057107c3368d2e1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/drag-move-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 11V5.828L9.172 7.657 7.757 6.243 12 2l4.243 4.243-1.415 1.414L13 5.828V11h5.172l-1.829-1.828 1.414-1.415L22 12l-4.243 4.243-1.414-1.415L18.172 13H13v5.172l1.828-1.829 1.415 1.414L12 22l-4.243-4.243 1.415-1.414L11 18.172V13H5.828l1.829 1.828-1.414 1.415L2 12l4.243-4.243 1.414 1.415L5.828 11H11Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/drag-move-2-line.svg b/packages/ui/src/styles/dsfr/icons/design/drag-move-2-line.svg
deleted file mode 100644
index 057a6cbdc06b36e68c264e44403134785d6805f3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/drag-move-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 11V8l4 4-4 4v-3h-5v5h3l-4 4-4-4h3v-5H6v3l-4-4 4-4v3h5V6H8l4-4 4 4h-3v5h5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/drop-fill.svg b/packages/ui/src/styles/dsfr/icons/design/drop-fill.svg
deleted file mode 100644
index 67a224ff7d146e4da6e8904c9ef5f5c057cee2f6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/drop-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.636 6.636 12 .272l6.364 6.364a9 9 0 1 1-12.728 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/drop-line.svg b/packages/ui/src/styles/dsfr/icons/design/drop-line.svg
deleted file mode 100644
index fd35a2f221cc50dfe82fb04bc051af8b23122b37..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/drop-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 .272 6.364 6.364a9 9 0 1 1-12.728 0L12 .272ZM12 3.1 7.05 8.05a7 7 0 1 0 9.9 0L12 3.1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/edit-box-fill.svg b/packages/ui/src/styles/dsfr/icons/design/edit-box-fill.svg
deleted file mode 100644
index 60a84c7a7dd81b9d6a93bbc0fc3d081e91dd127f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/edit-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.757 3-7.466 7.466.008 4.247 4.238-.007L21 7.243V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757Zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/edit-box-line.svg b/packages/ui/src/styles/dsfr/icons/design/edit-box-line.svg
deleted file mode 100644
index 480f273ae3b6e0c4df9755bd7fe15a29fd580da3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/edit-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.757 3-2 2H5v14h14V9.243l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12.757Zm3.728-.9L21.9 3.516l-9.192 9.192-1.412.003-.002-1.417L20.485 2.1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/edit-fill.svg b/packages/ui/src/styles/dsfr/icons/design/edit-fill.svg
deleted file mode 100644
index 790b6f3285c6590a4c429a3c3ff161523090234d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/edit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.243 18H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18ZM3 20h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/edit-line.svg b/packages/ui/src/styles/dsfr/icons/design/edit-line.svg
deleted file mode 100644
index 4fa4c5b8d98ad651002de2715d3559f9d73f5a1f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/edit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.414 16 16.556 5.858l-1.414-1.414L5 14.586V16h1.414Zm.829 2H3v-4.243L14.435 2.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 18ZM3 20h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/ink-bottle-fill.svg b/packages/ui/src/styles/dsfr/icons/design/ink-bottle-fill.svg
deleted file mode 100644
index 5b38ac00b5a8e19b562d64606cc462874bf5dc05..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/ink-bottle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 9 4.371 1.749a1 1 0 0 1 .629.928V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.323c0-.409.249-.777.629-.928L8 9h8Zm4 5H8v5h12v-5ZM16 3a1 1 0 0 1 1 1v4H7V4a1 1 0 0 1 1-1h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/ink-bottle-line.svg b/packages/ui/src/styles/dsfr/icons/design/ink-bottle-line.svg
deleted file mode 100644
index d427011a24122c5ded4adccaf858e1de9718e2bd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/ink-bottle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 9 4.371 1.749a1 1 0 0 1 .629.928V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.323c0-.409.249-.777.629-.928L8 9h8Zm-.385 2h-7.23L5 12.354V20h14v-1H8v-5h11v-1.646L15.615 11ZM16 3a1 1 0 0 1 1 1v4H7V4a1 1 0 0 1 1-1h8Zm-1 2H9v1h6V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/layout-grid-fill.svg b/packages/ui/src/styles/dsfr/icons/design/layout-grid-fill.svg
deleted file mode 100644
index d967a845d85721f15c01d8ef231cd319cce4b5a9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/layout-grid-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 12.999V20a1 1 0 0 1-1 1h-8v-8.001h9Zm-11 0V21H3a1 1 0 0 1-1-1v-7.001h9ZM11 3v7.999H2V4a1 1 0 0 1 1-1h8Zm10 0a1 1 0 0 1 1 1v6.999h-9V3h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/layout-grid-line.svg b/packages/ui/src/styles/dsfr/icons/design/layout-grid-line.svg
deleted file mode 100644
index cc834eb7c2e20b327bb9b144c6b08898f2a51edd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/layout-grid-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18ZM11 13H4v6h7v-6Zm9 0h-7v6h7v-6Zm-9-8H4v6h7V5Zm9 0h-7v6h7V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/mark-pen-fill.svg b/packages/ui/src/styles/dsfr/icons/design/mark-pen-fill.svg
deleted file mode 100644
index 799c5831822c5412f1dadc55cd2bcbb560941571..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/mark-pen-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m4.282 16.889 2.829 2.829-1.414 1.414-4.243-1.414 2.828-2.829ZM15.95 2.393l5.657 5.657a1 1 0 0 1 0 1.414l-7.779 7.779-2.12.707-1.415 1.414a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414l1.414-1.414.707-2.121 7.779-7.779a1 1 0 0 1 1.414 0Zm.707 3.536-6.364 6.364 1.414 1.414 6.364-6.364-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/mark-pen-line.svg b/packages/ui/src/styles/dsfr/icons/design/mark-pen-line.svg
deleted file mode 100644
index fb20ef842a16bd5f117d5de2c2883cfc8ff2a6f6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/mark-pen-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m4.283 16.89 2.828 2.829-1.414 1.414-4.243-1.414 2.828-2.829h.001ZM15.95 2.393l5.657 5.657a1 1 0 0 1 0 1.414l-7.779 7.779-2.12.707-1.415 1.414a1 1 0 0 1-1.414 0l-4.243-4.243a1 1 0 0 1 0-1.414l1.414-1.414.707-2.121 7.779-7.779a1 1 0 0 1 1.414 0Zm-.707 2.122-6.738 6.737-.707 2.121-1.04 1.041 2.828 2.829 1.04-1.041 2.122-.707 6.737-6.738-4.242-4.242Zm0 2.828 1.414 1.414-4.95 4.95-1.414-1.414 4.95-4.95Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/paint-brush-fill.svg b/packages/ui/src/styles/dsfr/icons/design/paint-brush-fill.svg
deleted file mode 100644
index bd349858ae50a013d0f37eec07c2652bbbf1cebd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/paint-brush-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 3h16a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm2 9h6a1 1 0 0 1 1 1v3h1v6h-4v-6h1v-2H5a1 1 0 0 1-1-1v-2h2v1Zm11.732 1.732 1.768-1.768 1.768 1.768a2.5 2.5 0 1 1-3.536 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/paint-brush-line.svg b/packages/ui/src/styles/dsfr/icons/design/paint-brush-line.svg
deleted file mode 100644
index d0d42d871d7af8aa47bbc8696363eb717e885d12..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/paint-brush-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 11v1h6a1 1 0 0 1 1 1v3h1v6h-4v-6h1v-2H5a1 1 0 0 1-1-1v-2h2Zm13.5.964 1.768 1.768a2.5 2.5 0 1 1-3.536 0l1.768-1.768ZM20 3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 2H5v3h14V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/paint-fill.svg b/packages/ui/src/styles/dsfr/icons/design/paint-fill.svg
deleted file mode 100644
index 8e2f7ce7102d5141252d25270df57f44ebb9e4d5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/paint-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m20.996 16.964 1.767 1.768a2.5 2.5 0 1 1-3.535 0l1.768-1.768ZM8.879 1.082l11.313 11.311a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121 1.415-1.412ZM11 6.03 3.929 13.1H18.07L11 6.03Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/paint-line.svg b/packages/ui/src/styles/dsfr/icons/design/paint-line.svg
deleted file mode 100644
index d3cd133f10c96f5009073924d7a4920af2762b9b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/paint-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m20.996 16.964 1.767 1.768a2.5 2.5 0 1 1-3.535 0l1.768-1.768ZM8.879 1.082l11.313 11.311a1 1 0 0 1 0 1.415l-8.485 8.485a1 1 0 0 1-1.414 0l-8.485-8.485a1 1 0 0 1 0-1.415l7.778-7.778-2.122-2.121 1.415-1.412ZM11 6.029v.001L3.929 13.1 11 20.173l7.071-7.071L11 6.029Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/palette-fill.svg b/packages/ui/src/styles/dsfr/icons/design/palette-fill.svg
deleted file mode 100644
index 00cdb0bdafdecab723d75b09bec243bb3e31a730..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/palette-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667 0 .422.167.811.422 1.1.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22 6.478 22 2 17.522 2 12S6.478 2 12 2ZM7.5 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm9 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM12 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/palette-line.svg b/packages/ui/src/styles/dsfr/icons/design/palette-line.svg
deleted file mode 100644
index 612422eaaac733018c72301934c0130956be99f0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/palette-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.522 0 10 3.978 10 8.889a5.558 5.558 0 0 1-5.556 5.555h-1.966c-.922 0-1.667.745-1.667 1.667 0 .422.167.811.422 1.1.267.3.434.689.434 1.122C13.667 21.256 12.9 22 12 22 6.478 22 2 17.522 2 12S6.478 2 12 2Zm0 2a8 8 0 0 0-.676 15.972 3.648 3.648 0 0 1-.513-1.86v-.001a3.664 3.664 0 0 1 3.667-3.667h1.966A3.558 3.558 0 0 0 20 10.89C20 7.139 16.468 4 12 4ZM7.5 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm9 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pantone-fill.svg b/packages/ui/src/styles/dsfr/icons/design/pantone-fill.svg
deleted file mode 100644
index e895a886419a7cae82bc8790793bf7bac2e3d37b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pantone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.595 2.774 5.62 13.908a1 1 0 0 1-.553 1.302L12.39 21.73a1 1 0 0 1-1.302-.553L5.47 7.27a1 1 0 0 1 .553-1.301l-.001-.001 9.272-3.746a1 1 0 0 1 1.301.552ZM6 13.922 8.86 21H7a1 1 0 0 1-1-1v-6.078Zm-2-1.555v6.555l-1.35-.545a1 1 0 0 1-.552-1.302L4 12.367ZM9 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pantone-line.svg b/packages/ui/src/styles/dsfr/icons/design/pantone-line.svg
deleted file mode 100644
index b96cbc9b86783ee855fdb07a984c53cf640e3c41..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pantone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.595 2.774 5.62 13.908a1 1 0 0 1-.553 1.302L12.39 21.73a1 1 0 0 1-1.302-.553L11 20.96V21H7a1 1 0 0 1-1-1v-.27l-3.35-1.353a1 1 0 0 1-.552-1.302L5.764 8l-.295-.73a1 1 0 0 1 .553-1.302l9.272-3.746a1 1 0 0 1 1.301.552Zm-1.479 1.677L7.698 7.447l4.87 12.054 7.418-2.997-4.87-12.053ZM8 13.533V19h2.209L8 13.533Zm-2-.777-1.673 4.141L6 17.608v-4.852Zm5.23-4.578a1 1 0 0 1-.553 1.302h-.001a1 1 0 1 1 .553-1.302Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pen-nib-fill.svg b/packages/ui/src/styles/dsfr/icons/design/pen-nib-fill.svg
deleted file mode 100644
index 86ffd3b1c17680f9a92ec9585eaf9acaafaad4ce..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pen-nib-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.121 5.222 5.657 5.657-.707 6.364c-6.128 1.414-9.782 2.475-13.081 5.303l-1.061-1.06 5.846-5.847a2 2 0 1 0-1.414-1.414l-5.846 5.846-1.06-1.06c2.827-3.3 3.888-6.954 5.302-13.082l6.364-.707Zm2.475-3.182 6.347 6.346a.5.5 0 0 1-.277.848l-1.474.23-5.656-5.656.212-1.485a.5.5 0 0 1 .848-.283Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pen-nib-line.svg b/packages/ui/src/styles/dsfr/icons/design/pen-nib-line.svg
deleted file mode 100644
index 6561b3cd93a5eceb90139c0c3015cecae2cb3389..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pen-nib-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m14.121 4.222 5.657 5.657-.707 6.364c-6.128 1.414-9.782 2.475-13.081 5.303L4.595 20.15c3.722-3.331 7.995-4.328 12.643-5.52l.446-4.018-4.297-4.297-4.018.446c-1.192 4.648-2.189 8.92-5.52 12.643L2.454 18.01c2.828-3.3 3.89-6.953 5.303-13.081l6.364-.707Zm-1.414 7.07A2 2 0 0 1 9.88 14.12h-.001a2 2 0 1 1 2.828-2.828ZM16.596 1.04l6.347 6.346a.5.5 0 0 1-.277.848l-1.474.23-5.656-5.656.212-1.485a.5.5 0 0 1 .848-.283Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pencil-fill.svg b/packages/ui/src/styles/dsfr/icons/design/pencil-fill.svg
deleted file mode 100644
index 87b8a1e7ba80ee436717ec405561307bda56549c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pencil-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.9 6.857v.001l4.242 4.243L7.242 21H3v-4.243l9.9-9.9Zm4.949-3.535 2.829 2.829a1 1 0 0 1 0 1.414l-2.122 2.121-4.242-4.242 2.121-2.122a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pencil-line.svg b/packages/ui/src/styles/dsfr/icons/design/pencil-line.svg
deleted file mode 100644
index d0b6e32a18f16f26c6a38560dc33d736884d1aa0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pencil-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.849 3.322 2.829 2.829a1 1 0 0 1 0 1.414L7.243 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0Zm-3.535 4.95L5 17.586V19h1.414l9.314-9.314-1.414-1.414Zm2.828-2.828-1.414 1.414 1.414 1.414 1.414-1.414-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pencil-ruler-fill.svg b/packages/ui/src/styles/dsfr/icons/design/pencil-ruler-fill.svg
deleted file mode 100644
index 515aaa7356fb40880f851d085e8081b1235296ce..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pencil-ruler-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m7 2 4 5v15H3V7l4-5Zm13 2a1 1 0 0 1 1 1v3h-2v2h2v2h-3v2h3v2h-2v2h2v3a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6ZM9 18H5v2h4v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/pencil-ruler-line.svg b/packages/ui/src/styles/dsfr/icons/design/pencil-ruler-line.svg
deleted file mode 100644
index ccca8616513bb113e0c4706a721aed99db46cf14..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/pencil-ruler-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m7 2 4 5v15H3V7l4-5Zm13 2a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6ZM9 8H5v12h4V8Zm10-2h-4v14h4v-2h-2v-2h2v-2h-3v-2h3v-2h-2V8h2V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/sip-fill.svg b/packages/ui/src/styles/dsfr/icons/design/sip-fill.svg
deleted file mode 100644
index c08db8a426d3b8d8023abbf5bb679f7ae9bd7143..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/sip-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.778 8.979 4.243 4.244L7.243 21H3v-4.243l7.778-7.778Zm7.425-5.303 2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829 1.767 1.768-1.414 1.414-7.07-7.071 1.413-1.414 1.768 1.767 2.829-2.828a1 1 0 0 1 1.414 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/sip-line.svg b/packages/ui/src/styles/dsfr/icons/design/sip-line.svg
deleted file mode 100644
index 82b41113897ed2662da872ece24976b51aaec4ee..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/sip-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.203 3.676 2.121 2.121a1 1 0 0 1 0 1.414l-2.828 2.829 1.767 1.768-1.414 1.414-1.414-1.414L7.243 21H3v-4.243l9.192-9.192-1.414-1.414 1.414-1.414 1.768 1.767 2.829-2.828a1 1 0 0 1 1.414 0Zm-4.596 5.303-8.564 8.564 1.414 1.414 8.564-8.564-1.414-1.414Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/table-fill.svg b/packages/ui/src/styles/dsfr/icons/design/table-fill.svg
deleted file mode 100644
index cb71d4fdaaac30ab4ea38bd777a20885366ee9e8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/table-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 21H9V10h6v11Zm2 0V10h5v10a1 1 0 0 1-1 1h-4ZM7 21H3a1 1 0 0 1-1-1V10h5v11ZM22 8H2V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/design/table-line.svg b/packages/ui/src/styles/dsfr/icons/design/table-line.svg
deleted file mode 100644
index 1d95a384fa93ac0fab597a594899d58e4defd07a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/design/table-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-7 7h-4v9h4v-9Zm6 0h-4v9h4v-9ZM8 10H4v9h4v-9Zm12-5H4v3h16V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/bug-fill.svg b/packages/ui/src/styles/dsfr/icons/development/bug-fill.svg
deleted file mode 100644
index 5ecee4297a1a64d16edca0e607587e7d2b21ba75..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/bug-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.056 8.3a7.01 7.01 0 0 1 .199-.3h11.49c.069.098.135.199.199.3l2.02-1.166 1 1.732-2.213 1.278c.162.59.249 1.213.249 1.856v1h3v2h-3a6.96 6.96 0 0 1-.536 2.69l2.5 1.444-1 1.732-2.526-1.458A6.992 6.992 0 0 1 13 21.929V14h-2v7.93a6.992 6.992 0 0 1-4.438-2.522l-2.526 1.458-1-1.732 2.5-1.443A6.979 6.979 0 0 1 5 15H2v-2h3v-1c0-.643.087-1.265.249-1.856L3.036 8.866l1-1.732L6.056 8.3ZM8 6a4 4 0 1 1 8 0H8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/bug-line.svg b/packages/ui/src/styles/dsfr/icons/development/bug-line.svg
deleted file mode 100644
index 48d0de9cefff78c610c198b4f4a49d83d6778af3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/bug-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.964 7.134 1 1.732-2.213 1.278c.162.59.249 1.213.249 1.856v1h3v2h-3a6.96 6.96 0 0 1-.536 2.69l2.5 1.444-1 1.732-2.526-1.458A6.986 6.986 0 0 1 12 22a6.986 6.986 0 0 1-5.438-2.592l-2.526 1.458-1-1.732 2.5-1.443v-.001A6.979 6.979 0 0 1 5 15H2v-2h3v-1c0-.643.087-1.265.249-1.856L3.036 8.866l1-1.732L6.056 8.3a7.01 7.01 0 0 1 .199-.3h11.49c.069.098.135.199.199.3l2.02-1.166ZM16.585 10h-9.17A4.98 4.98 0 0 0 7 12v3a5.002 5.002 0 0 0 4 4.9V14h2v5.9a5.002 5.002 0 0 0 4-4.9v-3a4.98 4.98 0 0 0-.415-2ZM12 2a4 4 0 0 1 4 4H8a4 4 0 0 1 4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/code-box-fill.svg b/packages/ui/src/styles/dsfr/icons/development/code-box-fill.svg
deleted file mode 100644
index e67895bf04ad14a4d7171c7b66579556421d518d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/code-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-6.116 4h-2.128l-3.64 10h2.128l3.64-10Zm1.58 1.464L15.05 9.88 17.172 12l-2.122 2.121 1.414 1.415L20 12l-3.536-3.536Zm-8.928 0L4 12l3.536 3.536L8.95 14.12 6.828 12 8.95 9.879 7.536 8.464Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/code-box-line.svg b/packages/ui/src/styles/dsfr/icons/development/code-box-line.svg
deleted file mode 100644
index 84c342973bcfdc942e4d29c8d8b0e68e968a626d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/code-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-5.116 2-3.64 10H9.116l3.64-10h2.128Zm1.58 1.464L20 12l-3.536 3.536-1.414-1.415L17.172 12 15.05 9.879l1.414-1.415Zm-8.928 0L8.95 9.88 6.828 12l2.122 2.121-1.414 1.415L4 12l3.536-3.536Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/code-s-slash-line.svg b/packages/ui/src/styles/dsfr/icons/development/code-s-slash-line.svg
deleted file mode 100644
index 052b37b0cee304a28506d4d619ecb0b5bce9531f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/code-s-slash-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m24 12-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12ZM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12Zm6.96 9H7.66l6.552-18h2.128L9.788 21Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/cursor-fill.svg b/packages/ui/src/styles/dsfr/icons/development/cursor-fill.svg
deleted file mode 100644
index fae10deb1ff9567ac577054e241a92422b9cf678..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/cursor-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463-5.224.264Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/cursor-line.svg b/packages/ui/src/styles/dsfr/icons/development/cursor-line.svg
deleted file mode 100644
index 3d2d6a3802c277221e14664f84fa95a9481ae2cb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/cursor-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m8.41 1.633 11.537 11.232-4.558.633h-.001l2.552 7.014-4.698 1.71-2.553-7.014-3.899 2.445 1.62-16.02Zm1.572 4.323-.79 7.83 2.53-1.587 2.715 7.46.94-.343-2.715-7.46 2.96-.41-5.64-5.49Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-branch-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-branch-fill.svg
deleted file mode 100644
index e9673a107fe8d3caf45daae8d9db1017495273ad..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-branch-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.105 15.21A3.001 3.001 0 1 1 5 15.17V8.83a3.001 3.001 0 1 1 2 0V12c.836-.628 1.874-1 3-1h4a3.001 3.001 0 0 0 2.895-2.21 3.001 3.001 0 1 1 2.032.064A5.001 5.001 0 0 1 14 13h-4a3.001 3.001 0 0 0-2.895 2.21Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-branch-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-branch-line.svg
deleted file mode 100644
index 61dcef5c2ebceedbd8489ef1ae5926ebada06ba3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-branch-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 3a3.001 3.001 0 0 1 1 5.83V12c.836-.628 1.874-1 3-1h4a3.001 3.001 0 0 0 2.895-2.21 3.001 3.001 0 1 1 2.032.064A5.001 5.001 0 0 1 14 13h-4a3.001 3.001 0 0 0-2.895 2.21A3.001 3.001 0 1 1 5 15.17V8.83A3.001 3.001 0 0 1 6 3Zm0 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-commit-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-commit-fill.svg
deleted file mode 100644
index 6c77981b40604621fe1296f6a112c45137da30c9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-commit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.874 13a4.002 4.002 0 0 1-7.748 0H3v-2h5.126a4.002 4.002 0 0 1 7.748 0H21v2h-5.126Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-commit-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-commit-line.svg
deleted file mode 100644
index 8f2d6122ba3e6f44a29e73e44ba7a835e29e61ac..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-commit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 8.002A4.002 4.002 0 0 1 15.874 11H21v2h-5.126a4.002 4.002 0 0 1-7.748 0H3v-2h5.126A4.002 4.002 0 0 1 12 8.002ZM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-merge-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-merge-fill.svg
deleted file mode 100644
index c7e08f341995549d45f9232cb6e24429080f1c06..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-merge-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.105 8.79A3.001 3.001 0 0 0 10 11h4a5.001 5.001 0 0 1 4.927 4.146 3.001 3.001 0 1 1-3.876 3.416 3 3 0 0 1 1.844-3.352A3.001 3.001 0 0 0 14 13h-4a4.978 4.978 0 0 1-3-1v3.17a3.001 3.001 0 1 1-2 0V8.83a3.001 3.001 0 1 1 2.105-.04Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-merge-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-merge-line.svg
deleted file mode 100644
index f242d08ae03133f2c44dcfe681419d9576257aa6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-merge-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.942 3a3.001 3.001 0 0 1 1.163 5.79A3.001 3.001 0 0 0 10 11h4a5.001 5.001 0 0 1 4.927 4.146 3.001 3.001 0 1 1-3.876 3.416 3 3 0 0 1 1.844-3.352A3.001 3.001 0 0 0 14 13h-4a4.978 4.978 0 0 1-3-1v3.17a3.001 3.001 0 1 1-2 0V8.83A3.001 3.001 0 0 1 5.942 3ZM6 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-pull-request-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-pull-request-fill.svg
deleted file mode 100644
index 067f5304db75bc026317e9b7f564f0bf072f0694..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-pull-request-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 5h2a2 2 0 0 1 2 2v8.17a3.001 3.001 0 1 1-2 0V7h-2v3l-4.5-4L15 2v3ZM5 8.83a3.001 3.001 0 1 1 2 0v6.34a3.001 3.001 0 1 1-2 0V8.83Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-pull-request-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-pull-request-line.svg
deleted file mode 100644
index 2871690af423cb4bf5b10d1cc3fd23728d10620b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-pull-request-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2v3h2a2 2 0 0 1 2 2v8.17a3.001 3.001 0 1 1-2 0V7h-2v3l-4.5-4L15 2ZM6 3a3.001 3.001 0 0 1 1 5.83v6.34a3.001 3.001 0 1 1-2 0V8.83A3.001 3.001 0 0 1 6 3Zm0 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM6 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-repository-commits-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-repository-commits-fill.svg
deleted file mode 100644
index bf981ca6a51f75e153cf48259744cb7035da67e7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-repository-commits-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 12 4 5h-3v6h-2v-6H9l4-5Zm7-10a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-4v-2h3v-3h-.8L13 9.5 7.647 16H6.5a1.5 1.5 0 0 0 0 3H10v2H6.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14ZM9 8H7v2h2V8Zm0-3H7v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-repository-commits-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-repository-commits-line.svg
deleted file mode 100644
index d3f4e8c3c9c99c7f34e59cbae9147a2448425fe4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-repository-commits-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 12 4 5h-3v6h-2v-6H9l4-5Zm7-10a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-4v-2h3v-3h-1v-2h1V4H6v10.035A3.53 3.53 0 0 1 6.5 14H8v2H6.5a1.5 1.5 0 0 0 0 3H10v2H6.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14ZM9 8v2H7V8h2Zm0-3v2H7V5h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-repository-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-repository-fill.svg
deleted file mode 100644
index 0d8e8ffcdff4c54c060067de52f8231b476f3271..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-repository-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-7v2.5l-3-2-3 2V21h-.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14Zm-1 14H6.5a1.5 1.5 0 0 0 0 3H7v-2h6v2h6v-3ZM9 11H7v2h2v-2Zm0-3H7v2h2V8Zm0-3H7v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-repository-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-repository-line.svg
deleted file mode 100644
index 53cb36629dfb2dad0579ff481dd32b9189e994d2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-repository-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v17a1 1 0 0 1-1 1h-7v2.5l-3-2-3 2V21h-.5A3.5 3.5 0 0 1 3 17.5V5a3 3 0 0 1 3-3h14Zm-1 14H6.5a1.5 1.5 0 0 0 0 3H7v-2h6v2h6v-3Zm0-12H6v10.035A3.53 3.53 0 0 1 6.5 14H19V4ZM9 11v2H7v-2h2Zm0-3v2H7V8h2Zm0-3v2H7V5h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-repository-private-fill.svg b/packages/ui/src/styles/dsfr/icons/development/git-repository-private-fill.svg
deleted file mode 100644
index 751af20d8bec78fab8a7f4a32280bb811efc99f8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-repository-private-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a6 6 0 0 1 6 6v1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 0 1 6-6ZM9 17H7v2h2v-2Zm0-3H7v2h2v-2Zm0-3H7v2h2v-2Zm3-8a4 4 0 0 0-4 4v1h8V7a4 4 0 0 0-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/git-repository-private-line.svg b/packages/ui/src/styles/dsfr/icons/development/git-repository-private-line.svg
deleted file mode 100644
index 78786e6ddf69a6b807d9e8c089207d4f9ccab355..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/git-repository-private-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a6 6 0 0 1 6 6v1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 0 1 6-6Zm7 9H6v10h13V10ZM9 17v2H7v-2h2Zm0-3v2H7v-2h2Zm0-3v2H7v-2h2Zm3-8a4 4 0 0 0-4 4v1h8V7a4 4 0 0 0-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/terminal-box-fill.svg b/packages/ui/src/styles/dsfr/icons/development/terminal-box-fill.svg
deleted file mode 100644
index 697e19bf4b25c16cda139961058cbae23ee4b883..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/terminal-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-3 12h-6v2h6v-2ZM7 7.757 5.586 9.172 8.414 12l-2.828 2.828L7 16.243 11.243 12 7 7.757Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/terminal-box-line.svg b/packages/ui/src/styles/dsfr/icons/development/terminal-box-line.svg
deleted file mode 100644
index faa74ccee72d91f49ed67021487338c89cbf6ab7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/terminal-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-2 10v2h-6v-2h6ZM7.253 7.757 11.495 12l-4.242 4.243-1.415-1.415L8.667 12 5.838 9.172l1.415-1.415Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/terminal-line.svg b/packages/ui/src/styles/dsfr/icons/development/terminal-line.svg
deleted file mode 100644
index 44a4bc8910bab4160d9fb1cce538fbe99b5278ed..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/terminal-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11 12-7.071 7.071-1.414-1.414L8.172 12 2.515 6.343 3.929 4.93 11 12Zm0 7h10v2H11v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/terminal-window-fill.svg b/packages/ui/src/styles/dsfr/icons/development/terminal-window-fill.svg
deleted file mode 100644
index ac6a916a838fc37a082815a8899f30d272f90ee7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/terminal-window-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 7H4v9h16v-9ZM8 11v5H5v-5h3ZM7 6H5v2h2V6Zm4 0H9v2h2V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/development/terminal-window-line.svg b/packages/ui/src/styles/dsfr/icons/development/terminal-window-line.svg
deleted file mode 100644
index 75092173bcfbea1e498ba43ba71dad629a4320ce..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/development/terminal-window-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 8H4v8h16v-8ZM8 12v5H5v-5h3Zm12-7H4v4h16V5ZM7 6v2H5V6h2Zm4 0v2H9V6h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/bluetooth-fill.svg b/packages/ui/src/styles/dsfr/icons/device/bluetooth-fill.svg
deleted file mode 100644
index 5fbccb7b6502c1503db64c0740a8706b88264568..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/bluetooth-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.028 2.029 5.656 5.657-4.343 4.343v.001l4.343 4.343-5.656 5.656h-2v-6.686l-4.364 4.364-1.415-1.414 5.779-5.778v-.97l-5.779-5.78 1.415-1.414 4.364 4.364V2.029h2Zm0 11.515v5.657l2.828-2.828-2.828-2.829Zm0-8.686v5.656l2.828-2.828-2.828-2.828Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/bluetooth-line.svg b/packages/ui/src/styles/dsfr/icons/device/bluetooth-line.svg
deleted file mode 100644
index 5fbccb7b6502c1503db64c0740a8706b88264568..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/bluetooth-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.028 2.029 5.656 5.657-4.343 4.343v.001l4.343 4.343-5.656 5.656h-2v-6.686l-4.364 4.364-1.415-1.414 5.779-5.778v-.97l-5.779-5.78 1.415-1.414 4.364 4.364V2.029h2Zm0 11.515v5.657l2.828-2.828-2.828-2.829Zm0-8.686v5.656l2.828-2.828-2.828-2.828Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/computer-fill.svg b/packages/ui/src/styles/dsfr/icons/device/computer-fill.svg
deleted file mode 100644
index 2fba170ad0f4bcbd7f1c61674b198174141bef7c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/computer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H13Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/computer-line.svg b/packages/ui/src/styles/dsfr/icons/device/computer-line.svg
deleted file mode 100644
index 52da8688f941cfdaf59a643363eaf065523c347f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/computer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H13v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016ZM20 5H4v11h16V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/dashboard-3-fill.svg b/packages/ui/src/styles/dsfr/icons/device/dashboard-3-fill.svg
deleted file mode 100644
index dd316bab0220c572177d5d907b0401e8916e6642..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/dashboard-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3.833 5.337c-2.89 2.028-4.52 3.23-4.894 3.602a1.502 1.502 0 0 0 0 2.122 1.502 1.502 0 0 0 2.122 0c.219-.22 1.418-1.851 3.598-4.897a.59.59 0 0 0-.063-.76.595.595 0 0 0-.763-.067ZM17.5 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-11 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm.904-3.596A1 1 0 1 0 8.82 8.818a1 1 0 0 0-1.416-1.414ZM12 5.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/dashboard-3-line.svg b/packages/ui/src/styles/dsfr/icons/device/dashboard-3-line.svg
deleted file mode 100644
index 33e8677ff84d25dd7cc84525adf457334ea36545..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/dashboard-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm4.596 3.404a.59.59 0 0 1 .063.76c-2.18 3.046-3.38 4.678-3.598 4.897a1.502 1.502 0 0 1-2.122 0 1.502 1.502 0 0 1 0-2.122c.374-.373 2.005-1.574 4.894-3.602a.595.595 0 0 1 .763.067ZM17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414ZM12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/database-fill.svg b/packages/ui/src/styles/dsfr/icons/device/database-fill.svg
deleted file mode 100644
index 811fcc9523a1f0a15d3bd1f41b1e4f9516bedf75..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/database-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8V4a1 1 0 0 1 1-1h9ZM10 16H5v2h5v-2Zm9 0h-5v2h5v-2Zm0-3h-5v2h5v-2Zm-9 0H5v2h5v-2Zm9-3h-5v2h5v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/database-line.svg b/packages/ui/src/styles/dsfr/icons/device/database-line.svg
deleted file mode 100644
index 692f26952735ba4148a809383f850f5f603217fa..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/database-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h8V4a1 1 0 0 1 1-1h9ZM11 9H4v10h7V9Zm9-4h-7v14h7V5ZM10 16v2H5v-2h5Zm9 0v2h-5v-2h5Zm0-3v2h-5v-2h5Zm-9 0v2H5v-2h5Zm9-3v2h-5v-2h5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/device-fill.svg b/packages/ui/src/styles/dsfr/icons/device/device-fill.svg
deleted file mode 100644
index 7625d766629d499450f908cd06a2c1f702d6d0b1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/device-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h8Zm-3-6a1 1 0 0 1 1 1v3h-8a1 1 0 0 0-1 1v13H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/device-line.svg b/packages/ui/src/styles/dsfr/icons/device/device-line.svg
deleted file mode 100644
index 760f6f0c6a671da7db3008476ce596091337296e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/device-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 2a1 1 0 0 1 1 1v5h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm2 8h-6v10h6V10Zm-3-6H5v14h7V9a1 1 0 0 1 1-1h4V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/hard-drive-2-fill.svg b/packages/ui/src/styles/dsfr/icons/device/hard-drive-2-fill.svg
deleted file mode 100644
index 698f49f1708f2e921912801290384714a72f9c21..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/hard-drive-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 14H5v4h14v-4Zm-2 1v2h-2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/hard-drive-2-line.svg b/packages/ui/src/styles/dsfr/icons/device/hard-drive-2-line.svg
deleted file mode 100644
index 30fa8cc1a6717f9bd0ad041dd4d5fdbc9ac06300..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/hard-drive-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 14H5v4h14v-4Zm-2 1v2h-2v-2h2Zm2-13H5v10h14V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/mac-fill.svg b/packages/ui/src/styles/dsfr/icons/device/mac-fill.svg
deleted file mode 100644
index 1df690879624b445709b4ad97f4da4987765dd02..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/mac-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H14v2l2 1v1H8l-.004-.996L10 20v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016ZM20 14H4v2h16v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/mac-line.svg b/packages/ui/src/styles/dsfr/icons/device/mac-line.svg
deleted file mode 100644
index 44ebfcedd428cfb79111597b21afd36dd281aa31..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/mac-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H14v2l2 1v1H8l-.004-.996L10 20v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016ZM20 5H4v9h16V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/phone-fill.svg b/packages/ui/src/styles/dsfr/icons/device/phone-fill.svg
deleted file mode 100644
index 9280180b8d1b8937d4cdecc718ae37c0ce382244..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/phone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 16.42v3.536a1 1 0 0 1-.93.998c-.437.03-.794.046-1.07.046-8.837 0-16-7.163-16-16 0-.276.015-.633.046-1.07A1 1 0 0 1 4.044 3H7.58a.5.5 0 0 1 .498.45c.023.23.044.413.064.552A13.901 13.901 0 0 0 9.35 8.003c.095.2.033.439-.147.567l-2.158 1.542a13.047 13.047 0 0 0 6.844 6.844l1.54-2.154a.462.462 0 0 1 .573-.149c1.265.6 2.614 1.007 4 1.205.139.02.322.042.55.064a.5.5 0 0 1 .449.498H21Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/phone-line.svg b/packages/ui/src/styles/dsfr/icons/device/phone-line.svg
deleted file mode 100644
index 74b396e04b5a0f5abb528bd9acdabbb9fd22cfaf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/phone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.539 3a1 1 0 0 1 .997.921A11.422 11.422 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294l-1.238.884a10.556 10.556 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296 11.422 11.422 0 0 0 4.583 1.364 1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995A15.51 15.51 0 0 1 18.5 21C9.94 21 3 14.06 3 5.5c0-.538.027-1.072.082-1.602A1 1 0 0 1 4.077 3h4.462Zm-.892 2H5.01c-.006.166-.009.333-.009.5C5 12.956 11.044 19 18.5 19c.167 0 .334-.003.5-.01v-2.637a13.41 13.41 0 0 1-3.668-1.097l-1.357 1.9a12.442 12.442 0 0 1-1.588-.75l-.058-.033a12.556 12.556 0 0 1-4.702-4.702l-.033-.058a12.442 12.442 0 0 1-.75-1.588l1.9-1.357A13.41 13.41 0 0 1 7.647 5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/qr-code-fill.svg b/packages/ui/src/styles/dsfr/icons/device/qr-code-fill.svg
deleted file mode 100644
index 7ec9a712808e6aac69360c9403bdc386596564c4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/qr-code-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 13v2h2v2h-1v2h-2v2h-2v-3h2v-1h1v-1h-3v-3h3Zm5 4v4h-4v-2h2v-2h2Zm-10-4v8H3v-8h8Zm-3 3H6v2h2v-2Zm13-3v2h-3v-2h3ZM11 3v8H3V3h8Zm10 0v8h-8V3h8ZM8 6H6v2h2V6Zm10 0h-2v2h2V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/qr-code-line.svg b/packages/ui/src/styles/dsfr/icons/device/qr-code-line.svg
deleted file mode 100644
index c10158cfabbcd4e1425e3656049777fa1785ea26..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/qr-code-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 13v2h2v2h-1v2h-2v2h-2v-3h2v-1h1v-1h-3v-3h3Zm5 4v4h-4v-2h2v-2h2Zm-10-4v8H3v-8h8Zm-2 2H5v4h4v-4Zm-1 1v2H6v-2h2Zm13-3v2h-3v-2h3ZM11 3v8H3V3h8Zm10 0v8h-8V3h8ZM9 5H5v4h4V5Zm10 0h-4v4h4V5ZM8 6v2H6V6h2Zm10 0v2h-2V6h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/rss-fill.svg b/packages/ui/src/styles/dsfr/icons/device/rss-fill.svg
deleted file mode 100644
index 7b774b228c054d556a813ccd01daa3d6e9912996..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/rss-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 3c9.941 0 18 8.059 18 18h-3c0-8.284-6.716-15-15-15V3Zm0 7c6.075 0 11 4.925 11 11h-3a8 8 0 0 0-8-8v-3Zm0 7a4 4 0 0 1 4 4H3v-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/rss-line.svg b/packages/ui/src/styles/dsfr/icons/device/rss-line.svg
deleted file mode 100644
index 22e805b79c3d59aad796ee339b8b8cc093ac2107..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/rss-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 17a4 4 0 0 1 4 4H3v-4Zm0-7c6.075 0 11 4.925 11 11h-2a9 9 0 0 0-9-9v-2Zm0-7c9.941 0 18 8.059 18 18h-2c0-8.837-7.163-16-16-16V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/save-3-fill.svg b/packages/ui/src/styles/dsfr/icons/device/save-3-fill.svg
deleted file mode 100644
index 41aec362c2da11a96df7f218b63d218c0e0f3fff..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/save-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18 3 2.707 2.707a1 1 0 0 1 .293.707V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h14Zm0 9H6v7h12v-7Zm-2-8H7v5h9V4Zm-1 1v3h-2V5h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/save-3-line.svg b/packages/ui/src/styles/dsfr/icons/device/save-3-line.svg
deleted file mode 100644
index 2cb95beb90e99b731973c6731c40a579970dcbac..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/save-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18 3 2.707 2.707a1 1 0 0 1 .293.707V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h14ZM7 5H5v14h1v-7h12v7h1V6.828L17.172 5H16v4H7V5Zm9 9H8v5h8v-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/save-fill.svg b/packages/ui/src/styles/dsfr/icons/device/save-fill.svg
deleted file mode 100644
index 4f0824730143ccdab716fcca6201cb10091129b4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/save-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 21v-8H6v8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h13l4 4v13c0 .55-.45 1-1 1h-2zm-2 0H8v-6h8v6z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/save-line.svg b/packages/ui/src/styles/dsfr/icons/device/save-line.svg
deleted file mode 100644
index dff1293ebe7ef1515b2fc992fbad5ad86c36fe50..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/save-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 19v-6h10v6h2V7.83L16.17 5H5v14h2zM4 3h13l4 4v13c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1zm5 12v4h6v-4H9z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/server-fill.svg b/packages/ui/src/styles/dsfr/icons/device/server-fill.svg
deleted file mode 100644
index 2ff522e993a0c7d4abb3d308f47bb931e6b65e34..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/server-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 13v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7h18Zm-11 3H7v2h3v-2ZM20 3a1 1 0 0 1 1 1v7H3V4a1 1 0 0 1 1-1h16ZM10 6H7v2h3V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/server-line.svg b/packages/ui/src/styles/dsfr/icons/device/server-line.svg
deleted file mode 100644
index d41c40de69dcc2e653707f704a75c28f136f8de2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/server-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 10H5v6h14v-6Zm-9 2v2H7v-2h3Zm9-10H5v6h14V5Zm-9 2v2H7V7h3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/smartphone-fill.svg b/packages/ui/src/styles/dsfr/icons/device/smartphone-fill.svg
deleted file mode 100644
index c92fcd9af9666a2d6eb3ccb6137256664e7a85f4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/smartphone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12Zm-6 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/smartphone-line.svg b/packages/ui/src/styles/dsfr/icons/device/smartphone-line.svg
deleted file mode 100644
index 33b25fdfe01f0ebb641316cbc27c747a62026421..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/smartphone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12Zm-1 2H7v16h10V4Zm-5 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/tablet-fill.svg b/packages/ui/src/styles/dsfr/icons/device/tablet-fill.svg
deleted file mode 100644
index e2f00314a0d8d8009c94739e63c82600e956dc52..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/tablet-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-7 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/tablet-line.svg b/packages/ui/src/styles/dsfr/icons/device/tablet-line.svg
deleted file mode 100644
index 328765d0fc26832a82739204269d805b28663ea0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/tablet-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-1 2H6v16h12V4Zm-6 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/tv-fill.svg b/packages/ui/src/styles/dsfr/icons/device/tv-fill.svg
deleted file mode 100644
index 0a125e0acfff838887118cfe6e3f518d570db578..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/tv-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.414 5h5.594c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 20V6c0-.552.455-1 .992-1h5.594L6.05 2.464 7.464 1.05 11.414 5h1.172l3.95-3.95 1.414 1.414L15.414 5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/tv-line.svg b/packages/ui/src/styles/dsfr/icons/device/tv-line.svg
deleted file mode 100644
index bee7bedd0789628134ac3fe1564c81c44bf230f5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/tv-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.536 1.05 1.414 1.414L15.414 5h5.594c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1H2.992A.994.994 0 0 1 2 20V6c0-.552.455-1 .992-1h5.594L6.05 2.464 7.464 1.05 11.414 5h1.172l3.95-3.95ZM20 7H4v12h16V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/wifi-fill.svg b/packages/ui/src/styles/dsfr/icons/device/wifi-fill.svg
deleted file mode 100644
index 3807bcd1f3920bbe76dcc37b5ce648668b747323..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/wifi-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 13c1.904 0 3.653.665 5.027 1.776l-1.885 2.334A4.98 4.98 0 0 0 12 16a4.98 4.98 0 0 0-3.142 1.11l-1.886-2.333.256-.198A7.967 7.967 0 0 1 12 13Zm0-5a12.95 12.95 0 0 1 8.169 2.886l-1.885 2.334A9.958 9.958 0 0 0 12 11c-2.38 0-4.566.832-6.284 2.22l-1.885-2.333.305-.24A12.946 12.946 0 0 1 12 8Zm0-5c4.285 0 8.22 1.497 11.31 3.997L21.425 9.33A14.937 14.937 0 0 0 12 6C8.43 6 5.15 7.248 2.575 9.33L.69 6.997A17.925 17.925 0 0 1 12 3Zm-1.885 15.667A2.987 2.987 0 0 1 12 18c.714 0 1.37.25 1.885.666L12 21l-1.885-2.334v.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/device/wifi-line.svg b/packages/ui/src/styles/dsfr/icons/device/wifi-line.svg
deleted file mode 100644
index e1c58e8684ff2b309d466fd8b92337118f4ff6a3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/device/wifi-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 8a12.95 12.95 0 0 1 8.169 2.886l-1.257 1.556A10.954 10.954 0 0 0 12 10c-2.618 0-5.023.915-6.912 2.442l-1.257-1.555.305-.24A12.946 12.946 0 0 1 12 8Zm0-5c4.285 0 8.22 1.497 11.31 3.997l-1.256 1.556A15.933 15.933 0 0 0 12 5C8.191 5 4.694 6.33 1.946 8.553L.69 6.997A17.925 17.925 0 0 1 12 3ZM6.973 14.777A7.967 7.967 0 0 1 12 13c1.904 0 3.653.665 5.027 1.776l-1.257 1.556A5.975 5.975 0 0 0 12 15c-1.428 0-2.74.499-3.77 1.332l-1.257-1.556v.001Zm3.142 3.89A2.987 2.987 0 0 1 12 18c.714 0 1.37.25 1.885.666L12 21l-1.885-2.334v.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/article-fill.svg b/packages/ui/src/styles/dsfr/icons/document/article-fill.svg
deleted file mode 100644
index 57beaa49df7a4e83c723167b440f518835faa2a5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/article-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-3 14H7v2h10v-2Zm0-4H7v2h10v-2Zm-6-6H7v4h4V6Zm6 1h-4v2h4V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/article-line.svg b/packages/ui/src/styles/dsfr/icons/document/article-line.svg
deleted file mode 100644
index 8ad1b5f352e766163c1c2810ffde1fdbe6345235..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/article-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 2H5v16h14V4Zm-2 12v2H7v-2h10Zm0-4v2H7v-2h10Zm-6-6v4H7V6h4Zm6 1v2h-4V7h4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/book-2-fill.svg b/packages/ui/src/styles/dsfr/icons/document/book-2-fill.svg
deleted file mode 100644
index 487e196e4ae843ef5583b4f14ad72c9192376fb8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/book-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 18H6a1 1 0 0 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16v16Zm-5-9V7H8v2h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/book-2-line.svg b/packages/ui/src/styles/dsfr/icons/document/book-2-line.svg
deleted file mode 100644
index 0a030e969875abe0766b4dfb2af2f80a204123e8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/book-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 18H6a1 1 0 0 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16v16ZM5 16.05c.162-.033.329-.05.5-.05H19V4H5v12.05ZM16 9H8V7h8v2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/booklet-fill.svg b/packages/ui/src/styles/dsfr/icons/document/booklet-fill.svg
deleted file mode 100644
index 081e4591344abeea0d3e3a47e86f402773065ad8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/booklet-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 2v20H4v-4H2v-2h2v-3H2v-2h2V8H2V6h2V2h4Zm12.005 0C21.107 2 22 2.898 22 3.99v16.02c0 1.099-.893 1.99-1.995 1.99H10V2h10.005Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/booklet-line.svg b/packages/ui/src/styles/dsfr/icons/document/booklet-line.svg
deleted file mode 100644
index 7ffa3c627bcea1e539085022cb4adddb701e8406..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/booklet-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.005 2C21.107 2 22 2.898 22 3.99v16.02c0 1.099-.893 1.99-1.995 1.99H4v-4H2v-2h2v-3H2v-2h2V8H2V6h2V2h16.005ZM8 4H6v16h2V4Zm12 0H10v16h10V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/clipboard-fill.svg b/packages/ui/src/styles/dsfr/icons/document/clipboard-fill.svg
deleted file mode 100644
index ebd4537075c5c5b46061f7bd605f04b18563a27d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/clipboard-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 4v4h12V4h2.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H6Zm10-2v4H8V2h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/clipboard-line.svg b/packages/ui/src/styles/dsfr/icons/document/clipboard-line.svg
deleted file mode 100644
index 2e4032b522ed9a6e7d24c7036e5429e3b74cf1d4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/clipboard-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H7V2h10ZM7 6H5v14h14V6h-2v2H7V6Zm8-2H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/draft-fill.svg b/packages/ui/src/styles/dsfr/icons/document/draft-fill.svg
deleted file mode 100644
index 350308f76ae593873319049bda18245007055875..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/draft-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v3.757l-8.999 9-.006 4.238 4.246.006L21 15.242V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm1.778 6.808 1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778ZM12 12H7v2h5v-2Zm3-4H7v2h8V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/draft-line.svg b/packages/ui/src/styles/dsfr/icons/document/draft-line.svg
deleted file mode 100644
index c39455951509f715504b081c060fdb751459e265..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/draft-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v3.757l-2 2V4H5v16h14v-2.758l2-2V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm1.778 6.808 1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778ZM13 12v2H8v-2h5Zm3-4v2H8V8h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-add-fill.svg b/packages/ui/src/styles/dsfr/icons/document/file-add-fill.svg
deleted file mode 100644
index 86b612af46d18615128ec9a0322451c78f361b59..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-add-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16Zm-3 6h-2v3H8v2h3v3h2v-3h3v-2h-3V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-add-line.svg b/packages/ui/src/styles/dsfr/icons/document/file-add-line.svg
deleted file mode 100644
index 97f3191e705166a9681998205cbecff339e194c2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.447 2 3.999 2H16Zm-1 2H5v16h14V8h-4V4Zm-2 4v3h3v2h-3v3h-2v-3H8v-2h3V8h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-download-fill.svg b/packages/ui/src/styles/dsfr/icons/document/file-download-fill.svg
deleted file mode 100644
index b92517ad7a701d6ee9f6c91a4714dad485b20792..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-download-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16Zm-3 10V8h-2v4H8l4 4 4-4h-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-download-line.svg b/packages/ui/src/styles/dsfr/icons/document/file-download-line.svg
deleted file mode 100644
index 1bc688d6e959dabd4831b8c500406d9187deb32b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-download-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 12h3l-4 4-4-4h3V8h2v4Zm2-8H5v16h14V8h-4V4ZM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-fill.svg b/packages/ui/src/styles/dsfr/icons/document/file-fill.svg
deleted file mode 100644
index 2629f1728f59e31ba98a10f6be6fc2a9b8302c71..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 9h6a1 1 0 0 0 1-1V2h10.002c.551 0 .998.455.998.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V9Zm0-2 5-4.997V7H3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-line.svg b/packages/ui/src/styles/dsfr/icons/document/file-line.svg
deleted file mode 100644
index fc04ab8c8e4081cf44ec0a22dc168748fec42f4c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m3 8 6.003-6h10.995C20.55 2 21 2.455 21 2.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V8Zm7-4v5H5v11h14V4h-9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-pdf-fill.svg b/packages/ui/src/styles/dsfr/icons/document/file-pdf-fill.svg
deleted file mode 100644
index 5767bb4ca2cf666fa791f5ab63aba88442915bdd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-pdf-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 2 5 5v14.008a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992C3 2.444 3.445 2 3.993 2H16zm-4 14a4 4 0 1 0 0-8H8v8h4zm-2-6h2a2 2 0 1 1 0 4h-2v-4z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-pdf-line.svg b/packages/ui/src/styles/dsfr/icons/document/file-pdf-line.svg
deleted file mode 100644
index e6628b189da3ecfe2126f7ea69524fd462fa329d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-pdf-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 16H8V8h4a4 4 0 1 1 0 8zm-2-6v4h2a2 2 0 1 0 0-4h-2zm5-6H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-text-fill.svg b/packages/ui/src/styles/dsfr/icons/document/file-text-fill.svg
deleted file mode 100644
index fd81de3cc7f5a5861209cc04f84188d5b5b66f7e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-text-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 2v6a1 1 0 0 0 1 1h6v11.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.447 2 3.998 2H14Zm2 13H8v2h8v-2Zm0-4H8v2h8v-2Zm-5-4H8v2h3V7Zm5-4.997L21 7h-5V2.003Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/file-text-line.svg b/packages/ui/src/styles/dsfr/icons/document/file-text-line.svg
deleted file mode 100644
index 90831c485160cb14591b0df24798dadbcba6b285..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/file-text-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.997 2 21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995ZM14 4H5v16h14V9h-5V4ZM8 7h3v2H8V7Zm0 4h8v2H8v-2Zm0 4h8v2H8v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/folder-2-fill.svg b/packages/ui/src/styles/dsfr/icons/document/folder-2-fill.svg
deleted file mode 100644
index 9eecb25441465735081cab66f760bdd8c7398cb6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/folder-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 11v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9h20Zm0-2H2V4a1 1 0 0 1 1-1h7.414l2 2H21a1 1 0 0 1 1 1v3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/folder-2-line.svg b/packages/ui/src/styles/dsfr/icons/document/folder-2-line.svg
deleted file mode 100644
index 0bc206c7c532391c7a4cfe4c46a9259339accd0a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/folder-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.414 3 2 2H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414ZM20 11H4v8h16v-8ZM9.586 5H4v4h16V7h-8.414l-2-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/newspaper-fill.svg b/packages/ui/src/styles/dsfr/icons/document/newspaper-fill.svg
deleted file mode 100644
index 332562642364bc9b6c040db12e1e9152114f1bd1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/newspaper-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3Zm-1-10v7a1 1 0 0 0 2 0v-7h-2ZM5 6v6h6V6H5Zm0 7v2h10v-2H5Zm0 3v2h10v-2H5Zm2-8h2v2H7V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/newspaper-line.svg b/packages/ui/src/styles/dsfr/icons/document/newspaper-line.svg
deleted file mode 100644
index 6754c17e2e08983550090e35d25862d900a86fe5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/newspaper-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 20V4H4v15a1 1 0 0 0 1 1h11Zm3 2H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3Zm-1-10v7a1 1 0 0 0 2 0v-7h-2ZM6 6h6v6H6V6Zm2 2v2h2V8H8Zm-2 5h8v2H6v-2Zm0 3h8v2H6v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/survey-fill.svg b/packages/ui/src/styles/dsfr/icons/document/survey-fill.svg
deleted file mode 100644
index eb1c4d13bc4a1e399598986759141ca807dec34c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/survey-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 4v4h12V4h2.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H6Zm3 13H7v2h2v-2Zm0-3H7v2h2v-2Zm0-3H7v2h2v-2Zm7-9v4H8V2h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/survey-line.svg b/packages/ui/src/styles/dsfr/icons/document/survey-line.svg
deleted file mode 100644
index d3b3b7733a47d38107616a10d07b85b9648f29ec..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/survey-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.994.994 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H7V2h10ZM7 6H5v14h14V6h-2v2H7V6Zm2 10v2H7v-2h2Zm0-3v2H7v-2h2Zm0-3v2H7v-2h2Zm6-6H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/todo-fill.svg b/packages/ui/src/styles/dsfr/icons/document/todo-fill.svg
deleted file mode 100644
index 034b88b3fcfca10e12fefed0d818747ca63a1ca4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/todo-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 0v2h6V0h2v2h3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3V0h2Zm8 12H7v2h10v-2Zm0-4H7v2h10V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/document/todo-line.svg b/packages/ui/src/styles/dsfr/icons/document/todo-line.svg
deleted file mode 100644
index e6dbba95f27290f95e21a00d3388833773fc330e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/document/todo-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 0v2h6V0h2v2h3a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3V0h2ZM7 4H5v16h14V4h-2v2h-2V4H9v2H7V4Zm10 8v2H7v-2h10Zm0-4v2H7V8h10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/code-view.svg b/packages/ui/src/styles/dsfr/icons/editor/code-view.svg
deleted file mode 100644
index e8997c981c66fa6bcb677af96875624a99d71f2c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/code-view.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.95 8.464 1.414-1.414 4.95 4.95-4.95 4.95-1.414-1.414L20.485 12 16.95 8.464Zm-9.9 0L3.515 12l3.535 3.536-1.414 1.414L.686 12l4.95-4.95L7.05 8.464Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/font-size.svg b/packages/ui/src/styles/dsfr/icons/editor/font-size.svg
deleted file mode 100644
index b2915083a7407e09d4cb7c9a52c8c0665864598f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/font-size.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m9 4 6.4 16h-2.154l-2-5H4.754l-2 5H.6L7 4h2Zm14 8v8h-2v-.535a4 4 0 1 1 0-6.93V12h2Zm-4 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM8 6.885 5.554 13h4.892L8 6.885Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/fr--bold.svg b/packages/ui/src/styles/dsfr/icons/editor/fr--bold.svg
deleted file mode 100644
index 1f5b261a9ff6b0754132fc8f0b24232053f5a77f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/fr--bold.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.5 4a4.5 4.5 0 0 1 3.256 7.606 4.498 4.498 0 0 1 .926 7.076A4.5 4.5 0 0 1 13.5 20H6V4h6.5Zm.625 9.5H9v4h4.125c1.036 0 1.875-.895 1.875-2s-.84-2-1.875-2Zm-.91-7H9v4h3.214c.987 0 1.786-.895 1.786-2s-.8-2-1.786-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/fr--highlight.svg b/packages/ui/src/styles/dsfr/icons/editor/fr--highlight.svg
deleted file mode 100644
index db8aa42dfac7b22e951b3694eaef3f635efcabe3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/fr--highlight.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 3v18H3V3h2Zm10 13v2H7v-2h8Zm6-5v2H7v-2h14Zm0-5v2H7V6h14Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/fr--quote-fill.svg b/packages/ui/src/styles/dsfr/icons/editor/fr--quote-fill.svg
deleted file mode 100644
index 7727a9db5bc58291e58481e0e64f7c254c7a47d7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/fr--quote-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a8 8 0 1 1 0 16v3.5c-5-2-12-5-12-11.5a8 8 0 0 1 8-8h4Zm-2 4.5H9.295L6.75 11.25 9.295 15H12l-2.506-3.75L12 7.5Zm4.5 0h-2.705l-2.545 3.75L13.795 15H16.5l-2.506-3.75L16.5 7.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/fr--quote-line.svg b/packages/ui/src/styles/dsfr/icons/editor/fr--quote-line.svg
deleted file mode 100644
index 50e2c492eeb1b70571ea2b178472ca4b15506adb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/fr--quote-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3a8 8 0 1 1 0 16v3.5c-5-2-12-5-12-11.5a8 8 0 0 1 8-8h4Zm0 2h-4a6 6 0 0 0-6 6c0 3.61 2.462 5.966 8 8.48V17h2a6 6 0 1 0 0-12Zm-2 2.5-2.506 3.75L12 15H9.295L6.75 11.25 9.295 7.5H12Zm4.5 0-2.506 3.75L16.5 15h-2.705l-2.545-3.75 2.545-3.75H16.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/h-1.svg b/packages/ui/src/styles/dsfr/icons/editor/h-1.svg
deleted file mode 100644
index 9ce4bdba376916df5608553c6b8a0343085f6cc9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/h-1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.276 4v1.892h-5.104V19.4H9.104V5.892H4V4h12.276Zm3.227 4.885v10.5h-2.025V10.97l-2.175 1.23-1.005-1.44 3.24-1.875h1.965Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/h-2.svg b/packages/ui/src/styles/dsfr/icons/editor/h-2.svg
deleted file mode 100644
index bb826c1d438c619ae9f4542d9dad8aa6c7ccd7b0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/h-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Zm2.552 4.6c1.83 0 3.3 1.17 3.3 2.97 0 1.44-.945 2.55-1.98 3.555l-2.535 2.445h4.785v1.83h-7.26v-1.83l3.6-3.54c.81-.825 1.32-1.395 1.32-2.25 0-.87-.6-1.38-1.425-1.38-1.005 0-1.62.615-2.175 1.545l-1.65-1.005c.885-1.44 2.19-2.34 4.02-2.34Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/h-3.svg b/packages/ui/src/styles/dsfr/icons/editor/h-3.svg
deleted file mode 100644
index affffdd893c634123edb71b0b0340474d963c6e0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/h-3.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.738 8.6c1.92 0 3.345 1.095 3.345 2.82 0 .975-.42 1.8-1.2 2.34 1.065.54 1.65 1.485 1.65 2.64 0 1.995-1.635 3.3-3.825 3.3-1.98 0-3.255-.87-4.11-2.37l1.77-1.095c.585 1.155 1.29 1.665 2.325 1.665 1.02 0 1.785-.615 1.785-1.59 0-.96-.75-1.56-1.86-1.56h-1.725v-1.8h1.59c.885 0 1.53-.495 1.53-1.305 0-.795-.6-1.245-1.425-1.245-.84 0-1.41.45-1.845 1.2l-1.65-1.02c.765-1.245 1.95-1.98 3.645-1.98ZM15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/h-4.svg b/packages/ui/src/styles/dsfr/icons/editor/h-4.svg
deleted file mode 100644
index 827f6fba5b72a5e5eff1ec13c88a4ffd3278bb41..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/h-4.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Zm5.402 4.9v5.88h1.065v1.83h-1.065v2.79h-2.025v-2.79h-4.845v-1.83l4.5-5.88h2.37Zm-2.025 2.295-2.76 3.585h2.76v-3.585Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/h-5.svg b/packages/ui/src/styles/dsfr/icons/editor/h-5.svg
deleted file mode 100644
index bc691405c23f4694c9a6687abf9b25c85c4e7632..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/h-5.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.188 8.9v1.83h-4.32l-.12 2.19h.81c2.79 0 4.02 1.275 4.02 3.315 0 2.145-1.68 3.465-3.84 3.465-1.95 0-3.24-.855-4.11-2.37l1.77-1.095c.6 1.155 1.32 1.665 2.34 1.665 1.035 0 1.77-.615 1.77-1.59 0-.99-.735-1.56-2.04-1.56h-2.85l.315-5.85h6.255ZM15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/h-6.svg b/packages/ui/src/styles/dsfr/icons/editor/h-6.svg
deleted file mode 100644
index 61f58d9b839f2d5c735428522c0037563e6c6fba..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/h-6.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.308 8.6c1.755 0 2.85.795 3.54 1.71l-1.56 1.29c-.54-.72-1.155-1.17-1.98-1.17-1.515 0-2.325 1.095-2.46 3.15.675-.585 1.53-.915 2.565-.915 2.085 0 3.405 1.485 3.405 3.405 0 1.98-1.425 3.63-3.825 3.63-2.73 0-4.245-1.995-4.245-5.505 0-3.27 1.35-5.595 4.56-5.595ZM15.276 4v1.892h-5.104V19.4H8.104V5.892H3V4h12.276Zm2.762 10.465c-.855 0-1.59.33-2.13 1.035.24 1.71.975 2.37 2.04 2.37 1.11 0 1.785-.735 1.785-1.725 0-.975-.69-1.68-1.695-1.68Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/hashtag.svg b/packages/ui/src/styles/dsfr/icons/editor/hashtag.svg
deleted file mode 100644
index 64742d3e2695969443d75289fcfd7bb7091bbaba..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/hashtag.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.951 3-.525 5h3.989l.525-5h2.011l-.525 5H20v2h-3.784l-.42 4H20v2h-4.415l-.525 5h-2.011l.525-5H9.585l-.525 5H7.049l.525-5H4v-2h3.784l.42-4H4V8h4.415l.525-5h2.011Zm3.254 7h-3.99l-.42 4h3.99l.42-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/italic.svg b/packages/ui/src/styles/dsfr/icons/editor/italic.svg
deleted file mode 100644
index e7abfb9c1e668728be8f0f7a6e5e9590d0900ff0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/italic.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 20H7v-2h2.927l2.116-12H9V4h8v2h-2.927l-2.116 12H15v2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/link-unlink.svg b/packages/ui/src/styles/dsfr/icons/editor/link-unlink.svg
deleted file mode 100644
index 17c6cd77d1f83efe7c6db0df787de1b1f48a715c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/link-unlink.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 17h5v2h-3v3h-2v-5ZM7 7H2V5h3V2h2v5Zm11.364 8.536L16.95 14.12l1.414-1.414a5 5 0 1 0-7.071-7.071L9.879 7.05 8.464 5.636 9.88 4.222a7 7 0 0 1 9.9 9.9l-1.415 1.414h-.001Zm-2.828 2.828-1.415 1.414a7 7 0 0 1-9.9-9.9l1.415-1.414L7.05 9.88l-1.414 1.414a5 5 0 1 0 7.071 7.071l1.414-1.414 1.415 1.414v-.001Zm-.708-10.607 1.415 1.415-7.071 7.07-1.415-1.414 7.071-7.07v-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/link.svg b/packages/ui/src/styles/dsfr/icons/editor/link.svg
deleted file mode 100644
index cb0bea8531a5bccbed1f624acbf37adffbab5b4c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/link.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.193 15.364-1.414-1.416 1.414-1.414a5 5 0 1 0-7.07-7.07L9.707 6.877 8.293 5.464 9.71 4.05a7 7 0 1 1 9.9 9.9l-1.415 1.414Zm-2.828 2.828-1.415 1.414a7 7 0 0 1-9.9-9.9l1.415-1.414L6.88 9.708l-1.414 1.414a5 5 0 1 0 7.071 7.071l1.414-1.414 1.415 1.414Zm-.708-10.607L16.072 9l-7.07 7.07-1.416-1.414 7.071-7.07Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/list-ordered.svg b/packages/ui/src/styles/dsfr/icons/editor/list-ordered.svg
deleted file mode 100644
index 84d4ce3f423cee035af2360d3e6954a2f4c7cec1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/list-ordered.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 4h13v2H8V4ZM5 3v3h1v1H3V6h1V4H3V3h2ZM3 14v-2.5h2V11H3v-1h3v2.5H4v.5h2v1H3Zm2 5.5H3v-1h2V18H3v-1h3v4H3v-1h2v-.5ZM8 11h13v2H8v-2Zm0 7h13v2H8v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/list-unordered.svg b/packages/ui/src/styles/dsfr/icons/editor/list-unordered.svg
deleted file mode 100644
index a15b9f04ed25c69f0ce75da10cefe3afab5fd0bf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/list-unordered.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 4h13v2H8V4ZM4.5 6.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 6.9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM8 11h13v2H8v-2Zm0 7h13v2H8v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/question-mark.svg b/packages/ui/src/styles/dsfr/icons/editor/question-mark.svg
deleted file mode 100644
index 148f5d5c0aed7276d55313f8e32fd6ba9d4da7db..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/question-mark.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 19a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 12 19Zm0-17a6 6 0 0 1 6 6c0 2.165-.753 3.29-2.674 4.923C13.399 14.56 13 15.297 13 17h-2c0-2.474.787-3.695 3.031-5.601C15.548 10.11 16 9.434 16 8c0-2.21-1.79-4-4-4S8 5.79 8 8v1H6V8a6 6 0 0 1 6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/separator.svg b/packages/ui/src/styles/dsfr/icons/editor/separator.svg
deleted file mode 100644
index cdba799d2956831b42f6efd78338553b5c535d5e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/separator.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 11h2v2H2v-2Zm4 0h12v2H6v-2Zm14 0h2v2h-2v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/space.svg b/packages/ui/src/styles/dsfr/icons/editor/space.svg
deleted file mode 100644
index 5d7faced47074d41cd48bbbe7fd8950743c29930..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/space.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 9v4h16V9h2v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V9h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/subscript.svg b/packages/ui/src/styles/dsfr/icons/editor/subscript.svg
deleted file mode 100644
index 4d7f9cc9a7c4193e98ad448e877d0230e868319b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/subscript.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.596 4 10.5 9.928 15.404 4H18l-6.202 7.497L18 18.994V19h-2.59l-4.91-5.934L5.59 19H3v-.006l6.202-7.497L3 4h2.596ZM21.55 16.58a.8.8 0 1 0-1.32-.36l-1.155.33a2.001 2.001 0 1 1 3.298.904L20.744 19H23v1h-4v-1l2.55-2.42Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/superscript.svg b/packages/ui/src/styles/dsfr/icons/editor/superscript.svg
deleted file mode 100644
index 2dcf3f8413852756040bf2b1c20e1811df9a99e5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/superscript.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m5.596 5 4.904 5.928L15.404 5H18l-6.202 7.497L18 19.994V20h-2.59l-4.91-5.934L5.59 20H3v-.006l6.202-7.497L3 5h2.596ZM21.55 6.58a.8.8 0 1 0-1.32-.36l-1.155.33a2.001 2.001 0 1 1 3.298.904L20.744 9H23v1h-4V9l2.55-2.42Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/table-2.svg b/packages/ui/src/styles/dsfr/icons/editor/table-2.svg
deleted file mode 100644
index 46fe6d9b1c2305c5e3d633cbfa2924d68c9ff2da..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/table-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 13h-6v3h6v-3Zm-8 0H5v3h6v-3Zm8-6h-6v4h6v-4Zm-8 0H5v4h6v-4Zm8-5h-6v3h6V5Zm-8 0H5v3h6V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/editor/translate-2.svg b/packages/ui/src/styles/dsfr/icons/editor/translate-2.svg
deleted file mode 100644
index 50fa6294945d02abd84cc92e40e2f39e7c65decc..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/editor/translate-2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.5 10 4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10h2ZM10 2v2h6v2h-1.968a18.222 18.222 0 0 1-3.62 6.301 14.864 14.864 0 0 0 2.336 1.707l-.751 1.878A17.015 17.015 0 0 1 9 13.725a16.676 16.676 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18.078 18.078 0 0 1 4.767 8h2.24A16.032 16.032 0 0 0 9 10.877a16.165 16.165 0 0 0 2.91-4.876L2 6V4h6V2h2Zm7.5 10.885L16.253 16h2.492L17.5 12.885Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/bank-card-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/bank-card-fill.svg
deleted file mode 100644
index fc60f769db5f44d9fdb2e22bc4d8c598ca9a466b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/bank-card-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 10v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V10h20Zm-3 6h-4v2h4v-2Zm2-13a1 1 0 0 1 1 1v4H2V4a1 1 0 0 1 1-1h18Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/bank-card-line.svg b/packages/ui/src/styles/dsfr/icons/finance/bank-card-line.svg
deleted file mode 100644
index 8924f011878036a216208057ef34109033da2e15..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/bank-card-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 8H4v8h16v-8Zm-2 4v2h-4v-2h4Zm2-10H4v4h16V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/coin-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/coin-fill.svg
deleted file mode 100644
index 92393bc4c7a596a4eae1fa54e91924d5826bdc71..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/coin-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M23 12v2c0 3.314-4.925 6-11 6-5.967 0-10.824-2.591-10.995-5.823L1 14v-2c0 3.314 4.925 6 11 6s11-2.686 11-6ZM12 4c6.075 0 11 2.686 11 6s-4.925 6-11 6-11-2.686-11-6 4.925-6 11-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/gift-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/gift-fill.svg
deleted file mode 100644
index 971179ca625074274d2c5fe1898ed44110368721..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/gift-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a4 4 0 0 1 3.464 6.001L23 8v2h-2v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10H1V8l4.536.001A4 4 0 0 1 12 3.355 3.983 3.983 0 0 1 15 2Zm-2 8h-2v10h2V10ZM9 4a2 2 0 0 0-.15 3.995L9 8h2V6a2 2 0 0 0-1.697-1.977l-.154-.018L9 4Zm6 0a2 2 0 0 0-1.995 1.85L13 6v2h2a2 2 0 0 0 1.995-1.85L17 6a2 2 0 0 0-2-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/gift-line.svg b/packages/ui/src/styles/dsfr/icons/finance/gift-line.svg
deleted file mode 100644
index 6c2202dd5602a93227b098a830f3dbf1eb239220..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/gift-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a4 4 0 0 1 3.464 6.001L23 8v2h-2v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10H1V8l4.536.001A4 4 0 0 1 12 3.355 3.983 3.983 0 0 1 15 2Zm-4 8H5v9h6v-9Zm8 0h-6v9h6v-9ZM9 4a2 2 0 0 0-.15 3.995L9 8h2V6a2 2 0 0 0-1.697-1.977l-.154-.018L9 4Zm6 0a2 2 0 0 0-1.995 1.85L13 6v2h2a2 2 0 0 0 1.995-1.85L17 6a2 2 0 0 0-2-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/money-euro-box-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/money-euro-box-fill.svg
deleted file mode 100644
index cd734e9d27f7976fe9ba1b22cfea8f3aa72085e4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/money-euro-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-9.897 4.223A4.5 4.5 0 0 0 8.028 11H7v2h1.027a4.5 4.5 0 0 0 7.788 2.543l-1.701-1.134A2.5 2.5 0 0 1 10.05 13l4.95.001v-2h-4.95V11a2.5 2.5 0 0 1 4.064-1.41l1.701-1.133a4.5 4.5 0 0 0-4.712-1.234Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/money-euro-box-line.svg b/packages/ui/src/styles/dsfr/icons/finance/money-euro-box-line.svg
deleted file mode 100644
index 94d1f393afc7458fb7f3f0f350d4d9e55430e9d9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/money-euro-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18Zm-1 2H4v14h16V5Zm-4.185 3.457L14.114 9.59A2.5 2.5 0 0 0 10.05 11H15v2h-4.95a2.5 2.5 0 0 0 4.064 1.41l1.7 1.133A4.5 4.5 0 0 1 8.028 13H7v-2h1.027a4.5 4.5 0 0 1 7.788-2.543Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/money-euro-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/money-euro-circle-fill.svg
deleted file mode 100644
index 0acfcdf2efb7785951ab9bc36e9c61430a3dde53..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/money-euro-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm-.897 5.223A4.5 4.5 0 0 0 8.028 11H7v2h1.027a4.5 4.5 0 0 0 7.788 2.543l-1.701-1.134A2.5 2.5 0 0 1 10.05 13l4.95.001v-2h-4.95V11a2.5 2.5 0 0 1 4.064-1.41l1.701-1.133a4.5 4.5 0 0 0-4.712-1.234Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/money-euro-circle-line.svg b/packages/ui/src/styles/dsfr/icons/finance/money-euro-circle-line.svg
deleted file mode 100644
index da09a440a368987c509463ae5209ffc01f2a293c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/money-euro-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.815 4.457L14.114 9.59A2.5 2.5 0 0 0 10.05 11H15v2h-4.95a2.5 2.5 0 0 0 4.064 1.41l1.7 1.133A4.5 4.5 0 0 1 8.028 13H7v-2h1.027a4.5 4.5 0 0 1 7.788-2.543Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/secure-payment-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/secure-payment-fill.svg
deleted file mode 100644
index f62cea7cab5044eeae2271870c2d9ea349df813b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/secure-payment-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11 2 7.298 2.28a1 1 0 0 1 .702.955V7h2a1 1 0 0 1 1 1v2H9V8a1 1 0 0 1 1-1h7V5.97l-6-1.876L5 5.97v7.404a4 4 0 0 0 1.558 3.169l.189.136L11 19.58 14.782 17H10a1 1 0 0 1-1-1v-4h13v4a1 1 0 0 1-1 1l-3.22.001c-.387.51-.857.96-1.4 1.33L11 22l-5.38-3.668A6 6 0 0 1 3 13.374V5.235a1 1 0 0 1 .702-.954L11 2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/secure-payment-line.svg b/packages/ui/src/styles/dsfr/icons/finance/secure-payment-line.svg
deleted file mode 100644
index c67c023eff0586b29c103125ce4cbb26b2d416ad..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/secure-payment-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11 2 7.298 2.28a1 1 0 0 1 .702.955V7h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1l-3.22.001c-.387.51-.857.96-1.4 1.33L11 22l-5.38-3.668A6 6 0 0 1 3 13.374V5.235a1 1 0 0 1 .702-.954L11 2Zm0 2.094L5 5.97v7.404a4 4 0 0 0 1.558 3.169l.189.136L11 19.58 14.782 17H10a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h7V5.97l-6-1.876ZM20 12h-9v3h9v-3Zm0-3h-9v1h9V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/shopping-bag-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/shopping-bag-fill.svg
deleted file mode 100644
index 500af5bc86e764a2520e321ec4d03a5f686b00d1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/shopping-bag-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a5 5 0 0 1 5 5v2h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3V6a5 5 0 0 1 5-5Zm5 10h-2v1a1 1 0 0 0 1.993.117L17 12v-1Zm-8 0H7v1a1 1 0 0 0 1.993.117L9 12v-1Zm3-8a3 3 0 0 0-2.995 2.824L9 6v2h6V6a3 3 0 0 0-2.824-2.995L12 3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/shopping-bag-line.svg b/packages/ui/src/styles/dsfr/icons/finance/shopping-bag-line.svg
deleted file mode 100644
index 3506f8ee05ee1580843ea19b3b514cb8593c669f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/shopping-bag-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a5 5 0 0 1 5 5v2h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3V6a5 5 0 0 1 5-5Zm-5 9H5v10h14V10h-2v2h-2v-2H9v2H7v-2Zm5-7a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/shopping-cart-2-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/shopping-cart-2-fill.svg
deleted file mode 100644
index 35137a3c89456c546f19911050e7a8d4ac717cfc..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/shopping-cart-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 6.414.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414ZM5.5 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/shopping-cart-2-line.svg b/packages/ui/src/styles/dsfr/icons/finance/shopping-cart-2-line.svg
deleted file mode 100644
index 577c145d2567785463abff6770aebd23a667753e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/shopping-cart-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.5 20a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm12 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM2.172 1.757 5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414L.757 3.172l1.415-1.415ZM19.312 7H6v6h11.512l1.8-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/trophy-fill.svg b/packages/ui/src/styles/dsfr/icons/finance/trophy-fill.svg
deleted file mode 100644
index 0fae041d4af9fd87a1be1168cba5eead59ff5e34..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/trophy-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 16.938V19h5v2H6v-2h5v-2.062A8 8 0 0 1 4 9V3h16v6a8 8 0 0 1-7 7.938ZM1 5h2v4H1V5Zm20 0h2v4h-2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/finance/trophy-line.svg b/packages/ui/src/styles/dsfr/icons/finance/trophy-line.svg
deleted file mode 100644
index 8a4f1a19d4a9c20155c75956c5035a97a6c2555f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/finance/trophy-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3v6a8 8 0 0 1-7 7.938V19h5v2H6v-2h5v-2.062A8 8 0 0 1 4 9V3h16Zm-2 2H6v4a6 6 0 1 0 12 0V5ZM3 5v4H1V5h2Zm20 0v4h-2V5h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/capsule-fill.svg b/packages/ui/src/styles/dsfr/icons/health/capsule-fill.svg
deleted file mode 100644
index f8d8c792922cc0e21d2a5086e93e0e937646b49c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/capsule-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.778 4.222a6 6 0 0 1 0 8.485l-2.122 2.12-4.949 4.951a6 6 0 0 1-8.485-8.485l7.07-7.071a6.001 6.001 0 0 1 8.486 0Zm-4.95 10.606L9.172 9.172l-3.536 3.535a4 4 0 0 0 5.657 5.657l3.535-3.536Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/capsule-line.svg b/packages/ui/src/styles/dsfr/icons/health/capsule-line.svg
deleted file mode 100644
index 075fad4d492e24e0c5d00c7f0bd9fa5f843631f7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/capsule-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.778 4.222a6 6 0 0 1 0 8.485l-7.07 7.071a6.001 6.001 0 0 1-8.486-8.485l7.07-7.071a6.001 6.001 0 0 1 8.486 0Zm-5.656 11.313L8.465 9.878l-2.829 2.83a4 4 0 1 0 5.657 5.656l2.829-2.83v.001Zm4.242-9.899a4 4 0 0 0-5.657 0L9.88 8.464l5.657 5.657 2.828-2.828a4 4 0 0 0 0-5.657h-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/dislike-fill.svg b/packages/ui/src/styles/dsfr/icons/health/dislike-fill.svg
deleted file mode 100644
index 2a525868d027c9c113298537e8cffe7d8a92b6c9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/dislike-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m2.808 1.393 18.384 18.385-1.414 1.414-3.747-3.747L12 21.485l-8.48-8.492a6 6 0 0 1 .034-8.023L1.393 2.808l1.415-1.415Zm17.435 3.364a6 6 0 0 1 .236 8.236l-1.635 1.636L7.26 3.046a5.986 5.986 0 0 1 4.741 1.483 5.998 5.998 0 0 1 8.242.228Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/dislike-line.svg b/packages/ui/src/styles/dsfr/icons/health/dislike-line.svg
deleted file mode 100644
index 1d460550ea14a8afd89d584b7ccd742eae17fc14..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/dislike-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m2.808 1.393 18.384 18.385-1.414 1.414-3.747-3.747L12 21.485l-8.48-8.492a6 6 0 0 1 .034-8.023L1.393 2.808l1.415-1.415Zm2.164 4.993a4.001 4.001 0 0 0 .008 5.237L12 18.654l2.617-2.623-9.645-9.645Zm15.271-1.629a6 6 0 0 1 .236 8.236l-1.635 1.636-1.414-1.414 1.59-1.592a3.999 3.999 0 0 0-.193-5.453 3.998 3.998 0 0 0-5.49-.153l-1.335 1.198-1.336-1.197a3.953 3.953 0 0 0-1.155-.723l-2.25-2.25a5.99 5.99 0 0 1 4.74 1.484 5.998 5.998 0 0 1 8.242.228Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/dossier-fill.svg b/packages/ui/src/styles/dsfr/icons/health/dossier-fill.svg
deleted file mode 100644
index 1cff22331574046770dc477eabcd0ed4edc3cb21..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/dossier-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3V2h10Zm-4 9h-2v2H9v2h1.999L11 17h2l-.001-2H15v-2h-2v-2Zm2-7H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/dossier-line.svg b/packages/ui/src/styles/dsfr/icons/health/dossier-line.svg
deleted file mode 100644
index 7d3c2a4404c69c98b7dee41c6754abcc8ee1f158..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/dossier-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3V2h10ZM7 6H5v14h14V6h-2v2H7V6Zm6 5v2h2v2h-2.001L13 17h-2l-.001-2H9v-2h2v-2h2Zm2-7H9v2h6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/first-aid-kit-fill.svg b/packages/ui/src/styles/dsfr/icons/health/first-aid-kit-fill.svg
deleted file mode 100644
index e22d4c916a2906024adf84625ef04a542da516da..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/first-aid-kit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm-3 8h-2v3H8v2h2.999L11 17h2l-.001-3H16v-2h-3V9Zm2-6H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/first-aid-kit-line.svg b/packages/ui/src/styles/dsfr/icons/health/first-aid-kit-line.svg
deleted file mode 100644
index 8764b6aebae28d909ff1df5832d0fd9b46de5dc0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/first-aid-kit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 1a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4V2a1 1 0 0 1 1-1h8Zm4 6H4v12h16V7Zm-7 2v3h3v2h-3.001L13 17h-2l-.001-3H8v-2h3V9h2Zm2-6H9v2h6V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/hand-sanitizer-fill.svg b/packages/ui/src/styles/dsfr/icons/health/hand-sanitizer-fill.svg
deleted file mode 100644
index ac9cf2f499f82178649772fd14128c706648e175..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/hand-sanitizer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2l-4-.001V6h3v2c2.21 0 4 1.79 4 4v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8c0-2.21 1.79-4 4-4V6h3V3.999L7.5 4c-.63 0-1.37.49-2.2 1.6L3.7 4.4C4.87 2.84 6.13 2 7.5 2H17Zm-4 10h-2v2H9v2h1.999L11 18h2l-.001-2H15v-2h-2v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/hand-sanitizer-line.svg b/packages/ui/src/styles/dsfr/icons/health/hand-sanitizer-line.svg
deleted file mode 100644
index dd3e64d94f0cb4f64d591b355b622a6699c3dd9d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/hand-sanitizer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2l-4-.001V6h3v2c2.21 0 4 1.79 4 4v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8c0-2.21 1.79-4 4-4V6h3V3.999L7.5 4c-.63 0-1.37.49-2.2 1.6L3.7 4.4C4.87 2.84 6.13 2 7.5 2H17Zm-1 8H8a2 2 0 0 0-2 2v8h12v-8a2 2 0 0 0-2-2Zm-3 2v2h2v2h-2.001L13 18h-2l-.001-2H9v-2h2v-2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/health-book-fill.svg b/packages/ui/src/styles/dsfr/icons/health/health-book-fill.svg
deleted file mode 100644
index dd2b29d5bc3271958f9f08cc74df955f8ab3c0ff..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/health-book-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2H3v-2h2v-2H3v-2h2v-2H3V9h2V7H3V5h2V3a1 1 0 0 1 1-1h14Zm-6 6h-2v3H9v2h2.999L12 16h2l-.001-3H17v-2h-3V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/health-book-line.svg b/packages/ui/src/styles/dsfr/icons/health/health-book-line.svg
deleted file mode 100644
index cc5f03107047645e9092a0dfe3fd80232c314d1e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/health-book-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2H3v-2h2v-2H3v-2h2v-2H3V9h2V7H3V5h2V3a1 1 0 0 1 1-1h14Zm-1 2H7v16h12V4Zm-5 4v3h3v2h-3.001L14 16h-2l-.001-3H9v-2h3V8h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/heart-fill.svg b/packages/ui/src/styles/dsfr/icons/health/heart-fill.svg
deleted file mode 100644
index 138bbd271bba21e6c0e84bb88c960f95b9dc88b9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/heart-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.001 4.529a5.998 5.998 0 0 1 8.242.228 6 6 0 0 1 .236 8.236l-8.48 8.492-8.478-8.492a6 6 0 0 1 8.48-8.464Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/heart-line.svg b/packages/ui/src/styles/dsfr/icons/health/heart-line.svg
deleted file mode 100644
index b39bfd0eae0c1b28cbe6d9df5fc0a883ae9209e3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/heart-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.001 4.529a5.998 5.998 0 0 1 8.242.228 6 6 0 0 1 .236 8.236l-8.48 8.492-8.478-8.492a6 6 0 0 1 8.48-8.464Zm6.826 1.641a3.998 3.998 0 0 0-5.49-.153l-1.335 1.198-1.336-1.197a3.999 3.999 0 0 0-5.494.154 4 4 0 0 0-.192 5.451L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/heart-pulse-fill.svg b/packages/ui/src/styles/dsfr/icons/health/heart-pulse-fill.svg
deleted file mode 100644
index 4ce93978c90d128193f7cb81640050f15dd12043..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/heart-pulse-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5-1.978-1.187-7.084-3.937-9.132-8.5h4.698l.934-1.556 3 5L13.566 13H17v-2h-4.566l-.934 1.556-3-5L6.434 11H2.21A9.556 9.556 0 0 1 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/heart-pulse-line.svg b/packages/ui/src/styles/dsfr/icons/health/heart-pulse-line.svg
deleted file mode 100644
index ee50ce9c99a06feb3656deab308431d9b611cd51..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/heart-pulse-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5-1.977-1.186-7.083-3.937-9.131-8.499L1 13v-2h1.21A9.535 9.535 0 0 1 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2Zm0 2c-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5 5.56 5 4 6.656 4 9c0 .685.09 1.352.267 2h2.167L8.5 7.556l3 5L12.434 11H17v2h-3.434L11.5 16.444l-3-5L7.566 13H5.108c.79 1.374 1.985 2.668 3.537 3.903.745.592 1.54 1.145 2.421 1.7.299.189.595.37.934.572.339-.202.635-.383.934-.571a26.953 26.953 0 0 0 2.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/lungs-fill.svg b/packages/ui/src/styles/dsfr/icons/health/lungs-fill.svg
deleted file mode 100644
index 8c00e7a9c846452c3316cf1c5f184bbc3c86da73..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/lungs-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.5 5.5c1.412.47 2.048 2.159 2.327 4.023l-4.523 2.611 1 1.732 3.71-2.141C11.06 13.079 11 14.308 11 15c0 3-1 6-5 6h-.642c-3.156-.012-3.346-.202-3.357-3.358L2 17C2 9.5 5.5 4.5 8.5 5.5ZM22.001 17v.436c-.005 3.35-.133 3.551-3.346 3.563L18 21c-4 0-5-3-5-6 0-.691-.06-1.92-.014-3.274l3.71 2.14 1-1.732-4.523-2.61c.279-1.865.915-3.553 2.327-4.024 3-1 6.5 4 6.5 11.5ZM13 2v9h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/lungs-line.svg b/packages/ui/src/styles/dsfr/icons/health/lungs-line.svg
deleted file mode 100644
index f6fb5cfd280e431d5a6f00dfdb8d823a5cf6138f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/lungs-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 17h.001v.642c-.013 3.156-.202 3.346-3.359 3.357l-.641.001c-4 0-5-3-5-6 0-.378-.018-.918-.026-1.55l2.023 1.169L15 15c0 2.776.816 4 3 4l.608-.001c.715-.003 1.073-.012 1.355-.037.024-.28.033-.638.036-1.354L20 17c0-3.205-.703-6.033-1.835-7.9-.838-1.382-1.613-1.843-2.032-1.703-.293.098-.605.65-.831 1.623l-1.79-1.033c.369-1.197.982-2.151 1.988-2.487 3-1 6.503 4 6.5 11.5ZM8.5 5.5c1.007.336 1.62 1.29 1.989 2.487L8.699 9.02c-.226-.973-.539-1.525-.831-1.623-.42-.14-1.195.32-2.032 1.702C4.703 10.967 4 13.795 4 17l.001.608c.003.715.012 1.072.037 1.354.28.025.638.034 1.354.037L6 19c2.184 0 3-1.224 3-4l.004-.382 2.023-1.168c-.01.633-.027 1.172-.027 1.55 0 3-1 6-5 6h-.642c-3.156-.012-3.346-.202-3.357-3.358L2 17C2 9.5 5.5 4.5 8.5 5.5ZM13 2v7.422l4.696 2.712-1 1.732L12 11.155l-4.696 2.711-1-1.732L11 9.422V2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/medicine-bottle-fill.svg b/packages/ui/src/styles/dsfr/icons/health/medicine-bottle-fill.svg
deleted file mode 100644
index ddca5e8f67b255a0939e65d0aa59ebce16ccbc31..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/medicine-bottle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 5v2a3 3 0 0 1 3 3v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V10a3 3 0 0 1 3-3V5h10Zm-4 6h-2v2H9v2h1.999L11 17h2l-.001-2H15v-2h-2v-2Zm6-9v2H5V2h14Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/medicine-bottle-line.svg b/packages/ui/src/styles/dsfr/icons/health/medicine-bottle-line.svg
deleted file mode 100644
index 9c5ad5758893e0f270832862692ae84ec353fdc4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/medicine-bottle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2v2h-2v3a3 3 0 0 1 3 3v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V10a3 3 0 0 1 3-3V4H5V2h14Zm-2 7H7a1 1 0 0 0-1 1v10h12V10a1 1 0 0 0-1-1Zm-4 2v2h2v2h-2.001L13 17h-2l-.001-2H9v-2h2v-2h2Zm2-7H9v3h6V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/mental-health-fill.svg b/packages/ui/src/styles/dsfr/icons/health/mental-health-fill.svg
deleted file mode 100644
index 87f683426057fae3eac328afa35a5de2c29ed2ca..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/mental-health-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2ZM7.995 7.763a1.748 1.748 0 0 0 0 2.474L11 13.243l3.005-3.006a1.75 1.75 0 1 0-2.475-2.474l-.53.53-.53-.53a1.75 1.75 0 0 0-2.475 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/mental-health-line.svg b/packages/ui/src/styles/dsfr/icons/health/mental-health-line.svg
deleted file mode 100644
index 54c481eed6af3bc2537ea553f5863d584b8cd9b7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/mental-health-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2Zm0 2a6 6 0 0 0-4.684 9.75C7.41 15.114 8 16.667 8 18.306V20h5l.002-3H17v-4.248l1.55-.664-1.543-2.425-.057-.442A6.001 6.001 0 0 0 11 4Zm-.53 3.763.53.53.53-.53a1.75 1.75 0 1 1 2.475 2.474L11 13.243l-3.005-3.006a1.75 1.75 0 1 1 2.475-2.474Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/microscope-fill.svg b/packages/ui/src/styles/dsfr/icons/health/microscope-fill.svg
deleted file mode 100644
index 292829aa6467f1e78b9161483ca8fd75c50f8eea..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/microscope-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.196 2.268 3.25 5.63a1 1 0 0 1-.366 1.365l-1.3.75 1.001 1.732-1.732 1-1-1.733-1.299.751a1 1 0 0 1-1.366-.366L8.546 8.215a5.002 5.002 0 0 0-3.222 6.561A4.976 4.976 0 0 1 8 14c1.684 0 3.174.833 4.08 2.109l7.688-4.439 1 1.732-7.878 4.549A5.038 5.038 0 0 1 12.9 20H21v2l-17 .001A4.979 4.979 0 0 1 3 19c0-1.007.298-1.945.81-2.73a7.001 7.001 0 0 1 3.717-9.82l-.393-.682a2 2 0 0 1 .732-2.732l2.598-1.5a2 2 0 0 1 2.732.732Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/microscope-line.svg b/packages/ui/src/styles/dsfr/icons/health/microscope-line.svg
deleted file mode 100644
index d93ceb999ed3e9d261c6c0c9f4b9e169bd809e6f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/microscope-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.196 2.268 3.25 5.63a1 1 0 0 1-.366 1.365l-1.3.75 1.001 1.732-1.732 1-1-1.733-1.299.751a1 1 0 0 1-1.366-.366L8.546 8.215a5.002 5.002 0 0 0-3.222 6.561A4.976 4.976 0 0 1 8 14c1.684 0 3.174.833 4.08 2.109l7.688-4.439 1 1.732-7.878 4.549A5.038 5.038 0 0 1 12.9 20H21v2l-17 .001A4.979 4.979 0 0 1 3 19c0-1.007.298-1.945.81-2.73a7.001 7.001 0 0 1 3.717-9.82l-.393-.682a2 2 0 0 1 .732-2.732l2.598-1.5a2 2 0 0 1 2.732.732ZM8 16a3 3 0 0 0-2.83 4h5.66A3 3 0 0 0 8 16Zm3.464-12.732-2.598 1.5 2.75 4.763 2.598-1.5-2.75-4.763Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/psychotherapy-fill.svg b/packages/ui/src/styles/dsfr/icons/health/psychotherapy-fill.svg
deleted file mode 100644
index 7f61fafa427944a9dc6733b6ba2255a9d356aae3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/psychotherapy-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2Zm0 5a1 1 0 0 0-1 1v.999L9 9a1 1 0 0 0 0 2l1-.001V12a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1V8a1 1 0 0 0-1-1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/psychotherapy-line.svg b/packages/ui/src/styles/dsfr/icons/health/psychotherapy-line.svg
deleted file mode 100644
index eb21c11bf190b1a4a836b243c2ab4b344c6ae7e9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/psychotherapy-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2a8.002 8.002 0 0 1 7.934 6.965l2.25 3.539c.148.233.118.58-.225.728L19 14.07V17a2 2 0 0 1-2 2h-1.999L15 22H6v-3.694c0-1.18-.436-2.297-1.244-3.305A8 8 0 0 1 11 2Zm0 2a6 6 0 0 0-4.684 9.75C7.41 15.114 8 16.667 8 18.306V20h5l.002-3H17v-4.248l1.55-.664-1.543-2.425-.057-.442A6.001 6.001 0 0 0 11 4Zm0 3a1 1 0 0 1 1 1v1h1a1 1 0 0 1 0 2h-1v1a1 1 0 0 1-2 0v-1.001L9 11a1 1 0 0 1 0-2l1-.001V8a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/pulse-line.svg b/packages/ui/src/styles/dsfr/icons/health/pulse-line.svg
deleted file mode 100644
index 32f53fa72094ba28729f1f7ff86846d1fe2712c7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/pulse-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m9 7.539 6 14L18.659 13H23v-2h-5.659L15 16.461l-6-14L5.341 11H1v2h5.659L9 7.539Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/stethoscope-fill.svg b/packages/ui/src/styles/dsfr/icons/health/stethoscope-fill.svg
deleted file mode 100644
index 01e898cab66dab93718c0d7cb53ac455b37de0a8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/stethoscope-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 3v2H6v4c0 2.21 1.79 4 4 4s4-1.79 4-4V5h-2V3h3a1 1 0 0 1 1 1v5a6.002 6.002 0 0 1-5 5.917V16.5a3.5 3.5 0 0 0 6.775 1.237 3 3 0 1 1 2.049.148A5.5 5.5 0 0 1 9 16.5v-1.583A6.001 6.001 0 0 1 4 9V4a1 1 0 0 1 1-1h3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/stethoscope-line.svg b/packages/ui/src/styles/dsfr/icons/health/stethoscope-line.svg
deleted file mode 100644
index d7b44c2cc5db0843a588867e3b2a1d60c56d8a7c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/stethoscope-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 3v2H6v4c0 2.21 1.79 4 4 4s4-1.79 4-4V5h-2V3h3a1 1 0 0 1 1 1v5a6.002 6.002 0 0 1-5 5.917V16.5a3.5 3.5 0 0 0 6.775 1.237 3 3 0 1 1 2.049.148A5.5 5.5 0 0 1 9 16.5v-1.583A6.001 6.001 0 0 1 4 9V4a1 1 0 0 1 1-1h3Zm11 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/surgical-mask-fill.svg b/packages/ui/src/styles/dsfr/icons/health/surgical-mask-fill.svg
deleted file mode 100644
index 2ce0cd10a2eed1a3444a560b435924281d42f58e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/surgical-mask-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.485 3.121 7.758 1.94c.445.11.757.51.757.97V7h1c1.1 0 2 .9 2 2v3a3 3 0 0 1-3 3h-.421a6.001 6.001 0 0 1-2.896 3.158l-4.789 2.395a2.002 2.002 0 0 1-1.788 0l-4.79-2.395A6.005 6.005 0 0 1 3.422 15H3a3 3 0 0 1-3-3V9a2 2 0 0 1 2-2h1v-.97c0-.458.312-.858.757-.97l7.758-1.939c.318-.08.652-.08.97 0ZM3 9H2v3a1 1 0 0 0 1 1V9Zm19 0h-1v4a1 1 0 0 0 1-1V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/surgical-mask-line.svg b/packages/ui/src/styles/dsfr/icons/health/surgical-mask-line.svg
deleted file mode 100644
index 54cb962313a54e33084779a30b065fb0212248e4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/surgical-mask-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.485 3.121 7.758 1.94c.445.11.757.51.757.97V7h1c1.1 0 2 .9 2 2v3a3 3 0 0 1-3 3h-.421a6.001 6.001 0 0 1-2.896 3.158l-4.789 2.395a2.002 2.002 0 0 1-1.788 0l-4.79-2.395A6.005 6.005 0 0 1 3.422 15H3a3 3 0 0 1-3-3V9a2 2 0 0 1 2-2h1v-.97c0-.458.312-.858.757-.97l7.758-1.939c.318-.08.652-.08.97 0ZM12 5.061l-7 1.75v5.98c0 1.516.856 2.9 2.211 3.579L12 18.764l4.789-2.394A4.001 4.001 0 0 0 19 12.792v-5.98l-7-1.75v-.001ZM3 9H2v3a1 1 0 0 0 1 1V9Zm19 0h-1v4a1 1 0 0 0 1-1V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/syringe-fill.svg b/packages/ui/src/styles/dsfr/icons/health/syringe-fill.svg
deleted file mode 100644
index ea669ffa1cca8060875ac3d94d3693a990f20cf2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/syringe-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m21.678 7.98-1.415 1.413-2.12-2.12-2.122 2.12 3.535 3.536-1.414 1.414-.707-.707L11.071 20H5.414l-2.121 2.121-1.414-1.414L4 18.586v-5.657l6.364-6.364-.707-.707 1.414-1.414 3.536 3.535 2.12-2.121-2.12-2.121 1.414-1.415 5.657 5.657v.001ZM9.657 14.342l-2.829-2.828-1.414 1.414 2.829 2.828 1.414-1.414Zm2.828-2.828L9.657 8.686l-1.414 1.415 2.828 2.828 1.414-1.414v-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/syringe-line.svg b/packages/ui/src/styles/dsfr/icons/health/syringe-line.svg
deleted file mode 100644
index 4db6e3f7fb7dca0ba33daff13f44e1e4ca6e2507..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/syringe-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m21.678 7.98-1.415 1.413-2.12-2.12-2.122 2.12 3.535 3.536-1.414 1.414-.707-.707L11.071 20H5.414l-2.121 2.121-1.414-1.414L4 18.586v-5.657l6.364-6.364-.707-.707 1.414-1.414 3.536 3.535 2.12-2.121-2.12-2.121 1.414-1.415 5.657 5.657v.001Zm-5.657 4.242-4.243-4.243-1.414 1.414 2.121 2.122-1.414 1.414-2.121-2.121-1.414 1.414 2.12 2.121-1.413 1.414-2.122-2.121-.121.121V18h4.243l5.778-5.778Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/test-tube-fill.svg b/packages/ui/src/styles/dsfr/icons/health/test-tube-fill.svg
deleted file mode 100644
index 154f3c4fb7929ef534e9d5deb5f7a63ad641cbd1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/test-tube-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h-1v14c0 2.21-1.79 4-4 4s-4-1.79-4-4V4H7V2h10Zm-4 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-2-3a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm3-8h-4v4h4V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/test-tube-line.svg b/packages/ui/src/styles/dsfr/icons/health/test-tube-line.svg
deleted file mode 100644
index dd9fc0f8dbabb3f32a336233816687aaf4b4b561..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/test-tube-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 2v2h-1v14c0 2.21-1.79 4-4 4s-4-1.79-4-4V4H7V2h10Zm-3 8h-4v8a2 2 0 1 0 4 0v-8Zm-1 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-2-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm3-8h-4v4h4V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/thermometer-fill.svg b/packages/ui/src/styles/dsfr/icons/health/thermometer-fill.svg
deleted file mode 100644
index 4d5eb2a40797dee9c3a8e58b3758e6a12526d5d3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/thermometer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.556 3.444a4 4 0 0 1 0 5.657l-8.2 8.2a3.999 3.999 0 0 1-2.387 1.147l-3.378.374-2.298 2.3a1 1 0 0 1-1.414-1.415l2.298-2.299.375-3.377c.1-.903.505-1.745 1.147-2.387l8.2-8.2a4 4 0 0 1 5.657 0Zm-9.192 9.192L9.95 14.05l2.121 2.122 1.414-1.415-2.121-2.121Zm2.828-2.828-1.414 1.414 2.121 2.121 1.415-1.414-2.122-2.121Zm2.829-2.829-1.414 1.414 2.12 2.122L19.143 9.1l-2.121-2.122-.001.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/thermometer-line.svg b/packages/ui/src/styles/dsfr/icons/health/thermometer-line.svg
deleted file mode 100644
index 6d730eab7adeaf9671a1c7b6488e2e4441623acd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/thermometer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.556 3.444a4 4 0 0 1 0 5.657l-8.2 8.2a3.999 3.999 0 0 1-2.387 1.147l-3.378.374-2.298 2.3a1 1 0 0 1-1.414-1.415l2.298-2.299.375-3.377c.1-.903.505-1.745 1.147-2.387l8.2-8.2a4 4 0 0 1 5.657 0Zm-4.242 1.414-8.2 8.2a1.995 1.995 0 0 0-.574 1.193l-.276 2.485 2.485-.276c.45-.05.872-.252 1.193-.573l.422-.423L9.95 14.05l1.414-1.414 1.414 1.414 1.414-1.414-1.414-1.414 1.414-1.414 1.415 1.414 1.414-1.415-1.414-1.414L17.02 6.98l1.414 1.414.707-.707a2 2 0 1 0-2.828-2.828l.001-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/virus-fill.svg b/packages/ui/src/styles/dsfr/icons/health/virus-fill.svg
deleted file mode 100644
index 26341ce94a731739b3a8dbf57c2129869d63db39..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/virus-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.717 1.947 3.734 1.434-.717 1.867-.934-.359-.746 1.945a6.042 6.042 0 0 1 1.945 1.846l1.903-.847-.407-.914 1.827-.813 1.627 3.654-1.827.813-.407-.913-1.902.847a6.023 6.023 0 0 1 .07 2.68l1.944.746.358-.933 1.868.717-1.434 3.734-1.867-.717.358-.933-1.944-.747a6.042 6.042 0 0 1-1.846 1.945l.847 1.903.914-.407.813 1.827-3.654 1.627-.813-1.827.913-.407-.847-1.902a6.023 6.023 0 0 1-2.681.069l-.746 1.945.934.358-.717 1.868-3.734-1.434.717-1.867.932.358.748-1.944A6.055 6.055 0 0 1 7 15.32l-1.903.847.407.914-1.827.813L2.05 14.24l1.827-.813.406.914 1.903-.848a6.07 6.07 0 0 1-.069-2.68l-1.945-.746-.357.933-1.868-.717L3.381 6.55l1.867.717-.359.933 1.945.747A6.048 6.048 0 0 1 8.68 7l-.847-1.903-.914.407-.813-1.827L9.76 2.051l.813 1.827-.913.407.847 1.902a6.023 6.023 0 0 1 2.68-.07l.745-1.945L13 3.815l.717-1.868Zm-3.583 11.285a1 1 0 1 0 1.733 1 1 1 0 0 0-1.733-1ZM14 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-3.5-1.598a1 1 0 1 0 1.001 1.732A1 1 0 0 0 10.5 9.402Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/health/virus-line.svg b/packages/ui/src/styles/dsfr/icons/health/virus-line.svg
deleted file mode 100644
index e6cfbc198bd2fb6846024c0fe22925e3f1086a10..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/health/virus-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.717 1.947 3.734 1.434-.717 1.867-.934-.359-.746 1.945a6.042 6.042 0 0 1 1.945 1.846l1.903-.847-.407-.914 1.827-.813 1.627 3.654-1.827.813-.407-.913-1.902.847a6.023 6.023 0 0 1 .07 2.68l1.944.746.358-.933 1.868.717-1.434 3.734-1.867-.717.358-.933-1.944-.747a6.042 6.042 0 0 1-1.846 1.945l.847 1.903.914-.407.813 1.827-3.654 1.627-.813-1.827.913-.407-.847-1.902a6.023 6.023 0 0 1-2.681.069l-.746 1.945.934.358-.717 1.868-3.734-1.434.717-1.867.932.358.748-1.944A6.055 6.055 0 0 1 7 15.32l-1.903.847.407.914-1.827.813L2.05 14.24l1.827-.813.406.914 1.903-.848a6.07 6.07 0 0 1-.069-2.68l-1.945-.746-.357.933-1.868-.717L3.381 6.55l1.867.717-.359.933 1.945.747A6.048 6.048 0 0 1 8.68 7l-.847-1.903-.914.407-.813-1.827L9.76 2.051l.813 1.827-.913.407.847 1.902a6.023 6.023 0 0 1 2.68-.07l.745-1.945L13 3.815l.717-1.868ZM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm-.5 4.866a1 1 0 1 1-1.001 1.732 1 1 0 0 1 1.001-1.732ZM14 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-2.134-1.232a1 1 0 1 1-1.733 1 1 1 0 0 1 1.733-1Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/chrome-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/chrome-fill.svg
deleted file mode 100644
index 897c7cd6a2756afc9a2f4b80294093f15fe70b80..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/chrome-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.542 9A9.98 9.98 0 0 1 22 12c0 5.523-4.477 10-10 10l4.287-7.425A4.977 4.977 0 0 0 17 12a4.978 4.978 0 0 0-1-3h5.542ZM3.339 6.998l4.283 7.419a4.999 4.999 0 0 0 4.976 2.548l-2.77 4.798h-.001C5.35 20.771 2 16.777 2 12c0-1.822.487-3.53 1.339-5.002Zm10.603 2.717a3 3 0 0 1 .656 3.785l-.026.045a2.999 2.999 0 0 1-5.17-.045l-.029-.05a3 3 0 0 1 4.57-3.735ZM12 2a9.996 9.996 0 0 1 8.662 5H12a5.001 5.001 0 0 0-4.599 3.035L4.632 5.239A9.974 9.974 0 0 1 12 2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/chrome-line.svg b/packages/ui/src/styles/dsfr/icons/logo/chrome-line.svg
deleted file mode 100644
index 0b746d5eb26b9ff51ff1e82e24470d6deaeaf476..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/chrome-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm7.602 7.5h-3.86c.495.74.76 1.61.758 2.5a4.48 4.48 0 0 1-.642 2.318l-3.268 5.66v.001A8 8 0 0 0 19.602 9.5ZM4.794 8.52a8.003 8.003 0 0 0 5.57 11.313h.001l1.93-3.342a4.499 4.499 0 0 1-4.234-2.315L4.794 8.52Zm5.624 1.544a2.5 2.5 0 0 0-.607 3.144l.024.042a2.499 2.499 0 0 0 4.308.038l.022-.038a2.5 2.5 0 0 0-3.747-3.186ZM12 4a7.98 7.98 0 0 0-5.764 2.451l-.201.217 1.929 3.34A4.5 4.5 0 0 1 12 7.5h6.615A7.992 7.992 0 0 0 12 4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/edge-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/edge-fill.svg
deleted file mode 100644
index c1a8d72ded25e63d5a0f30e6d80fd94ca4126364..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/edge-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.644 8.586c-.17-.711-.441-1.448-.774-2.021-.771-1.329-1.464-2.237-3.177-3.32C14.98 2.162 13.076 2 12.17 2c-2.415 0-4.211.86-5.525 1.887C3.344 6.47 3 11 3 11s1.221-2.045 3.54-3.526C7.943 6.579 9.941 6 11.568 6 15.885 6 16 10 16 10H9c0-2 1-3 1-3s-5 2-5 7.044c0 .487-.003 1.372.248 2.283.232.843.7 1.705 1.132 2.353 1.221 1.832 3.045 2.614 3.916 2.904.996.332 2.029.416 3.01.416 2.72 0 4.877-.886 5.694-1.275v-4.172c-.758.454-2.679 1.447-5 1.447-5 0-5-4-5-4h12v-2.49s-.039-1.593-.356-2.924Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/edge-line.svg b/packages/ui/src/styles/dsfr/icons/logo/edge-line.svg
deleted file mode 100644
index 6e7b2a66bfa2e135d696cb786491860c95804120..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/edge-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8.007 14.001A4.559 4.559 0 0 0 8 14.25C8 16.632 9.753 19 13 19c2.373 0 4.528-.655 6-1.553v3.35C17.211 21.564 15.113 22 13 22c-5.502 0-8-3.47-8-7.75 0-3.231 2.041-6 4.943-7.164C8.539 8.663 8 10.341 8 10.996L18 11c0-3.406-2.548-6-6-6-5 0-8.001 3.988-9 5.999C3.29 6.237 7.01 2 12 2c5.2 0 9 4.03 9 9v3H8l.007.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/facebook-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/facebook-circle-fill.svg
deleted file mode 100644
index 023cb5e2052c22a8c72ec41353f1c33309554784..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/facebook-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12c0-5.523-4.477-10-10-10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/facebook-circle-line.svg b/packages/ui/src/styles/dsfr/icons/logo/facebook-circle-line.svg
deleted file mode 100644
index e1ac23819ef5471a22f5e4364678b23768a4cb22..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/facebook-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 0 0-1 15.938V14H9v-2h2v-1.654c0-1.337.14-1.822.4-2.311A2.72 2.72 0 0 1 12.536 6.9c.382-.205.857-.328 1.687-.381.329-.021.755.005 1.278.08v1.9H15c-.917 0-1.296.043-1.522.164a.727.727 0 0 0-.314.314c-.111.21-.157.418-.163 1.182L13 12h2.5l-.5 2h-2v5.938A8.001 8.001 0 0 0 12 4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/firefox-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/firefox-fill.svg
deleted file mode 100644
index ee7bbec1730bbe91fc223bbee4a6662a2b7d21b2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/firefox-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.464.314-2.854.88-4.106.466-.939 1.233-1.874 1.85-2.194-.653 1.283-.973 2.54-1.04 3.383.454-1.5 1.315-2.757 2.52-3.644 2.066-1.519 4.848-1.587 5.956-.62-2.056.707-4.296 3.548-3.803 6.876.08.55.245 1.084.489 1.582-.384-1.01-.418-2.433.202-3.358.692-1.03 1.678-1.248 2.206-1.136-.208-.044-.668.836-.736.991a2.97 2.97 0 0 0-.251 1.25 3.395 3.395 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.412-1.002.953-1.471 1.069-3.968-.155-5.952a6.915 6.915 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205-1.106.177-2.047.496-2.824.956C7.755 2.798 9.91 2 12 2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/firefox-line.svg b/packages/ui/src/styles/dsfr/icons/logo/firefox-line.svg
deleted file mode 100644
index f692e04dc0c155b1fad3029040dc5eafb75f9e11..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/firefox-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12c0-1.464.314-2.854.88-4.106.466-.939 1.233-1.874 1.85-2.194-.653 1.283-.973 2.54-1.04 3.383.454-1.5 1.315-2.757 2.52-3.644 2.066-1.519 4.848-1.587 5.956-.62-2.056.707-4.296 3.548-3.803 6.876.08.55.245 1.084.489 1.582-.384-1.01-.418-2.433.202-3.358.692-1.03 1.678-1.248 2.206-1.136-.208-.044-.668.836-.736.991a2.97 2.97 0 0 0-.251 1.25 3.395 3.395 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.412-1.002.953-1.471 1.069-3.968-.155-5.952a6.915 6.915 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205-1.106.177-2.047.496-2.824.956C7.755 2.798 9.91 2 12 2ZM6.874 7.705c-2.252.781-3.5 3.17-2.578 6.46a8.004 8.004 0 0 0 7.455 5.831L12 20a8 8 0 0 0 7.985-7.504l.009-.212a6.17 6.17 0 0 1-.463.98l-.14.227c-2.104 3.239-6.681 4.075-9.48 1.348a5.392 5.392 0 0 1-.962-1.257l-.106-.201c-1.736-.387-2.584-1.326-2.543-2.817a8.633 8.633 0 0 1 .452-2.52l.122-.339Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/fr--dailymotion-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/fr--dailymotion-fill.svg
deleted file mode 100644
index 89a0471abc4b3269ae13aad834b04d9ccd62ae0c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/fr--dailymotion-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.634 4.734V18.84h-2.83v-1.274h-.037c-.561.932-1.552 1.398-2.974 1.398-.98 0-1.848-.233-2.607-.7a4.709 4.709 0 0 1-1.755-1.908c-.412-.806-.619-1.711-.619-2.714 0-.98.21-1.873.628-2.68a4.792 4.792 0 0 1 1.755-1.908c.753-.466 1.6-.699 2.545-.699a4.31 4.31 0 0 1 1.585.278c.472.185.917.487 1.335.905V5.379l2.974-.645Zm-5.339 6.398c-.705 0-1.299.236-1.783.708-.483.471-.725 1.066-.725 1.783 0 .752.236 1.368.707 1.845.472.478 1.066.717 1.783.717.729 0 1.335-.245 1.819-.735.483-.49.725-1.099.725-1.827a2.52 2.52 0 0 0-.322-1.255 2.352 2.352 0 0 0-.905-.905 2.579 2.579 0 0 0-1.299-.331Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/fr--dailymotion-line.svg b/packages/ui/src/styles/dsfr/icons/logo/fr--dailymotion-line.svg
deleted file mode 100644
index 8cfba39800d960da578a842cf249d1d92c3440db..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/fr--dailymotion-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.666 3C20.4 3 21 3.58 21 4.297v15.406C21 20.42 20.4 21 19.666 21H4.328C3.594 21 3 20.42 3 19.703V4.297C3 3.58 3.593 3 4.329 3Zm-3.032 1.734-2.974.645v4.158c-.418-.418-.863-.72-1.335-.905a4.31 4.31 0 0 0-1.585-.278c-.944 0-1.792.233-2.545.7a4.792 4.792 0 0 0-1.755 1.908c-.418.806-.628 1.699-.628 2.679 0 1.003.207 1.908.619 2.714a4.709 4.709 0 0 0 1.755 1.909c.759.466 1.628.699 2.607.699 1.422 0 2.413-.466 2.974-1.398h.036v1.274h2.831V4.734ZM13.096 15.45c-.484.49-1.09.735-1.819.735-.717 0-1.31-.239-1.783-.717-.471-.477-.707-1.093-.707-1.845 0-.717.242-1.312.725-1.783.484-.472 1.078-.708 1.783-.708.478 0 .91.11 1.299.331.388.221.69.523.905.905.215.383.322.8.322 1.255 0 .728-.242 1.338-.725 1.827Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/fr--tiktok-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/fr--tiktok-fill.svg
deleted file mode 100644
index b3b391095c6819f8e79e3f29516f4aa5b4710dd8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/fr--tiktok-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.666 3C20.4 3 21 3.58 21 4.297v15.406C21 20.42 20.4 21 19.666 21H4.328C3.594 21 3 20.42 3 19.703V4.297C3 3.58 3.593 3 4.329 3Zm-5.114 2h-2.009l-.02 9.774c0 1.2-1.061 2.144-2.263 2.144-1.2 0-2.174-.972-2.174-2.171 0-1.199.974-2.17 2.174-2.17.09 0 .176.015.264.026v-2.096c-.088-.006-.175-.014-.264-.014A4.257 4.257 0 0 0 6 14.747 4.257 4.257 0 0 0 10.26 19a4.257 4.257 0 0 0 4.261-4.253V8.992a3.745 3.745 0 0 0 3.477 1.672H18v-2.33A3.739 3.739 0 0 1 14.552 5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/fr--tiktok-line.svg b/packages/ui/src/styles/dsfr/icons/logo/fr--tiktok-line.svg
deleted file mode 100644
index c9384ed0e4cc0b25ea70134af3f35f5ca4f2f483..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/fr--tiktok-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.998 10.664a3.745 3.745 0 0 1-3.477-1.673v5.756A4.257 4.257 0 0 1 10.261 19 4.257 4.257 0 0 1 6 14.747a4.257 4.257 0 0 1 4.26-4.254c.09 0 .176.008.264.014v2.096c-.088-.01-.174-.027-.264-.027-1.2 0-2.174.972-2.174 2.171 0 1.199.974 2.17 2.174 2.17 1.202 0 2.262-.944 2.262-2.143L12.543 5h2.009A3.739 3.739 0 0 0 18 8.335v2.33"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/github-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/github-fill.svg
deleted file mode 100644
index 19290dd1d0c7603a882d30f8574e4408402ca058..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/github-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/github-line.svg b/packages/ui/src/styles/dsfr/icons/logo/github-line.svg
deleted file mode 100644
index 3cfe2d7f3cb3b97166fcc1db95a7e0ec9329df17..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/github-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.883 18.653c-.3-.2-.558-.455-.86-.816a50.32 50.32 0 0 1-.466-.579c-.463-.575-.755-.84-1.057-.949a1 1 0 0 1 .676-1.883c.752.27 1.261.735 1.947 1.588-.094-.117.34.427.433.539.19.227.33.365.44.438.204.137.587.196 1.15.14.023-.382.094-.753.202-1.095C5.38 15.31 3.7 13.396 3.7 9.64c0-1.24.37-2.356 1.058-3.292-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047.803-.123 1.937.17 3.415 1.096.88-.206 1.782-.31 2.687-.308.912 0 1.818.104 2.684.308 1.477-.933 2.613-1.226 3.422-1.096.085.013.157.03.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.297.302 3.19.691.936 1.058 2.045 1.058 3.293 0 3.757-1.674 5.665-4.642 6.392.125.415.19.879.19 1.38 0 .905-.004 1.81-.012 2.716a1 1 0 0 1-.019 1.958c-1.139.228-1.983-.532-1.983-1.525l.002-.446.005-.705c.005-.708.007-1.338.007-1.998 0-.697-.183-1.152-.425-1.36-.661-.57-.326-1.655.54-1.752 2.967-.333 4.337-1.482 4.337-4.66 0-.955-.312-1.744-.913-2.404a1 1 0 0 1-.19-1.045c.166-.414.237-.957.096-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135A9.626 9.626 0 0 0 12 5.315c-.89 0-1.772.119-2.592.35a1 1 0 0 1-.83-.134c-.752-.507-1.374-.807-1.868-.947-.144.653-.073 1.194.092 1.607a1 1 0 0 1-.189 1.045C6.016 7.89 5.7 8.694 5.7 9.64c0 3.172 1.371 4.328 4.322 4.66.865.097 1.201 1.177.544 1.748-.192.168-.429.732-.429 1.364v3.15c0 .986-.835 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.662-.088-2.254-.485Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/google-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/google-fill.svg
deleted file mode 100644
index 0d62feb49284effa66af7a5e80a230bfdd4cf607..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/google-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.064 7.51A9.996 9.996 0 0 1 12 2c2.695 0 4.959.99 6.69 2.605l-2.867 2.868C14.786 6.482 13.468 5.977 12 5.977c-2.605 0-4.81 1.76-5.595 4.123-.2.6-.314 1.24-.314 1.9 0 .66.114 1.3.314 1.9.786 2.364 2.99 4.123 5.595 4.123 1.345 0 2.49-.355 3.386-.955a4.6 4.6 0 0 0 1.996-3.018H12v-3.868h9.418c.118.654.182 1.336.182 2.045 0 3.046-1.09 5.61-2.982 7.35C16.964 21.105 14.7 22 12 22A9.996 9.996 0 0 1 2 12c0-1.614.386-3.14 1.064-4.49Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/google-line.svg b/packages/ui/src/styles/dsfr/icons/logo/google-line.svg
deleted file mode 100644
index 6cdf3cb27af9f551d67c8f9fdf0f686cd366c04e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/google-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 11h8.533c.044.385.067.78.067 1.184 0 2.734-.98 5.036-2.678 6.6-1.485 1.371-3.518 2.175-5.942 2.175A8.976 8.976 0 0 1 3 11.98 8.976 8.976 0 0 1 11.98 3c2.42 0 4.453.89 6.008 2.339L16.526 6.8C15.368 5.681 13.803 5 12 5a7 7 0 0 0 0 14c3.526 0 6.144-2.608 6.577-6H12v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/ie-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/ie-fill.svg
deleted file mode 100644
index 993f50e8b9e9e46b253202fb8b77a5b301acfecf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/ie-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.375 2.515c1.125 1.123 1.062 2.995.125 5.242-.01.021-.018.043-.027.064A8.96 8.96 0 0 1 21.5 12c0 .38-.023.753-.069 1.12h-.804a4.104 4.104 0 0 1-.142.003H8.689v.187c.062 1.997 1.812 3.744 3.937 3.744 1.5 0 2.937-.811 3.562-1.997h4.78A9.003 9.003 0 0 1 8.612 20.12c-2.744 1.49-5.113 1.799-6.422.49-1.344-1.34-.628-4.851 1.313-8.373A23.204 23.204 0 0 1 7.127 7.32l.111-.11c.263-.263.813-.807 1.008-.968l.028-.022-.024.016c-.137.084-.45.273-.498.273-1.95 1.095-3.663 3.08-4.037 3.525a9.004 9.004 0 0 1 9.468-7.009c3.095-1.402 5.974-1.726 7.192-.51ZM4.033 15.057c-1.161 2.282-1.46 4.19-.469 5.18.813.812 2.438.624 4.438-.436l.003-.002a9.03 9.03 0 0 1-3.972-4.742Zm8.78-7.986c-2.125 0-3.936 1.685-4.061 3.62v.062h7.811v-.062c-.125-2.06-1.75-3.62-3.75-3.62ZM15.79 3.62a9.032 9.032 0 0 1 4.382 3.672l.015-.034c.75-1.622.813-2.994.125-3.806-.869-.868-2.54-.75-4.522.168Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/ie-line.svg b/packages/ui/src/styles/dsfr/icons/logo/ie-line.svg
deleted file mode 100644
index 177f7a6515532d55b7ac257faa7364cc0f18e5ed..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/ie-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.375 2.516c1.125 1.123 1.062 2.995.125 5.242-.01.021-.018.043-.027.064A8.96 8.96 0 0 1 21.445 13H6.583a6.002 6.002 0 0 0 11.08 2.057h3.304A9.003 9.003 0 0 1 8.612 20.12c-2.744 1.491-5.113 1.8-6.422.491-1.344-1.34-.628-4.851 1.313-8.373a23.624 23.624 0 0 1 2.499-3.665c.359-.433.735-.852 1.125-1.252-.275.055-1.88.851-3.412 2.714a9.004 9.004 0 0 1 9.468-7.009c3.095-1.402 5.974-1.726 7.192-.51ZM4.033 15.057c-1.161 2.282-1.46 4.19-.469 5.18.813.812 2.438.624 4.438-.436l.003-.002a9.03 9.03 0 0 1-3.972-4.742Zm8.466-9.06A6.002 6.002 0 0 0 6.84 10h11.319a6.002 6.002 0 0 0-5.66-4.003ZM15.79 3.62a9.032 9.032 0 0 1 4.382 3.672l.015-.034c.75-1.622.813-2.994.125-3.806-.869-.868-2.54-.75-4.522.168Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/instagram-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/instagram-fill.svg
deleted file mode 100644
index eda160f308f6e4bc55638b2f82a729bc47c2dcd2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/instagram-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153.508.5.902 1.105 1.153 1.772.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772c-.5.508-1.105.902-1.772 1.153-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2Zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6.5-.25a1.25 1.25 0 1 0-2.5 0 1.25 1.25 0 0 0 2.5 0ZM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/instagram-line.svg b/packages/ui/src/styles/dsfr/icons/logo/instagram-line.svg
deleted file mode 100644
index 62d8ac8065215be3617343de5ff4d56ed1f061cd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/instagram-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15.216 2.023.194.007c.224.008.445.018.712.03 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153.508.5.902 1.105 1.153 1.772.247.637.415 1.363.465 2.428l.022.52.007.192c.02.576.029 1.173.03 2.615v1.823a78.775 78.775 0 0 1-.022 2.188l-.007.194-.007.193c-.006.161-.014.329-.023.519-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772c-.5.508-1.105.902-1.772 1.153-.637.247-1.363.415-2.428.465l-.52.022-.192.007-.194.006c-.525.016-1.139.023-2.42.025h-1.824a68.683 68.683 0 0 1-2.382-.03l-.193-.007a81.617 81.617 0 0 1-.519-.023c-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428a77.357 77.357 0 0 1-.03-.712l-.005-.194A79.021 79.021 0 0 1 2 13.028v-2.274c.003-1.053.01-1.584.025-2.068l.007-.192c.007-.193.016-.388.027-.616.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465.914-.04 1.293-.056 3.094-.06l2.274.001c.983.002 1.51.008 1.97.022ZM12.57 4h-1.646a57.223 57.223 0 0 0-2.952.058c-.784.037-1.31.142-1.798.332a2.886 2.886 0 0 0-1.08.703 2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798a49.144 49.144 0 0 0-.057 2.741v.719L4 12v1.077c.004 1.552.016 1.993.058 2.952.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08.337.336.65.537 1.08.703.494.191 1.02.297 1.8.333.22.01.413.019.6.026l.222.008c.519.016 1.065.022 2.142.023h2.143c1.551-.003 1.992-.014 2.951-.057.782-.037 1.309-.142 1.797-.331a2.92 2.92 0 0 0 1.08-.702c.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.01-.22.019-.413.026-.6l.008-.222c.016-.519.022-1.065.023-2.142v-2.143c-.003-1.551-.014-1.992-.057-2.951-.037-.782-.142-1.31-.332-1.798a2.911 2.911 0 0 0-.703-1.08 2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331a49.144 49.144 0 0 0-2.741-.057h-.719ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.25-3.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/linkedin-box-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/linkedin-box-fill.svg
deleted file mode 100644
index 8042a4ccda006b5ab7c982b342c01ca0abe87eda..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/linkedin-box-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715h-.001ZM7.003 8.575a1.546 1.546 0 0 1-1.548-1.549 1.548 1.548 0 1 1 1.547 1.549h.001Zm1.336 9.764H5.666V9.75H8.34v8.589h-.001ZM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.004Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/linkedin-box-line.svg b/packages/ui/src/styles/dsfr/icons/logo/linkedin-box-line.svg
deleted file mode 100644
index 12fc7e3221d1e2f612b124308fe989e62ec90213..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/linkedin-box-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 2H5v14h14V5ZM8.5 10v7.5h-2V10h2Zm5.5-.5c2.071 0 3.5 1.679 3.5 3.75v4.25h-2v-4.25a1.75 1.75 0 0 0-3.5 0v4.25h-2V10h2v.43c.584-.565 1.266-.93 2-.93ZM7.5 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/mastodon-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/mastodon-fill.svg
deleted file mode 100644
index 031d4683fa0f2dd4b63a03b619694795610910b3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/mastodon-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.361 2c2.557.02 5.018.298 6.451.956 0 0 2.843 1.272 2.843 5.61v.31c-.003.856-.045 3.308-.397 5.114-.274 1.41-2.456 2.955-4.962 3.254-1.306.156-2.593.3-3.965.236-2.243-.103-4.014-.535-4.014-.535 0 .218.014.426.04.62.292 2.215 2.196 2.347 4 2.41 1.82.062 3.44-.45 3.44-.45l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51-3.923-1.039-4.598-5.22-4.701-9.464-.031-1.26-.012-2.447-.012-3.44 0-4.34 2.843-5.611 2.843-5.611 1.433-.658 3.892-.935 6.45-.956h.062Zm2.89 3.39c-1.065 0-1.871.41-2.405 1.228l-.518.87-.519-.87C11.276 5.8 10.47 5.39 9.405 5.39c-.921 0-1.663.324-2.229.955-.549.631-.822 1.484-.822 2.558v5.253h2.081V9.057c0-1.075.452-1.62 1.357-1.62 1 0 1.501.647 1.501 1.927v2.79h2.07v-2.79c0-1.28.5-1.927 1.5-1.927.905 0 1.358.545 1.358 1.62v5.1h2.08V8.902l.001.001c0-1.074-.273-1.927-.822-2.558-.567-.631-1.308-.955-2.229-.955Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/mastodon-line.svg b/packages/ui/src/styles/dsfr/icons/logo/mastodon-line.svg
deleted file mode 100644
index 0ad48f0820651c52feff24b85838f5908165cd20..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/mastodon-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.361 2c2.557.02 5.018.298 6.451.956 0 0 2.843 1.272 2.843 5.61v.416c-.007.938-.059 3.271-.396 5.008-.275 1.41-2.457 2.955-4.963 3.254-1.306.156-2.593.3-3.965.236-2.243-.103-4.014-.535-4.014-.535 0 .218.014.426.04.62.084.633.299 1.095.605 1.435.766.85 2.106.93 3.395.974 1.82.063 3.44-.449 3.44-.449l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51-1.532-.406-2.568-1.29-3.27-2.471-1.093-1.843-1.368-4.406-1.431-6.992-.032-1.26-.012-2.448-.012-3.442 0-4.338 2.843-5.61 2.843-5.61 1.433-.658 3.892-.935 6.45-.956h.062Zm0 2h-.046c-2.54.02-4.62.308-5.65.782.023-.01-.021.014-.112.078-.218.156-.415.34-.584.548-.594.72-.963 1.729-.963 3.158v.253l-.003.622a77.14 77.14 0 0 0 .014 2.518c.054 2.197.264 3.835.7 5.041.212.587.472 1.07.78 1.45a5.7 5.7 0 0 1-.18-1.505h.001v-2.548l2.474.605a21.66 21.66 0 0 0 3.631.48c1.019.047 1.901-.017 3.636-.224 1.663-.199 3.148-1.196 3.236-1.65.082-.422.151-.922.206-1.482a33.6 33.6 0 0 0 .137-2.245c.01-.34.016-.647.017-.905v-.41c0-1.43-.369-2.438-.963-3.158a3.008 3.008 0 0 0-.584-.548c-.09-.064-.135-.089-.13-.087-1.013-.465-3.093-.752-5.617-.773ZM8.084 6.37a1.144 1.144 0 1 1 0 2.287 1.144 1.144 0 0 1 0-2.287Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/npmjs-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/npmjs-fill.svg
deleted file mode 100644
index 08532fe8e964a9d519b6b51414352f5f3ccc9a00..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/npmjs-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-3 4H7v10h5V9.5h2.5V17H17V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/npmjs-line.svg b/packages/ui/src/styles/dsfr/icons/logo/npmjs-line.svg
deleted file mode 100644
index b72464a032620f6037c9271dce89a759be0f2903..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/npmjs-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm-1 2H5v14h14V5Zm-2 2v10h-2.5V9.5H12V17H7V7h10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/remixicon-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/remixicon-fill.svg
deleted file mode 100644
index fce0b60d9d77f6f4011034c18ccd88911de18c14..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/remixicon-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.667 4.5v.008c.156-.008.313-.01.469-.008-.089.37-.136.76-.136 1.166C14 7.985 16.015 10 18.667 10a4.18 4.18 0 0 0 2.032-.538 7.003 7.003 0 0 1-4.17 8.567l.001.001L20 21.5H3v-17h10.667ZM18.5 3a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/remixicon-line.svg b/packages/ui/src/styles/dsfr/icons/logo/remixicon-line.svg
deleted file mode 100644
index 0f72eb10228ecdddc874395ecc033fd9b939db56..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/remixicon-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.111 4.5a4.5 4.5 0 0 0 6.603 4.918c.186.618.286 1.271.286 1.947 0 2.891-1.822 5.364-4.4 6.377L20 21.5H3v-17h11.111ZM5 7.97V19.5h10.48L5 7.97Zm7.077-1.47H6.364l8.784 9.663.72-.283c1.685-.661 2.864-2.156 3.092-3.896A6.502 6.502 0 0 1 12.077 6.5ZM18.5 3a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/safari-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/safari-fill.svg
deleted file mode 100644
index 8633a9731d79da533a139545a63801ce4e4b47df..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/safari-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm.5 17h-1v2h1v-2Zm2.641-.724-.924.382.765 1.848.924-.382-.765-1.848Zm-6.281 0-.765 1.848.924.382.765-1.848-.924-.382Zm9.151-12.994-1.414 1.415.103.103-6.114 3.786L6.8 16.7l-.104-.104-1.415 1.414.708.708 1.414-1.415L7.3 17.2l6.114-3.785L17.2 7.3l.104.104 1.415-1.414-.708-.708Zm-.708 11.314-.707.707 1.414 1.415.708-.708-1.415-1.414Zm1.32-2.275-.397.918 1.835.794.397-.918-1.835-.794Zm-13.281-.104-1.848.765.382.924 1.848-.765-.382-.924Zm9.581-5.14-2.235 3.61-1.376-1.375 3.611-2.235ZM21 11.5h-2v1h2v-1Zm-16 0H3v1h2v-1Zm15.124-3.406-1.848.765.382.924 1.848-.765-.382-.924ZM3.94 7.967l-.397.918 1.835.794.397-.918h-.001L3.94 7.967Zm2.05-2.685-.708.708 1.415 1.414.707-.707L5.99 5.282Zm3.028-1.788-.924.382.765 1.848.924-.382-.765-1.848Zm5.964 0-.765 1.848.924.382.765-1.848-.924-.382ZM12.5 3h-1v2h1V3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/safari-line.svg b/packages/ui/src/styles/dsfr/icons/logo/safari-line.svg
deleted file mode 100644
index ffdee6ad27205fb09babff30bebe490af384cb2a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/safari-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm5.812 4.503-4.398 6.911-6.911 4.398A7.973 7.973 0 0 0 11 19.938V18h2v1.938a7.96 7.96 0 0 0 3.906-1.618l-1.37-1.37 1.414-1.414 1.37 1.37A7.96 7.96 0 0 0 19.938 13H18v-2h1.938a7.973 7.973 0 0 0-2.126-4.497ZM13 4.062V6h-2V4.062A7.96 7.96 0 0 0 7.094 5.68l1.37 1.37L7.05 8.464l-1.37-1.37A7.96 7.96 0 0 0 4.062 11H6v2H4.062a7.973 7.973 0 0 0 2.126 4.497l4.398-6.911 6.911-4.398A7.973 7.973 0 0 0 13 4.062Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/slack-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/slack-fill.svg
deleted file mode 100644
index 2f9422c6655569f885aebc36aa0184f44f42797b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/slack-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.527 14.514A1.973 1.973 0 0 1 4.56 16.48a1.973 1.973 0 0 1-1.967-1.967c0-1.083.884-1.968 1.967-1.968h1.968v1.968l-.001.001Zm.992 0c0-1.083.884-1.968 1.967-1.968 1.083 0 1.968.885 1.968 1.968v4.927a1.973 1.973 0 0 1-1.968 1.967 1.973 1.973 0 0 1-1.967-1.967v-4.927Zm1.967-7.987A1.973 1.973 0 0 1 7.52 4.56c0-1.083.884-1.967 1.967-1.967 1.083 0 1.968.884 1.968 1.967v1.968H9.486v-.001Zm0 .992c1.083 0 1.968.884 1.968 1.967a1.973 1.973 0 0 1-1.968 1.968H4.56a1.973 1.973 0 0 1-1.967-1.968c0-1.083.884-1.967 1.967-1.967h4.927-.001Zm7.987 1.967c0-1.083.885-1.967 1.968-1.967s1.967.884 1.967 1.967a1.973 1.973 0 0 1-1.967 1.968h-1.968V9.486Zm-.992 0a1.973 1.973 0 0 1-1.967 1.968 1.973 1.973 0 0 1-1.968-1.968V4.56c0-1.083.885-1.967 1.968-1.967s1.967.884 1.967 1.967v4.927-.001Zm-1.967 7.987c1.083 0 1.967.885 1.967 1.968a1.973 1.973 0 0 1-1.967 1.967 1.973 1.973 0 0 1-1.968-1.967v-1.968h1.968Zm0-.992a1.973 1.973 0 0 1-1.968-1.967c0-1.083.885-1.968 1.968-1.968h4.927c1.083 0 1.967.885 1.967 1.968a1.973 1.973 0 0 1-1.967 1.967h-4.927Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/slack-line.svg b/packages/ui/src/styles/dsfr/icons/logo/slack-line.svg
deleted file mode 100644
index 4ff4b44f56cdac6466695a0a865449dc3652a0fd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/slack-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.5 3A1.5 1.5 0 0 1 16 4.5v5a1.5 1.5 0 0 1-3 0v-5A1.5 1.5 0 0 1 14.5 3Zm-10 10H6v1.5A1.5 1.5 0 1 1 4.5 13Zm8.5 5h1.5a1.5 1.5 0 1 1-1.5 1.5V18Zm1.5-5h5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3Zm5-5a1.5 1.5 0 0 1 0 3H18V9.5A1.5 1.5 0 0 1 19.5 8Zm-15 0h5a1.5 1.5 0 0 1 0 3h-5a1.5 1.5 0 0 1 0-3Zm5-5A1.5 1.5 0 0 1 11 4.5V6H9.5a1.5 1.5 0 0 1 0-3Zm0 10a1.5 1.5 0 0 1 1.5 1.5v5a1.5 1.5 0 0 1-3 0v-5A1.5 1.5 0 0 1 9.5 13Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/snapchat-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/snapchat-fill.svg
deleted file mode 100644
index a1cec6120a02633dfe707a32facba1fa5b23535b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/snapchat-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.87 21.764c-1.19 0-1.983-.561-2.692-1.056-.503-.357-.976-.696-1.533-.79a4.568 4.568 0 0 0-.803-.066c-.472 0-.847.071-1.114.125-.17.03-.312.058-.424.058-.116 0-.263-.032-.32-.228-.05-.16-.081-.312-.112-.459-.08-.37-.147-.597-.286-.62-1.49-.227-2.38-.57-2.554-.976-.014-.044-.031-.09-.031-.125-.01-.125.08-.227.205-.25 1.18-.196 2.242-.824 3.138-1.858.696-.803 1.035-1.579 1.066-1.663 0-.01.009-.01.009-.01.17-.351.205-.65.102-.895-.191-.46-.825-.656-1.257-.79-.111-.03-.205-.066-.285-.093-.37-.147-.986-.46-.905-.892.058-.312.472-.535.81-.535a.49.49 0 0 1 .24.05c.38.173.724.262 1.018.262.366 0 .54-.138.584-.182a24.93 24.93 0 0 0-.035-.593c-.09-1.365-.192-3.059.24-4.03 1.298-2.907 4.053-3.14 4.869-3.14L12.156 3h.05c.815 0 3.57.227 4.868 3.139.437.971.33 2.67.24 4.03l-.008.067c-.01.182-.023.356-.032.535.045.035.205.169.535.173.286-.008.598-.102.954-.263a.804.804 0 0 1 .312-.066c.125 0 .25.03.357.066h.009c.299.112.495.321.495.54.009.205-.152.517-.914.825-.08.03-.174.067-.285.093-.424.13-1.057.335-1.258.79-.111.24-.066.548.103.895 0 .01.009.01.009.01.049.124 1.337 3.049 4.204 3.526.12.02.208.127.205.25 0 .044-.01.089-.031.129-.174.41-1.057.744-2.555.976-.138.022-.205.25-.285.62-.032.154-.07.307-.112.459-.044.147-.138.227-.298.227h-.023a2.24 2.24 0 0 1-.423-.049 5.285 5.285 0 0 0-1.115-.116 4.97 4.97 0 0 0-.802.067c-.553.09-1.03.433-1.534.79-.717.49-1.515 1.051-2.697 1.051h-.254Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/snapchat-line.svg b/packages/ui/src/styles/dsfr/icons/logo/snapchat-line.svg
deleted file mode 100644
index c9035f334b770a2399a0afeb4f34bf6ff26bd0c5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/snapchat-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.957 3c1.82 0 3.066.653 3.952 1.478.886.825 1.551 1.93 1.551 3.528 0 1.555-.099 2.594-.108 2.716a.59.59 0 0 0 .279.065c.63 0 .63-.31 1.33-.31.685 0 .983.57.983.823 0 .621-.833.967-1.33 1.126-.369.117-.931.291-1.075.635-.074.174-.043.4.092.678.003.008 1.26 2.883 3.93 3.326.235.035.391.241.391.483 0 .332-.37.617-.726.782-.443.2-1.091.37-1.952.505-.043.078-.134.485-.235.887-.135.542-.801.366-.991.326A5.02 5.02 0 0 0 16.252 20c-.482.087-.913.378-1.395.726-.713.504-1.465 1.076-2.9 1.076-1.436 0-2.144-.572-2.857-1.076-.482-.348-.905-.637-1.396-.726-.898-.163-1.57.036-1.795.057-.226.02-.842.244-.996-.327-.045-.166-.191-.808-.235-.895-.856-.135-1.508-.313-1.952-.513-.365-.165-.726-.443-.726-.779 0-.235.158-.44.391-.482 2.644-.483 3.766-3.005 3.922-3.33.132-.276.161-.5.091-.679-.143-.343-.704-.513-1.073-.635-.105-.034-1.336-.373-1.336-1.117 0-.24.205-.573.582-.73a1.36 1.36 0 0 1 .465-.092c.419 0 .6.305 1.219.305.157 0 .26-.035.326-.066-.009-.156-.099-1.986-.099-2.729 0-1.688.72-2.69 1.543-3.514C8.854 3.65 10.136 3 11.957 3Zm-.001 2c-1.137 0-1.958.335-2.51.888-.696.695-.958 1.218-.958 2.1 0 .521.061 1.994.096 2.618a2 2 0 0 1-.469 1.402c.055.098.105.204.153.317.3.771.198 1.543-.152 2.271-.392.818-.731 1.393-1.41 2.154a7.973 7.973 0 0 1-.642.643c.17.163.309.354.412.565a5.886 5.886 0 0 1 1.585.074c.81.146 1.324.434 2.194 1.061l.016.011.213.152c.619.44.877.546 1.473.546.609 0 .91-.121 1.523-.552l.207-.146c.876-.632 1.407-.928 2.231-1.076a6.664 6.664 0 0 1 1.559-.074c.104-.212.246-.404.417-.567a8.409 8.409 0 0 1-.616-.616 9.235 9.235 0 0 1-1.447-2.16c-.363-.749-.47-1.54-.137-2.321.04-.098.085-.19.132-.276a2 2 0 0 1-.474-1.262l.005-.172.02-.249c.056-.774.083-1.55.083-2.326 0-.87-.294-1.486-.914-2.063-.66-.614-1.459-.942-2.59-.942Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/telegram-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/telegram-fill.svg
deleted file mode 100644
index bef4fca507831921a6521c047a30cd221098f067..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/telegram-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm4.246 5.828-9.733 3.76c-.664.266-.66.638-.12.803l2.497.78v-.001l.013-.007.87 2.87c.112.311.266.367.453.341.188-.025.287-.126.41-.244l1.188-1.148 2.55 1.888c.466.257.801.124.917-.432l1.657-7.822c.183-.728-.137-1.02-.702-.788Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/telegram-line.svg b/packages/ui/src/styles/dsfr/icons/logo/telegram-line.svg
deleted file mode 100644
index 7b5bb6b76903bd4916feacb298bcbd5391aa9b7b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/telegram-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-3.11 9.17-2.498-.779c-.54-.165-.543-.537.121-.804l9.733-3.76c.565-.23.885.061.702.79l-1.657 7.82c-.116.557-.451.69-.916.433l-2.551-1.888-1.189 1.148c-.122.118-.221.219-.409.244-.187.026-.341-.03-.454-.34l-.87-2.871-.012.008v-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/threads-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/threads-fill.svg
deleted file mode 100644
index 2142e1b9460d3a5c8ac4bef67e53308c97cccf03..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/threads-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16.7051 11.1081C16.543 8.12137 14.911 6.41148 12.1708 6.39398C10.5193 6.3838 9.13771 7.08389 8.29233 8.36664L9.79941 9.40046C10.4334 8.43852 11.4342 8.24015 12.1593 8.24685C13.0616 8.2526 13.7425 8.51494 14.1832 9.02653C14.5038 9.39899 14.7183 9.91367 14.8245 10.5632C14.0246 10.4273 13.1594 10.3855 12.2345 10.4385C9.62919 10.5886 7.95426 12.1081 8.06675 14.2194C8.12384 15.2904 8.65739 16.2118 9.56906 16.8137C10.3399 17.3225 11.3326 17.5713 12.3644 17.515C13.727 17.4403 14.7959 16.9205 15.5416 15.9699C16.1079 15.248 16.4661 14.3125 16.6243 13.1338C17.2737 13.5257 17.7549 14.0414 18.0207 14.6613C18.4726 15.7151 18.499 17.4469 17.086 18.8587C15.848 20.0955 14.3598 20.6306 12.1108 20.6471C9.61601 20.6286 7.72924 19.8285 6.50253 18.269C5.35381 16.8088 4.76014 14.6996 4.73799 12C4.76014 9.30038 5.35381 7.19117 6.50253 5.73092C7.72924 4.17147 9.61597 3.37141 12.1107 3.35287C14.6236 3.37155 16.5433 4.17547 17.8169 5.74244C18.4415 6.51086 18.9123 7.47721 19.2227 8.60394L20.9888 8.13274C20.6125 6.74587 20.0205 5.55078 19.2148 4.55966C17.582 2.55073 15.1816 1.52134 12.1046 1.5C9.03385 1.52127 6.6725 2.55457 5.08614 4.57117C3.67451 6.3657 2.94634 8.87742 2.92188 12.0074C2.94634 15.1373 3.67451 17.6343 5.08614 19.4289C6.6725 21.4454 9.04616 22.4788 12.1169 22.5C14.847 22.4811 16.7713 21.7663 18.3566 20.1825C20.4307 18.1103 20.3682 15.513 19.6846 13.9185C19.1595 12.6943 18.1141 11.7129 16.7051 11.1081ZM12.2669 15.6648C11.125 15.7291 9.93869 15.2166 9.88019 14.1188C9.83684 13.3048 10.4595 12.3966 12.3369 12.2884C13.2594 12.2352 14.1138 12.2976 14.8701 12.463C14.6538 15.1648 13.3848 15.6035 12.2669 15.6648Z"></path></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/threads-line.svg b/packages/ui/src/styles/dsfr/icons/logo/threads-line.svg
deleted file mode 100644
index f5cfdf6dcaad75c5d6ccc223d4ba4dcc87d83d59..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/threads-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.1835 1.41016L12.1822 1.41016C9.09012 1.43158 6.70036 2.47326 5.09369 4.51569C3.66581 6.33087 2.93472 8.86436 2.91016 12.0068V12.0082C2.93472 15.1508 3.66586 17.6696 5.09369 19.4847C6.70043 21.5271 9.10257 22.5688 12.1946 22.5902H12.1958C14.944 22.5711 16.8929 21.8504 18.4985 20.2463C20.6034 18.1434 20.5408 15.5048 19.8456 13.8832C19.3163 12.6493 18.2709 11.6618 16.8701 11.0477C16.6891 8.06345 15.0097 6.32178 12.2496 6.30415C10.6191 6.29409 9.14792 7.02378 8.24685 8.39104L9.90238 9.5267C10.4353 8.71818 11.2789 8.32815 12.2371 8.33701C13.6244 8.34586 14.5362 9.11128 14.7921 10.4541C14.02 10.3333 13.1902 10.2982 12.3076 10.3488C9.66843 10.5008 7.9399 12.061 8.05516 14.2244C8.17571 16.4862 10.367 17.7186 12.4476 17.605C14.9399 17.4684 16.4209 15.6292 16.7722 13.2836C17.3493 13.6575 17.7751 14.1344 18.0163 14.6969C18.4559 15.7222 18.4838 17.4132 17.1006 18.7952C15.8838 20.0108 14.4211 20.5407 12.1891 20.5572C9.71428 20.5388 7.85698 19.746 6.65154 18.2136C5.51973 16.7748 4.92843 14.6882 4.90627 12.0002C4.92843 9.31211 5.51973 7.22549 6.65154 5.78673C7.85698 4.25433 9.71424 3.46156 12.189 3.44303C14.6819 3.4617 16.5728 4.25837 17.8254 5.79937C18.5162 6.64934 18.949 7.66539 19.2379 8.71407L21.1776 8.19656C20.8148 6.85917 20.2414 5.58371 19.363 4.50305C17.7098 2.46918 15.2816 1.43166 12.1835 1.41016ZM12.4204 12.3782C13.3044 12.3272 14.1239 12.3834 14.8521 12.5345C14.7114 14.1116 14.0589 15.4806 12.3401 15.575C11.2282 15.6376 10.1031 15.1413 10.0484 14.114C10.0077 13.3503 10.5726 12.4847 12.4204 12.3782Z"></path></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/twitch-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/twitch-fill.svg
deleted file mode 100644
index db813498be174a8be20d007b4604b8f5e61d6d4c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/twitch-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v11.74l-4.696 4.695h-3.913l-2.437 2.348H6.913v-2.348H3V6.13L4.227 3H21Zm-1.566 1.565H6.13v11.74h3.13v2.347l2.349-2.348h4.695l3.13-3.13V4.565Zm-3.129 3.13v4.696h-1.566V7.696h1.565l.001-.001Zm-3.914.001v4.695h-1.565V7.696h1.565Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/twitch-line.svg b/packages/ui/src/styles/dsfr/icons/logo/twitch-line.svg
deleted file mode 100644
index 851837566fc9298e04d9f9d5bdcfa003799e5c53..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/twitch-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v11.7l-4.7 4.7h-3.9l-2.5 2.4H7v-2.4H3V6.2L4.3 3H21Zm-2 2H5v12.4h4v2.4h.095l2.5-2.4h3.877L19 13.872V5Zm-2 3v4.7h-2V8h2Zm-5 0v4.7h-2V8h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/twitter-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/twitter-fill.svg
deleted file mode 100644
index dd041407d46b1020c7cfdb448f19507fcb4e54d8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/twitter-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165l-.001-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/twitter-line.svg b/packages/ui/src/styles/dsfr/icons/logo/twitter-line.svg
deleted file mode 100644
index 9241e67cf95e2fcda6d6db7626d2f784a1892b4e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/twitter-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.785 5.005c.711-.005 1.316.175 2.669-.645-.335 1.64-.5 2.352-1.214 3.331 0 7.642-4.697 11.358-9.463 12.309-3.268.652-8.02-.419-9.382-1.841.694-.054 3.514-.357 5.144-1.55C5.16 15.7-.329 12.47 3.278 3.786c1.693 1.977 3.41 3.323 5.15 4.037 1.158.475 1.442.465 1.973.538L10.4 8.36a4.9 4.9 0 0 1 8.385-3.355ZM15.3 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.561-.212c-2.054-.28-4.022-1.226-5.91-2.799-.598 3.31.57 5.603 3.383 7.372l1.747 1.098a.6.6 0 0 1 .034.993L7.793 18.17c.947.059 1.846.017 2.592-.131 4.718-.942 7.855-4.492 7.855-10.348 0-.478-1.012-2.141-2.94-2.141Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/twitter-x-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/twitter-x-fill.svg
deleted file mode 100644
index 4b7998710c08e296b1c68b9f834f4c8cf0944fce..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/twitter-x-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z"></path></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/twitter-x-line.svg b/packages/ui/src/styles/dsfr/icons/logo/twitter-x-line.svg
deleted file mode 100644
index 3e7d8a35d826332f31b23438aa015fd133fabe85..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/twitter-x-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 2H1L9.26086 13.0145L1.44995 21.9999H4.09998L10.4883 14.651L16 22H23L14.3917 10.5223L21.8001 2H19.1501L13.1643 8.88578L8 2ZM17 20L5 4H7L19 20H17Z"></path></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/vimeo-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/vimeo-fill.svg
deleted file mode 100644
index c339007e3cd72bd02f6ab544ff006c73abe1a333..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/vimeo-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M1.173 8.301c-.281-.413-.252-.413.328-.922 1.232-1.082 2.394-2.266 3.736-3.212 1.215-.852 2.826-1.402 3.927-.047 1.014 1.249 1.038 3.142 1.295 4.65.257 1.564.503 3.164 1.051 4.66.152.421.443 1.217.968 1.284.678.093 1.368-1.096 1.683-1.54.817-1.18 1.925-2.769 1.785-4.286-.138-1.612-1.878-1.309-2.966-.924.175-1.809 1.858-3.843 3.48-4.53 1.72-.714 4.276-.702 5.14 1.237.923 2.102.093 4.543-.912 6.448-1.097 2.068-2.509 3.982-4.018 5.77-1.331 1.588-2.906 3.33-4.89 4.089-2.267.864-3.61-.82-4.382-2.77-.843-2.123-1.262-4.506-1.87-6.717-.256-.934-.56-1.997-1.167-2.768-.792-.995-1.692-.06-2.474.477-.269-.267-.491-.607-.714-.899Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/vimeo-line.svg b/packages/ui/src/styles/dsfr/icons/logo/vimeo-line.svg
deleted file mode 100644
index f46bf9d6e5f760622daf669ae07dfd67adbd7ea1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/vimeo-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.993 3.005c2.433-.001 4.005 1.511 4.005 4.495 0 1.72-.998 3.94-1.832 5.235-.248.385-.501.77-.759 1.154l-.39.573c-2.558 3.703-5.539 7.013-8.494 7.013-3.706 0-4.67-6.831-5.092-8.432-.422-1.601-.533-2.21-1.17-3.233-.317.22-.76.529-1.33.93a.5.5 0 0 1-.693-.117L.925 8.807a.5.5 0 0 1 .027-.62C3.779 4.915 6.128 3.278 8 3.278c2.392 0 3.124 2.816 3.324 4.223.3 2.117.69 4.738 1.244 5.872.557-.792 2.18-2.888 1.967-3.99-.094-.486-1.317.183-1.887.078-.425-.08-.806-.402-.806-1.026 0-1.31 1.852-5.43 6.151-5.43Zm.123 2L18 5.004c-2.195 0-3.251 1.533-3.653 2.208 1.25.046 1.97.818 2.133 1.803.389 2.33-1.916 4.92-2.339 5.565-.396.603-3.061 3.328-4.25-3.36a160.44 160.44 0 0 1-.665-4.186c-.17-1.151-.873-1.763-1.23-1.763-.842 0-1.92.65-3.855 2.515 1.905-.115 2.545 2.276 2.916 3.633.816 2.984 1.571 8.056 3.62 8.056 1.727 0 4.439-2.646 7.37-7.04.209-.311 1.966-3.024 1.966-5.036 0-2.24-1.286-2.385-1.897-2.394Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/vuejs-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/vuejs-fill.svg
deleted file mode 100644
index 78d3cc77b333e6269c4ecedc7a2cc2c8cca15b4a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/vuejs-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m5 3 7 12 7-12h4L12 22 1 3h4Zm4.667 0L12 7l2.333-4h4.035L12 14 5.632 3h4.035Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/vuejs-line.svg b/packages/ui/src/styles/dsfr/icons/logo/vuejs-line.svg
deleted file mode 100644
index 66ec41dd0b60c7bf3aac474dc2c3b1f0a978ffb3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/vuejs-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.316 3 12 18l8.684-15H23L12 22 1 3h2.316Zm4.342 0L12 10.5 16.342 3h2.316L12 14.5 5.342 3h2.316Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/youtube-fill.svg b/packages/ui/src/styles/dsfr/icons/logo/youtube-fill.svg
deleted file mode 100644
index cf44f6ce5dbcc88a8b21e2c28ad4fabc8768a5f0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/youtube-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.543 6.498C22 8.28 22 12 22 12s0 3.72-.457 5.502c-.254.985-.997 1.76-1.938 2.022C17.896 20 12 20 12 20s-5.893 0-7.605-.476c-.945-.266-1.687-1.04-1.938-2.022C2 15.72 2 12 2 12s0-3.72.457-5.502c.254-.985.997-1.76 1.938-2.022C6.107 4 12 4 12 4s5.896 0 7.605.476c.945.266 1.687 1.04 1.938 2.022ZM10 15.5l6-3.5-6-3.5v7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/logo/youtube-line.svg b/packages/ui/src/styles/dsfr/icons/logo/youtube-line.svg
deleted file mode 100644
index 149e1e1508de27f1ad1a4162d2271e526d86c709..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/logo/youtube-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19.605 4.476c.945.266 1.687 1.04 1.938 2.022.4 1.56.45 4.602.456 5.339v.12l.001.032v.174c-.007.737-.057 3.78-.457 5.339-.254.985-.997 1.76-1.938 2.022-.667.186-1.971.299-3.314.368l-.505.024c-1.51.066-2.976.08-3.541.083h-.49c-1.13-.006-5.857-.057-7.36-.475-.945-.266-1.687-1.04-1.938-2.022-.386-1.504-.446-4.387-.455-5.251v-.502c.01-.864.07-3.747.455-5.251.254-.985.997-1.76 1.938-2.022 1.461-.406 5.97-.466 7.258-.475h.694c1.289.01 5.8.069 7.258.475ZM12.38 6.001 12 6c-4.5 0-6.628.28-7.069.403-.244.068-.46.293-.537.592C4.285 7.419 4 9.196 4 12s.285 4.58.394 5.006c.076.297.292.522.538.59C5.372 17.72 7.5 18 12 18s6.629-.28 7.069-.403c.244-.068.46-.293.537-.592C19.715 16.581 20 14.8 20 12s-.285-4.58-.394-5.005c-.076-.298-.292-.523-.539-.592-.425-.12-2.447-.387-6.687-.402ZM10 8.5l6 3.5-6 3.5v-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/anchor-fill.svg b/packages/ui/src/styles/dsfr/icons/map/anchor-fill.svg
deleted file mode 100644
index cc779f0cb07f20151e925687d2e5dabc1e4bb818..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/anchor-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2a4 4 0 0 1 1 7.874v10.054c3.619-.453 6.487-3.336 6.938-6.972H17L20.704 7A10.041 10.041 0 0 1 22 11.95C22 17.5 17.523 22 12 22S2 17.5 2 11.95c0-1.8.471-3.489 1.296-4.95L7 12.956H4.062c.451 3.636 3.32 6.519 6.938 6.972V9.874A4.002 4.002 0 0 1 12 2Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/anchor-line.svg b/packages/ui/src/styles/dsfr/icons/map/anchor-line.svg
deleted file mode 100644
index 3037cc1b3adb927b9e1614e158390b31cfc69245..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/anchor-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2a4 4 0 0 1 1 7.874v10.064A8.004 8.004 0 0 0 19.938 13H17v-2h4.95c.033.329.05.663.05 1 0 5.523-4.477 10-10 10S2 17.523 2 12c0-.337.017-.671.05-1H7v2H4.062A8.004 8.004 0 0 0 11 19.938V9.874A4.002 4.002 0 0 1 12 2Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/bike-fill.svg b/packages/ui/src/styles/dsfr/icons/map/bike-fill.svg
deleted file mode 100644
index 735704ffac1772c1a7ef36fcc6c38c158508bc79..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/bike-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 13a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm13-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10ZM5 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm13-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM15.978 3a1 1 0 0 1 .988.741l1.553 5.796-1.932.517-.256-.956L5.5 12H4V7H2V5h6v2H6v2.795l9.813-2.629L15.233 5H12V3h3.978Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/bike-line.svg b/packages/ui/src/styles/dsfr/icons/map/bike-line.svg
deleted file mode 100644
index 7dee6e0d96050ec2e20fd91552f9b8b2309ab6ee..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/bike-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 13a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm13-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10ZM5 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm13-2a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.978 3a1 1 0 0 1 .988.741l1.553 5.796-1.932.517-.256-.956L5.5 12H4V7H2V5h6v2H6v2.795l9.813-2.629L15.233 5H12V3h3.978Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/bus-fill.svg b/packages/ui/src/styles/dsfr/icons/map/bus-fill.svg
deleted file mode 100644
index b831dd82aab9ff26281f3d8646f25f9b48007e43..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/bus-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a2 2 0 0 1 2 2v3h1v4h-1v8h-1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H7v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1H3v-8H2V8h1V5a2 2 0 0 1 2-2h14ZM9 16H5v2h4v-2Zm10 0h-4v2h4v-2Zm0-11H5v9h14V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/bus-line.svg b/packages/ui/src/styles/dsfr/icons/map/bus-line.svg
deleted file mode 100644
index 27e0553de9cf67c794e9ee1a8c625723263ccb13..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/bus-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 3a2 2 0 0 1 2 2v3h1v4h-1v8h-1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H7v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1H3v-8H2V8h1V5a2 2 0 0 1 2-2h14Zm0 11H5v4h14v-4Zm-9 1v2H6v-2h4Zm8 0v2h-4v-2h4Zm1-10H5v7h14V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/car-fill.svg b/packages/ui/src/styles/dsfr/icons/map/car-fill.svg
deleted file mode 100644
index 68852da874628088e73e831f8f10801ef908a9b6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/car-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.614 4a2 2 0 0 1 1.873 1.298L22 12v9a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9l2.513-6.702A2 2 0 0 1 6.386 4h11.228ZM6.5 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm.114-8H6.386l-2.25 6h15.728l-2.25-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/car-line.svg b/packages/ui/src/styles/dsfr/icons/map/car-line.svg
deleted file mode 100644
index c589c94f1de8cae3f7c13de25cca3278f55769a1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/car-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.68 4a2 2 0 0 1 1.838 1.212L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.48-5.788A2 2 0 0 1 6.32 4h11.36ZM20 13H4v5h16v-5ZM6.5 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm11 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm.181-8H6.32l-2.143 5h15.647l-2.143-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/caravan-fill.svg b/packages/ui/src/styles/dsfr/icons/map/caravan-fill.svg
deleted file mode 100644
index 85c4922f4f2fa8dadb6246611ee37fb0dac8fb1d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/caravan-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.172 3c.53 0 1.039.21 1.414.586l4.828 4.828A2 2 0 0 1 21 9.828V17h2v2h-8.126a4.002 4.002 0 0 1-7.748 0H3a1 1 0 0 1-1-1V5a2 2 0 0 1 2-2h10.172ZM11 16a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 16Zm3-9H6v6h8V7Zm-2 2v2H8V9h4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/caravan-line.svg b/packages/ui/src/styles/dsfr/icons/map/caravan-line.svg
deleted file mode 100644
index ebcbf6d0b689647cbfdd629b02565693aa43b247..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/caravan-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.172 3c.53 0 1.039.21 1.414.586l4.828 4.828A2 2 0 0 1 21 9.828V17h2v2h-8.126a4.002 4.002 0 0 1-7.748 0H3a1 1 0 0 1-1-1V5a2 2 0 0 1 2-2h10.172ZM11 16a2 2 0 1 0-.001 3.999A2 2 0 0 0 11 16Zm3.172-11H4v12h3.126a4.002 4.002 0 0 1 7.748 0H19V9.828L14.172 5ZM14 7v6H6V7h8Zm-2 2H8v2h4V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/charging-pile-2-fill.svg b/packages/ui/src/styles/dsfr/icons/map/charging-pile-2-fill.svg
deleted file mode 100644
index 3885d522e7debc32a04b62a9c31001d41a990f0c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/charging-pile-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-1V7h1V4h2v3h1v4h-1v7a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9ZM9 7l-4 6h3v4l4-6H9V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/charging-pile-2-line.svg b/packages/ui/src/styles/dsfr/icons/map/charging-pile-2-line.svg
deleted file mode 100644
index dfbd17ae45a2f1274a527af1fcea2d7146219ac6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/charging-pile-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-1V7h1V4h2v3h1v4h-1v7a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9ZM5 19h7V5H5v8l4-6v4h3l-4 6v-4H5v6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/compass-3-fill.svg b/packages/ui/src/styles/dsfr/icons/map/compass-3-fill.svg
deleted file mode 100644
index f8f0c4dae72b798599b85a4b327cd01050dd3a89..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/compass-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm4.5 5.5L10 10l-2.5 6.5L14 14l2.5-6.5ZM12 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/compass-3-line.svg b/packages/ui/src/styles/dsfr/icons/map/compass-3-line.svg
deleted file mode 100644
index 06ca11f617533e328e159d9c41ba702b2985fe16..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/compass-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm4.5 3.5L14 14l-6.5 2.5L10 10l6.5-2.5ZM12 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/cup-fill.svg b/packages/ui/src/styles/dsfr/icons/map/cup-fill.svg
deleted file mode 100644
index e2eab0dc432a46c5dd893ed5c7270e538473b15d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/cup-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 19v2H2v-2h18Zm0-16a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1h15Zm0 2h-2v3h2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/cup-line.svg b/packages/ui/src/styles/dsfr/icons/map/cup-line.svg
deleted file mode 100644
index 1c043e4e88b4063122a18483ada57546aa98d78b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/cup-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 19v2H2v-2h18Zm0-16a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-2v3a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1h15Zm-4 2H6v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V5Zm4 0h-2v3h2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/earth-fill.svg b/packages/ui/src/styles/dsfr/icons/map/earth-fill.svg
deleted file mode 100644
index f46beddb2c24a2c59220628a89935234c99ec96a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/earth-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm6.355-6.048v-.105c0-.922 0-1.343-.652-1.716a7.374 7.374 0 0 0-.645-.325c-.367-.167-.61-.276-.938-.756a6.47 6.47 0 0 1-.116-.172c-.345-.525-.594-.903-1.542-.753-1.865.296-2.003.624-2.085 1.178l-.013.091c-.121.81-.143 1.082.195 1.437 1.265 1.327 2.023 2.284 2.253 2.844.112.273.4 1.1.202 1.918a8.185 8.185 0 0 0 3.151-2.237c.11-.374.19-.84.19-1.404ZM12 3.833c-2.317 0-4.41.966-5.896 2.516.177.123.331.296.437.534.204.457.204.928.204 1.345 0 .328 0 .64.105.865.144.308.766.44 1.315.554.197.042.399.084.583.135.506.14.898.595 1.211.96.13.151.323.374.42.43.05-.036.211-.211.29-.498.062-.22.044-.414-.045-.52-.56-.66-.529-1.93-.356-2.399.272-.739 1.122-.684 1.744-.644.232.015.45.03.614.009.622-.078.814-1.025.949-1.21.292-.4 1.186-1.003 1.74-1.375A8.138 8.138 0 0 0 12 3.833Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/earth-line.svg b/packages/ui/src/styles/dsfr/icons/map/earth-line.svg
deleted file mode 100644
index 1f20058e34730d9f3e4e7bef340880b2510270d8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/earth-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.235 6.453a8 8 0 0 0 8.817 12.944c.115-.75-.137-1.47-.24-1.722-.23-.56-.988-1.517-2.253-2.844-.338-.355-.316-.628-.195-1.437l.013-.091c.082-.554.22-.882 2.085-1.178.948-.15 1.197.228 1.542.753l.116.172c.328.48.571.59.938.756.165.075.37.17.645.325.652.373.652.794.652 1.716v.105c0 .391-.038.735-.098 1.034a8.002 8.002 0 0 0-3.105-12.341c-.553.373-1.312.902-1.577 1.265-.135.185-.327 1.132-.95 1.21-.162.02-.381.006-.613-.009-.622-.04-1.472-.095-1.744.644-.173.468-.203 1.74.356 2.4.09.105.107.3.046.519-.08.287-.241.462-.292.498-.096-.056-.288-.279-.419-.43-.313-.365-.705-.82-1.211-.96-.184-.051-.386-.093-.583-.135-.549-.115-1.17-.246-1.315-.554-.106-.226-.105-.537-.105-.865 0-.417 0-.888-.204-1.345a1.276 1.276 0 0 0-.306-.43ZM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/france-fill.svg b/packages/ui/src/styles/dsfr/icons/map/france-fill.svg
deleted file mode 100644
index 75fa31230c49802393f287856cc9253167a6990b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/france-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.818 16.796a.72.72 0 0 0-.888-.366l-.09.032-.085-.058a.689.689 0 0 0-.06-.95l-.051-.048a.706.706 0 0 0 .28-.52l.02-.365a.696.696 0 0 0-.166-.483l-.27-.316a.694.694 0 0 0 .016-.801l-.229-.335-.097-.12-.076-.255a.709.709 0 0 0-.512-.483l.7-.884a.726.726 0 0 0 .242-.13l.408-.333a.69.69 0 0 0 .256-.55l-.018-1.044.223-.63a.693.693 0 0 0 .034-.16l.016-.174.31-.579a.698.698 0 0 0-.249-.92l-.288-.178a.727.727 0 0 0-.371-.11l-.33-.006-.228-.12a.735.735 0 0 0-.41-.08l-.372.038-.28-.336a.712.712 0 0 0-.348-.227l-.388-.114a.735.735 0 0 0-.476.024l-.099.04-.078-.034a.727.727 0 0 0-.327-.058l-.485-.322v-.25c0-.217-.1-.418-.273-.552a.724.724 0 0 0-.609-.13l-.236.055a.717.717 0 0 0-.294-.267l-.286-.14a.712.712 0 0 0-.186-.063.716.716 0 0 0-.412-.254l-.039-.125a.708.708 0 0 0-.684-.499h-.112l-.217-.31a.729.729 0 0 0-.77-.285l-1.153.295a.71.71 0 0 0-.47.387l-.253.545a.7.7 0 0 0-.062.332l.047.71-.326.292-1.213.408a.702.702 0 0 0-.482.606l-.006.08-.64-.125-.492-.519a.707.707 0 0 0-.558-.22l-.574.028a.713.713 0 0 0-.536.284.691.691 0 0 0-.119.583l.19.757.253.596-.188-.034a.727.727 0 0 0-.393.037l-.054.02-.26-.258a.738.738 0 0 0-.573-.207L2.67 6.74a.734.734 0 0 0-.242.064l-1.017.465a.695.695 0 0 0-.372.865l.155.438a.71.71 0 0 0 .275.35.69.69 0 0 0 .083.496l.165.274a.72.72 0 0 0 .616.348h.386l1.343.524.24.312c.046.059.1.11.162.151l.075.05.001.009.166.737a.693.693 0 0 0 .126.265l.559.728a.71.71 0 0 0 .247.205l.328.165a.687.687 0 0 0 .074.214.694.694 0 0 0-.137.86.688.688 0 0 0-.02.1l-.212 1.822a.687.687 0 0 0 .04.328.7.7 0 0 0-.024.093l-.257 1.38-.464.553a.693.693 0 0 0 .208 1.059l.297.16.143.246a.714.714 0 0 0 .338.298l.697.294.208.217c.135.14.324.22.52.22h.31l.205.12c.084.048.175.08.271.092l1.216.161a.72.72 0 0 0 .652-.25l.118.026.282.113a.709.709 0 0 0 .372.427l.344.164a.74.74 0 0 0 .45.054l.292-.058.644.112.102.008a.71.71 0 0 0 .183-.023l.769-.2a.696.696 0 0 0 .5-.868l-.186-.644.191-.38.609-.36a.726.726 0 0 0 .528.095l.222.12c.131.07.28.097.429.078a.65.65 0 0 0 .05.017l.645.184.97.222a.73.73 0 0 0 .273.014l.473-.066a.764.764 0 0 0 .148-.037l.631-.228a.71.71 0 0 0 .402-.37.692.692 0 0 0 .063-.316l.312-.197.72-.586a.691.691 0 0 0 .249-.642l.039-.055a.687.687 0 0 0 .079-.713l-.117-.25Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/france-line.svg b/packages/ui/src/styles/dsfr/icons/map/france-line.svg
deleted file mode 100644
index 11a5383c95a717bbce5472347e8814fb3c214dc7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/france-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.648 1.986a.729.729 0 0 1 .77.284l.217.31h.113c.317 0 .592.2.683.499l.04.125a.716.716 0 0 1 .41.254.712.712 0 0 1 .187.063l.287.14a.717.717 0 0 1 .294.267l.236-.055a.724.724 0 0 1 .608.13.693.693 0 0 1 .273.551v.251l.485.322a.727.727 0 0 1 .328.059l.077.033.1-.04a.735.735 0 0 1 .475-.024l.388.115c.137.04.257.118.347.226l.28.336.374-.037a.735.735 0 0 1 .41.079l.226.12.331.006c.133.002.26.04.371.11l.289.179a.7.7 0 0 1 .25.92l-.312.578-.016.174a.693.693 0 0 1-.034.16l-.222.63.017 1.045a.69.69 0 0 1-.256.549l-.408.333a.726.726 0 0 1-.242.13l-.7.885c.24.06.44.238.512.482l.076.256.098.12.228.334a.694.694 0 0 1-.016.801l.27.317a.696.696 0 0 1 .166.482l-.02.365a.706.706 0 0 1-.28.52l.05.048a.689.689 0 0 1 .06.95l.086.058.09-.031a.72.72 0 0 1 .888.365l.117.25a.687.687 0 0 1-.079.712l-.04.055a.691.691 0 0 1-.247.642l-.72.586-.313.197a.692.692 0 0 1-.062.317.71.71 0 0 1-.403.369l-.63.228a.764.764 0 0 1-.15.037l-.472.066a.73.73 0 0 1-.273-.013l-.97-.222-.646-.185a.65.65 0 0 1-.05-.016.727.727 0 0 1-.428-.078l-.222-.12a.726.726 0 0 1-.528-.096l-.608.36-.192.38.186.643a.696.696 0 0 1-.5.868l-.768.2a.71.71 0 0 1-.184.024l-.102-.008-.644-.112-.292.058a.74.74 0 0 1-.45-.054l-.344-.163a.709.709 0 0 1-.372-.428l-.282-.113-.118-.025a.72.72 0 0 1-.652.25l-1.216-.161a.717.717 0 0 1-.27-.094l-.206-.119h-.31a.723.723 0 0 1-.52-.22l-.208-.217-.696-.294a.714.714 0 0 1-.34-.298l-.141-.245-.298-.161a.693.693 0 0 1-.209-1.06l.464-.554.257-1.379a.7.7 0 0 1 .024-.092.687.687 0 0 1-.04-.329l.213-1.822a.688.688 0 0 1 .019-.1.694.694 0 0 1 .138-.857.693.693 0 0 1-.075-.216l-.328-.165a.71.71 0 0 1-.247-.206l-.559-.728a.693.693 0 0 1-.126-.265l-.165-.737-.002-.008-.074-.05a.708.708 0 0 1-.162-.152l-.24-.312-1.343-.524h-.386a.72.72 0 0 1-.617-.347l-.164-.275a.69.69 0 0 1-.083-.495.713.713 0 0 1-.276-.35L1.754 8.1a.695.695 0 0 1 .373-.866l1.017-.465a.734.734 0 0 1 .241-.063l1.4-.124a.738.738 0 0 1 .575.207l.259.259.054-.021a.727.727 0 0 1 .393-.036l.188.033-.253-.596-.19-.757a.691.691 0 0 1 .12-.583.713.713 0 0 1 .535-.284l.574-.029a.707.707 0 0 1 .558.222l.493.519.639.123.007-.08a.702.702 0 0 1 .481-.604l1.213-.409.326-.292-.046-.71a.7.7 0 0 1 .06-.331l.254-.546a.71.71 0 0 1 .47-.387Zm-.188 1.978-.33.081-.036.073.055.815a.64.64 0 0 1-.227.528l-.673.578a.707.707 0 0 1-.249.138l-.737.238.228.157-.283.135a.675.675 0 0 1-.347.378l-.483.23a.756.756 0 0 1-.45.06l-1.19-.22v.006l.057.799c.024.342-.23.64-.59.693l-.305.045a.744.744 0 0 1-.235-.003l-.589-.1-.299.11a.733.733 0 0 1-.755-.152l-.346-.33-.924.078-.038.016c.15.132.23.317.221.506.004 0 .007.002.01.003l1.626.608c.124.047.225.12.301.215l.206.257a.745.745 0 0 1 .397.078l.398.205c.16.083.28.223.333.385l.553.285-.595.197a.685.685 0 0 1-.316.298l.35.437.616.296a.645.645 0 0 1 .362.735l-.007.027.134.237c.107.19.107.41.01.596l.057.044a.666.666 0 0 1 .218.304l.387 1.1a.617.617 0 0 1-.036.495l.262.745-.722-.397a.743.743 0 0 1-.272.012.644.644 0 0 1-.085.177l-.305.451-.26 1.335a.64.64 0 0 1-.15.301l-.075.087a.53.53 0 0 1 .042.063l.12.197.6.242c.093.04.168.09.233.153l.097.097h.19c.124 0 .246.031.353.09l.25.139.385.048a.69.69 0 0 1 .136-.139.74.74 0 0 1 .58-.134l.98.208.69.263a.692.692 0 0 1 .37.328l.033-.006a.73.73 0 0 1 .14-.013l.104.007.506.085-.05-.164a.624.624 0 0 1 .048-.475l.397-.753a.67.67 0 0 1 .268-.273l1.165-.658a.731.731 0 0 1 .672-.026.735.735 0 0 1 .54-.06l.255.074a.686.686 0 0 1 .034.01.736.736 0 0 1 .674.077l.38.258c.1.068.18.16.229.266l.529.115.261-.035.053-.018a.654.654 0 0 1 .104-.17l.228-.268a.691.691 0 0 1 .17-.143l.44-.265.176-.138-.572-.374a.647.647 0 0 1-.3-.532l-.01-.636-.238-.214a.636.636 0 0 1-.217-.476v-.231c0-.265.167-.502.426-.606l-.093-.104a.636.636 0 0 1-.161-.385l-.02-.29a.686.686 0 0 1 .001-.082.743.743 0 0 1-.824-.013l-.202-.144a.637.637 0 0 1-.228-.76l.106-.259.03-.334a.634.634 0 0 1 .11-.303l.447-.64.461-.561a.618.618 0 0 1 .01-.232.663.663 0 0 1 .36-.44l.238-.116a.732.732 0 0 1 .252-.071l-.012-.69a.617.617 0 0 1 .04-.23l.226-.614.021-.214a.628.628 0 0 1 .039-.164.68.68 0 0 1-.083-.036l-.179-.09-.526.05a.73.73 0 0 1-.614-.239l-.348-.4-.106.041a.743.743 0 0 1-.543-.005l-.19-.077-.053.004a.745.745 0 0 1-.443-.106l-.861-.548a.679.679 0 0 1-.135-.113.733.733 0 0 1-.2-.008l-.461-.08a.679.679 0 0 1-.57-.58l-.012-.106a.704.704 0 0 1-.474-.313l-.01-.016a.719.719 0 0 1-.296-.146l-.172-.143a.672.672 0 0 1-.113-.12.709.709 0 0 1-.52-.284l-.235-.324Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/gas-station-fill.svg b/packages/ui/src/styles/dsfr/icons/map/gas-station-fill.svg
deleted file mode 100644
index 68c06ca2382e2beaefa6822c0aa4a91c75ef02b2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/gas-station-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-2a1 1 0 0 1-1-1V6.414l-1.657-1.657 1.414-1.414 4.95 4.95A.997.997 0 0 1 22 9v9a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9Zm-1 2H5v6h7V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/gas-station-line.svg b/packages/ui/src/styles/dsfr/icons/map/gas-station-line.svg
deleted file mode 100644
index f20445a5e024ea7a495510ab0ef3e2a2e6533826..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/gas-station-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 3a1 1 0 0 1 1 1v8h2a2 2 0 0 1 2 2v4a1 1 0 0 0 2 0v-7h-2a1 1 0 0 1-1-1V6.414l-1.657-1.657 1.414-1.414 4.95 4.95A.997.997 0 0 1 22 9v9a3 3 0 0 1-6 0v-4h-2v5h1v2H2v-2h1V4a1 1 0 0 1 1-1h9Zm-1 10H5v6h7v-6Zm0-8H5v6h7V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/goblet-fill.svg b/packages/ui/src/styles/dsfr/icons/map/goblet-fill.svg
deleted file mode 100644
index 38f7b2f390a826baab44e10b5abcf560eb5ee4b2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/goblet-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2l-8 8.889V19h5v2H6v-2h5v-5.111L3 5V3h18Zm-2.69 2H5.69l1.8 2h9.02l1.8-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/goblet-line.svg b/packages/ui/src/styles/dsfr/icons/map/goblet-line.svg
deleted file mode 100644
index 9ccad736bd615548d032cc817edd7f2f154356c6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/goblet-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2l-8 8.889V19h5v2H6v-2h5v-5.111L3 5V3h18Zm-6.29 6H9.29L12 12.01 14.71 9Zm3.6-4H5.69l1.8 2h9.02l1.8-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/map-pin-2-fill.svg b/packages/ui/src/styles/dsfr/icons/map/map-pin-2-fill.svg
deleted file mode 100644
index 5b9b5fbf5f57840438cf842d43d39658da482607..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/map-pin-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.364 3.636a9 9 0 0 1 0 12.728L12 22.728l-6.364-6.364A9 9 0 0 1 18.364 3.636ZM12 8a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/map-pin-2-line.svg b/packages/ui/src/styles/dsfr/icons/map/map-pin-2-line.svg
deleted file mode 100644
index f6de6502363bb6f13dcd67dd4f1c72972df76c37..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/map-pin-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.364 3.636a9 9 0 0 1 0 12.728L12 22.728l-6.364-6.364A9 9 0 0 1 18.364 3.636ZM7.05 5.051a7 7 0 0 0 0 9.899L12 19.9l4.95-4.95a7 7 0 0 0-9.9-9.9ZM12 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/map-pin-user-fill.svg b/packages/ui/src/styles/dsfr/icons/map/map-pin-user-fill.svg
deleted file mode 100644
index c5b693a79fe595af847732cc3cfb46818c9d344f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/map-pin-user-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.084 15.812a7 7 0 1 0-10.168 0A5.996 5.996 0 0 1 12 13a5.996 5.996 0 0 1 5.084 2.812ZM12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728ZM12 12a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/map-pin-user-line.svg b/packages/ui/src/styles/dsfr/icons/map/map-pin-user-line.svg
deleted file mode 100644
index 4ab28844f3c3c691468b40f78224ccf961ec42cb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/map-pin-user-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.084 15.812a7 7 0 1 0-10.168 0A5.996 5.996 0 0 1 12 13a5.996 5.996 0 0 1 5.084 2.812Zm-8.699 1.473L12 20.899l3.615-3.614a4 4 0 0 0-7.23 0ZM12 23.728l-6.364-6.364a9 9 0 1 1 12.728 0L12 23.728ZM12 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/motorbike-fill.svg b/packages/ui/src/styles/dsfr/icons/map/motorbike-fill.svg
deleted file mode 100644
index 451d08e3355620fd5f9e1d7a96600d8cba655fa0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/motorbike-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 1.092 3H20v3h-2.816l1.456 4.003.072.002a4.5 4.5 0 1 1-2.058.391L15.419 10h-.948l-1.581 5.87-.004-.002.004.007-2.925 1.064A4.5 4.5 0 1 1 4 13.256V12H2v-2h6.365L11.2 8h3.49L13.6 5H11V3h4ZM5.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm13 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/motorbike-line.svg b/packages/ui/src/styles/dsfr/icons/map/motorbike-line.svg
deleted file mode 100644
index f69a3e7f5c41327fffd91fa84282828f8cecd320..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/motorbike-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 1.092 3H20v3h-2.816l1.456 4.002a4.5 4.5 0 1 1-1.985.392L15.419 10h-.947l-1.582 5.87-.002-.001.002.006-2.925 1.064A4.5 4.5 0 1 1 4 13.256V12H2v-2h6.365L11.2 8h3.491L13.6 5H11V3h4ZM5.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm13 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm-6.097-5h-.547L9 12H6v1.027a4.5 4.5 0 0 1 3.281 2.033l1.957-.713L12.403 10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/passport-fill.svg b/packages/ui/src/styles/dsfr/icons/map/passport-fill.svg
deleted file mode 100644
index b07cfa074a3ddf628a89bbcd4697be9206eb0617..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/passport-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-4 14H8v2h8v-2ZM12 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/passport-line.svg b/packages/ui/src/styles/dsfr/icons/map/passport-line.svg
deleted file mode 100644
index 7a817b12412a0e77e6ee2f04f38f761accd47acf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/passport-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16Zm-1 2H5v16h14V4Zm-3 12v2H8v-2h8ZM12 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/restaurant-fill.svg b/packages/ui/src/styles/dsfr/icons/map/restaurant-fill.svg
deleted file mode 100644
index 771249c1d0136c2c196dfb66518a4a389f847d96..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/restaurant-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 2v20h-2v-8h-3V7a5 5 0 0 1 5-5ZM9 13.9V22H7v-8.1A5.002 5.002 0 0 1 3 9V3h2v7h2V3h2v7h2V3h2v6a5.002 5.002 0 0 1-4 4.9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/restaurant-line.svg b/packages/ui/src/styles/dsfr/icons/map/restaurant-line.svg
deleted file mode 100644
index 69f954539823fcd5fdeabf4e4f3cdb64e71965de..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/restaurant-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 2v20h-2v-7h-4V8a6 6 0 0 1 6-6ZM5 3v7h2V3h2v7h2V3h2v6a5.002 5.002 0 0 1-4 4.9V22H7v-8.1A5.002 5.002 0 0 1 3 9V3h2Zm14 1.53C18.17 5 17 6.17 17 8v5h2V4.53Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/road-map-fill.svg b/packages/ui/src/styles/dsfr/icons/map/road-map-fill.svg
deleted file mode 100644
index d73560dd3cff23500b48caf1a34e8db5749b3fb8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/road-map-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.775 4.34a.5.5 0 0 1 .225.418V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V7l3.129-1.341a6.993 6.993 0 0 0 1.921 6.29L12 16.9l4.95-4.95a6.996 6.996 0 0 0 1.858-6.582l2.495-1.07a.5.5 0 0 1 .472.042Zm-6.24-.876a5 5 0 0 1 .001 7.071v.001L12 14.07l-3.536-3.535a5 5 0 0 1 7.071-7.07Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/road-map-line.svg b/packages/ui/src/styles/dsfr/icons/map/road-map-line.svg
deleted file mode 100644
index d1f86bd22c32868d2bb9c40379f5b4aa83d127b2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/road-map-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.775 4.341A.5.5 0 0 1 22 4.76V19l-7 3-6-3-6.303 2.701a.5.5 0 0 1-.697-.46V7l2-.857v12.824l5.065-2.17 6 3L20 17.68V4.857l1.303-.558a.5.5 0 0 1 .472.042Zm-5.532-1.583a6 6 0 0 1 0 8.485L12 15.485l-4.243-4.242a6 6 0 0 1 8.486-8.485ZM12 2.999a4 4 0 0 0-2.828 6.829L12 12.657l2.828-2.829A4 4 0 0 0 12 2.999Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/sailboat-fill.svg b/packages/ui/src/styles/dsfr/icons/map/sailboat-fill.svg
deleted file mode 100644
index 29096841c7945a085a43cb77b7190390411bf9db..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/sailboat-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 18h18a.5.5 0 0 1 .4.8l-2.1 2.8a1 1 0 0 1-.8.4h-13a1 1 0 0 1-.8-.4l-2.1-2.8A.5.5 0 0 1 3 18ZM15 2.425V15a1 1 0 0 1-1 1H4.04a.5.5 0 0 1-.39-.812L14.11 2.113a.5.5 0 0 1 .89.312Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/sailboat-line.svg b/packages/ui/src/styles/dsfr/icons/map/sailboat-line.svg
deleted file mode 100644
index f083b6607053082689ab3cabe261233a2faa00e5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/sailboat-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 18a.5.5 0 0 1 .4.8l-2.1 2.8a1 1 0 0 1-.8.4h-13a1 1 0 0 1-.8-.4l-2.1-2.8A.5.5 0 0 1 3 18h18ZM14.665 1.954a.5.5 0 0 1 .335.471V15a1 1 0 0 1-1 1H4.04a.5.5 0 0 1-.39-.812L14.11 2.113a.5.5 0 0 1 .555-.159ZM13 6.702 7.161 14H13V6.702Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/ship-2-fill.svg b/packages/ui/src/styles/dsfr/icons/map/ship-2-fill.svg
deleted file mode 100644
index d7b031e76c2ef71f5a7ec558a402995861ec97e5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/ship-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 18.472A5.978 5.978 0 0 0 19 20h2v2h-2a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 11 22a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 3 22H1v-2h2a5.978 5.978 0 0 0 4-1.528A5.978 5.978 0 0 0 11 20a5.978 5.978 0 0 0 4-1.528ZM9 1v3h5.446a1 1 0 0 1 .848.47L18.75 10h4.408a.5.5 0 0 1 .439.74l-3.937 7.217A4.992 4.992 0 0 1 15 16a4.992 4.992 0 0 1-4 2 4.992 4.992 0 0 1-4-2 4.992 4.992 0 0 1-4.55 1.97l-1.236-6.791A1 1 0 0 1 2.198 10H3V5a1 1 0 0 1 1-1h1V1h4Zm4.892 5H5v4h11.392l-2.5-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/ship-2-line.svg b/packages/ui/src/styles/dsfr/icons/map/ship-2-line.svg
deleted file mode 100644
index 7f254e40d311ccd3eaa797122c9fa377b8d5174d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/ship-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 18.472A5.978 5.978 0 0 0 19 20h2v2h-2a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 11 22a7.963 7.963 0 0 1-4-1.07A7.963 7.963 0 0 1 3 22H1v-2h2a5.978 5.978 0 0 0 4-1.528A5.978 5.978 0 0 0 11 20a5.978 5.978 0 0 0 4-1.528ZM9 1v3h5.446a1 1 0 0 1 .848.47L18.75 10h4.408a.5.5 0 0 1 .439.74L19.637 18H19a6.01 6.01 0 0 1-1.535-.198L20.63 12H3.4l1.048 5.824A6.04 6.04 0 0 1 3 18h-.545l-1.24-6.821A1 1 0 0 1 2.197 10H3V5a1 1 0 0 1 1-1h1V1h4Zm4.892 5H5v4h11.392l-2.5-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/signal-tower-fill.svg b/packages/ui/src/styles/dsfr/icons/map/signal-tower-fill.svg
deleted file mode 100644
index 877a9313a6f6cac213639a287c97a97caf91cfcd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/signal-tower-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 13 1 9h-4l1-9h2ZM12 2c5.523 0 10 4.477 10 10a9.986 9.986 0 0 1-4.116 8.087l-1.015-1.739a8 8 0 1 0-9.738 0l-1.015 1.739A9.986 9.986 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 4a6 6 0 0 1 3.85 10.602l-1.03-1.766a4 4 0 1 0-5.64 0l-1.03 1.766A6 6 0 0 1 12 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/signal-tower-line.svg b/packages/ui/src/styles/dsfr/icons/map/signal-tower-line.svg
deleted file mode 100644
index 80e7b55a8b69a72773237883342e17b8f5ab8519..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/signal-tower-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 13v9h-2v-9h2ZM12 2c5.523 0 10 4.477 10 10a9.986 9.986 0 0 1-4.116 8.087l-1.015-1.739a8 8 0 1 0-9.738 0l-1.015 1.739A9.986 9.986 0 0 1 2 12C2 6.477 6.477 2 12 2Zm0 4a6 6 0 0 1 3.85 10.602l-1.03-1.766a4 4 0 1 0-5.64 0l-1.03 1.766A6 6 0 0 1 12 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/suitcase-2-fill.svg b/packages/ui/src/styles/dsfr/icons/map/suitcase-2-fill.svg
deleted file mode 100644
index a48990a0d21910d999782a9fa5604fefb9aa1f89..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/suitcase-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v2h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-1v1h-2v-1H8v1H6v-1H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1h6Zm-5 7H8v9h2V9Zm6 0h-2v9h2V9Zm-2-5h-4v1h4V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/suitcase-2-line.svg b/packages/ui/src/styles/dsfr/icons/map/suitcase-2-line.svg
deleted file mode 100644
index fc8368791374be66d9b2b9ea6e69c6bb08df3fdd..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/suitcase-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 2a1 1 0 0 1 1 1v2h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-1v1h-2v-1H8v1H6v-1H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1h6Zm4 5H5v13h14V7Zm-9 2v9H8V9h2Zm6 0v9h-2V9h2Zm-2-5h-4v1h4V4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/taxi-fill.svg b/packages/ui/src/styles/dsfr/icons/map/taxi-fill.svg
deleted file mode 100644
index c8fcec79e65f5df256db102ff7bef5433b7d8b73..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/taxi-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 3v2h2.681a2 2 0 0 1 1.838 1.212L22 12v9a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-9l2.48-5.788A2 2 0 0 1 6.32 5H9V3h6ZM6.5 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm.181-7H6.32l-2.143 5h15.647l-2.143-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/taxi-line.svg b/packages/ui/src/styles/dsfr/icons/map/taxi-line.svg
deleted file mode 100644
index 78c13f28aa5099088b39b2d07e4b26b9e06d7dab..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/taxi-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 3v2h2.764a2 2 0 0 1 1.789 1.106L22 11v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H5v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V11l2.447-4.894A2 2 0 0 1 6.237 5H9V3h6Zm5 10H4v5h16v-5ZM6.5 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm11 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm.264-7H6.236l-2 4h15.528l-2-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/train-fill.svg b/packages/ui/src/styles/dsfr/icons/map/train-fill.svg
deleted file mode 100644
index b2eeca0ea103b8678245ac1a4d605b3576c0461b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/train-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3a4 4 0 0 1 4 4v11a2 2 0 0 1-2 2h-1.8l1.8 1.5v.5H5v-.5L6.8 20H5a2 2 0 0 1-2-2V7a4 4 0 0 1 4-4h10Zm-5 11a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7-7H5v4h14V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/map/train-line.svg b/packages/ui/src/styles/dsfr/icons/map/train-line.svg
deleted file mode 100644
index 1ff0e47fe222f06b25b6d2b8ca8d780421642fb1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/map/train-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 3a4 4 0 0 1 4 4v11a2 2 0 0 1-2 2h-1.8l1.8 1.5v.5H5v-.5L6.8 20H5a2 2 0 0 1-2-2V7a4 4 0 0 1 4-4h10Zm0 2H7a2 2 0 0 0-2 2v11h14V7a2 2 0 0 0-2-2Zm-5 8a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm6-6v4H6V7h12Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/align-left.svg b/packages/ui/src/styles/dsfr/icons/media/align-left.svg
deleted file mode 100644
index ca3d363c60f6209b932a14b6efe95579698303a4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/align-left.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 4h18v2H3V4Zm0 15h14v2H3v-2Zm0-5h18v2H3v-2Zm0-5h14v2H3V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/camera-fill.svg b/packages/ui/src/styles/dsfr/icons/media/camera-fill.svg
deleted file mode 100644
index 4b37edb3debd94e1baa8aff9667d65b26b4865df..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/camera-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4l2-2h6Zm-3 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/camera-line.svg b/packages/ui/src/styles/dsfr/icons/media/camera-line.svg
deleted file mode 100644
index feca4fc84f0932dd594ec182ec46074b0e0c2ea5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/camera-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m15 3 2 2h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4l2-2h6Zm-.828 2H9.828l-2 2H4v12h16V7h-3.828l-2-2ZM12 7a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/clapperboard-fill.svg b/packages/ui/src/styles/dsfr/icons/media/clapperboard-fill.svg
deleted file mode 100644
index ceb45814f1480c205bcfe370bf91b22b526328b2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/clapperboard-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.998 7 2.31-4h.7c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h3.006l-2.31 4h2.31l2.31-4h3.69l-2.31 4h2.31l2.31-4h3.69l-2.31 4h2.31Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/clapperboard-line.svg b/packages/ui/src/styles/dsfr/icons/media/clapperboard-line.svg
deleted file mode 100644
index c9bfa6f10a689be9f56fa33536b41c444d9c9331..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/clapperboard-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.998 3 4 6.46V19h16V7h-2.002l2.31-4h.7c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h3.006Zm6 0-2.31 4h-3.69l2.31-4h3.69Zm6 0-2.31 4h-3.69l2.31-4h3.69Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/equalizer-fill.svg b/packages/ui/src/styles/dsfr/icons/media/equalizer-fill.svg
deleted file mode 100644
index 3b680f9d59bf4ec4e3b65c0b5f3a4eaa70152f6b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/equalizer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.17 18a3.001 3.001 0 0 1 5.66 0H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2v-2h4.17Zm6-7a3.001 3.001 0 0 1 5.66 0H22v2h-4.17a3.001 3.001 0 0 1-5.66 0H2v-2h10.17Zm-6-7a3.001 3.001 0 0 1 5.66 0H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2V4h4.17Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/equalizer-line.svg b/packages/ui/src/styles/dsfr/icons/media/equalizer-line.svg
deleted file mode 100644
index 7431345dbb7830d1cc64de74fa2a3ee25c6366c6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/equalizer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9 15.998A3 3 0 0 1 11.83 18H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2v-2h4.17A3.001 3.001 0 0 1 9 15.998ZM9 18a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm6-9.002A3 3 0 0 1 17.83 11H22v2h-4.17a3.001 3.001 0 0 1-5.66 0H2v-2h10.17A3.001 3.001 0 0 1 15 8.998ZM15 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM9 1.998A3 3 0 0 1 11.83 4H22v2H11.83a3.001 3.001 0 0 1-5.66 0H2V4h4.17A3.001 3.001 0 0 1 9 1.998ZM9 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/film-fill.svg b/packages/ui/src/styles/dsfr/icons/media/film-fill.svg
deleted file mode 100644
index d178a6fb11a851785dd366a7737d73d3d9a18059..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/film-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM6 17H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 13H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 9H4v2h2V9Zm14 0h-2v2h2V9ZM6 5H4v2h2V5Zm14 0h-2v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/film-line.svg b/packages/ui/src/styles/dsfr/icons/media/film-line.svg
deleted file mode 100644
index 092b897407bbedb6dbc4f5c1ee3c6a8dc7db3073..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/film-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM16 5H8v14h8V5ZM6 17H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 13H4v2h2v-2Zm14 0h-2v2h2v-2ZM6 9H4v2h2V9Zm14 0h-2v2h2V9ZM6 5H4v2h2V5Zm14 0h-2v2h2V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/fullscreen-line.svg b/packages/ui/src/styles/dsfr/icons/media/fullscreen-line.svg
deleted file mode 100644
index b698e0481aa582a8f2372a74719b9d893d335156..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/fullscreen-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3h2v6h-2V5h-4V3h4zM4 3h4v2H4v4H2V3h2zm16 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/media/gallery-fill.svg b/packages/ui/src/styles/dsfr/icons/media/gallery-fill.svg
deleted file mode 100644
index 1dff7afdc29f22d104918747679234233f615350..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/gallery-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 1v4H4v7c5.22 0 9.662 2.462 11.313 7h2.096c-.776-2.399-2.277-3.885-4.266-5.602A10.954 10.954 0 0 1 20 11V3h1.008c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3H6V1h2Zm8.5 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM18 1v4h-8V3h6V1h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/gallery-line.svg b/packages/ui/src/styles/dsfr/icons/media/gallery-line.svg
deleted file mode 100644
index 5d3dbb4d89ed284d6f36c32e58b4e77827a28d3d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/gallery-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 1v4H4v4c3.83 0 7.323 1.435 9.974 3.796A10.949 10.949 0 0 1 20 11V3h1.008c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3H6V1h2Zm12 12c-1.678 0-3.249.46-4.593 1.259A14.984 14.984 0 0 1 18.147 19H20v-6ZM4 11v8h12.004C14.044 14.302 9.408 11 4 11Zm12.5-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM18 1v4h-8V3h6V1h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/headphone-fill.svg b/packages/ui/src/styles/dsfr/icons/media/headphone-fill.svg
deleted file mode 100644
index 0b95ac197439b24e064dff0f384a9d730e99c005..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/headphone-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 12h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2s10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 1 0-16 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/headphone-line.svg b/packages/ui/src/styles/dsfr/icons/media/headphone-line.svg
deleted file mode 100644
index 96749116083c1093ada05de4e049dcaaa62d6d0d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/headphone-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10v7a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h3a8 8 0 1 0-16 0h3a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-7C2 6.477 6.477 2 12 2ZM7 14H4v5h3v-5Zm13 0h-3v5h3v-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/image-add-fill.svg b/packages/ui/src/styles/dsfr/icons/media/image-add-fill.svg
deleted file mode 100644
index f97e9786d461f5b4537422165930f18c92f2e228..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/image-add-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2Zm.008-12c.548 0 .992.445.992.993v9.349A5.99 5.99 0 0 0 20 13V5H4l.001 14 9.292-9.293a.999.999 0 0 1 1.32-.084l.093.085 3.546 3.55a6.003 6.003 0 0 0-3.91 7.743L2.992 21A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/image-add-line.svg b/packages/ui/src/styles/dsfr/icons/media/image-add-line.svg
deleted file mode 100644
index 4ee618b2f439c56690a910b2fded4a8589f78312..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/image-add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2Zm.008-12c.548 0 .992.445.992.993V13h-2V5H4v13.999L14 9l3 3v2.829l-3-3L6.827 19H14v2H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/image-edit-fill.svg b/packages/ui/src/styles/dsfr/icons/media/image-edit-fill.svg
deleted file mode 100644
index 3255508ae51f38eee616f407103d4e675d55bae6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/image-edit-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v1.757l-2 2V5H5v8.1l4-4 4.328 4.329-1.327 1.327-.006 4.239 4.246.006 1.33-1.33L18.899 19H19v-2.758l2-2V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h16Zm1.778 4.808 1.414 1.414L15.414 17l-1.416-.002.002-1.412 7.778-7.778ZM15.5 7a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 15.5 7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/image-edit-line.svg b/packages/ui/src/styles/dsfr/icons/media/image-edit-line.svg
deleted file mode 100644
index de0598487491b1a7a91e3adfb20e30c8846b6353..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/image-edit-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3a1 1 0 0 1 1 1v1.757l-2 2V5H5v8.1l4-4 4.328 4.329-1.415 1.413L9 11.93l-4 3.999V19h10.533l.708.001 1.329-1.33L18.9 19h.1v-2.758l2-2V20a1 1 0 0 1-1 1H4c-.55 0-1-.45-1-1V4a1 1 0 0 1 1-1h16Zm1.778 4.808 1.414 1.414L15.414 17l-1.416-.002.002-1.412 7.778-7.778ZM15.5 7a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 15.5 7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/image-fill.svg b/packages/ui/src/styles/dsfr/icons/media/image-fill.svg
deleted file mode 100644
index 43b977fa31b6720b193fa0dd348d8c368bd45870..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/image-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM20 5H4v14l9.292-9.294a1 1 0 0 1 1.414 0L20 15.01V5ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/image-line.svg b/packages/ui/src/styles/dsfr/icons/media/image-line.svg
deleted file mode 100644
index b519ff268fb23007ba03de832824ad0f1bcceac7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/image-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21.008 3c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H4.828l-.02.02-.021-.02H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3h18.016ZM20 5H4v14L14 9l6 6V5Zm-6 6.828L6.828 19H20v-1.172l-6-6ZM8 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/live-fill.svg b/packages/ui/src/styles/dsfr/icons/media/live-fill.svg
deleted file mode 100644
index 15cb808283e366eb9d34f875db64290a8697ad5e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/live-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 4a1 1 0 0 1 1 1v4.2l5.213-3.65a.5.5 0 0 1 .787.41v12.08a.5.5 0 0 1-.787.41L17 14.8V19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14ZM7.4 8.829a.4.4 0 0 0-.392.32L7 9.228v5.542a.4.4 0 0 0 .542.374l.073-.036 4.355-2.772a.4.4 0 0 0 .063-.624l-.063-.05L7.615 8.89a.4.4 0 0 0-.215-.06v-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/live-line.svg b/packages/ui/src/styles/dsfr/icons/media/live-line.svg
deleted file mode 100644
index 74b57f0591ed3cb0e7f75900bd3fcbe3f55f1e6c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/live-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 4a1 1 0 0 1 1 1v4.2l5.213-3.65a.5.5 0 0 1 .787.41v12.08a.5.5 0 0 1-.787.41L17 14.8V19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14Zm-1 2H3v12h12V6ZM7.4 8.829a.4.4 0 0 1 .215.062l4.355 2.772a.4.4 0 0 1 0 .674L7.615 15.11A.4.4 0 0 1 7 14.77V9.23a.4.4 0 0 1 .4-.4v-.001ZM21 8.84l-4 2.8v.718l4 2.8V8.84Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/mic-fill.svg b/packages/ui/src/styles/dsfr/icons/media/mic-fill.svg
deleted file mode 100644
index c71df846fa38922186baadedf92af74cb3bcd681..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/mic-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.07 11a7.002 7.002 0 0 0 13.858 0h2.016A9.004 9.004 0 0 1 13 18.945V23h-2v-4.055A9.004 9.004 0 0 1 3.055 11H5.07ZM12 1a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V6a5 5 0 0 1 5-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/mic-line.svg b/packages/ui/src/styles/dsfr/icons/media/mic-line.svg
deleted file mode 100644
index 59b1816f4077971afe5e6247ef7f80f624a50c6d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/mic-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.07 11a7.002 7.002 0 0 0 13.858 0h2.016A9.004 9.004 0 0 1 13 18.945V23h-2v-4.055A9.004 9.004 0 0 1 3.055 11H5.07ZM12 1a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V6a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v4a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/music-2-fill.svg b/packages/ui/src/styles/dsfr/icons/media/music-2-fill.svg
deleted file mode 100644
index 8acd9a0d75fca6127771802e0cc851df5ee1cf02..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/music-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3v14a4 4 0 1 1-2-3.465V6H9v11a4 4 0 1 1-2-3.465V3h13Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/music-2-line.svg b/packages/ui/src/styles/dsfr/icons/media/music-2-line.svg
deleted file mode 100644
index d29fa510d59317f93542b0b4f99218c6baa39257..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/music-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 3v14a4 4 0 1 1-2-3.465V5H9v12a4 4 0 1 1-2-3.465V3h13ZM5 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm11 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/notification-3-fill.svg b/packages/ui/src/styles/dsfr/icons/media/notification-3-fill.svg
deleted file mode 100644
index 2c2bf7f0e84ea109f7b4248aecfa8a7108ce7bd7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/notification-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7ZM9 21h6v2H9v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/notification-3-line.svg b/packages/ui/src/styles/dsfr/icons/media/notification-3-line.svg
deleted file mode 100644
index 33a967c42559b9c3d1a207c5dbcbbeb96fb179b6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/notification-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15 21v2H9v-2h6ZM12 2a8 8 0 0 1 8 8v7h2v2H2v-2h2v-7a8 8 0 0 1 8-8Zm0 2a6 6 0 0 0-6 6v7h12v-7a6 6 0 0 0-6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/pause-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/media/pause-circle-fill.svg
deleted file mode 100644
index 79ba664b071e30505c84c49a7f2a478837cd093a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/pause-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3 7h-2v6h2V9Zm-4 0H9v6h2V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/pause-circle-line.svg b/packages/ui/src/styles/dsfr/icons/media/pause-circle-line.svg
deleted file mode 100644
index c604e4a096d107aba169e2fa00b3a0353d74ad2f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/pause-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-1 5v6H9V9h2Zm4 0v6h-2V9h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/play-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/media/play-circle-fill.svg
deleted file mode 100644
index 377a4f73dc6ef5a20cd95aedda15b0047eb71f01..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/play-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10ZM10.622 8.415a.4.4 0 0 0-.622.332v6.506a.4.4 0 0 0 .622.332l4.879-3.252a.4.4 0 0 0 0-.666l-4.88-3.252h.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/play-circle-line.svg b/packages/ui/src/styles/dsfr/icons/media/play-circle-line.svg
deleted file mode 100644
index 4654748a6cc4e1473cbc7707ed4202e66001aee3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/play-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/stop-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/media/stop-circle-fill.svg
deleted file mode 100644
index 11b4a5a9488e7076e9314596a2976dd75fc8ab8e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/stop-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm3 7H9v6h6V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/stop-circle-line.svg b/packages/ui/src/styles/dsfr/icons/media/stop-circle-line.svg
deleted file mode 100644
index 5a31edbaccce6506e1702086aa4c49a8a811ae8f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/stop-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3 5v6H9V9h6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/volume-down-fill.svg b/packages/ui/src/styles/dsfr/icons/media/volume-down-fill.svg
deleted file mode 100644
index b8891a0878809b208481711fb38a60dcd5274cb5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/volume-down-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9.148 15.667H5.583a.917.917 0 0 1-.916-.917v-5.5c0-.506.41-.917.916-.917h3.565l4.853-3.97a.458.458 0 0 1 .749.354v14.566a.458.458 0 0 1-.749.355L9.15 15.667Zm9.143.541-1.303-1.303A3.66 3.66 0 0 0 18.417 12c0-1.31-.688-2.461-1.724-3.11l1.32-1.318A5.492 5.492 0 0 1 20.25 12c0 1.688-.76 3.2-1.959 4.208Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/volume-down-line.svg b/packages/ui/src/styles/dsfr/icons/media/volume-down-line.svg
deleted file mode 100644
index ab8c97fcaa7cbaf3ca1d589fb750a10ce34b1881..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/volume-down-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.488 4.303c.16.075.262.237.262.414v14.566a.458.458 0 0 1-.749.355L9.15 15.667H5.583a.917.917 0 0 1-.916-.917v-5.5c0-.506.41-.917.916-.917h3.565l4.853-3.97a.458.458 0 0 1 .487-.06Zm-1.571 3.315-3.114 2.549H6.5v3.666h3.303l3.114 2.549V7.618Zm5.095-.046A5.492 5.492 0 0 1 20.25 12c0 1.688-.76 3.2-1.959 4.208l-1.303-1.303A3.66 3.66 0 0 0 18.417 12c0-1.31-.688-2.461-1.724-3.11l1.32-1.318Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/volume-mute-fill.svg b/packages/ui/src/styles/dsfr/icons/media/volume-mute-fill.svg
deleted file mode 100644
index 8613dcc460f4b8cd17087b6c18ec7e29ebbea04e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/volume-mute-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.907 15.333h-3.24a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .681.322v13.242a.417.417 0 0 1-.68.322l-4.412-3.61ZM19.012 12l2.946 2.947-1.178 1.178-2.947-2.947-2.946 2.947-1.179-1.178L16.655 12l-2.947-2.947 1.179-1.178 2.946 2.947 2.947-2.947 1.178 1.178L19.012 12Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/volume-mute-line.svg b/packages/ui/src/styles/dsfr/icons/media/volume-mute-line.svg
deleted file mode 100644
index 7ac6d1687eeaa47fd63d719be6a174a1d8f1b6d7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/volume-mute-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.762 5.002A.417.417 0 0 1 12 5.38v13.242a.417.417 0 0 1-.68.322l-4.412-3.61H3.667a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .443-.055Zm9.018 2.873 1.178 1.178L19.012 12l2.946 2.947-1.178 1.178-2.947-2.947-2.946 2.947-1.179-1.178L16.655 12l-2.947-2.947 1.179-1.178 2.946 2.947 2.947-2.947Zm-10.447.142-2.83 2.316H4.5v3.334h3.003l2.83 2.316V8.017Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/volume-up-fill.svg b/packages/ui/src/styles/dsfr/icons/media/volume-up-fill.svg
deleted file mode 100644
index f0911f2ab062e69d5fd257115262569971969a09..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/volume-up-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6.907 15.333h-3.24a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .681.322v13.242a.417.417 0 0 1-.68.322l-4.412-3.61ZM17.93 5.01A9.147 9.147 0 0 1 21.167 12a9.144 9.144 0 0 1-2.995 6.778l-1.18-1.18A7.482 7.482 0 0 0 19.5 12a7.485 7.485 0 0 0-2.753-5.807L17.93 5.01Zm-2.964 2.964A4.993 4.993 0 0 1 17 12a4.99 4.99 0 0 1-1.78 3.826l-1.186-1.185c.82-.63 1.3-1.607 1.3-2.641a3.329 3.329 0 0 0-1.567-2.827l1.199-1.199Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/media/volume-up-line.svg b/packages/ui/src/styles/dsfr/icons/media/volume-up-line.svg
deleted file mode 100644
index 3ad89f6f2da94907f380762a89c2906f1a935c4f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/media/volume-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.762 5.002A.417.417 0 0 1 12 5.38v13.242a.417.417 0 0 1-.68.322l-4.412-3.61H3.667a.833.833 0 0 1-.834-.833v-5c0-.46.373-.833.834-.833h3.24l4.412-3.61a.417.417 0 0 1 .443-.055Zm6.168.008A9.147 9.147 0 0 1 21.167 12a9.144 9.144 0 0 1-2.995 6.778l-1.18-1.18A7.482 7.482 0 0 0 19.5 12a7.485 7.485 0 0 0-2.753-5.807L17.93 5.01Zm-7.597 3.007-2.83 2.316H4.5v3.334h3.003l2.83 2.316V8.017Zm4.633-.043A4.993 4.993 0 0 1 17 12a4.99 4.99 0 0 1-1.78 3.826l-1.186-1.185c.82-.63 1.3-1.607 1.3-2.641a3.329 3.329 0 0 0-1.567-2.827l1.199-1.199Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/leaf-fill.svg b/packages/ui/src/styles/dsfr/icons/others/leaf-fill.svg
deleted file mode 100644
index c6d0923e62541ac822eaa67aa00df4dd8d509430..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/leaf-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2c0 9.627-5.373 14-12 14H7.098c.212-3.012 1.15-4.835 3.598-7.001 1.204-1.065 1.102-1.68.509-1.327-4.084 2.43-6.112 5.714-6.202 10.958L5 22H3c0-1.363.116-2.6.346-3.732C3.116 16.974 3 15.218 3 13 3 7.477 7.477 3 13 3c2 0 4 1 8 0Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/leaf-line.svg b/packages/ui/src/styles/dsfr/icons/others/leaf-line.svg
deleted file mode 100644
index 656d741668df2a04ea77c4a5fd2a605cdbd20c45..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/leaf-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2c0 9.627-5.373 14-12 14H5.243A17.056 17.056 0 0 0 5 22H3c0-1.363.116-2.6.346-3.732C3.116 16.974 3 15.218 3 13 3 7.477 7.477 3 13 3c2 0 4 1 8 0Zm-8 2a8 8 0 0 0-8 8c0 .362.003.711.01 1.046 1.254-1.978 3.091-3.541 5.494-4.914l.992 1.736C8.641 12.5 6.747 14.354 5.776 17H9c6.015 0 9.871-3.973 9.997-11.612-1.372.133-2.647.048-4.22-.188C13.627 5.027 13.401 5 13 5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/lightbulb-fill.svg b/packages/ui/src/styles/dsfr/icons/others/lightbulb-fill.svg
deleted file mode 100644
index 7e4b99233d5d25e85dd085dc417575f8f65d1835..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/lightbulb-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 18H7.941c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H13v-5h-2v5Zm5 2v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/lightbulb-line.svg b/packages/ui/src/styles/dsfr/icons/others/lightbulb-line.svg
deleted file mode 100644
index 9d9f8a30cbfd546d9678d2719adfaf06218bf4e1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/lightbulb-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M9.973 18H11v-5h2v5h1.027c.132-1.202.745-2.194 1.74-3.277.113-.122.832-.867.917-.973a6 6 0 1 0-9.37-.002c.086.107.807.853.918.974.996 1.084 1.609 2.076 1.741 3.278ZM10 20v1h4v-1h-4Zm-4.246-5a8 8 0 1 1 12.49.002C17.624 15.774 16 17 16 18.5V21a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2.5C8 17 6.375 15.774 5.754 15Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/plant-fill.svg b/packages/ui/src/styles/dsfr/icons/others/plant-fill.svg
deleted file mode 100644
index 84b788dd4463fc868cadf0a2a2fadc03afc98eeb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/plant-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 3v2a7 7 0 0 1-7 7h-1v1h5v7a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-7h5v-3a7 7 0 0 1 7-7h3ZM5.5 2a7.49 7.49 0 0 1 6.124 3.169A7.953 7.953 0 0 0 10 10v1h-.5A7.5 7.5 0 0 1 2 3.5V2h3.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/plant-line.svg b/packages/ui/src/styles/dsfr/icons/others/plant-line.svg
deleted file mode 100644
index 808a49618b30166ee0a95dc11a560c65af6ffa0d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/plant-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 2a7 7 0 0 1 6.197 3.741A6.49 6.49 0 0 1 17.5 3H21v2.5a6.5 6.5 0 0 1-6.5 6.5H13v1h5v7a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-7h5v-2H9a7 7 0 0 1-7-7V2h4Zm10 13H8v5h8v-5Zm3-10h-1.5A4.5 4.5 0 0 0 13 9.5v.5h1.5A4.5 4.5 0 0 0 19 5.5V5ZM6 4H4a5 5 0 0 0 5 5h2a5 5 0 0 0-5-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/recycle-fill.svg b/packages/ui/src/styles/dsfr/icons/others/recycle-fill.svg
deleted file mode 100644
index 523e46571b76132131b9ff6cb257462f9719c966..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/recycle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.562 12.098 1.531 2.652a3.5 3.5 0 0 1-3.03 5.25H16v2l-5-3.5 5-3.5v2h2.062a.498.498 0 0 0 .471-.668l-.038-.082-1.531-2.652 2.598-1.5ZM7.737 9.384l.53 6.08-1.73-1-1.032 1.786a.498.498 0 0 0 .343.742l.09.008H9v3H5.938a3.5 3.5 0 0 1-3.031-5.25l1.031-1.786-1.732-1 5.53-2.58h.001Zm6.013-6.415c.532.307.974.749 1.281 1.281l1.03 1.786 1.733-1-.53 6.08-5.532-2.58 1.732-1-1.031-1.786a.498.498 0 0 0-.814-.073l-.052.073-1.53 2.652-2.599-1.5 1.53-2.652a3.5 3.5 0 0 1 4.782-1.281Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/recycle-line.svg b/packages/ui/src/styles/dsfr/icons/others/recycle-line.svg
deleted file mode 100644
index f1aae5a4e04f232601be3cbde019e7e2e61a631d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/recycle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m19.562 12.097 1.531 2.653a3.5 3.5 0 0 1-3.03 5.25H16v2.5L11 19l5-3.5V18h2.062a1.5 1.5 0 0 0 1.3-2.25l-1.532-2.653 1.732-1ZM7.304 9.134l.53 6.08-2.164-1.25-1.031 1.786A1.5 1.5 0 0 0 5.938 18H9v2H5.938a3.5 3.5 0 0 1-3.031-5.25l1.03-1.787-2.164-1.249 5.53-2.58h.001Zm6.446-6.165c.532.307.974.749 1.281 1.281l1.03 1.785 2.166-1.25-.53 6.081-5.532-2.58 2.165-1.25-1.031-1.786a1.5 1.5 0 0 0-2.598 0L9.169 7.903l-1.732-1L8.97 4.25a3.5 3.5 0 0 1 4.781-1.281h-.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/scales-3-fill.svg b/packages/ui/src/styles/dsfr/icons/others/scales-3-fill.svg
deleted file mode 100644
index 8b1501f5eae5d9f588bb037d8faa57a8c5eeccd2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/scales-3-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 2v1.278l5 1.668 3.632-1.21.633 1.896-3.032 1.011 3.096 8.512A5.986 5.986 0 0 1 18 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512L13 5.387V19h4v2H7v-2h4V5.387L7.232 6.643l3.096 8.512A5.982 5.982 0 0 1 6 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512-3.03-1.01.633-1.898L6 4.945l5-1.667V2h2Zm5 7.103L16.582 13h2.835L18 9.103Zm-12 0L4.582 13h2.835L6 9.103Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/scales-3-line.svg b/packages/ui/src/styles/dsfr/icons/others/scales-3-line.svg
deleted file mode 100644
index 656e260f60f9158a1fe08418a250c13f6495def4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/scales-3-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 2v1.278l5 1.668 3.632-1.21.633 1.896-3.032 1.011 3.096 8.512A5.986 5.986 0 0 1 18 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512L13 5.387V19h4v2H7v-2h4V5.387L7.232 6.643l3.096 8.512A5.982 5.982 0 0 1 6 17a5.985 5.985 0 0 1-4.329-1.845l3.094-8.512-3.03-1.01.633-1.898L6 4.945l5-1.667V2h2Zm5 7.103-1.958 5.386A3.975 3.975 0 0 0 18 15c.7 0 1.37-.18 1.958-.51L18 9.102v.001Zm-12 0-1.958 5.386A3.975 3.975 0 0 0 6 15c.7 0 1.37-.18 1.958-.51L6 9.102v.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/seedling-fill.svg b/packages/ui/src/styles/dsfr/icons/others/seedling-fill.svg
deleted file mode 100644
index 4e9b6d5c4196e125d7d773ce84bfbadd344b7b3a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/seedling-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 7v2.5a6.5 6.5 0 0 1-6.5 6.5H13v5h-2v-7l.019-1A6.5 6.5 0 0 1 17.5 7H22ZM6 3a7.004 7.004 0 0 1 6.643 4.786A7.477 7.477 0 0 0 10.016 13H9a7 7 0 0 1-7-7V3h4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/seedling-line.svg b/packages/ui/src/styles/dsfr/icons/others/seedling-line.svg
deleted file mode 100644
index 47869f3e732304eff7527994edad523cb0358c84..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/seedling-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M6 3a7.002 7.002 0 0 1 6.913 5.895A6.479 6.479 0 0 1 17.5 7H22v2.5a6.5 6.5 0 0 1-6.5 6.5H13v5h-2v-8H9a7 7 0 0 1-7-7V3h4Zm14 6h-2.5a4.5 4.5 0 0 0-4.5 4.5v.5h2.5A4.5 4.5 0 0 0 20 9.5V9ZM6 5H4v1a5 5 0 0 0 5 5h2v-1a5 5 0 0 0-5-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/umbrella-fill.svg b/packages/ui/src/styles/dsfr/icons/others/umbrella-fill.svg
deleted file mode 100644
index 2b8721d18bf4882af5e59f274e50996d5d786ba4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/umbrella-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 2.05c5.053.501 9 4.765 9 9.95v1h-9v6a2 2 0 1 0 4 0v-1h2v1a4 4 0 1 1-8 0v-6H2v-1c0-5.185 3.947-9.449 9-9.95V2a1 1 0 0 1 2 0v.05Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/others/umbrella-line.svg b/packages/ui/src/styles/dsfr/icons/others/umbrella-line.svg
deleted file mode 100644
index a5732292ec7844e8c9f98c9bdf2082f954813805..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/others/umbrella-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 1a1 1 0 0 1 1 1v.05c5.053.501 9 4.765 9 9.95v1h-9v6a2 2 0 1 0 4 0v-1h2v1a4 4 0 1 1-8 0v-6H2v-1c0-5.185 3.947-9.449 9-9.95V2a1 1 0 0 1 1-1Zm0 3.001c-4.031 0-7.433 3-7.938 6.999h15.876A8.001 8.001 0 0 0 12 4.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/add-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/system/add-circle-fill.svg
deleted file mode 100644
index dfd98831690c717307bba3fc6284aba108d9b025..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/add-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11H7v2h4v4h2v-4h4v-2h-4V7h-2v4z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/add-circle-line.svg b/packages/ui/src/styles/dsfr/icons/system/add-circle-line.svg
deleted file mode 100644
index faa15274bed4e9b4f60f26abb22212afd4c56359..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/add-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 11V7h2v4h4v2h-4v4h-2v-4H7v-2h4zm1 11C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10-4.48 10-10 10zm0-2c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/add-line.svg b/packages/ui/src/styles/dsfr/icons/system/add-line.svg
deleted file mode 100644
index eb78dddbce53db633d081bfdd4c5fc6462cfa72c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2h6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/alarm-warning-fill.svg b/packages/ui/src/styles/dsfr/icons/system/alarm-warning-fill.svg
deleted file mode 100644
index 2bbd1ec7bdae623b747c31d2f77f1659c077a8a0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/alarm-warning-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 6a8 8 0 0 1 8 8v6h1v2H3v-2h1v-6a8 8 0 0 1 8-8Zm0 2a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4V8ZM4.222 4.808l2.121 2.12L4.93 8.344 2.808 6.222l1.414-1.414Zm15.556 0 1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121ZM13 2v3h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/alarm-warning-line.svg b/packages/ui/src/styles/dsfr/icons/system/alarm-warning-line.svg
deleted file mode 100644
index 0ef83041fc0be0ba69b33833b15118f453609945..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/alarm-warning-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 6a8 8 0 0 1 8 8v6h1v2H3v-2h1v-6a8 8 0 0 1 8-8Zm0 2a6 6 0 0 0-6 6v6h12v-6a6 6 0 0 0-6-6Zm0 1v2a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5ZM4.222 4.808l2.121 2.12L4.93 8.344 2.808 6.222l1.414-1.414Zm15.556 0 1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121ZM13 2v3h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/alert-fill.svg b/packages/ui/src/styles/dsfr/icons/system/alert-fill.svg
deleted file mode 100644
index cbe513a8d28ad7adff1c525ac4cd05d0938a034b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/alert-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0ZM11 16v2h2v-2h-2Zm0-7v5h2V9h-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/alert-line.svg b/packages/ui/src/styles/dsfr/icons/system/alert-line.svg
deleted file mode 100644
index a6a60be868381fe6cadea8014091d258af18bb4c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/alert-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0Zm-8.66 16h15.588L12 5.5 4.206 19ZM11 16h2v2h-2v-2Zm0-7h2v5h-2V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-down-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-down-fill.svg
deleted file mode 100644
index ccb87c5db4428ab79f0b8db8362a26156662d55c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-down-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 12h7l-8 8-8-8h7V4h2v8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-down-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-down-line.svg
deleted file mode 100644
index dfadb33fdda863ef95a544977daa9c8eaeb4eccb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-down-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13 16.172 5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11 16.172V4h2v12.172Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-down-s-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-down-s-fill.svg
deleted file mode 100644
index 396bdc8a0184cf1c822ce41d901a1329dd389bb6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-down-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 16-6-6h12l-6 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-down-s-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-down-s-line.svg
deleted file mode 100644
index db7cbbab6ed88c6d0d5d00134ce64758ce14402c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-down-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 13.172 4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-go-back-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-go-back-fill.svg
deleted file mode 100644
index 3de54732fdc0ef80d905b0c256b4609e257e9d7c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-go-back-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M8 7v4L2 6l6-5v4h5a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-go-back-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-go-back-line.svg
deleted file mode 100644
index 8b197527c9a05e85815af222973f9de36e466bbc..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-go-back-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m5.828 7 2.536 2.536L6.95 10.95 2 6l4.95-4.95 1.414 1.414L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H5.828Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-go-forward-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-go-forward-fill.svg
deleted file mode 100644
index 7cc64360cd4a41f525ca9e6d5c9b40008a2d7415..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-go-forward-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M16 7h-5a6 6 0 1 0 0 12h9v2h-9a8 8 0 1 1 0-16h5V1l6 5-6 5V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-go-forward-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-go-forward-line.svg
deleted file mode 100644
index 334e6e78339d328ca39bd9a951683fe56ab8ce79..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-go-forward-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M18.172 7H11a6 6 0 1 0 0 12h9v2h-9a8 8 0 1 1 0-16h7.172l-2.536-2.536L17.05 1.05 22 6l-4.95 4.95-1.414-1.414L18.172 7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-left-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-left-fill.svg
deleted file mode 100644
index aa0fb82c5ba4b99622317c8615016223b6c63328..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-left-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 13v7l-8-8 8-8v7h8v2h-8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-left-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-left-line.svg
deleted file mode 100644
index 0437385ebd64ff7f6dc82b337763fe7ff1ccc6d1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-left-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414L7.828 11Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-left-s-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-left-s-fill.svg
deleted file mode 100644
index 5b6cbf2aa7c7ab5ef21a7f3d2779d93c47fe5f3e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-left-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m8 12 6-6v12l-6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-left-s-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-left-s-line.svg
deleted file mode 100644
index 7bfe708f8c1452d124368a3d5a3535f0c7056227..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-left-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10.828 12 4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414-4.95 4.95Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-right-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-right-fill.svg
deleted file mode 100644
index 599097047b841ba6509056907d7bbd2a846e610f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-right-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 13H4v-2h8V4l8 8-8 8v-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-right-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-right-line.svg
deleted file mode 100644
index ab1abe989fcab2084e360bc61812584e79967bf1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-right-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16.172 11-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2h12.172Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-right-s-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-right-s-fill.svg
deleted file mode 100644
index 465609b90c056c0535d71809666c2cc9ae3d68f2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-right-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m16 12-6 6V6l6 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-right-s-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-right-s-line.svg
deleted file mode 100644
index acb1bb61ad8409aa01cf459c9e86cdc039bbefc4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-right-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m13.172 12-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414 4.95-4.95Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-right-up-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-right-up-line.svg
deleted file mode 100644
index 51254ef99b48455216f253d54fec3765b305f3d7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-right-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16 9.41l-8.6 8.61-1.42-1.41L14.58 8H7V6h11v11h-2V9.41z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-up-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-up-fill.svg
deleted file mode 100644
index a62df33325b731f21eb73b82c95204673ac1724c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-up-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 12v8h-2v-8H4l8-8 8 8h-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-up-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-up-line.svg
deleted file mode 100644
index 5f373e5357358a063aeab28da9644c965a059cfa..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 7.828V20h-2V7.828l-5.364 5.364-1.414-1.414L12 4l7.778 7.778-1.414 1.414L13 7.828Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-up-s-fill.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-up-s-fill.svg
deleted file mode 100644
index b8b9b389f5b8347742e1268953a72c6855d8f0a7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-up-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 8 6 6H6l6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/arrow-up-s-line.svg b/packages/ui/src/styles/dsfr/icons/system/arrow-up-s-line.svg
deleted file mode 100644
index 18966bae7fa21297b3672859b389f358c21291be..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/arrow-up-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 10.828-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414-4.95-4.95Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/check-line.svg b/packages/ui/src/styles/dsfr/icons/system/check-line.svg
deleted file mode 100644
index 025bc653d98f387e766ecc77ef316f23b55b2ef6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/check-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m10 15.172 9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414 4.95 4.95Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/checkbox-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/system/checkbox-circle-fill.svg
deleted file mode 100644
index 802f561ce1e486177618d3895daf5b17d8c1c69c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/checkbox-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6 7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/checkbox-circle-line.svg b/packages/ui/src/styles/dsfr/icons/system/checkbox-circle-line.svg
deleted file mode 100644
index e2dfad0842ce9447205220200ce82b5bde65fe8f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/checkbox-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/checkbox-fill.svg b/packages/ui/src/styles/dsfr/icons/system/checkbox-fill.svg
deleted file mode 100644
index d323e124d3ff712ecad5299d94551171ca212963..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/checkbox-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-.997-6 7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/checkbox-line.svg b/packages/ui/src/styles/dsfr/icons/system/checkbox-line.svg
deleted file mode 100644
index f2616dea4239824e0b260dff5c1151a7cb3f3aa4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/checkbox-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/close-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/system/close-circle-fill.svg
deleted file mode 100644
index a297b84fa71939c1e4b7c9cc8174fb480d56aecf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/close-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/close-circle-line.svg b/packages/ui/src/styles/dsfr/icons/system/close-circle-line.svg
deleted file mode 100644
index fe0781855f7850fffdb51bcc31d539cf95ca8bcb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/close-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10-4.48 10-10 10zm0-2c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8zm0-9.4 2.83-2.84 1.4 1.4L13.42 12l2.84 2.83-1.4 1.4L12 13.42l-2.83 2.84-1.4-1.4L10.58 12 7.75 9.17l1.4-1.4L12 10.58z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/close-line.svg b/packages/ui/src/styles/dsfr/icons/system/close-line.svg
deleted file mode 100644
index c725cde66dfddc83eb49ffb318b286a2adff84b6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/close-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 10.6 4.95-4.96 1.4 1.4L13.42 12l4.96 4.95-1.4 1.4L12 13.42l-4.95 4.96-1.4-1.4L10.58 12 5.63 7.05l1.4-1.4z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/delete-bin-fill.svg b/packages/ui/src/styles/dsfr/icons/system/delete-bin-fill.svg
deleted file mode 100644
index 62d8af4c5f79eb40923845de96a200e53f689078..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/delete-bin-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 4h5v2h-2v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6H2V4h5V2h10v2ZM9 9v8h2V9H9Zm4 0v8h2V9h-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/delete-bin-line.svg b/packages/ui/src/styles/dsfr/icons/system/delete-bin-line.svg
deleted file mode 100644
index ea9474729827018ff53829c47cfb1dae4920f018..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/delete-bin-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 4V2h10v2h5v2h-2v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6H2V4h5ZM6 6v14h12V6H6Zm3 3h2v8H9V9Zm4 0h2v8h-2V9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/download-fill.svg b/packages/ui/src/styles/dsfr/icons/system/download-fill.svg
deleted file mode 100644
index 2b91891b48f4aded21028b8a6176fa82702d457a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/download-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2ZM13 9h7l-8 8-8-8h7V1h2v8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/download-line.svg b/packages/ui/src/styles/dsfr/icons/system/download-line.svg
deleted file mode 100644
index a83739db799554001a82b2ca97f053f7bd012a77..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/download-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2Zm10-5.828L19.071 7.1l1.414 1.414L12 17 3.515 8.515 4.929 7.1 11 13.17V2h2v11.172Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/error-warning-fill.svg b/packages/ui/src/styles/dsfr/icons/system/error-warning-fill.svg
deleted file mode 100644
index 41794479423888058bbd54f4c244f6cfafe470fa..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/error-warning-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm1 13h-2v2h2v-2Zm0-8h-2v6h2V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/error-warning-line.svg b/packages/ui/src/styles/dsfr/icons/system/error-warning-line.svg
deleted file mode 100644
index d752f271bf50e4d0e855c744284a35c035baeac7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/error-warning-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 11v2h-2v-2h2Zm0-8v6h-2V7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/external-link-fill.svg b/packages/ui/src/styles/dsfr/icons/system/external-link-fill.svg
deleted file mode 100644
index 082d5bb07227f40a5bd5e1e877b221e2f8b4ee1b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/external-link-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v9l-3.794-3.793-5.999 6-1.414-1.414 5.999-6L12 3h9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/external-link-line.svg b/packages/ui/src/styles/dsfr/icons/system/external-link-line.svg
deleted file mode 100644
index 5a827fe39a8e477abf22ee8d905e88fce0c644f0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/external-link-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/eye-fill.svg b/packages/ui/src/styles/dsfr/icons/system/eye-fill.svg
deleted file mode 100644
index dcc648c36f4070d63e7c573e98cf127d1502dcb2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/eye-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3Zm0 4a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/eye-line.svg b/packages/ui/src/styles/dsfr/icons/system/eye-line.svg
deleted file mode 100644
index f9524efd5914858e726bfdd5580c1ec80e19f7e2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/eye-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 3c5.392 0 9.878 3.88 10.819 9-.94 5.12-5.427 9-10.819 9-5.392 0-9.878-3.88-10.819-9C2.121 6.88 6.608 3 12 3Zm0 16c4.2 0 7.842-2.905 8.777-7a9.005 9.005 0 0 0-17.554 0A9.005 9.005 0 0 0 12 19Zm0-2.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm0-2a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/eye-off-fill.svg b/packages/ui/src/styles/dsfr/icons/system/eye-off-fill.svg
deleted file mode 100644
index 33e1ad0b76bea2a5d1a1cb75b5f4e470587da708..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/eye-off-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m2.808 1.393 19.799 19.8-1.415 1.414-3.31-3.31A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066H4.52L1.393 2.808l1.415-1.415Zm5.02 7.85a5 5 0 0 0 6.929 6.929l-1.464-1.464a3 3 0 0 1-4.001-4.001L7.828 9.243ZM12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592l-3.86-3.86a5 5 0 0 0-5.68-5.68L7.974 3.761V3.76C9.221 3.27 10.58 3 12 3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/eye-off-line.svg b/packages/ui/src/styles/dsfr/icons/system/eye-off-line.svg
deleted file mode 100644
index 4a23abfae9bfa449bafedff388a0bec78120ef61..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/eye-off-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17.882 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 0 1 3.34-6.066L1.392 2.808l1.415-1.415 19.799 19.8-1.415 1.414-3.31-3.31h.001ZM5.935 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.935 7.35Zm6.979 6.978-3.242-3.242a2.5 2.5 0 0 0 3.241 3.241l.001.001Zm7.893 2.264-1.431-1.43A8.935 8.935 0 0 0 20.777 12 9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.592Zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.769h.001Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/filter-fill.svg b/packages/ui/src/styles/dsfr/icons/system/filter-fill.svg
deleted file mode 100644
index 164b1609422165c7e0972b95f52acf1e39329f16..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/filter-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 4v2h-1l-6 9v7h-4v-7L4 6H3V4h18Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/filter-line.svg b/packages/ui/src/styles/dsfr/icons/system/filter-line.svg
deleted file mode 100644
index 9734d6a511125297b3f626670d5413e5a480ce18..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/filter-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M21 4v2h-1l-5 7.5V22H9v-8.5L4 6H3V4h18Zm-3.404 2H6.404L11 12.894V20h2v-7.106L17.596 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-left-s-first-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--arrow-left-s-first-line.svg
deleted file mode 100644
index fb6d5a342bce1549f0583fd1ca5005217a725f6d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-left-s-first-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.828 12.364 4.95 4.95-1.414 1.414L10 12.364 16.364 6l1.414 1.414-4.95 4.95ZM6 6h2v12.73H6V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-left-s-line-double.svg b/packages/ui/src/styles/dsfr/icons/system/fr--arrow-left-s-line-double.svg
deleted file mode 100644
index c5fc725d6afeb7d931f89080e7f434937c8d649a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-left-s-line-double.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.9 12l5 5-1.4 1.4-6.4-6.4 6.4-6.4L18.9 7l-5 5zm-1-5l-1.4-1.4L5.1 12l6.4 6.4 1.4-1.4-5-5 5-5z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-down-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-down-circle-fill.svg
deleted file mode 100644
index 3d0d0c3760eea1d3a47fc9f186c6d3a24e4e08bb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-down-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path d="M19.0721 19.0721c3.9039-3.9038 3.9039-10.2404 0-14.1442-3.9038-3.9039-10.2404-3.9039-14.1442 0-3.9039 3.9038-3.9039 10.2404 0 14.1442 3.9038 3.9039 10.2404 3.9039 14.1442 0Zm-2.8288-2.8288H7.7567l3.1825-3.1825-4.2433-4.2433L8.8175 6.696l4.2433 4.2433 3.1825-3.1825v8.4866Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-s-last-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-s-last-line.svg
deleted file mode 100644
index 34b2528078bd3bad10b1a5380cdb35d62fbd935c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-s-last-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m11.17 12.364-4.95 4.95 1.414 1.414 6.364-6.364L7.634 6 6.22 7.414l4.95 4.95ZM17.998 6h-2v12.73h2V6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-s-line-double.svg b/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-s-line-double.svg
deleted file mode 100644
index 4e746916ab888d2d8508e813460d012e27a4361b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-s-line-double.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.1 12l-5-4.9 1.4-1.4 6.4 6.4-6.4 6.4L5.1 17l5-5zm6 0l-5-4.9 1.4-1.4 6.4 6.4-6.4 6.4-1.4-1.5 5-5z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-up-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-up-circle-fill.svg
deleted file mode 100644
index 0a74f3344b95e2a582f6b9511c471b6aa64d2e53..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--arrow-right-up-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path d="M19.0721 4.9279c3.9039 3.9038 3.9039 10.2404 0 14.1442-3.9038 3.9039-10.2404 3.9039-14.1442 0-3.9039-3.9038-3.9039-10.2404 0-14.1442 3.9038-3.9039 10.2404-3.9039 14.1442 0Zm-2.8288 2.8288H7.7567l3.1825 3.1825-4.2433 4.2433 2.1216 2.1216 4.2433-4.2433 3.1825 3.1825V7.7567Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--capslock-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--capslock-line.svg
deleted file mode 100644
index 8a4b6c28c16af910e566ae8b417fff2607a87320..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--capslock-line.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-<path d="M20.4,2.5c0.6,0,1.1,0.5,1.1,1.1v16.9c0,0.6-0.5,1.1-1.1,1.1H3.6c-0.6,0-1.1-0.5-1.1-1.1V3.6C2.5,3,3,2.5,3.6,2.5H20.4z
- M19.4,4.6H4.6v14.8h14.8V4.6z M15.7,14.6v2.1H8.3v-2.1H15.7z M12,6.7l3.7,3.7h-2.1v2.6h-3.2v-2.6H8.3L12,6.7z"/>
-</svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--equal-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--equal-circle-fill.svg
deleted file mode 100644
index 9b09e03ee4d6592af146b56e54f4d218e33fea1f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--equal-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><path d="M19.0721 4.9279c3.9039 3.9038 3.9039 10.2404 0 14.1442-3.9038 3.9039-10.2404 3.9039-14.1442 0-3.9039-3.9038-3.9039-10.2404 0-14.1442 3.9038-3.9039 10.2404-3.9039 14.1442 0Zm-2.074 8.3202h-10v2.5h10v-2.5Zm0-5h-10v2.5h10v-2.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--error-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--error-fill.svg
deleted file mode 100644
index 64610cddeef9e51d59ce8ce56fe6e528c509302b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--error-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5,2.5h-11L1,12l5.5,9.5h11L23,12L17.5,2.5z M16.2,14.8l-1.4,1.4L12,13.4l-2.8,2.8l-1.4-1.4l2.8-2.8L7.8,9.2l1.4-1.4l2.8,2.8l2.8-2.8l1.4,1.4L13.4,12L16.2,14.8z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--error-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--error-line.svg
deleted file mode 100644
index 1d2c32cdb7e0cff5142d30f54056d63a2cf2a683..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--error-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5,2.5L23,12l-5.5,9.5h-11L1,12l5.5-9.5H17.5z M16.3,4.5H7.7L3.3,12l4.3,7.5h8.7l4.3-7.5L16.3,4.5z M12,10.6l2.8-2.8l1.4,1.4L13.4,12l2.8,2.8l-1.4,1.4L12,13.4l-2.8,2.8l-1.4-1.4l2.8-2.8L7.8,9.2l1.4-1.4L12,10.6z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--info-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--info-fill.svg
deleted file mode 100644
index 0bbf4212b749d67d99fd717753248c21d201ad13..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--info-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.5,2.5h-15c-1.1,0-2,0.9-2,2v15c0,1.1,0.9,2,2,2h15c1.1,0,2-0.9,2-2v-15C21.5,3.4,20.6,2.5,19.5,2.5z M13,17h-2v-6h2V17z M13,9h-2V7h2V9z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--info-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--info-line.svg
deleted file mode 100644
index b4976fb2f9d2557f4aca0d769dd054ec2b5d9947..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--info-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.5,2.5h-15c-1.1,0-2,0.9-2,2v15c0,1.1,0.9,2,2,2h15c1.1,0,2-0.9,2-2v-15C21.5,3.4,20.6,2.5,19.5,2.5zM19.5,18.5c0,0.6-0.4,1-1,1h-13c-0.6,0-1-0.4-1-1v-13c0-0.6,0.4-1,1-1h13c0.6,0,1,0.4,1,1V18.5z M11,7v2h2V7H11z M11,11v6h2v-6H11z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--success-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--success-fill.svg
deleted file mode 100644
index 4f365b6cf91c5042cad0adf80ebd31494d97319a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--success-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.997-6l7.07-7.071-1.414-1.414-5.656 5.657-2.829-2.829-1.414 1.414L11.003 16z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--success-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--success-line.svg
deleted file mode 100644
index 4741e47edcd6763ca7ac2ac0c5b1210888d67031..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--success-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.656-5.657 1.415 1.414L11.003 16Z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--theme-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--theme-fill.svg
deleted file mode 100644
index af9a1ab7499ec62ff8678448f29c1b7e4c7a2f84..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--theme-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 2a4 4 0 0 0-.2 7.995L12 16V8Zm-8 3v2H1v-2h3Zm19 0v2h-3v-2h3ZM4.929 3.515 7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--warning-fill.svg b/packages/ui/src/styles/dsfr/icons/system/fr--warning-fill.svg
deleted file mode 100644
index 0bbfcd393ca661c24feb0e4ce8f87f16c55f8e67..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--warning-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0ZM11 16v2h2v-2h-2Zm0-7v5h2V9h-2Z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/fr--warning-line.svg b/packages/ui/src/styles/dsfr/icons/system/fr--warning-line.svg
deleted file mode 100644
index c9c7e464bbe85228c3331e508c7c48b5c1139ac2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/fr--warning-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0Zm-8.66 16h15.588L12 5.5 4.206 19ZM11 16h2v2h-2v-2Zm0-7h2v5h-2V9Z"/></svg>
diff --git a/packages/ui/src/styles/dsfr/icons/system/information-fill.svg b/packages/ui/src/styles/dsfr/icons/system/information-fill.svg
deleted file mode 100644
index 3611c4babaf37ff8780817754b5dd516d0efb3a3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/information-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-11v6h2v-6h-2Zm0-4v2h2V7h-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/information-line.svg b/packages/ui/src/styles/dsfr/icons/system/information-line.svg
deleted file mode 100644
index e648b9f40fc1ce6e849b175f72b0dd5b154848b9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/information-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM11 7h2v2h-2V7Zm0 4h2v6h-2v-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/lock-fill.svg b/packages/ui/src/styles/dsfr/icons/system/lock-fill.svg
deleted file mode 100644
index 3c23ae35f27b1784870e94939a6e814abe57f4f2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/lock-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1Zm-2 0V9A5 5 0 1 0 7 9v1h10Zm-6 4v4h2v-4h-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/lock-line.svg b/packages/ui/src/styles/dsfr/icons/system/lock-line.svg
deleted file mode 100644
index d33db87966730098d942a032cb2fc69bf6236e3d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/lock-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1ZM5 12v8h14v-8H5Zm6 2h2v4h-2v-4Zm6-4V9A5 5 0 1 0 7 9v1h10Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/lock-unlock-fill.svg b/packages/ui/src/styles/dsfr/icons/system/lock-unlock-fill.svg
deleted file mode 100644
index b6a10c4d7609aae25aa58be6641fb9dc00a8dd0d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/lock-unlock-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.262 5.869-1.789.894A5 5 0 0 0 7 9v1h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131ZM14 15h-4v2h4v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/lock-unlock-line.svg b/packages/ui/src/styles/dsfr/icons/system/lock-unlock-line.svg
deleted file mode 100644
index ecc654801bf5d09ab2ca8e465d1628aa91f01431..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/lock-unlock-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.262 5.869-1.789.894A5 5 0 0 0 7 9v1h13a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 13.262-3.131ZM19 12H5v8h14v-8Zm-5 3v2h-4v-2h4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/logout-box-r-fill.svg b/packages/ui/src/styles/dsfr/icons/system/logout-box-r-fill.svg
deleted file mode 100644
index 552263367b7577a80bbb5e4059e7571350db101a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/logout-box-r-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-4 6v3H9v2h6v3l5-4-5-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/logout-box-r-line.svg b/packages/ui/src/styles/dsfr/icons/system/logout-box-r-line.svg
deleted file mode 100644
index a919c11a715355e2f899f7984f527d3f2bc7f3b4..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/logout-box-r-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 2a1 1 0 0 1 1 1v3h-2V4H6v16h12v-2h2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14Zm-1 6 5 4-5 4v-3h-7v-2h7V8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/menu-2-fill.svg b/packages/ui/src/styles/dsfr/icons/system/menu-2-fill.svg
deleted file mode 100644
index 975cc73a9a2573345d6cf0308c2399bed235eb42..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/menu-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 4h18v2H3V4Zm0 7h12v2H3v-2Zm0 7h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/menu-fill.svg b/packages/ui/src/styles/dsfr/icons/system/menu-fill.svg
deleted file mode 100644
index 798cdf6121ae8a983dc5818559a456c8b45e9c0a..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/menu-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 4h18v2H3V4Zm0 7h18v2H3v-2Zm0 7h18v2H3v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/more-fill.svg b/packages/ui/src/styles/dsfr/icons/system/more-fill.svg
deleted file mode 100644
index 845dd9ca6c407d7e582603e71d6ed29d27d41948..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/more-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm14 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-7 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/more-line.svg b/packages/ui/src/styles/dsfr/icons/system/more-line.svg
deleted file mode 100644
index 6db9e97c74aa5891bf60a2642611d3ea448e8900..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/more-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5Zm15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5Zm-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/notification-badge-fill.svg b/packages/ui/src/styles/dsfr/icons/system/notification-badge-fill.svg
deleted file mode 100644
index 32b09641e35ea40d7624177d7385e9bdab4f9e92..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/notification-badge-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.341 4A6 6 0 0 0 21 11.659V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h9.341ZM19 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/notification-badge-line.svg b/packages/ui/src/styles/dsfr/icons/system/notification-badge-line.svg
deleted file mode 100644
index 0578cbcf938bb322d60ee3b6f9c1eec45c67d930..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/notification-badge-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.341 4A5.99 5.99 0 0 0 13 6H5v14h14v-8a5.99 5.99 0 0 0 2-.341V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h9.341ZM19 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/question-fill.svg b/packages/ui/src/styles/dsfr/icons/system/question-fill.svg
deleted file mode 100644
index 577c8d97e55102c960275f73211a1774a4e2fff2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/question-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm2-1.645A3.502 3.502 0 0 0 12 6.5a3.501 3.501 0 0 0-3.433 2.813l1.962.393A1.5 1.5 0 1 1 12 11.5a1 1 0 0 0-1 1V14h2v-.645Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/question-line.svg b/packages/ui/src/styles/dsfr/icons/system/question-line.svg
deleted file mode 100644
index 15a00bfa100984e6c058e75077f55c4b7deb2bc0..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/question-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-1-5h2v2h-2v-2Zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1 1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/refresh-fill.svg b/packages/ui/src/styles/dsfr/icons/system/refresh-fill.svg
deleted file mode 100644
index 399fa46bbd1c396ba1e16f87e5c1ef695e7f7154..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/refresh-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm4.82-4.92A7 7 0 0 0 9.03 5.66l.98 1.75A5 5 0 0 1 17 12h-3l2.82 5.08zm-1.85 1.26-.98-1.75A5 5 0 0 1 7 12h3L7.18 6.92a7 7 0 0 0 7.79 11.42z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/refresh-line.svg b/packages/ui/src/styles/dsfr/icons/system/refresh-line.svg
deleted file mode 100644
index ab64a8b3f3d7cdadf72c34be1087c3e3a7339207..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/refresh-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5.46 4.43a10 10 0 0 1 14.73 13.3L17 12.01h3A8 8 0 0 0 6.46 6.23l-1-1.8zm13.08 15.14A10 10 0 0 1 3.8 6.27L7 11.99H4a8 8 0 0 0 13.54 5.77l1 1.8z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/search-fill.svg b/packages/ui/src/styles/dsfr/icons/system/search-fill.svg
deleted file mode 100644
index 752c11eec5adbda323a9f20862f3f73559af187c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/search-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/search-line.svg b/packages/ui/src/styles/dsfr/icons/system/search-line.svg
deleted file mode 100644
index 103da75383914394daccf63f2ecac78a6c259995..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/search-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18.031 16.617 4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617Zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/settings-5-fill.svg b/packages/ui/src/styles/dsfr/icons/system/settings-5-fill.svg
deleted file mode 100644
index 2ad081d7b68841f88d96e4415eb18228f1fd601b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/settings-5-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13.631 2.132c-.027 1.102.501 2.092 1.43 2.477.93.385 2.004.058 2.763-.74a9.942 9.942 0 0 1 2.307 2.306c-.798.76-1.125 1.834-.74 2.764.385.93 1.376 1.457 2.477 1.43a9.92 9.92 0 0 1 0 3.262c-1.102-.027-2.092.501-2.477 1.43-.385.93-.058 2.004.74 2.763a9.942 9.942 0 0 1-2.306 2.307c-.76-.798-1.834-1.125-2.764-.74-.93.385-1.457 1.376-1.43 2.477a9.92 9.92 0 0 1-3.262 0c.027-1.102-.501-2.092-1.43-2.477-.93-.385-2.004-.058-2.763.74a9.942 9.942 0 0 1-2.307-2.306c.798-.76 1.125-1.834.74-2.764-.385-.93-1.376-1.457-2.477-1.43v-.001a9.942 9.942 0 0 1 0-3.26c1.102.026 2.092-.502 2.477-1.431.385-.93.058-2.004-.74-2.763a9.942 9.942 0 0 1 2.306-2.307c.76.798 1.834 1.125 2.764.74.93-.385 1.457-1.376 1.43-2.477a9.942 9.942 0 0 1 3.262 0ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/settings-5-line.svg b/packages/ui/src/styles/dsfr/icons/system/settings-5-line.svg
deleted file mode 100644
index 746638b7cfb44a08730bdcf5199e07eeb85278f3..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/settings-5-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14.06 2.213c-.13 1.11.237 2.08 1.001 2.396.765.317 1.71-.108 2.403-.986a9.945 9.945 0 0 1 2.913 2.913c-.877.692-1.303 1.638-.986 2.403.317.765 1.286 1.132 2.396 1.001a9.945 9.945 0 0 1 0 4.12c-1.11-.13-2.08.237-2.396 1.001-.317.765.108 1.71.986 2.403a9.945 9.945 0 0 1-2.913 2.913c-.692-.877-1.638-1.303-2.403-.986-.765.317-1.132 1.286-1.001 2.396a9.945 9.945 0 0 1-4.12 0c.13-1.11-.237-2.08-1.001-2.396-.765-.317-1.71.108-2.403.986a9.945 9.945 0 0 1-2.913-2.913c.877-.692 1.303-1.638.986-2.403-.317-.765-1.286-1.132-2.396-1.001a9.945 9.945 0 0 1 0-4.12c1.11.13 2.08-.237 2.396-1.001.317-.765-.108-1.71-.986-2.403a9.945 9.945 0 0 1 2.913-2.913c.692.877 1.638 1.303 2.403.986.765-.317 1.132-1.286 1.001-2.396a9.945 9.945 0 0 1 4.12 0ZM11.79 4c-.305 1.1-1.002 2.007-2.086 2.457-1.085.449-2.22.3-3.212-.262a6.932 6.932 0 0 0-.297.297c.562.993.71 2.127.262 3.212C6.007 10.788 5.1 11.485 4 11.79c-.004.14-.004.28 0 .42 1.1.305 2.007 1.002 2.457 2.086.449 1.085.3 2.22-.262 3.212.096.102.195.201.297.297.993-.562 2.127-.71 3.212-.262 1.084.45 1.781 1.357 2.086 2.457.14.004.28.004.42 0 .305-1.1 1.002-2.007 2.086-2.457 1.085-.449 2.22-.3 3.212.262.102-.096.201-.195.297-.297-.562-.993-.71-2.127-.262-3.212.45-1.084 1.357-1.781 2.457-2.086.004-.14.004-.28 0-.42-1.1-.305-2.007-1.002-2.457-2.086-.449-1.085-.3-2.22.262-3.212a7.935 7.935 0 0 0-.297-.297c-.993.562-2.127.71-3.212.262C13.212 6.007 12.515 5.1 12.21 4a7.935 7.935 0 0 0-.42 0ZM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/shield-fill.svg b/packages/ui/src/styles/dsfr/icons/system/shield-fill.svg
deleted file mode 100644
index 953aeb8a2c96792dc6703a6462bc59a5379f814b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/shield-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3.783 2.826 12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/shield-line.svg b/packages/ui/src/styles/dsfr/icons/system/shield-line.svg
deleted file mode 100644
index 770264bb475016e0bc499ab776c040896006e3e2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/shield-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 1 8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976L12 1Zm0 2.05L5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/star-fill.svg b/packages/ui/src/styles/dsfr/icons/system/star-fill.svg
deleted file mode 100644
index f0270474770e157d3ebd09e28aa323e1560998d9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/star-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 18.26-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/star-line.svg b/packages/ui/src/styles/dsfr/icons/system/star-line.svg
deleted file mode 100644
index 7364f4e357666987290bb6264e87df8f55f58200..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/star-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 .5 3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5Zm0 4.775-2.038 4.42-4.833.572 3.573 3.305-.949 4.773L12 15.968l4.247 2.377-.949-4.773 3.573-3.305-4.833-.573L12 5.275Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/star-s-fill.svg b/packages/ui/src/styles/dsfr/icons/system/star-s-fill.svg
deleted file mode 100644
index 5de9570e927e35e05c29a00c8588391ff5af907c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/star-s-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 17-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7L12 17Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/star-s-line.svg b/packages/ui/src/styles/dsfr/icons/system/star-s-line.svg
deleted file mode 100644
index e3ad2827131c447609d7b6a4d75a8e46535ac48c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/star-s-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12 2.5 2.645 6.36 6.866.55-5.231 4.48 1.598 6.7L12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5Zm0 5.208-1.268 3.047-3.29.264 2.507 2.147-.766 3.21L12 14.657v-.001l2.817 1.72-.766-3.21 2.507-2.147-3.29-.264L12 7.708Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/subtract-line.svg b/packages/ui/src/styles/dsfr/icons/system/subtract-line.svg
deleted file mode 100644
index ff1f55ce48696af3aec8447745c4c92403bd3228..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/subtract-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M5 11h14v2H5v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/thumb-down-fill.svg b/packages/ui/src/styles/dsfr/icons/system/thumb-down-fill.svg
deleted file mode 100644
index dc7aaa20a39657fa92bb476e7ecc2813fc19b96d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/thumb-down-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 15h-3V3h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1Zm-5.293 1.293-6.4 6.4a.5.5 0 0 1-.654.047L8.8 22.1a1.5 1.5 0 0 1-.553-1.57L9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H16a1 1 0 0 1 1 1v11.586a1 1 0 0 1-.293.707Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/thumb-down-line.svg b/packages/ui/src/styles/dsfr/icons/system/thumb-down-line.svg
deleted file mode 100644
index fec551c48fb7a744b71f94218e6ae80f3dcb334e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/thumb-down-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M22 3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3.482a1 1 0 0 0-.817.423l-5.453 7.726a.5.5 0 0 1-.632.159L9.802 22.4a2.5 2.5 0 0 1-1.305-2.853L9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H22Zm-5 2H5.84L3 11.896V14h6.4a2 2 0 0 1 1.938 2.493l-.903 3.548a.5.5 0 0 0 .261.571l.661.33 4.71-6.672c.25-.354.57-.644.933-.858V5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/thumb-up-fill.svg b/packages/ui/src/styles/dsfr/icons/system/thumb-up-fill.svg
deleted file mode 100644
index ecbbcaf6e2ac74b76a85fd4761add44963208898..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/thumb-up-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M2 9h3v12H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1Zm5.293-1.293 6.4-6.4a.5.5 0 0 1 .654-.047l.853.64a1.5 1.5 0 0 1 .553 1.57L14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H8a1 1 0 0 1-1-1V8.414a1 1 0 0 1 .293-.707Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/thumb-up-line.svg b/packages/ui/src/styles/dsfr/icons/system/thumb-up-line.svg
deleted file mode 100644
index 990fb7ef54fa719982263cc68a66f67f086e9437..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/thumb-up-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m12.384.691 1.814.907a2.5 2.5 0 0 1 1.305 2.853L14.6 8H21a2 2 0 0 1 2 2v2.104a2 2 0 0 1-.15.762l-3.095 7.515a1 1 0 0 1-.925.619H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.423L11.752.85a.5.5 0 0 1 .632-.159Zm.259 2.367L7.933 9.73c-.25.354-.57.644-.933.858V19h11.16L21 12.104V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.571l-.661-.33Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/time-fill.svg b/packages/ui/src/styles/dsfr/icons/system/time-fill.svg
deleted file mode 100644
index 357b9e19ab9b83daa7efc5bebe403eda8a284cd8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/time-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm1 5h-2v7h6v-2h-4V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/time-line.svg b/packages/ui/src/styles/dsfr/icons/system/time-line.svg
deleted file mode 100644
index 750641e7dddad583b3910a6d095f9c46e3e297a6..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/time-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v5h4v2h-6V7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/timer-fill.svg b/packages/ui/src/styles/dsfr/icons/system/timer-fill.svg
deleted file mode 100644
index 54631b0a99539ee00ca228cb724dbe8b7006d158..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/timer-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.618 5.968 1.453-1.453 1.414 1.414-1.453 1.453a9 9 0 1 1-1.414-1.414ZM13 8h-2v6h2V8Zm3-7v2H8V1h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/timer-line.svg b/packages/ui/src/styles/dsfr/icons/system/timer-line.svg
deleted file mode 100644
index 4b1ae812605b758a1c41dc35889c63f25ccde409..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/timer-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.618 5.968 1.453-1.453 1.414 1.414-1.453 1.453a9 9 0 1 1-1.414-1.414ZM12 6a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm1 2v6h-2V8h2Zm3-7v2H8V1h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/upload-2-fill.svg b/packages/ui/src/styles/dsfr/icons/system/upload-2-fill.svg
deleted file mode 100644
index 351bcd63af23b946a5b5f5e4805ffdad6a328f9b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/upload-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 19h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7zM14 9v6h-4V9H5l7-7 7 7h-5z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/upload-2-line.svg b/packages/ui/src/styles/dsfr/icons/system/upload-2-line.svg
deleted file mode 100644
index db786248007454c2d32b40bda463f5da52ebb8c5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/upload-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 19h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2v7zm9-10v7h-2V9H6l6-6 6 6h-5z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/upload-fill.svg b/packages/ui/src/styles/dsfr/icons/system/upload-fill.svg
deleted file mode 100644
index 855fb341691898518884beeadc91954320ea9a7b..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/upload-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2Zm10-9v8h-2v-8H4l8-8 8 8h-7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/upload-line.svg b/packages/ui/src/styles/dsfr/icons/system/upload-line.svg
deleted file mode 100644
index dd9103d85aacde83f0c20d2b9a931f375a4cc974..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/upload-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M3 19h18v2H3v-2ZM13 5.828V17h-2V5.828L4.929 11.9l-1.414-1.414L12 2l8.485 8.485-1.414 1.414L13 5.83v-.002Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/zoom-in-fill.svg b/packages/ui/src/styles/dsfr/icons/system/zoom-in-fill.svg
deleted file mode 100644
index 35666ab5a749f35dfdc9b34873b8f1618ff96fbf..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/zoom-in-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm1 5h-2v3H7v2h3v3h2v-3h3v-2h-3V7Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/zoom-in-line.svg b/packages/ui/src/styles/dsfr/icons/system/zoom-in-line.svg
deleted file mode 100644
index 8bfa9317507dbd5a70a12a757edc37c4426cae5f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/zoom-in-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm0 2c-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7Zm1 3v3h3v2h-3v3h-2v-3H7v-2h3V7h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/zoom-out-fill.svg b/packages/ui/src/styles/dsfr/icons/system/zoom-out-fill.svg
deleted file mode 100644
index c3c0e4eeaa349e850a3f0304a26a0c8f78f26870..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/zoom-out-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm4 8H7v2h8v-2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/system/zoom-out-line.svg b/packages/ui/src/styles/dsfr/icons/system/zoom-out-line.svg
deleted file mode 100644
index 41cfaaa8fdc36e0b2204c9b0b50f15a1f8a4fa4d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/system/zoom-out-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11 2c4.968 0 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9Zm0 2c-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7Zm4 6v2H7v-2h8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/account-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/user/account-circle-fill.svg
deleted file mode 100644
index de569d2c364c3710f5eeec5de37b93eff804d075..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/account-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2ZM6.023 15.416C7.491 17.606 9.695 19 12.16 19c2.464 0 4.669-1.393 6.136-3.584A8.968 8.968 0 0 0 12.16 13a8.968 8.968 0 0 0-6.137 2.416ZM12 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/account-circle-line.svg b/packages/ui/src/styles/dsfr/icons/user/account-circle-line.svg
deleted file mode 100644
index c6a5f4e6125323661a5907ae0ffef1ea96274113..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/account-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-4.987-3.744A7.966 7.966 0 0 0 12 20a7.97 7.97 0 0 0 5.167-1.892A6.979 6.979 0 0 0 12.16 16a6.981 6.981 0 0 0-5.147 2.256ZM5.616 16.82A8.975 8.975 0 0 1 12.16 14a8.972 8.972 0 0 1 6.362 2.634 8 8 0 1 0-12.906.187v-.001ZM12 13a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/account-pin-circle-fill.svg b/packages/ui/src/styles/dsfr/icons/user/account-pin-circle-fill.svg
deleted file mode 100644
index a7e012e420d50843cf9abe7aeda120078b6271cb..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/account-pin-circle-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.52 0 10 4.48 10 10 0 4.744-3.31 8.72-7.744 9.744L12 24l-2.256-2.256C5.31 20.72 2 16.744 2 12 2 6.48 6.48 2 12 2Zm.16 11a8.968 8.968 0 0 0-6.137 2.416C7.491 17.606 9.695 19 12.16 19c2.464 0 4.669-1.393 6.136-3.584A8.968 8.968 0 0 0 12.16 13ZM12 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/account-pin-circle-line.svg b/packages/ui/src/styles/dsfr/icons/user/account-pin-circle-line.svg
deleted file mode 100644
index 51ac76ff8d1a829e1fdf81108735bc3da0e06b2e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/account-pin-circle-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 2c5.523 0 10 4.477 10 10 0 4.747-3.308 8.722-7.745 9.745L12 24l-2.255-2.255C5.308 20.722 2 16.747 2 12 2 6.477 6.477 2 12 2Zm.16 14c-2.036 0-3.87.87-5.148 2.257a7.953 7.953 0 0 0 3.182 1.539l.56.129L12 21.172l1.247-1.247.56-.13a7.956 7.956 0 0 0 3.36-1.686A6.979 6.979 0 0 0 12.16 16ZM6.554 6.14a8 8 0 0 0-.938 10.681v-.001A8.975 8.975 0 0 1 12.16 14a8.972 8.972 0 0 1 6.362 2.634A8 8 0 0 0 6.554 6.141ZM12 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/admin-fill.svg b/packages/ui/src/styles/dsfr/icons/user/admin-fill.svg
deleted file mode 100644
index aea1130d1923c78f1e1e84bab02db723400f19e5..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/admin-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14v8H4a8 8 0 0 1 8-8Zm6-1a3 3 0 0 1 3 3v1h1v5h-8v-5h1v-1a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/admin-line.svg b/packages/ui/src/styles/dsfr/icons/user/admin-line.svg
deleted file mode 100644
index 1d3b02661d9e14607b1f4eea84f3d651515a03f1..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/admin-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8Zm6-1a3 3 0 0 1 3 3v1h1v5h-8v-5h1v-1a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/group-fill.svg b/packages/ui/src/styles/dsfr/icons/user/group-fill.svg
deleted file mode 100644
index 37d29ea332873a7e63eaaf03b12a1794557430d2..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/group-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 14a8 8 0 0 1 8 8H2a8 8 0 0 1 8-8Zm7.363 1.233A7.505 7.505 0 0 1 22.983 22H20c0-2.61-1-4.986-2.637-6.767ZM10 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm6.985 2.097a5 5 0 0 1-1.645 9.86A7.98 7.98 0 0 0 18 7a7.964 7.964 0 0 0-1.015-3.903Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/group-line.svg b/packages/ui/src/styles/dsfr/icons/user/group-line.svg
deleted file mode 100644
index b0ad98354df6cfbd5e5d582724878520fa5bb941..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/group-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 14a8 8 0 0 1 8 8h-2a6 6 0 1 0-12 0H2a8 8 0 0 1 8-8Zm8.284.703A8.002 8.002 0 0 1 23 22h-2a6.001 6.001 0 0 0-3.537-5.473l.82-1.824h.001Zm-.688-11.29A5.5 5.5 0 0 1 21 8.5a5.499 5.499 0 0 1-5 5.478v-2.013a3.5 3.5 0 0 0 1.041-6.609l.555-1.943ZM10 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C7.79 3 6 4.79 6 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/parent-fill.svg b/packages/ui/src/styles/dsfr/icons/user/parent-fill.svg
deleted file mode 100644
index a32d643216f30e55853b3edc8fa2743298c506fa..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/parent-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 11a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm10.5 4a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0 1a4.5 4.5 0 0 1 4.5 4.5v.5h-9v-.5a4.5 4.5 0 0 1 4.5-4.5ZM7 12a5 5 0 0 1 5 5v4H2v-4a5 5 0 0 1 5-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/parent-line.svg b/packages/ui/src/styles/dsfr/icons/user/parent-line.svg
deleted file mode 100644
index 9749ff5766c22681ad7975deb34087d46ebfe21c..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/parent-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M7 12a5 5 0 0 1 5 5v4h-2v-4a3 3 0 0 0-6 0v4H2v-4a5 5 0 0 1 5-5Zm12.75 4.603A4.5 4.5 0 0 1 22 20.5v.5h-2v-.5a2.5 2.5 0 0 0-5 0v.5h-2v-.5a4.5 4.5 0 0 1 6.75-3.897ZM17.5 7a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM7 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/team-fill.svg b/packages/ui/src/styles/dsfr/icons/user/team-fill.svg
deleted file mode 100644
index 889e24fe00991da4700270293f30061de7fa05ca..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/team-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 11a5 5 0 0 1 5 5v6H7v-6a5 5 0 0 1 5-5Zm-6.712 3.006a6.983 6.983 0 0 0-.28 1.65L5 16v6H2v-4.5a3.5 3.5 0 0 1 3.119-3.48l.169-.014Zm13.424 0A3.501 3.501 0 0 1 22 17.5V22h-3v-6c0-.693-.1-1.362-.288-1.994ZM5.5 8a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm13 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM12 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/team-line.svg b/packages/ui/src/styles/dsfr/icons/user/team-line.svg
deleted file mode 100644
index 66bc37129e2536aa2415fe9957b95090060e92fe..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/team-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 11a5 5 0 0 1 5 5v6h-2v-6a3 3 0 0 0-2.824-2.995L12 13a3 3 0 0 0-2.995 2.824L9 16v6H7v-6a5 5 0 0 1 5-5Zm-6.5 3c.279 0 .55.033.81.094a5.947 5.947 0 0 0-.301 1.575L6 16v.086a1.492 1.492 0 0 0-.356-.08L5.5 16a1.5 1.5 0 0 0-1.493 1.356L4 17.5V22H2v-4.5A3.5 3.5 0 0 1 5.5 14Zm13 0a3.5 3.5 0 0 1 3.5 3.5V22h-2v-4.5a1.5 1.5 0 0 0-1.356-1.493L18.5 16c-.175 0-.343.03-.5.085V16c0-.666-.108-1.306-.309-1.904A3.42 3.42 0 0 1 18.5 14Zm-13-6a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm13 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-13 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm13 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM12 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-add-fill.svg b/packages/ui/src/styles/dsfr/icons/user/user-add-fill.svg
deleted file mode 100644
index 4a2833e5d8ce8354214d5b84fb779eb4d4fbf6c8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-add-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 14.252V22H4a8 8 0 0 1 10-7.748ZM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6Zm6 4v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-add-line.svg b/packages/ui/src/styles/dsfr/icons/user/user-add-line.svg
deleted file mode 100644
index 32157579df582234868f75e32611cfdeed425cb8..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-add-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 14.251v2.091A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748ZM20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-fill.svg b/packages/ui/src/styles/dsfr/icons/user/user-fill.svg
deleted file mode 100644
index d8933082a88dd03f6f7b86a001842b495301829d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M4 22a8 8 0 1 1 16 0H4Zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-heart-fill.svg b/packages/ui/src/styles/dsfr/icons/user/user-heart-fill.svg
deleted file mode 100644
index a90cb78236e8f5ee4a45114077d42571da166e80..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-heart-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.841 15.659.176.177.178-.177a2.25 2.25 0 1 1 3.182 3.182l-3.36 3.359-3.358-3.359a2.25 2.25 0 0 1 3.182-3.182ZM12 14v8H4a8 8 0 0 1 7.75-7.996L12 14Zm0-13c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-heart-line.svg b/packages/ui/src/styles/dsfr/icons/user/user-heart-line.svg
deleted file mode 100644
index a6469518965d82f0bf1fbdd1cb95e83b1e42ef9d..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-heart-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m17.841 15.659.176.177.178-.177a2.25 2.25 0 1 1 3.182 3.182l-3.36 3.359-3.358-3.359a2.25 2.25 0 0 1 3.182-3.182ZM12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 7.75-7.996L12 14Zm0-13c3.315 0 6 2.685 6 6a5.998 5.998 0 0 1-5.775 5.996L12 13c-3.315 0-6-2.685-6-6a5.998 5.998 0 0 1 5.775-5.996L12 1Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-line.svg b/packages/ui/src/styles/dsfr/icons/user/user-line.svg
deleted file mode 100644
index 10dd822406d95e523b6b0f8be00e5f8c8b2855fe..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14a8 8 0 0 1 8 8h-2a6 6 0 1 0-12 0H4a8 8 0 0 1 8-8Zm0-13c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-search-fill.svg b/packages/ui/src/styles/dsfr/icons/user/user-search-fill.svg
deleted file mode 100644
index 9478413030eaa5c69cffdca16dec625f6cacf78e..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-search-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.45 14.838a4 4 0 0 1 .996 5.194l1.504 1.504-1.414 1.414-1.504-1.504a4 4 0 1 1 .418-6.608ZM12 14v8H4a8 8 0 0 1 8-8Zm6 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-search-line.svg b/packages/ui/src/styles/dsfr/icons/user/user-search-line.svg
deleted file mode 100644
index ded3af36b58adf3a43556e258d5f7fdd669c3a19..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-search-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M20.45 14.838a4 4 0 0 1 .996 5.194l1.504 1.504-1.414 1.414-1.504-1.504a4 4 0 1 1 .418-6.608ZM12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8Zm6 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-setting-fill.svg b/packages/ui/src/styles/dsfr/icons/user/user-setting-fill.svg
deleted file mode 100644
index 327652eeb47d033b3a673f4d5cc91d44a24d30ed..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-setting-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 13.5v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573c-.398.377-.88.655-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573c.398-.377.88-.655 1.405-.812V13.5h2Zm-7 .5v8H4a8 8 0 0 1 8-8Zm6 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM12 1c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-setting-line.svg b/packages/ui/src/styles/dsfr/icons/user/user-setting-line.svg
deleted file mode 100644
index c6a5f4e6125323661a5907ae0ffef1ea96274113..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-setting-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-4.987-3.744A7.966 7.966 0 0 0 12 20a7.97 7.97 0 0 0 5.167-1.892A6.979 6.979 0 0 0 12.16 16a6.981 6.981 0 0 0-5.147 2.256ZM5.616 16.82A8.975 8.975 0 0 1 12.16 14a8.972 8.972 0 0 1 6.362 2.634 8 8 0 1 0-12.906.187v-.001ZM12 13a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-star-fill.svg b/packages/ui/src/styles/dsfr/icons/user/user-star-fill.svg
deleted file mode 100644
index e203cc81584e896d1c2d963b7f5e0efeddb7e022..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-star-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12 14v8H4a8 8 0 0 1 8-8Zm6 7.5-2.939 1.545.561-3.272-2.377-2.318 3.286-.478L18 14l1.47 2.977 3.285.478-2.377 2.318.56 3.272L18 21.5ZM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/user/user-star-line.svg b/packages/ui/src/styles/dsfr/icons/user/user-star-line.svg
deleted file mode 100644
index df80f8367c43d2dc23d3fd61ecac004d33b73c3f..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/user/user-star-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="m18 14 1.47 2.977 3.285.478-2.377 2.318.56 3.272L18 21.5l-2.939 1.545.561-3.272-2.377-2.318 3.286-.478L18 14Zm-6 0v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8Zm0-13c3.315 0 6 2.685 6 6s-2.685 6-6 6-6-2.685-6-6 2.685-6 6-6Zm0 2C9.79 3 8 4.79 8 7s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/cloudy-2-fill.svg b/packages/ui/src/styles/dsfr/icons/weather/cloudy-2-fill.svg
deleted file mode 100644
index b7f28f8ebcf1fed7bd18478fd2ec4245dffad942..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/cloudy-2-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M17 21H7A6 6 0 0 1 5.008 9.339a7 7 0 1 1 13.984 0A6 6 0 0 1 17 21Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/cloudy-2-line.svg b/packages/ui/src/styles/dsfr/icons/weather/cloudy-2-line.svg
deleted file mode 100644
index 5e7f2b9f8c1940c100b069da45ad95ef8baaa509..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/cloudy-2-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.596 2.999a7 7 0 0 1 3.396 6.34A6 6 0 0 1 17 21H7A6 6 0 0 1 5.008 9.339a7 7 0 0 1 10.588-6.34Zm-6.67 2.06a5 5 0 0 0-1.5 5.963A4 4 0 1 0 7 19h10a4 4 0 1 0-.426-7.978 5 5 0 0 0-7.648-5.963Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/flashlight-fill.svg b/packages/ui/src/styles/dsfr/icons/weather/flashlight-fill.svg
deleted file mode 100644
index 9f25629b902c7686faedfef337b44e8076febc10..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/flashlight-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 10h7l-9 13v-9H4l9-13v9Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/flashlight-line.svg b/packages/ui/src/styles/dsfr/icons/weather/flashlight-line.svg
deleted file mode 100644
index 04c18c744ddfef2f3a72f1405ad7e369ca13be28..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/flashlight-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 0v9h8L11 24v-9H4l9-15Zm-2 7.22L7.532 13H13v4.394L17.263 11H11V7.22Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/moon-fill.svg b/packages/ui/src/styles/dsfr/icons/weather/moon-fill.svg
deleted file mode 100644
index 6e332cd103758f5db6294a01817c162e1e9955b7..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/moon-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M11.38 2.019a7.5 7.5 0 1 0 10.6 10.6C21.662 17.854 17.316 22 12.001 22 6.477 22 2 17.523 2 12c0-5.315 4.146-9.661 9.38-9.981Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/moon-line.svg b/packages/ui/src/styles/dsfr/icons/weather/moon-line.svg
deleted file mode 100644
index 9aa81913fe67e3f4053501bcae1c3309c26421e9..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/moon-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M12.1 2A6.979 6.979 0 0 0 10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1ZM8.238 4.938A7.999 7.999 0 0 0 4 12a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/sun-fill.svg b/packages/ui/src/styles/dsfr/icons/weather/sun-fill.svg
deleted file mode 100644
index 637eb3a1d2540730f316a4c8323acc069e130a31..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/sun-fill.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm11 5v2h-3v-2h3ZM4 11v2H1v-2h3Zm.929-7.485L7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/src/styles/dsfr/icons/weather/sun-line.svg b/packages/ui/src/styles/dsfr/icons/weather/sun-line.svg
deleted file mode 100644
index 0a791d78485bf8d188d76c0c67217cda9c2031ef..0000000000000000000000000000000000000000
--- a/packages/ui/src/styles/dsfr/icons/weather/sun-line.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 20v3h-2v-3h2Zm5.364-3.05 2.121 2.121-1.414 1.414-2.121-2.121 1.414-1.414Zm-12.728 0 1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121ZM12 6a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm11 3v2h-3v-2h3ZM4 11v2H1v-2h3Zm.929-7.485L7.05 5.636 5.636 7.05 3.515 4.93v-.001l1.414-1.414Zm14.142-.001 1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121v-.001ZM13 1v3h-2V1h2Z"/></svg>
\ No newline at end of file