2024-04-09 14:17:06 +02:00
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<html
|
|
|
|
|
|
class=""
|
|
|
|
|
|
data-fr-scheme="system"
|
|
|
|
|
|
lang="fr"
|
|
|
|
|
|
data-fr-js="true"
|
|
|
|
|
|
data-fr-theme="light"
|
|
|
|
|
|
>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
|
|
|
|
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
|
|
|
|
|
|
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
|
|
|
|
|
<meta content="demarches-simplifiees.fr" name="application-name" />
|
|
|
|
|
|
<meta
|
|
|
|
|
|
content="demarches-simplifiees.fr"
|
|
|
|
|
|
name="apple-mobile-web-app-title"
|
|
|
|
|
|
/>
|
|
|
|
|
|
<title>Délai de connexion dépassé - demarches-simplifiees.fr</title>
|
|
|
|
|
|
<meta content="#ffffff" name="theme-color" />
|
|
|
|
|
|
<link
|
|
|
|
|
|
rel="preload"
|
|
|
|
|
|
href="/fonts/Marianne-Regular.woff2"
|
|
|
|
|
|
as="font"
|
|
|
|
|
|
type="font/woff2"
|
|
|
|
|
|
crossorigin="anonymous"
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
a {
|
|
|
|
|
|
-webkit-text-decoration: var(--text-decoration);
|
|
|
|
|
|
text-decoration: var(--text-decoration);
|
|
|
|
|
|
color: inherit;
|
|
|
|
|
|
--hover-tint: var(--idle);
|
|
|
|
|
|
--active-tint: var(--active);
|
|
|
|
|
|
}
|
|
|
|
|
|
:root {
|
|
|
|
|
|
--underline-max-width: 100%;
|
|
|
|
|
|
--underline-hover-width: 0;
|
|
|
|
|
|
--underline-idle-width: var(--underline-max-width);
|
|
|
|
|
|
--underline-x: calc(var(--underline-max-width) * 0);
|
|
|
|
|
|
--underline-thickness: 0.0625em;
|
|
|
|
|
|
--underline-img: linear-gradient(0deg, currentColor, currentColor);
|
|
|
|
|
|
--external-link-content: '';
|
|
|
|
|
|
--text-decoration: none;
|
|
|
|
|
|
--ul-type: disc;
|
|
|
|
|
|
--ol-type: decimal;
|
|
|
|
|
|
--ul-start: 1rem;
|
|
|
|
|
|
--ol-start: 1.5rem;
|
|
|
|
|
|
--xl-block: 0.5rem;
|
|
|
|
|
|
--li-bottom: 0.25rem;
|
|
|
|
|
|
--xl-base: 1em;
|
|
|
|
|
|
--ol-content: counters(li-counter, '.') '. ';
|
|
|
|
|
|
--text-spacing: 0 0 1.5rem;
|
|
|
|
|
|
--title-spacing: 0 0 1.5rem;
|
|
|
|
|
|
--display-spacing: 0 0 2rem;
|
|
|
|
|
|
--background-default-grey: var(--grey-1000-50);
|
|
|
|
|
|
--background-default-grey-hover: var(--grey-1000-50-hover);
|
|
|
|
|
|
--background-default-grey-active: var(--grey-1000-50-active);
|
|
|
|
|
|
--background-alt-grey: var(--grey-975-75);
|
|
|
|
|
|
--background-alt-grey-hover: var(--grey-975-75-hover);
|
|
|
|
|
|
--background-alt-grey-active: var(--grey-975-75-active);
|
|
|
|
|
|
--background-alt-blue-france: var(--blue-france-975-75);
|
|
|
|
|
|
--background-alt-blue-france-hover: var(--blue-france-975-75-hover);
|
|
|
|
|
|
--background-alt-blue-france-active: var(--blue-france-975-75-active);
|
|
|
|
|
|
--background-alt-red-marianne: var(--red-marianne-975-75);
|
|
|
|
|
|
--background-alt-red-marianne-hover: var(--red-marianne-975-75-hover);
|
|
|
|
|
|
--background-alt-red-marianne-active: var(--red-marianne-975-75-active);
|
|
|
|
|
|
--background-alt-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-975-75
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-tilleul-verveine-hover: var(
|
|
|
|
|
|
--green-tilleul-verveine-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-tilleul-verveine-active: var(
|
|
|
|
|
|
--green-tilleul-verveine-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-bourgeon: var(--green-bourgeon-975-75);
|
|
|
|
|
|
--background-alt-green-bourgeon-hover: var(
|
|
|
|
|
|
--green-bourgeon-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-bourgeon-active: var(
|
|
|
|
|
|
--green-bourgeon-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-emeraude: var(--green-emeraude-975-75);
|
|
|
|
|
|
--background-alt-green-emeraude-hover: var(
|
|
|
|
|
|
--green-emeraude-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-emeraude-active: var(
|
|
|
|
|
|
--green-emeraude-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-menthe: var(--green-menthe-975-75);
|
|
|
|
|
|
--background-alt-green-menthe-hover: var(--green-menthe-975-75-hover);
|
|
|
|
|
|
--background-alt-green-menthe-active: var(--green-menthe-975-75-active);
|
|
|
|
|
|
--background-alt-green-archipel: var(--green-archipel-975-75);
|
|
|
|
|
|
--background-alt-green-archipel-hover: var(
|
|
|
|
|
|
--green-archipel-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-green-archipel-active: var(
|
|
|
|
|
|
--green-archipel-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-blue-ecume: var(--blue-ecume-975-75);
|
|
|
|
|
|
--background-alt-blue-ecume-hover: var(--blue-ecume-975-75-hover);
|
|
|
|
|
|
--background-alt-blue-ecume-active: var(--blue-ecume-975-75-active);
|
|
|
|
|
|
--background-alt-blue-cumulus: var(--blue-cumulus-975-75);
|
|
|
|
|
|
--background-alt-blue-cumulus-hover: var(--blue-cumulus-975-75-hover);
|
|
|
|
|
|
--background-alt-blue-cumulus-active: var(--blue-cumulus-975-75-active);
|
|
|
|
|
|
--background-alt-purple-glycine: var(--purple-glycine-975-75);
|
|
|
|
|
|
--background-alt-purple-glycine-hover: var(
|
|
|
|
|
|
--purple-glycine-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-purple-glycine-active: var(
|
|
|
|
|
|
--purple-glycine-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-pink-macaron: var(--pink-macaron-975-75);
|
|
|
|
|
|
--background-alt-pink-macaron-hover: var(--pink-macaron-975-75-hover);
|
|
|
|
|
|
--background-alt-pink-macaron-active: var(--pink-macaron-975-75-active);
|
|
|
|
|
|
--background-alt-pink-tuile: var(--pink-tuile-975-75);
|
|
|
|
|
|
--background-alt-pink-tuile-hover: var(--pink-tuile-975-75-hover);
|
|
|
|
|
|
--background-alt-pink-tuile-active: var(--pink-tuile-975-75-active);
|
|
|
|
|
|
--background-alt-yellow-tournesol: var(--yellow-tournesol-975-75);
|
|
|
|
|
|
--background-alt-yellow-tournesol-hover: var(
|
|
|
|
|
|
--yellow-tournesol-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-yellow-tournesol-active: var(
|
|
|
|
|
|
--yellow-tournesol-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-yellow-moutarde: var(--yellow-moutarde-975-75);
|
|
|
|
|
|
--background-alt-yellow-moutarde-hover: var(
|
|
|
|
|
|
--yellow-moutarde-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-yellow-moutarde-active: var(
|
|
|
|
|
|
--yellow-moutarde-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-orange-terre-battue: var(--orange-terre-battue-975-75);
|
|
|
|
|
|
--background-alt-orange-terre-battue-hover: var(
|
|
|
|
|
|
--orange-terre-battue-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-orange-terre-battue-active: var(
|
|
|
|
|
|
--orange-terre-battue-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-brown-cafe-creme: var(--brown-cafe-creme-975-75);
|
|
|
|
|
|
--background-alt-brown-cafe-creme-hover: var(
|
|
|
|
|
|
--brown-cafe-creme-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-brown-cafe-creme-active: var(
|
|
|
|
|
|
--brown-cafe-creme-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-brown-caramel: var(--brown-caramel-975-75);
|
|
|
|
|
|
--background-alt-brown-caramel-hover: var(--brown-caramel-975-75-hover);
|
|
|
|
|
|
--background-alt-brown-caramel-active: var(
|
|
|
|
|
|
--brown-caramel-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-brown-opera: var(--brown-opera-975-75);
|
|
|
|
|
|
--background-alt-brown-opera-hover: var(--brown-opera-975-75-hover);
|
|
|
|
|
|
--background-alt-brown-opera-active: var(--brown-opera-975-75-active);
|
|
|
|
|
|
--background-alt-beige-gris-galet: var(--beige-gris-galet-975-75);
|
|
|
|
|
|
--background-alt-beige-gris-galet-hover: var(
|
|
|
|
|
|
--beige-gris-galet-975-75-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-alt-beige-gris-galet-active: var(
|
|
|
|
|
|
--beige-gris-galet-975-75-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-grey: var(--grey-950-100);
|
|
|
|
|
|
--background-contrast-grey-hover: var(--grey-950-100-hover);
|
|
|
|
|
|
--background-contrast-grey-active: var(--grey-950-100-active);
|
|
|
|
|
|
--background-contrast-blue-france: var(--blue-france-950-100);
|
|
|
|
|
|
--background-contrast-blue-france-hover: var(
|
|
|
|
|
|
--blue-france-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-blue-france-active: var(
|
|
|
|
|
|
--blue-france-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-red-marianne: var(--red-marianne-950-100);
|
|
|
|
|
|
--background-contrast-red-marianne-hover: var(
|
|
|
|
|
|
--red-marianne-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-red-marianne-active: var(
|
|
|
|
|
|
--red-marianne-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-950-100
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-tilleul-verveine-hover: var(
|
|
|
|
|
|
--green-tilleul-verveine-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-tilleul-verveine-active: var(
|
|
|
|
|
|
--green-tilleul-verveine-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-bourgeon: var(--green-bourgeon-950-100);
|
|
|
|
|
|
--background-contrast-green-bourgeon-hover: var(
|
|
|
|
|
|
--green-bourgeon-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-bourgeon-active: var(
|
|
|
|
|
|
--green-bourgeon-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-emeraude: var(--green-emeraude-950-100);
|
|
|
|
|
|
--background-contrast-green-emeraude-hover: var(
|
|
|
|
|
|
--green-emeraude-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-emeraude-active: var(
|
|
|
|
|
|
--green-emeraude-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-menthe: var(--green-menthe-950-100);
|
|
|
|
|
|
--background-contrast-green-menthe-hover: var(
|
|
|
|
|
|
--green-menthe-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-menthe-active: var(
|
|
|
|
|
|
--green-menthe-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-archipel: var(--green-archipel-950-100);
|
|
|
|
|
|
--background-contrast-green-archipel-hover: var(
|
|
|
|
|
|
--green-archipel-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-green-archipel-active: var(
|
|
|
|
|
|
--green-archipel-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-blue-ecume: var(--blue-ecume-950-100);
|
|
|
|
|
|
--background-contrast-blue-ecume-hover: var(--blue-ecume-950-100-hover);
|
|
|
|
|
|
--background-contrast-blue-ecume-active: var(
|
|
|
|
|
|
--blue-ecume-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-blue-cumulus: var(--blue-cumulus-950-100);
|
|
|
|
|
|
--background-contrast-blue-cumulus-hover: var(
|
|
|
|
|
|
--blue-cumulus-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-blue-cumulus-active: var(
|
|
|
|
|
|
--blue-cumulus-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-purple-glycine: var(--purple-glycine-950-100);
|
|
|
|
|
|
--background-contrast-purple-glycine-hover: var(
|
|
|
|
|
|
--purple-glycine-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-purple-glycine-active: var(
|
|
|
|
|
|
--purple-glycine-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-pink-macaron: var(--pink-macaron-950-100);
|
|
|
|
|
|
--background-contrast-pink-macaron-hover: var(
|
|
|
|
|
|
--pink-macaron-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-pink-macaron-active: var(
|
|
|
|
|
|
--pink-macaron-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-pink-tuile: var(--pink-tuile-950-100);
|
|
|
|
|
|
--background-contrast-pink-tuile-hover: var(--pink-tuile-950-100-hover);
|
|
|
|
|
|
--background-contrast-pink-tuile-active: var(
|
|
|
|
|
|
--pink-tuile-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-yellow-tournesol: var(--yellow-tournesol-950-100);
|
|
|
|
|
|
--background-contrast-yellow-tournesol-hover: var(
|
|
|
|
|
|
--yellow-tournesol-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-yellow-tournesol-active: var(
|
|
|
|
|
|
--yellow-tournesol-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-yellow-moutarde: var(--yellow-moutarde-950-100);
|
|
|
|
|
|
--background-contrast-yellow-moutarde-hover: var(
|
|
|
|
|
|
--yellow-moutarde-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-yellow-moutarde-active: var(
|
|
|
|
|
|
--yellow-moutarde-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-950-100
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-orange-terre-battue-hover: var(
|
|
|
|
|
|
--orange-terre-battue-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-orange-terre-battue-active: var(
|
|
|
|
|
|
--orange-terre-battue-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-brown-cafe-creme: var(--brown-cafe-creme-950-100);
|
|
|
|
|
|
--background-contrast-brown-cafe-creme-hover: var(
|
|
|
|
|
|
--brown-cafe-creme-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-brown-cafe-creme-active: var(
|
|
|
|
|
|
--brown-cafe-creme-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-brown-caramel: var(--brown-caramel-950-100);
|
|
|
|
|
|
--background-contrast-brown-caramel-hover: var(
|
|
|
|
|
|
--brown-caramel-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-brown-caramel-active: var(
|
|
|
|
|
|
--brown-caramel-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-brown-opera: var(--brown-opera-950-100);
|
|
|
|
|
|
--background-contrast-brown-opera-hover: var(
|
|
|
|
|
|
--brown-opera-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-brown-opera-active: var(
|
|
|
|
|
|
--brown-opera-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-beige-gris-galet: var(--beige-gris-galet-950-100);
|
|
|
|
|
|
--background-contrast-beige-gris-galet-hover: var(
|
|
|
|
|
|
--beige-gris-galet-950-100-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-beige-gris-galet-active: var(
|
|
|
|
|
|
--beige-gris-galet-950-100-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-contrast-info: var(--info-950-100);
|
|
|
|
|
|
--background-contrast-info-hover: var(--info-950-100-hover);
|
|
|
|
|
|
--background-contrast-info-active: var(--info-950-100-active);
|
|
|
|
|
|
--background-contrast-success: var(--success-950-100);
|
|
|
|
|
|
--background-contrast-success-hover: var(--success-950-100-hover);
|
|
|
|
|
|
--background-contrast-success-active: var(--success-950-100-active);
|
|
|
|
|
|
--background-contrast-warning: var(--warning-950-100);
|
|
|
|
|
|
--background-contrast-warning-hover: var(--warning-950-100-hover);
|
|
|
|
|
|
--background-contrast-warning-active: var(--warning-950-100-active);
|
|
|
|
|
|
--background-contrast-error: var(--error-950-100);
|
|
|
|
|
|
--background-contrast-error-hover: var(--error-950-100-hover);
|
|
|
|
|
|
--background-contrast-error-active: var(--error-950-100-active);
|
|
|
|
|
|
--background-flat-grey: var(--grey-200-850);
|
|
|
|
|
|
--background-flat-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--background-flat-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--background-flat-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-green-bourgeon: var(
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-green-emeraude: var(
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-green-menthe: var(--green-menthe-sun-373-moon-652);
|
|
|
|
|
|
--background-flat-green-archipel: var(
|
|
|
|
|
|
--green-archipel-sun-391-moon-716
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-blue-ecume: var(--blue-ecume-sun-247-moon-675);
|
|
|
|
|
|
--background-flat-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
|
|
|
|
|
|
--background-flat-purple-glycine: var(
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-pink-macaron: var(--pink-macaron-sun-406-moon-833);
|
|
|
|
|
|
--background-flat-pink-tuile: var(--pink-tuile-sun-425-moon-750);
|
|
|
|
|
|
--background-flat-yellow-tournesol: var(
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-yellow-moutarde: var(
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-brown-cafe-creme: var(
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-brown-caramel: var(--brown-caramel-sun-425-moon-901);
|
|
|
|
|
|
--background-flat-brown-opera: var(--brown-opera-sun-395-moon-820);
|
|
|
|
|
|
--background-flat-beige-gris-galet: var(
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-flat-info: var(--info-425-625);
|
|
|
|
|
|
--background-flat-success: var(--success-425-625);
|
|
|
|
|
|
--background-flat-warning: var(--warning-425-625);
|
|
|
|
|
|
--background-flat-error: var(--error-425-625);
|
|
|
|
|
|
--background-action-high-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--background-action-high-blue-france-hover: var(
|
|
|
|
|
|
--blue-france-sun-113-625-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-blue-france-active: var(
|
|
|
|
|
|
--blue-france-sun-113-625-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--background-action-high-red-marianne-hover: var(
|
|
|
|
|
|
--red-marianne-425-625-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-red-marianne-active: var(
|
|
|
|
|
|
--red-marianne-425-625-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-tilleul-verveine-hover: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-tilleul-verveine-active: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-bourgeon: var(
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-bourgeon-hover: var(
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-bourgeon-active: var(
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-emeraude: var(
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-emeraude-hover: var(
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-emeraude-active: var(
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-menthe: var(
|
|
|
|
|
|
--green-menthe-sun-373-moon-652
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-menthe-hover: var(
|
|
|
|
|
|
--green-menthe-sun-373-moon-652-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-menthe-active: var(
|
|
|
|
|
|
--green-menthe-sun-373-moon-652-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-archipel: var(
|
|
|
|
|
|
--green-archipel-sun-391-moon-716
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-archipel-hover: var(
|
|
|
|
|
|
--green-archipel-sun-391-moon-716-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-green-archipel-active: var(
|
|
|
|
|
|
--green-archipel-sun-391-moon-716-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-blue-ecume: var(--blue-ecume-sun-247-moon-675);
|
|
|
|
|
|
--background-action-high-blue-ecume-hover: var(
|
|
|
|
|
|
--blue-ecume-sun-247-moon-675-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-blue-ecume-active: var(
|
|
|
|
|
|
--blue-ecume-sun-247-moon-675-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-blue-cumulus: var(
|
|
|
|
|
|
--blue-cumulus-sun-368-moon-732
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-blue-cumulus-hover: var(
|
|
|
|
|
|
--blue-cumulus-sun-368-moon-732-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-blue-cumulus-active: var(
|
|
|
|
|
|
--blue-cumulus-sun-368-moon-732-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-purple-glycine: var(
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-purple-glycine-hover: var(
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-purple-glycine-active: var(
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-pink-macaron: var(
|
|
|
|
|
|
--pink-macaron-sun-406-moon-833
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-pink-macaron-hover: var(
|
|
|
|
|
|
--pink-macaron-sun-406-moon-833-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-pink-macaron-active: var(
|
|
|
|
|
|
--pink-macaron-sun-406-moon-833-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-pink-tuile: var(--pink-tuile-sun-425-moon-750);
|
|
|
|
|
|
--background-action-high-pink-tuile-hover: var(
|
|
|
|
|
|
--pink-tuile-sun-425-moon-750-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-pink-tuile-active: var(
|
|
|
|
|
|
--pink-tuile-sun-425-moon-750-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-yellow-tournesol: var(
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-yellow-tournesol-hover: var(
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-yellow-tournesol-active: var(
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-yellow-moutarde: var(
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-yellow-moutarde-hover: var(
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-yellow-moutarde-active: var(
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-orange-terre-battue-hover: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-orange-terre-battue-active: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-cafe-creme: var(
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-cafe-creme-hover: var(
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-cafe-creme-active: var(
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-caramel: var(
|
|
|
|
|
|
--brown-caramel-sun-425-moon-901
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-caramel-hover: var(
|
|
|
|
|
|
--brown-caramel-sun-425-moon-901-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-caramel-active: var(
|
|
|
|
|
|
--brown-caramel-sun-425-moon-901-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-opera: var(
|
|
|
|
|
|
--brown-opera-sun-395-moon-820
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-opera-hover: var(
|
|
|
|
|
|
--brown-opera-sun-395-moon-820-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-brown-opera-active: var(
|
|
|
|
|
|
--brown-opera-sun-395-moon-820-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-beige-gris-galet: var(
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-beige-gris-galet-hover: var(
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-beige-gris-galet-active: var(
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-high-info: var(--info-425-625);
|
|
|
|
|
|
--background-action-high-info-hover: var(--info-425-625-hover);
|
|
|
|
|
|
--background-action-high-info-active: var(--info-425-625-active);
|
|
|
|
|
|
--background-action-high-success: var(--success-425-625);
|
|
|
|
|
|
--background-action-high-success-hover: var(--success-425-625-hover);
|
|
|
|
|
|
--background-action-high-success-active: var(--success-425-625-active);
|
|
|
|
|
|
--background-action-high-warning: var(--warning-425-625);
|
|
|
|
|
|
--background-action-high-warning-hover: var(--warning-425-625-hover);
|
|
|
|
|
|
--background-action-high-warning-active: var(--warning-425-625-active);
|
|
|
|
|
|
--background-action-high-error: var(--error-425-625);
|
|
|
|
|
|
--background-action-high-error-hover: var(--error-425-625-hover);
|
|
|
|
|
|
--background-action-high-error-active: var(--error-425-625-active);
|
|
|
|
|
|
--background-action-low-blue-france: var(--blue-france-925-125);
|
|
|
|
|
|
--background-action-low-blue-france-hover: var(
|
|
|
|
|
|
--blue-france-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-blue-france-active: var(
|
|
|
|
|
|
--blue-france-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-red-marianne: var(--red-marianne-925-125);
|
|
|
|
|
|
--background-action-low-red-marianne-hover: var(
|
|
|
|
|
|
--red-marianne-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-red-marianne-active: var(
|
|
|
|
|
|
--red-marianne-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-925-125
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-tilleul-verveine-hover: var(
|
|
|
|
|
|
--green-tilleul-verveine-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-tilleul-verveine-active: var(
|
|
|
|
|
|
--green-tilleul-verveine-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-bourgeon: var(--green-bourgeon-925-125);
|
|
|
|
|
|
--background-action-low-green-bourgeon-hover: var(
|
|
|
|
|
|
--green-bourgeon-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-bourgeon-active: var(
|
|
|
|
|
|
--green-bourgeon-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-emeraude: var(--green-emeraude-925-125);
|
|
|
|
|
|
--background-action-low-green-emeraude-hover: var(
|
|
|
|
|
|
--green-emeraude-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-emeraude-active: var(
|
|
|
|
|
|
--green-emeraude-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-menthe: var(--green-menthe-925-125);
|
|
|
|
|
|
--background-action-low-green-menthe-hover: var(
|
|
|
|
|
|
--green-menthe-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-menthe-active: var(
|
|
|
|
|
|
--green-menthe-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-archipel: var(--green-archipel-925-125);
|
|
|
|
|
|
--background-action-low-green-archipel-hover: var(
|
|
|
|
|
|
--green-archipel-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-green-archipel-active: var(
|
|
|
|
|
|
--green-archipel-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-blue-ecume: var(--blue-ecume-925-125);
|
|
|
|
|
|
--background-action-low-blue-ecume-hover: var(
|
|
|
|
|
|
--blue-ecume-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-blue-ecume-active: var(
|
|
|
|
|
|
--blue-ecume-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-blue-cumulus: var(--blue-cumulus-925-125);
|
|
|
|
|
|
--background-action-low-blue-cumulus-hover: var(
|
|
|
|
|
|
--blue-cumulus-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-blue-cumulus-active: var(
|
|
|
|
|
|
--blue-cumulus-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-purple-glycine: var(--purple-glycine-925-125);
|
|
|
|
|
|
--background-action-low-purple-glycine-hover: var(
|
|
|
|
|
|
--purple-glycine-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-purple-glycine-active: var(
|
|
|
|
|
|
--purple-glycine-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-pink-macaron: var(--pink-macaron-925-125);
|
|
|
|
|
|
--background-action-low-pink-macaron-hover: var(
|
|
|
|
|
|
--pink-macaron-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-pink-macaron-active: var(
|
|
|
|
|
|
--pink-macaron-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-pink-tuile: var(--pink-tuile-925-125);
|
|
|
|
|
|
--background-action-low-pink-tuile-hover: var(
|
|
|
|
|
|
--pink-tuile-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-pink-tuile-active: var(
|
|
|
|
|
|
--pink-tuile-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-yellow-tournesol: var(
|
|
|
|
|
|
--yellow-tournesol-925-125
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-yellow-tournesol-hover: var(
|
|
|
|
|
|
--yellow-tournesol-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-yellow-tournesol-active: var(
|
|
|
|
|
|
--yellow-tournesol-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-yellow-moutarde: var(--yellow-moutarde-925-125);
|
|
|
|
|
|
--background-action-low-yellow-moutarde-hover: var(
|
|
|
|
|
|
--yellow-moutarde-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-yellow-moutarde-active: var(
|
|
|
|
|
|
--yellow-moutarde-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-925-125
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-orange-terre-battue-hover: var(
|
|
|
|
|
|
--orange-terre-battue-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-orange-terre-battue-active: var(
|
|
|
|
|
|
--orange-terre-battue-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-cafe-creme: var(
|
|
|
|
|
|
--brown-cafe-creme-925-125
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-cafe-creme-hover: var(
|
|
|
|
|
|
--brown-cafe-creme-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-cafe-creme-active: var(
|
|
|
|
|
|
--brown-cafe-creme-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-caramel: var(--brown-caramel-925-125);
|
|
|
|
|
|
--background-action-low-brown-caramel-hover: var(
|
|
|
|
|
|
--brown-caramel-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-caramel-active: var(
|
|
|
|
|
|
--brown-caramel-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-opera: var(--brown-opera-925-125);
|
|
|
|
|
|
--background-action-low-brown-opera-hover: var(
|
|
|
|
|
|
--brown-opera-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-brown-opera-active: var(
|
|
|
|
|
|
--brown-opera-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-beige-gris-galet: var(
|
|
|
|
|
|
--beige-gris-galet-925-125
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-beige-gris-galet-hover: var(
|
|
|
|
|
|
--beige-gris-galet-925-125-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-action-low-beige-gris-galet-active: var(
|
|
|
|
|
|
--beige-gris-galet-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-active-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--background-active-blue-france-hover: var(
|
|
|
|
|
|
--blue-france-sun-113-625-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-active-blue-france-active: var(
|
|
|
|
|
|
--blue-france-sun-113-625-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-active-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--background-active-red-marianne-hover: var(
|
|
|
|
|
|
--red-marianne-425-625-hover
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-active-red-marianne-active: var(
|
|
|
|
|
|
--red-marianne-425-625-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-open-blue-france: var(--blue-france-925-125);
|
|
|
|
|
|
--background-open-blue-france-hover: var(--blue-france-925-125-hover);
|
|
|
|
|
|
--background-open-blue-france-active: var(--blue-france-925-125-active);
|
|
|
|
|
|
--background-open-red-marianne: var(--red-marianne-925-125);
|
|
|
|
|
|
--background-open-red-marianne-hover: var(--red-marianne-925-125-hover);
|
|
|
|
|
|
--background-open-red-marianne-active: var(
|
|
|
|
|
|
--red-marianne-925-125-active
|
|
|
|
|
|
);
|
|
|
|
|
|
--background-disabled-grey: var(--grey-925-125);
|
|
|
|
|
|
--background-raised-grey: var(--grey-1000-75);
|
|
|
|
|
|
--background-raised-grey-hover: var(--grey-1000-75-hover);
|
|
|
|
|
|
--background-raised-grey-active: var(--grey-1000-75-active);
|
|
|
|
|
|
--background-overlap-grey: var(--grey-1000-100);
|
|
|
|
|
|
--background-overlap-grey-hover: var(--grey-1000-100-hover);
|
|
|
|
|
|
--background-overlap-grey-active: var(--grey-1000-100-active);
|
|
|
|
|
|
--background-lifted-grey: var(--grey-1000-75);
|
|
|
|
|
|
--background-lifted-grey-hover: var(--grey-1000-75-hover);
|
|
|
|
|
|
--background-lifted-grey-active: var(--grey-1000-75-active);
|
|
|
|
|
|
--background-alt-raised-grey: var(--grey-975-100);
|
|
|
|
|
|
--background-alt-raised-grey-hover: var(--grey-975-100-hover);
|
|
|
|
|
|
--background-alt-raised-grey-active: var(--grey-975-100-active);
|
|
|
|
|
|
--background-alt-overlap-grey: var(--grey-975-125);
|
|
|
|
|
|
--background-alt-overlap-grey-hover: var(--grey-975-125-hover);
|
|
|
|
|
|
--background-alt-overlap-grey-active: var(--grey-975-125-active);
|
|
|
|
|
|
--background-contrast-raised-grey: var(--grey-950-125);
|
|
|
|
|
|
--background-contrast-raised-grey-hover: var(--grey-950-125-hover);
|
|
|
|
|
|
--background-contrast-raised-grey-active: var(--grey-950-125-active);
|
|
|
|
|
|
--background-contrast-overlap-grey: var(--grey-950-150);
|
|
|
|
|
|
--background-contrast-overlap-grey-hover: var(--grey-950-150-hover);
|
|
|
|
|
|
--background-contrast-overlap-grey-active: var(--grey-950-150-active);
|
|
|
|
|
|
--text-default-grey: var(--grey-200-850);
|
|
|
|
|
|
--text-default-info: var(--info-425-625);
|
|
|
|
|
|
--text-default-success: var(--success-425-625);
|
|
|
|
|
|
--text-default-warning: var(--warning-425-625);
|
|
|
|
|
|
--text-default-error: var(--error-425-625);
|
|
|
|
|
|
--text-action-high-grey: var(--grey-50-1000);
|
|
|
|
|
|
--text-action-high-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--text-action-high-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--text-action-high-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-green-bourgeon: var(
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-green-emeraude: var(
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-green-menthe: var(--green-menthe-sun-373-moon-652);
|
|
|
|
|
|
--text-action-high-green-archipel: var(
|
|
|
|
|
|
--green-archipel-sun-391-moon-716
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-blue-ecume: var(--blue-ecume-sun-247-moon-675);
|
|
|
|
|
|
--text-action-high-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
|
|
|
|
|
|
--text-action-high-purple-glycine: var(
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-pink-macaron: var(--pink-macaron-sun-406-moon-833);
|
|
|
|
|
|
--text-action-high-pink-tuile: var(--pink-tuile-sun-425-moon-750);
|
|
|
|
|
|
--text-action-high-yellow-tournesol: var(
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-yellow-moutarde: var(
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-brown-cafe-creme: var(
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-action-high-brown-caramel: var(--brown-caramel-sun-425-moon-901);
|
|
|
|
|
|
--text-action-high-brown-opera: var(--brown-opera-sun-395-moon-820);
|
|
|
|
|
|
--text-action-high-beige-gris-galet: var(
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-title-grey: var(--grey-50-1000);
|
|
|
|
|
|
--text-title-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--text-title-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--text-label-grey: var(--grey-50-1000);
|
|
|
|
|
|
--text-label-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--text-label-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--text-label-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-label-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
|
|
|
|
|
|
--text-label-green-emeraude: var(--green-emeraude-sun-425-moon-753);
|
|
|
|
|
|
--text-label-green-menthe: var(--green-menthe-sun-373-moon-652);
|
|
|
|
|
|
--text-label-green-archipel: var(--green-archipel-sun-391-moon-716);
|
|
|
|
|
|
--text-label-blue-ecume: var(--blue-ecume-sun-247-moon-675);
|
|
|
|
|
|
--text-label-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
|
|
|
|
|
|
--text-label-purple-glycine: var(--purple-glycine-sun-319-moon-630);
|
|
|
|
|
|
--text-label-pink-macaron: var(--pink-macaron-sun-406-moon-833);
|
|
|
|
|
|
--text-label-pink-tuile: var(--pink-tuile-sun-425-moon-750);
|
|
|
|
|
|
--text-label-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
|
|
|
|
|
|
--text-label-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
|
|
|
|
|
|
--text-label-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-label-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
|
|
|
|
|
|
--text-label-brown-caramel: var(--brown-caramel-sun-425-moon-901);
|
|
|
|
|
|
--text-label-brown-opera: var(--brown-opera-sun-395-moon-820);
|
|
|
|
|
|
--text-label-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
|
|
|
|
|
|
--text-active-grey: var(--grey-50-1000);
|
|
|
|
|
|
--text-active-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--text-active-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--text-mention-grey: var(--grey-425-625);
|
|
|
|
|
|
--text-inverted-grey: var(--grey-1000-50);
|
|
|
|
|
|
--text-inverted-blue-france: var(--blue-france-975-sun-113);
|
|
|
|
|
|
--text-inverted-red-marianne: var(--red-marianne-975-75);
|
|
|
|
|
|
--text-inverted-info: var(--info-975-75);
|
|
|
|
|
|
--text-inverted-success: var(--success-975-75);
|
|
|
|
|
|
--text-inverted-warning: var(--warning-975-75);
|
|
|
|
|
|
--text-inverted-error: var(--error-975-75);
|
|
|
|
|
|
--text-inverted-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-975-75
|
|
|
|
|
|
);
|
|
|
|
|
|
--text-inverted-green-bourgeon: var(--green-bourgeon-975-75);
|
|
|
|
|
|
--text-inverted-green-emeraude: var(--green-emeraude-975-75);
|
|
|
|
|
|
--text-inverted-green-menthe: var(--green-menthe-975-75);
|
|
|
|
|
|
--text-inverted-green-archipel: var(--green-archipel-975-75);
|
|
|
|
|
|
--text-inverted-blue-ecume: var(--blue-ecume-975-75);
|
|
|
|
|
|
--text-inverted-blue-cumulus: var(--blue-cumulus-975-75);
|
|
|
|
|
|
--text-inverted-purple-glycine: var(--purple-glycine-975-75);
|
|
|
|
|
|
--text-inverted-pink-macaron: var(--pink-macaron-975-75);
|
|
|
|
|
|
--text-inverted-pink-tuile: var(--pink-tuile-975-75);
|
|
|
|
|
|
--text-inverted-yellow-tournesol: var(--yellow-tournesol-975-75);
|
|
|
|
|
|
--text-inverted-yellow-moutarde: var(--yellow-moutarde-975-75);
|
|
|
|
|
|
--text-inverted-orange-terre-battue: var(--orange-terre-battue-975-75);
|
|
|
|
|
|
--text-inverted-brown-cafe-creme: var(--brown-cafe-creme-975-75);
|
|
|
|
|
|
--text-inverted-brown-caramel: var(--brown-caramel-975-75);
|
|
|
|
|
|
--text-inverted-brown-opera: var(--brown-opera-975-75);
|
|
|
|
|
|
--text-inverted-beige-gris-galet: var(--beige-gris-galet-975-75);
|
|
|
|
|
|
--text-disabled-grey: var(--grey-625-425);
|
|
|
|
|
|
--border-default-grey: var(--grey-900-175);
|
|
|
|
|
|
--border-default-blue-france: var(--blue-france-main-525);
|
|
|
|
|
|
--border-default-red-marianne: var(--red-marianne-main-472);
|
|
|
|
|
|
--border-default-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-main-707
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-default-green-bourgeon: var(--green-bourgeon-main-640);
|
|
|
|
|
|
--border-default-green-emeraude: var(--green-emeraude-main-632);
|
|
|
|
|
|
--border-default-green-menthe: var(--green-menthe-main-548);
|
|
|
|
|
|
--border-default-green-archipel: var(--green-archipel-main-557);
|
|
|
|
|
|
--border-default-blue-ecume: var(--blue-ecume-main-400);
|
|
|
|
|
|
--border-default-blue-cumulus: var(--blue-cumulus-main-526);
|
|
|
|
|
|
--border-default-purple-glycine: var(--purple-glycine-main-494);
|
|
|
|
|
|
--border-default-pink-macaron: var(--pink-macaron-main-689);
|
|
|
|
|
|
--border-default-pink-tuile: var(--pink-tuile-main-556);
|
|
|
|
|
|
--border-default-yellow-tournesol: var(--yellow-tournesol-main-731);
|
|
|
|
|
|
--border-default-yellow-moutarde: var(--yellow-moutarde-main-679);
|
|
|
|
|
|
--border-default-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-main-645
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-default-brown-cafe-creme: var(--brown-cafe-creme-main-782);
|
|
|
|
|
|
--border-default-brown-caramel: var(--brown-caramel-main-648);
|
|
|
|
|
|
--border-default-brown-opera: var(--brown-opera-main-680);
|
|
|
|
|
|
--border-default-beige-gris-galet: var(--beige-gris-galet-main-702);
|
|
|
|
|
|
--border-active-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--border-active-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--border-action-high-grey: var(--grey-50-1000);
|
|
|
|
|
|
--border-action-high-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--border-action-high-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--border-action-high-info: var(--info-425-625);
|
|
|
|
|
|
--border-action-high-success: var(--success-425-625);
|
|
|
|
|
|
--border-action-high-warning: var(--warning-425-625);
|
|
|
|
|
|
--border-action-high-error: var(--error-425-625);
|
|
|
|
|
|
--border-action-low-blue-france: var(--blue-france-850-200);
|
|
|
|
|
|
--border-action-low-red-marianne: var(--red-marianne-850-200);
|
|
|
|
|
|
--border-action-low-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-850-200
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-action-low-green-bourgeon: var(--green-bourgeon-850-200);
|
|
|
|
|
|
--border-action-low-green-emeraude: var(--green-emeraude-850-200);
|
|
|
|
|
|
--border-action-low-green-menthe: var(--green-menthe-850-200);
|
|
|
|
|
|
--border-action-low-green-archipel: var(--green-archipel-850-200);
|
|
|
|
|
|
--border-action-low-blue-ecume: var(--blue-ecume-850-200);
|
|
|
|
|
|
--border-action-low-blue-cumulus: var(--blue-cumulus-850-200);
|
|
|
|
|
|
--border-action-low-purple-glycine: var(--purple-glycine-850-200);
|
|
|
|
|
|
--border-action-low-pink-macaron: var(--pink-macaron-850-200);
|
|
|
|
|
|
--border-action-low-pink-tuile: var(--pink-tuile-850-200);
|
|
|
|
|
|
--border-action-low-yellow-tournesol: var(--yellow-tournesol-850-200);
|
|
|
|
|
|
--border-action-low-yellow-moutarde: var(--yellow-moutarde-850-200);
|
|
|
|
|
|
--border-action-low-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-850-200
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-action-low-brown-cafe-creme: var(--brown-cafe-creme-850-200);
|
|
|
|
|
|
--border-action-low-brown-caramel: var(--brown-caramel-850-200);
|
|
|
|
|
|
--border-action-low-brown-opera: var(--brown-opera-850-200);
|
|
|
|
|
|
--border-action-low-beige-gris-galet: var(--beige-gris-galet-850-200);
|
|
|
|
|
|
--border-open-blue-france: var(--blue-france-925-125);
|
|
|
|
|
|
--border-open-red-marianne: var(--red-marianne-925-125);
|
|
|
|
|
|
--border-plain-grey: var(--grey-200-850);
|
|
|
|
|
|
--border-plain-blue-france: var(--blue-france-sun-113-625);
|
|
|
|
|
|
--border-plain-red-marianne: var(--red-marianne-425-625);
|
|
|
|
|
|
--border-plain-info: var(--info-425-625);
|
|
|
|
|
|
--border-plain-success: var(--success-425-625);
|
|
|
|
|
|
--border-plain-warning: var(--warning-425-625);
|
|
|
|
|
|
--border-plain-error: var(--error-425-625);
|
|
|
|
|
|
--border-plain-green-tilleul-verveine: var(
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-plain-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
|
|
|
|
|
|
--border-plain-green-emeraude: var(--green-emeraude-sun-425-moon-753);
|
|
|
|
|
|
--border-plain-green-menthe: var(--green-menthe-sun-373-moon-652);
|
|
|
|
|
|
--border-plain-green-archipel: var(--green-archipel-sun-391-moon-716);
|
|
|
|
|
|
--border-plain-blue-ecume: var(--blue-ecume-sun-247-moon-675);
|
|
|
|
|
|
--border-plain-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
|
|
|
|
|
|
--border-plain-purple-glycine: var(--purple-glycine-sun-319-moon-630);
|
|
|
|
|
|
--border-plain-pink-macaron: var(--pink-macaron-sun-406-moon-833);
|
|
|
|
|
|
--border-plain-pink-tuile: var(--pink-tuile-sun-425-moon-750);
|
|
|
|
|
|
--border-plain-yellow-tournesol: var(
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-plain-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
|
|
|
|
|
|
--border-plain-orange-terre-battue: var(
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-plain-brown-cafe-creme: var(
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-plain-brown-caramel: var(--brown-caramel-sun-425-moon-901);
|
|
|
|
|
|
--border-plain-brown-opera: var(--brown-opera-sun-395-moon-820);
|
|
|
|
|
|
--border-plain-beige-gris-galet: var(
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821
|
|
|
|
|
|
);
|
|
|
|
|
|
--border-disabled-grey: var(--grey-925-125);
|
|
|
|
|
|
--grey-1000-50: #fff;
|
|
|
|
|
|
--grey-1000-50-hover: #f6f6f6;
|
|
|
|
|
|
--grey-1000-50-active: #ededed;
|
|
|
|
|
|
--grey-975-75: #f6f6f6;
|
|
|
|
|
|
--grey-975-75-hover: #dfdfdf;
|
|
|
|
|
|
--grey-975-75-active: #cfcfcf;
|
|
|
|
|
|
--grey-950-100: #eee;
|
|
|
|
|
|
--grey-950-100-hover: #d2d2d2;
|
|
|
|
|
|
--grey-950-100-active: #c1c1c1;
|
|
|
|
|
|
--grey-200-850: #3a3a3a;
|
|
|
|
|
|
--grey-925-125: #e5e5e5;
|
|
|
|
|
|
--grey-1000-75: #fff;
|
|
|
|
|
|
--grey-1000-75-hover: #f6f6f6;
|
|
|
|
|
|
--grey-1000-75-active: #ededed;
|
|
|
|
|
|
--grey-1000-100: #fff;
|
|
|
|
|
|
--grey-1000-100-hover: #f6f6f6;
|
|
|
|
|
|
--grey-1000-100-active: #ededed;
|
|
|
|
|
|
--grey-975-100: #f6f6f6;
|
|
|
|
|
|
--grey-975-100-hover: #dfdfdf;
|
|
|
|
|
|
--grey-975-100-active: #cfcfcf;
|
|
|
|
|
|
--grey-975-125: #f6f6f6;
|
|
|
|
|
|
--grey-975-125-hover: #dfdfdf;
|
|
|
|
|
|
--grey-975-125-active: #cfcfcf;
|
|
|
|
|
|
--grey-950-125: #eee;
|
|
|
|
|
|
--grey-950-125-hover: #d2d2d2;
|
|
|
|
|
|
--grey-950-125-active: #c1c1c1;
|
|
|
|
|
|
--grey-950-150: #eee;
|
|
|
|
|
|
--grey-950-150-hover: #d2d2d2;
|
|
|
|
|
|
--grey-950-150-active: #c1c1c1;
|
|
|
|
|
|
--grey-50-1000: #161616;
|
|
|
|
|
|
--grey-425-625: #666;
|
|
|
|
|
|
--grey-625-425: #929292;
|
|
|
|
|
|
--grey-900-175: #ddd;
|
|
|
|
|
|
--blue-france-975-75: #f5f5fe;
|
|
|
|
|
|
--blue-france-975-75-hover: #dcdcfc;
|
|
|
|
|
|
--blue-france-975-75-active: #cbcbfa;
|
|
|
|
|
|
--blue-france-950-100: #ececfe;
|
|
|
|
|
|
--blue-france-950-100-hover: #cecefc;
|
|
|
|
|
|
--blue-france-950-100-active: #bbbbfc;
|
|
|
|
|
|
--blue-france-sun-113-625: #000091;
|
|
|
|
|
|
--blue-france-sun-113-625-hover: #1212ff;
|
|
|
|
|
|
--blue-france-sun-113-625-active: #2323ff;
|
|
|
|
|
|
--blue-france-925-125: #e3e3fd;
|
|
|
|
|
|
--blue-france-925-125-hover: #c1c1fb;
|
|
|
|
|
|
--blue-france-925-125-active: #adadf9;
|
|
|
|
|
|
--blue-france-975-sun-113: #f5f5fe;
|
|
|
|
|
|
--blue-france-main-525: #6a6af4;
|
|
|
|
|
|
--blue-france-850-200: #cacafb;
|
|
|
|
|
|
--red-marianne-975-75: #fef4f4;
|
|
|
|
|
|
--red-marianne-975-75-hover: #fcd7d7;
|
|
|
|
|
|
--red-marianne-975-75-active: #fac4c4;
|
|
|
|
|
|
--red-marianne-950-100: #fee9e9;
|
|
|
|
|
|
--red-marianne-950-100-hover: #fdc5c5;
|
|
|
|
|
|
--red-marianne-950-100-active: #fcafaf;
|
|
|
|
|
|
--red-marianne-425-625: #c9191e;
|
|
|
|
|
|
--red-marianne-425-625-hover: #f93f42;
|
|
|
|
|
|
--red-marianne-425-625-active: #f95a5c;
|
|
|
|
|
|
--red-marianne-925-125: #fddede;
|
|
|
|
|
|
--red-marianne-925-125-hover: #fbb6b6;
|
|
|
|
|
|
--red-marianne-925-125-active: #fa9e9e;
|
|
|
|
|
|
--red-marianne-main-472: #e1000f;
|
|
|
|
|
|
--red-marianne-850-200: #fcbfbf;
|
|
|
|
|
|
--info-950-100: #e8edff;
|
|
|
|
|
|
--info-950-100-hover: #c2d1ff;
|
|
|
|
|
|
--info-950-100-active: #a9bfff;
|
|
|
|
|
|
--info-425-625: #0063cb;
|
|
|
|
|
|
--info-425-625-hover: #3b87ff;
|
|
|
|
|
|
--info-425-625-active: #6798ff;
|
|
|
|
|
|
--info-975-75: #f4f6ff;
|
|
|
|
|
|
--success-950-100: #b8fec9;
|
|
|
|
|
|
--success-950-100-hover: #46fd89;
|
|
|
|
|
|
--success-950-100-active: #34eb7b;
|
|
|
|
|
|
--success-425-625: #18753c;
|
|
|
|
|
|
--success-425-625-hover: #27a959;
|
|
|
|
|
|
--success-425-625-active: #2fc368;
|
|
|
|
|
|
--success-975-75: #dffee6;
|
|
|
|
|
|
--warning-950-100: #ffe9e6;
|
|
|
|
|
|
--warning-950-100-hover: #ffc6bd;
|
|
|
|
|
|
--warning-950-100-active: #ffb0a2;
|
|
|
|
|
|
--warning-425-625: #b34000;
|
|
|
|
|
|
--warning-425-625-hover: #ff6218;
|
|
|
|
|
|
--warning-425-625-active: #ff7a55;
|
|
|
|
|
|
--warning-975-75: #fff4f3;
|
|
|
|
|
|
--error-950-100: #ffe9e9;
|
|
|
|
|
|
--error-950-100-hover: #ffc5c5;
|
|
|
|
|
|
--error-950-100-active: #ffafaf;
|
|
|
|
|
|
--error-425-625: #ce0500;
|
|
|
|
|
|
--error-425-625-hover: #ff2725;
|
|
|
|
|
|
--error-425-625-active: #ff4140;
|
|
|
|
|
|
--error-975-75: #fff4f4;
|
|
|
|
|
|
--green-tilleul-verveine-975-75: #fef7da;
|
|
|
|
|
|
--green-tilleul-verveine-975-75-hover: #fce552;
|
|
|
|
|
|
--green-tilleul-verveine-975-75-active: #ebd54c;
|
|
|
|
|
|
--green-tilleul-verveine-950-100: #fceeac;
|
|
|
|
|
|
--green-tilleul-verveine-950-100-hover: #e8d45c;
|
|
|
|
|
|
--green-tilleul-verveine-950-100-active: #d4c254;
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817: #66673d;
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817-hover: #929359;
|
|
|
|
|
|
--green-tilleul-verveine-sun-418-moon-817-active: #a7a967;
|
|
|
|
|
|
--green-tilleul-verveine-925-125: #fbe769;
|
|
|
|
|
|
--green-tilleul-verveine-925-125-hover: #d7c655;
|
|
|
|
|
|
--green-tilleul-verveine-925-125-active: #c2b24c;
|
|
|
|
|
|
--green-tilleul-verveine-main-707: #b7a73f;
|
|
|
|
|
|
--green-tilleul-verveine-850-200: #e2cf58;
|
|
|
|
|
|
--green-bourgeon-975-75: #e6feda;
|
|
|
|
|
|
--green-bourgeon-975-75-hover: #a7fc62;
|
|
|
|
|
|
--green-bourgeon-975-75-active: #98ed4d;
|
|
|
|
|
|
--green-bourgeon-950-100: #c9fcac;
|
|
|
|
|
|
--green-bourgeon-950-100-hover: #9ae95d;
|
|
|
|
|
|
--green-bourgeon-950-100-active: #8dd555;
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759: #447049;
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759-hover: #639f6a;
|
|
|
|
|
|
--green-bourgeon-sun-425-moon-759-active: #72b77a;
|
|
|
|
|
|
--green-bourgeon-925-125: #a9fb68;
|
|
|
|
|
|
--green-bourgeon-925-125-hover: #8ed654;
|
|
|
|
|
|
--green-bourgeon-925-125-active: #7fc04b;
|
|
|
|
|
|
--green-bourgeon-main-640: #68a532;
|
|
|
|
|
|
--green-bourgeon-850-200: #95e257;
|
|
|
|
|
|
--green-emeraude-975-75: #e3fdeb;
|
|
|
|
|
|
--green-emeraude-975-75-hover: #94f9b9;
|
|
|
|
|
|
--green-emeraude-975-75-active: #6df1a3;
|
|
|
|
|
|
--green-emeraude-950-100: #c3fad5;
|
|
|
|
|
|
--green-emeraude-950-100-hover: #77eda5;
|
|
|
|
|
|
--green-emeraude-950-100-active: #6dd897;
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753: #297254;
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753-hover: #3ea47a;
|
|
|
|
|
|
--green-emeraude-sun-425-moon-753-active: #49bc8d;
|
|
|
|
|
|
--green-emeraude-925-125: #9ef9be;
|
|
|
|
|
|
--green-emeraude-925-125-hover: #69df97;
|
|
|
|
|
|
--green-emeraude-925-125-active: #5ec988;
|
|
|
|
|
|
--green-emeraude-main-632: #00a95f;
|
|
|
|
|
|
--green-emeraude-850-200: #6fe49d;
|
|
|
|
|
|
--green-menthe-975-75: #dffdf7;
|
|
|
|
|
|
--green-menthe-975-75-hover: #84f9e7;
|
|
|
|
|
|
--green-menthe-975-75-active: #70ebd8;
|
|
|
|
|
|
--green-menthe-950-100: #bafaee;
|
|
|
|
|
|
--green-menthe-950-100-hover: #79e7d5;
|
|
|
|
|
|
--green-menthe-950-100-active: #6fd3c3;
|
|
|
|
|
|
--green-menthe-sun-373-moon-652: #37635f;
|
|
|
|
|
|
--green-menthe-sun-373-moon-652-hover: #53918c;
|
|
|
|
|
|
--green-menthe-sun-373-moon-652-active: #62a9a2;
|
|
|
|
|
|
--green-menthe-925-125: #8bf8e7;
|
|
|
|
|
|
--green-menthe-925-125-hover: #6ed5c5;
|
|
|
|
|
|
--green-menthe-925-125-active: #62bfb1;
|
|
|
|
|
|
--green-menthe-main-548: #009081;
|
|
|
|
|
|
--green-menthe-850-200: #73e0cf;
|
|
|
|
|
|
--green-archipel-975-75: #e5fbfd;
|
|
|
|
|
|
--green-archipel-975-75-hover: #99f2f8;
|
|
|
|
|
|
--green-archipel-975-75-active: #73e9f0;
|
|
|
|
|
|
--green-archipel-950-100: #c7f6fc;
|
|
|
|
|
|
--green-archipel-950-100-hover: #64ecf8;
|
|
|
|
|
|
--green-archipel-950-100-active: #5bd8e3;
|
|
|
|
|
|
--green-archipel-sun-391-moon-716: #006a6f;
|
|
|
|
|
|
--green-archipel-sun-391-moon-716-hover: #009fa7;
|
|
|
|
|
|
--green-archipel-sun-391-moon-716-active: #00bbc3;
|
|
|
|
|
|
--green-archipel-925-125: #a6f2fa;
|
|
|
|
|
|
--green-archipel-925-125-hover: #62dbe5;
|
|
|
|
|
|
--green-archipel-925-125-active: #58c5cf;
|
|
|
|
|
|
--green-archipel-main-557: #009099;
|
|
|
|
|
|
--green-archipel-850-200: #60e0eb;
|
|
|
|
|
|
--blue-ecume-975-75: #f4f6fe;
|
|
|
|
|
|
--blue-ecume-975-75-hover: #d7dffb;
|
|
|
|
|
|
--blue-ecume-975-75-active: #c3cffa;
|
|
|
|
|
|
--blue-ecume-950-100: #e9edfe;
|
|
|
|
|
|
--blue-ecume-950-100-hover: #c5d0fc;
|
|
|
|
|
|
--blue-ecume-950-100-active: #adbffc;
|
|
|
|
|
|
--blue-ecume-sun-247-moon-675: #2f4077;
|
|
|
|
|
|
--blue-ecume-sun-247-moon-675-hover: #4e68bb;
|
|
|
|
|
|
--blue-ecume-sun-247-moon-675-active: #667dcf;
|
|
|
|
|
|
--blue-ecume-925-125: #dee5fd;
|
|
|
|
|
|
--blue-ecume-925-125-hover: #b4c5fb;
|
|
|
|
|
|
--blue-ecume-925-125-active: #99b3f9;
|
|
|
|
|
|
--blue-ecume-main-400: #465f9d;
|
|
|
|
|
|
--blue-ecume-850-200: #bfccfb;
|
|
|
|
|
|
--blue-cumulus-975-75: #f3f6fe;
|
|
|
|
|
|
--blue-cumulus-975-75-hover: #d3dffc;
|
|
|
|
|
|
--blue-cumulus-975-75-active: #bed0fa;
|
|
|
|
|
|
--blue-cumulus-950-100: #e6eefe;
|
|
|
|
|
|
--blue-cumulus-950-100-hover: #bcd3fc;
|
|
|
|
|
|
--blue-cumulus-950-100-active: #9fc3fc;
|
|
|
|
|
|
--blue-cumulus-sun-368-moon-732: #3558a2;
|
|
|
|
|
|
--blue-cumulus-sun-368-moon-732-hover: #5982e0;
|
|
|
|
|
|
--blue-cumulus-sun-368-moon-732-active: #7996e6;
|
|
|
|
|
|
--blue-cumulus-925-125: #dae6fd;
|
|
|
|
|
|
--blue-cumulus-925-125-hover: #a9c8fb;
|
|
|
|
|
|
--blue-cumulus-925-125-active: #8ab8f9;
|
|
|
|
|
|
--blue-cumulus-main-526: #417dc4;
|
|
|
|
|
|
--blue-cumulus-850-200: #b6cffb;
|
|
|
|
|
|
--purple-glycine-975-75: #fef3fd;
|
|
|
|
|
|
--purple-glycine-975-75-hover: #fcd4f8;
|
|
|
|
|
|
--purple-glycine-975-75-active: #fabff5;
|
|
|
|
|
|
--purple-glycine-950-100: #fee7fc;
|
|
|
|
|
|
--purple-glycine-950-100-hover: #fdc0f8;
|
|
|
|
|
|
--purple-glycine-950-100-active: #fca8f6;
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630: #6e445a;
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630-hover: #a66989;
|
|
|
|
|
|
--purple-glycine-sun-319-moon-630-active: #bb7f9e;
|
|
|
|
|
|
--purple-glycine-925-125: #fddbfa;
|
|
|
|
|
|
--purple-glycine-925-125-hover: #fbaff5;
|
|
|
|
|
|
--purple-glycine-925-125-active: #fa96f2;
|
|
|
|
|
|
--purple-glycine-main-494: #a558a0;
|
|
|
|
|
|
--purple-glycine-850-200: #fbb8f6;
|
|
|
|
|
|
--pink-macaron-975-75: #fef4f2;
|
|
|
|
|
|
--pink-macaron-975-75-hover: #fcd8d0;
|
|
|
|
|
|
--pink-macaron-975-75-active: #fac5b8;
|
|
|
|
|
|
--pink-macaron-950-100: #fee9e6;
|
|
|
|
|
|
--pink-macaron-950-100-hover: #fdc6bd;
|
|
|
|
|
|
--pink-macaron-950-100-active: #fcb0a2;
|
|
|
|
|
|
--pink-macaron-sun-406-moon-833: #8d533e;
|
|
|
|
|
|
--pink-macaron-sun-406-moon-833-hover: #ca795c;
|
|
|
|
|
|
--pink-macaron-sun-406-moon-833-active: #e08e73;
|
|
|
|
|
|
--pink-macaron-925-125: #fddfda;
|
|
|
|
|
|
--pink-macaron-925-125-hover: #fbb8ab;
|
|
|
|
|
|
--pink-macaron-925-125-active: #faa18d;
|
|
|
|
|
|
--pink-macaron-main-689: #e18b76;
|
|
|
|
|
|
--pink-macaron-850-200: #fcc0b4;
|
|
|
|
|
|
--pink-tuile-975-75: #fef4f3;
|
|
|
|
|
|
--pink-tuile-975-75-hover: #fcd7d3;
|
|
|
|
|
|
--pink-tuile-975-75-active: #fac4be;
|
|
|
|
|
|
--pink-tuile-950-100: #fee9e7;
|
|
|
|
|
|
--pink-tuile-950-100-hover: #fdc6c0;
|
|
|
|
|
|
--pink-tuile-950-100-active: #fcb0a7;
|
|
|
|
|
|
--pink-tuile-sun-425-moon-750: #a94645;
|
|
|
|
|
|
--pink-tuile-sun-425-moon-750-hover: #d5706f;
|
|
|
|
|
|
--pink-tuile-sun-425-moon-750-active: #da8a89;
|
|
|
|
|
|
--pink-tuile-925-125: #fddfdb;
|
|
|
|
|
|
--pink-tuile-925-125-hover: #fbb8ad;
|
|
|
|
|
|
--pink-tuile-925-125-active: #faa191;
|
|
|
|
|
|
--pink-tuile-main-556: #ce614a;
|
|
|
|
|
|
--pink-tuile-850-200: #fcbfb7;
|
|
|
|
|
|
--yellow-tournesol-975-75: #fef6e3;
|
|
|
|
|
|
--yellow-tournesol-975-75-hover: #fce086;
|
|
|
|
|
|
--yellow-tournesol-975-75-active: #f5d24b;
|
|
|
|
|
|
--yellow-tournesol-950-100: #feecc2;
|
|
|
|
|
|
--yellow-tournesol-950-100-hover: #fbd335;
|
|
|
|
|
|
--yellow-tournesol-950-100-active: #e6c130;
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922: #716043;
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922-hover: #a28a62;
|
|
|
|
|
|
--yellow-tournesol-sun-407-moon-922-active: #ba9f72;
|
|
|
|
|
|
--yellow-tournesol-925-125: #fde39c;
|
|
|
|
|
|
--yellow-tournesol-925-125-hover: #e9c53b;
|
|
|
|
|
|
--yellow-tournesol-925-125-active: #d3b235;
|
|
|
|
|
|
--yellow-tournesol-main-731: #c8aa39;
|
|
|
|
|
|
--yellow-tournesol-850-200: #efcb3a;
|
|
|
|
|
|
--yellow-moutarde-975-75: #fef5e8;
|
|
|
|
|
|
--yellow-moutarde-975-75-hover: #fcdca3;
|
|
|
|
|
|
--yellow-moutarde-975-75-active: #fbcd64;
|
|
|
|
|
|
--yellow-moutarde-950-100: #feebd0;
|
|
|
|
|
|
--yellow-moutarde-950-100-hover: #fdcd6d;
|
|
|
|
|
|
--yellow-moutarde-950-100-active: #f4be30;
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860: #695240;
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860-hover: #9b7b61;
|
|
|
|
|
|
--yellow-moutarde-sun-348-moon-860-active: #b58f72;
|
|
|
|
|
|
--yellow-moutarde-925-125: #fde2b5;
|
|
|
|
|
|
--yellow-moutarde-925-125-hover: #f6c43c;
|
|
|
|
|
|
--yellow-moutarde-925-125-active: #dfb135;
|
|
|
|
|
|
--yellow-moutarde-main-679: #c3992a;
|
|
|
|
|
|
--yellow-moutarde-850-200: #fcc63a;
|
|
|
|
|
|
--orange-terre-battue-975-75: #fef4f2;
|
|
|
|
|
|
--orange-terre-battue-975-75-hover: #fcd8d0;
|
|
|
|
|
|
--orange-terre-battue-975-75-active: #fac5b8;
|
|
|
|
|
|
--orange-terre-battue-950-100: #fee9e5;
|
|
|
|
|
|
--orange-terre-battue-950-100-hover: #fdc6ba;
|
|
|
|
|
|
--orange-terre-battue-950-100-active: #fcb09e;
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672: #755348;
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672-hover: #ab7b6b;
|
|
|
|
|
|
--orange-terre-battue-sun-370-moon-672-active: #c68f7d;
|
|
|
|
|
|
--orange-terre-battue-925-125: #fddfd8;
|
|
|
|
|
|
--orange-terre-battue-925-125-hover: #fbb8a5;
|
|
|
|
|
|
--orange-terre-battue-925-125-active: #faa184;
|
|
|
|
|
|
--orange-terre-battue-main-645: #e4794a;
|
|
|
|
|
|
--orange-terre-battue-850-200: #fcc0b0;
|
|
|
|
|
|
--brown-cafe-creme-975-75: #fbf6ed;
|
|
|
|
|
|
--brown-cafe-creme-975-75-hover: #f2deb6;
|
|
|
|
|
|
--brown-cafe-creme-975-75-active: #eacf91;
|
|
|
|
|
|
--brown-cafe-creme-950-100: #f7ecdb;
|
|
|
|
|
|
--brown-cafe-creme-950-100-hover: #edce94;
|
|
|
|
|
|
--brown-cafe-creme-950-100-active: #dabd84;
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885: #685c48;
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885-hover: #97866a;
|
|
|
|
|
|
--brown-cafe-creme-sun-383-moon-885-active: #ae9b7b;
|
|
|
|
|
|
--brown-cafe-creme-925-125: #f4e3c7;
|
|
|
|
|
|
--brown-cafe-creme-925-125-hover: #e1c386;
|
|
|
|
|
|
--brown-cafe-creme-925-125-active: #ccb078;
|
|
|
|
|
|
--brown-cafe-creme-main-782: #d1b781;
|
|
|
|
|
|
--brown-cafe-creme-850-200: #e7ca8e;
|
|
|
|
|
|
--brown-caramel-975-75: #fbf5f2;
|
|
|
|
|
|
--brown-caramel-975-75-hover: #f1dbcf;
|
|
|
|
|
|
--brown-caramel-975-75-active: #ecc9b5;
|
|
|
|
|
|
--brown-caramel-950-100: #f7ebe5;
|
|
|
|
|
|
--brown-caramel-950-100-hover: #eccbb9;
|
|
|
|
|
|
--brown-caramel-950-100-active: #e6b79a;
|
|
|
|
|
|
--brown-caramel-sun-425-moon-901: #845d48;
|
|
|
|
|
|
--brown-caramel-sun-425-moon-901-hover: #bb8568;
|
|
|
|
|
|
--brown-caramel-sun-425-moon-901-active: #d69978;
|
|
|
|
|
|
--brown-caramel-925-125: #f3e2d9;
|
|
|
|
|
|
--brown-caramel-925-125-hover: #e7bea6;
|
|
|
|
|
|
--brown-caramel-925-125-active: #e1a982;
|
|
|
|
|
|
--brown-caramel-main-648: #c08c65;
|
|
|
|
|
|
--brown-caramel-850-200: #eac7b2;
|
|
|
|
|
|
--brown-opera-975-75: #fbf5f2;
|
|
|
|
|
|
--brown-opera-975-75-hover: #f1dbcf;
|
|
|
|
|
|
--brown-opera-975-75-active: #ecc9b5;
|
|
|
|
|
|
--brown-opera-950-100: #f7ece4;
|
|
|
|
|
|
--brown-opera-950-100-hover: #eccdb3;
|
|
|
|
|
|
--brown-opera-950-100-active: #e6ba90;
|
|
|
|
|
|
--brown-opera-sun-395-moon-820: #745b47;
|
|
|
|
|
|
--brown-opera-sun-395-moon-820-hover: #a78468;
|
|
|
|
|
|
--brown-opera-sun-395-moon-820-active: #c09979;
|
|
|
|
|
|
--brown-opera-925-125: #f3e2d7;
|
|
|
|
|
|
--brown-opera-925-125-hover: #e7bfa0;
|
|
|
|
|
|
--brown-opera-925-125-active: #deaa7e;
|
|
|
|
|
|
--brown-opera-main-680: #bd987a;
|
|
|
|
|
|
--brown-opera-850-200: #eac7ad;
|
|
|
|
|
|
--beige-gris-galet-975-75: #f9f6f2;
|
|
|
|
|
|
--beige-gris-galet-975-75-hover: #eadecd;
|
|
|
|
|
|
--beige-gris-galet-975-75-active: #e1ceb1;
|
|
|
|
|
|
--beige-gris-galet-950-100: #f3ede5;
|
|
|
|
|
|
--beige-gris-galet-950-100-hover: #e1d0b5;
|
|
|
|
|
|
--beige-gris-galet-950-100-active: #d1bea2;
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821: #6a6156;
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821-hover: #988b7c;
|
|
|
|
|
|
--beige-gris-galet-sun-407-moon-821-active: #afa08f;
|
|
|
|
|
|
--beige-gris-galet-925-125: #eee4d9;
|
|
|
|
|
|
--beige-gris-galet-925-125-hover: #dbc3a4;
|
|
|
|
|
|
--beige-gris-galet-925-125-active: #c6b094;
|
|
|
|
|
|
--beige-gris-galet-main-702: #aea397;
|
|
|
|
|
|
--beige-gris-galet-850-200: #e0cab0;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
--scrollbar-width: 0;
|
|
|
|
|
|
--ground: 0;
|
|
|
|
|
|
--shadow-color: rgba(0, 0, 18, 0.16);
|
|
|
|
|
|
--raised-shadow: 0 1px 3px var(--shadow-color);
|
|
|
|
|
|
--overlap-shadow: 0 2px 6px var(--shadow-color);
|
|
|
|
|
|
--lifted-shadow: 0 3px 9px var(--shadow-color);
|
|
|
|
|
|
}
|
|
|
|
|
|
[href] {
|
|
|
|
|
|
background-image: var(--underline-img), var(--underline-img);
|
|
|
|
|
|
background-position:
|
|
|
|
|
|
var(--underline-x) 100%,
|
|
|
|
|
|
var(--underline-x) calc(100% - var(--underline-thickness));
|
|
|
|
|
|
background-repeat: no-repeat, no-repeat;
|
|
|
|
|
|
transition: background-size 0s;
|
|
|
|
|
|
background-size:
|
|
|
|
|
|
var(--underline-hover-width) calc(var(--underline-thickness) * 2),
|
|
|
|
|
|
var(--underline-idle-width) var(--underline-thickness);
|
|
|
|
|
|
}
|
|
|
|
|
|
[target='_blank']::after {
|
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
|
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
|
width: var(--icon-size);
|
|
|
|
|
|
height: var(--icon-size);
|
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
|
--icon-size: 1rem;
|
|
|
|
|
|
-webkit-mask-image: url('/vite-dev/@fs/Users/colin/code/demarches-simplifiees.fr/node_modules/@gouvfr/dsfr/dist/icons/system/external-link-line.svg');
|
|
|
|
|
|
mask-image: url('/vite-dev/@fs/Users/colin/code/demarches-simplifiees.fr/node_modules/@gouvfr/dsfr/dist/icons/system/external-link-line.svg');
|
|
|
|
|
|
content: var(--external-link-content);
|
|
|
|
|
|
margin-left: 0.25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
|
|
|
outline-offset: 2px;
|
|
|
|
|
|
outline-width: 2px;
|
|
|
|
|
|
outline-color: #0a76f6;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:focus {
|
|
|
|
|
|
outline-style: solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:focus:not(:focus-visible),
|
|
|
|
|
|
button:focus:not(:focus-visible),
|
|
|
|
|
|
[contenteditable]:not([contenteditable='false']):focus:not(
|
|
|
|
|
|
:focus-visible
|
|
|
|
|
|
),
|
|
|
|
|
|
details:focus:not(:focus-visible),
|
|
|
|
|
|
details > summary:first-of-type:focus:not(:focus-visible) {
|
|
|
|
|
|
outline-style: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:focus-visible,
|
|
|
|
|
|
button:focus-visible,
|
|
|
|
|
|
video:focus-visible[controls],
|
|
|
|
|
|
audio:focus-visible[controls],
|
|
|
|
|
|
[contenteditable]:not([contenteditable='false']):focus-visible,
|
|
|
|
|
|
details:focus-visible,
|
|
|
|
|
|
details > summary:first-of-type:focus-visible {
|
|
|
|
|
|
outline-style: solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link a {
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
outline-width: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link a::before {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
outline-offset: 2px;
|
|
|
|
|
|
outline-style: inherit;
|
|
|
|
|
|
outline-color: inherit;
|
|
|
|
|
|
outline-width: 2px;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: Marianne;
|
|
|
|
|
|
src: url('/fonts/Marianne-Regular.woff2') format('woff2');
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: Marianne;
|
|
|
|
|
|
src: url('/fonts/Marianne-Bold.woff2') format('woff2');
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
|
line-height: 2.5rem;
|
|
|
|
|
|
margin: var(--title-spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
p {
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: 1.5rem;
|
|
|
|
|
|
margin: var(--text-spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
ul {
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
margin-block-start: var(--xl-block);
|
|
|
|
|
|
margin-block-end: var(--xl-block);
|
|
|
|
|
|
--xl-size: var(--xl-base);
|
|
|
|
|
|
}
|
|
|
|
|
|
ul {
|
|
|
|
|
|
list-style-type: var(--ul-type);
|
|
|
|
|
|
padding-inline-start: var(--ul-start);
|
|
|
|
|
|
}
|
|
|
|
|
|
ul > li::marker {
|
|
|
|
|
|
font-size: calc(var(--xl-size) * 0.9);
|
|
|
|
|
|
}
|
|
|
|
|
|
ol > li::marker {
|
|
|
|
|
|
content: var(--ol-content);
|
|
|
|
|
|
font-size: var(--xl-size);
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
li {
|
|
|
|
|
|
--xl-base: calc(var(--xl-size) * 0.9);
|
|
|
|
|
|
padding-bottom: var(--li-bottom);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-text--sm {
|
|
|
|
|
|
font-size: 0.875rem !important;
|
|
|
|
|
|
line-height: 1.5rem !important;
|
|
|
|
|
|
margin: var(--text-spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-text--lead {
|
|
|
|
|
|
font-size: 1.25rem !important;
|
|
|
|
|
|
line-height: 2rem !important;
|
|
|
|
|
|
margin: var(--text-spacing);
|
|
|
|
|
|
}
|
|
|
|
|
|
*,
|
|
|
|
|
|
*::before,
|
|
|
|
|
|
*::after {
|
|
|
|
|
|
box-sizing: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
body {
|
|
|
|
|
|
font-family: 'Marianne', arial, sans-serif;
|
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: 1.5rem;
|
|
|
|
|
|
background-color: var(--background-default-grey);
|
|
|
|
|
|
--idle: transparent;
|
|
|
|
|
|
--hover: var(--background-default-grey-hover);
|
|
|
|
|
|
--active: var(--background-default-grey-active);
|
|
|
|
|
|
color: var(--text-default-grey);
|
|
|
|
|
|
}
|
|
|
|
|
|
:root body {
|
|
|
|
|
|
border-right: var(--scrollbar-width) solid transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row--middle {
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row--center {
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-container {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row--gutters {
|
|
|
|
|
|
margin: -0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row--gutters > [class*=' fr-col-'] {
|
|
|
|
|
|
padding: 0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-col-12 {
|
|
|
|
|
|
flex: 0 0 calc(1200% / 12);
|
|
|
|
|
|
width: calc(1200% / 12);
|
|
|
|
|
|
max-width: calc(1200% / 12);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-mb-3w {
|
|
|
|
|
|
margin-bottom: 1.5rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-mb-5w {
|
|
|
|
|
|
margin-bottom: 2.5rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-my-7w {
|
|
|
|
|
|
margin-top: 3.5rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-my-7w {
|
|
|
|
|
|
margin-bottom: 3.5rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-py-0 {
|
|
|
|
|
|
padding-top: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-py-0 {
|
|
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
@-moz-document url-prefix() {
|
|
|
|
|
|
:root {
|
|
|
|
|
|
--underline-thickness: calc(0.0625em + 0.25px);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
color: var(--text-title-grey);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 48em) {
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
font-size: 2.5rem;
|
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-col-md-6 {
|
|
|
|
|
|
flex: 0 0 calc(600% / 12);
|
|
|
|
|
|
width: calc(600% / 12);
|
|
|
|
|
|
max-width: calc(600% / 12);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-mb-md-10w {
|
|
|
|
|
|
margin-bottom: 5rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-mt-md-12w {
|
|
|
|
|
|
margin-top: 6rem !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 62em) {
|
|
|
|
|
|
.fr-container {
|
|
|
|
|
|
padding-left: 1.5rem;
|
|
|
|
|
|
padding-right: 1.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row--gutters {
|
|
|
|
|
|
margin: -0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-grid-row--gutters > [class*=' fr-col-'] {
|
|
|
|
|
|
padding: 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 78em) {
|
|
|
|
|
|
.fr-container {
|
|
|
|
|
|
max-width: 78rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (hover: hover) and (pointer: fine) {
|
|
|
|
|
|
:root {
|
|
|
|
|
|
--brighten: -1;
|
|
|
|
|
|
}
|
|
|
|
|
|
a[href]:hover,
|
|
|
|
|
|
button:not(:disabled):hover {
|
|
|
|
|
|
background-color: var(--hover-tint);
|
|
|
|
|
|
}
|
|
|
|
|
|
a[href]:active,
|
|
|
|
|
|
button:not(:disabled):active {
|
|
|
|
|
|
background-color: var(--active-tint);
|
|
|
|
|
|
}
|
|
|
|
|
|
a[href]:hover,
|
|
|
|
|
|
a[href]:active {
|
|
|
|
|
|
--underline-hover-width: var(--underline-max-width);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link a:hover,
|
|
|
|
|
|
.fr-enlarge-link a:active {
|
|
|
|
|
|
background: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link:hover {
|
|
|
|
|
|
background-color: var(--hover);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link:active {
|
|
|
|
|
|
background-color: var(--active);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@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-enlarge-link {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link:hover {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-enlarge-link:active {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-enlarge-link [href] {
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
[href][href] {
|
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
|
}
|
|
|
|
|
|
[target='_blank']::after {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-image: url('/vite-dev/@fs/Users/colin/code/demarches-simplifiees.fr/node_modules/@gouvfr/dsfr/dist/icons/system/external-link-line.svg');
|
|
|
|
|
|
width: 1rem;
|
|
|
|
|
|
height: 1rem;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
}
|
|
|
|
|
|
ul {
|
|
|
|
|
|
list-style-type: disc;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul {
|
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
|
margin-top: 0.5rem;
|
|
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
margin: 0 0 1.5rem;
|
|
|
|
|
|
color: #161616;
|
|
|
|
|
|
}
|
|
|
|
|
|
body {
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
color: #3a3a3a;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-links-group li::marker {
|
|
|
|
|
|
color: var(--text-action-high-blue-france);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-links-group li::marker {
|
|
|
|
|
|
color: #000091;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn {
|
|
|
|
|
|
--text-spacing: 0;
|
|
|
|
|
|
--title-spacing: 0;
|
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
width: -moz-fit-content;
|
|
|
|
|
|
width: fit-content;
|
|
|
|
|
|
--underline-img: none;
|
|
|
|
|
|
--hover-tint: var(--hover);
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: 1.5rem;
|
|
|
|
|
|
min-height: 2.5rem;
|
|
|
|
|
|
padding: 0.5rem 1rem;
|
|
|
|
|
|
background-color: var(--background-action-high-blue-france);
|
|
|
|
|
|
--idle: transparent;
|
|
|
|
|
|
--hover: var(--background-action-high-blue-france-hover);
|
|
|
|
|
|
--active: var(--background-action-high-blue-france-active);
|
|
|
|
|
|
color: var(--text-inverted-blue-france);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn::before,
|
|
|
|
|
|
.fr-btn::after {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn[target='_blank'] {
|
|
|
|
|
|
overflow: initial;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
max-height: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn[target='_blank']::after {
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
--icon-size: 1rem;
|
|
|
|
|
|
margin-right: -0.125rem;
|
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btns-group {
|
|
|
|
|
|
--ul-type: none;
|
|
|
|
|
|
--ol-type: none;
|
|
|
|
|
|
--ul-start: 0;
|
|
|
|
|
|
--ol-start: 0;
|
|
|
|
|
|
--xl-block: 0;
|
|
|
|
|
|
--li-bottom: 0;
|
|
|
|
|
|
--ol-content: none;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
margin-left: -0.5rem;
|
|
|
|
|
|
margin-right: -0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btns-group > li {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btns-group .fr-btn {
|
|
|
|
|
|
width: calc(100% - 1rem);
|
|
|
|
|
|
margin: 0 0.5rem 1rem;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.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-']) {
|
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
|
line-height: 1.5rem;
|
|
|
|
|
|
min-height: 2.5rem;
|
|
|
|
|
|
padding: 0.5rem 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn:disabled {
|
|
|
|
|
|
color: var(--text-disabled-grey);
|
|
|
|
|
|
background-color: var(--background-disabled-grey);
|
|
|
|
|
|
--idle: transparent;
|
|
|
|
|
|
--hover: var(--background-disabled-grey-hover);
|
|
|
|
|
|
--active: var(--background-disabled-grey-active);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn--secondary {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
--hover: inherit;
|
|
|
|
|
|
--active: inherit;
|
|
|
|
|
|
color: var(--text-action-high-blue-france);
|
|
|
|
|
|
box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn--secondary:disabled {
|
|
|
|
|
|
color: var(--text-disabled-grey);
|
|
|
|
|
|
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
--hover: inherit;
|
|
|
|
|
|
--active: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 48em) {
|
|
|
|
|
|
.fr-btns-group--inline-md .fr-btn {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btns-group--inline-md > li {
|
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-btn::before,
|
|
|
|
|
|
.fr-btn::after {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
width: 1rem;
|
|
|
|
|
|
height: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.fr-btns-group {
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
ul.fr-btns-group {
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn {
|
|
|
|
|
|
background-color: #000091;
|
|
|
|
|
|
color: #f5f5fe;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn:hover {
|
|
|
|
|
|
background-color: #1212ff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn:active {
|
|
|
|
|
|
background-color: #2323ff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn:disabled {
|
|
|
|
|
|
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 {
|
|
|
|
|
|
color: #929292;
|
|
|
|
|
|
box-shadow: inset 0 0 0 1px #e5e5e5;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn--secondary:disabled:hover {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-btn--secondary:disabled:active {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-logo {
|
|
|
|
|
|
--text-spacing: 0;
|
|
|
|
|
|
--underline-img: none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
line-height: 1.0317460317em;
|
|
|
|
|
|
letter-spacing: -0.01em;
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
|
text-indent: -0.1em;
|
|
|
|
|
|
font-size: 1.05rem;
|
|
|
|
|
|
color: var(--text-title-grey);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-logo::before {
|
|
|
|
|
|
width: 2.75rem;
|
|
|
|
|
|
height: 1rem;
|
|
|
|
|
|
margin-bottom: 0.3333333333rem;
|
|
|
|
|
|
background-size:
|
|
|
|
|
|
2.75rem 1.125rem,
|
|
|
|
|
|
2.75rem 1rem,
|
|
|
|
|
|
0;
|
|
|
|
|
|
background-position:
|
|
|
|
|
|
0 -0.0625rem,
|
|
|
|
|
|
0 0,
|
|
|
|
|
|
0 0;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
background-repeat: no-repeat, no-repeat, no-repeat;
|
|
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 18'%3E%3Cpath fill='%23fff' d='M11.3 10.2c-.9.6-1.7 1.3-2.3 2.1v-.1c.4-.5.7-1 1-1.5.4-.2.7-.5 1-.8.5-.5 1-1 1.7-1.3.3-.1.5-.1.8 0-.1.1-.2.1-.4.2H13v-.1c-.3.3-.7.5-1 .9-.1.2-.2.6-.7.6 0 .1.1 0 0 0zm1.6 4.6c0-.1-.1 0-.2 0l-.1.1-.1.1-.2.2s.1.1.2 0l.1-.1c.1 0 .2-.1.2-.2.1 0 .1 0 .1-.1 0 .1 0 0 0 0zm-1.6-4.3c.1 0 .2 0 .2-.1s.1-.1.1-.1v-.1c-.2.1-.3.2-.3.3zm2.4 1.9s0-.1 0 0c.1-.1.2-.1.3-.1.7-.1 1.4-.3 2.1-.6-.8-.5-1.7-.9-2.6-1h.1c-.1-.1-.3-.1-.5-.2h.1c-.2-.1-.5-.1-.7-.2.1 0 .2-.2.2-.3h-.1c-.4.2-.6.5-.8.9.2.1.5 0 .7.1h-.3c-.1 0-.2.1-.2.2h.1c-.1 0-.1.1-.2.1.1.1.2 0 .4 0 0 .1.1.1.1.1-.1 0-.2.1-.3.3-.1.2-.2.2-.3.3v.1c-.3.2-.6.5-.9.8v.1c-.1.1-.2.1-.2.2v.1c.4-.1.6-.4 1-.5l.6-.3c.2 0 .3-.1.5-.1v.1h.2c0 .1-.2 0-.1.1s.3.1.4 0c.2-.2.3-.2.4-.2zM12.4 14c-.4.2-.9.2-1.2.4 0 0 0 .1-.1.1 0 0-.1 0-.1.1-.1 0-.1.1-.2.2l-.1.1s0 .1.1 0l.1-.1s-.1.1-.1.2V15.3l-.1.1s0 .1-.1.1l-.1.1.2-.2.1-.1h.2s0-.1.1-.1c.1-.1.2-.2.3-.2h.1c.1-.1.3-.1.4-.2.1-.1.2-.2.3-.2.2-.2.5-.3.8-.5-.1 0-.2-.1-.3-.1 0 .1-.2 0-.3 0zM30 9.7c-.1.2-.4.2-.6.3-.2.2 0 .4.1.5.1.3-.2.5-.4.5.1.1.2.1.2.1 0 .2.2.2.1.4s-.5.3-.3.5c.1.2.1.5 0 .7-.1.2-.3.4-.5.5-.2.1-.4.1-.6 0-.1 0-.1-.1-.2-.1-.5-.1-1-.2-1.5-.2-.1 0-.3.1-.4.1-.1.1-.3.2-.4.3l-.1.1c-.1.1-.2.2-.2.3-.1.2-.2.4-.2.6-.2.5-.2 1 0 1.4 0 0 1 .3 1.7.6.2.1.5.2.7.4l1.7 1H13.2l1.6-1c.6-.4 1.3-.7 2-1 .5-.2 1.1-.5 1.5-.9.2-.2.3-.4.5-.5.3-.4.6-.7 1-1l.3-.3s0-.1.1-.1c-.2.1-.2.2-.4.2 0 0-.1 0 0-.1s.2-.2.3-.2v-.1c-.4 0-.7.2-1 .5h-.2c-.5.2-.8.5-1.2.7v-.1c-.2.1-.4.2-.5.2-.2 0-.5.1-.8 0-.4 0-.7.1-1.1.2-.2.1-.4.1-.6.2v.1l-.2.2c-.2.1-.3.2-.5.4l-.5.5h-.1l.1-.1.1-.1c0-.1.1-.1.1-.2.2-.1.3-.3.5-.4 0 0-.1 0 0 0 0 0 0-.1.1-.1l-.1.1c-.1.1-.1.2-.2.2v-.1-.1l.2-.2c.1-.1.2-.1.3-.2h.1c-.2.1-.3.1-.5.2H14h-.1c0-.1.1-.1.2-.2h.1c1-.8 2.3-.6 3.4-1 .1-.1.2-.1.3-.2.1-.1.3-.2.5-.3.2-.2.4-.4.5-.7v-.1c-.4.4-.8.7-1.3 1-.6.2-1.3.4-2 .4 0-.1.1-.1.1-.1 0-.1.1-.1.1-.2h.1s0-.1.1-.1h.1c-.1-.1-.3.1-.4 0 .1-.1 0-.2.1-.2h.1s0-.1.1-.1c.5-.3.9-.5 1.3-.7-.1 0-.1.1-.2 0 .1 0 0-.1.1-.1.3-.1.6-.3.9-.4-.1 0-.2.1-.3 0 .1 0 .1-.1.2-.1v-.1h0c0-.1.1 0 .2-.1h-.1c.1-.1.2-.2.4-.2 0-.1-.1 0-.1-.1h.1-.5c-.1 0 0-.1 0-.1.1-.2.2-.5.3-.7h-.1c-.3.3-.8.5-1.2.6h-.2c-.2.1-.4.1-.5 0-.1-.1-.2-.2-.3-.2-.2-.1-.5-.3-.8-.4-.7-.2-1.5-.4-2.3-.3.3-.1.7-.2 1.1-.3.5-.2 1-.3 1.5-.3h-.3c-.4 0-.9.1-1.3.2-.3.1-.6.2-.9.2-.2.1-.3.2-.5.2v-.1c.3-.4.7-.7 1.1-.8.5-.1 1.1 0 1.6.1.4 0 .8.1 1.1.2.1 0 .2.2.3.3.2.1.4 0 .5.1v-.2c.1-.1.3 0 .4 0 .2-.2-.2-.4-.3-.6v-.1c.2.2.5.4.7.6.1.1.5.2.5 0-.2-.3-.4-.6-.7-.9v-.2c-.1 0-.1 0-.1-.1-.1-.1-.1-.2-.1-.3-.1-.2 0-.4-.1-.5-.1-.2-.1-.3-.1-.5-.1-.5-.2-1-.3-1.4-.1-.6.3-1 .6-1.5.2-.4.5-.7.8-1 .1-.4.3-.7.6-1 .3-.3.6-.5.9-.6.3-.1.5-.2.8-.3l2.5-.4H25l1.8.3c.1 0 .2 0 .2.1.1.1.3.2.4.2.2.1.4.3.6.5.1.1.2.3.1.4-.1.1-.1.4-.2.4-.2.1-.4.1-.6.1-.1 0-.2 0-.4-.1.5.2.9.4 1.2.8 0 .1.2.1.3.1v.1c-.1.1-.1.1-.1.2h.1c.1-.1.1-.4.3-.3.2.1.2.3.1.4-.1.1-.2.2-.4.3v.2c.1.1.1.2.2.4s.1.5.2.7c.1.5.2.9.2 1.4 0 .2-.1.5 0 .7l.3.6c.1.2.2.3.3.5.2.3.6.6.4 1zm-15.6 5.2c-.1 0-.1.1-.1.1s.1 0 .1-.1zm5.8-1.8c-.1.1 0 0 0 0zm-6.7-.2c0 .1.1 0 .1 0 .2-.1.5 0 .6-.2-.1-.1-.2 0-.2-.1-.1 0-.2 0-.2.1-.1.1-.3.1-.3.2z'/%3E%3Cpath fill='gray' d='M27.9 6.8c.1 0 .3 0 .3.1-.1.2-.4.3-.6.5h-.1c-.1.1-.1.2-.1.2h-.3c.1.1.3.2.5.2l.1.1h.2V8c-.1.1-.2.1-.4.1.2.1.5.1.7 0 .2-.1 0-.4.1-.5-.1 0 0-.1-.1-.1.1-.1.1-.2.2-.2s.1 0 .2-.1c0-.1-.1-.1-.1-.2.2-.1.3-.3.3-.5 0-.1-.3-.1-.4-.2h-.5c-.2 0-.3.1-.5.1l-.6.3c.2-.1.4-.1.7-.2 0 .3.2.3.4.3'/%3E%3C/svg%3E"),
|
|
|
|
|
|
linear-gradient(
|
|
|
|
|
|
90deg,
|
|
|
|
|
|
#000091 0%,
|
|
|
|
|
|
#000091 50%,
|
|
|
|
|
|
#e1000f 50%,
|
|
|
|
|
|
#e1000f 100%
|
|
|
|
|
|
),
|
|
|
|
|
|
linear-gradient(90deg, #161616 0%, #161616 100%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-logo::after {
|
|
|
|
|
|
min-width: 2.625rem;
|
|
|
|
|
|
background-size: 5.25rem 3.75rem;
|
|
|
|
|
|
background-position: 0 calc(100% + 1.875rem);
|
|
|
|
|
|
padding-top: 2.2083333333rem;
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 252 180'%3E%3Cdefs%3E%3Csymbol id='a' viewBox='0 0 11 15.5'%3E%3Cpath d='M10.4 5.3C11.9 1.5 10.1 0 7.9 0 4.2 0 0 6.5 0 11.7c0 2.5 1.2 3.8 3 3.8 2.1 0 4.3-2 6.2-5.5h-1c-1.2 1.5-2.6 2.6-3.9 2.6-1.3 0-2-.8-2-2.6a10.7 10.7 0 01.3-2.2zm-4-3.1c1.1 0 2 .8 1.5 2.6L3.1 6.1c.8-2.2 2.2-4 3.4-4z'/%3E%3C/symbol%3E%3Csymbol id='b' viewBox='0 0 12.4 21.8'%3E%3Cuse width='11' height='15.5' y='6.4' href='%23a'/%3E%3Cpath d='M7.9 4.7L12.4.6V0h-3L6.7 4.7H8z'/%3E%3C/symbol%3E%3Csymbol id='c' viewBox='0 0 11.5 19'%3E%3Cpath d='M1.7 5.7h2.6L.1 17.1a1.3 1.3 0 001.2 2c3 0 6.4-2.6 7.8-6.2h-.7a9.4 9.4 0 01-5.1 3.5L7 5.7H11l.5-1.6H7.7L9 0H7.6L4.9 4.1l-3.2.4v1.2z'/%3E%3C/symbol%3E%3Csymbol id='d' viewBox='0 0 9.8 21.9'%3E%3Cpath d='M7.6 8c.3-1-.4-1.6-1-1.6-2.2 0-5 2.1-6 5h.7A5.6 5.6 0 014.4 9L.1 20.3a1.1 1.1 0 001 1.6c2.2 0 4.7-2 5.8-5H6A5.6 5.6 0 013 19.5zM8 3.7a1.8 1.8 0 001.8-1.8A1.8 1.8 0 008 0a1.8 1.8 0 00-1.8 1.8A1.8 1.8 0 008 3.6'/%3E%3C/symbol%3E%3Csymbol id='e' viewBox='0 0 14.8 15.5'%3E%3Cpath d='M3.3 3.1c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.2 1.2 2.2a1.3 1.3 0 001.5-1l3-8C7.4 4.8 10 3 11 3s.8.6.3 1.6l-4.6 9a1.3 1.3 0 001.1 1.9c2.3 0 5-2 6-5h-.6A5.6 5.6 0 0110 13l4-8a6.1 6.1 0 00.8-2.8A2 2 0 0012.6 0c-2 0-3.6 2.2-6 5V2.8C6.6 1.4 6.1 0 4.8 0 3.2 0 1.8 2.5.7 4.9h.7c.7-1.1 1.3-1.8 2-1.8'/%3E%3C/symbol%3E%3Csymbol id='f' viewBox='0 0 12 15.5'%3E%3Cpath d='M11.8 3.5c.5-1.9.2-3.5-1.2-3.5-1.8 0-2.3 1.2-4 5V2.8C6.5 1.3 6 0 4.6 0 3.1 0 1.7 2.5.5 5h.8C2 3.7 2.8 3 3.3 3c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.1 1.2 2.1a1.3 1.3 0 001.5-1l3-8a50.3 50.3 0 012.6-3h3.2z'/%3E%3C/symbol%3E%3Csymbol id='g' viewBox='0 0 14.7 16.2'%3E%3Cpath d='M10.5 13.1c-.6 0-1-1 0-3.4L14.6.1 13.4 0l-1.3 1.3h-.3C6.1 1.3 0 8.6 0 14.2a2 2 0 002.1 2.1c1.7 0 3.3-2.4 5.2-5l-.1 1c-.3 2.6.6 4 2 4 1.5 0 3-2.4 4-4.9h-.7c-.7 1.1-1.5 1.8-2 1.8zM7.9 9.8c-1.3 1.6-3.4 3.5-4.3 3.5-.5 0-.9-.5-.9-1.6 0-3.5 4-8.2 6-8.2a4.2 4.2 0 011.4.2z'/%3E%3C/symbol%3E%3Csymbol id='h' viewBox='0 0 21.9 19.8'%3E%3Cpath d='M11.2 19.8l.3-.9c-3.8-.7-4.3-.7-2.7-4.8l1.4-3.9h3c1.9 0 1.9.9 1.6 3h1l2.6-6.9h-1c-1 1.6-1.8 2.9-3.8 2.9h-3l2-5.6c.8-2 1.1-2.4 3.7-2.4h.7c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3L7 .9c3 .6 3.3.9 2 4.8L5.7 14c-1.5 3.9-2 4.2-5.5 4.8l-.3.9z'/%3E%3C/symbol%3E%3Csymbol id='i' viewBox='0 0 10.1 21.9'%3E%3Cpath d='M2.9 19.4L10.1.3 9.8 0l-5 .6v.6l1 .7c.9.7.6 1.3-.2 3.4L.2 19.9a1.3 1.3 0 001.1 2c2.3 0 4.7-2.1 5.8-5h-.7a6.5 6.5 0 01-3.5 2.5'/%3E%3C/symbol%3E%3Csymbol id='j' viewBox='0 0 18 22'%3E%3Cpath d='M18 .6h-4.3a3.8 3.8 0 00-2.1-.6A6.6 6.6 0 005 6.5a3.3 3.3 0 003 3.6c-1.9.8-3 1.8-3 2.9a1.7 1.7 0 00.9 1.5c-4.3 1.3-6 2.8-6 4.7 0 2 2.6 2.8 5.6 2.8 5.3 0 9.6-2.7 9.6-5.1 0-1.8-1.6-2.5-4.3-3.3-2.2-.7-3.2-.8-3.2-1.6A2.4 2.4 0 019 10.2a6.6 6.6 0 006.1-6.5 4.5 4.5 0 00-.2-1.5h2.5zM9.8 16.2c2.1.7 3 1 3 1.6 0 1.4-2 2.5-5.6 2.5-2.7 0-4-.6-4-2 0-1.5 1.4-2.5 3.5-3.3a21.5 21.5 0 003 1.2zM9 9c-1 0-1.3-.8-1.3-1.7 0-2.8 1.4-6.2 3.5-6.2 1 0 1.3.8 1.3 1.6 0 2.9-1.4 6.3-3.5 6.3z'/%3E%3C/symbol%3E%3Csymbol id='k' viewBox='0 0 23 25.1'%3E%3Cpath d='M14.3 15.6c1.9 0 2 .8 1.6 2.8H17l2.5-6.8h-1c-1 1.6-1.7 2.9-3.8 2.9h-4.1l2-5.6c.7-2 1-2.4 3.7-2.4H18c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3l-.3.9c3 .6 3.3.9 2 4.8l-3.2 8.4c-1.5 3.9-2 4.2-5.6 4.8l-.2 1h17.4l3.2-5h-1.2c-2 2-4 3.8-8 3.8-4.7 0-4.3-.3-2.7-4.6l1.4-3.8h4.2zm2.3-11.8L21 .6V0h-3l-2.6 3.9h1.2v-.1z'/%3E%3C/symbol%3E%3Csymbol id='l' viewBox='0 0 13.6 21.8'%3E%3Cpath d='M11.4 6.4c-2 0-4 2.2-5.8 4.8L9.6.3 9.4 0l-5 .6V1l1 .8c.9.7.6 1.3-.2 3.4L.8 16.8A13.9 13.9 0 000 19c0 1.4 1.8 2.7 3.5 2.7 3.8 0 10-6.9 10-12.2 0-2.3-.5-3.2-2.1-3.2zM4.8 19.5c-.8 0-1.9-.7-1.9-1.3a15.5 15.5 0 01.8-2.2L5 12.7C6.3 11 8.4 9.3 9.6 9.3c.7 0 1.2.4 1.2 1.5 0 3.1-2.9 8.7-6 8.7z'/%3E%3C/symbol%3E%3Csymbol id='m' viewBox='0 0 19.2 19.9'%3E%3Cpath d='M17.6 0H7.3L7 .9c3 .6 3.3.9 2 4.8l-3.2 8.5c-1.5 3.9-2 4.2-5.5 4.8L0 20h15.7l3.5-6H18c-2 2-4.2 4.8-7.7 4.8-2.7 0-3-.5-1.6-4.5l3.1-8.5c1.4-3.9 2-4.2 5.5-4.8z'/%3E%3C/symbol%3E%3Csymbol id='n' viewBox='0 0 126 90'%3E%3Cuse width='12.4' height='21.8' x='112.7' y='66.1'
|
|
|
|
|
|
}
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-logo {
|
|
|
|
|
|
color: #161616;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-nav__btn[aria-expanded='true']:not(:disabled) {
|
|
|
|
|
|
background-color: var(--background-open-blue-france);
|
|
|
|
|
|
--idle: transparent;
|
|
|
|
|
|
--hover: var(--background-open-blue-france-hover);
|
|
|
|
|
|
--active: var(--background-open-blue-france-active);
|
|
|
|
|
|
color: var(--text-active-blue-france);
|
|
|
|
|
|
}
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-nav__btn[aria-expanded='true']:not(:disabled) {
|
|
|
|
|
|
background-color: #e3e3fd;
|
|
|
|
|
|
color: #000091;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header {
|
|
|
|
|
|
--underline-img: none;
|
|
|
|
|
|
--ul-type: none;
|
|
|
|
|
|
--ol-type: none;
|
|
|
|
|
|
--ul-start: 0;
|
|
|
|
|
|
--ol-start: 0;
|
|
|
|
|
|
--xl-block: 0;
|
|
|
|
|
|
--li-bottom: 0;
|
|
|
|
|
|
--ol-content: none;
|
|
|
|
|
|
--text-spacing: 0;
|
|
|
|
|
|
--title-spacing: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__body-row {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
margin: 0 -1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__brand {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
padding-left: 0.25rem;
|
|
|
|
|
|
padding-right: 0.25rem;
|
|
|
|
|
|
z-index: calc(var(--ground) + 500);
|
|
|
|
|
|
background-color: var(--background-raised-grey);
|
|
|
|
|
|
--idle: transparent;
|
|
|
|
|
|
--hover: var(--background-raised-grey-hover);
|
|
|
|
|
|
--active: var(--background-raised-grey-active);
|
|
|
|
|
|
filter: drop-shadow(var(--raised-shadow));
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__brand-top {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__logo {
|
|
|
|
|
|
order: 1;
|
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
|
|
padding: 0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__logo .fr-logo {
|
|
|
|
|
|
font-size: 0.7875rem;
|
|
|
|
|
|
padding: 0.75rem;
|
|
|
|
|
|
margin: -0.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__logo .fr-logo::before {
|
|
|
|
|
|
width: 2.0625rem;
|
|
|
|
|
|
height: 0.75rem;
|
|
|
|
|
|
margin-bottom: 0.25rem;
|
|
|
|
|
|
background-size:
|
|
|
|
|
|
2.0625rem 0.84375rem,
|
|
|
|
|
|
2.0625rem 0.75rem,
|
|
|
|
|
|
0;
|
|
|
|
|
|
background-position:
|
|
|
|
|
|
0 -0.046875rem,
|
|
|
|
|
|
0 0,
|
|
|
|
|
|
0 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__logo .fr-logo::after {
|
|
|
|
|
|
min-width: 1.96875rem;
|
|
|
|
|
|
background-size: 3.9375rem 2.8125rem;
|
|
|
|
|
|
background-position: 0 calc(100% + 1.40625rem);
|
|
|
|
|
|
padding-top: 1.65625rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__service {
|
|
|
|
|
|
padding-top: 0.75rem;
|
|
|
|
|
|
padding-bottom: 0.75rem;
|
|
|
|
|
|
margin-left: 0.75rem;
|
|
|
|
|
|
margin-right: 0.75rem;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
box-shadow: inset 0 1px 0 0 var(--border-default-grey);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__service-title {
|
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
font-size: 1.125rem;
|
|
|
|
|
|
line-height: 1.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.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 {
|
|
|
|
|
|
font-size: 0.875rem;
|
|
|
|
|
|
line-height: 1.5rem;
|
|
|
|
|
|
min-height: 2rem;
|
|
|
|
|
|
padding: 0.25rem 0.75rem;
|
|
|
|
|
|
overflow: initial;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
max-height: none;
|
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
.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::before {
|
|
|
|
|
|
--icon-size: 1rem;
|
|
|
|
|
|
margin-left: -0.125rem;
|
|
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btn {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
--hover: inherit;
|
|
|
|
|
|
--active: inherit;
|
|
|
|
|
|
color: var(--text-action-high-blue-france);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btn:disabled {
|
|
|
|
|
|
color: var(--text-disabled-grey);
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
--hover: inherit;
|
|
|
|
|
|
--active: inherit;
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 48em) {
|
|
|
|
|
|
.fr-header__service-title {
|
|
|
|
|
|
font-size: 1.25rem;
|
|
|
|
|
|
line-height: 1.75rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 62em) {
|
|
|
|
|
|
.fr-header__body-row {
|
|
|
|
|
|
padding: 1.5rem 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__brand {
|
|
|
|
|
|
margin-top: -1rem;
|
|
|
|
|
|
margin-bottom: -1rem;
|
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
|
z-index: auto;
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
filter: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__brand-top {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__logo,
|
|
|
|
|
|
.fr-header__service {
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__service {
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools {
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
flex: 1 0 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
gap: 0.5rem;
|
|
|
|
|
|
margin-bottom: -1rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btns-group {
|
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
margin: 0 -0.25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btns-group .fr-btn {
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
|
margin-right: 0.5rem;
|
|
|
|
|
|
margin-left: 0.25rem;
|
|
|
|
|
|
margin-right: 0.25rem;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btns-group > li {
|
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
width: auto;
|
|
|
|
|
|
align-items: flex-start;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header {
|
|
|
|
|
|
z-index: calc(var(--ground) + 500);
|
|
|
|
|
|
background-color: var(--background-raised-grey);
|
|
|
|
|
|
--idle: transparent;
|
|
|
|
|
|
--hover: var(--background-raised-grey-hover);
|
|
|
|
|
|
--active: var(--background-raised-grey-active);
|
|
|
|
|
|
filter: drop-shadow(var(--raised-shadow));
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (hover: hover) and (pointer: fine) {
|
|
|
|
|
|
.fr-header__brand.fr-enlarge-link a[href]:hover {
|
|
|
|
|
|
--a: 0.1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__brand.fr-enlarge-link a[href]:active {
|
|
|
|
|
|
--a: 0.2;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-header ul {
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header ul {
|
|
|
|
|
|
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__brand {
|
|
|
|
|
|
z-index: 500;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__service {
|
|
|
|
|
|
box-shadow: inset 0 1px 0 0 #ddd;
|
|
|
|
|
|
}
|
|
|
|
|
|
.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 {
|
|
|
|
|
|
color: #929292;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btn:disabled:hover {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__tools-links .fr-btn:disabled:active {
|
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@media (min-width: 62em) and (-ms-high-contrast: none),
|
|
|
|
|
|
(min-width: 62em) and (-ms-high-contrast: active) {
|
|
|
|
|
|
.fr-header {
|
|
|
|
|
|
z-index: 500;
|
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__brand {
|
|
|
|
|
|
z-index: auto;
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr-header__service {
|
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<header class="fr-header" role="banner">
|
|
|
|
|
|
<div class="fr-header__body">
|
|
|
|
|
|
<div class="fr-container">
|
|
|
|
|
|
<div class="fr-header__body-row">
|
|
|
|
|
|
<div class="fr-header__brand fr-enlarge-link">
|
|
|
|
|
|
<div class="fr-header__brand-top">
|
|
|
|
|
|
<div class="fr-header__logo">
|
|
|
|
|
|
<p class="fr-logo">
|
|
|
|
|
|
République
|
|
|
|
|
|
<br />Française
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="fr-header__service">
|
|
|
|
|
|
<a
|
|
|
|
|
|
title="Aller à la page d’accueil — demarches-simplifiees.fr"
|
|
|
|
|
|
href="/"
|
|
|
|
|
|
><p class="fr-header__service-title">
|
|
|
|
|
|
demarches-simplifiees.fr
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="fr-header__tools">
|
|
|
|
|
|
<div
|
|
|
|
|
|
class="fr-header__tools-links"
|
|
|
|
|
|
data-fr-js-header-links="true"
|
|
|
|
|
|
>
|
|
|
|
|
|
<ul class="fr-btns-group">
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<!-- / NB: on mobile in order to have links correctly aligned, we need a left icon -->
|
|
|
|
|
|
<a
|
2024-10-15 17:12:53 +02:00
|
|
|
|
class="fr-btn"
|
2024-04-24 15:50:42 +02:00
|
|
|
|
href="/faq"
|
2024-04-09 14:17:06 +02:00
|
|
|
|
>Aide</a
|
|
|
|
|
|
>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<main id="content" role="main">
|
|
|
|
|
|
<div class="fr-container">
|
|
|
|
|
|
<div
|
|
|
|
|
|
class="fr-my-7w fr-mt-md-12w fr-mb-md-10w fr-grid-row fr-grid-row--gutters fr-grid-row--middle fr-grid-row--center"
|
|
|
|
|
|
>
|
|
|
|
|
|
<div class="fr-py-0 fr-col-12 fr-col-md-6">
|
|
|
|
|
|
<h1>Délai de connexion dépassé</h1>
|
|
|
|
|
|
<p class="fr-text--sm fr-mb-3w">Erreur 504</p>
|
|
|
|
|
|
<p class="fr-text--lead fr-mb-3w">
|
|
|
|
|
|
Le serveur met trop de temps à répondre.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="fr-text--sm fr-mb-5w">
|
|
|
|
|
|
Cela peut être dû à des problèmes temporaires sur nos serveurs,
|
|
|
|
|
|
ou à un problème spécifique à cette page si elle est trop longue à générer.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<p class="fr-text--sm fr-mb-5w">
|
|
|
|
|
|
Essayez de recharger la page dans quelques instants.
|
|
|
|
|
|
<br />
|
|
|
|
|
|
Si le problème persiste pour cette page spécifiquement, contactez-nous pour obtenir de l’aide.
|
|
|
|
|
|
</p>
|
|
|
|
|
|
<ul class="fr-btns-group fr-btns-group--inline-md">
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="fr-btn" href="/"
|
|
|
|
|
|
>Accueil</a
|
|
|
|
|
|
>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="fr-btn fr-btn--secondary" href="/contact"
|
|
|
|
|
|
>Contactez-nous</a
|
|
|
|
|
|
>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
