@codegouvfr/react-dsfr/dsfr/component/component.legacy.css

French State Design System React integration library

/*!
 * DSFR v1.10.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

.fr-sidemenu {
  /*
  @include elevation.elevate(raised, (legacy:$legacy));
  @include respond-from(md) {
    @include elevation.drop((legacy:$legacy));
  }
   */
}

.fr-tabs {
  /**
  * Tab button
  */
}

.fr-table {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--green-tilleul-verveine {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--green-bourgeon {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--green-emeraude {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--green-menthe {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--green-archipel {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--blue-ecume {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--blue-cumulus {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--purple-glycine {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--pink-macaron {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--pink-tuile {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--yellow-tournesol {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--yellow-moutarde {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--orange-terre-battue {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--brown-cafe-creme {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--brown-caramel {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--brown-opera {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--beige-gris-galet {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.fr-table--bordered tbody tr {
  /* Style bordered, enleve le style even/odd  */
}

.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);
}

.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::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::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-select {
  /**
  * 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-input:disabled {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}

.fr-search-bar .fr-input {
  /**
  * Modificateur pour le champ validés
  */

  /**
  * Modificateur pour le champ présentant des erreurs
  */
}

/**
* Mixin d'ajout des icones des réseaux sociaux
**/

/**
* Mixin d'ajout des icones des réseaux sociaux
**/
.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);
}
@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 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 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 */
  .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 */

  /*! 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 xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
  * 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;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  ul,
  ol {
    padding-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .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 {
    ba