/*! * DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */ @charset "UTF-8"; .fr-sidemenu { /* @include elevation.elevate(raised, (legacy:$legacy)); @include respond-from(md) { @include elevation.drop((legacy:$legacy)); } */ } .fr-tabs { /** * Tab button */ } .fr-table { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-tilleul-verveine { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-bourgeon { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-emeraude { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-menthe { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-archipel { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--blue-ecume { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--blue-cumulus { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--purple-glycine { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--pink-macaron { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--pink-tuile { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--yellow-tournesol { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--yellow-moutarde { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--orange-terre-battue { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-cafe-creme { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-caramel { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-opera { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--beige-gris-galet { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--bordered tbody tr { /* Style bordered, enleve le style even/odd */ } .fr-checkbox-group input[type=checkbox] + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), var(--data-uri-svg); } .fr-checkbox-group input[type=checkbox]:checked + label::before { background-color: var(--background-active-blue-france); 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,"); } :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,"); } .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,"); } :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,"); } .fr-checkbox-group--error input[type=checkbox] + label::before, .fr-checkbox-group--error input[type=checkbox]:checked + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg); } .fr-checkbox-group--valid input[type=checkbox] + label::before, .fr-checkbox-group--valid input[type=checkbox]:checked + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg); } .fr-fieldset--error .fr-checkbox-group input[type=checkbox] + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg); } .fr-fieldset--valid .fr-checkbox-group input[type=checkbox] + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg); } .fr-select { /** * Mixin pour gérer l'état disabled */ /** * On applique un style lorsque la valeur est automatiquement remplie par le navigateur * sur les navigateurs webkit. */ } .fr-translate .fr-translate__btn[aria-expanded=true]:hover { background-color: var(--hover-tint); } .fr-translate .fr-translate__btn[aria-expanded=true]:active { background-color: var(--active-tint); } .fr-input:disabled { color: var(--text-disabled-grey); box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey); } /** * Mixin d'ajout des icones des réseaux sociaux **/ /** * Mixin d'ajout des icones des réseaux sociaux **/ .fr-password .fr-password__checkbox input[type=checkbox] + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), var(--data-uri-svg); } @media (min-width: 36em) { /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ /*! media sm */ } @media (min-width: 48em) { /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ /*! media md */ } @media (min-width: 62em) { /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ /*! media lg */ } @media (min-width: 78em) { /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ /*! media xl */ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fr-range__output, .fr-range__min, .fr-range__max { min-width: 1.5rem; } .fr-range input[type=range] { padding: 0; } .fr-range[data-fr-js-range] { justify-content: flex-start; } .fr-range[data-fr-js-range]::after { content: none; background-color: #000091; } .fr-range[data-fr-js-range] .fr-range__max { margin-left: auto; } .fr-range[data-fr-js-range] input[type=range] { margin-top: -0.25rem; } .fr-range[data-fr-js-range] input[type=range]::-ms-track { height: 0.75rem; background: transparent; border-color: transparent; border-width: 0.625rem 0; color: transparent; } .fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower { height: 0.75rem; border-radius: 0.375rem; } .fr-range[data-fr-js-range] input[type=range]::-ms-thumb { width: 1.5rem; height: 1.5rem; border-radius: 50%; z-index: 500; background-color: #fff; border: 1px solid #000091; } .fr-range[data-fr-js-range] input[type=range]:not(:only-of-type) { pointer-events: auto; } .fr-range[data-fr-js-range].fr-range--double { background-position-y: 1.625rem; background-repeat: no-repeat; } .fr-range[data-fr-js-range].fr-range--double .fr-range__output { min-width: 3rem; } .fr-range[data-fr-js-range].fr-range--double input[type=range] { width: calc(100% - 1.5rem); } .fr-range[data-fr-js-range].fr-range--double input[type=range]::-ms-fill-lower { background-color: transparent; } .fr-range[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(1) { margin-right: 1.5rem; z-index: 2; } .fr-range[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(2) { left: 1.5rem; } .fr-range--sm[data-fr-js-range] .fr-range__output, .fr-range--sm[data-fr-js-range] .fr-range__min, .fr-range--sm[data-fr-js-range] .fr-range__max { min-width: 1rem; } .fr-range--sm[data-fr-js-range] input[type=range]::-ms-track { height: 0.5rem; border-width: 0.5rem 0; } .fr-range--sm[data-fr-js-range] input[type=range]::-ms-fill-lower { height: 0.5rem; } .fr-range--sm[data-fr-js-range] input[type=range]::-ms-thumb { width: 1rem; height: 1rem; } .fr-range--sm[data-fr-js-range].fr-range--double { background-position-y: 1.5rem; } .fr-range--sm[data-fr-js-range].fr-range--double .fr-range__output { min-width: 2rem; } .fr-range--sm[data-fr-js-range].fr-range--double input[type=range] { width: calc(100% - 1rem); } .fr-range--sm[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(1) { margin-right: 1rem; } .fr-range--sm[data-fr-js-range].fr-range--double input[type=range]:nth-of-type(2) { left: 1rem; } .fr-range[data-fr-js-range]::before { box-shadow: inset 0 0 0 1px #000091; } .fr-range[data-fr-js-range] input[type=range]:disabled::-ms-thumb { border: 1px solid #e5e5e5; } .fr-range__output { color: #000091; } .fr-range__min, .fr-range__max { color: #666; } .fr-range--step[data-fr-js-range]::before { background-image: radial-gradient(circle at 2px 50%, #000091 0, #000091 1px, transparent 1px); } .fr-range--step[data-fr-js-range]::after { background-image: radial-gradient(circle at 2px 50%, #e3e3fd 0, #e3e3fd 2px, transparent 2px); box-shadow: inset 10px 0 0 0 #000091, inset -10px 0 0 0 #000091; } .fr-range--step.fr-range--sm[data-fr-js-range]::after { box-shadow: inset 6px 0 0 0 #000091, inset -6px 0 0 0 #000091; } .fr-range-group--error::before { background-image: linear-gradient(0deg, #ce0500, #ce0500); } .fr-range-group--valid::before { background-image: linear-gradient(0deg, #18753c, #18753c); } .fr-range-group--disabled .fr-range[data-fr-js-range]::before { box-shadow: inset 0 0 0 1px #e5e5e5; } .fr-range-group--disabled .fr-range[data-fr-js-range]::after { background-color: #e5e5e5; } .fr-range-group--disabled .fr-range--step[data-fr-js-range]::before { background-image: radial-gradient(circle at 2px 50%, #e5e5e5 0, #e5e5e5 1px, transparent 1px); } .fr-range-group--disabled .fr-range--step[data-fr-js-range]::after { background-image: radial-gradient(circle at 2px 50%, #fff 0, #fff 2px, transparent 2px); } .fr-range-group--disabled .fr-range__output, .fr-range-group--disabled .fr-range__min, .fr-range-group--disabled .fr-range__max { color: #929292; } /** * Reset liste à puce */ .fr-accordions-group ul { list-style-type: none; } .fr-accordions-group ol { list-style-type: none; } .fr-accordions-group ul, .fr-accordions-group ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } ul, ol { padding-left: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } .fr-accordion__btn::before, .fr-accordion__btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-down-s-line.svg"); width: 1rem; height: 1rem; } .fr-accordion__btn[aria-expanded=true]::after { transform: rotate(-180deg); } .fr-accordion::before { box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd; } .fr-accordion__btn { color: #000091; } .fr-accordion__btn[aria-expanded=true] { background-color: #e3e3fd; } .fr-badge::before, .fr-badge::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-badge--sm::before { width: 0.75rem; height: 0.75rem; } .fr-badge.fr-badge--info::before, .fr-badge.fr-badge--info::after, .fr-badge--sm.fr-badge--info::before, .fr-badge--sm.fr-badge--info::after { background-image: url("../icons/system/fr--info-fill.svg"); } .fr-badge.fr-badge--success::before, .fr-badge.fr-badge--success::after, .fr-badge--sm.fr-badge--success::before, .fr-badge--sm.fr-badge--success::after { background-image: url("../icons/system/fr--success-fill.svg"); } .fr-badge.fr-badge--error::before, .fr-badge.fr-badge--error::after, .fr-badge--sm.fr-badge--error::before, .fr-badge--sm.fr-badge--error::after { background-image: url("../icons/system/fr--error-fill.svg"); } .fr-badge.fr-badge--warning::before, .fr-badge.fr-badge--warning::after, .fr-badge--sm.fr-badge--warning::before, .fr-badge--sm.fr-badge--warning::after { background-image: url("../icons/system/fr--warning-fill.svg"); } .fr-badge.fr-badge--new::before, .fr-badge.fr-badge--new::after, .fr-badge--sm.fr-badge--new::before, .fr-badge--sm.fr-badge--new::after { background-image: url("../icons/weather/flashlight-fill.svg"); } ul.fr-badges-group { list-style-type: none; } ol.fr-badges-group { list-style-type: none; } ul.fr-badges-group, ol.fr-badges-group { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-badge { color: #3a3a3a; background-color: #eee; } .fr-badge--info { color: #0063cb; background-color: #e8edff; } .fr-badge--error { color: #ce0500; background-color: #ffe9e9; } .fr-badge--success { color: #18753c; background-color: #b8fec9; } .fr-badge--warning { color: #b34000; background-color: #ffe9e6; } .fr-badge--new { color: #695240; background-color: #feebd0; } .fr-badge--green-tilleul-verveine { color: #66673d; background-color: #fceeac; } .fr-badge--green-bourgeon { color: #447049; background-color: #c9fcac; } .fr-badge--green-emeraude { color: #297254; background-color: #c3fad5; } .fr-badge--green-menthe { color: #37635f; background-color: #bafaee; } .fr-badge--green-archipel { color: #006a6f; background-color: #c7f6fc; } .fr-badge--blue-ecume { color: #2f4077; background-color: #e9edfe; } .fr-badge--blue-cumulus { color: #3558a2; background-color: #e6eefe; } .fr-badge--purple-glycine { color: #6e445a; background-color: #fee7fc; } .fr-badge--pink-macaron { color: #8d533e; background-color: #fee9e6; } .fr-badge--pink-tuile { color: #a94645; background-color: #fee9e7; } .fr-badge--yellow-tournesol { color: #716043; background-color: #feecc2; } .fr-badge--yellow-moutarde { color: #695240; background-color: #feebd0; } .fr-badge--orange-terre-battue { color: #755348; background-color: #fee9e5; } .fr-badge--brown-cafe-creme { color: #685c48; background-color: #f7ecdb; } .fr-badge--brown-caramel { color: #845d48; background-color: #f7ebe5; } .fr-badge--brown-opera { color: #745b47; background-color: #f7ece4; } .fr-badge--beige-gris-galet { color: #6a6156; background-color: #f3ede5; } .fr-logo { color: #000; } .fr-btn::before, .fr-btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-btn[href] { text-decoration: none; } .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } .fr-btn--sm::before, .fr-btn--sm::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 0.75rem; height: 0.75rem; } .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-btn--lg::before, .fr-btn--lg::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after, .fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before, .fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 2rem; height: 2rem; } .fr-btn--close::before, .fr-btn--close::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/close-line.svg"); width: 1rem; height: 1rem; } .fr-btn--tooltip::before, .fr-btn--tooltip::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/question-line.svg"); width: 1rem; height: 1rem; } .fr-btn--fullscreen::before, .fr-btn--fullscreen::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/media/fullscreen-line.svg"); width: 1rem; height: 1rem; } .fr-btn--display::before, .fr-btn--display::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--theme-fill.svg"); width: 1rem; height: 1rem; } .fr-btn--briefcase::before, .fr-btn--briefcase::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/business/briefcase-fill.svg"); width: 1rem; height: 1rem; } .fr-btn--account::before, .fr-btn--account::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/user/account-circle-fill.svg"); width: 1rem; height: 1rem; } .fr-btn--team::before, .fr-btn--team::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/user/team-line.svg"); width: 1rem; height: 1rem; } ul.fr-btns-group { list-style-type: none; } ol.fr-btns-group { list-style-type: none; } ul.fr-btns-group, ol.fr-btns-group { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 2rem; height: 2rem; } .fr-btn { background-color: #000091; color: #f5f5fe; } .fr-btn:hover { background-color: #1212ff; } .fr-btn:active { background-color: #2323ff; } .fr-btn:disabled, a.fr-btn:not([href]) { color: #929292; background-color: #e5e5e5; } .fr-btn--secondary { background-color: transparent; color: #000091; box-shadow: inset 0 0 0 1px #000091; } .fr-btn--secondary:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-btn--secondary:active { background-color: rgba(0, 0, 0, 0.1); } .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; background-color: transparent; } .fr-btn--secondary:disabled:hover, a.fr-btn--secondary:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-btn--secondary:disabled:active, a.fr-btn--secondary:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-btn--tertiary, .fr-btn--account { background-color: transparent; color: #000091; box-shadow: inset 0 0 0 1px #ddd; } .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 { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; background-color: transparent; } .fr-btn--tertiary:disabled:hover, a.fr-btn--tertiary:not([href]):hover, a.fr-btn--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; color: #000091; } .fr-btn--tertiary-no-outline:hover, .fr-btn--close:hover, .fr-btn--display:hover, .fr-btn--fullscreen:hover, .fr-btn--tooltip:hover, .fr-btn--briefcase:hover, .fr-btn--team:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-btn--tertiary-no-outline:active, .fr-btn--close:active, .fr-btn--display:active, .fr-btn--fullscreen:active, .fr-btn--tooltip:active, .fr-btn--briefcase:active, .fr-btn--team:active { background-color: rgba(0, 0, 0, 0.1); } .fr-btn--tertiary-no-outline:disabled, a.fr-btn--tertiary-no-outline:not([href]), a.fr-btn--close:not([href]), a.fr-btn--display:not([href]), a.fr-btn--fullscreen:not([href]), a.fr-btn--tooltip:not([href]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team:disabled { color: #929292; background-color: transparent; } .fr-btn--tertiary-no-outline:disabled:hover, a.fr-btn--tertiary-no-outline:not([href]):hover, a.fr-btn--close:not([href]):hover, a.fr-btn--display:not([href]):hover, a.fr-btn--fullscreen:not([href]):hover, a.fr-btn--tooltip:not([href]):hover, a.fr-btn--briefcase:not([href]):hover, a.fr-btn--team:not([href]):hover, .fr-btn--close:disabled:hover, .fr-btn--display:disabled:hover, .fr-btn--fullscreen:disabled:hover, .fr-btn--tooltip:disabled:hover, .fr-btn--briefcase:disabled:hover, .fr-btn--team:disabled:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-btn--tertiary-no-outline:disabled:active, a.fr-btn--tertiary-no-outline:not([href]):active, a.fr-btn--close:not([href]):active, a.fr-btn--display:not([href]):active, a.fr-btn--fullscreen:not([href]):active, a.fr-btn--tooltip:not([href]):active, a.fr-btn--briefcase:not([href]):active, a.fr-btn--team:not([href]):active, .fr-btn--close:disabled:active, .fr-btn--display:disabled:active, .fr-btn--fullscreen:disabled:active, .fr-btn--tooltip:disabled:active, .fr-btn--briefcase:disabled:active, .fr-btn--team:disabled:active { background-color: rgba(0, 0, 0, 0.1); } .fr-connect { background-color: #000091; color: #f5f5fe; } .fr-connect:disabled, a.fr-connect:not([href]) { background-color: #e5e5e5; color: #929292; } .fr-connect-group .fr-connect + p a { color: #000091; } .fr-connect-group p { color: #666; } /** * Correction largeur max du texte */ .fr-quote::before, .fr-quote::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/editor/fr--quote-line.svg"); width: 2rem; height: 2rem; } ul.fr-quote__source { list-style-type: none; } ol.fr-quote__source { list-style-type: none; } ul.fr-quote__source, ol.fr-quote__source { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-quote blockquote { max-width: 100%; } .fr-quote::before { color: #6a6af4; } .fr-quote--green-tilleul-verveine::before { color: #b7a73f; } .fr-quote--green-bourgeon::before { color: #68a532; } .fr-quote--green-emeraude::before { color: #00a95f; } .fr-quote--green-menthe::before { color: #009081; } .fr-quote--green-archipel::before { color: #009099; } .fr-quote--blue-ecume::before { color: #465f9d; } .fr-quote--blue-cumulus::before { color: #417dc4; } .fr-quote--purple-glycine::before { color: #a558a0; } .fr-quote--pink-macaron::before { color: #e18b76; } .fr-quote--pink-tuile::before { color: #ce614a; } .fr-quote--yellow-tournesol::before { color: #c8aa39; } .fr-quote--yellow-moutarde::before { color: #c3992a; } .fr-quote--orange-terre-battue::before { color: #e4794a; } .fr-quote--brown-cafe-creme::before { color: #d1b781; } .fr-quote--brown-caramel::before { color: #c08c65; } .fr-quote--brown-opera::before { color: #bd987a; } .fr-quote--beige-gris-galet::before { color: #aea397; } .fr-quote { background-image: linear-gradient(0deg, #ddd, #ddd); } .fr-quote__source { color: #666; } /** * reset liste à puce */ .fr-breadcrumb ul { list-style-type: none; } .fr-breadcrumb ol { list-style-type: none; } .fr-breadcrumb ul, .fr-breadcrumb ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-right-s-line.svg"); width: 1rem; height: 1rem; } .fr-breadcrumb { color: #666; } .fr-breadcrumb__link[aria-current]:not([aria-current=false]) { color: #3a3a3a; } .fr-fieldset__legend { max-width: 100%; color: #161616; } .fr-message--error::before, .fr-message--error::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--error-fill.svg"); width: 1rem; height: 1rem; } .fr-message--valid::before, .fr-message--valid::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--success-fill.svg"); width: 1rem; height: 1rem; } .fr-message--info::before, .fr-message--info::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--info-fill.svg"); width: 1rem; height: 1rem; } .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; } .fr-message--error { color: #ce0500; } .fr-message--valid { color: #18753c; } .fr-message--info { color: #0063cb; } .fr-fieldset:disabled .fr-label, .fr-fieldset:disabled .fr-hint-text, .fr-fieldset:disabled .fr-fieldset__legend { color: #929292; } .fr-fieldset input:disabled + label, .fr-fieldset input:disabled + label .fr-hint-text, .fr-fieldset input:disabled + label + .fr-hint-text { color: #929292; } .fr-fieldset--error, .fr-fieldset--error .fr-fieldset__legend { background-image: linear-gradient(0deg, #ce0500, #ce0500); } .fr-fieldset--error .fr-fieldset__legend, .fr-fieldset--error .fr-label { color: #ce0500; } .fr-fieldset--valid, .fr-fieldset--valid .fr-fieldset__legend { background-image: linear-gradient(0deg, #18753c, #18753c); } .fr-fieldset--valid .fr-fieldset__legend, .fr-fieldset--valid .fr-label { color: #18753c; } .fr-fieldset--info, .fr-fieldset--info .fr-fieldset__legend { background-image: linear-gradient(0deg, #0063cb, #0063cb); } .fr-fieldset--info .fr-fieldset__legend, .fr-fieldset--info .fr-label { color: #0063cb; } .fr-error-text::before, .fr-error-text::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--error-fill.svg"); width: 1rem; height: 1rem; } .fr-valid-text::before, .fr-valid-text::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--success-fill.svg"); width: 1rem; height: 1rem; } .fr-error-text { color: #ce0500; } .fr-valid-text { color: #18753c; } .fr-info-text { color: #0063cb; } .fr-fieldset--valid .fr-fieldset__content::before { box-shadow: inset 2px 0 0 0 #18753c; } .fr-fieldset--error .fr-fieldset__content::before { box-shadow: inset 2px 0 0 0 #ce0500; } .fr-fieldset--info .fr-fieldset__content::before { box-shadow: inset 2px 0 0 0 #0063cb; } .fr-stepper__title { margin-bottom: 0.75rem; color: #161616; } .fr-stepper__steps { display: none; background-image: repeating-linear-gradient(to right, #000091 0, #000091 var(--active-inner), transparent var(--active-inner), transparent var(--active-outer)), repeating-linear-gradient(to right, #eee 0, #eee var(--default-inner), transparent var(--default-inner), transparent var(--default-outer)); } .fr-stepper__state { color: #666; } .fr-stepper__details { color: #666; } .fr-tooltip { position: relative; color: #3a3a3a; } .fr-tooltip__btn::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/media/align-left.svg"); width: 1rem; height: 1rem; } .fr-tooltip__btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/add-line.svg"); width: 1rem; height: 1rem; } .fr-tooltip__btn[aria-expanded=true]::before, .fr-tooltip__btn[aria-expanded=true]::after { background-image: url("../icons/system/subtract-line.svg"); } ul.fr-tooltip__actions-group { list-style-type: none; } ol.fr-tooltip__actions-group { list-style-type: none; } ul.fr-tooltip__actions-group, ol.fr-tooltip__actions-group { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-tooltip .fr-modal:not(.fr-modal--opened) .fr-modal__content { max-height: 9.5rem; } .fr-tooltip.fr-placement { z-index: 1000; background-image: linear-gradient(90deg, #fff, #fff); } .fr-link { background-image: none; text-decoration: underline; color: #000091; } .fr-link::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-link--sm::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-link--lg::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } ul.fr-links-group { list-style-type: none; } ol.fr-links-group { list-style-type: none; } ul.fr-links-group, ol.fr-links-group { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-link__detail { color: #666; } .fr-links-group li::marker { color: #000091; } .fr-links-group--bordered { box-shadow: inset 0 0 0 1px #ddd; } .fr-link--close { background-color: transparent; color: #000091; } .fr-link--close:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-link--close:active { background-color: rgba(0, 0, 0, 0.1); } .fr-link--close:disabled, a.fr-link--close:not([href]) { color: #929292; background-color: transparent; } .fr-link--close:disabled:hover, a.fr-link--close:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-link--close:disabled:active, a.fr-link--close:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } /** * Correctif de la hauteur de la navigation latérale */ .fr-sidemenu { height: auto; box-shadow: inset 0 -1px 0 0 #ddd, inset 0 1px 0 0 #ddd; } .fr-sidemenu ul { list-style-type: none; } .fr-sidemenu ol { list-style-type: none; } .fr-sidemenu ul, .fr-sidemenu ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-sidemenu [href] { text-decoration: none; } .fr-sidemenu__btn[aria-expanded]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-down-s-line.svg"); width: 1rem; height: 1rem; } .fr-sidemenu__title { color: #161616; box-shadow: inset 0 -1px 0 0 #ddd; } .fr-sidemenu__item .fr-sidemenu__link, .fr-sidemenu__item .fr-sidemenu__btn { color: #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 ul { list-style-type: none; } .fr-tabs ol { list-style-type: none; } .fr-tabs ul, .fr-tabs ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-tabs::before { position: absolute; top: 3rem; right: 0; bottom: 0; left: 0; box-shadow: inset 0 1px 0 0 #ddd, inset 1px 0 0 0 #ddd, inset -1px 0 0 0 #ddd; } .fr-tabs .fr-tabs__list { padding: 0.25rem 0.75rem; } .fr-tabs__tab::before, .fr-tabs__tab::after { width: 1rem; height: 1rem; } .fr-tabs__panel { padding: 0 0.1px; left: 0; } .fr-tabs__panel [href] { text-decoration: underline; } .fr-tabs__panel > * { margin-left: 1rem; margin-right: 1rem; } .fr-tabs__panel > *:first-child { margin-top: 0.75rem; } .fr-tabs__panel > *:last-child { margin-bottom: 1rem; } .fr-tabs { box-shadow: inset 0 -1px 0 0 #ddd; } .fr-tabs__tab { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd); box-shadow: 0 2px 0 0 #fff; } .fr-tabs__tab:not([aria-selected=true]) { background-color: #e3e3fd; color: #161616; } .fr-tabs__tab[aria-selected=true]:not(:disabled) { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd); background-color: #fff; color: #000091; } .fr-tabs__tab:disabled { color: #929292; background-color: #e5e5e5; } /** * Correctif de la largeur de la légende d'un fieldset */ .fr-pagination [href] { text-decoration: none; } .fr-pagination ul { list-style-type: none; } .fr-pagination ol { list-style-type: none; } .fr-pagination ul, .fr-pagination ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-pagination .fr-pagination__link--first::before, .fr-pagination .fr-pagination__link--first::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--arrow-left-s-first-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-pagination .fr-pagination__link--prev::before, .fr-pagination .fr-pagination__link--prev::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-left-s-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-pagination .fr-pagination__link--next::before, .fr-pagination .fr-pagination__link--next::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-right-s-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-pagination .fr-pagination__link--last::before, .fr-pagination .fr-pagination__link--last::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/fr--arrow-right-s-last-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-pagination { color: #161616; } .fr-pagination__link[aria-current]: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; } .fr-summary__title { color: #161616; } .fr-summary li > a { color: #161616; } /** * Correctif placement caption */ .fr-table[data-fr-js-table=true] caption { position: relative; } .fr-table caption { color: #161616; } .fr-table thead { background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a); background-color: #eee; color: #161616; } .fr-table tbody { background-color: #f6f6f6; } .fr-table tbody tr:nth-child(even) { background-color: #eee; } .fr-table--green-tilleul-verveine thead { background-image: linear-gradient(0deg, #66673d, #66673d); background-color: #fceeac; } .fr-table--green-tilleul-verveine tbody { background-color: #fef7da; } .fr-table--green-tilleul-verveine tbody tr:nth-child(even) { background-color: #fceeac; } .fr-table--green-tilleul-verveine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #b7a73f, #b7a73f); } .fr-table--green-bourgeon thead { background-image: linear-gradient(0deg, #447049, #447049); background-color: #c9fcac; } .fr-table--green-bourgeon tbody { background-color: #e6feda; } .fr-table--green-bourgeon tbody tr:nth-child(even) { background-color: #c9fcac; } .fr-table--green-bourgeon.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #68a532, #68a532); } .fr-table--green-emeraude thead { background-image: linear-gradient(0deg, #297254, #297254); background-color: #c3fad5; } .fr-table--green-emeraude tbody { background-color: #e3fdeb; } .fr-table--green-emeraude tbody tr:nth-child(even) { background-color: #c3fad5; } .fr-table--green-emeraude.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #00a95f, #00a95f); } .fr-table--green-menthe thead { background-image: linear-gradient(0deg, #37635f, #37635f); background-color: #bafaee; } .fr-table--green-menthe tbody { background-color: #dffdf7; } .fr-table--green-menthe tbody tr:nth-child(even) { background-color: #bafaee; } .fr-table--green-menthe.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #009081, #009081); } .fr-table--green-archipel thead { background-image: linear-gradient(0deg, #006a6f, #006a6f); background-color: #c7f6fc; } .fr-table--green-archipel tbody { background-color: #e5fbfd; } .fr-table--green-archipel tbody tr:nth-child(even) { background-color: #c7f6fc; } .fr-table--green-archipel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #009099, #009099); } .fr-table--blue-ecume thead { background-image: linear-gradient(0deg, #2f4077, #2f4077); background-color: #e9edfe; } .fr-table--blue-ecume tbody { background-color: #f4f6fe; } .fr-table--blue-ecume tbody tr:nth-child(even) { background-color: #e9edfe; } .fr-table--blue-ecume.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #465f9d, #465f9d); } .fr-table--blue-cumulus thead { background-image: linear-gradient(0deg, #3558a2, #3558a2); background-color: #e6eefe; } .fr-table--blue-cumulus tbody { background-color: #f3f6fe; } .fr-table--blue-cumulus tbody tr:nth-child(even) { background-color: #e6eefe; } .fr-table--blue-cumulus.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #417dc4, #417dc4); } .fr-table--purple-glycine thead { background-image: linear-gradient(0deg, #6e445a, #6e445a); background-color: #fee7fc; } .fr-table--purple-glycine tbody { background-color: #fef3fd; } .fr-table--purple-glycine tbody tr:nth-child(even) { background-color: #fee7fc; } .fr-table--purple-glycine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #a558a0, #a558a0); } .fr-table--pink-macaron thead { background-image: linear-gradient(0deg, #8d533e, #8d533e); background-color: #fee9e6; } .fr-table--pink-macaron tbody { background-color: #fef4f2; } .fr-table--pink-macaron tbody tr:nth-child(even) { background-color: #fee9e6; } .fr-table--pink-macaron.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #e18b76, #e18b76); } .fr-table--pink-tuile thead { background-image: linear-gradient(0deg, #a94645, #a94645); background-color: #fee9e7; } .fr-table--pink-tuile tbody { background-color: #fef4f3; } .fr-table--pink-tuile tbody tr:nth-child(even) { background-color: #fee9e7; } .fr-table--pink-tuile.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #ce614a, #ce614a); } .fr-table--yellow-tournesol thead { background-image: linear-gradient(0deg, #716043, #716043); background-color: #feecc2; } .fr-table--yellow-tournesol tbody { background-color: #fef6e3; } .fr-table--yellow-tournesol tbody tr:nth-child(even) { background-color: #feecc2; } .fr-table--yellow-tournesol.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c8aa39, #c8aa39); } .fr-table--yellow-moutarde thead { background-image: linear-gradient(0deg, #695240, #695240); background-color: #feebd0; } .fr-table--yellow-moutarde tbody { background-color: #fef5e8; } .fr-table--yellow-moutarde tbody tr:nth-child(even) { background-color: #feebd0; } .fr-table--yellow-moutarde.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c3992a, #c3992a); } .fr-table--orange-terre-battue thead { background-image: linear-gradient(0deg, #755348, #755348); background-color: #fee9e5; } .fr-table--orange-terre-battue tbody { background-color: #fef4f2; } .fr-table--orange-terre-battue tbody tr:nth-child(even) { background-color: #fee9e5; } .fr-table--orange-terre-battue.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #e4794a, #e4794a); } .fr-table--brown-cafe-creme thead { background-image: linear-gradient(0deg, #685c48, #685c48); background-color: #f7ecdb; } .fr-table--brown-cafe-creme tbody { background-color: #fbf6ed; } .fr-table--brown-cafe-creme tbody tr:nth-child(even) { background-color: #f7ecdb; } .fr-table--brown-cafe-creme.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #d1b781, #d1b781); } .fr-table--brown-caramel thead { background-image: linear-gradient(0deg, #845d48, #845d48); background-color: #f7ebe5; } .fr-table--brown-caramel tbody { background-color: #fbf5f2; } .fr-table--brown-caramel tbody tr:nth-child(even) { background-color: #f7ebe5; } .fr-table--brown-caramel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c08c65, #c08c65); } .fr-table--brown-opera thead { background-image: linear-gradient(0deg, #745b47, #745b47); background-color: #f7ece4; } .fr-table--brown-opera tbody { background-color: #fbf5f2; } .fr-table--brown-opera tbody tr:nth-child(even) { background-color: #f7ece4; } .fr-table--brown-opera.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #bd987a, #bd987a); } .fr-table--beige-gris-galet thead { background-image: linear-gradient(0deg, #6a6156, #6a6156); background-color: #f3ede5; } .fr-table--beige-gris-galet tbody { background-color: #f9f6f2; } .fr-table--beige-gris-galet tbody tr:nth-child(even) { background-color: #f3ede5; } .fr-table--beige-gris-galet.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #aea397, #aea397); } .fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #ddd, #ddd); } .fr-table--bordered tbody tr:nth-child(even) { background-color: transparent; } .fr-table--bordered tbody tr:nth-child(even):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-table--bordered tbody tr:nth-child(even):active { background-color: rgba(0, 0, 0, 0.1); } .fr-tag { text-decoration: none; color: #161616; background-color: #eee; } .fr-tag::before, .fr-tag::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-tag .fr-tag--sm::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 0.75rem; height: 0.75rem; } button .fr-tag[aria-pressed=true], input[type=button] .fr-tag[aria-pressed=true] { background-size: 100% 100%, 100% 100%; } button .fr-tag[aria-pressed=true]::after, input[type=button] .fr-tag[aria-pressed=true]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/checkbox-circle-line.svg"); width: 1rem; height: 1rem; } button .fr-tag[aria-pressed=true] .fr-tag--sm::after, input[type=button] .fr-tag[aria-pressed=true] .fr-tag--sm::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 0.75rem; height: 0.75rem; } button .fr-tag .fr-tag--dismiss::after, input[type=button] .fr-tag .fr-tag--dismiss::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/close-line.svg"); width: 1rem; height: 1rem; } button .fr-tag .fr-tag--dismiss .fr-tag--sm::after, input[type=button] .fr-tag .fr-tag--dismiss .fr-tag--sm::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 0.75rem; height: 0.75rem; } ul.fr-tags-group { list-style-type: none; } ol.fr-tags-group { list-style-type: none; } ul.fr-tags-group, ol.fr-tags-group { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-tags-group--sm::before, .fr-tags-group--sm::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; } .fr-tags-group--sm a .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm button .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=button] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=image] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=reset] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=submit] .fr-tag .fr-tag--dismiss::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 0.75rem; height: 0.75rem; } .fr-tags-group--sm a .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm button .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=button] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=image] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=reset] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=submit] .fr-tag[aria-pressed=true]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 0.75rem; height: 0.75rem; background-color: transparent !important; } .fr-tag[aria-pressed=false] { color: #000091; background-color: #e3e3fd; } .fr-tag[aria-pressed=false]:hover { background-color: #c1c1fb; } .fr-tag[aria-pressed=false]:active { background-color: #adadf9; } .fr-tag.fr-tag--dismiss { color: #f5f5fe; background-color: #000091; } .fr-tag.fr-tag--dismiss:hover { background-color: #1212ff; } .fr-tag.fr-tag--dismiss:active { background-color: #2323ff; } a.fr-tag, button.fr-tag, input[type=button].fr-tag { color: #000091; background-color: #e3e3fd; } a.fr-tag:hover, button.fr-tag:hover, input[type=button].fr-tag:hover { background-color: #c1c1fb; } a.fr-tag:active, button.fr-tag:active, input[type=button].fr-tag:active { background-color: #adadf9; } a.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=button].fr-tag--green-tilleul-verveine { color: #66673d; background-color: #fbe769; } a.fr-tag--green-tilleul-verveine:hover, button.fr-tag--green-tilleul-verveine:hover, input[type=button].fr-tag--green-tilleul-verveine:hover { background-color: #d7c655; } a.fr-tag--green-tilleul-verveine:active, button.fr-tag--green-tilleul-verveine:active, input[type=button].fr-tag--green-tilleul-verveine:active { background-color: #c2b24c; } a.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=button].fr-tag--green-bourgeon { color: #447049; background-color: #a9fb68; } a.fr-tag--green-bourgeon:hover, button.fr-tag--green-bourgeon:hover, input[type=button].fr-tag--green-bourgeon:hover { background-color: #8ed654; } a.fr-tag--green-bourgeon:active, button.fr-tag--green-bourgeon:active, input[type=button].fr-tag--green-bourgeon:active { background-color: #7fc04b; } a.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=button].fr-tag--green-emeraude { color: #297254; background-color: #9ef9be; } a.fr-tag--green-emeraude:hover, button.fr-tag--green-emeraude:hover, input[type=button].fr-tag--green-emeraude:hover { background-color: #69df97; } a.fr-tag--green-emeraude:active, button.fr-tag--green-emeraude:active, input[type=button].fr-tag--green-emeraude:active { background-color: #5ec988; } a.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=button].fr-tag--green-menthe { color: #37635f; background-color: #8bf8e7; } a.fr-tag--green-menthe:hover, button.fr-tag--green-menthe:hover, input[type=button].fr-tag--green-menthe:hover { background-color: #6ed5c5; } a.fr-tag--green-menthe:active, button.fr-tag--green-menthe:active, input[type=button].fr-tag--green-menthe:active { background-color: #62bfb1; } a.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=button].fr-tag--green-archipel { color: #006a6f; background-color: #a6f2fa; } a.fr-tag--green-archipel:hover, button.fr-tag--green-archipel:hover, input[type=button].fr-tag--green-archipel:hover { background-color: #62dbe5; } a.fr-tag--green-archipel:active, button.fr-tag--green-archipel:active, input[type=button].fr-tag--green-archipel:active { background-color: #58c5cf; } a.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=button].fr-tag--blue-ecume { color: #2f4077; background-color: #dee5fd; } a.fr-tag--blue-ecume:hover, button.fr-tag--blue-ecume:hover, input[type=button].fr-tag--blue-ecume:hover { background-color: #b4c5fb; } a.fr-tag--blue-ecume:active, button.fr-tag--blue-ecume:active, input[type=button].fr-tag--blue-ecume:active { background-color: #99b3f9; } a.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=button].fr-tag--blue-cumulus { color: #3558a2; background-color: #dae6fd; } a.fr-tag--blue-cumulus:hover, button.fr-tag--blue-cumulus:hover, input[type=button].fr-tag--blue-cumulus:hover { background-color: #a9c8fb; } a.fr-tag--blue-cumulus:active, button.fr-tag--blue-cumulus:active, input[type=button].fr-tag--blue-cumulus:active { background-color: #8ab8f9; } a.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=button].fr-tag--purple-glycine { color: #6e445a; background-color: #fddbfa; } a.fr-tag--purple-glycine:hover, button.fr-tag--purple-glycine:hover, input[type=button].fr-tag--purple-glycine:hover { background-color: #fbaff5; } a.fr-tag--purple-glycine:active, button.fr-tag--purple-glycine:active, input[type=button].fr-tag--purple-glycine:active { background-color: #fa96f2; } a.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=button].fr-tag--pink-macaron { color: #8d533e; background-color: #fddfda; } a.fr-tag--pink-macaron:hover, button.fr-tag--pink-macaron:hover, input[type=button].fr-tag--pink-macaron:hover { background-color: #fbb8ab; } a.fr-tag--pink-macaron:active, button.fr-tag--pink-macaron:active, input[type=button].fr-tag--pink-macaron:active { background-color: #faa18d; } a.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=button].fr-tag--pink-tuile { color: #a94645; background-color: #fddfdb; } a.fr-tag--pink-tuile:hover, button.fr-tag--pink-tuile:hover, input[type=button].fr-tag--pink-tuile:hover { background-color: #fbb8ad; } a.fr-tag--pink-tuile:active, button.fr-tag--pink-tuile:active, input[type=button].fr-tag--pink-tuile:active { background-color: #faa191; } a.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=button].fr-tag--yellow-tournesol { color: #716043; background-color: #fde39c; } a.fr-tag--yellow-tournesol:hover, button.fr-tag--yellow-tournesol:hover, input[type=button].fr-tag--yellow-tournesol:hover { background-color: #e9c53b; } a.fr-tag--yellow-tournesol:active, button.fr-tag--yellow-tournesol:active, input[type=button].fr-tag--yellow-tournesol:active { background-color: #d3b235; } a.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=button].fr-tag--yellow-moutarde { color: #695240; background-color: #fde2b5; } a.fr-tag--yellow-moutarde:hover, button.fr-tag--yellow-moutarde:hover, input[type=button].fr-tag--yellow-moutarde:hover { background-color: #f6c43c; } a.fr-tag--yellow-moutarde:active, button.fr-tag--yellow-moutarde:active, input[type=button].fr-tag--yellow-moutarde:active { background-color: #dfb135; } a.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=button].fr-tag--orange-terre-battue { color: #755348; background-color: #fddfd8; } a.fr-tag--orange-terre-battue:hover, button.fr-tag--orange-terre-battue:hover, input[type=button].fr-tag--orange-terre-battue:hover { background-color: #fbb8a5; } a.fr-tag--orange-terre-battue:active, button.fr-tag--orange-terre-battue:active, input[type=button].fr-tag--orange-terre-battue:active { background-color: #faa184; } a.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=button].fr-tag--brown-cafe-creme { color: #685c48; background-color: #f4e3c7; } a.fr-tag--brown-cafe-creme:hover, button.fr-tag--brown-cafe-creme:hover, input[type=button].fr-tag--brown-cafe-creme:hover { background-color: #e1c386; } a.fr-tag--brown-cafe-creme:active, button.fr-tag--brown-cafe-creme:active, input[type=button].fr-tag--brown-cafe-creme:active { background-color: #ccb078; } a.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=button].fr-tag--brown-caramel { color: #845d48; background-color: #f3e2d9; } a.fr-tag--brown-caramel:hover, button.fr-tag--brown-caramel:hover, input[type=button].fr-tag--brown-caramel:hover { background-color: #e7bea6; } a.fr-tag--brown-caramel:active, button.fr-tag--brown-caramel:active, input[type=button].fr-tag--brown-caramel:active { background-color: #e1a982; } a.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=button].fr-tag--brown-opera { color: #745b47; background-color: #f3e2d7; } a.fr-tag--brown-opera:hover, button.fr-tag--brown-opera:hover, input[type=button].fr-tag--brown-opera:hover { background-color: #e7bfa0; } a.fr-tag--brown-opera:active, button.fr-tag--brown-opera:active, input[type=button].fr-tag--brown-opera:active { background-color: #deaa7e; } a.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=button].fr-tag--beige-gris-galet { color: #6a6156; background-color: #eee4d9; } a.fr-tag--beige-gris-galet:hover, button.fr-tag--beige-gris-galet:hover, input[type=button].fr-tag--beige-gris-galet:hover { background-color: #dbc3a4; } a.fr-tag--beige-gris-galet:active, button.fr-tag--beige-gris-galet:active, input[type=button].fr-tag--beige-gris-galet:active { background-color: #c6b094; } button.fr-tag[aria-pressed=true]:not(:disabled), input[type=button].fr-tag[aria-pressed=true]:not(:disabled) { background-color: transparent; color: #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-color: transparent; background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #e5e5e5 0.625rem); } button.fr-tag[aria-pressed=true]:disabled::after, input[type=button].fr-tag[aria-pressed=true]:disabled::after { color: #929292; } button.fr-tag[aria-pressed=true].fr-tag--sm, input[type=button].fr-tag[aria-pressed=true].fr-tag--sm { background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem); } button.fr-tag[aria-pressed=true].fr-tag--sm:hover, input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:hover { background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem); } button.fr-tag[aria-pressed=true].fr-tag--sm:active, input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:active { background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem); } button.fr-tag[aria-pressed=true].fr-tag--sm:disabled, input[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled { background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem); } button.fr-tag:disabled, input[type=button].fr-tag:disabled { color: #929292; background-color: #e5e5e5; } 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); } /** * reset des marges dans l'alerte */ .fr-alert::before, .fr-alert::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } .fr-alert__title, .fr-alert p { margin: 0 0 0.25rem; } .fr-alert--info::before { background-image: url("../icons/system/fr--info-fill.svg"); } .fr-alert--success::before { background-image: url("../icons/system/fr--success-fill.svg"); } .fr-alert--error::before { background-image: url("../icons/system/fr--error-fill.svg"); } .fr-alert--warning::before { background-image: url("../icons/system/fr--warning-fill.svg"); } .fr-alert .fr-btn--close::before, .fr-alert .fr-btn--close::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/close-line.svg"); width: 1rem; height: 1rem; } /** * reset des marges dans l'alerte */ .fr-alert .fr-link--close::before, .fr-alert .fr-link--close::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/close-line.svg"); width: 1rem; height: 1rem; } .fr-alert { 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); } /** * reset des marges dans le bandeau */ .fr-notice__title, .fr-notice p { margin: 0; } .fr-notice--info .fr-notice__body::before { background-image: url("../icons/system/fr--info-fill.svg"); width: 1.5rem; height: 1.5rem; color: transparent; } .fr-notice .fr-btn--close::before, .fr-notice .fr-btn--close::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/close-line.svg"); width: 1rem; height: 1rem; } .fr-notice { background-color: #eee; color: #161616; } .fr-notice--info { background-color: #e8edff; color: #0063cb; } .fr-radio-group input[type=radio] + label { background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px); } .fr-radio-group input[type=radio]:disabled + label { background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px); } .fr-radio-group input[type=radio]:checked + label { background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px); } .fr-radio-group input[type=radio]:checked:disabled + label { background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px); } .fr-fieldset--error .fr-radio-group input[type=radio] + label { background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px); } .fr-fieldset--error .fr-radio-group input[type=radio]:checked + label { background-image: radial-gradient(transparent 10px, #ce0500 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px); } .fr-fieldset--valid .fr-radio-group input[type=radio] + label { background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px); } .fr-fieldset--valid .fr-radio-group input[type=radio]:checked + label { background-image: radial-gradient(transparent 10px, #18753c 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px); } .fr-fieldset--info .fr-radio-group input[type=radio] + label { background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px); } .fr-fieldset--info .fr-radio-group input[type=radio]:checked + label { background-image: radial-gradient(transparent 10px, #0063cb 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px); } .fr-fieldset .fr-radio-group input[type=radio]:disabled + label { background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px); } .fr-fieldset .fr-radio-group input[type=radio]:disabled:checked + label { background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px); } .fr-radio-group--sm input[type=radio] + label { background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px); } .fr-radio-group--sm input[type=radio]:disabled + label { background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px); } .fr-radio-group--sm input[type=radio]:checked + label { background-image: radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-radio-group--sm input[type=radio]:checked:disabled + label { background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px); } .fr-fieldset--error .fr-radio-group--sm input[type=radio] + label { background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px); } .fr-fieldset--error .fr-radio-group--sm input[type=radio]:checked + label { background-image: radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-fieldset--valid .fr-radio-group--sm input[type=radio] + label { background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px); } .fr-fieldset--valid .fr-radio-group--sm input[type=radio]:checked + label { background-image: radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-fieldset--info .fr-radio-group--sm input[type=radio] + label { background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px); } .fr-fieldset--info .fr-radio-group--sm input[type=radio]:checked + label { background-image: radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled + label { background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px); } .fr-fieldset .fr-radio-group--sm input[type=radio]:disabled:checked + label { background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px); } .fr-radio-rich__pictogram { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd); background-color: #fff; } .fr-radio-rich input[type=radio] + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #000091 7px, transparent 8px); background-color: #fff; } .fr-radio-rich input[type=radio]:disabled + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px); } .fr-radio-rich input[type=radio]:disabled ~ .fr-radio-rich__pictogram svg * { fill: #929292; } .fr-radio-rich input[type=radio]:checked + label { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #000091 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-radio-rich input[type=radio]:checked ~ .fr-radio-rich__pictogram { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd); } .fr-radio-rich input[type=radio]:checked:disabled + label { background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px); } .fr-radio-rich input[type=radio]:checked:disabled ~ .fr-radio-rich__pictogram { background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #ddd, #ddd); } .fr-fieldset--error .fr-radio-rich input[type=radio] + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px); } .fr-fieldset--error .fr-radio-rich input[type=radio]:checked + label { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #ce0500 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-fieldset--valid .fr-radio-rich input[type=radio] + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #18753c 7px, transparent 8px); } .fr-fieldset--valid .fr-radio-rich input[type=radio]:checked + label { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #18753c 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-fieldset--info .fr-radio-rich input[type=radio] + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px); } .fr-fieldset--info .fr-radio-rich input[type=radio]:checked + label { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), radial-gradient(transparent 6px, #0063cb 7px, transparent 8px), radial-gradient(#000091 3px, transparent 4px); } .fr-fieldset .fr-radio-rich input[type=radio]:disabled + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px); } .fr-fieldset .fr-radio-rich input[type=radio]:disabled:checked + label { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px); } .fr-radio-rich__img { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd); background-color: #fff; } .fr-radio-rich input[type=radio]:disabled ~ .fr-radio-rich__img svg * { fill: #929292; } .fr-radio-rich input[type=radio]:checked ~ .fr-radio-rich__img { background-image: linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #000091, #000091), linear-gradient(0deg, #ddd, #ddd); } .fr-radio-rich input[type=radio]:checked:disabled ~ .fr-radio-rich__img { background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #ddd, #ddd); } .fr-card--no-icon::after { content: none; } .fr-card__title, .fr-card__desc { flex: 1 0 auto; } .fr-card__title a::after { background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-right-line.svg"); width: 1rem; height: 1rem; background-color: transparent; } .fr-card__title [target=_blank]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/external-link-line.svg"); width: 1rem; height: 1rem; } .fr-card__detail::before { width: 1rem; height: 1rem; } .fr-card--download .fr-tile__title a::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/download-line.svg"); } .fr-card--download .fr-card__header { padding-top: 56.25%; } .fr-card--download .fr-card__header .fr-card__img img { height: auto !important; width: auto; margin: auto; } .fr-card.fr-enlarge-link .fr-card__title a { text-decoration: none; } .fr-card.fr-enlarge-link .fr-card__title a::after { width: 1.5rem; height: 1.5rem; background-color: transparent; } .fr-card--sm.fr-enlarge-link .fr-card__title a::after { width: 1rem; height: 1rem; } .fr-card--sm .fr-card__title a::after { width: 1rem; height: 1rem; } .fr-card--lg.fr-enlarge-link .fr-card__title a::after { width: 2rem; height: 2rem; } .fr-card--lg .fr-card__title a::after { width: 1.5rem; height: 1.5rem; } .fr-card > .fr-card__img { flex-shrink: 0; } .fr-card { background-color: #fff; } .fr-card:not(.fr-card--no-border):not(.fr-card--shadow) { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd); } .fr-card--grey { background-color: #eee; } .fr-card--shadow { z-index: 500; background-color: #fff; } .fr-card--shadow.fr-card--grey { background-color: #eee; } .fr-card--no-background { background-color: transparent; } .fr-card--no-background:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-card--no-background:active { background-color: rgba(0, 0, 0, 0.1); } .fr-card--download:not(.fr-card--no-background) .fr-card__header { background-color: #f6f6f6; } .fr-card__detail { color: #666; } .fr-card__title { color: #161616; } .fr-card__title a[href] { color: #000091; } .fr-card__title:disabled, a.fr-card__title:not([href]) { color: #929292; background-color: #e5e5e5; } .fr-checkbox-group input[type=checkbox] { opacity: 1; margin-top: 0; } .fr-fieldset__content .fr-checkbox-group input[type=checkbox] { margin-top: 1.5rem; } .fr-fieldset__content + .fr-valid-text, .fr-fieldset__content + .fr-error-text { margin-top: 1rem; } .fr-checkbox-group--error input[type=checkbox] + label, .fr-checkbox-group--error input[type=checkbox]:checked + label { color: #ce0500; } .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::before { background-color: #18753c; } .fr-segmented { display: block; } .fr-segmented--sm .fr-segmented__legend--inline { margin: 0.25rem 0 0; } .fr-segmented__legend--inline { margin: 0.5rem 0 0; } .fr-segmented__elements { display: inline-flex; box-shadow: inset 0 0 0 1px #ddd; } .fr-segmented input + label::before { width: 1rem; height: 1rem; vertical-align: -2px; } .fr-segmented input:focus + label::before { outline: none; } .fr-segmented__element label { color: #161616; } .fr-segmented__element input:checked + label { box-shadow: inset 0 0 0 1px #000091; color: #000091; } .fr-segmented__element input:checked:disabled + label { box-shadow: inset 0 0 0 1px #929292; color: #929292; } .fr-toggle input[type=checkbox]::-ms-check { display: none; } .fr-toggle input[type=checkbox]:checked::before, .fr-toggle input[type=checkbox]:checked::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/check-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-toggle__list { list-style: none; padding: 0; } .fr-toggle label { color: #161616; } .fr-toggle label::before { color: #000091; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle label::after { color: #000091; box-shadow: inset 0 0 0 1px #000091; background-color: #fff; } .fr-toggle input[type=checkbox] { box-shadow: inset 0 0 0 1px #000091; } .fr-toggle input[type=checkbox]:checked { background-color: #000091; } .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E"); } .fr-toggle input[type=checkbox]:disabled { box-shadow: inset 0 0 0 1px #e5e5e5; } .fr-toggle input[type=checkbox]:disabled:checked { background-color: #e5e5e5; } .fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E"); } .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::before { color: #929292; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::after { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; } .fr-toggle .fr-hint-text { color: #666; } .fr-toggle--border-bottom { box-shadow: inset 0 -1px 0 0 #ddd; } .fr-toggle--error label, .fr-fieldset--error .fr-toggle label { color: #ce0500; } .fr-toggle--error label::before, .fr-fieldset--error .fr-toggle label::before { color: #ce0500; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle--error label::after, .fr-fieldset--error .fr-toggle label::after { box-shadow: inset 0 0 0 1px #ce0500; } .fr-toggle--error input[type=checkbox]:checked ~ .fr-toggle__label::before, .fr-fieldset--error .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle--valid label, .fr-fieldset--valid .fr-toggle label { color: #18753c; } .fr-toggle--valid label::before, .fr-fieldset--valid .fr-toggle label::before { color: #18753c; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } .fr-toggle--valid label::after, .fr-fieldset--valid .fr-toggle label::after { box-shadow: inset 0 0 0 1px #18753c; } .fr-toggle--valid input[type=checkbox]:checked ~ .fr-toggle__label::before, .fr-fieldset--valid .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' viewBox='0 0 40 24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E"); } /** * Correctif */ .fr-skiplinks.focus-within { position: relative; transform: translateY(0); } .fr-skiplinks { background-color: #eee; } /** * Cache l'icone native du select sur IE */ .fr-select::-ms-expand { display: none; } .fr-select { color: #3a3a3a; background-color: #eee; box-shadow: inset 0 -2px 0 0 #3a3a3a; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E"); } .fr-fieldset--valid .fr-select, .fr-select-group--valid .fr-select { box-shadow: inset 0 -2px 0 0 #18753c; } .fr-fieldset--error .fr-select, .fr-select-group--error .fr-select { box-shadow: inset 0 -2px 0 0 #ce0500; } .fr-select-group--error::before { background-image: linear-gradient(0deg, #ce0500, #ce0500); } .fr-select-group--valid::before { background-image: linear-gradient(0deg, #18753c, #18753c); } .fr-select-group--info::before { background-image: linear-gradient(0deg, #0063cb, #0063cb); } .fr-select:disabled { color: #929292; box-shadow: inset 0 -2px 0 0 #e5e5e5; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E"); } .fr-select:-webkit-autofill, .fr-select:-webkit-autofill:hover, .fr-select:-webkit-autofill:focus { box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #ececfe; -webkit-text-fill-color: #161616; } /** * Marge des titres et textes */ .fr-callout__title { margin: 0 0 0.5rem; color: #161616; } .fr-callout__text { margin: 0; } .fr-callout { background-color: #eee; background-image: linear-gradient(0deg, #6a6af4, #6a6af4); } .fr-callout::before { 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 { z-index: 2000; background-color: #fff; } .fr-modal__title { color: #161616; } .fr-modal__footer { background-color: #fff; } .fr-modal__body.fr-scroll-divider .fr-modal__footer { background-image: linear-gradient(0deg, #ddd, #ddd); } /** * reset liste à puce */ .fr-nav [href] { text-decoration: none; } .fr-nav ul { list-style-type: none; } .fr-nav ol { list-style-type: none; } .fr-nav ul, .fr-nav ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } /** * reset margin */ .fr-nav__btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-down-s-line.svg"); width: 1rem; height: 1rem; } .fr-mega-menu__category { margin: 0; } .fr-nav__link, .fr-nav__btn { color: #161616; } .fr-nav__link[aria-current]:not([aria-current=false]), .fr-nav__btn[aria-current]:not([aria-current=false]) { color: #000091; } .fr-nav__link[aria-current]:not([aria-current=false])::before, .fr-nav__btn[aria-current]:not([aria-current=false])::before { background-color: #000091; } .fr-nav__btn[aria-expanded=true]:not(:disabled) { background-color: #e3e3fd; color: #000091; } .fr-nav__item::before { box-shadow: 0 -1px 0 0 #ddd, inset 0 -1px 0 0 #ddd; } .fr-nav__item:first-child::before { box-shadow: inset 0 -1px 0 0 #ddd; } .fr-nav__item:last-child::before { box-shadow: 0 -1px 0 0 #ddd; } .fr-mega-menu__list::before { box-shadow: 0 1px 0 0 #ddd; } .fr-share__group > li { list-style: none; } .fr-share .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before, .fr-share .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } .fr-share .fr-btn--facebook::before { background-image: url("../icons/logo/facebook-circle-line.svg"); } .fr-share .fr-btn--linkedin::before { background-image: url("../icons/logo/linkedin-box-line.svg"); } .fr-share .fr-btn--mastodon::before { background-image: url("../icons/logo/mastodon-line.svg"); } .fr-share .fr-btn--threads::before { background-image: url("../icons/logo/threads-line.svg"); } .fr-share .fr-btn--twitter::before { background-image: url("../icons/logo/twitter-line.svg"); } .fr-share .fr-btn--twitter-x::before { background-image: url("../icons/logo/twitter-x-line.svg"); } .fr-share .fr-btn--mail::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/business/mail-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-share .fr-btn--copy::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/business/links-fill.svg"); width: 1.5rem; height: 1.5rem; } .fr-share .fr-btn { background-color: transparent; color: #000091; box-shadow: inset 0 0 0 1px #ddd; } .fr-share .fr-btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-share .fr-btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-share .fr-btn:disabled, .fr-share a.fr-btn:not([href]) { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; background-color: transparent; } .fr-share .fr-btn:disabled:hover, .fr-share a.fr-btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-share .fr-btn:disabled:active, .fr-share a.fr-btn:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-share__text { color: #666; } .fr-share__link { background-color: transparent; color: #000091; box-shadow: inset 0 0 0 1px #ddd; } .fr-share__link:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-share__link:active { background-color: rgba(0, 0, 0, 0.1); } .fr-share__link:disabled, a.fr-share__link:not([href]) { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; background-color: transparent; } .fr-share__link:disabled:hover, a.fr-share__link:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-share__link:disabled:active, a.fr-share__link:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } /** * Reset liste à puce */ .fr-footer ul { list-style-type: none; } .fr-footer ol { list-style-type: none; } .fr-footer ul, .fr-footer ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-footer__content-desc [href] { text-decoration: underline; } .fr-footer { box-shadow: inset 0 2px 0 0 #000091, inset 0 -1px 0 0 #ddd; } .fr-footer__content-link { 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; } /** * Correctif de la largeur du texte dans la tuile */ .fr-tile--download .fr-tile__body, .fr-tile--horizontal .fr-tile__body { flex-basis: 100%; } .fr-tile__body, .fr-tile__body > * { max-width: 100%; } .fr-tile__title { margin: 0 0 0.5rem; max-width: 100%; color: #161616; } .fr-tile__title a::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-right-line.svg"); width: 1rem; height: 1rem; } .fr-tile__title [target=_blank]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/external-link-line.svg"); width: 1rem; height: 1rem; } .fr-tile__desc { margin: 0; max-width: 100%; } .fr-tile__start, .fr-tile__detail { max-width: 100%; } .fr-tile--download .fr-tile__title a::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/download-line.svg"); } .fr-tile.fr-enlarge-link .fr-tile__title a { text-decoration: none; } .fr-tile.fr-enlarge-link .fr-tile__title a::after { width: 1.5rem; height: 1.5rem; background-color: transparent; } .fr-tile--sm .fr-tile__title a::after { width: 1rem; height: 1rem; } .fr-tile { background-color: #fff; } .fr-tile:not(.fr-tile--no-border):not(.fr-tile--shadow) { background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd); } .fr-tile--grey { background-color: #eee; } .fr-tile--shadow { z-index: 500; background-color: #fff; } .fr-tile--shadow.fr-tile--grey { background-color: #eee; } .fr-tile--no-background { background-color: transparent; } .fr-tile--no-background:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-tile--no-background:active { background-color: rgba(0, 0, 0, 0.1); } .fr-tile__title:disabled, a.fr-tile__title:not([href]) { color: #929292; background-color: #e5e5e5; } .fr-tile__title::before { background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a); } .fr-tile__title a { color: #000091; } .fr-tile__title a::before { background-image: linear-gradient(0deg, #000091, #000091); } .fr-tile__title a:not([href]) { color: #929292; } .fr-tile__title a:not([href])::before { background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5); } .fr-translate .fr-translate__btn::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/editor/translate-2.svg"); width: 1rem; height: 1rem; } .fr-translate .fr-translate__btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-down-s-line.svg"); width: 1rem; height: 1rem; } .fr-translate .fr-translate__btn[aria-expanded=true] { color: #000091; background-color: #e3e3fd; } .fr-translate__menu .fr-translate__language { box-shadow: none; } .fr-transcription { position: relative; } .fr-transcription__btn::before { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/media/align-left.svg"); width: 1rem; height: 1rem; } .fr-transcription__btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-down-s-line.svg"); width: 1rem; height: 1rem; } .fr-transcription__btn[aria-expanded=true]::after { transform: rotate(-180deg); } ul.fr-transcription__actions-group { list-style-type: none; } ol.fr-transcription__actions-group { list-style-type: none; } ul.fr-transcription__actions-group, ol.fr-transcription__actions-group { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-transcription .fr-modal:not(.fr-modal--opened) .fr-modal__content { max-height: 9.5rem; } .fr-transcription::before { box-shadow: inset 0 0 0 1px #ddd; } .fr-transcription__btn { color: #000091; } .fr-transcription__btn[aria-expanded=true] { background-color: #e3e3fd; } .fr-transcription__content::before { box-shadow: inset 0 1px 0 0 #ddd; } .fr-transcription__footer::before { box-shadow: inset 0 1px 0 0 #ddd; } .fr-transcription .fr-modal:not(.fr-modal--opened)::before { box-shadow: inset 0 1px 0 0 #ddd; } .fr-input-wrap--addon .fr-btn { flex-shrink: 0; } .fr-input { color: #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: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-btn::before, .fr-search-bar .fr-btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/search-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-search-bar .fr-input { box-shadow: inset 0 -2px 0 0 #000091; } .fr-search-bar .fr-input--valid { box-shadow: inset 0 -2px 0 0 #18753c; } .fr-search-bar .fr-input--error { box-shadow: inset 0 -2px 0 0 #ce0500; } .fr-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-content-media__caption, .fr-content-media .fr-link { color: #666; } .fr-content-media__transcription .fr-link { background-color: transparent; color: #000091; } .fr-content-media__transcription .fr-link:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-content-media__transcription .fr-link:active { background-color: rgba(0, 0, 0, 0.1); } .fr-content-media__transcription .fr-link:disabled, .fr-content-media__transcription a.fr-link:not([href]) { color: #929292; background-color: transparent; } .fr-content-media__transcription .fr-link:disabled:hover, .fr-content-media__transcription a.fr-link:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-content-media__transcription .fr-link:disabled:active, .fr-content-media__transcription a.fr-link:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-consent-service__collapse .fr-consent-service__collapse-btn { text-decoration: underline; } .fr-consent-service__collapse .fr-consent-service__collapse-btn::before, .fr-consent-service__collapse .fr-consent-service__collapse-btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-down-s-line.svg"); width: 1rem; height: 1rem; } .fr-consent-service__collapse .fr-consent-service__collapse-btn[aria-expanded=true]::before, .fr-consent-service__collapse .fr-consent-service__collapse-btn[aria-expanded=true]::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/system/arrow-up-s-line.svg"); width: 1rem; height: 1rem; } .fr-consent-placeholder { background-color: #eee; } .fr-consent-banner { z-index: 1500; background-color: #f6f6f6; box-shadow: inset 0 0 0 1px #ddd; } .fr-consent-manager__header, .fr-consent-service { box-shadow: inset 0 -1px 0 0 #ddd; color: #3a3a3a; } .fr-consent-manager__header .fr-radio-group + .fr-radio-group::before, .fr-consent-service .fr-radio-group + .fr-radio-group::before { box-shadow: inset 0 0 0 1px #ddd; } .fr-consent-service__title { color: #161616; } .fr-consent-service:last-of-type, .fr-consent-service .fr-consent-service { box-shadow: none; } .fr-consent-service .fr-consent-service__collapse-btn { color: #000091; } /** * Correctif de la largeur max des textes */ .fr-follow__newsletter > * { max-width: 100%; } .fr-follow .fr-btn--dailymotion::before { background-image: url("../icons/logo/fr--dailymotion-fill.svg"); } .fr-follow .fr-btn--facebook::before { background-image: url("../icons/logo/facebook-circle-fill.svg"); } .fr-follow .fr-btn--github::before { background-image: url("../icons/logo/github-fill.svg"); } .fr-follow .fr-btn--instagram::before { background-image: url("../icons/logo/instagram-fill.svg"); } .fr-follow .fr-btn--linkedin::before { background-image: url("../icons/logo/linkedin-box-fill.svg"); } .fr-follow .fr-btn--mastodon::before { background-image: url("../icons/logo/mastodon-fill.svg"); } .fr-follow .fr-btn--snapchat::before { background-image: url("../icons/logo/snapchat-fill.svg"); } .fr-follow .fr-btn--telegram::before { background-image: url("../icons/logo/telegram-fill.svg"); } .fr-follow .fr-btn--threads::before { background-image: url("../icons/logo/threads-fill.svg"); } .fr-follow .fr-btn--tiktok::before { background-image: url("../icons/logo/fr--tiktok-fill.svg"); } .fr-follow .fr-btn--twitch::before { background-image: url("../icons/logo/twitch-fill.svg"); } .fr-follow .fr-btn--twitter::before { background-image: url("../icons/logo/twitter-fill.svg"); } .fr-follow .fr-btn--twitter-x::before { background-image: url("../icons/logo/twitter-x-fill.svg"); } .fr-follow .fr-btn--vimeo::before { background-image: url("../icons/logo/vimeo-fill.svg"); } .fr-follow .fr-btn--youtube::before { background-image: url("../icons/logo/youtube-fill.svg"); } .fr-follow .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before, .fr-follow .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } .fr-follow .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before, .fr-follow .fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 2rem; height: 2rem; } .fr-follow .fr-link--facebook::before, .fr-follow .fr-link--facebook::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/logo/facebook-circle-fill.svg"); width: 1.5rem; height: 1.5rem; } .fr-follow .fr-link--twitter::before, .fr-follow .fr-link--twitter::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/logo/twitter-fill.svg"); width: 1.5rem; height: 1.5rem; } .fr-follow .fr-link--instagram::before, .fr-follow .fr-link--instagram::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/logo/instagram-fill.svg"); width: 1.5rem; height: 1.5rem; } .fr-follow .fr-link--linkedin::before, .fr-follow .fr-link--linkedin::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/logo/linkedin-box-fill.svg"); width: 1.5rem; height: 1.5rem; } .fr-follow .fr-link--youtube::before, .fr-follow .fr-link--youtube::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../icons/logo/youtube-fill.svg"); width: 1.5rem; height: 1.5rem; } .fr-follow .fr-links-group:not(.fr-links-group--sm):not(.fr-links-group--lg) .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before, .fr-follow .fr-links-group:not(.fr-links-group--sm):not(.fr-links-group--lg) .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 1.5rem; height: 1.5rem; } .fr-follow .fr-links-group--lg .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::before, .fr-follow .fr-links-group--lg .fr-link:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"])::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 2rem; height: 2rem; } .fr-follow { background-color: #f5f5fe; } .fr-follow .fr-input { background-color: #fff; } .fr-follow__title { color: #161616; } .fr-follow__newsletter-legal { color: #666; } .fr-follow__social .fr-btn { background-color: transparent; color: #000091; } .fr-follow__social .fr-btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-follow__social .fr-btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-follow__social .fr-btn:disabled, .fr-follow__social a.fr-btn:not([href]) { color: #929292; background-color: transparent; } .fr-follow__social .fr-btn:disabled:hover, .fr-follow__social a.fr-btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-follow__social .fr-btn:disabled:active, .fr-follow__social a.fr-btn:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-follow .fr-grid-row > *:not(:first-child) { box-shadow: 0 -1px 0 0 #6a6af4; } .fr-follow__social .fr-link { background-color: transparent; color: #000091; } .fr-follow__social .fr-link:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-follow__social .fr-link:active { background-color: rgba(0, 0, 0, 0.1); } .fr-follow__social .fr-link:disabled, .fr-follow__social a.fr-link:not([href]) { color: #929292; background-color: transparent; } .fr-follow__social .fr-link:disabled:hover, .fr-follow__social a.fr-link:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-follow__social .fr-link:disabled:active, .fr-follow__social a.fr-link:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-password__checkbox { position: absolute; top: 0; right: 0; margin: 0; } .fr-password__checkbox input[type=checkbox] { top: -0.5rem; } .fr-password__btn { background-color: transparent; color: #000091; } .fr-password__btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-password__btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-password__btn:disabled, a.fr-password__btn:not([href]) { color: #929292; background-color: transparent; } .fr-password__btn:disabled:hover, a.fr-password__btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-password__btn:disabled:active, a.fr-password__btn:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-password [data-fr-capslock]::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E"); } .fr-password .fr-password__checkbox input[type=checkbox] + label { color: #161616; } .fr-header ul { list-style-type: none; } .fr-header ol { list-style-type: none; } .fr-header ul, .fr-header ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } .fr-header [href] { text-decoration: none; } .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):not(.fr-btn--display)::before { width: 1rem; height: 1rem; } .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]::before, .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-icon-"]::before, .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-fi-]::before, .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]::before { width: 1rem; height: 1rem; } .fr-header .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn.fr-btn--display::before { width: 1rem; height: 1rem; } .fr-header__tools-links .fr-link { overflow: visible; background-color: transparent; color: #000091; } .fr-header__operator img { height: auto !important; } .fr-header__brand { z-index: 750; background-color: #fff; } .fr-header__service { color: #161616; box-shadow: inset 0 1px 0 0 #ddd; } .fr-header__menu-links::after { box-shadow: inset 0 1px 0 0 #ddd; } .fr-header__menu-links .fr-btn { background-color: transparent; color: #000091; box-shadow: none; } .fr-header__menu-links .fr-btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__menu-links .fr-btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__menu-links .fr-btn:disabled, .fr-header__menu-links a.fr-btn:not([href]) { color: #929292; background-color: transparent; } .fr-header__menu-links .fr-btn:disabled:hover, .fr-header__menu-links a.fr-btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__menu-links .fr-btn:disabled:active, .fr-header__menu-links a.fr-btn:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__tools-links .fr-btn { background-color: transparent; color: #000091; } .fr-header__tools-links .fr-btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__tools-links .fr-btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__tools-links .fr-btn:disabled, .fr-header__tools-links a.fr-btn:not([href]) { color: #929292; background-color: transparent; } .fr-header__tools-links .fr-btn:disabled:hover, .fr-header__tools-links a.fr-btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__tools-links .fr-btn:disabled:active, .fr-header__tools-links a.fr-btn:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn { background-color: transparent; color: #000091; box-shadow: inset 0 0 0 1px #ddd; } .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]) { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; 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-service__title { color: #161616; } .fr-header__navbar .fr-btn { background-color: transparent; color: #000091; } .fr-header__navbar .fr-btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__navbar .fr-btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__navbar .fr-btn:disabled, .fr-header__navbar a.fr-btn:not([href]) { color: #929292; background-color: transparent; } .fr-header__navbar .fr-btn:disabled:hover, .fr-header__navbar a.fr-btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__navbar .fr-btn:disabled:active, .fr-header__navbar a.fr-btn:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__navbar .fr-btn--menu { background-color: transparent; color: #000091; box-shadow: inset 0 0 0 1px #ddd; } .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]) { color: #929292; box-shadow: inset 0 0 0 1px #e5e5e5; 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); } .fr-header .fr-modal { background-color: #fff; } .fr-header__menu-links .fr-link { background-color: transparent; color: #000091; box-shadow: inset 0 -1px 0 0 #ddd; } .fr-header__menu-links .fr-link:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__menu-links .fr-link:active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__menu-links .fr-link:disabled, .fr-header__menu-links a.fr-link:not([href]) { color: #929292; background-color: transparent; } .fr-header__menu-links .fr-link:disabled:hover, .fr-header__menu-links a.fr-link:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__menu-links .fr-link:disabled:active, .fr-header__menu-links a.fr-link:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__tools-links .fr-link:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__tools-links .fr-link:active { background-color: rgba(0, 0, 0, 0.1); } .fr-header__tools-links .fr-link:disabled, .fr-header__tools-links a.fr-link:not([href]) { color: #929292; background-color: transparent; } .fr-header__tools-links .fr-link:disabled:hover, .fr-header__tools-links a.fr-link:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-header__tools-links .fr-link:disabled:active, .fr-header__tools-links a.fr-link:not([href]):active { background-color: rgba(0, 0, 0, 0.1); } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none), (-ms-high-contrast: none) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (-ms-high-contrast: none), (-ms-high-contrast: active) and (-ms-high-contrast: active) { .fr-range[data-fr-js-range] input[type=range]::-ms-fill-lower { background-color: #000091; } .fr-range[data-fr-js-range] input[type=range]:disabled::-ms-fill-lower { background-color: #e5e5e5; } .fr-range[data-fr-js-range].fr-range--double { background-image: linear-gradient(to right, #000091 0, #000091 100%); } .fr-pagination__link { background-color: transparent; } .fr-pagination__link:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-pagination__link:active { background-color: rgba(0, 0, 0, 0.1); } .fr-nav__link, .fr-nav__btn { background-color: transparent; } .fr-nav__link:hover, .fr-nav__btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-nav__link:active, .fr-nav__btn:active { background-color: rgba(0, 0, 0, 0.1); } } @media (min-width: 48em) and (-ms-high-contrast: none), (min-width: 48em) and (-ms-high-contrast: active) { .fr-sidemenu { box-shadow: none; } .fr-sidemenu__title { box-shadow: none; } .fr-sidemenu__inner { box-shadow: inset -1px 0 0 0 #ddd; } .fr-sidemenu--right .fr-sidemenu__inner { box-shadow: inset 1px 0 0 0 #ddd; } .fr-follow .fr-grid-row > *:not(:first-child) { box-shadow: -1px 0 0 0 #6a6af4; } } @media (-ms-high-contrast: none) and (min-width: 48em), (-ms-high-contrast: active) and (min-width: 48em) { .fr-tabs__panel > * { margin-left: 2rem; margin-right: 2rem; } .fr-tabs__panel > *:first-child { margin-top: 1.75rem; } .fr-tabs__panel > *:last-child { margin-bottom: 2rem; } .fr-card--download .fr-card__header { padding-top: 0; } .fr-card--download .fr-card__body, .fr-card--horizontal .fr-card__body, .fr-card--horizontal-half .fr-card__body, .fr-card--horizontal-tier .fr-card__body { flex-basis: 100%; } .fr-tile--download.fr-tile--vertical\@md .fr-tile__body, .fr-tile--horizontal.fr-tile--vertical\@md .fr-tile__body { flex-basis: auto; } } @media (forced-colors: active) and (-ms-high-contrast: none), (forced-colors: active) and (-ms-high-contrast: active), (prefers-contrast: more) and (-ms-high-contrast: none), (prefers-contrast: more) and (-ms-high-contrast: active) { .fr-pagination__link[aria-current]:not([aria-current=false]) { border: 1px solid #000091; } } @media (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) { /** * Correctif de l'alignement des menus sur la droite */ .fr-nav__item { position: static; } .fr-nav__item--align-right .fr-collapse { transform: translateX(-100%); } /** * Override du reset des marges des ul **/ .fr-menu .fr-menu__list { margin-bottom: 2rem; } .fr-menu { z-index: 1000; } .fr-menu__list { background-color: #fff; box-shadow: inset 0 1px 0 0 #e3e3fd; } .fr-menu__list > *:first-child, .fr-menu__list > *:first-child > .fr-nav__link, .fr-menu__list > *:hover, .fr-menu__list > *:hover > .fr-nav__link, .fr-menu__list > *:hover + *, .fr-menu__list > *:hover + * > .fr-nav__link { box-shadow: none; } .fr-menu .fr-nav__link { box-shadow: 0 calc(-1rem - 1px) 0 -1rem #ddd; } .fr-mega-menu { z-index: 1000; background-color: #fff; box-shadow: inset 0 1px 0 0 #e3e3fd; } .fr-mega-menu__category { box-shadow: 0 calc(1rem + 1px) 0 -1rem #ddd; } .fr-header { z-index: 750; background-color: #fff; } .fr-header__brand { z-index: auto; background: transparent; } .fr-header__service { box-shadow: none; } .fr-header .fr-header__menu { box-shadow: inset 0 1px 0 0 #ddd; } } @media (-ms-high-contrast: none) and (min-width: 62em), (-ms-high-contrast: active) and (min-width: 62em) { .fr-tile--download.fr-tile--vertical\@lg .fr-tile__body, .fr-tile--horizontal.fr-tile--vertical\@lg .fr-tile__body { flex-basis: auto; } .fr-header .fr-modal { position: static; overflow: visible; } }