design_system_admin/dsfr/component/callout/callout.print.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */
+@media print {
+  .fr-callout {
+    background-color: #eee;
+    background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
+  }
+
+  .fr-callout::before {
+    color: #161616;
+  }
+
+  .fr-callout__title {
+    color: #161616;
+  }
+
+  .fr-callout--green-tilleul-verveine {
+    background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
+    background-color: #fceeac;
+  }
+
+  .fr-callout--green-bourgeon {
+    background-image: linear-gradient(0deg, #68a532, #68a532);
+    background-color: #c9fcac;
+  }
+
+  .fr-callout--green-emeraude {
+    background-image: linear-gradient(0deg, #00a95f, #00a95f);
+    background-color: #c3fad5;
+  }
+
+  .fr-callout--green-menthe {
+    background-image: linear-gradient(0deg, #009081, #009081);
+    background-color: #bafaee;
+  }
+
+  .fr-callout--green-archipel {
+    background-image: linear-gradient(0deg, #009099, #009099);
+    background-color: #c7f6fc;
+  }
+
+  .fr-callout--blue-ecume {
+    background-image: linear-gradient(0deg, #465f9d, #465f9d);
+    background-color: #e9edfe;
+  }
+
+  .fr-callout--blue-cumulus {
+    background-image: linear-gradient(0deg, #417dc4, #417dc4);
+    background-color: #e6eefe;
+  }
+
+  .fr-callout--purple-glycine {
+    background-image: linear-gradient(0deg, #a558a0, #a558a0);
+    background-color: #fee7fc;
+  }
+
+  .fr-callout--pink-macaron {
+    background-image: linear-gradient(0deg, #e18b76, #e18b76);
+    background-color: #fee9e6;
+  }
+
+  .fr-callout--pink-tuile {
+    background-image: linear-gradient(0deg, #ce614a, #ce614a);
+    background-color: #fee9e7;
+  }
+
+  .fr-callout--yellow-tournesol {
+    background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
+    background-color: #feecc2;
+  }
+
+  .fr-callout--yellow-moutarde {
+    background-image: linear-gradient(0deg, #c3992a, #c3992a);
+    background-color: #feebd0;
+  }
+
+  .fr-callout--orange-terre-battue {
+    background-image: linear-gradient(0deg, #e4794a, #e4794a);
+    background-color: #fee9e5;
+  }
+
+  .fr-callout--brown-cafe-creme {
+    background-image: linear-gradient(0deg, #d1b781, #d1b781);
+    background-color: #f7ecdb;
+  }
+
+  .fr-callout--brown-caramel {
+    background-image: linear-gradient(0deg, #c08c65, #c08c65);
+    background-color: #f7ebe5;
+  }
+
+  .fr-callout--brown-opera {
+    background-image: linear-gradient(0deg, #bd987a, #bd987a);
+    background-color: #f7ece4;
+  }
+
+  .fr-callout--beige-gris-galet {
+    background-image: linear-gradient(0deg, #aea397, #aea397);
+    background-color: #f3ede5;
+  }
+}

design_system_admin/dsfr/component/callout/callout.print.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/callout/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20l9LkM4%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECGE;ICiCE,sBAAA;IAAA,yDAAA;ECrCF;;ECYA;IFyBE,cAAA;EClCF;;EEDA;IHmCE,cAAA;EC/BF;;EGAI;IJ+BF,yDAAA;IAAA,yBAAA;EC3BF;;EGJI;IJ+BF,yDAAA;IAAA,yBAAA;ECvBF;;EGRI;IJ+BF,yDAAA;IAAA,yBAAA;ECnBF;;EGZI;IJ+BF,yDAAA;IAAA,yBAAA;ECfF;;EGhBI;IJ+BF,yDAAA;IAAA,yBAAA;ECXF;;EGpBI;IJ+BF,yDAAA;IAAA,yBAAA;ECPF;;EGxBI;IJ+BF,yDAAA;IAAA,yBAAA;ECHF;;EG5BI;IJ+BF,yDAAA;IAAA,yBAAA;ECCF;;EGhCI;IJ+BF,yDAAA;IAAA,yBAAA;ECKF;;EGpCI;IJ+BF,yDAAA;IAAA,yBAAA;ECSF;;EGxCI;IJ+BF,yDAAA;IAAA,yBAAA;ECaF;;EG5CI;IJ+BF,yDAAA;IAAA,yBAAA;ECiBF;;EGhDI;IJ+BF,yDAAA;IAAA,yBAAA;ECqBF;;EGpDI;IJ+BF,yDAAA;IAAA,yBAAA;ECyBF;;EGxDI;IJ+BF,yDAAA;IAAA,yBAAA;EC6BF;;EG5DI;IJ+BF,yDAAA;IAAA,yBAAA;ECiCF;;EGhEI;IJ+BF,yDAAA;IAAA,yBAAA;ECqCF;AACF","file":"callout.print.css","sourcesContent":[null,"////\n/// Callout Print\n/// @group callout\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _callout-scheme('print');\n}\n","////\n/// Callout Scheme\n/// @group callout\n////\n\n@use 'module/color';\n\n@mixin _callout-scheme($legacy: false) {\n  #{ns(callout)} {\n    @include color.background(contrast grey, (legacy:$legacy));\n    @include color.background-image(border default blue-france, (legacy:$legacy));\n\n    @include before {\n      @include color.text(title grey, (legacy:$legacy));\n    }\n\n    @include title {\n      @include color.text(title grey, (legacy:$legacy));\n    }\n\n    @include color.accentuate {\n      @include color.background-image(border default accent, (legacy:$legacy));\n      @include color.background(contrast accent, (legacy:$legacy));\n    }\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-callout {\n    background-color: #eee;\n    background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n  }\n  .fr-callout::before {\n    color: #161616;\n  }\n  .fr-callout__title {\n    color: #161616;\n  }\n  .fr-callout--green-tilleul-verveine {\n    background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n    background-color: #fceeac;\n  }\n  .fr-callout--green-bourgeon {\n    background-image: linear-gradient(0deg, #68a532, #68a532);\n    background-color: #c9fcac;\n  }\n  .fr-callout--green-emeraude {\n    background-image: linear-gradient(0deg, #00a95f, #00a95f);\n    background-color: #c3fad5;\n  }\n  .fr-callout--green-menthe {\n    background-image: linear-gradient(0deg, #009081, #009081);\n    background-color: #bafaee;\n  }\n  .fr-callout--green-archipel {\n    background-image: linear-gradient(0deg, #009099, #009099);\n    background-color: #c7f6fc;\n  }\n  .fr-callout--blue-ecume {\n    background-image: linear-gradient(0deg, #465f9d, #465f9d);\n    background-color: #e9edfe;\n  }\n  .fr-callout--blue-cumulus {\n    background-image: linear-gradient(0deg, #417dc4, #417dc4);\n    background-color: #e6eefe;\n  }\n  .fr-callout--purple-glycine {\n    background-image: linear-gradient(0deg, #a558a0, #a558a0);\n    background-color: #fee7fc;\n  }\n  .fr-callout--pink-macaron {\n    background-image: linear-gradient(0deg, #e18b76, #e18b76);\n    background-color: #fee9e6;\n  }\n  .fr-callout--pink-tuile {\n    background-image: linear-gradient(0deg, #ce614a, #ce614a);\n    background-color: #fee9e7;\n  }\n  .fr-callout--yellow-tournesol {\n    background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n    background-color: #feecc2;\n  }\n  .fr-callout--yellow-moutarde {\n    background-image: linear-gradient(0deg, #c3992a, #c3992a);\n    background-color: #feebd0;\n  }\n  .fr-callout--orange-terre-battue {\n    background-image: linear-gradient(0deg, #e4794a, #e4794a);\n    background-color: #fee9e5;\n  }\n  .fr-callout--brown-cafe-creme {\n    background-image: linear-gradient(0deg, #d1b781, #d1b781);\n    background-color: #f7ecdb;\n  }\n  .fr-callout--brown-caramel {\n    background-image: linear-gradient(0deg, #c08c65, #c08c65);\n    background-color: #f7ebe5;\n  }\n  .fr-callout--brown-opera {\n    background-image: linear-gradient(0deg, #bd987a, #bd987a);\n    background-color: #f7ece4;\n  }\n  .fr-callout--beige-gris-galet {\n    background-image: linear-gradient(0deg, #aea397, #aea397);\n    background-color: #f3ede5;\n  }\n}","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n  @if $type != after and $type != before and $type != marker and $type != (before after) {\n    @error '$type must be before or after element';\n  }\n\n  $selector: ();\n\n  @each $pseudo in $type {\n    $selector: append($selector, '&::#{$pseudo}', 'comma');\n  }\n\n  #{$selector} {\n\n    @if $content != null {\n      content: $content;\n    }\n\n    @if $display != null {\n      display: #{$display};\n    }\n\n    @content;\n  }\n}\n\n@mixin before($content: null, $display: null) {\n  @include _pseudo(before, $content, $display) {\n    @content;\n  }\n}\n\n@mixin after($content: null, $display: null) {\n  @include _pseudo(after, $content, $display) {\n    @content;\n  }\n}\n\n@mixin marker($content: null, $display: null) {\n  @include _pseudo(marker, $content, $display) {\n    @content;\n  }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n  &__title {\n    @content;\n  }\n}\n\n@mixin body() {\n  &__body {\n    @content;\n  }\n}\n\n@mixin list() {\n  &__list {\n    @content;\n  }\n}\n\n@mixin list-item() {\n  &__item {\n    @content;\n  }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n  $accents: map.get(sets.$values, accent);\n  @at-root {\n    @each $tint, $value in $accents {\n      @include accent.set($tint);\n      &--#{$tint} {\n        @content;\n      }\n    }\n  }\n  @include accent.end();\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/callout/callout.print.min.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */@media print{.fr-callout{background-color:#eee;background-image:linear-gradient(0deg,#6a6af4,#6a6af4)}.fr-callout:before,.fr-callout__title{color:#161616}.fr-callout--green-tilleul-verveine{background-color:#fceeac;background-image:linear-gradient(0deg,#b7a73f,#b7a73f)}.fr-callout--green-bourgeon{background-color:#c9fcac;background-image:linear-gradient(0deg,#68a532,#68a532)}.fr-callout--green-emeraude{background-color:#c3fad5;background-image:linear-gradient(0deg,#00a95f,#00a95f)}.fr-callout--green-menthe{background-color:#bafaee;background-image:linear-gradient(0deg,#009081,#009081)}.fr-callout--green-archipel{background-color:#c7f6fc;background-image:linear-gradient(0deg,#009099,#009099)}.fr-callout--blue-ecume{background-color:#e9edfe;background-image:linear-gradient(0deg,#465f9d,#465f9d)}.fr-callout--blue-cumulus{background-color:#e6eefe;background-image:linear-gradient(0deg,#417dc4,#417dc4)}.fr-callout--purple-glycine{background-color:#fee7fc;background-image:linear-gradient(0deg,#a558a0,#a558a0)}.fr-callout--pink-macaron{background-color:#fee9e6;background-image:linear-gradient(0deg,#e18b76,#e18b76)}.fr-callout--pink-tuile{background-color:#fee9e7;background-image:linear-gradient(0deg,#ce614a,#ce614a)}.fr-callout--yellow-tournesol{background-color:#feecc2;background-image:linear-gradient(0deg,#c8aa39,#c8aa39)}.fr-callout--yellow-moutarde{background-color:#feebd0;background-image:linear-gradient(0deg,#c3992a,#c3992a)}.fr-callout--orange-terre-battue{background-color:#fee9e5;background-image:linear-gradient(0deg,#e4794a,#e4794a)}.fr-callout--brown-cafe-creme{background-color:#f7ecdb;background-image:linear-gradient(0deg,#d1b781,#d1b781)}.fr-callout--brown-caramel{background-color:#f7ebe5;background-image:linear-gradient(0deg,#c08c65,#c08c65)}.fr-callout--brown-opera{background-color:#f7ece4;background-image:linear-gradient(0deg,#bd987a,#bd987a)}.fr-callout--beige-gris-galet{background-color:#f3ede5;background-image:linear-gradient(0deg,#aea397,#aea397)}}
\ No newline at end of file

design_system_admin/dsfr/component/callout/callout.print.min.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/callout/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20igmgE9%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,YCiCE,qBAAA,CAAA,sDCrCF,CCEA,sCFmCE,aC/BF,CEAI,oCH+BF,wBAAA,CAAA,sDC3BF,CEJI,4BH+BF,wBAAA,CAAA,sDCvBF,CERI,4BH+BF,wBAAA,CAAA,sDCnBF,CEZI,0BH+BF,wBAAA,CAAA,sDCfF,CEhBI,4BH+BF,wBAAA,CAAA,sDCXF,CEpBI,wBH+BF,wBAAA,CAAA,sDCPF,CExBI,0BH+BF,wBAAA,CAAA,sDCHF,CE5BI,4BH+BF,wBAAA,CAAA,sDCCF,CEhCI,0BH+BF,wBAAA,CAAA,sDCKF,CEpCI,wBH+BF,wBAAA,CAAA,sDCSF,CExCI,8BH+BF,wBAAA,CAAA,sDCaF,CE5CI,6BH+BF,wBAAA,CAAA,sDCiBF,CEhDI,iCH+BF,wBAAA,CAAA,sDCqBF,CEpDI,8BH+BF,wBAAA,CAAA,sDCyBF,CExDI,2BH+BF,wBAAA,CAAA,sDC6BF,CE5DI,yBH+BF,wBAAA,CAAA,sDCiCF,CEhEI,8BH+BF,wBAAA,CAAA,sDCqCF,CACF","file":"callout.print.min.css","sourcesContent":[null,"////\n/// Callout Print\n/// @group callout\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _callout-scheme('print');\n}\n","////\n/// Callout Scheme\n/// @group callout\n////\n\n@use 'module/color';\n\n@mixin _callout-scheme($legacy: false) {\n  #{ns(callout)} {\n    @include color.background(contrast grey, (legacy:$legacy));\n    @include color.background-image(border default blue-france, (legacy:$legacy));\n\n    @include before {\n      @include color.text(title grey, (legacy:$legacy));\n    }\n\n    @include title {\n      @include color.text(title grey, (legacy:$legacy));\n    }\n\n    @include color.accentuate {\n      @include color.background-image(border default accent, (legacy:$legacy));\n      @include color.background(contrast accent, (legacy:$legacy));\n    }\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-callout {\n    background-color: #eee;\n    background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n  }\n  .fr-callout::before {\n    color: #161616;\n  }\n  .fr-callout__title {\n    color: #161616;\n  }\n  .fr-callout--green-tilleul-verveine {\n    background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n    background-color: #fceeac;\n  }\n  .fr-callout--green-bourgeon {\n    background-image: linear-gradient(0deg, #68a532, #68a532);\n    background-color: #c9fcac;\n  }\n  .fr-callout--green-emeraude {\n    background-image: linear-gradient(0deg, #00a95f, #00a95f);\n    background-color: #c3fad5;\n  }\n  .fr-callout--green-menthe {\n    background-image: linear-gradient(0deg, #009081, #009081);\n    background-color: #bafaee;\n  }\n  .fr-callout--green-archipel {\n    background-image: linear-gradient(0deg, #009099, #009099);\n    background-color: #c7f6fc;\n  }\n  .fr-callout--blue-ecume {\n    background-image: linear-gradient(0deg, #465f9d, #465f9d);\n    background-color: #e9edfe;\n  }\n  .fr-callout--blue-cumulus {\n    background-image: linear-gradient(0deg, #417dc4, #417dc4);\n    background-color: #e6eefe;\n  }\n  .fr-callout--purple-glycine {\n    background-image: linear-gradient(0deg, #a558a0, #a558a0);\n    background-color: #fee7fc;\n  }\n  .fr-callout--pink-macaron {\n    background-image: linear-gradient(0deg, #e18b76, #e18b76);\n    background-color: #fee9e6;\n  }\n  .fr-callout--pink-tuile {\n    background-image: linear-gradient(0deg, #ce614a, #ce614a);\n    background-color: #fee9e7;\n  }\n  .fr-callout--yellow-tournesol {\n    background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n    background-color: #feecc2;\n  }\n  .fr-callout--yellow-moutarde {\n    background-image: linear-gradient(0deg, #c3992a, #c3992a);\n    background-color: #feebd0;\n  }\n  .fr-callout--orange-terre-battue {\n    background-image: linear-gradient(0deg, #e4794a, #e4794a);\n    background-color: #fee9e5;\n  }\n  .fr-callout--brown-cafe-creme {\n    background-image: linear-gradient(0deg, #d1b781, #d1b781);\n    background-color: #f7ecdb;\n  }\n  .fr-callout--brown-caramel {\n    background-image: linear-gradient(0deg, #c08c65, #c08c65);\n    background-color: #f7ebe5;\n  }\n  .fr-callout--brown-opera {\n    background-image: linear-gradient(0deg, #bd987a, #bd987a);\n    background-color: #f7ece4;\n  }\n  .fr-callout--beige-gris-galet {\n    background-image: linear-gradient(0deg, #aea397, #aea397);\n    background-color: #f3ede5;\n  }\n}","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n  &__title {\n    @content;\n  }\n}\n\n@mixin body() {\n  &__body {\n    @content;\n  }\n}\n\n@mixin list() {\n  &__list {\n    @content;\n  }\n}\n\n@mixin list-item() {\n  &__item {\n    @content;\n  }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n  $accents: map.get(sets.$values, accent);\n  @at-root {\n    @each $tint, $value in $accents {\n      @include accent.set($tint);\n      &--#{$tint} {\n        @content;\n      }\n    }\n  }\n  @include accent.end();\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/card/card.print.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */
+@media print {
+  .fr-card {
+    background-color: #fff;
+  }
+
+  .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
+  }
+
+  .fr-card--grey {
+    background-color: #eee;
+  }
+
+  .fr-card--shadow {
+    background-color: #fff;
+  }
+
+  .fr-card--shadow.fr-card--grey {
+    background-color: #eee;
+  }
+
+  .fr-card--download:not(.fr-card--no-background) .fr-card__header {
+    background-color: #f6f6f6;
+  }
+
+  .fr-card__detail {
+    color: #666;
+    line-height: 1rem !important;
+  }
+
+  .fr-card__title {
+    color: #161616;
+  }
+
+  .fr-card__title a[href] {
+    color: #000091;
+  }
+
+  .fr-card__title:disabled,
+  a.fr-card__title:not([href]) {
+    color: #929292;
+    background-color: #e5e5e5;
+  }
+
+  .fr-card__detail,
+  .fr-card__desc {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}
+@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
+  .fr-card--shadow {
+    z-index: 500;
+  }
+
+  .fr-card--no-background {
+    background-color: transparent;
+  }
+
+  .fr-card--no-background:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-card--no-background:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}

design_system_admin/dsfr/component/card/card.print.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/card/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20xad3se%3E","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_print.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECKE;IC+BE,sBAAA;ECtCF;;EFUE;IC4BA,4JAAA;ECnCF;;EFWE;ICwBA,sBAAA;EChCF;;EFYE;ICoBA,sBAAA;EC7BF;;EFaE;ICgBA,sBAAA;ECnBF;;EFYI;ICOF,yBAAA;ECHF;;EFCE;ICEA,WAAA;IElCA,4BAAA;EDoCF;;EFAE;ICFA,cAAA;ECOF;;EFFI;ICLF,cAAA;ECUF;;EEhCS;;IHsBP,cAAA;IAAA,yBAAA;ECcF;;ECtDA;;IEyBA,eAAA;IAGE,mBAAA;EHgCF;AAhDF;AIJI;ENYA;IOZI,YAAA;ELQN;;EFYE;IC2FE,6BAAA;EC7FJ;;EDgGM;IACE,qCAAA;EC9FR;;EDiGM;IACE,oCAAA;EC/FR;AAfF","file":"card.print.css","sourcesContent":[null,"////\n/// Card Print\n/// @group card\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _card-scheme('print');\n\n  @import 'style/print';\n}\n","////\n/// Card Scheme\n/// @group card\n////\n\n@use 'module/color';\n@use 'module/elevation';\n@use 'module/disabled';\n\n@mixin _card-scheme($legacy: false) {\n  #{ns(card)} {\n    @include color.background(default grey, (legacy:$legacy));\n\n    &:not(&--no-border):not(&--shadow) {\n      @include color.background-image((border default grey) (border default grey) (border default grey) (border default grey), (legacy: $legacy));\n    }\n\n    &--grey {\n      @include color.background(contrast grey, (legacy:$legacy));\n    }\n\n    &--shadow {\n      @include elevation.elevate(raised, (legacy: $legacy));\n    }\n\n    &--shadow#{&}--grey {\n      @include color.background(contrast-raised grey, (legacy:$legacy));\n    }\n\n    &--no-background {\n      @include color.transparent-background((legacy:$legacy, hover: true));\n    }\n\n    &--download:not(#{ns(card--no-background)}) {\n      #{ns(card__header)} {\n        @include color.background(alt grey, (legacy:$legacy));\n      }\n    }\n\n    &__detail {\n      @include color.text(mention grey, (legacy:$legacy));\n    }\n\n    &__title {\n      @include color.text(title grey, (legacy:$legacy));\n\n      a[href] {\n        @include color.text(action-high blue-france, (legacy:$legacy));\n      }\n\n      @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n    }\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-card {\n    background-color: #fff;\n  }\n  .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {\n    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);\n  }\n  .fr-card--grey {\n    background-color: #eee;\n  }\n  .fr-card--shadow {\n    background-color: #fff;\n  }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n  .fr-card--shadow {\n    z-index: 500;\n  }\n}\n@media print {\n  .fr-card--shadow.fr-card--grey {\n    background-color: #eee;\n  }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n  .fr-card--no-background {\n    background-color: transparent;\n  }\n  .fr-card--no-background:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n  .fr-card--no-background:active {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n}\n@media print {\n  .fr-card--download:not(.fr-card--no-background) .fr-card__header {\n    background-color: #f6f6f6;\n  }\n}\n@media print {\n  .fr-card__detail {\n    color: #666;\n  }\n}\n@media print {\n  .fr-card__title {\n    color: #161616;\n  }\n  .fr-card__title a[href] {\n    color: #000091;\n  }\n  .fr-card__title:disabled, a.fr-card__title:not([href]) {\n    color: #929292;\n    background-color: #e5e5e5;\n  }\n}\n@media print {\n  .fr-card__detail, .fr-card__desc {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n  .fr-card__detail {\n    line-height: 1rem !important;\n  }\n}","#{ns(card)} {\n  &__detail,\n  &__desc {\n    @include text-style(md);\n  }\n\n  &__detail {\n    line-height: 1rem !important;\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n///   - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - background {boolean}: true, applique le token background disabled sur la couleur de fond\n///   - text {boolean}: true, applique le token text disabled sur la couleur de texte\n///   - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n  $selectors: '&:disabled';\n  @if map.get($options, can-be-link) {\n    $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n  }\n\n  @at-root #{$selectors} {\n    @if $colors != null {\n      @include colors.colors($colors);\n    }\n    @content;\n  }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n  @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n  @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n  $style: map-get($styles, $font-size);\n\n  @if $prepend == null {\n    $prepend: '';\n  }\n\n  @if $append == null {\n    $append: '';\n  }\n\n  font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n  @if map-has-key($style, line-height) {\n    line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n  }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n  $breakpoints: map-get($settings, breakpoints);\n\n  @if map-has-key($settings, weight) {\n    font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n  }\n\n  @if $is-responsive {\n    @each $breakpoint, $size in $breakpoints {\n      @if $breakpoint == first {\n        @include _stylize($size, $styles, $prepend, $append);\n      }\n      @else {\n        @include respond-from($breakpoint) {\n          @include _stylize($size, $styles, $prepend, $append);\n        }\n      }\n    }\n  }\n  @else {\n    @if map-has-key($breakpoints, md) {\n      @include _stylize(map-get($breakpoints, md), $styles);\n    }\n    @else {\n      @include _stylize(map-get($breakpoints, first), $styles);\n    }\n  }\n}\n\n@mixin _space-text($settings) {\n  @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($text-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($title-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n  @if $bp != null {\n    @include respond-from(#{$bp}) {\n      --#{$name}-spacing: #{space($value)};\n    }\n  }\n  @else {\n    --#{$name}-spacing: #{space($value)};\n  }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n  @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n  @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n  @include _set-typography-var(display, $margin, $bp);\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin is($target) {\n  @if $target == ie10 or $target == ie11 {\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin is-not($target) {\n  @if $target == ie10 or $target == ie11 {\n    @supports not (-ms-high-contrast: none) {\n      @content;\n    }\n  }\n}\n","@use 'sass:map';\n@use 'module/elevation/variable/z-indexes';\n@use 'module/legacy';\n\n@mixin z-index($level, $legacy: false) {\n  @if map.has-key(z-indexes.$values, $level) {\n    $z-index: map.get(z-indexes.$values, $level);\n    @if $legacy {\n      @include legacy.is(ie11) {\n        z-index: #{$z-index};\n      }\n    }\n    @else {\n      z-index: calc(var(--ground) + #{$z-index});\n    }\n  }\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/card/card.print.min.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */@media print{.fr-card{background-color:#fff}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-card--grey{background-color:#eee}.fr-card--shadow{background-color:#fff}.fr-card--shadow.fr-card--grey{background-color:#eee}.fr-card--download:not(.fr-card--no-background) .fr-card__header{background-color:#f6f6f6}.fr-card__detail{color:#666;line-height:1rem!important}.fr-card__title{color:#161616}.fr-card__title a[href]{color:#000091}.fr-card__title:disabled,a.fr-card__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-card__desc,.fr-card__detail{font-size:1rem;line-height:1.5rem}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-card--shadow{z-index:500}.fr-card--no-background{background-color:transparent}.fr-card--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-card--no-background:active{background-color:rgba(0,0,0,.1)}}
\ No newline at end of file

design_system_admin/dsfr/component/card/card.print.min.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/card/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20mo58Q7%3E","file:///Users/ket/Documents/work/dsfr/src/component/card/style/_print.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCKE,SC+BE,qBCtCF,CFUE,wDC4BA,gJCnCF,CFWE,eCwBA,qBChCF,CFYE,iBCoBA,qBC7BF,CFaE,+BCgBA,qBCnBF,CFYI,iECOF,wBCHF,CFCE,iBCEA,UAAA,CElCA,0BDoCF,CFAE,gBCFA,aCOF,CFFI,wBCLF,aCUF,CEhCS,sDHsBP,wBAAA,CAAA,aCcF,CCtDA,gCEyBA,cAAA,CAGE,kBHgCF,CAhDF,CIJI,+ENYA,iBOZI,WLQN,CFYE,wBC2FE,4BC7FJ,CDgGM,8BACE,gCC9FR,CDiGM,+BACE,+BC/FR,CAfF","file":"card.print.min.css","sourcesContent":[null,"////\n/// Card Print\n/// @group card\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _card-scheme('print');\n\n  @import 'style/print';\n}\n","////\n/// Card Scheme\n/// @group card\n////\n\n@use 'module/color';\n@use 'module/elevation';\n@use 'module/disabled';\n\n@mixin _card-scheme($legacy: false) {\n  #{ns(card)} {\n    @include color.background(default grey, (legacy:$legacy));\n\n    &:not(&--no-border):not(&--shadow) {\n      @include color.background-image((border default grey) (border default grey) (border default grey) (border default grey), (legacy: $legacy));\n    }\n\n    &--grey {\n      @include color.background(contrast grey, (legacy:$legacy));\n    }\n\n    &--shadow {\n      @include elevation.elevate(raised, (legacy: $legacy));\n    }\n\n    &--shadow#{&}--grey {\n      @include color.background(contrast-raised grey, (legacy:$legacy));\n    }\n\n    &--no-background {\n      @include color.transparent-background((legacy:$legacy, hover: true));\n    }\n\n    &--download:not(#{ns(card--no-background)}) {\n      #{ns(card__header)} {\n        @include color.background(alt grey, (legacy:$legacy));\n      }\n    }\n\n    &__detail {\n      @include color.text(mention grey, (legacy:$legacy));\n    }\n\n    &__title {\n      @include color.text(title grey, (legacy:$legacy));\n\n      a[href] {\n        @include color.text(action-high blue-france, (legacy:$legacy));\n      }\n\n      @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n    }\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-card {\n    background-color: #fff;\n  }\n  .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {\n    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);\n  }\n  .fr-card--grey {\n    background-color: #eee;\n  }\n  .fr-card--shadow {\n    background-color: #fff;\n  }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n  .fr-card--shadow {\n    z-index: 500;\n  }\n}\n@media print {\n  .fr-card--shadow.fr-card--grey {\n    background-color: #eee;\n  }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n  .fr-card--no-background {\n    background-color: transparent;\n  }\n  .fr-card--no-background:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n  .fr-card--no-background:active {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n}\n@media print {\n  .fr-card--download:not(.fr-card--no-background) .fr-card__header {\n    background-color: #f6f6f6;\n  }\n}\n@media print {\n  .fr-card__detail {\n    color: #666;\n  }\n}\n@media print {\n  .fr-card__title {\n    color: #161616;\n  }\n  .fr-card__title a[href] {\n    color: #000091;\n  }\n  .fr-card__title:disabled, a.fr-card__title:not([href]) {\n    color: #929292;\n    background-color: #e5e5e5;\n  }\n}\n@media print {\n  .fr-card__detail, .fr-card__desc {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n  .fr-card__detail {\n    line-height: 1rem !important;\n  }\n}","#{ns(card)} {\n  &__detail,\n  &__desc {\n    @include text-style(md);\n  }\n\n  &__detail {\n    line-height: 1rem !important;\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n///   - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - background {boolean}: true, applique le token background disabled sur la couleur de fond\n///   - text {boolean}: true, applique le token text disabled sur la couleur de texte\n///   - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n  $selectors: '&:disabled';\n  @if map.get($options, can-be-link) {\n    $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n  }\n\n  @at-root #{$selectors} {\n    @if $colors != null {\n      @include colors.colors($colors);\n    }\n    @content;\n  }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n  @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n  @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n  $style: map-get($styles, $font-size);\n\n  @if $prepend == null {\n    $prepend: '';\n  }\n\n  @if $append == null {\n    $append: '';\n  }\n\n  font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n  @if map-has-key($style, line-height) {\n    line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n  }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n  $breakpoints: map-get($settings, breakpoints);\n\n  @if map-has-key($settings, weight) {\n    font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n  }\n\n  @if $is-responsive {\n    @each $breakpoint, $size in $breakpoints {\n      @if $breakpoint == first {\n        @include _stylize($size, $styles, $prepend, $append);\n      }\n      @else {\n        @include respond-from($breakpoint) {\n          @include _stylize($size, $styles, $prepend, $append);\n        }\n      }\n    }\n  }\n  @else {\n    @if map-has-key($breakpoints, md) {\n      @include _stylize(map-get($breakpoints, md), $styles);\n    }\n    @else {\n      @include _stylize(map-get($breakpoints, first), $styles);\n    }\n  }\n}\n\n@mixin _space-text($settings) {\n  @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($text-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($title-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n  @if $bp != null {\n    @include respond-from(#{$bp}) {\n      --#{$name}-spacing: #{space($value)};\n    }\n  }\n  @else {\n    --#{$name}-spacing: #{space($value)};\n  }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n  @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n  @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n  @include _set-typography-var(display, $margin, $bp);\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin is($target) {\n  @if $target == ie10 or $target == ie11 {\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin is-not($target) {\n  @if $target == ie10 or $target == ie11 {\n    @supports not (-ms-high-contrast: none) {\n      @content;\n    }\n  }\n}\n","@use 'sass:map';\n@use 'module/elevation/variable/z-indexes';\n@use 'module/legacy';\n\n@mixin z-index($level, $legacy: false) {\n  @if map.has-key(z-indexes.$values, $level) {\n    $z-index: map.get(z-indexes.$values, $level);\n    @if $legacy {\n      @include legacy.is(ie11) {\n        z-index: #{$z-index};\n      }\n    }\n    @else {\n      z-index: calc(var(--ground) + #{$z-index});\n    }\n  }\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/checkbox/checkbox.print.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */
+@media print {
+  .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,
+  .fr-checkbox-group--error input[type=checkbox]:checked + label {
+    color: #ce0500;
+  }
+
+  .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--error::before {
+    background-color: #ce0500;
+  }
+
+  .fr-checkbox-group--valid input[type=checkbox] + label,
+  .fr-checkbox-group--valid input[type=checkbox]:checked + label {
+    color: #18753c;
+  }
+
+  .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-checkbox-group--valid::before {
+    background-color: #18753c;
+  }
+
+  .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);
+  }
+}

design_system_admin/dsfr/component/checkbox/checkbox.print.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/checkbox/print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%206Qc3_F%3E","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_data-uri-svg.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/src/component/checkbox/style/_scheme.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECWE;ICyBE,yiCAAA;ECtCF;;EFaA;ICyBE,sDAAA;IAAA,y9BAAA;;IENA,4MAAA;ED3BF;;EENE;IDwCE,4MAAA;ED/BJ;;EFKA;ICyBE,y8BAAA;EC3BF;;EFEA;ICyBE,iDAAA;;IENA,4MAAA;EDjBF;;EEhBE;IDwCE,yMAAA;EDrBJ;;EG6BM;;IJTJ,cAAA;EChBF;;EFTA;;ICyBE,y2BAAA;ECZF;;EFbA;ICyBE,yBAAA;ECTF;;EGmCM;;IJ1BJ,cAAA;ECLF;;EFpBA;;ICyBE,y4BAAA;ECDF;;EFxBA;ICyBE,yBAAA;ECEF;;EF3BA;ICyBE,y2BAAA;ECKF;;EF9BA;ICyBE,y4BAAA;ECQF;AACF","file":"checkbox.print.css","sourcesContent":[null,"////\n/// Checkbox Print\n/// @group checkbox\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _checkbox-scheme('print');\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n  @if $type != after and $type != before and $type != marker and $type != (before after) {\n    @error '$type must be before or after element';\n  }\n\n  $selector: ();\n\n  @each $pseudo in $type {\n    $selector: append($selector, '&::#{$pseudo}', 'comma');\n  }\n\n  #{$selector} {\n\n    @if $content != null {\n      content: $content;\n    }\n\n    @if $display != null {\n      display: #{$display};\n    }\n\n    @content;\n  }\n}\n\n@mixin before($content: null, $display: null) {\n  @include _pseudo(before, $content, $display) {\n    @content;\n  }\n}\n\n@mixin after($content: null, $display: null) {\n  @include _pseudo(after, $content, $display) {\n    @content;\n  }\n}\n\n@mixin marker($content: null, $display: null) {\n  @include _pseudo(marker, $content, $display) {\n    @content;\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-checkbox-group input[type=checkbox] + label::before {\n    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);\n  }\n  .fr-checkbox-group input[type=checkbox]:checked + label::before {\n    background-color: var(--background-active-blue-france);\n    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);\n    --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>\");\n  }\n  :root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:checked + label::before {\n    --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>\");\n  }\n  .fr-checkbox-group input[type=checkbox]:disabled + label::before {\n    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);\n  }\n  .fr-checkbox-group input[type=checkbox]:disabled:checked + label::before {\n    background-color: var(--background-disabled-grey);\n    --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>\");\n  }\n  :root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:disabled:checked + label::before {\n    --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>\");\n  }\n  .fr-checkbox-group--error input[type=checkbox] + label,\n  .fr-checkbox-group--error input[type=checkbox]:checked + label {\n    color: #ce0500;\n  }\n  .fr-checkbox-group--error input[type=checkbox] + label::before,\n  .fr-checkbox-group--error input[type=checkbox]:checked + label::before {\n    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);\n  }\n  .fr-checkbox-group--error::before {\n    background-color: #ce0500;\n  }\n  .fr-checkbox-group--valid input[type=checkbox] + label,\n  .fr-checkbox-group--valid input[type=checkbox]:checked + label {\n    color: #18753c;\n  }\n  .fr-checkbox-group--valid input[type=checkbox] + label::before,\n  .fr-checkbox-group--valid input[type=checkbox]:checked + label::before {\n    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);\n  }\n  .fr-checkbox-group--valid::before {\n    background-color: #18753c;\n  }\n  .fr-fieldset--error .fr-checkbox-group input[type=checkbox] + label::before {\n    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);\n  }\n  .fr-fieldset--valid .fr-checkbox-group input[type=checkbox] + label::before {\n    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);\n  }\n}","@use 'sass:map';\n@use 'module/specificity';\n@use 'module/legacy';\n@use 'module/selector/mixin/theme' as selector;\n@use 'module/utilities';\n@use 'module/string';\n@use '../function/token';\n@use '../function/colors';\n@use '../function/result';\n\n/// Combinaison de couleur appliquée à un svg intégré en data-uri\n/// @access public\n// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {Object} $value - le SVG en data-uri\n/// @param {String} $prop - propriété sur laquelle est assignée le svg\n/// @example @include scheme-element-data-uri-svg(text title grey, false, \"<svg><path fill='$COLOR'></path></svg>\"));\n@mixin data-uri-svg($tokens, $options: (), $value: \"<svg><path fill='$COLOR'></path></svg>\", $prop: background-image, $var: 'data-uri-svg') {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $tokens: token.normalise($tokens);\n  $light-colors: colors.from-list($tokens, hex, (theme: light, hover: map.get($options, hover), active: map.get($options, active)));\n  $light: result.get($light-colors, $value);\n  $light: specificity.important($light, $important);\n\n  @if $legacy and $prop != false {\n    @include legacy.is(ie11) {\n      @if $prop != false {\n        #{$prop}: #{url(utilities.data-uri(string.encode-svg($light, true), svg))};\n      }\n    }\n  }\n  @else {\n    --#{$var}: #{url(utilities.data-uri(string.encode-svg($light, false), svg))};\n\n    $dark-colors: colors.from-list($tokens, hex, (theme: dark, hover: map.get($options, hover), active: map.get($options, active)));\n    $dark: result.get($dark-colors, $value);\n    $dark: specificity.important($dark, $important);\n\n    @include selector.theme(dark) {\n      --#{$var}: #{url(utilities.data-uri(string.encode-svg($dark, false), svg))};\n    }\n\n    @if $prop != false {\n      #{$prop}: var(--#{$var});\n    }\n  }\n}\n","@mixin nest($selector: null) {\n  @if $selector {\n    #{$selector} {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","////\n/// Checkbox Scheme\n/// @group checkboxe\n////\n\n@use 'module/color';\n@use 'module/disabled';\n@use 'module/selector';\n\n@mixin _checkbox-scheme($legacy: false) {\n  #{selector.ns(checkbox-group)} {\n    input[type=\"checkbox\"] {\n      + label {\n        @include before {\n          @include color.background-image(border action-high blue-france, (), checkbox-background-image());\n        }\n      }\n\n      &:checked {\n        + label {\n          @include before {\n            @include color.background(active blue-france);\n            @include color.background-image(border active blue-france, (), checkbox-background-image());\n            @include color.data-uri-svg(text inverted blue-france, (), $checkbox-svg, false);\n          }\n        }\n      }\n\n      @include disabled.selector {\n        & + label {\n          @include before {\n            @include disabled.colors();\n            @include color.background-image(disabled grey, (), checkbox-background-image());\n          }\n        }\n\n        &:checked {\n          & + label {\n            @include before {\n              @include disabled.colors((background: true));\n              @include color.data-uri-svg(text disabled grey, (), $checkbox-svg, false);\n            }\n          }\n        }\n      }\n    }\n\n    &--error {\n      input[type=\"checkbox\"],\n      input[type=\"checkbox\"]:checked {\n        & + label {\n          @include color.text(default error, (legacy:$legacy));\n\n          @include before {\n            @include color.background-image(border plain error, (), checkbox-background-image());\n          }\n        }\n      }\n\n      @include before {\n        @include color.background(border plain error, (legacy:$legacy));\n      }\n    }\n\n    &--valid {\n      input[type=\"checkbox\"],\n      input[type=\"checkbox\"]:checked {\n        & + label {\n          @include color.text(default success, (legacy:$legacy));\n\n          @include before {\n            @include color.background-image(border plain success, (), checkbox-background-image());\n          }\n        }\n      }\n\n      @include before {\n        @include color.background(border plain success, (legacy:$legacy));\n      }\n    }\n  }\n\n  #{selector.ns(fieldset)} {\n    &--error {\n      #{selector.ns(checkbox-group)} {\n        input[type=\"checkbox\"] {\n          + label {\n            @include before {\n              @include color.background-image(border plain error, (), checkbox-background-image());\n            }\n          }\n        }\n      }\n    }\n\n    &--valid {\n      #{selector.ns(checkbox-group)} {\n        input[type=\"checkbox\"] {\n          + label {\n            @include before {\n              @include color.background-image(border plain success, (), checkbox-background-image());\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/checkbox/checkbox.print.min.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */@media print{.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{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5f5fe' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-color:var(--background-active-blue-france);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)}:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-checkbox-group input[type=checkbox]:disabled+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),var(--data-uri-svg)}.fr-checkbox-group input[type=checkbox]:disabled:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-color:var(--background-disabled-grey)}:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:disabled:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-checkbox-group--error input[type=checkbox]+label,.fr-checkbox-group--error input[type=checkbox]:checked+label{color:#ce0500}.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--error:before{background-color:#ce0500}.fr-checkbox-group--valid input[type=checkbox]+label,.fr-checkbox-group--valid input[type=checkbox]:checked+label{color:#18753c}.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-checkbox-group--valid:before{background-color:#18753c}.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)}}
\ No newline at end of file

design_system_admin/dsfr/component/checkbox/checkbox.print.min.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/checkbox/print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20utZkiq%3E","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_data-uri-svg.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/src/component/checkbox/style/_scheme.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCWE,qDCyBE,4gCCtCF,CFaA,6DGmBE,uNAAA,CFMA,qDAAA,CAAA,47BCjCF,CENE,uFDwCE,uND/BJ,CFKA,8DCyBE,46BC3BF,CFEA,sEGmBE,uNAAA,CFMA,gDCvBF,CEhBE,gGDwCE,oNDrBJ,CG6BM,kHJTJ,aChBF,CFTA,gICyBE,40BCZF,CFbA,iCCyBE,wBCTF,CGmCM,kHJ1BJ,aCLF,CFpBA,gICyBE,42BCDF,CFxBA,iCCyBE,wBCEF,CF3BA,yECyBE,40BCKF,CF9BA,yECyBE,42BCQF,CACF","file":"checkbox.print.min.css","sourcesContent":[null,"////\n/// Checkbox Print\n/// @group checkbox\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _checkbox-scheme('print');\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n  @if $type != after and $type != before and $type != marker and $type != (before after) {\n    @error '$type must be before or after element';\n  }\n\n  $selector: ();\n\n  @each $pseudo in $type {\n    $selector: append($selector, '&::#{$pseudo}', 'comma');\n  }\n\n  #{$selector} {\n\n    @if $content != null {\n      content: $content;\n    }\n\n    @if $display != null {\n      display: #{$display};\n    }\n\n    @content;\n  }\n}\n\n@mixin before($content: null, $display: null) {\n  @include _pseudo(before, $content, $display) {\n    @content;\n  }\n}\n\n@mixin after($content: null, $display: null) {\n  @include _pseudo(after, $content, $display) {\n    @content;\n  }\n}\n\n@mixin marker($content: null, $display: null) {\n  @include _pseudo(marker, $content, $display) {\n    @content;\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-checkbox-group input[type=checkbox] + label::before {\n    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);\n  }\n  .fr-checkbox-group input[type=checkbox]:checked + label::before {\n    background-color: var(--background-active-blue-france);\n    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);\n    --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>\");\n  }\n  :root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:checked + label::before {\n    --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>\");\n  }\n  .fr-checkbox-group input[type=checkbox]:disabled + label::before {\n    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);\n  }\n  .fr-checkbox-group input[type=checkbox]:disabled:checked + label::before {\n    background-color: var(--background-disabled-grey);\n    --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>\");\n  }\n  :root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:disabled:checked + label::before {\n    --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>\");\n  }\n  .fr-checkbox-group--error input[type=checkbox] + label,\n  .fr-checkbox-group--error input[type=checkbox]:checked + label {\n    color: #ce0500;\n  }\n  .fr-checkbox-group--error input[type=checkbox] + label::before,\n  .fr-checkbox-group--error input[type=checkbox]:checked + label::before {\n    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);\n  }\n  .fr-checkbox-group--error::before {\n    background-color: #ce0500;\n  }\n  .fr-checkbox-group--valid input[type=checkbox] + label,\n  .fr-checkbox-group--valid input[type=checkbox]:checked + label {\n    color: #18753c;\n  }\n  .fr-checkbox-group--valid input[type=checkbox] + label::before,\n  .fr-checkbox-group--valid input[type=checkbox]:checked + label::before {\n    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);\n  }\n  .fr-checkbox-group--valid::before {\n    background-color: #18753c;\n  }\n  .fr-fieldset--error .fr-checkbox-group input[type=checkbox] + label::before {\n    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);\n  }\n  .fr-fieldset--valid .fr-checkbox-group input[type=checkbox] + label::before {\n    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);\n  }\n}","@use 'sass:map';\n@use 'module/specificity';\n@use 'module/legacy';\n@use 'module/selector/mixin/theme' as selector;\n@use 'module/utilities';\n@use 'module/string';\n@use '../function/token';\n@use '../function/colors';\n@use '../function/result';\n\n/// Combinaison de couleur appliquée à un svg intégré en data-uri\n/// @access public\n// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {Object} $value - le SVG en data-uri\n/// @param {String} $prop - propriété sur laquelle est assignée le svg\n/// @example @include scheme-element-data-uri-svg(text title grey, false, \"<svg><path fill='$COLOR'></path></svg>\"));\n@mixin data-uri-svg($tokens, $options: (), $value: \"<svg><path fill='$COLOR'></path></svg>\", $prop: background-image, $var: 'data-uri-svg') {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $tokens: token.normalise($tokens);\n  $light-colors: colors.from-list($tokens, hex, (theme: light, hover: map.get($options, hover), active: map.get($options, active)));\n  $light: result.get($light-colors, $value);\n  $light: specificity.important($light, $important);\n\n  @if $legacy and $prop != false {\n    @include legacy.is(ie11) {\n      @if $prop != false {\n        #{$prop}: #{url(utilities.data-uri(string.encode-svg($light, true), svg))};\n      }\n    }\n  }\n  @else {\n    --#{$var}: #{url(utilities.data-uri(string.encode-svg($light, false), svg))};\n\n    $dark-colors: colors.from-list($tokens, hex, (theme: dark, hover: map.get($options, hover), active: map.get($options, active)));\n    $dark: result.get($dark-colors, $value);\n    $dark: specificity.important($dark, $important);\n\n    @include selector.theme(dark) {\n      --#{$var}: #{url(utilities.data-uri(string.encode-svg($dark, false), svg))};\n    }\n\n    @if $prop != false {\n      #{$prop}: var(--#{$var});\n    }\n  }\n}\n","@mixin nest($selector: null) {\n  @if $selector {\n    #{$selector} {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","////\n/// Checkbox Scheme\n/// @group checkboxe\n////\n\n@use 'module/color';\n@use 'module/disabled';\n@use 'module/selector';\n\n@mixin _checkbox-scheme($legacy: false) {\n  #{selector.ns(checkbox-group)} {\n    input[type=\"checkbox\"] {\n      + label {\n        @include before {\n          @include color.background-image(border action-high blue-france, (), checkbox-background-image());\n        }\n      }\n\n      &:checked {\n        + label {\n          @include before {\n            @include color.background(active blue-france);\n            @include color.background-image(border active blue-france, (), checkbox-background-image());\n            @include color.data-uri-svg(text inverted blue-france, (), $checkbox-svg, false);\n          }\n        }\n      }\n\n      @include disabled.selector {\n        & + label {\n          @include before {\n            @include disabled.colors();\n            @include color.background-image(disabled grey, (), checkbox-background-image());\n          }\n        }\n\n        &:checked {\n          & + label {\n            @include before {\n              @include disabled.colors((background: true));\n              @include color.data-uri-svg(text disabled grey, (), $checkbox-svg, false);\n            }\n          }\n        }\n      }\n    }\n\n    &--error {\n      input[type=\"checkbox\"],\n      input[type=\"checkbox\"]:checked {\n        & + label {\n          @include color.text(default error, (legacy:$legacy));\n\n          @include before {\n            @include color.background-image(border plain error, (), checkbox-background-image());\n          }\n        }\n      }\n\n      @include before {\n        @include color.background(border plain error, (legacy:$legacy));\n      }\n    }\n\n    &--valid {\n      input[type=\"checkbox\"],\n      input[type=\"checkbox\"]:checked {\n        & + label {\n          @include color.text(default success, (legacy:$legacy));\n\n          @include before {\n            @include color.background-image(border plain success, (), checkbox-background-image());\n          }\n        }\n      }\n\n      @include before {\n        @include color.background(border plain success, (legacy:$legacy));\n      }\n    }\n  }\n\n  #{selector.ns(fieldset)} {\n    &--error {\n      #{selector.ns(checkbox-group)} {\n        input[type=\"checkbox\"] {\n          + label {\n            @include before {\n              @include color.background-image(border plain error, (), checkbox-background-image());\n            }\n          }\n        }\n      }\n    }\n\n    &--valid {\n      #{selector.ns(checkbox-group)} {\n        input[type=\"checkbox\"] {\n          + label {\n            @include before {\n              @include color.background-image(border plain success, (), checkbox-background-image());\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/component.print.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */
+@charset "UTF-8";
+@media print {
+  .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--account {
+    color: #000091;
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-btn--tertiary:disabled,
+  a.fr-btn--tertiary:not([href]),
+  a.fr-btn--account:not([href]),
+  .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--top {
+    background-image: conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, #fff 0deg, #fff 67.38deg, transparent 67.38deg), conic-gradient(from -33.69deg at 50% 100%, transparent 0deg, #ddd 0deg, #ddd 67.38deg, transparent 67.38deg), linear-gradient(90deg, #ddd, #ddd), linear-gradient(90deg, #fff, #fff);
+  }
+
+  .fr-tooltip.fr-placement--bottom {
+    background-image: conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, #fff 0deg, #fff 67.38deg, transparent 67.38deg), conic-gradient(from 146.31deg at 50% 0%, transparent 0deg, #ddd 0deg, #ddd 67.38deg, transparent 67.38deg), linear-gradient(90deg, #ddd, #ddd), linear-gradient(90deg, #fff, #fff);
+  }
+
+  .fr-link {
+    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 {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table caption {
+    color: #161616;
+  }
+
+  .fr-table thead {
+    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
+    background-color: #eee;
+    color: #161616;
+  }
+
+  .fr-table tbody {
+    background-color: #f6f6f6;
+  }
+
+  .fr-table tbody tr:nth-child(even) {
+    background-color: #eee;
+  }
+
+  .fr-table--green-tilleul-verveine {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--green-tilleul-verveine thead {
+    background-image: linear-gradient(0deg, #66673d, #66673d);
+    background-color: #fceeac;
+  }
+
+  .fr-table--green-tilleul-verveine tbody {
+    background-color: #fef7da;
+  }
+
+  .fr-table--green-tilleul-verveine tbody tr:nth-child(even) {
+    background-color: #fceeac;
+  }
+
+  .fr-table--green-tilleul-verveine.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
+  }
+
+  .fr-table--green-bourgeon {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--green-bourgeon thead {
+    background-image: linear-gradient(0deg, #447049, #447049);
+    background-color: #c9fcac;
+  }
+
+  .fr-table--green-bourgeon tbody {
+    background-color: #e6feda;
+  }
+
+  .fr-table--green-bourgeon tbody tr:nth-child(even) {
+    background-color: #c9fcac;
+  }
+
+  .fr-table--green-bourgeon.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #68a532, #68a532);
+  }
+
+  .fr-table--green-emeraude {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--green-emeraude thead {
+    background-image: linear-gradient(0deg, #297254, #297254);
+    background-color: #c3fad5;
+  }
+
+  .fr-table--green-emeraude tbody {
+    background-color: #e3fdeb;
+  }
+
+  .fr-table--green-emeraude tbody tr:nth-child(even) {
+    background-color: #c3fad5;
+  }
+
+  .fr-table--green-emeraude.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #00a95f, #00a95f);
+  }
+
+  .fr-table--green-menthe {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--green-menthe thead {
+    background-image: linear-gradient(0deg, #37635f, #37635f);
+    background-color: #bafaee;
+  }
+
+  .fr-table--green-menthe tbody {
+    background-color: #dffdf7;
+  }
+
+  .fr-table--green-menthe tbody tr:nth-child(even) {
+    background-color: #bafaee;
+  }
+
+  .fr-table--green-menthe.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #009081, #009081);
+  }
+
+  .fr-table--green-archipel {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--green-archipel thead {
+    background-image: linear-gradient(0deg, #006a6f, #006a6f);
+    background-color: #c7f6fc;
+  }
+
+  .fr-table--green-archipel tbody {
+    background-color: #e5fbfd;
+  }
+
+  .fr-table--green-archipel tbody tr:nth-child(even) {
+    background-color: #c7f6fc;
+  }
+
+  .fr-table--green-archipel.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #009099, #009099);
+  }
+
+  .fr-table--blue-ecume {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--blue-ecume thead {
+    background-image: linear-gradient(0deg, #2f4077, #2f4077);
+    background-color: #e9edfe;
+  }
+
+  .fr-table--blue-ecume tbody {
+    background-color: #f4f6fe;
+  }
+
+  .fr-table--blue-ecume tbody tr:nth-child(even) {
+    background-color: #e9edfe;
+  }
+
+  .fr-table--blue-ecume.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #465f9d, #465f9d);
+  }
+
+  .fr-table--blue-cumulus {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--blue-cumulus thead {
+    background-image: linear-gradient(0deg, #3558a2, #3558a2);
+    background-color: #e6eefe;
+  }
+
+  .fr-table--blue-cumulus tbody {
+    background-color: #f3f6fe;
+  }
+
+  .fr-table--blue-cumulus tbody tr:nth-child(even) {
+    background-color: #e6eefe;
+  }
+
+  .fr-table--blue-cumulus.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #417dc4, #417dc4);
+  }
+
+  .fr-table--purple-glycine {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--purple-glycine thead {
+    background-image: linear-gradient(0deg, #6e445a, #6e445a);
+    background-color: #fee7fc;
+  }
+
+  .fr-table--purple-glycine tbody {
+    background-color: #fef3fd;
+  }
+
+  .fr-table--purple-glycine tbody tr:nth-child(even) {
+    background-color: #fee7fc;
+  }
+
+  .fr-table--purple-glycine.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #a558a0, #a558a0);
+  }
+
+  .fr-table--pink-macaron {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--pink-macaron thead {
+    background-image: linear-gradient(0deg, #8d533e, #8d533e);
+    background-color: #fee9e6;
+  }
+
+  .fr-table--pink-macaron tbody {
+    background-color: #fef4f2;
+  }
+
+  .fr-table--pink-macaron tbody tr:nth-child(even) {
+    background-color: #fee9e6;
+  }
+
+  .fr-table--pink-macaron.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #e18b76, #e18b76);
+  }
+
+  .fr-table--pink-tuile {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--pink-tuile thead {
+    background-image: linear-gradient(0deg, #a94645, #a94645);
+    background-color: #fee9e7;
+  }
+
+  .fr-table--pink-tuile tbody {
+    background-color: #fef4f3;
+  }
+
+  .fr-table--pink-tuile tbody tr:nth-child(even) {
+    background-color: #fee9e7;
+  }
+
+  .fr-table--pink-tuile.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #ce614a, #ce614a);
+  }
+
+  .fr-table--yellow-tournesol {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--yellow-tournesol thead {
+    background-image: linear-gradient(0deg, #716043, #716043);
+    background-color: #feecc2;
+  }
+
+  .fr-table--yellow-tournesol tbody {
+    background-color: #fef6e3;
+  }
+
+  .fr-table--yellow-tournesol tbody tr:nth-child(even) {
+    background-color: #feecc2;
+  }
+
+  .fr-table--yellow-tournesol.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
+  }
+
+  .fr-table--yellow-moutarde {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--yellow-moutarde thead {
+    background-image: linear-gradient(0deg, #695240, #695240);
+    background-color: #feebd0;
+  }
+
+  .fr-table--yellow-moutarde tbody {
+    background-color: #fef5e8;
+  }
+
+  .fr-table--yellow-moutarde tbody tr:nth-child(even) {
+    background-color: #feebd0;
+  }
+
+  .fr-table--yellow-moutarde.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #c3992a, #c3992a);
+  }
+
+  .fr-table--orange-terre-battue {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--orange-terre-battue thead {
+    background-image: linear-gradient(0deg, #755348, #755348);
+    background-color: #fee9e5;
+  }
+
+  .fr-table--orange-terre-battue tbody {
+    background-color: #fef4f2;
+  }
+
+  .fr-table--orange-terre-battue tbody tr:nth-child(even) {
+    background-color: #fee9e5;
+  }
+
+  .fr-table--orange-terre-battue.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #e4794a, #e4794a);
+  }
+
+  .fr-table--brown-cafe-creme {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--brown-cafe-creme thead {
+    background-image: linear-gradient(0deg, #685c48, #685c48);
+    background-color: #f7ecdb;
+  }
+
+  .fr-table--brown-cafe-creme tbody {
+    background-color: #fbf6ed;
+  }
+
+  .fr-table--brown-cafe-creme tbody tr:nth-child(even) {
+    background-color: #f7ecdb;
+  }
+
+  .fr-table--brown-cafe-creme.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #d1b781, #d1b781);
+  }
+
+  .fr-table--brown-caramel {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--brown-caramel thead {
+    background-image: linear-gradient(0deg, #845d48, #845d48);
+    background-color: #f7ebe5;
+  }
+
+  .fr-table--brown-caramel tbody {
+    background-color: #fbf5f2;
+  }
+
+  .fr-table--brown-caramel tbody tr:nth-child(even) {
+    background-color: #f7ebe5;
+  }
+
+  .fr-table--brown-caramel.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #c08c65, #c08c65);
+  }
+
+  .fr-table--brown-opera {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--brown-opera thead {
+    background-image: linear-gradient(0deg, #745b47, #745b47);
+    background-color: #f7ece4;
+  }
+
+  .fr-table--brown-opera tbody {
+    background-color: #fbf5f2;
+  }
+
+  .fr-table--brown-opera tbody tr:nth-child(even) {
+    background-color: #f7ece4;
+  }
+
+  .fr-table--brown-opera.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #bd987a, #bd987a);
+  }
+
+  .fr-table--beige-gris-galet {
+    /* Style bordered, ajoute des bordures entre chaque ligne */
+  }
+
+  .fr-table--beige-gris-galet thead {
+    background-image: linear-gradient(0deg, #6a6156, #6a6156);
+    background-color: #f3ede5;
+  }
+
+  .fr-table--beige-gris-galet tbody {
+    background-color: #f9f6f2;
+  }
+
+  .fr-table--beige-gris-galet tbody tr:nth-child(even) {
+    background-color: #f3ede5;
+  }
+
+  .fr-table--beige-gris-galet.fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #aea397, #aea397);
+  }
+
+  .fr-table--bordered tbody tr {
+    background-image: linear-gradient(0deg, #ddd, #ddd);
+
+    /* Style bordered, enleve le style even/odd  */
+  }
+
+  .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[href].fr-tag,
+  button.fr-tag,
+  input[type=button].fr-tag {
+    color: #000091;
+    background-color: #e3e3fd;
+  }
+
+  a[href].fr-tag:hover,
+  button.fr-tag:hover,
+  input[type=button].fr-tag:hover {
+    background-color: #c1c1fb;
+  }
+
+  a[href].fr-tag:active,
+  button.fr-tag:active,
+  input[type=button].fr-tag:active {
+    background-color: #adadf9;
+  }
+
+  a[href].fr-tag--green-tilleul-verveine,
+  button.fr-tag--green-tilleul-verveine,
+  input[type=button].fr-tag--green-tilleul-verveine {
+    color: #66673d;
+    background-color: #fbe769;
+  }
+
+  a[href].fr-tag--green-tilleul-verveine:hover,
+  button.fr-tag--green-tilleul-verveine:hover,
+  input[type=button].fr-tag--green-tilleul-verveine:hover {
+    background-color: #d7c655;
+  }
+
+  a[href].fr-tag--green-tilleul-verveine:active,
+  button.fr-tag--green-tilleul-verveine:active,
+  input[type=button].fr-tag--green-tilleul-verveine:active {
+    background-color: #c2b24c;
+  }
+
+  a[href].fr-tag--green-bourgeon,
+  button.fr-tag--green-bourgeon,
+  input[type=button].fr-tag--green-bourgeon {
+    color: #447049;
+    background-color: #a9fb68;
+  }
+
+  a[href].fr-tag--green-bourgeon:hover,
+  button.fr-tag--green-bourgeon:hover,
+  input[type=button].fr-tag--green-bourgeon:hover {
+    background-color: #8ed654;
+  }
+
+  a[href].fr-tag--green-bourgeon:active,
+  button.fr-tag--green-bourgeon:active,
+  input[type=button].fr-tag--green-bourgeon:active {
+    background-color: #7fc04b;
+  }
+
+  a[href].fr-tag--green-emeraude,
+  button.fr-tag--green-emeraude,
+  input[type=button].fr-tag--green-emeraude {
+    color: #297254;
+    background-color: #9ef9be;
+  }
+
+  a[href].fr-tag--green-emeraude:hover,
+  button.fr-tag--green-emeraude:hover,
+  input[type=button].fr-tag--green-emeraude:hover {
+    background-color: #69df97;
+  }
+
+  a[href].fr-tag--green-emeraude:active,
+  button.fr-tag--green-emeraude:active,
+  input[type=button].fr-tag--green-emeraude:active {
+    background-color: #5ec988;
+  }
+
+  a[href].fr-tag--green-menthe,
+  button.fr-tag--green-menthe,
+  input[type=button].fr-tag--green-menthe {
+    color: #37635f;
+    background-color: #8bf8e7;
+  }
+
+  a[href].fr-tag--green-menthe:hover,
+  button.fr-tag--green-menthe:hover,
+  input[type=button].fr-tag--green-menthe:hover {
+    background-color: #6ed5c5;
+  }
+
+  a[href].fr-tag--green-menthe:active,
+  button.fr-tag--green-menthe:active,
+  input[type=button].fr-tag--green-menthe:active {
+    background-color: #62bfb1;
+  }
+
+  a[href].fr-tag--green-archipel,
+  button.fr-tag--green-archipel,
+  input[type=button].fr-tag--green-archipel {
+    color: #006a6f;
+    background-color: #a6f2fa;
+  }
+
+  a[href].fr-tag--green-archipel:hover,
+  button.fr-tag--green-archipel:hover,
+  input[type=button].fr-tag--green-archipel:hover {
+    background-color: #62dbe5;
+  }
+
+  a[href].fr-tag--green-archipel:active,
+  button.fr-tag--green-archipel:active,
+  input[type=button].fr-tag--green-archipel:active {
+    background-color: #58c5cf;
+  }
+
+  a[href].fr-tag--blue-ecume,
+  button.fr-tag--blue-ecume,
+  input[type=button].fr-tag--blue-ecume {
+    color: #2f4077;
+    background-color: #dee5fd;
+  }
+
+  a[href].fr-tag--blue-ecume:hover,
+  button.fr-tag--blue-ecume:hover,
+  input[type=button].fr-tag--blue-ecume:hover {
+    background-color: #b4c5fb;
+  }
+
+  a[href].fr-tag--blue-ecume:active,
+  button.fr-tag--blue-ecume:active,
+  input[type=button].fr-tag--blue-ecume:active {
+    background-color: #99b3f9;
+  }
+
+  a[href].fr-tag--blue-cumulus,
+  button.fr-tag--blue-cumulus,
+  input[type=button].fr-tag--blue-cumulus {
+    color: #3558a2;
+    background-color: #dae6fd;
+  }
+
+  a[href].fr-tag--blue-cumulus:hover,
+  button.fr-tag--blue-cumulus:hover,
+  input[type=button].fr-tag--blue-cumulus:hover {
+    background-color: #a9c8fb;
+  }
+
+  a[href].fr-tag--blue-cumulus:active,
+  button.fr-tag--blue-cumulus:active,
+  input[type=button].fr-tag--blue-cumulus:active {
+    background-color: #8ab8f9;
+  }
+
+  a[href].fr-tag--purple-glycine,
+  button.fr-tag--purple-glycine,
+  input[type=button].fr-tag--purple-glycine {
+    color: #6e445a;
+    background-color: #fddbfa;
+  }
+
+  a[href].fr-tag--purple-glycine:hover,
+  button.fr-tag--purple-glycine:hover,
+  input[type=button].fr-tag--purple-glycine:hover {
+    background-color: #fbaff5;
+  }
+
+  a[href].fr-tag--purple-glycine:active,
+  button.fr-tag--purple-glycine:active,
+  input[type=button].fr-tag--purple-glycine:active {
+    background-color: #fa96f2;
+  }
+
+  a[href].fr-tag--pink-macaron,
+  button.fr-tag--pink-macaron,
+  input[type=button].fr-tag--pink-macaron {
+    color: #8d533e;
+    background-color: #fddfda;
+  }
+
+  a[href].fr-tag--pink-macaron:hover,
+  button.fr-tag--pink-macaron:hover,
+  input[type=button].fr-tag--pink-macaron:hover {
+    background-color: #fbb8ab;
+  }
+
+  a[href].fr-tag--pink-macaron:active,
+  button.fr-tag--pink-macaron:active,
+  input[type=button].fr-tag--pink-macaron:active {
+    background-color: #faa18d;
+  }
+
+  a[href].fr-tag--pink-tuile,
+  button.fr-tag--pink-tuile,
+  input[type=button].fr-tag--pink-tuile {
+    color: #a94645;
+    background-color: #fddfdb;
+  }
+
+  a[href].fr-tag--pink-tuile:hover,
+  button.fr-tag--pink-tuile:hover,
+  input[type=button].fr-tag--pink-tuile:hover {
+    background-color: #fbb8ad;
+  }
+
+  a[href].fr-tag--pink-tuile:active,
+  button.fr-tag--pink-tuile:active,
+  input[type=button].fr-tag--pink-tuile:active {
+    background-color: #faa191;
+  }
+
+  a[href].fr-tag--yellow-tournesol,
+  button.fr-tag--yellow-tournesol,
+  input[type=button].fr-tag--yellow-tournesol {
+    color: #716043;
+    background-color: #fde39c;
+  }
+
+  a[href].fr-tag--yellow-tournesol:hover,
+  button.fr-tag--yellow-tournesol:hover,
+  input[type=button].fr-tag--yellow-tournesol:hover {
+    background-color: #e9c53b;
+  }
+
+  a[href].fr-tag--yellow-tournesol:active,
+  button.fr-tag--yellow-tournesol:active,
+  input[type=button].fr-tag--yellow-tournesol:active {
+    background-color: #d3b235;
+  }
+
+  a[href].fr-tag--yellow-moutarde,
+  button.fr-tag--yellow-moutarde,
+  input[type=button].fr-tag--yellow-moutarde {
+    color: #695240;
+    background-color: #fde2b5;
+  }
+
+  a[href].fr-tag--yellow-moutarde:hover,
+  button.fr-tag--yellow-moutarde:hover,
+  input[type=button].fr-tag--yellow-moutarde:hover {
+    background-color: #f6c43c;
+  }
+
+  a[href].fr-tag--yellow-moutarde:active,
+  button.fr-tag--yellow-moutarde:active,
+  input[type=button].fr-tag--yellow-moutarde:active {
+    background-color: #dfb135;
+  }
+
+  a[href].fr-tag--orange-terre-battue,
+  button.fr-tag--orange-terre-battue,
+  input[type=button].fr-tag--orange-terre-battue {
+    color: #755348;
+    background-color: #fddfd8;
+  }
+
+  a[href].fr-tag--orange-terre-battue:hover,
+  button.fr-tag--orange-terre-battue:hover,
+  input[type=button].fr-tag--orange-terre-battue:hover {
+    background-color: #fbb8a5;
+  }
+
+  a[href].fr-tag--orange-terre-battue:active,
+  button.fr-tag--orange-terre-battue:active,
+  input[type=button].fr-tag--orange-terre-battue:active {
+    background-color: #faa184;
+  }
+
+  a[href].fr-tag--brown-cafe-creme,
+  button.fr-tag--brown-cafe-creme,
+  input[type=button].fr-tag--brown-cafe-creme {
+    color: #685c48;
+    background-color: #f4e3c7;
+  }
+
+  a[href].fr-tag--brown-cafe-creme:hover,
+  button.fr-tag--brown-cafe-creme:hover,
+  input[type=button].fr-tag--brown-cafe-creme:hover {
+    background-color: #e1c386;
+  }
+
+  a[href].fr-tag--brown-cafe-creme:active,
+  button.fr-tag--brown-cafe-creme:active,
+  input[type=button].fr-tag--brown-cafe-creme:active {
+    background-color: #ccb078;
+  }
+
+  a[href].fr-tag--brown-caramel,
+  button.fr-tag--brown-caramel,
+  input[type=button].fr-tag--brown-caramel {
+    color: #845d48;
+    background-color: #f3e2d9;
+  }
+
+  a[href].fr-tag--brown-caramel:hover,
+  button.fr-tag--brown-caramel:hover,
+  input[type=button].fr-tag--brown-caramel:hover {
+    background-color: #e7bea6;
+  }
+
+  a[href].fr-tag--brown-caramel:active,
+  button.fr-tag--brown-caramel:active,
+  input[type=button].fr-tag--brown-caramel:active {
+    background-color: #e1a982;
+  }
+
+  a[href].fr-tag--brown-opera,
+  button.fr-tag--brown-opera,
+  input[type=button].fr-tag--brown-opera {
+    color: #745b47;
+    background-color: #f3e2d7;
+  }
+
+  a[href].fr-tag--brown-opera:hover,
+  button.fr-tag--brown-opera:hover,
+  input[type=button].fr-tag--brown-opera:hover {
+    background-color: #e7bfa0;
+  }
+
+  a[href].fr-tag--brown-opera:active,
+  button.fr-tag--brown-opera:active,
+  input[type=button].fr-tag--brown-opera:active {
+    background-color: #deaa7e;
+  }
+
+  a[href].fr-tag--beige-gris-galet,
+  button.fr-tag--beige-gris-galet,
+  input[type=button].fr-tag--beige-gris-galet {
+    color: #6a6156;
+    background-color: #eee4d9;
+  }
+
+  a[href].fr-tag--beige-gris-galet:hover,
+  button.fr-tag--beige-gris-galet:hover,
+  input[type=button].fr-tag--beige-gris-galet:hover {
+    background-color: #dbc3a4;
+  }
+
+  a[href].fr-tag--beige-gris-galet:active,
+  button.fr-tag--beige-gris-galet:active,
+  input[type=button].fr-tag--beige-gris-galet:active {
+    background-color: #c6b094;
+  }
+
+  button.fr-tag[aria-pressed=true]:not(:disabled),
+  input[type=button].fr-tag[aria-pressed=true]:not(:disabled) {
+    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;
+  }
+
+  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-radio-group input[type=radio] + label {
+    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px);
+  }
+
+  .fr-radio-group input[type=radio]:disabled + label {
+    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
+  }
+
+  .fr-radio-group input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
+  }
+
+  .fr-radio-group input[type=radio]:checked:disabled + label {
+    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
+  }
+
+  .fr-fieldset--error .fr-radio-group input[type=radio] + label {
+    background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px);
+  }
+
+  .fr-fieldset--error .fr-radio-group input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
+  }
+
+  .fr-fieldset--valid .fr-radio-group input[type=radio] + label {
+    background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px);
+  }
+
+  .fr-fieldset--valid .fr-radio-group input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
+  }
+
+  .fr-fieldset--info .fr-radio-group input[type=radio] + label {
+    background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px);
+  }
+
+  .fr-fieldset--info .fr-radio-group input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
+  }
+
+  .fr-fieldset .fr-radio-group input[type=radio]:disabled + label {
+    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
+  }
+
+  .fr-fieldset .fr-radio-group input[type=radio]:disabled:checked + label {
+    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
+  }
+
+  .fr-radio-group--sm input[type=radio] + label {
+    background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px);
+  }
+
+  .fr-radio-group--sm input[type=radio]:disabled + label {
+    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
+  }
+
+  .fr-radio-group--sm input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-radio-group--sm input[type=radio]:checked:disabled + label {
+    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
+  }
+
+  .fr-fieldset--error .fr-radio-group--sm input[type=radio] + label {
+    background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
+  }
+
+  .fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-fieldset--valid .fr-radio-group--sm input[type=radio] + label {
+    background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
+  }
+
+  .fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-fieldset--info .fr-radio-group--sm input[type=radio] + label {
+    background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
+  }
+
+  .fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked + label {
+    background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled + label {
+    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
+  }
+
+  .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked + label {
+    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
+  }
+
+  .fr-radio-rich__pictogram {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
+    background-color: #fff;
+  }
+
+  .fr-radio-rich input[type=radio] + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #000091 7px, transparent 8px);
+    background-color: #fff;
+  }
+
+  .fr-radio-rich input[type=radio]:disabled + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
+  }
+
+  .fr-radio-rich input[type=radio]:disabled ~ .fr-radio-rich__pictogram svg * {
+    fill: #929292;
+  }
+
+  .fr-radio-rich input[type=radio]:checked + label {
+    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-radio-rich input[type=radio]:checked ~ .fr-radio-rich__pictogram {
+    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd);
+  }
+
+  .fr-radio-rich input[type=radio]:checked:disabled + label {
+    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
+  }
+
+  .fr-radio-rich input[type=radio]:checked:disabled ~ .fr-radio-rich__pictogram {
+    background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #ddd, #ddd);
+  }
+
+  .fr-fieldset--error .fr-radio-rich input[type=radio] + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px);
+  }
+
+  .fr-fieldset--error .fr-radio-rich input[type=radio]:checked + label {
+    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-fieldset--valid .fr-radio-rich input[type=radio] + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #18753c 7px, transparent 8px);
+  }
+
+  .fr-fieldset--valid .fr-radio-rich input[type=radio]:checked + label {
+    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-fieldset--info .fr-radio-rich input[type=radio] + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px);
+  }
+
+  .fr-fieldset--info .fr-radio-rich input[type=radio]:checked + label {
+    background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px);
+  }
+
+  .fr-fieldset .fr-radio-rich input[type=radio]:disabled + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
+  }
+
+  .fr-fieldset .fr-radio-rich input[type=radio]:disabled:checked + label {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
+  }
+
+  .fr-card {
+    background-color: #fff;
+  }
+
+  .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
+  }
+
+  .fr-card--grey {
+    background-color: #eee;
+  }
+
+  .fr-card--shadow {
+    background-color: #fff;
+  }
+
+  .fr-card--shadow.fr-card--grey {
+    background-color: #eee;
+  }
+
+  .fr-card--download:not(.fr-card--no-background) .fr-card__header {
+    background-color: #f6f6f6;
+  }
+
+  .fr-card__detail {
+    color: #666;
+    line-height: 1rem !important;
+  }
+
+  .fr-card__title {
+    color: #161616;
+  }
+
+  .fr-card__title a[href] {
+    color: #000091;
+  }
+
+  .fr-card__title:disabled,
+  a.fr-card__title:not([href]) {
+    color: #929292;
+    background-color: #e5e5e5;
+  }
+
+  .fr-card__detail,
+  .fr-card__desc {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .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,
+  .fr-checkbox-group--error input[type=checkbox]:checked + label {
+    color: #ce0500;
+  }
+
+  .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--error::before {
+    background-color: #ce0500;
+  }
+
+  .fr-checkbox-group--valid input[type=checkbox] + label,
+  .fr-checkbox-group--valid input[type=checkbox]:checked + label {
+    color: #18753c;
+  }
+
+  .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-checkbox-group--valid::before {
+    background-color: #18753c;
+  }
+
+  .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 label {
+    color: #161616;
+  }
+
+  .fr-toggle label::before {
+    color: #000091;
+    content: "";
+    display: block;
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .fr-toggle label::after {
+    color: #000091;
+    box-shadow: inset 0 0 0 1px #000091;
+    background-color: #fff;
+  }
+
+  .fr-toggle input[type=checkbox] {
+    box-shadow: inset 0 0 0 1px #000091;
+  }
+
+  .fr-toggle input[type=checkbox]:checked {
+    background-color: #000091;
+  }
+
+  .fr-toggle input[type=checkbox]:disabled {
+    box-shadow: inset 0 0 0 1px #e5e5e5;
+  }
+
+  .fr-toggle input[type=checkbox]:disabled:checked {
+    background-color: #e5e5e5;
+  }
+
+  .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::before {
+    color: #929292;
+  }
+
+  .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::after {
+    color: #929292;
+    box-shadow: inset 0 0 0 1px #e5e5e5;
+  }
+
+  .fr-toggle .fr-hint-text {
+    color: #666;
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .fr-toggle--border-bottom {
+    box-shadow: inset 0 -1px 0 0 #ddd;
+  }
+
+  .fr-toggle--error label,
+  .fr-fieldset--error .fr-toggle label {
+    color: #ce0500;
+  }
+
+  .fr-toggle--error label::before,
+  .fr-fieldset--error .fr-toggle label::before {
+    color: #ce0500;
+  }
+
+  .fr-toggle--error label::after,
+  .fr-fieldset--error .fr-toggle label::after {
+    box-shadow: inset 0 0 0 1px #ce0500;
+  }
+
+  .fr-toggle--valid label,
+  .fr-fieldset--valid .fr-toggle label {
+    color: #18753c;
+  }
+
+  .fr-toggle--valid label::before,
+  .fr-fieldset--valid .fr-toggle label::before {
+    color: #18753c;
+  }
+
+  .fr-toggle--valid label::after,
+  .fr-fieldset--valid .fr-toggle label::after {
+    box-shadow: inset 0 0 0 1px #18753c;
+  }
+
+  .fr-skiplinks {
+    background-color: #eee;
+  }
+
+  .fr-skiplink {
+    display: none;
+  }
+
+  .fr-select {
+    color: #3a3a3a;
+    background-color: #eee;
+    box-shadow: inset 0 -2px 0 0 #3a3a3a;
+
+    /**
+    * 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-fieldset--valid .fr-select,
+  .fr-select-group--valid .fr-select {
+    box-shadow: inset 0 -2px 0 0 #18753c;
+  }
+
+  .fr-fieldset--error .fr-select,
+  .fr-select-group--error .fr-select {
+    box-shadow: inset 0 -2px 0 0 #ce0500;
+  }
+
+  .fr-select-group--error::before {
+    background-image: linear-gradient(0deg, #ce0500, #ce0500);
+  }
+
+  .fr-select-group--valid::before {
+    background-image: linear-gradient(0deg, #18753c, #18753c);
+  }
+
+  .fr-select-group--info::before {
+    background-image: linear-gradient(0deg, #0063cb, #0063cb);
+  }
+
+  .fr-select:disabled {
+    color: #929292;
+    box-shadow: inset 0 -2px 0 0 #e5e5e5;
+  }
+
+  .fr-select:-webkit-autofill,
+  .fr-select:-webkit-autofill:hover,
+  .fr-select:-webkit-autofill:focus {
+    box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #ececfe;
+    -webkit-text-fill-color: #161616;
+  }
+
+  .fr-callout {
+    background-color: #eee;
+    background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
+  }
+
+  .fr-callout::before {
+    color: #161616;
+  }
+
+  .fr-callout__title {
+    color: #161616;
+  }
+
+  .fr-callout--green-tilleul-verveine {
+    background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
+    background-color: #fceeac;
+  }
+
+  .fr-callout--green-bourgeon {
+    background-image: linear-gradient(0deg, #68a532, #68a532);
+    background-color: #c9fcac;
+  }
+
+  .fr-callout--green-emeraude {
+    background-image: linear-gradient(0deg, #00a95f, #00a95f);
+    background-color: #c3fad5;
+  }
+
+  .fr-callout--green-menthe {
+    background-image: linear-gradient(0deg, #009081, #009081);
+    background-color: #bafaee;
+  }
+
+  .fr-callout--green-archipel {
+    background-image: linear-gradient(0deg, #009099, #009099);
+    background-color: #c7f6fc;
+  }
+
+  .fr-callout--blue-ecume {
+    background-image: linear-gradient(0deg, #465f9d, #465f9d);
+    background-color: #e9edfe;
+  }
+
+  .fr-callout--blue-cumulus {
+    background-image: linear-gradient(0deg, #417dc4, #417dc4);
+    background-color: #e6eefe;
+  }
+
+  .fr-callout--purple-glycine {
+    background-image: linear-gradient(0deg, #a558a0, #a558a0);
+    background-color: #fee7fc;
+  }
+
+  .fr-callout--pink-macaron {
+    background-image: linear-gradient(0deg, #e18b76, #e18b76);
+    background-color: #fee9e6;
+  }
+
+  .fr-callout--pink-tuile {
+    background-image: linear-gradient(0deg, #ce614a, #ce614a);
+    background-color: #fee9e7;
+  }
+
+  .fr-callout--yellow-tournesol {
+    background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
+    background-color: #feecc2;
+  }
+
+  .fr-callout--yellow-moutarde {
+    background-image: linear-gradient(0deg, #c3992a, #c3992a);
+    background-color: #feebd0;
+  }
+
+  .fr-callout--orange-terre-battue {
+    background-image: linear-gradient(0deg, #e4794a, #e4794a);
+    background-color: #fee9e5;
+  }
+
+  .fr-callout--brown-cafe-creme {
+    background-image: linear-gradient(0deg, #d1b781, #d1b781);
+    background-color: #f7ecdb;
+  }
+
+  .fr-callout--brown-caramel {
+    background-image: linear-gradient(0deg, #c08c65, #c08c65);
+    background-color: #f7ebe5;
+  }
+
+  .fr-callout--brown-opera {
+    background-image: linear-gradient(0deg, #bd987a, #bd987a);
+    background-color: #f7ece4;
+  }
+
+  .fr-callout--beige-gris-galet {
+    background-image: linear-gradient(0deg, #aea397, #aea397);
+    background-color: #f3ede5;
+  }
+
+  .fr-modal__body {
+    background-color: #fff;
+  }
+
+  .fr-modal__title {
+    color: #161616;
+  }
+
+  .fr-modal__footer {
+    background-color: #fff;
+  }
+
+  .fr-modal__body.fr-scroll-divider .fr-modal__footer {
+    background-image: linear-gradient(0deg, #ddd, #ddd);
+  }
+
+  .fr-modal {
+    display: none;
+  }
+
+  .fr-navigation {
+    display: none;
+  }
+
+  .fr-share .fr-btn {
+    color: #000091;
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-share .fr-btn:disabled,
+  .fr-share a.fr-btn:not([href]) {
+    color: #929292;
+    box-shadow: inset 0 0 0 1px #e5e5e5;
+  }
+
+  .fr-share__text {
+    color: #666;
+  }
+
+  .fr-share {
+    display: none;
+  }
+
+  .fr-footer {
+    box-shadow: inset 0 2px 0 0 #000091, inset 0 -1px 0 0 #ddd;
+    display: none;
+  }
+
+  .fr-footer__content-link {
+    color: #3a3a3a;
+  }
+
+  .fr-footer__top-cat {
+    color: #161616;
+  }
+
+  .fr-footer__top {
+    background-color: #f6f6f6;
+  }
+
+  .fr-footer__bottom {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+
+  .fr-footer__bottom .fr-btn {
+    color: #666;
+  }
+
+  .fr-footer__bottom-item::before {
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-footer__bottom-link {
+    color: #666;
+  }
+
+  .fr-footer__bottom-copy {
+    color: #666;
+  }
+
+  .fr-footer__partners {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+
+  .fr-footer__partners-title {
+    color: #3a3a3a;
+  }
+
+  .fr-footer__partners .fr-footer__logo {
+    background-color: #fff;
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-tile {
+    background-color: #fff;
+  }
+
+  .fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow) {
+    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
+  }
+
+  .fr-tile--grey {
+    background-color: #eee;
+  }
+
+  .fr-tile--shadow {
+    background-color: #fff;
+  }
+
+  .fr-tile--shadow.fr-tile--grey {
+    background-color: #eee;
+  }
+
+  .fr-tile__title {
+    color: #161616;
+  }
+
+  .fr-tile__title:disabled,
+  a.fr-tile__title:not([href]) {
+    color: #929292;
+    background-color: #e5e5e5;
+  }
+
+  .fr-tile__title::before {
+    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
+  }
+
+  .fr-tile__title a {
+    color: #000091;
+  }
+
+  .fr-tile__title a::before {
+    background-image: linear-gradient(0deg, #000091, #000091);
+  }
+
+  .fr-tile__title a:not([href]) {
+    color: #929292;
+  }
+
+  .fr-tile__title a:not([href])::before {
+    background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5);
+  }
+
+  .fr-tile .fr-tile__desc,
+  .fr-tile .fr-tile__detail,
+  .fr-tile__desc,
+  .fr-tile__detail,
+  .fr-tile--sm .fr-tile__desc,
+  .fr-tile--sm .fr-tile__detail,
+  .fr-tile--sm__desc,
+  .fr-tile--sm__detail {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .fr-translate .fr-translate__btn[aria-expanded=true] {
+    color: #000091;
+    background-color: #e3e3fd;
+  }
+
+  .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-translate .fr-translate__btn {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .fr-transcription::before {
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-transcription__btn {
+    color: #000091;
+  }
+
+  .fr-transcription__btn[aria-expanded=true] {
+    background-color: #e3e3fd;
+  }
+
+  .fr-transcription__content::before {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+
+  .fr-transcription__footer::before {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+
+  .fr-transcription .fr-modal:not(.fr-modal--opened)::before {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+
+  .fr-transcription {
+    display: none;
+  }
+
+  .fr-input {
+    color: #3a3a3a;
+    background-color: #eee;
+    box-shadow: inset 0 -2px 0 0 #3a3a3a;
+  }
+
+  .fr-input::placeholder {
+    color: #666;
+  }
+
+  .fr-input::-webkit-contacts-auto-fill-button {
+    background-color: #161616;
+  }
+
+  .fr-input::-webkit-contacts-auto-fill-button:hover {
+    background-color: #343434;
+  }
+
+  .fr-input::-webkit-contacts-auto-fill-button:active {
+    background-color: #474747;
+  }
+
+  .fr-input:disabled {
+    color: var(--text-disabled-grey);
+    box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
+  }
+
+  .fr-input:autofill,
+  .fr-input:autofill:hover,
+  .fr-input:autofill:focus,
+  .fr-input:-webkit-autofill,
+  .fr-input:-webkit-autofill:hover,
+  .fr-input:-webkit-autofill:focus {
+    box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;
+    -webkit-text-fill-color: #161616;
+  }
+
+  .fr-input-wrap--addon > .fr-input:not(:last-child) {
+    box-shadow: inset 0 -2px 0 0 #000091;
+  }
+
+  .fr-fieldset--valid .fr-input,
+  .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child),
+  .fr-input-group--valid .fr-input,
+  .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {
+    box-shadow: inset 0 -2px 0 0 #18753c;
+  }
+
+  .fr-fieldset--error .fr-input,
+  .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child),
+  .fr-input-group--error .fr-input,
+  .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {
+    box-shadow: inset 0 -2px 0 0 #ce0500;
+  }
+
+  .fr-input-group--error::before {
+    background-image: linear-gradient(0deg, #ce0500, #ce0500);
+  }
+
+  .fr-input-group--valid::before {
+    background-image: linear-gradient(0deg, #18753c, #18753c);
+  }
+
+  .fr-input-group--info::before {
+    background-image: linear-gradient(0deg, #0063cb, #0063cb);
+  }
+
+  .fr-search-bar .fr-input {
+    box-shadow: inset 0 -2px 0 0 #000091;
+  }
+
+  .fr-search-bar .fr-input--valid {
+    box-shadow: inset 0 -2px 0 0 #18753c;
+  }
+
+  .fr-search-bar .fr-input--error {
+    box-shadow: inset 0 -2px 0 0 #ce0500;
+  }
+
+  .fr-content-media__caption,
+  .fr-content-media .fr-link {
+    color: #666;
+  }
+
+  .fr-content-media__caption {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .fr-content-media__caption .fr-link {
+    font-size: 1rem;
+    line-height: 1.5rem;
+    padding: 0 0;
+  }
+
+  .fr-content-media__caption .fr-link::before,
+  .fr-content-media__caption .fr-link::after {
+    --icon-size: 1rem;
+  }
+
+  .fr-consent-placeholder {
+    background-color: #eee;
+  }
+
+  .fr-consent-banner {
+    background-color: #f6f6f6;
+    box-shadow: inset 0 0 0 1px #ddd;
+    display: none;
+  }
+
+  .fr-consent-manager__header,
+  .fr-consent-service {
+    box-shadow: inset 0 -1px 0 0 #ddd;
+    color: #3a3a3a;
+  }
+
+  .fr-consent-manager__header .fr-radio-group + .fr-radio-group::before,
+  .fr-consent-service .fr-radio-group + .fr-radio-group::before {
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-consent-service__title {
+    color: #161616;
+  }
+
+  .fr-consent-service .fr-consent-service__collapse-btn {
+    color: #000091;
+  }
+
+  /**
+  * Mixin d'ajout des icones des réseaux sociaux
+  **/
+
+  /**
+  * Mixin d'ajout des icones des réseaux sociaux
+  **/
+  .fr-follow {
+    background-color: #f5f5fe;
+  }
+
+  .fr-follow .fr-input {
+    background-color: #fff;
+  }
+
+  .fr-follow__title {
+    color: #161616;
+  }
+
+  .fr-follow__newsletter-legal {
+    color: #666;
+  }
+
+  .fr-follow__social .fr-btn {
+    color: #000091;
+  }
+
+  .fr-follow__social .fr-btn:disabled,
+  .fr-follow__social a.fr-btn:not([href]) {
+    color: #929292;
+  }
+
+  .fr-follow .fr-grid-row > *:not(:first-child) {
+    box-shadow: 0 -1px 0 0 #6a6af4;
+  }
+
+  .fr-password__btn {
+    color: #000091;
+  }
+
+  .fr-password__btn:disabled,
+  a.fr-password__btn:not([href]) {
+    color: #929292;
+  }
+
+  .fr-password .fr-password__checkbox input[type=checkbox] + label {
+    color: #161616;
+  }
+
+  .fr-password .fr-password__checkbox input[type=checkbox] + label::before {
+    background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), var(--data-uri-svg);
+  }
+
+  .fr-header__brand {
+    background-color: #fff;
+    flex-wrap: nowrap;
+  }
+
+  .fr-header__service {
+    color: #161616;
+    box-shadow: inset 0 1px 0 0 #ddd;
+    box-shadow: none;
+  }
+
+  .fr-header__menu-links::after {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+
+  .fr-header__menu-links .fr-btn {
+    color: #000091;
+  }
+
+  .fr-header__menu-links .fr-btn:disabled,
+  .fr-header__menu-links a.fr-btn:not([href]) {
+    color: #929292;
+  }
+
+  .fr-header__tools-links .fr-btn {
+    color: #000091;
+  }
+
+  .fr-header__tools-links .fr-btn:disabled,
+  .fr-header__tools-links a.fr-btn:not([href]) {
+    color: #929292;
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {
+    color: #000091;
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled,
+  .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {
+    color: #929292;
+    box-shadow: inset 0 0 0 1px #e5e5e5;
+  }
+
+  .fr-header__navbar .fr-service__title {
+    color: #161616;
+  }
+
+  .fr-header__navbar .fr-btn {
+    color: #000091;
+  }
+
+  .fr-header__navbar .fr-btn:disabled,
+  .fr-header__navbar a.fr-btn:not([href]) {
+    color: #929292;
+  }
+
+  .fr-header__navbar .fr-btn--menu {
+    color: #000091;
+    box-shadow: inset 0 0 0 1px #ddd;
+  }
+
+  .fr-header__navbar .fr-btn--menu:disabled,
+  .fr-header__navbar a.fr-btn--menu:not([href]) {
+    color: #929292;
+    box-shadow: inset 0 0 0 1px #e5e5e5;
+  }
+
+  .fr-header .fr-modal {
+    background-color: #fff;
+  }
+
+  .fr-header__menu {
+    display: none;
+  }
+
+  .fr-header__body-row {
+    padding: 0;
+  }
+
+  .fr-header__body .fr-header__tools,
+  .fr-header__body .fr-header__navbar {
+    display: none;
+  }
+
+  .fr-header__brand-top {
+    width: auto;
+  }
+}
+@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
+  .fr-btn--secondary {
+    background-color: transparent;
+  }
+
+  .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]) {
+    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--account {
+    background-color: transparent;
+  }
+
+  .fr-btn--tertiary:hover,
+  .fr-btn--account:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-btn--tertiary: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--account:not([href]),
+  .fr-btn--account:disabled {
+    background-color: transparent;
+  }
+
+  .fr-btn--tertiary:disabled:hover,
+  a.fr-btn--tertiary:not([href]):hover,
+  a.fr-btn--account:not([href]):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--account:not([href]):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;
+  }
+
+  .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 {
+    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-tooltip.fr-placement {
+    z-index: 1000;
+  }
+
+  .fr-table--bordered tbody tr:nth-child(even) {
+    background-color: transparent;
+  }
+
+  .fr-table--bordered tbody tr:nth-child(even):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-table--bordered tbody tr:nth-child(even):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  button.fr-tag[aria-pressed=true]:not(:disabled),
+  input[type=button].fr-tag[aria-pressed=true]:not(:disabled) {
+    background-color: transparent;
+  }
+
+  button.fr-tag[aria-pressed=true]:disabled,
+  input[type=button].fr-tag[aria-pressed=true]:disabled {
+    background-color: transparent;
+  }
+
+  .fr-card--shadow {
+    z-index: 500;
+  }
+
+  .fr-card--no-background {
+    background-color: transparent;
+  }
+
+  .fr-card--no-background:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-card--no-background:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-toggle label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::after {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
+  }
+
+  .fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::after {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
+  }
+
+  .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle--error label::before,
+  .fr-fieldset--error .fr-toggle label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle--error input[type=checkbox]:checked ~ .fr-toggle__label::before,
+  .fr-fieldset--error .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle--valid label::before,
+  .fr-fieldset--valid .fr-toggle label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-toggle--valid input[type=checkbox]:checked ~ .fr-toggle__label::before,
+  .fr-fieldset--valid .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
+  }
+
+  .fr-select {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
+  }
+
+  .fr-select:disabled {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
+  }
+
+  .fr-modal__body {
+    z-index: 2000;
+  }
+
+  .fr-share .fr-btn {
+    background-color: transparent;
+  }
+
+  .fr-share .fr-btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-share .fr-btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-share .fr-btn:disabled,
+  .fr-share a.fr-btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-share .fr-btn:disabled:hover,
+  .fr-share a.fr-btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-share .fr-btn:disabled:active,
+  .fr-share a.fr-btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-tile--shadow {
+    z-index: 500;
+  }
+
+  .fr-tile--no-background {
+    background-color: transparent;
+  }
+
+  .fr-tile--no-background:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-tile--no-background:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-translate__menu .fr-translate__language {
+    box-shadow: none;
+  }
+
+  .fr-search-bar .fr-input::-webkit-search-cancel-button {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23161616' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E");
+  }
+
+  .fr-consent-banner {
+    z-index: 1500;
+  }
+
+  .fr-consent-service:last-of-type,
+  .fr-consent-service .fr-consent-service {
+    box-shadow: none;
+  }
+
+  .fr-follow__social .fr-btn {
+    background-color: transparent;
+  }
+
+  .fr-follow__social .fr-btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-follow__social .fr-btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-follow__social .fr-btn:disabled,
+  .fr-follow__social a.fr-btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-follow__social .fr-btn:disabled:hover,
+  .fr-follow__social a.fr-btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-follow__social .fr-btn:disabled:active,
+  .fr-follow__social a.fr-btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-password__btn {
+    background-color: transparent;
+  }
+
+  .fr-password__btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-password__btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-password__btn:disabled,
+  a.fr-password__btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-password__btn:disabled:hover,
+  a.fr-password__btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-password__btn:disabled:active,
+  a.fr-password__btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-password [data-fr-capslock]::before {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E");
+  }
+
+  .fr-header__brand {
+    z-index: 750;
+  }
+
+  .fr-header__menu-links .fr-btn {
+    background-color: transparent;
+    box-shadow: none;
+  }
+
+  .fr-header__menu-links .fr-btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__menu-links .fr-btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__menu-links .fr-btn:disabled,
+  .fr-header__menu-links a.fr-btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-header__menu-links .fr-btn:disabled:hover,
+  .fr-header__menu-links a.fr-btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__menu-links .fr-btn:disabled:active,
+  .fr-header__menu-links a.fr-btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__tools-links .fr-btn {
+    background-color: transparent;
+  }
+
+  .fr-header__tools-links .fr-btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__tools-links .fr-btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__tools-links .fr-btn:disabled,
+  .fr-header__tools-links a.fr-btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-header__tools-links .fr-btn:disabled:hover,
+  .fr-header__tools-links a.fr-btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__tools-links .fr-btn:disabled:active,
+  .fr-header__tools-links a.fr-btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {
+    background-color: transparent;
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled,
+  .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:hover,
+  .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:active,
+  .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__navbar .fr-btn {
+    background-color: transparent;
+  }
+
+  .fr-header__navbar .fr-btn:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__navbar .fr-btn:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__navbar .fr-btn:disabled,
+  .fr-header__navbar a.fr-btn:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-header__navbar .fr-btn:disabled:hover,
+  .fr-header__navbar a.fr-btn:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__navbar .fr-btn:disabled:active,
+  .fr-header__navbar a.fr-btn:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__navbar .fr-btn--menu {
+    background-color: transparent;
+  }
+
+  .fr-header__navbar .fr-btn--menu:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__navbar .fr-btn--menu:active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .fr-header__navbar .fr-btn--menu:disabled,
+  .fr-header__navbar a.fr-btn--menu:not([href]) {
+    background-color: transparent;
+  }
+
+  .fr-header__navbar .fr-btn--menu:disabled:hover,
+  .fr-header__navbar a.fr-btn--menu:not([href]):hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  .fr-header__navbar .fr-btn--menu:disabled:active,
+  .fr-header__navbar a.fr-btn--menu:not([href]):active {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
+@media print and (min-width: 48em) and (-ms-high-contrast: none), print and (min-width: 48em) and (-ms-high-contrast: active) {
+  .fr-sidemenu {
+    box-shadow: none;
+  }
+
+  .fr-sidemenu__title {
+    box-shadow: none;
+  }
+}
+@media print and (min-width: 48em) {
+  .fr-sidemenu__inner {
+    box-shadow: inset -1px 0 0 0 #ddd;
+  }
+
+  .fr-sidemenu--right .fr-sidemenu__inner {
+    box-shadow: inset 1px 0 0 0 #ddd;
+  }
+
+  .fr-follow .fr-grid-row > *:not(:first-child) {
+    box-shadow: -1px 0 0 0 #6a6af4;
+  }
+}
+@media print and (min-width: 62em) {
+  .fr-header {
+    background-color: #fff;
+  }
+
+  .fr-header .fr-header__menu {
+    box-shadow: inset 0 1px 0 0 #ddd;
+  }
+}
+@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {
+  .fr-header {
+    z-index: 750;
+  }
+
+  .fr-header__brand {
+    z-index: auto;
+    background: transparent;
+  }
+
+  .fr-header__service {
+    box-shadow: none;
+  }
+}

design_system_admin/dsfr/component/component.print.min.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */@media print{.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;padding:1rem;visibility:visible}.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}.fr-logo{color:#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]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--account,.fr-btn--tertiary{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{color:#000091}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){color:#929292}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--secondary,.fr-btn--tertiary,.fr-btn--tertiary-no-outline,.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 cite,.fr-quote figcaption li,.fr-quote__author{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-input-group--valid label,.fr-range-group--valid label,.fr-select-group--valid label,.fr-upload-group--valid label{color:#18753c}.fr-input-group--error label,.fr-range-group--error label,.fr-select-group--error label,.fr-upload-group--error label{color:#ce0500}.fr-input-group--info label,.fr-range-group--info label,.fr-select-group--info label,.fr-upload-group--info label{color:#0063cb}.fr-input-group--disabled .fr-hint-text,.fr-input-group--disabled label,.fr-range-group--disabled .fr-hint-text,.fr-range-group--disabled label,.fr-select-group--disabled .fr-hint-text,.fr-select-group--disabled label,.fr-upload-group--disabled .fr-hint-text,.fr-upload-group--disabled label{color:#929292}.fr-label{color:#161616}.fr-label--error{color:#ce0500}.fr-label--success{color:#18753c}.fr-label--info{color:#0063cb}.fr-label--disabled,.fr-label--disabled .fr-hint-text{color:#929292}.fr-hint-text,.fr-message{color:#666;font-size:1rem;line-height:1.5rem}.fr-message--error{color:#ce0500}.fr-message--valid{color:#18753c}.fr-message--info{color:#0063cb}.fr-fieldset input:disabled+label,.fr-fieldset input:disabled+label .fr-hint-text,.fr-fieldset input:disabled+label+.fr-hint-text,.fr-fieldset:disabled .fr-fieldset__legend,.fr-fieldset:disabled .fr-hint-text,.fr-fieldset:disabled .fr-label{color:#929292}.fr-fieldset__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__details,.fr-stepper__state{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__details,.fr-stepper__state{font-size:1rem;line-height:1.5rem}.fr-tooltip{color:#3a3a3a;display:none}.fr-tooltip.fr-placement--top{background-image:conic-gradient(from -33.69deg at 50% 100%,transparent 0deg,#fff 0deg,#fff 67.38deg,transparent 67.38deg),conic-gradient(from -33.69deg at 50% 100%,transparent 0deg,#ddd 0deg,#ddd 67.38deg,transparent 67.38deg),linear-gradient(90deg,#ddd,#ddd),linear-gradient(90deg,#fff,#fff)}.fr-tooltip.fr-placement--bottom{background-image:conic-gradient(from 146.31deg at 50% 0,transparent 0deg,#fff 0deg,#fff 67.38deg,transparent 67.38deg),conic-gradient(from 146.31deg at 50% 0,transparent 0deg,#ddd 0deg,#ddd 67.38deg,transparent 67.38deg),linear-gradient(90deg,#ddd,#ddd),linear-gradient(90deg,#fff,#fff)}.fr-link{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;display:none}.fr-sidemenu__title{box-shadow:inset 0 -1px 0 0 #ddd;color:#161616}.fr-sidemenu__item .fr-sidemenu__btn,.fr-sidemenu__item .fr-sidemenu__link{color:#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__btn,.fr-sidemenu__btn[aria-current]:not([aria-current=false]),.fr-sidemenu__link,.fr-sidemenu__link[aria-current]:not([aria-current=false]){color:#000091}.fr-sidemenu__btn[aria-current]:not([aria-current=false]):before,.fr-sidemenu__link[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}.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-color:#fff;background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);color:#000091}.fr-tabs__tab:disabled{background-color:#e5e5e5;color:#929292}.fr-pagination{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,.fr-pagination__link[aria-current=false]:disabled,a.fr-pagination__link:not([aria-current]):not([href]),a.fr-pagination__link[aria-current=false]:not([href]){color:#929292}.fr-summary{background-color:#eee;display:none}.fr-summary li>a,.fr-summary__title{color:#161616}.fr-table caption{color:#161616}.fr-table thead{background-color:#eee;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a);color:#161616}.fr-table tbody{background-color:#f6f6f6}.fr-table tbody tr:nth-child(2n){background-color:#eee}.fr-table--green-tilleul-verveine thead{background-color:#fceeac;background-image:linear-gradient(0deg,#66673d,#66673d)}.fr-table--green-tilleul-verveine tbody{background-color:#fef7da}.fr-table--green-tilleul-verveine tbody tr:nth-child(2n){background-color:#fceeac}.fr-table--green-tilleul-verveine.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#b7a73f,#b7a73f)}.fr-table--green-bourgeon thead{background-color:#c9fcac;background-image:linear-gradient(0deg,#447049,#447049)}.fr-table--green-bourgeon tbody{background-color:#e6feda}.fr-table--green-bourgeon tbody tr:nth-child(2n){background-color:#c9fcac}.fr-table--green-bourgeon.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#68a532,#68a532)}.fr-table--green-emeraude thead{background-color:#c3fad5;background-image:linear-gradient(0deg,#297254,#297254)}.fr-table--green-emeraude tbody{background-color:#e3fdeb}.fr-table--green-emeraude tbody tr:nth-child(2n){background-color:#c3fad5}.fr-table--green-emeraude.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#00a95f,#00a95f)}.fr-table--green-menthe thead{background-color:#bafaee;background-image:linear-gradient(0deg,#37635f,#37635f)}.fr-table--green-menthe tbody{background-color:#dffdf7}.fr-table--green-menthe tbody tr:nth-child(2n){background-color:#bafaee}.fr-table--green-menthe.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#009081,#009081)}.fr-table--green-archipel thead{background-color:#c7f6fc;background-image:linear-gradient(0deg,#006a6f,#006a6f)}.fr-table--green-archipel tbody{background-color:#e5fbfd}.fr-table--green-archipel tbody tr:nth-child(2n){background-color:#c7f6fc}.fr-table--green-archipel.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#009099,#009099)}.fr-table--blue-ecume thead{background-color:#e9edfe;background-image:linear-gradient(0deg,#2f4077,#2f4077)}.fr-table--blue-ecume tbody{background-color:#f4f6fe}.fr-table--blue-ecume tbody tr:nth-child(2n){background-color:#e9edfe}.fr-table--blue-ecume.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#465f9d,#465f9d)}.fr-table--blue-cumulus thead{background-color:#e6eefe;background-image:linear-gradient(0deg,#3558a2,#3558a2)}.fr-table--blue-cumulus tbody{background-color:#f3f6fe}.fr-table--blue-cumulus tbody tr:nth-child(2n){background-color:#e6eefe}.fr-table--blue-cumulus.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#417dc4,#417dc4)}.fr-table--purple-glycine thead{background-color:#fee7fc;background-image:linear-gradient(0deg,#6e445a,#6e445a)}.fr-table--purple-glycine tbody{background-color:#fef3fd}.fr-table--purple-glycine tbody tr:nth-child(2n){background-color:#fee7fc}.fr-table--purple-glycine.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#a558a0,#a558a0)}.fr-table--pink-macaron thead{background-color:#fee9e6;background-image:linear-gradient(0deg,#8d533e,#8d533e)}.fr-table--pink-macaron tbody{background-color:#fef4f2}.fr-table--pink-macaron tbody tr:nth-child(2n){background-color:#fee9e6}.fr-table--pink-macaron.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#e18b76,#e18b76)}.fr-table--pink-tuile thead{background-color:#fee9e7;background-image:linear-gradient(0deg,#a94645,#a94645)}.fr-table--pink-tuile tbody{background-color:#fef4f3}.fr-table--pink-tuile tbody tr:nth-child(2n){background-color:#fee9e7}.fr-table--pink-tuile.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#ce614a,#ce614a)}.fr-table--yellow-tournesol thead{background-color:#feecc2;background-image:linear-gradient(0deg,#716043,#716043)}.fr-table--yellow-tournesol tbody{background-color:#fef6e3}.fr-table--yellow-tournesol tbody tr:nth-child(2n){background-color:#feecc2}.fr-table--yellow-tournesol.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#c8aa39,#c8aa39)}.fr-table--yellow-moutarde thead{background-color:#feebd0;background-image:linear-gradient(0deg,#695240,#695240)}.fr-table--yellow-moutarde tbody{background-color:#fef5e8}.fr-table--yellow-moutarde tbody tr:nth-child(2n){background-color:#feebd0}.fr-table--yellow-moutarde.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#c3992a,#c3992a)}.fr-table--orange-terre-battue thead{background-color:#fee9e5;background-image:linear-gradient(0deg,#755348,#755348)}.fr-table--orange-terre-battue tbody{background-color:#fef4f2}.fr-table--orange-terre-battue tbody tr:nth-child(2n){background-color:#fee9e5}.fr-table--orange-terre-battue.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#e4794a,#e4794a)}.fr-table--brown-cafe-creme thead{background-color:#f7ecdb;background-image:linear-gradient(0deg,#685c48,#685c48)}.fr-table--brown-cafe-creme tbody{background-color:#fbf6ed}.fr-table--brown-cafe-creme tbody tr:nth-child(2n){background-color:#f7ecdb}.fr-table--brown-cafe-creme.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#d1b781,#d1b781)}.fr-table--brown-caramel thead{background-color:#f7ebe5;background-image:linear-gradient(0deg,#845d48,#845d48)}.fr-table--brown-caramel tbody{background-color:#fbf5f2}.fr-table--brown-caramel tbody tr:nth-child(2n){background-color:#f7ebe5}.fr-table--brown-caramel.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#c08c65,#c08c65)}.fr-table--brown-opera thead{background-color:#f7ece4;background-image:linear-gradient(0deg,#745b47,#745b47)}.fr-table--brown-opera tbody{background-color:#fbf5f2}.fr-table--brown-opera tbody tr:nth-child(2n){background-color:#f7ece4}.fr-table--brown-opera.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#bd987a,#bd987a)}.fr-table--beige-gris-galet thead{background-color:#f3ede5;background-image:linear-gradient(0deg,#6a6156,#6a6156)}.fr-table--beige-gris-galet tbody{background-color:#f9f6f2}.fr-table--beige-gris-galet tbody tr:nth-child(2n){background-color:#f3ede5}.fr-table--beige-gris-galet.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#aea397,#aea397)}.fr-table--bordered tbody tr{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-table td,.fr-table th{font-size:1rem;line-height:1.5rem}.fr-tag{background-color:#eee;color:#161616}.fr-tag[aria-pressed=false]{background-color:#e3e3fd;color:#000091}.fr-tag[aria-pressed=false]:hover{background-color:#c1c1fb}.fr-tag[aria-pressed=false]:active{background-color:#adadf9}.fr-tag.fr-tag--dismiss{background-color:#000091;color:#f5f5fe}.fr-tag.fr-tag--dismiss:hover{background-color:#1212ff}.fr-tag.fr-tag--dismiss:active{background-color:#2323ff}a[href].fr-tag,button.fr-tag,input[type=button].fr-tag{background-color:#e3e3fd;color:#000091}a[href].fr-tag:hover,button.fr-tag:hover,input[type=button].fr-tag:hover{background-color:#c1c1fb}a[href].fr-tag:active,button.fr-tag:active,input[type=button].fr-tag:active{background-color:#adadf9}a[href].fr-tag--green-tilleul-verveine,button.fr-tag--green-tilleul-verveine,input[type=button].fr-tag--green-tilleul-verveine{background-color:#fbe769;color:#66673d}a[href].fr-tag--green-tilleul-verveine:hover,button.fr-tag--green-tilleul-verveine:hover,input[type=button].fr-tag--green-tilleul-verveine:hover{background-color:#d7c655}a[href].fr-tag--green-tilleul-verveine:active,button.fr-tag--green-tilleul-verveine:active,input[type=button].fr-tag--green-tilleul-verveine:active{background-color:#c2b24c}a[href].fr-tag--green-bourgeon,button.fr-tag--green-bourgeon,input[type=button].fr-tag--green-bourgeon{background-color:#a9fb68;color:#447049}a[href].fr-tag--green-bourgeon:hover,button.fr-tag--green-bourgeon:hover,input[type=button].fr-tag--green-bourgeon:hover{background-color:#8ed654}a[href].fr-tag--green-bourgeon:active,button.fr-tag--green-bourgeon:active,input[type=button].fr-tag--green-bourgeon:active{background-color:#7fc04b}a[href].fr-tag--green-emeraude,button.fr-tag--green-emeraude,input[type=button].fr-tag--green-emeraude{background-color:#9ef9be;color:#297254}a[href].fr-tag--green-emeraude:hover,button.fr-tag--green-emeraude:hover,input[type=button].fr-tag--green-emeraude:hover{background-color:#69df97}a[href].fr-tag--green-emeraude:active,button.fr-tag--green-emeraude:active,input[type=button].fr-tag--green-emeraude:active{background-color:#5ec988}a[href].fr-tag--green-menthe,button.fr-tag--green-menthe,input[type=button].fr-tag--green-menthe{background-color:#8bf8e7;color:#37635f}a[href].fr-tag--green-menthe:hover,button.fr-tag--green-menthe:hover,input[type=button].fr-tag--green-menthe:hover{background-color:#6ed5c5}a[href].fr-tag--green-menthe:active,button.fr-tag--green-menthe:active,input[type=button].fr-tag--green-menthe:active{background-color:#62bfb1}a[href].fr-tag--green-archipel,button.fr-tag--green-archipel,input[type=button].fr-tag--green-archipel{background-color:#a6f2fa;color:#006a6f}a[href].fr-tag--green-archipel:hover,button.fr-tag--green-archipel:hover,input[type=button].fr-tag--green-archipel:hover{background-color:#62dbe5}a[href].fr-tag--green-archipel:active,button.fr-tag--green-archipel:active,input[type=button].fr-tag--green-archipel:active{background-color:#58c5cf}a[href].fr-tag--blue-ecume,button.fr-tag--blue-ecume,input[type=button].fr-tag--blue-ecume{background-color:#dee5fd;color:#2f4077}a[href].fr-tag--blue-ecume:hover,button.fr-tag--blue-ecume:hover,input[type=button].fr-tag--blue-ecume:hover{background-color:#b4c5fb}a[href].fr-tag--blue-ecume:active,button.fr-tag--blue-ecume:active,input[type=button].fr-tag--blue-ecume:active{background-color:#99b3f9}a[href].fr-tag--blue-cumulus,button.fr-tag--blue-cumulus,input[type=button].fr-tag--blue-cumulus{background-color:#dae6fd;color:#3558a2}a[href].fr-tag--blue-cumulus:hover,button.fr-tag--blue-cumulus:hover,input[type=button].fr-tag--blue-cumulus:hover{background-color:#a9c8fb}a[href].fr-tag--blue-cumulus:active,button.fr-tag--blue-cumulus:active,input[type=button].fr-tag--blue-cumulus:active{background-color:#8ab8f9}a[href].fr-tag--purple-glycine,button.fr-tag--purple-glycine,input[type=button].fr-tag--purple-glycine{background-color:#fddbfa;color:#6e445a}a[href].fr-tag--purple-glycine:hover,button.fr-tag--purple-glycine:hover,input[type=button].fr-tag--purple-glycine:hover{background-color:#fbaff5}a[href].fr-tag--purple-glycine:active,button.fr-tag--purple-glycine:active,input[type=button].fr-tag--purple-glycine:active{background-color:#fa96f2}a[href].fr-tag--pink-macaron,button.fr-tag--pink-macaron,input[type=button].fr-tag--pink-macaron{background-color:#fddfda;color:#8d533e}a[href].fr-tag--pink-macaron:hover,button.fr-tag--pink-macaron:hover,input[type=button].fr-tag--pink-macaron:hover{background-color:#fbb8ab}a[href].fr-tag--pink-macaron:active,button.fr-tag--pink-macaron:active,input[type=button].fr-tag--pink-macaron:active{background-color:#faa18d}a[href].fr-tag--pink-tuile,button.fr-tag--pink-tuile,input[type=button].fr-tag--pink-tuile{background-color:#fddfdb;color:#a94645}a[href].fr-tag--pink-tuile:hover,button.fr-tag--pink-tuile:hover,input[type=button].fr-tag--pink-tuile:hover{background-color:#fbb8ad}a[href].fr-tag--pink-tuile:active,button.fr-tag--pink-tuile:active,input[type=button].fr-tag--pink-tuile:active{background-color:#faa191}a[href].fr-tag--yellow-tournesol,button.fr-tag--yellow-tournesol,input[type=button].fr-tag--yellow-tournesol{background-color:#fde39c;color:#716043}a[href].fr-tag--yellow-tournesol:hover,button.fr-tag--yellow-tournesol:hover,input[type=button].fr-tag--yellow-tournesol:hover{background-color:#e9c53b}a[href].fr-tag--yellow-tournesol:active,button.fr-tag--yellow-tournesol:active,input[type=button].fr-tag--yellow-tournesol:active{background-color:#d3b235}a[href].fr-tag--yellow-moutarde,button.fr-tag--yellow-moutarde,input[type=button].fr-tag--yellow-moutarde{background-color:#fde2b5;color:#695240}a[href].fr-tag--yellow-moutarde:hover,button.fr-tag--yellow-moutarde:hover,input[type=button].fr-tag--yellow-moutarde:hover{background-color:#f6c43c}a[href].fr-tag--yellow-moutarde:active,button.fr-tag--yellow-moutarde:active,input[type=button].fr-tag--yellow-moutarde:active{background-color:#dfb135}a[href].fr-tag--orange-terre-battue,button.fr-tag--orange-terre-battue,input[type=button].fr-tag--orange-terre-battue{background-color:#fddfd8;color:#755348}a[href].fr-tag--orange-terre-battue:hover,button.fr-tag--orange-terre-battue:hover,input[type=button].fr-tag--orange-terre-battue:hover{background-color:#fbb8a5}a[href].fr-tag--orange-terre-battue:active,button.fr-tag--orange-terre-battue:active,input[type=button].fr-tag--orange-terre-battue:active{background-color:#faa184}a[href].fr-tag--brown-cafe-creme,button.fr-tag--brown-cafe-creme,input[type=button].fr-tag--brown-cafe-creme{background-color:#f4e3c7;color:#685c48}a[href].fr-tag--brown-cafe-creme:hover,button.fr-tag--brown-cafe-creme:hover,input[type=button].fr-tag--brown-cafe-creme:hover{background-color:#e1c386}a[href].fr-tag--brown-cafe-creme:active,button.fr-tag--brown-cafe-creme:active,input[type=button].fr-tag--brown-cafe-creme:active{background-color:#ccb078}a[href].fr-tag--brown-caramel,button.fr-tag--brown-caramel,input[type=button].fr-tag--brown-caramel{background-color:#f3e2d9;color:#845d48}a[href].fr-tag--brown-caramel:hover,button.fr-tag--brown-caramel:hover,input[type=button].fr-tag--brown-caramel:hover{background-color:#e7bea6}a[href].fr-tag--brown-caramel:active,button.fr-tag--brown-caramel:active,input[type=button].fr-tag--brown-caramel:active{background-color:#e1a982}a[href].fr-tag--brown-opera,button.fr-tag--brown-opera,input[type=button].fr-tag--brown-opera{background-color:#f3e2d7;color:#745b47}a[href].fr-tag--brown-opera:hover,button.fr-tag--brown-opera:hover,input[type=button].fr-tag--brown-opera:hover{background-color:#e7bfa0}a[href].fr-tag--brown-opera:active,button.fr-tag--brown-opera:active,input[type=button].fr-tag--brown-opera:active{background-color:#deaa7e}a[href].fr-tag--beige-gris-galet,button.fr-tag--beige-gris-galet,input[type=button].fr-tag--beige-gris-galet{background-color:#eee4d9;color:#6a6156}a[href].fr-tag--beige-gris-galet:hover,button.fr-tag--beige-gris-galet:hover,input[type=button].fr-tag--beige-gris-galet:hover{background-color:#dbc3a4}a[href].fr-tag--beige-gris-galet:active,button.fr-tag--beige-gris-galet:active,input[type=button].fr-tag--beige-gris-galet:active{background-color:#c6b094}button.fr-tag[aria-pressed=true]:not(:disabled),input[type=button].fr-tag[aria-pressed=true]:not(:disabled){background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#000091 .625rem);color:#f5f5fe}button.fr-tag[aria-pressed=true]:not(:disabled):hover,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):hover{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#1212ff .625rem)}button.fr-tag[aria-pressed=true]:not(:disabled):active,input[type=button].fr-tag[aria-pressed=true]:not(:disabled):active{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#2323ff .625rem)}button.fr-tag[aria-pressed=true]:after,input[type=button].fr-tag[aria-pressed=true]:after{color:#000091}button.fr-tag[aria-pressed=true]:disabled,input[type=button].fr-tag[aria-pressed=true]:disabled{background-image:radial-gradient(circle at 100% .25rem,transparent .578125rem,#e5e5e5 .625rem)}button.fr-tag[aria-pressed=true]:disabled:after,input[type=button].fr-tag[aria-pressed=true]:disabled:after{color:#929292}button.fr-tag[aria-pressed=true].fr-tag--sm,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#000091 .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:hover,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#1212ff .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:active,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#2323ff .5rem)}button.fr-tag[aria-pressed=true].fr-tag--sm:disabled,input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#e5e5e5 .5rem)}a:not([href]).fr-tag,button.fr-tag:disabled,input[type=button].fr-tag:disabled{background-color:#e5e5e5;color:#929292}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true],.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#000091 .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:hover,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:hover{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#1212ff .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:active,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:active{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#2323ff .5rem)}.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:disabled,.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:disabled{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,#e5e5e5 .5rem)}.fr-alert{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-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#000091 11px,transparent 12px)}.fr-radio-group input[type=radio]:disabled+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px)}.fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#000091 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-radio-group input[type=radio]:checked:disabled+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px),radial-gradient(#e5e5e5 5px,transparent 6px)}.fr-fieldset--error .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#ce0500 11px,transparent 12px)}.fr-fieldset--error .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#ce0500 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-fieldset--valid .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#18753c 11px,transparent 12px)}.fr-fieldset--valid .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#18753c 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-fieldset--info .fr-radio-group input[type=radio]+label{background-image:radial-gradient(transparent 10px,#0063cb 11px,transparent 12px)}.fr-fieldset--info .fr-radio-group input[type=radio]:checked+label{background-image:radial-gradient(transparent 10px,#0063cb 11px,transparent 12px),radial-gradient(#000091 5px,transparent 6px)}.fr-fieldset .fr-radio-group input[type=radio]:disabled+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px)}.fr-fieldset .fr-radio-group input[type=radio]:disabled:checked+label{background-image:radial-gradient(transparent 10px,#e5e5e5 11px,transparent 12px),radial-gradient(#e5e5e5 5px,transparent 6px)}.fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#000091 7px,transparent 8px)}.fr-radio-group--sm input[type=radio]:disabled+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#000091 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-radio-group--sm input[type=radio]:checked:disabled+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-fieldset--error .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#ce0500 7px,transparent 8px)}.fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#ce0500 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--valid .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#18753c 7px,transparent 8px)}.fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#18753c 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--info .fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,#0063cb 7px,transparent 8px)}.fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked+label{background-image:radial-gradient(transparent 6px,#0063cb 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset .fr-radio-group--sm input[type=radio]:disabled+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked+label{background-image:radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-radio-rich__pictogram{background-color:#fff;background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-radio-rich input[type=radio]+label{background-color:#fff;background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#000091 7px,transparent 8px)}.fr-radio-rich input[type=radio]:disabled+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-radio-rich input[type=radio]:disabled~.fr-radio-rich__pictogram svg *{fill:#929292}.fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#000091 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-radio-rich input[type=radio]:checked~.fr-radio-rich__pictogram{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd)}.fr-radio-rich input[type=radio]:checked:disabled+label{background-image:linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),linear-gradient(0deg,#929292,#929292),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-radio-rich input[type=radio]:checked:disabled~.fr-radio-rich__pictogram{background-image:linear-gradient(0deg,#e5e5e5,#e5e5e5),linear-gradient(0deg,#e5e5e5,#e5e5e5),linear-gradient(0deg,#e5e5e5,#e5e5e5),linear-gradient(0deg,#ddd,#ddd)}.fr-fieldset--error .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#ce0500 7px,transparent 8px)}.fr-fieldset--error .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#ce0500 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--valid .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#18753c 7px,transparent 8px)}.fr-fieldset--valid .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#18753c 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset--info .fr-radio-rich input[type=radio]+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#0063cb 7px,transparent 8px)}.fr-fieldset--info .fr-radio-rich input[type=radio]:checked+label{background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#000091,#000091),radial-gradient(transparent 6px,#0063cb 7px,transparent 8px),radial-gradient(#000091 3px,transparent 4px)}.fr-fieldset .fr-radio-rich input[type=radio]:disabled+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px)}.fr-fieldset .fr-radio-rich input[type=radio]:disabled:checked+label{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),radial-gradient(transparent 6px,#e5e5e5 7px,transparent 8px),radial-gradient(#e5e5e5 3px,transparent 4px)}.fr-card{background-color:#fff}.fr-card:not(.fr-card--no-border):not(.fr-card--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-card--grey{background-color:#eee}.fr-card--shadow{background-color:#fff}.fr-card--shadow.fr-card--grey{background-color:#eee}.fr-card--download:not(.fr-card--no-background) .fr-card__header{background-color:#f6f6f6}.fr-card__detail{color:#666;line-height:1rem!important}.fr-card__title{color:#161616}.fr-card__title a[href]{color:#000091}.fr-card__title:disabled,a.fr-card__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-card__desc,.fr-card__detail{font-size:1rem;line-height:1.5rem}.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{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5f5fe' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-color:var(--background-active-blue-france);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)}:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-checkbox-group input[type=checkbox]:disabled+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--background-disabled-grey) 4px,var(--background-disabled-grey) 5px,transparent 6px),linear-gradient(var(--background-disabled-grey),var(--background-disabled-grey)),var(--data-uri-svg)}.fr-checkbox-group input[type=checkbox]:disabled:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-color:var(--background-disabled-grey)}:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:disabled:checked+label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-checkbox-group--error input[type=checkbox]+label,.fr-checkbox-group--error input[type=checkbox]:checked+label{color:#ce0500}.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--error:before{background-color:#ce0500}.fr-checkbox-group--valid input[type=checkbox]+label,.fr-checkbox-group--valid input[type=checkbox]:checked+label{color:#18753c}.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-checkbox-group--valid:before{background-color:#18753c}.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 label{color:#161616}.fr-toggle label:before{color:#000091;content:"";display:block;font-size:1rem;line-height:1.5rem}.fr-toggle label:after{background-color:#fff;color:#000091}.fr-toggle input[type=checkbox],.fr-toggle label:after{box-shadow:inset 0 0 0 1px #000091}.fr-toggle input[type=checkbox]:checked{background-color:#000091}.fr-toggle input[type=checkbox]:disabled{box-shadow:inset 0 0 0 1px #e5e5e5}.fr-toggle input[type=checkbox]:disabled:checked{background-color:#e5e5e5}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:before{color:#929292}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:after{box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-toggle .fr-hint-text{color:#666;font-size:1rem;line-height:1.5rem}.fr-toggle--border-bottom{box-shadow:inset 0 -1px 0 0 #ddd}.fr-fieldset--error .fr-toggle label,.fr-fieldset--error .fr-toggle label:before,.fr-toggle--error label,.fr-toggle--error label:before{color:#ce0500}.fr-fieldset--error .fr-toggle label:after,.fr-toggle--error label:after{box-shadow:inset 0 0 0 1px #ce0500}.fr-fieldset--valid .fr-toggle label,.fr-fieldset--valid .fr-toggle label:before,.fr-toggle--valid label,.fr-toggle--valid label:before{color:#18753c}.fr-fieldset--valid .fr-toggle label:after,.fr-toggle--valid label:after{box-shadow:inset 0 0 0 1px #18753c}.fr-skiplinks{background-color:#eee}.fr-skiplink{display:none}.fr-select{background-color:#eee;box-shadow:inset 0 -2px 0 0 #3a3a3a;color:#3a3a3a}.fr-fieldset--valid .fr-select,.fr-select-group--valid .fr-select{box-shadow:inset 0 -2px 0 0 #18753c}.fr-fieldset--error .fr-select,.fr-select-group--error .fr-select{box-shadow:inset 0 -2px 0 0 #ce0500}.fr-select-group--error:before{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-select-group--valid:before{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-select-group--info:before{background-image:linear-gradient(0deg,#0063cb,#0063cb)}.fr-select:disabled{box-shadow:inset 0 -2px 0 0 #e5e5e5;color:#929292}.fr-select:-webkit-autofill,.fr-select:-webkit-autofill:focus,.fr-select:-webkit-autofill:hover{-webkit-text-fill-color:#161616;box-shadow:inset 0 -2px 0 0 #3a3a3a,inset 0 0 0 1000px #ececfe}.fr-callout{background-color:#eee;background-image:linear-gradient(0deg,#6a6af4,#6a6af4)}.fr-callout:before,.fr-callout__title{color:#161616}.fr-callout--green-tilleul-verveine{background-color:#fceeac;background-image:linear-gradient(0deg,#b7a73f,#b7a73f)}.fr-callout--green-bourgeon{background-color:#c9fcac;background-image:linear-gradient(0deg,#68a532,#68a532)}.fr-callout--green-emeraude{background-color:#c3fad5;background-image:linear-gradient(0deg,#00a95f,#00a95f)}.fr-callout--green-menthe{background-color:#bafaee;background-image:linear-gradient(0deg,#009081,#009081)}.fr-callout--green-archipel{background-color:#c7f6fc;background-image:linear-gradient(0deg,#009099,#009099)}.fr-callout--blue-ecume{background-color:#e9edfe;background-image:linear-gradient(0deg,#465f9d,#465f9d)}.fr-callout--blue-cumulus{background-color:#e6eefe;background-image:linear-gradient(0deg,#417dc4,#417dc4)}.fr-callout--purple-glycine{background-color:#fee7fc;background-image:linear-gradient(0deg,#a558a0,#a558a0)}.fr-callout--pink-macaron{background-color:#fee9e6;background-image:linear-gradient(0deg,#e18b76,#e18b76)}.fr-callout--pink-tuile{background-color:#fee9e7;background-image:linear-gradient(0deg,#ce614a,#ce614a)}.fr-callout--yellow-tournesol{background-color:#feecc2;background-image:linear-gradient(0deg,#c8aa39,#c8aa39)}.fr-callout--yellow-moutarde{background-color:#feebd0;background-image:linear-gradient(0deg,#c3992a,#c3992a)}.fr-callout--orange-terre-battue{background-color:#fee9e5;background-image:linear-gradient(0deg,#e4794a,#e4794a)}.fr-callout--brown-cafe-creme{background-color:#f7ecdb;background-image:linear-gradient(0deg,#d1b781,#d1b781)}.fr-callout--brown-caramel{background-color:#f7ebe5;background-image:linear-gradient(0deg,#c08c65,#c08c65)}.fr-callout--brown-opera{background-color:#f7ece4;background-image:linear-gradient(0deg,#bd987a,#bd987a)}.fr-callout--beige-gris-galet{background-color:#f3ede5;background-image:linear-gradient(0deg,#aea397,#aea397)}.fr-modal__body{background-color:#fff}.fr-modal__title{color:#161616}.fr-modal__footer{background-color:#fff}.fr-modal__body.fr-scroll-divider .fr-modal__footer{background-image:linear-gradient(0deg,#ddd,#ddd)}.fr-modal,.fr-navigation{display:none}.fr-share .fr-btn{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-share .fr-btn:disabled,.fr-share a.fr-btn:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-share__text{color:#666}.fr-footer,.fr-share{display:none}.fr-footer{box-shadow:inset 0 2px 0 0 #000091,inset 0 -1px 0 0 #ddd}.fr-footer__content-link{color:#3a3a3a}.fr-footer__top-cat{color:#161616}.fr-footer__top{background-color:#f6f6f6}.fr-footer__bottom{box-shadow:inset 0 1px 0 0 #ddd}.fr-footer__bottom .fr-btn{color:#666}.fr-footer__bottom-item:before{box-shadow:inset 0 0 0 1px #ddd}.fr-footer__bottom-copy,.fr-footer__bottom-link{color:#666}.fr-footer__partners{box-shadow:inset 0 1px 0 0 #ddd}.fr-footer__partners-title{color:#3a3a3a}.fr-footer__partners .fr-footer__logo{background-color:#fff;box-shadow:inset 0 0 0 1px #ddd}.fr-tile{background-color:#fff}.fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow){background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd)}.fr-tile--grey{background-color:#eee}.fr-tile--shadow{background-color:#fff}.fr-tile--shadow.fr-tile--grey{background-color:#eee}.fr-tile__title{color:#161616}.fr-tile__title:disabled,a.fr-tile__title:not([href]){background-color:#e5e5e5;color:#929292}.fr-tile__title:before{background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a)}.fr-tile__title a{color:#000091}.fr-tile__title a:before{background-image:linear-gradient(0deg,#000091,#000091)}.fr-tile__title a:not([href]){color:#929292}.fr-tile__title a:not([href]):before{background-image:linear-gradient(0deg,#e5e5e5,#e5e5e5)}.fr-tile .fr-tile__desc,.fr-tile .fr-tile__detail,.fr-tile--sm .fr-tile__desc,.fr-tile--sm .fr-tile__detail,.fr-tile--sm__desc,.fr-tile--sm__detail,.fr-tile__desc,.fr-tile__detail{font-size:1rem;line-height:1.5rem}.fr-translate .fr-translate__btn[aria-expanded=true]{background-color:#e3e3fd;color:#000091}.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-translate .fr-translate__btn{font-size:1rem;line-height:1.5rem}.fr-transcription:before{box-shadow:inset 0 0 0 1px #ddd}.fr-transcription__btn{color:#000091}.fr-transcription__btn[aria-expanded=true]{background-color:#e3e3fd}.fr-transcription .fr-modal:not(.fr-modal--opened):before,.fr-transcription__content:before,.fr-transcription__footer:before{box-shadow:inset 0 1px 0 0 #ddd}.fr-transcription{display:none}.fr-input{background-color:#eee;box-shadow:inset 0 -2px 0 0 #3a3a3a;color:#3a3a3a}.fr-input::placeholder{color:#666}.fr-input::-webkit-contacts-auto-fill-button{background-color:#161616}.fr-input::-webkit-contacts-auto-fill-button:hover{background-color:#343434}.fr-input::-webkit-contacts-auto-fill-button:active{background-color:#474747}.fr-input:disabled{box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-input:-webkit-autofill,.fr-input:-webkit-autofill:focus,.fr-input:-webkit-autofill:hover,.fr-input:autofill,.fr-input:autofill:focus,.fr-input:autofill:hover{-webkit-text-fill-color:#161616;box-shadow:inset 0 -2px 0 0 #3a3a3a,inset 0 0 0 1000px #e8edff}.fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #000091}.fr-fieldset--valid .fr-input,.fr-fieldset--valid .fr-input-wrap--addon>.fr-input:not(:last-child),.fr-input-group--valid .fr-input,.fr-input-group--valid .fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #18753c}.fr-fieldset--error .fr-input,.fr-fieldset--error .fr-input-wrap--addon>.fr-input:not(:last-child),.fr-input-group--error .fr-input,.fr-input-group--error .fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #ce0500}.fr-input-group--error:before{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-input-group--valid:before{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-input-group--info:before{background-image:linear-gradient(0deg,#0063cb,#0063cb)}.fr-search-bar .fr-input{box-shadow:inset 0 -2px 0 0 #000091}.fr-search-bar .fr-input--valid{box-shadow:inset 0 -2px 0 0 #18753c}.fr-search-bar .fr-input--error{box-shadow:inset 0 -2px 0 0 #ce0500}.fr-content-media .fr-link,.fr-content-media__caption{color:#666}.fr-content-media__caption{font-size:1rem;line-height:1.5rem}.fr-content-media__caption .fr-link{font-size:1rem;line-height:1.5rem;padding:0}.fr-content-media__caption .fr-link:after,.fr-content-media__caption .fr-link:before{--icon-size:1rem}.fr-consent-placeholder{background-color:#eee}.fr-consent-banner{background-color:#f6f6f6;box-shadow:inset 0 0 0 1px #ddd;display:none}.fr-consent-manager__header,.fr-consent-service{box-shadow:inset 0 -1px 0 0 #ddd;color:#3a3a3a}.fr-consent-manager__header .fr-radio-group+.fr-radio-group:before,.fr-consent-service .fr-radio-group+.fr-radio-group:before{box-shadow:inset 0 0 0 1px #ddd}.fr-consent-service__title{color:#161616}.fr-consent-service .fr-consent-service__collapse-btn{color:#000091}.fr-follow{background-color:#f5f5fe}.fr-follow .fr-input{background-color:#fff}.fr-follow__title{color:#161616}.fr-follow__newsletter-legal{color:#666}.fr-follow__social .fr-btn{color:#000091}.fr-follow__social .fr-btn:disabled,.fr-follow__social a.fr-btn:not([href]){color:#929292}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:0 -1px 0 0 #6a6af4}.fr-password__btn{color:#000091}.fr-password__btn:disabled,a.fr-password__btn:not([href]){color:#929292}.fr-password .fr-password__checkbox input[type=checkbox]+label{color:#161616}.fr-password .fr-password__checkbox input[type=checkbox]+label:before{background-image:radial-gradient(at 5px 4px,transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at calc(100% - 5px) 4px,transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at calc(100% - 5px) calc(100% - 4px),transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),radial-gradient(at 5px calc(100% - 4px),transparent 4px,var(--border-action-high-blue-france) 4px,var(--border-action-high-blue-france) 5px,transparent 6px),linear-gradient(var(--border-action-high-blue-france),var(--border-action-high-blue-france)),var(--data-uri-svg)}.fr-header__brand{background-color:#fff;flex-wrap:nowrap}.fr-header__service{box-shadow:inset 0 1px 0 0 #ddd;box-shadow:none;color:#161616}.fr-header__menu-links:after{box-shadow:inset 0 1px 0 0 #ddd}.fr-header__menu-links .fr-btn{color:#000091}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){color:#929292}.fr-header__tools-links .fr-btn{color:#000091}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){color:#929292}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-header__navbar .fr-service__title{color:#161616}.fr-header__navbar .fr-btn{color:#000091}.fr-header__navbar .fr-btn:disabled,.fr-header__navbar a.fr-btn:not([href]){color:#929292}.fr-header__navbar .fr-btn--menu{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-header__navbar .fr-btn--menu:disabled,.fr-header__navbar a.fr-btn--menu:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-header .fr-modal{background-color:#fff}.fr-header__menu{display:none}.fr-header__body-row{padding:0}.fr-header__body .fr-header__navbar,.fr-header__body .fr-header__tools{display:none}.fr-header__brand-top{width:auto}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-btn--secondary{background-color:transparent}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--account,.fr-btn--tertiary{background-color:transparent}.fr-btn--account:hover,.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:active,.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){background-color:transparent}.fr-btn--account:disabled:hover,.fr-btn--tertiary:disabled:hover,a.fr-btn--account:not([href]):hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:disabled:active,.fr-btn--tertiary:disabled:active,a.fr-btn--account:not([href]):active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent}.fr-btn--briefcase:hover,.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--team:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:active,.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--team:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent}.fr-btn--briefcase:disabled:hover,.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--team:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--briefcase: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--team:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:disabled:active,.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--team:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--briefcase: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--team:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-tooltip.fr-placement{z-index:1000}.fr-table--bordered tbody tr:nth-child(2n){background-color:transparent}.fr-table--bordered tbody tr:nth-child(2n):hover{background-color:rgba(0,0,0,.05)}.fr-table--bordered tbody tr:nth-child(2n):active{background-color:rgba(0,0,0,.1)}button.fr-tag[aria-pressed=true]:disabled,button.fr-tag[aria-pressed=true]:not(:disabled),input[type=button].fr-tag[aria-pressed=true]:disabled,input[type=button].fr-tag[aria-pressed=true]:not(:disabled){background-color:transparent}.fr-card--shadow{z-index:500}.fr-card--no-background{background-color:transparent}.fr-card--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-card--no-background:active{background-color:rgba(0,0,0,.1)}.fr-toggle label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--error .fr-toggle label:before,.fr-toggle--error label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--error .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--error input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-toggle label:before,.fr-toggle--valid label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--valid input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E")}.fr-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z'/%3E%3C/svg%3E")}.fr-modal__body{z-index:2000}.fr-share .fr-btn{background-color:transparent}.fr-share .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-share .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-share .fr-btn:disabled,.fr-share a.fr-btn:not([href]){background-color:transparent}.fr-share .fr-btn:disabled:hover,.fr-share a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-share .fr-btn:disabled:active,.fr-share a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-tile--shadow{z-index:500}.fr-tile--no-background{background-color:transparent}.fr-tile--no-background:hover{background-color:rgba(0,0,0,.05)}.fr-tile--no-background:active{background-color:rgba(0,0,0,.1)}.fr-translate__menu .fr-translate__language{box-shadow:none}.fr-search-bar .fr-input::-webkit-search-cancel-button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23161616' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E")}.fr-consent-banner{z-index:1500}.fr-consent-service .fr-consent-service,.fr-consent-service:last-of-type{box-shadow:none}.fr-follow__social .fr-btn{background-color:transparent}.fr-follow__social .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-follow__social .fr-btn:disabled,.fr-follow__social a.fr-btn:not([href]){background-color:transparent}.fr-follow__social .fr-btn:disabled:hover,.fr-follow__social a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-btn:disabled:active,.fr-follow__social a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-password__btn{background-color:transparent}.fr-password__btn:hover{background-color:rgba(0,0,0,.05)}.fr-password__btn:active{background-color:rgba(0,0,0,.1)}.fr-password__btn:disabled,a.fr-password__btn:not([href]){background-color:transparent}.fr-password__btn:disabled:hover,a.fr-password__btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-password__btn:disabled:active,a.fr-password__btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-password [data-fr-capslock]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E")}.fr-header__brand{z-index:750}.fr-header__menu-links .fr-btn{background-color:transparent;box-shadow:none}.fr-header__menu-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){background-color:transparent}.fr-header__menu-links .fr-btn:disabled:hover,.fr-header__menu-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:disabled:active,.fr-header__menu-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn{background-color:transparent}.fr-header__tools-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){background-color:transparent}.fr-header__tools-links .fr-btn:disabled:hover,.fr-header__tools-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:disabled:active,.fr-header__tools-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn{background-color:transparent}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]){background-color:transparent}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled:hover,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled:active,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn{background-color:transparent}.fr-header__navbar .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn:disabled,.fr-header__navbar a.fr-btn:not([href]){background-color:transparent}.fr-header__navbar .fr-btn:disabled:hover,.fr-header__navbar a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn:disabled:active,.fr-header__navbar a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn--menu{background-color:transparent}.fr-header__navbar .fr-btn--menu:hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn--menu:active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn--menu:disabled,.fr-header__navbar a.fr-btn--menu:not([href]){background-color:transparent}.fr-header__navbar .fr-btn--menu:disabled:hover,.fr-header__navbar a.fr-btn--menu:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn--menu:disabled:active,.fr-header__navbar a.fr-btn--menu:not([href]):active{background-color:rgba(0,0,0,.1)}}@media print and (min-width:48em) and (-ms-high-contrast:active),print and (min-width:48em) and (-ms-high-contrast:none){.fr-sidemenu,.fr-sidemenu__title{box-shadow:none}}@media print and (min-width:48em){.fr-sidemenu__inner{box-shadow:inset -1px 0 0 0 #ddd}.fr-sidemenu--right .fr-sidemenu__inner{box-shadow:inset 1px 0 0 0 #ddd}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:-1px 0 0 0 #6a6af4}}@media print and (min-width:62em){.fr-header{background-color:#fff}.fr-header .fr-header__menu{box-shadow:inset 0 1px 0 0 #ddd}}@media print and (min-width:62em) and (-ms-high-contrast:active),print and (min-width:62em) and (-ms-high-contrast:none){.fr-header{z-index:750}.fr-header__brand{background:transparent;z-index:auto}.fr-header__service{box-shadow:none}}
\ No newline at end of file

design_system_admin/dsfr/component/connect/connect.print.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */
+@media print {
+  .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;
+  }
+}

design_system_admin/dsfr/component/connect/connect.print.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/connect/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/connect/style/scheme/_default.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20p7kOJH%3E","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/connect/style/scheme/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECIE;ICgCE,yBAAA;IAAA,cAAA;ECrCF;;ECeS;;IFsBP,yBAAA;IAAA,cAAA;ECjCF;;EEEI;IH+BF,cAAA;IIfF,eAAA;IAGE,mBAAA;EHlBF;;EEGI;IH2BF,WAAA;IIfF,eAAA;IAGE,mBAAA;EHfF;AASF","file":"connect.print.css","sourcesContent":[null,"////\n/// Connect Print\n/// @group connect\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _connect-scheme('print');\n\n  @import 'style/print';\n}\n","////\n/// Connect Scheme : default\n/// @group connect\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _connect-scheme-default($legacy: false, $standalone: false) {\n  #{ns(connect)} {\n    @include color.background(action-high blue-france, (legacy: $legacy, standalone: $standalone));\n    @include color.text(inverted blue-france, (legacy: $legacy, standalone: $standalone));\n\n    @include disabled.selector((can-be-link: true)) {\n      @include color.background(disabled grey, (legacy: $legacy, standalone: $standalone));\n      @include color.text(disabled grey, (legacy: $legacy, standalone: $standalone));\n    }\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-connect {\n    background-color: #000091;\n    color: #f5f5fe;\n  }\n  .fr-connect:disabled, a.fr-connect:not([href]) {\n    background-color: #e5e5e5;\n    color: #929292;\n  }\n  .fr-connect-group .fr-connect + p a {\n    color: #000091;\n  }\n  .fr-connect-group p {\n    color: #666;\n  }\n  .fr-connect-group p {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n  .fr-connect-group .fr-connect + p a {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n}","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n///   - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - background {boolean}: true, applique le token background disabled sur la couleur de fond\n///   - text {boolean}: true, applique le token text disabled sur la couleur de texte\n///   - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n  $selectors: '&:disabled';\n  @if map.get($options, can-be-link) {\n    $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n  }\n\n  @at-root #{$selectors} {\n    @if $colors != null {\n      @include colors.colors($colors);\n    }\n    @content;\n  }\n}\n","////\n/// Connect Scheme : default\n/// @group connect\n////\n\n@use 'module/color';\n\n@mixin _connect-scheme-group($legacy: false, $standalone: false) {\n  #{ns(connect)} {\n    &-group {\n      #{ns(connect)} + p a {\n        @include color.text(action-high blue-france, (legacy:$legacy));\n      }\n\n      p {\n        @include color.text(mention grey, (legacy:$legacy));\n      }\n    }\n  }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n  @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n  @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n  $style: map-get($styles, $font-size);\n\n  @if $prepend == null {\n    $prepend: '';\n  }\n\n  @if $append == null {\n    $append: '';\n  }\n\n  font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n  @if map-has-key($style, line-height) {\n    line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n  }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n  $breakpoints: map-get($settings, breakpoints);\n\n  @if map-has-key($settings, weight) {\n    font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n  }\n\n  @if $is-responsive {\n    @each $breakpoint, $size in $breakpoints {\n      @if $breakpoint == first {\n        @include _stylize($size, $styles, $prepend, $append);\n      }\n      @else {\n        @include respond-from($breakpoint) {\n          @include _stylize($size, $styles, $prepend, $append);\n        }\n      }\n    }\n  }\n  @else {\n    @if map-has-key($breakpoints, md) {\n      @include _stylize(map-get($breakpoints, md), $styles);\n    }\n    @else {\n      @include _stylize(map-get($breakpoints, first), $styles);\n    }\n  }\n}\n\n@mixin _space-text($settings) {\n  @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($text-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($title-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n  @if $bp != null {\n    @include respond-from(#{$bp}) {\n      --#{$name}-spacing: #{space($value)};\n    }\n  }\n  @else {\n    --#{$name}-spacing: #{space($value)};\n  }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n  @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n  @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n  @include _set-typography-var(display, $margin, $bp);\n}\n"]}
\ No newline at end of file

design_system_admin/dsfr/component/connect/connect.print.min.css

+/*!
+ * DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */@media print{.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}}
\ No newline at end of file

design_system_admin/dsfr/component/connect/connect.print.min.css.map

+{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/connect/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/connect/style/scheme/_default.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20V7R4v-%3E","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/connect/style/scheme/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCIE,YCgCE,wBAAA,CAAA,aCrCF,CCeS,8CFsBP,wBAAA,CAAA,aCjCF,CEEI,kCH+BF,aAAA,CIfF,cAAA,CAGE,kBHlBF,CEGI,oBH2BF,UAAA,CIfF,cAAA,CAGE,kBHfF,CASF","file":"connect.print.min.css","sourcesContent":[null,"////\n/// Connect Print\n/// @group connect\n////\n\n@media print {\n  @import 'index';\n  @import 'style/scheme';\n\n  @include _connect-scheme('print');\n\n  @import 'style/print';\n}\n","////\n/// Connect Scheme : default\n/// @group connect\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _connect-scheme-default($legacy: false, $standalone: false) {\n  #{ns(connect)} {\n    @include color.background(action-high blue-france, (legacy: $legacy, standalone: $standalone));\n    @include color.text(inverted blue-france, (legacy: $legacy, standalone: $standalone));\n\n    @include disabled.selector((can-be-link: true)) {\n      @include color.background(disabled grey, (legacy: $legacy, standalone: $standalone));\n      @include color.text(disabled grey, (legacy: $legacy, standalone: $standalone));\n    }\n  }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $standalone: map.get($options, standalone);\n\n  $legacy-target: null;\n  @if $legacy == true {\n    $legacy-target: ie11;\n  }\n\n  $tokens: token.normalise($tokens, $context);\n  $type: decision;\n  $options: (var: true);\n\n  @if $legacy or $standalone {\n    $type: hex;\n    $option: (theme: light);\n  }\n\n  $colors: colors.from-list($tokens, $type, $options);\n  $result: result.get($colors, $value);\n  $result: specificity.important($result, $important);\n\n  @include legacy.is($legacy-target) {\n    #{$prop}: #{string.unstringify($result)};\n  }\n\n  @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n    $token: nth($tokens, 1);\n    @if $legacy or $standalone {\n      @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n    }\n    @else {\n      @if $prop == background-color {\n        --idle: transparent; // #{$result};\n        @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n      }\n      @else {\n        @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n      }\n    }\n  }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n  @include legacy.is($target) {\n    @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n    @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n  }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n  $nest: null;\n  $p: --#{$type};\n  @if $pseudo {\n    $nest: '&:#{$type}';\n    $p: $prop;\n  }\n\n  $t: hex;\n  $options: (#{$type}: true);\n  @if $decision {\n    $t: decision;\n    $options: (var: true, #{$type}: true);\n  }\n\n  $color: colors.from($token, $t, $options);\n  $result: result.get($color, $value);\n  $result: specificity.important($result, $important);\n\n  @include utilities.nest($nest) {\n    #{$p}: #{string.unstringify($result)};\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n  @if not map.has-key($options, hover) {\n    $options: map.merge($options, (hover: inherit));\n  }\n  @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n  $legacy: map.get($options, legacy);\n  $important: map.get($options, important);\n  $hover: map.get($options, hover);\n  $tokens: token.normalise(default grey, background);\n  $value: specificity.important(transparent, $important);\n\n  @if $legacy {\n    @include legacy.is(ie11) {\n      background-color: transparent;\n\n      @if $hover {\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.05);\n        }\n\n        &:active {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n  }\n  @else {\n    background-color: #{$value};\n    @if $hover {\n      --hover: inherit;\n      --active: inherit;\n    }\n  }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n  $d: token.length($tokens);\n  @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n    $transformed: ();\n    @for $i from 1 through $d {\n      $c: string.unquote('$color##{$i}');\n      $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n    }\n    $value: $transformed;\n  }\n  @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n  @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n  @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n  @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n///   - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n  $prop:border;\n  @if map.has-key($options, side) {\n    $prop:border-#{map.get($options, side)};\n  }\n  @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        border: 0;\n      }\n    }\n    @else {\n      border: 0;\n    }\n  }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n  @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n  $has-keys: true;\n  $transformed: ();\n  $d: token.length($tokens);\n  $i: 1;\n  @each $v in $value {\n    @if bs.has($v) {\n      $transformed: append($transformed, bs.get($v, $i), comma);\n      @if $i < $d {\n        $i: $i + 1;\n      }\n    }\n    @else {\n      $has-keys: false;\n    }\n  }\n  @if $has-keys {\n    $value: $transformed;\n  }\n  @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n  $breakpoint: map.get($options, breakpoint);\n  $legacy: map.get($options, legacy);\n  @include media-query.respond-from($breakpoint) {\n    @if $legacy {\n      @include legacy.is(ie11) {\n        box-shadow: none;\n      }\n    }\n    @else {\n      box-shadow: none;\n    }\n  }\n}\n","@media print {\n  .fr-connect {\n    background-color: #000091;\n    color: #f5f5fe;\n  }\n  .fr-connect:disabled, a.fr-connect:not([href]) {\n    background-color: #e5e5e5;\n    color: #929292;\n  }\n  .fr-connect-group .fr-connect + p a {\n    color: #000091;\n  }\n  .fr-connect-group p {\n    color: #666;\n  }\n  .fr-connect-group p {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n  .fr-connect-group .fr-connect + p a {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n}","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n///   - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n///   - legacy {boolean}: version pour navigateurs modernes ou anciens.\n///   - background {boolean}: true, applique le token background disabled sur la couleur de fond\n///   - text {boolean}: true, applique le token text disabled sur la couleur de texte\n///   - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n  $selectors: '&:disabled';\n  @if map.get($options, can-be-link) {\n    $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n  }\n\n  @at-root #{$selectors} {\n    @if $colors != null {\n      @include colors.colors($colors);\n    }\n    @content;\n  }\n}\n","////\n/// Connect Scheme : default\n/// @group connect\n////\n\n@use 'module/color';\n\n@mixin _connect-scheme-group($legacy: false, $standalone: false) {\n  #{ns(connect)} {\n    &-group {\n      #{ns(connect)} + p a {\n        @include color.text(action-high blue-france, (legacy:$legacy));\n      }\n\n      p {\n        @include color.text(mention grey, (legacy:$legacy));\n      }\n    }\n  }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n  @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n  @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n  $style: map-get($styles, $font-size);\n\n  @if $prepend == null {\n    $prepend: '';\n  }\n\n  @if $append == null {\n    $append: '';\n  }\n\n  font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n  @if map-has-key($style, line-height) {\n    line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n  }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n  $breakpoints: map-get($settings, breakpoints);\n\n  @if map-has-key($settings, weight) {\n    font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n  }\n\n  @if $is-responsive {\n    @each $breakpoint, $size in $breakpoints {\n      @if $breakpoint == first {\n        @include _stylize($size, $styles, $prepend, $append);\n      }\n      @else {\n        @include respond-from($breakpoint) {\n          @include _stylize($size, $styles, $prepend, $append);\n        }\n      }\n    }\n  }\n  @else {\n    @if map-has-key($breakpoints, md) {\n      @include _stylize(map-get($breakpoints, md), $styles);\n    }\n    @else {\n      @include _stylize(map-get($breakpoints, first), $styles);\n    }\n  }\n}\n\n@mixin _space-text($settings) {\n  @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($text-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n  $settings: map-get($title-settings, $name);\n  @if $settings {\n    $append: '';\n    @if $important {\n      $append: ' !important';\n    }\n\n    @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n    @if $with-spacing {\n      @include _space-text($settings);\n    }\n  }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n  @if $bp != null {\n    @include respond-from(#{$bp}) {\n      --#{$name}-spacing: #{space($value)};\n    }\n  }\n  @else {\n    --#{$name}-spacing: #{space($value)};\n  }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n  @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n  @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n  @include _set-typography-var(display, $margin, $bp);\n}\n"]}
\ No newline at end of file