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

French State Design System React integration library

/*!
 * DSFR v1.12.1 | 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-tilleul-verveine.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--green-bourgeon.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--green-emeraude.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--green-menthe.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--green-archipel.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--blue-ecume.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--blue-cumulus.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--purple-glycine.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--pink-macaron.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--pink-tuile.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--yellow-tournesol.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--yellow-moutarde.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--orange-terre-battue.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--brown-cafe-creme.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--brown-caramel.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--brown-opera.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

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

.fr-table--beige-gris-galet.fr-table--bordered > table tbody tr:last-child {
  background-image: none;
}

.fr-table--bordered > table 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);
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-active-blue-france) 4px, var(--border-active-blue-france) 5px, transparent 6px), linear-gradient(var(--border-active-blue-france), var(--border-active-blue-france)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-active-blue-france) 4px, var(--border-active-blue-france) 5px, transparent 6px), linear-gradient(var(--border-active-blue-france), var(--border-active-blue-france)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-active-blue-france) 4px, var(--border-active-blue-france) 5px, transparent 6px), linear-gradient(var(--border-active-blue-france), var(--border-active-blue-france)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-active-blue-france) 4px, var(--border-active-blue-france) 5px, transparent 6px), linear-gradient(var(--border-active-blue-france), var(--border-active-blue-france)), var(--data-uri-svg);

  --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='%23f5f5fe' 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='%23000091' 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,
.fr-checkbox-group--error input[type=checkbox]:checked + 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,
.fr-checkbox-group--valid input[type=checkbox]:checked + 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-toggle--valid::before {
  content: "";
}

.fr-toggle--error::before {
  content: "";
}

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

.fr-input:disabled {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}

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

  /*! media xl */

  /*! media xl */

  /*! media xl */
}
@media screen and (min-width: 0\0) and (min-resolution: 72dpi) and (min-width: 0\0) and (min-resolution: 72dpi) {
  .fr-enlarge-link,
  .fr-enlarge-button {
    background-color: transparent;
  }

  .fr-enlarge-link:hover,
  .fr-enlarge-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .fr-enlarge-link:active,
  .fr-enlarge-button:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower {
    background-color: #000091;
  }

  .fr-range[data-fr-js-range] input[type=range]:disabled::-ms-fill-lower {
    background-color: #e5e5e5;
  }

  .fr-range[data-fr-js-range].fr-range--double {
    background-image: linear-gradient(to right, #000091 0, #000091 100%);
  }

  .fr-range-group--disabled .fr-range--double[data-fr-js-range] {
    background-image: linear-gradient(to right, #e5e5e5 0, #e5e5e5 100%);
  }

  .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-table__content table {
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
  }

  .fr-table__content table thead tr:first-child th {
    border-top: 1px solid #929292;
  }

  .fr-table__content table thead tr:last-child th {
    border-bottom: 1px solid #3a3a3a;
  }

  .fr-table--bordered table th,
  .fr-table--bordered table td {
    border-right: 1px solid #929292;
  }

  .fr-table > table thead tr:first-child th {
    border-top: 1px solid #929292;
  }

  .fr-table > table thead tr:last-child th {
    border-bottom: 1px solid #3a3a3a;
  }

  .fr-table > table tbody tr:last-child th,
  .fr-table > table tbody tr:last-child td {
    border-bottom: 1px solid #929292;
  }

  .fr-table > table th:first-child,
  .fr-table > table td:first-child {
    border-left: 1px solid #929292;
  }

  .fr-table > table th:last-child,
  .fr-table > table td:last-child {
    border-right: 1px solid #929292;
  }

  .fr-table--bordered > table th,
  .fr-table--bordered > table td {
    border-bottom: 1px solid #929292;
  }

  .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 screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .fr-enlarge-link [href],
  .fr-enlarge-button [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: "";
    vertical-align: sub;
  }

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

  p {
    margin: 0 0 1rem;
  }

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

  .fr-range__output,
  .fr-range__min,
  .fr-range__max {
    min-width: 1.5rem;
  }

  .fr-range input[type=range] {
    padding: 0;
  }

  .fr-range[data-fr-js-range] {
    justify-content: flex-start;
  }

  .fr-range[data-fr-js-range]::after {
    content: none;
    background-color: #000091;
  }

  .fr-range[data-fr-js-range] .fr-range__max {
    margin-left: auto;
  }

  .fr-range[data-fr-js-range] input[type=range] {
    margin-top: -0.25rem;
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-track {
    height: 0.75rem;
    background: transparent;
    border-color: transparent;
    border-width: 0.625rem 0;
    color: transparent;
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower {
    height: 0.75rem;
    border-radius: 0.375rem;
  }

  .fr-range[data-fr-js-range] input[type=range]::-ms-thumb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    z-index: 500;
    box-shadow: 0 0 0 1px rgba(0, 0, 18, 0.16);
    background-color: #fff;
    border: 1px solid #000091;
  }

  .fr-range[data-fr-js-range] input[type=range]:not(:only-of-type) {
    pointer-events: auto;
  }

  .fr-range[data-fr-js-range].fr-range--double {
    background-position-y: 1.625rem;
    background-repeat: no-repeat;
  }

  .fr-range[data-fr-js-range].fr-range--double .fr-range__output {
    min-width: 3rem;
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range] {
    width: calc(100% - 1.5rem);
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range]::-ms-fill-lower {
    background-color: transparent;
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(1) {
    margin-right: 1.5rem;
    z-index: 2;
  }

  .fr-range[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(2) {
    left: 1.5rem;
  }

  .fr-range--sm[data-fr-js-range] .fr-range__output,
  .fr-range--sm[data-fr-js-range] .fr-range__min,
  .fr-range--sm[data-fr-js-range] .fr-range__max {
    min-width: 1rem;
  }

  .fr-range--sm[data-fr-js-range] input[type=range]::-ms-track {
    height: 0.5rem;
    border-width: 0.5rem 0;
  }

  .fr-range--sm[data-fr-js-range] input[type=range]::-ms-fill-lower {
    height: 0.5rem;
  }

  .fr-range--sm[data-fr-js-range] input[type=range]::-ms-thumb {
    width: 1rem;
    height: 1rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double {
    background-position-y: 1.5rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double .fr-range__output {
    min-width: 2rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double input[type=range] {
    width: calc(100% - 1rem);
  }

  .fr-range--sm[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(1) {
    margin-right: 1rem;
  }

  .fr-range--sm[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(2) {
    left: 1rem;
  }

  .fr-range-group--disabled .fr-range--double[data-fr-js-range] input[type=range]:nth-of-type(1)::-ms-fill-lower,
  .fr-range-group--disabled .fr-range--double[data-fr-js-range] input[type=range]:nth-of-type(2)::-ms-fill-lower {
    background-color: transparent;
  }

  .fr-range[data-fr-js-range]::before {
    box-shadow: inset 0 0 0 1px #000091;
  }

  .fr-range[data-fr-js-range] input[type=range]:disabled::-ms-thumb {
    border: 1px solid #e5e5e5;
  }

  .fr-range__output {
    color: #000091;
  }

  .fr-range__min,
  .fr-range__max {
    color: #666;
  }

  .fr-range--step[data-fr-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, #000091 0, #000091 1px, transparent 1px);
  }

  .fr-range--step[data-fr-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, #e3e3fd 0, #e3e3fd 2px, transparent 2px);
    box-shadow: inset 10px 0 0 0 #000091, inset -10px 0 0 0 #000091;
  }

  .fr-range--step.fr-range--sm[data-fr-js-range]::after {
    box-shadow: inset 6px 0 0 0 #000091, inset -6px 0 0 0 #000091;
  }

  .fr-range-group--error::before {
    background-image: linear-gradient(0deg, #ce0500, #ce0500);
  }

  .fr-range-group--valid::before {
    background-image: linear-gradient(0deg, #18753c, #18753c);
  }

  .fr-range-group--disabled .fr-range[data-fr-js-range]::before {
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-range-group--disabled .fr-range[data-fr-js-range]::after {
    background-color: #e5e5e5;
  }

  .fr-range-group--disabled .fr-range--step[data-fr-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, #e5e5e5 0, #e5e5e5 1px, transparent 1px);
  }

  .fr-range-group--disabled .fr-range--step[data-fr-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, #fff 0, #fff 2px, transparent 2px);
    box-shadow: inset 10px 0 0 0 #e5e5e5, inset -10px 0 0 0 #e5e5e5;
  }

  .fr-range-group--disabled .fr-range__output,
  .fr-range-group--disabled .fr-range__min,
  .fr-range-group--disabled .fr-range__max {
    color: #929292;
  }

  /**
  * 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: #000;
  }

  .fr-btn::before,
  .fr-btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .fr-btn[href] {
    text-decoration: none;
  }

  .fr-btn.fr-btn--secondary:disabled:hover,
  .fr-btn.fr-btn--tertiary:disabled:hover,
  .fr-btn.fr-btn--tertiary-no-outline:disabled:hover {
    background-color: transparent;
  }

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

  .fr-btn--briefcase::before,
  .fr-btn--briefcase::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/business/briefcase-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .fr-btn--account::before,
  .fr-btn--account::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/user/account-circle-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .fr-btn--team::before,
  .fr-btn--team::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/user/team-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .fr-btn--sort::before,
  .fr-btn--sort::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-up-down-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .fr-btn--sort::before {
    transition: transform 0.3s;
  }

  .fr-btn--sort[aria-sorting=desc]::before {
    transform: rotate(-180deg);
  }

  .fr-btn--sort[aria-sorting=asc]::before,
  .fr-btn--sort[aria-sorting=asc]::after,
  .fr-btn--sort[aria-sorting=desc]::before,
  .fr-btn--sort[aria-sorting=desc]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-up-line.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,
  .fr-btn--sort,
  .fr-btn--account {
    background-color: transparent;
    color: #000091;
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .fr-btn--tertiary:hover,
  .fr-btn--sort:hover,
  .fr-btn--account:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .fr-btn--tertiary:active,
  .fr-btn--sort:active,
  .fr-btn--account:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .fr-btn--tertiary:disabled,
  a.fr-btn--tertiary:not([href]),
  a.fr-btn--sort:not([href]),
  a.fr-btn--account:not([href]),
  .fr-btn--sort:disabled,
  .fr-btn--account:disabled {
    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,
  a.fr-btn--sort:not([href]):hover,
  a.fr-btn--account:not([href]):hover,
  .fr-btn--sort:disabled:hover,
  .fr-btn--account:disabled:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .fr-btn--tertiary:disabled:active,
  a.fr-btn--tertiary:not([href]):active,
  a.fr-btn--sort:not([href]):active,
  a.fr-btn--account:not([href]):active,
  .fr-btn--sort:disabled:active,
  .fr-btn--account:disabled: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,
  .fr-btn--briefcase,
  .fr-btn--team {
    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,
  .fr-btn--briefcase:hover,
  .fr-btn--team: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,
  .fr-btn--briefcase:active,
  .fr-btn--team: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]),
  a.fr-btn--briefcase:not([href]),
  a.fr-btn--team:not([href]),
  .fr-btn--close:disabled,
  .fr-btn--display:disabled,
  .fr-btn--fullscreen:disabled,
  .fr-btn--tooltip:disabled,
  .fr-btn--briefcase:disabled,
  .fr-btn--team:disabled {
    color: #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,
  a.fr-btn--briefcase:not([href]):hover,
  a.fr-btn--team:not([href]):hover,
  .fr-btn--close:disabled:hover,
  .fr-btn--display:disabled:hover,
  .fr-btn--fullscreen:disabled:hover,
  .fr-btn--tooltip:disabled:hover,
  .fr-btn--briefcase:disabled:hover,
  .fr-btn--team: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,
  a.fr-btn--briefcase:not([href]):active,
  a.fr-btn--team:not([href]):active,
  .fr-btn--close:disabled:active,
  .fr-btn--display:disabled:active,
  .fr-btn--fullscreen:disabled:active,
  .fr-btn--tooltip:disabled:active,
  .fr-btn--briefcase:disabled:active,
  .fr-btn--team:disabled:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .fr-connect {
    background-color: #000091;
    color: #f5f5fe;
  }

  .fr-connect:disabled,
  a.fr-connect:not([href]) {
    background-color: #e5e5e5;
    color: #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;
  }

  ul.fr-quote__source {
    list-style-type: none;
  }

  ol.fr-quote__source {
    list-style-type: none;
  }

  ul.fr-quote__source,
  ol.fr-quote__source {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .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 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,
  .fr-breadcrumb__link[aria-current=false]::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;
    content: "";
    display: inline-block;
    pointer-events: none;
    margin-left: 0.5rem;
    margin-right: -0.25rem;
    vertical-align: -4px;
  }

  .fr-breadcrumb {
    color: #666;
  }

  .fr-breadcrumb__link[aria-current]:not([aria-current=false]) {
    color: #3a3a3a;
  }

  .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