@codegouvfr/react-dsfr/dsfr/dsfr.print.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";
@media print {
  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;
  }

  h6,
  h5,
  h4,
  h3,
  h2,
  h1 {
    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-no-print {
    display: none;
  }

  h1,
  h2,
  h3,
  h4 {
    page-break-after: avoid;
    break-after: avoid;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  .fr-text--sm,
  .fr-text--xs {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin: var(--text-spacing);
  }

  .fr-upload {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .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-accordion__btn::after {
    transform: rotate(-180deg);
  }

  .fr-accordion .fr-collapse:not(.fr-collapse--expanded) {
    --collapse-max-height: none !important;
    --collapse: inherit !important;
    visibility: visible;
    padding: 1rem;
  }

  .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-logo::after {
    background-position: 0 calc(100% + 1.875rem) !important;
  }

  .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 {
    color: #000091;
    box-shadow: inset 0 0 0 1px #000091;
  }

  .fr-btn--secondary:disabled,
  a.fr-btn--secondary:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .fr-btn--tertiary,
  .fr-btn--sort,
  .fr-btn--account {
    color: #000091;
    box-shadow: inset 0 0 0 1px #ddd;
  }

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

  .fr-btn--tertiary-no-outline,
  .fr-btn--close,
  .fr-btn--display,
  .fr-btn--fullscreen,
  .fr-btn--tooltip,
  .fr-btn--briefcase,
  .fr-btn--team {
    color: #000091;
  }

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

  .fr-btn--secondary,
  .fr-btn--tertiary,
  .fr-btn--tertiary-no-outline,
  .fr-btn--close,
  .fr-btn--display,
  .fr-btn--fullscreen,
  .fr-btn--tooltip {
    background-color: transparent;
  }

  .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;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-connect-group p {
    color: #666;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-quote {
    background-image: linear-gradient(0deg, #ddd, #ddd);
  }

  .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__source {
    color: #666;
  }

  .fr-quote__author,
  .fr-quote cite,
  .fr-quote figcaption li {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-breadcrumb {
    color: #666;
    display: none;
  }

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

  .fr-select-group--valid label,
  .fr-input-group--valid label,
  .fr-range-group--valid label,
  .fr-upload-group--valid label {
    color: #18753c;
  }

  .fr-select-group--error label,
  .fr-input-group--error label,
  .fr-range-group--error label,
  .fr-upload-group--error label {
    color: #ce0500;
  }

  .fr-select-group--info label,
  .fr-input-group--info label,
  .fr-range-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-range-group--disabled label,
  .fr-range-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;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .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__legend {
    color: #161616;
  }

  .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-stepper__title {
    color: #161616;
  }

  .fr-stepper__state {
    color: #666;
  }

  .fr-stepper__details {
    color: #666;
  }

  .fr-stepper__steps {
    background-image: repeating-linear-gradient(to right, #000091 0, #000091 var(--active-inner), transparent var(--active-inner), transparent var(--active-outer)), repeating-linear-gradient(to right, #eee 0, #eee var(--default-inner), transparent var(--default-inner), transparent var(--default-outer));
  }

  .fr-stepper__state,
  .fr-stepper__details {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-tooltip {
    color: #3a3a3a;
    display: none;
  }

  .fr-tooltip.fr-placement {
    background-image: linear-gradient(90deg, #fff, #fff);
  }

  .fr-link {
    color: #000091;
  }

  .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-sidemenu {
    box-shadow: inset 0 -1px 0 0 #ddd, inset 0 1px 0 0 #ddd;

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

  .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: #161616;
  }

  .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]:not([aria-current=false]),
  .fr-sidemenu__btn[aria-current]:not([aria-current=false]) {
    color: #000091;
  }

  .fr-sidemenu__link[aria-current]:not([aria-current=false])::before,
  .fr-sidemenu__btn[aria-current]:not([aria-current=false])::before {
    background-color: #000091;
  }

  .fr-sidemenu__btn[aria-expanded=true] {
    background-color: #e3e3fd;
  }

  .fr-highlight {
    background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
  }

  .fr-highlight--green-tilleul-verveine {
    background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
  }

  .fr-highlight--green-bourgeon {
    background-image: linear-gradient(0deg, #68a532, #68a532);
  }

  .fr-highlight--green-emeraude {
    background-image: linear-gradient(0deg, #00a95f, #00a95f);
  }

  .fr-highlight--green-menthe {
    background-image: linear-gradient(0deg, #009081, #009081);
  }

  .fr-highlight--green-archipel {
    background-image: linear-gradient(0deg, #009099, #009099);
  }

  .fr-highlight--blue-ecume {
    background-image: linear-gradient(0deg, #465f9d, #465f9d);
  }

  .fr-highlight--blue-cumulus {
    background-image: linear-gradient(0deg, #417dc4, #417dc4);
  }

  .fr-highlight--purple-glycine {
    background-image: linear-gradient(0deg, #a558a0, #a558a0);
  }

  .fr-highlight--pink-macaron {
    background-image: linear-gradient(0deg, #e18b76, #e18b76);
  }

  .fr-highlight--pink-tuile {
    background-image: linear-gradient(0deg, #ce614a, #ce614a);
  }

  .fr-highlight--yellow-tournesol {
    background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
  }

  .fr-highlight--yellow-moutarde {
    background-image: linear-gradient(0deg, #c3992a, #c3992a);
  }

  .fr-highlight--orange-terre-battue {
    background-image: linear-gradient(0deg, #e4794a, #e4794a);
  }

  .fr-highlight--brown-cafe-creme {
    background-image: linear-gradient(0deg, #d1b781, #d1b781);
  }

  .fr-highlight--brown-caramel {
    background-image: linear-gradient(0deg, #c08c65, #c08c65);
  }

  .fr-highlight--brown-opera {
    background-image: linear-gradient(0deg, #bd987a, #bd987a);
  }

  .fr-highlight--beige-gris-galet {
    background-image: linear-gradient(0deg, #aea397, #aea397);
  }

  .fr-tabs {
    box-shadow: inset 0 -1px 0 0 #ddd;

    /**
    * Tab button
    */
  }

  .fr-tabs::before {
    box-shadow: inset 0 1px 0 0 #ddd, inset 1px 0 0 0 #ddd, inset -1px 0 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;
  }

  .fr-pagination {
    color: #161616;
  }

  .fr-pagination__link[aria-current]:not([aria-current=false]) {
    background-color: #000091;
    color: #f5f5fe;
  }

  .fr-pagination__link[aria-current]:not([aria-current=false]):hover {
    background-color: #1212ff;
  }

  .fr-pagination__link[aria-current]:not([aria-current=false]):active {
    background-color: #2323ff;
  }

  .fr-pagination__link:not([aria-current]):disabled,
  a.fr-pagination__link:not([aria-current]):not([href]),
  a.fr-pagination__link[aria-current=false]:not([href]),
  .fr-pagination__link[aria-current=false]:disabled {
    color: #929292;
  }

  .fr-summary {
    background-color: #eee;
    display: none;
  }

  .fr-summary__title {
    color: #161616;
  }

  .fr-summary li > a {
    color: #161616;
  }

  .fr-table__wrapper::after {
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292);
  }

  .fr-table__content table caption {
    color: #161616;
  }

  .fr-table__content table thead th {
    background-color: #f6f6f6;
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #929292, #929292);
  }

  .fr-table__content table thead th[role=columnheader] {
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .fr-table__content table thead th:last-child {
    background-color: #f6f6f6;
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .fr-table__content table tbody tr::after {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091);
  }

  .fr-table__content table tbody td {
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292);
    background-color: #fff;
  }

  .fr-table__content table tbody th {
    background-color: #f6f6f6;
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .fr-table__detail {
    color: #666;
  }

  .fr-table td,
  .fr-table th {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .fr-tag {
    color: #161616;
    background-color: #eee;
  }

  .fr-tag[aria-pressed=false] {
    color: #000091;
    background-color: #e3e3fd;
  }

  .fr-tag[aria-pressed=false]:hover {
    background-color: #c1c1fb;
  }

  .fr-tag[aria-pressed=false]:active {
    background-color: #adadf9;
  }

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

  .fr-tag.fr-tag--dismiss:hover {
    background-color: #1212ff;
  }

  .fr-tag.fr-tag--dismiss:active {
    background-color: #2323ff;
  }

  a.fr-tag,
  button.fr-tag,
  input[type=button].fr-tag,
  input[type=image].fr-tag,
  input[type=reset].fr-tag,
  input[type=submit].fr-tag {
    color: #000091;
    background-color: #e3e3fd;
  }

  a.fr-tag:hover,
  button.fr-tag:hover,
  input[type=button].fr-tag:hover,
  input[type=image].fr-tag:hover,
  input[type=reset].fr-tag:hover,
  input[type=submit].fr-tag:hover {
    background-color: #c1c1fb;
  }

  a.fr-tag:active,
  button.fr-tag:active,
  input[type=button].fr-tag:active,
  input[type=image].fr-tag:active,
  input[type=reset].fr-tag:active,
  input[type=submit].fr-tag:active {
    background-color: #adadf9;
  }

  a.fr-tag--green-tilleul-verveine,
  button.fr-tag--green-tilleul-verveine,
  input[type=button].fr-tag--green-tilleul-verveine,
  input[type=image].fr-tag--green-tilleul-verveine,
  input[type=reset].fr-tag--green-tilleul-verveine,
  input[type=submit].fr-tag--green-tilleul-verveine {
    color: #66673d;
    background-color: #fbe769;
  }

  a.fr-tag--green-tilleul-verveine:hover,
  button.fr-tag--green-tilleul-verveine:hover,
  input[type=button].fr-tag--green-tilleul-verveine:hover,
  input[type=image].fr-tag--green-tilleul-verveine:hover,
  input[type=reset].fr-tag--green-tilleul-verveine:hover,
  input[type=submit].fr-tag--green-tilleul-verveine:hover {
    background-color: #d7c655;
  }

  a.fr-tag--green-tilleul-verveine:active,
  button.fr-tag--green-tilleul-verveine:active,
  input[type=button].fr-tag--green-tilleul-verveine:active,
  input[type=image].fr-tag--green-tilleul-verveine:active,
  input[type=reset].fr-tag--green-tilleul-verveine:active,
  input[type=submit].fr-tag--green-tilleul-verveine:active {
    background-color: #c2b24c;
  }

  a.fr-tag--green-bourgeon,
  button.fr-tag--green-bourgeon,
  input[type=button].fr-tag--green-bourgeon,
  input[type=image].fr-tag--green-bourgeon,
  input[type=reset].fr-tag--green-bourgeon,
  input[type=submit].fr-tag--green-bourgeon {
    color: #447049;
    background-color: #a9fb68;
  }

  a.fr-tag--green-bourgeon:hover,
  button.fr-tag--green-bourgeon:hover,
  input[type=button].fr-tag--green-bourgeon:hover,
  input[type=image].fr-tag--green-bourgeon:hover,
  input[type=reset].fr-tag--green-bourgeon:hover,
  input[type=submit].fr-tag--green-bourgeon:hover {
    background-color: #8ed654;
  }

  a.fr-tag--green-bourgeon:active,
  button.fr-tag--green-bourgeon:active,
  input[type=button].fr-tag--green-bourgeon:active,
  input[type=image].fr-tag--green-bourgeon:active,
  input[type=reset].fr-tag--green-bourgeon:active,
  input[type=submit].fr-tag--green-bourgeon:active {
    background-color: #7fc04b;
  }

  a.fr-tag--green-emeraude,
  button.fr-tag--green-emeraude,
  input[type=button].fr-tag--green-emeraude,
  input[type=image].fr-tag--green-emeraude,
  input[type=reset].fr-tag--green-emeraude,
  input[type=submit].fr-tag--green-emeraude {
    color: #297254;
    background-color: #9ef9be;
  }

  a.fr-tag--green-emeraude:hover,
  button.fr-tag--green-emeraude:hover,
  input[type=button].fr-tag--green-emeraude:hover,
  input[type=image].fr-tag--green-emeraude:hover,
  input[type=reset].fr-tag--green-emeraude:hover,
  input[type=submit].fr-tag--green-emeraude:hover {
    background-color: #69df97;
  }

  a.fr-tag--green-emeraude:active,
  button.fr-tag--green-emeraude:active,
  input[type=button].fr-tag--green-emeraude:active,
  input[type=image].fr-tag--green-emeraude:active,
  input[type=reset].fr-tag--green-emeraude:active,
  input[type=submit].fr-tag--green-emeraude:active {
    background-color: #5ec988;
  }

  a.fr-tag--green-menthe,
  button.fr-tag--green-menthe,
  input[type=button].fr-tag--green-menthe,
  input[type=image].fr-tag--green-menthe,
  input[type=reset].fr-tag--green-menthe,
  input[type=submit].fr-tag--green-menthe {
    color: #37635f;
    background-color: #8bf8e7;
  }

  a.fr-tag--green-menthe:hover,
  button.fr-tag--green-menthe:hover,
  input[type=button].fr-tag--green-menthe:hover,
  input[type=image].fr-tag--green-menthe:hover,
  input[type=reset].fr-tag--green-menthe:hover,
  input[type=submit].fr-tag--green-menthe:hover {
    background-color: #6ed5c5;
  }

  a.fr-tag--green-menthe:active,
  button.fr-tag--green-menthe:active,
  input[type=button].fr-tag--green-menthe:active,
  input[type=image].fr-tag--green-menthe:active,
  input[type=reset].fr-tag--green-menthe:active,
  input[type=submit].fr-tag--green-menthe:active {
    background-color: #62bfb1;
  }

  a.fr-tag--green-archipel,
  button.fr-tag--green-archipel,
  input[type=button].fr-tag--green-archipel,
  input[type=image].fr-tag--green-archipel,
  input[type=reset].fr-tag--green-archipel,
  input[type=submit].fr-tag--green-archipel {
    color: #006a6f;
    background-color: #a6f2fa;
  }

  a.fr-tag--green-archipel:hover,
  button.fr-tag--green-archipel:hover,
  input[type=button].fr-tag--green-archipel:hover,
  input[type=image].fr-tag--green-archipel:hover,
  input[type=reset].fr-tag--green-archipel:hover,
  input[type=submit].fr-tag--green-archipel:hover {
    background-color: #62dbe5;
  }

  a.fr-tag--green-archipel:active,
  button.fr-tag--green-archipel:active,
  input[type=button].fr-tag--green-archipel:active,
  input[type=image].fr-tag--green-archipel:active,
  input[type=reset].fr-tag--green-archipel:active,
  input[type=submit].fr-tag--green-archipel:active {
    background-color: #58c5cf;
  }

  a.fr-tag--blue-ecume,
  button.fr-tag--blue-ecume,
  input[type=button].fr-tag--blue-ecume,
  input[type=image].fr-tag--blue-ecume,
  input[type=reset].fr-tag--blue-ecume,
  input[type=submit].fr-tag--blue-ecume {
    color: #2f4077;
    background-color: #dee5fd;
  }

  a.fr-tag--blue-ecume:hover,
  button.fr-tag--blue-ecume:hover,
  input[type=button].fr-tag--blue-ecume:hover,
  input[type=image].fr-tag--blue-ecume:hover,
  input[type=reset].fr-tag--blue-ecume:hover,
  input[type=submit].fr-tag--blue-ecume:hover {
    background-color: #b4c5fb;
  }

  a.fr-tag--blue-ecume:active,
  button.fr-tag--blue-ecume:active,
  input[type=button].fr-tag--blue-ecume:active,
  input[type=image].fr-tag--blue-ecume:active,
  input[type=reset].fr-tag--blue-ecume:active,
  input[type=submit].fr-tag--blue-ecume:active {
    background-color: #99b3f9;
  }

  a.fr-tag--blue-cumulus,
  button.fr-tag--blue-cumulus,
  input[type=button].fr-tag--blue-cumulus,
  input[type=image].fr-tag--blue-cumulus,
  input[type=reset].fr-tag--blue-cumulus,
  input[type=submit].fr-tag--blue-cumulus {
    color: #3558a2;
    background-color: #dae6fd;
  }

  a.fr-tag--blue-cumulus:hover,
  button.fr-tag--blue-cumulus:hover,
  input[type=button].fr-tag--blue-cumulus:hover,
  input[type=image].fr-tag--blue-cumulus:hover,
  input[type=reset].fr-tag--blue-cumulus:hover,
  input[type=submit].fr-tag--blue-cumulus:hover {
    background-color: #a9c8fb;
  }

  a.fr-tag--blue-cumulus:active,
  button.fr-tag--blue-cumulus:active,
  input[type=button].fr-tag--blue-cumulus:active,
  input[type=image].fr-tag--blue-cumulus:active,
  input[type=reset].fr-tag--blue-cumulus:active,
  input[type=submit].fr-tag--blue-cumulus:active {
    background-color: #8ab8f9;
  }

  a.fr-tag--purple-glycine,
  button.fr-tag--purple-glycine,
  input[type=button].fr-tag--purple-glycine,
  input[type=image].fr-tag--purple-glycine,
  input[type=reset].fr-tag--purple-glycine,
  input[type=submit].fr-tag--purple-glycine {
    color: #6e445a;
    background-color: #fddbfa;
  }

  a.fr-tag--purple-glycine:hover,
  button.fr-tag--purple-glycine:hover,
  input[type=button].fr-tag--purple-glycine:hover,
  input[type=image].fr-tag--purple-glycine:hover,
  input[type=reset].fr-tag--purple-glycine:hover,
  input[type=submit].fr-tag--purple-glycine:hover {
    background-color: #fbaff5;
  }

  a.fr-tag--purple-glycine:active,
  button.fr-tag--purple-glycine:active,
  input[type=button].fr-tag--purple-glycine:active,
  input[type=image].fr-tag--purple-glycine:active,
  input[type=reset].fr-tag--purple-glycine:active,
  input[type=submit].fr-tag--purple-glycine:active {
    background-color: #fa96f2;
  }

  a.fr-tag--pink-macaron,
  button.fr-tag--pink-macaron,
  input[type=button].fr-tag--pink-macaron,
  input[type=image].fr-tag--pink-macaron,
  input[type=reset].fr-tag--pink-macaron,
  input[type=submit].fr-tag--pink-macaron {
    color: #8d533e;
    background-color: #fddfda;
  }

  a.fr-tag--pink-macaron:hover,
  button.fr-tag--pink-macaron:hover,
  input[type=button].fr-tag--pink-macaron:hover,
  input[type=image].fr-tag--pink-macaron:hover,
  input[type=reset].fr-tag--pink-macaron:hover,
  input[type=submit].fr-tag--pink-macaron:hover {
    background-color: #fbb8ab;
  }

  a.fr-tag--pink-macaron:active,
  button.fr-tag--pink-macaron:active,
  input[type=button].fr-tag--pink-macaron:active,
  input[type=image].fr-tag--pink-macaron:active,
  input[type=reset].fr-tag--pink-macaron:active,
  input[type=submit].fr-tag--pink-macaron:active {
    background-color: #faa18d;
  }

  a.fr-tag--pink-tuile,
  button.fr-tag--pink-tuile,
  input[type=button].fr-tag--pink-tuile,
  input[type=image].fr-tag--pink-tuile,
  input[type=reset].fr-tag--pink-tuile,
  input[type=submit].fr-tag--pink-tuile {
    color: #a94645;
    background-color: #fddfdb;
  }

  a.fr-tag--pink-tuile:hover,
  button.fr-tag--pink-tuile:hover,
  input[type=button].fr-tag--pink-tuile:hover,
  input[type=image].fr-tag--pink-tuile:hover,
  input[type=reset].fr-tag--pink-tuile:hover,
  input[type=submit].fr-tag--pink-tuile:hover {
    background-color: #fbb8ad;
  }

  a.fr-tag--pink-tuile:active,
  button.fr-tag--pink-tuile:active,
  input[type=button].fr-tag--pink-tuile:active,
  input[type=image].fr-tag--pink-tuile:active,
  input[type=reset].fr-tag--pink-tuile:active,
  input[type=submit].fr-tag--pink-tuile:active {
    background-color: #faa191;
  }

  a.fr-tag--yellow-tournesol,
  button.fr-tag--yellow-tournesol,
  input[type=button].fr-tag--yellow-tournesol,
  input[type=image].fr-tag--yellow-tournesol,
  input[type=reset].fr-tag--yellow-tournesol,
  input[type=submit].fr-tag--yellow-tournesol {
    color: #716043;
    background-color: #fde39c;
  }

  a.fr-tag--yellow-tournesol:hover,
  button.fr-tag--yellow-tournesol:hover,
  input[type=button].fr-tag--yellow-tournesol:hover,
  input[type=image].fr-tag--yellow-tournesol:hover,
  input[type=reset].fr-tag--yellow-tournesol:hover,
  input[type=submit].fr-tag--yellow-tournesol:hover {
    background-color: #e9c53b;
  }

  a.fr-tag--yellow-tournesol:active,
  button.fr-tag--yellow-tournesol:active,
  input[type=button].fr-tag--yellow-tournesol:active,
  input[type=image].fr-tag--yellow-tournesol:active,
  input[type=reset].fr-tag--yellow-tournesol:active,
  input[type=submit].fr-tag--yellow-tournesol:active {
    background-color: #d3b235;
  }

  a.fr-tag--yellow-moutarde,
  button.fr-tag--yellow-moutarde,
  input[type=button].fr-tag--yellow-moutarde,
  input[type=image].fr-tag--yellow-moutarde,
  input[type=reset].fr-tag--yellow-moutarde,
  input[type=submit].fr-tag--yellow-moutarde {
    color: #695240;
    background-color: #fde2b5;
  }

  a.fr-tag--yellow-moutarde:hover,
  button.fr-tag--yellow-moutarde:hover,
  input[type=button].fr-tag--yellow-moutarde:hover,
  input[type=image].fr-tag--yellow-moutarde:hover,
  input[type=reset].fr-tag--yellow-moutarde:hover,
  input[type=submit].fr-tag--yellow-moutarde:hover {
    background-color: #f6c43c;
  }

  a.fr-tag--yellow-moutarde:active,
  button.fr-tag--yellow-moutarde:active,
  input[type=button].fr-tag--yellow-moutarde:active,
  input[type=image].fr-tag--yellow-moutarde:active,
  input[type=reset].fr-tag--yellow-moutarde:active,
  input[type=submit].fr-tag--yellow-moutarde:active {
    background-color: #dfb135;
  }

  a.fr-tag--orange-terre-battue,
  button.fr-tag--orange-terre-battue,
  input[type=button].fr-tag--orange-terre-battue,
  input[type=image].fr-tag--orange-terre-battue,
  input[type=reset].fr-tag--orange-terre-battue,
  input[type=submit].fr-tag--orange-terre-battue {
    color: #755348;
    background-color: #fddfd8;
  }

  a.fr-tag--orange-terre-battue:hover,
  button.fr-tag--orange-terre-battue:hover,
  input[type=button].fr-tag--orange-terre-battue:hover,
  input[type=image].fr-tag--orange-terre-battue:hover,
  input[type=reset].fr-tag--orange-terre-battue:hover,
  input[type=submit].fr-tag--orange-terre-battue:hover {
    background-color: #fbb8a5;
  }

  a.fr-tag--orange-terre-battue:active,
  button.fr-tag--orange-terre-battue:active,
  input[type=button].fr-tag--orange-terre-battue:active,
  input[type=image].fr-tag--orange-terre-battue:active,
  input[type=reset].fr-tag--orange-terre-battue:active,
  input[type=submit].fr-tag--orange-terre-battue:active {
    background-color: #faa184;
  }

  a.fr-tag--brown-cafe-creme,
  button.fr-tag--brown-cafe-creme,
  input[type=button].fr-tag--brown-cafe-creme,
  input[type=image].fr-tag--brown-cafe-creme,
  input[type=reset].fr-tag--brown-cafe-creme,
  input[type=submit].fr-tag--brown-cafe-creme {
    color: #685c48;
    background-color: #f4e3c7;
  }

  a.fr-tag--brown-cafe-creme:hover,
  button.fr-tag--brown-cafe-creme:hover,
  input[type=button].fr-tag--brown-cafe-creme:hover,
  input[type=image].fr-tag--brown-cafe-creme:hover,
  input[type=reset].fr-tag--brown-cafe-creme:hover,
  input[type=submit].fr-tag--brown-cafe-creme:hover {
    background-color: #e1c386;
  }

  a.fr-tag--brown-cafe-creme:active,
  button.fr-tag--brown-cafe-creme:active,
  input[type=button].fr-tag--brown-cafe-creme:active,
  input[type=image].fr-tag--brown-cafe-creme:active,
  input[type=reset].fr-tag--brown-cafe-creme:active,
  input[type=submit].fr-tag--brown-cafe-creme:active {
    background-color: #ccb078;
  }

  a.fr-tag--brown-caramel,
  button.fr-tag--brown-caramel,
  input[type=button].fr-tag--brown-caramel,
  input[type=image].fr-tag--brown-caramel,
  input[type=reset].fr-tag--brown-caramel,
  input[type=submit].fr-tag--brown-caramel {
    color: #845d48;
    background-color: #f3e2d9;
  }

  a.fr-tag--brown-caramel:hover,
  button.fr-tag--brown-caramel:hover,
  input[type=button].fr-tag--brown-caramel:hover,
  input[type=image].fr-tag--brown-caramel:hover,
  input[type=reset].fr-tag--brown-caramel:hover,
  input[type=submit].fr-tag--brown-caramel:hover {
    background-color: #e7bea6;
  }

  a.fr-tag--brown-caramel:active,
  button.fr-tag--brown-caramel:active,
  input[type=button].fr-tag--brown-caramel:active,
  input[type=image].fr-tag--brown-caramel:active,
  input[type=reset].fr-tag--brown-caramel:active,
  input[type=submit].fr-tag--brown-caramel:active {
    background-color: #e1a982;
  }

  a.fr-tag--brown-opera,
  button.fr-tag--brown-opera,
  input[type=button].fr-tag--brown-opera,
  input[type=image].fr-tag--brown-opera,
  input[type=reset].fr-tag--brown-opera,
  input[type=submit].fr-tag--brown-opera {
    color: #745b47;
    background-color: #f3e2d7;
  }

  a.fr-tag--brown-opera:hover,
  button.fr-tag--brown-opera:hover,
  input[type=button].fr-tag--brown-opera:hover,
  input[type=image].fr-tag--brown-opera:hover,
  input[type=reset].fr-tag--brown-opera:hover,
  input[type=submit].fr-tag--brown-opera:hover {
    background-color: #e7bfa0;
  }

  a.fr-tag--brown-opera:active,
  button.fr-tag--brown-opera:active,
  input[type=button].fr-tag--brown-opera:active,
  input[type=image].fr-tag--brown-opera:active,
  input[type=reset].fr-tag--brown-opera:active,
  input[type=submit].fr-tag--brown-opera:active {
    background-color: #deaa7e;
  }

  a.fr-tag--beige-gris-galet,
  button.fr-tag--beige-gris-galet,
  input[type=button].fr-tag--beige-gris-galet,
  input[type=image].fr-tag--beige-gris-galet,
  input[type=reset].fr-tag--beige-gris-galet,
  input[type=submit].fr-tag--beige-gris-galet {
    color: #6a6156;
    background-color: #eee4d9;
  }

  a.fr-tag--beige-gris-galet:hover,
  button.fr-tag--beige-gris-galet:hover,
  input[type=button].fr-tag--beige-gris-galet:hover,
  input[type=image].fr-tag--beige-gris-galet:hover,
  input[type=reset].fr-tag--beige-gris-galet:hover,
  input[type=submit].fr-tag--beige-gris-galet:hover {
    background-color: #dbc3a4;
  }

  a.fr-tag--beige-gris-galet:active,
  button.fr-tag--beige-gris-galet:active,
  input[type=button].fr-tag--beige-gris-galet:active,
  input[type=image].fr-tag--beige-gris-galet:active,
  input[type=reset].fr-tag--beige-gris-galet:active,
  input[type=submit].fr-tag--beige-gris-galet:active {
    background-color: #c6b094;
  }

  button.fr-tag[aria-pressed=true]:not(:disabled),
  input[type=button].fr-tag[aria-pressed=true]:not(:disabled) {
    color: #f5f5fe;
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #000091 0.625rem);
  }

  button.fr-tag[aria-pressed=true]:not(:disabled):hover,
  input[type=button].fr-tag[aria-pressed=true]:not(:disabled):hover {
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #1212ff 0.625rem);
  }

  button.fr-tag[aria-pressed=true]:not(:disabled):active,
  input[type=button].fr-tag[aria-pressed=true]:not(:disabled):active {
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #2323ff 0.625rem);
  }

  button.fr-tag[aria-pressed=true]::after,
  input[type=button].fr-tag[aria-pressed=true]::after {
    color: #000091;
  }

  button.fr-tag[aria-pressed=true]:disabled,
  input[type=button].fr-tag[aria-pressed=true]:disabled {
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #e5e5e5 0.625rem);
  }

  button.fr-tag[aria-pressed=true]:disabled::after,
  input[type=button].fr-tag[aria-pressed=true]:disabled::after {
    color: #929292;
  }

  button.fr-tag[aria-pressed=true].fr-tag--sm,
  input[type=button].fr-tag[aria-pressed=true].fr-tag--sm {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
  }

  button.fr-tag[aria-pressed=true].fr-tag--sm:hover,
  input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:hover {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);
  }

  button.fr-tag[aria-pressed=true].fr-tag--sm:active,
  input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:active {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);
  }

  button.fr-tag[aria-pressed=true].fr-tag--sm:disabled,
  input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem);
  }

  button.fr-tag:disabled,
  input[type=button].fr-tag:disabled {
    color: #929292;
    background-color: #e5e5e5;
  }

  button.fr-tag:disabled:hover,
  input[type=button].fr-tag:disabled:hover {
    background-color: #e5e5e5;
  }

  a:not([href]).fr-tag {
    color: #929292;
    background-color: #e5e5e5;
  }

  .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true],
  .fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true] {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);
  }

  .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:hover,
  .fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:hover {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);
  }

  .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:active,
  .fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:active {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);
  }

  .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:disabled,
  .fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:disabled {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem);
  }

  .fr-alert {
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .fr-alert::before {
    color: #fff;
  }

  .fr-alert--info {
    background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);
  }

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

  .fr-alert--success {
    background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);
  }

  .fr-alert--warning {
    background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);
  }

  .fr-notice {
    background-color: #eee;
    color: #161616;
  }

  .fr-notice--info {
    background-color: #e8edff;
    color: #0063cb;
  }

  .fr-notice--warning,
  .fr-notice--weather-orange {
    background-color: #ffe9e6;
    color: #b34000;
  }

  .fr-notice--alert {
    background-color: #ffe9e9;
    color: #ce0500;
  }

  .fr-notice--weather-red {
    background-color: #ce0500;
    color: #fff;
  }

  .fr-notice--weather-red .fr-btn--close {
    background-color: #ce0500;
  }

  .fr-notice--weather-purple {
    background-color: #6e445a;
    color: #fff;
  }

  .fr-notice--weather-purple .fr-btn--close {
    background-color: #6e445a;
  }

  .fr-notice--witness {
    background-color: #3a3a3a;
    color: #fff;
    background-image: linear-gradient(0deg, #ce0500, #ce0500);
  }

  .fr-notice--witness .fr-btn--close {
    background-color: #3a3a3a;
  }

  .fr-notice--kidnapping,
  .fr-notice--attack {
    background-color: #ce0500;
    color: #fff;
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .fr-notice--kidnapping .fr-btn--close,
  .fr-notice--attack .fr-btn--close {
    background-color: #ce0500;
  }

  .fr-notice--cyberattack {
    background-color: #3a3a3a;
    color: #fff;
    background-image: linear-gradient(0deg, #0063cb, #0063cb);
  }

  .fr-notice--cyberattack .fr-btn--close {
    background-color: #3a3a3a;
  }

  .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px);
  }

  .fr-radio-group input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
  }

  .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-radio-group input[type=radio]:checked:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
  }

  .fr-fieldset--error .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px);
  }

  .fr-fieldset--error .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-fieldset--valid .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px);
  }

  .fr-fieldset--valid .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-fieldset--info .fr-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px);
  }

  .fr-fieldset--info .fr-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
  }

  .fr-fieldset .fr-radio-group input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
  }

  .fr-fieldset .fr-radio-group input[type=radio]:disabled:checked + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
  }

  .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px);
  }

  .fr-radio-group--sm input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-radio-group--sm input[type=radio]:checked:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .fr-fieldset--error .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
  }

  .fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--valid .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
  }

  .fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--info .fr-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
  }

  .fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .fr-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
    background-color: #fff;
  }

  .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #000091 7px, transparent 8px);
    background-color: #fff;
  }

  .fr-radio-rich input[type=radio]:disabled + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .fr-radio-rich input[type=radio]:disabled ~ .fr-radio-rich__pictogram svg * {
    fill: #929292;
  }

  .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-radio-rich input[type=radio]:checked ~ .fr-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd);
  }

  .fr-radio-rich input[type=radio]:checked:disabled + label {
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .fr-radio-rich input[type=radio]:checked:disabled ~ .fr-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #ddd, #ddd);
  }

  .fr-fieldset--error .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
  }

  .fr-fieldset--error .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--valid .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
  }

  .fr-fieldset--valid .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
  }

  .fr-fieldset--info .fr-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
  }

  .fr-fieldset--info .fr-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #0000