5285 lines
138 KiB
CSS
5285 lines
138 KiB
CSS
/*!
|
|
* 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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23f5f5fe' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
|
|
}
|
|
|
|
:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:checked + label::before {
|
|
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000091' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
|
|
}
|
|
|
|
.fr-checkbox-group input[type=checkbox]:disabled + label::before {
|
|
background-image: radial-gradient(at 5px 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), var(--data-uri-svg);
|
|
}
|
|
|
|
.fr-checkbox-group input[type=checkbox]:disabled:checked + label::before {
|
|
background-color: var(--background-disabled-grey);
|
|
|
|
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
|
|
}
|
|
|
|
:root[data-fr-theme=dark] .fr-checkbox-group input[type=checkbox]:disabled:checked + label::before {
|
|
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23666' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
|
|
}
|
|
|
|
.fr-checkbox-group--error input[type=checkbox] + label::before,
|
|
.fr-checkbox-group--error input[type=checkbox]:checked + label::before {
|
|
background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
|
|
}
|
|
|
|
.fr-checkbox-group--valid input[type=checkbox] + label::before,
|
|
.fr-checkbox-group--valid input[type=checkbox]:checked + label::before {
|
|
background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
|
|
}
|
|
|
|
.fr-fieldset--error .fr-checkbox-group input[type=checkbox] + label::before {
|
|
background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
|
|
}
|
|
|
|
.fr-fieldset--valid .fr-checkbox-group input[type=checkbox] + label::before {
|
|
background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
|
|
}
|
|
|
|
.fr-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;
|
|
}
|
|
}
|