@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/poppins-devanagari-400-normal.woff2") format("woff2"), url("./media/poppins-devanagari-400-normal.woff") format("woff");
  unicode-range:
    U+0900-097F,
    U+1CD0-1CF9,
    U+200C-200D,
    U+20A8,
    U+20B9,
    U+20F0,
    U+25CC,
    U+A830-A839,
    U+A8E0-A8FF,
    U+11B00-11B09;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/poppins-latin-ext-400-normal.woff2") format("woff2"), url("./media/poppins-latin-ext-400-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/poppins-latin-400-normal.woff2") format("woff2"), url("./media/poppins-latin-400-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/poppins-devanagari-600-normal.woff2") format("woff2"), url("./media/poppins-devanagari-600-normal.woff") format("woff");
  unicode-range:
    U+0900-097F,
    U+1CD0-1CF9,
    U+200C-200D,
    U+20A8,
    U+20B9,
    U+20F0,
    U+25CC,
    U+A830-A839,
    U+A8E0-A8FF,
    U+11B00-11B09;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/poppins-latin-ext-600-normal.woff2") format("woff2"), url("./media/poppins-latin-ext-600-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./media/poppins-latin-600-normal.woff2") format("woff2"), url("./media/poppins-latin-600-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/poppins-devanagari-700-normal.woff2") format("woff2"), url("./media/poppins-devanagari-700-normal.woff") format("woff");
  unicode-range:
    U+0900-097F,
    U+1CD0-1CF9,
    U+200C-200D,
    U+20A8,
    U+20B9,
    U+20F0,
    U+25CC,
    U+A830-A839,
    U+A8E0-A8FF,
    U+11B00-11B09;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/poppins-latin-ext-700-normal.woff2") format("woff2"), url("./media/poppins-latin-ext-700-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/poppins-latin-700-normal.woff2") format("woff2"), url("./media/poppins-latin-700-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Amaranth";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/amaranth-latin-400-normal.woff2") format("woff2"), url("./media/amaranth-latin-400-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Amaranth";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./media/amaranth-latin-700-normal.woff2") format("woff2"), url("./media/amaranth-latin-700-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/material-icons-latin-400-normal.woff2") format("woff2"), url("./media/material-icons-latin-400-normal.woff") format("woff");
}
:root {
  --color-neutral-0: #ffffff;
  --color-neutral-100: #f6f6f6;
  --color-neutral-200: #d9d9d9;
  --color-neutral-300: #b8b8b8;
  --color-neutral-500: #848484;
  --color-neutral-700: #333333;
  --color-neutral-900: #212121;
  --color-error-container: #f9dedc;
  --color-error-0: #fceeee;
  --color-error-100: #f2b8b5;
  --color-error-200: #e46962;
  --color-error-300: #dc362e;
  --color-error-700: #8c1d18;
  --color-error-900: #601410;
  --color-success-0: #e7f8e8;
  --color-success-100: #88dd8e;
  --color-success-200: #39c643;
  --color-success-300: #27872e;
  --color-success-700: #144718;
  --color-success-900: #0d3010;
  --color-warning-0: #fff4e5;
  --color-warning-100: #ffd299;
  --color-warning-200: #ffb140;
  --color-warning-300: #ff960f;
  --color-warning-700: #995600;
  --color-warning-900: #663900;
  --static-font-principale: var(--static-font-brand-primary);
  --static-font-secondaire: var(--static-font-secondary);
  --sys-light-primary: #1c3c6d;
  --sys-light-on-primary: #ffffff;
  --sys-light-primary-container: #f7f9fc;
  --sys-light-on-primary-container: #1c3c6d;
  --sys-light-primary-fixed: #1c3c6d;
  --sys-light-on-primary-fixed: #ffffff;
  --sys-light-primary-fixed-dim: #16325a;
  --sys-light-on-primary-fixed-variant: #d6e0f0;
  --sys-light-secondary: #00a0c1;
  --sys-light-on-secondary: #ffffff;
  --sys-light-secondary-container: #eaf7fb;
  --sys-light-on-secondary-container: #00728a;
  --sys-light-secondary-fixed: #00a0c1;
  --sys-light-on-secondary-fixed: #ffffff;
  --sys-light-secondary-fixed-dim: #00a0c1;
  --sys-light-on-secondary-fixed-variant: #e6f6fa;
  --sys-light-tertiary: #00768f;
  --sys-light-on-tertiary: #ffffff;
  --sys-light-tertiary-container: #eaf7fb;
  --sys-light-on-tertiary-container: #00768f;
  --sys-light-tertiary-fixed: #00768f;
  --sys-light-on-tertiary-fixed: #ffffff;
  --sys-light-tertiary-fixed-dim: #00768f;
  --sys-light-on-tertiary-fixed-variant: #e6f6fa;
  --sys-light-outline: #7a7e87;
  --sys-light-outline-variant: #c7cbd6;
  --sys-light-background: #fef7ff;
  --sys-light-on-background: #1d1b20;
  --sys-light-surface: #ffffff;
  --sys-light-on-surface: #1f1f1f;
  --sys-light-surface-variant: #e8ecf3;
  --sys-light-on-surface-variant: #1c3c6d;
  --sys-light-surface-bright: #ffffff;
  --sys-light-surface-dim: #f8fafb;
  --sys-light-surface-container-lowest: #ffffff;
  --sys-light-surface-container-low: #fdfbf8;
  --sys-light-surface-container: #eef2f8;
  --sys-light-surface-container-high: #e4eaf4;
  --sys-light-surface-container-highest: #d8e0ee;
  --sys-light-inverse-surface: #2e3440;
  --sys-light-inverse-on-surface: #f1f4fa;
  --sys-light-inverse-primary: #1c3c6d;
  --sys-light-shadow: #000000;
  --sys-light-surface-tint: #1c3c6d;
  --sys-light-scrim: #000000;
  --surface-light-1: rgba(103, 80, 164, 0.05);
  --surface-light-2: rgba(103, 80, 164, 0.08);
  --surface-light-3: rgba(103, 80, 164, 0.11);
  --surface-light-4: rgba(103, 80, 164, 0.12);
  --surface-light-5: rgba(103, 80, 164, 0.14);
  --surface-dark-1: rgba(208, 188, 255, 0.05);
  --surface-dark-2: rgba(208, 188, 255, 0.08);
  --surface-dark-3: rgba(208, 188, 255, 0.11);
  --surface-dark-4: rgba(208, 188, 255, 0.12);
  --surface-dark-5: rgba(208, 188, 255, 0.14);
  --elevation-light-1: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --elevation-light-2: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --elevation-light-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
  --elevation-light-4: 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);
  --elevation-light-5: 0 4px 4px 0 rgba(0, 0, 0, 0.3), 0 8px 12px 6px rgba(0, 0, 0, 0.15);
  --cps-input-height: 44px;
  --cps-input-height-large: 56px;
}
:root {
  --color-primary-100: #f8fafc;
  --color-primary-200: #f2f5fa;
  --color-primary-300: #cbd9ec;
  --color-primary-500: #5f7faf;
  --color-primary-700: #4f6f9f;
  --color-primary-900: #1c3c6d;
  --color-neutral-4: #0f0d13;
  --color-neutral-6: #141218;
  --color-neutral-10: #1d1b20;
  --color-neutral-12: #211f26;
  --color-neutral-17: #2b2930;
  --color-neutral-20: #322f35;
  --color-neutral-22: #36343b;
  --color-neutral-24: #3b383e;
  --color-neutral-30: #48464c;
  --color-neutral-40: #605d64;
  --color-neutral-50: #79767d;
  --color-neutral-60: #938f96;
  --color-neutral-70: #aea9b1;
  --color-neutral-80: #cac5cd;
  --color-neutral-87: #dddddd;
  --color-neutral-90: #e5e5e5;
  --color-neutral-92: #ebebeb;
  --color-neutral-94: #f2f2f2;
  --color-neutral-95: #f3f3f3;
  --color-neutral-99: #fdfdfd;
  --color-error-500: #b3261e;
  --color-success-500: #1b5e20;
  --color-warning-500: #d97a00;
  --color-error-container: #f9dedc;
  --color-on-error-container: #8c1d18;
  --color-success-container: #e6f4ea;
  --color-warning-container: #fff4e0;
  --color-text-title-primary: var(--color-primary-900);
  --color-text-title-secondary: var(--theme-action);
  --color-text-body-primary: #000000;
  --color-text-body-secondary: #79767d;
  --color-text-body-placeholder: #aea9b1;
  --color-text-label-primary: var(--color-primary-900);
  --texte-titre-primaire: var(--color-text-title-primary);
  --texte-body-secondaire: var(--color-text-body-secondary);
  --icone-institutionel: var(--color-primary-900);
  --icone-e-service: var(--theme-action);
  --background-composant-neutre-extra-light: #fdfdfd;
  --background-composant-neutre-light: #e5e5e5;
  --background-composant-neutre-extra-extra-dark: #322f35;
  --color-disabled-surface: var(--color-neutral-94);
  --color-disabled-border: var(--color-neutral-87);
  --color-disabled-content: var(--color-neutral-24);
  --corner-none: 0px;
  --corner-extra-small: 4px;
  --corner-small: 8px;
  --corner-medium: 12px;
  --corner-large: 16px;
  --corner-large-increased: 20px;
  --corner-extra-large: 28px;
  --corner-extra-large-increased: 32px;
  --corner-extra-extra-large: 48px;
  --corner-full: 1000px;
  --border-nul: 0px;
  --border-1: 1px;
  --border-2: 2px;
  --border-3: 3px;
  --border-4: 4px;
  --border-5: 5px;
  --border-6: 6px;
  --border-7: 7px;
  --space-null: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 54px;
  --space-11: 60px;
  --space-12: 70px;
  --space-13: 90px;
  --space-14: 110px;
  --gap-nul: 0px;
  --gap-xxs: 2px;
  --gap-xs: 4px;
  --gap-s: 8px;
  --gap-m: 12px;
  --gap-l: 16px;
  --gap-xl: 24px;
  --gap-xxl: 32px;
  --spacing-section-s: 24px;
  --spacing-section-m: 32px;
  --spacing-section-l: 40px;
  --spacing-section-xl: 48px;
  --marges-verticale: 60px;
  --marges-footer: 90px;
  --padding-interne-nul: 0px;
  --padding-interne-xxs: 4px;
  --padding-interne-xs: 8px;
  --padding-interne-s: 12px;
  --padding-interne-m: 16px;
  --padding-interne-l: 20px;
  --padding-interne-xl: 24px;
  --padding-interne-xxl: 32px;
  --padding-interne-xxxl: 48px;
  --padding-interne-xxxxl: 60px;
  --static-font-brand-primary: Poppins, sans-serif;
  --static-font-plain: Poppins, sans-serif;
  --static-font-secondary: Amaranth, serif;
  --static-display-large-font: var(--static-font-brand-primary);
  --static-display-large-weight: 600;
  --static-display-large-weight-emphasized: 700;
  --static-display-large-weight-regular: 400;
  --static-display-large-size: 57px;
  --static-display-large-line-height: 64px;
  --static-display-large-tracking: -0.25px;
  --static-display-medium-font: var(--static-font-brand-primary);
  --static-display-medium-weight: 600;
  --static-display-medium-weight-emphasized: 700;
  --static-display-medium-weight-regular: 400;
  --static-display-medium-size: 45px;
  --static-display-medium-line-height: 52px;
  --static-display-medium-tracking: 0px;
  --static-display-small-font: var(--static-font-brand-primary);
  --static-display-small-weight: 600;
  --static-display-small-weight-emphasized: 600;
  --static-display-small-weight-regular: 400;
  --static-display-small-size: 36px;
  --static-display-small-line-height: 44px;
  --static-display-small-tracking: 0px;
  --static-headline-large-font: var(--static-font-brand-primary);
  --static-headline-large-weight: 600;
  --static-headline-large-size: 32px;
  --static-headline-large-line-height: 40px;
  --static-headline-large-tracking: 0px;
  --static-headline-medium-font: var(--static-font-brand-primary);
  --static-headline-medium-weight: 600;
  --static-headline-medium-size: 28px;
  --static-headline-medium-line-height: 36px;
  --static-headline-medium-tracking: 0px;
  --static-headline-small-font: var(--static-font-brand-primary);
  --static-headline-small-weight: 600;
  --static-headline-small-size: 24px;
  --static-headline-small-line-height: 32px;
  --static-headline-small-tracking: 0px;
  --static-title-large-font: var(--static-font-brand-primary);
  --static-title-large-weight: 600;
  --static-title-large-weight-regular: 400;
  --static-title-large-size: 22px;
  --static-title-large-line-height: 28px;
  --static-title-large-tracking: 0px;
  --static-title-medium-font: var(--static-font-plain);
  --static-title-medium-weight: 600;
  --static-title-medium-weight-regular: 400;
  --static-title-medium-size: 16px;
  --static-title-medium-line-height: 24px;
  --static-title-medium-tracking: 0.15px;
  --static-title-small-font: var(--static-font-brand-primary);
  --static-title-small-weight: 600;
  --static-title-small-weight-regular: 400;
  --static-title-small-size: 14px;
  --static-title-small-line-height: 20px;
  --static-title-small-tracking: 0.1px;
  --static-label-large-font: var(--static-font-brand-primary);
  --static-label-large-weight: 600;
  --static-label-large-weight-emphasized: 700;
  --static-label-large-weight-regular: 400;
  --static-label-large-size: 14px;
  --static-label-large-line-height: 20px;
  --static-label-large-tracking: 0.1px;
  --static-label-medium-font: var(--static-font-brand-primary);
  --static-label-medium-weight: 600;
  --static-label-medium-weight-emphasized: 700;
  --static-label-medium-weight-regular: 400;
  --static-label-medium-size: 12px;
  --static-label-medium-line-height: 16px;
  --static-label-medium-tracking: 0.5px;
  --static-label-small-font: var(--static-font-brand-primary);
  --static-label-small-weight: 600;
  --static-label-small-weight-emphasized: 700;
  --static-label-small-weight-regular: 400;
  --static-label-small-size: 11px;
  --static-label-small-line-height: 16px;
  --static-label-small-tracking: 0.5px;
  --static-body-large-font: var(--static-font-brand-primary);
  --static-body-large-weight: 400;
  --static-body-large-weight-emphasized: 700;
  --static-body-large-weight-regular: 400;
  --static-body-large-size: 16px;
  --static-body-large-line-height: 24px;
  --static-body-large-tracking: 0.5px;
  --static-body-medium-font: var(--static-font-brand-primary);
  --static-body-medium-weight: 400;
  --static-body-medium-weight-emphasized: 700;
  --static-body-medium-weight-regular: 400;
  --static-body-medium-size: 14px;
  --static-body-medium-line-height: 20px;
  --static-body-medium-tracking: 0.25px;
  --static-body-small-font: var(--static-font-brand-primary);
  --static-body-small-weight: 400;
  --static-body-small-weight-emphasized: 700;
  --static-body-small-weight-regular: 400;
  --static-body-small-size: 12px;
  --static-body-small-line-height: 16px;
  --static-body-small-tracking: 0.4px;
}
:root {
  --color-tatou-100: #f0fafd;
  --color-tatou-200: #e6f6fa;
  --color-tatou-300: #eaf7fb;
  --color-tatou-500: #00c1de;
  --color-tatou-700: #00a0c1;
  --color-tatou-800: #0085a1;
  --color-tatou-900: #00677e;
  --color-reva-100: #fff1e6;
  --color-reva-200: #fff1dc;
  --color-reva-300: #fde6c8;
  --color-reva-500: #f39200;
  --color-reva-700: #f39200;
  --color-reva-800: #e76000;
  --color-reva-900: #b84a00;
  --color-rima-100: #e9f5ec;
  --color-rima-200: #e6f5ea;
  --color-rima-300: #e6f5ea;
  --color-rima-500: #48b276;
  --color-rima-700: #2e7d32;
  --color-rima-800: #1b5e20;
  --color-rima-900: #1b5528;
  --background-composant-secondaire-light: #f7f9fc;
  --background-composant-secondaire-medium: #eef2f8;
  --background-composant-secondaire-dark: #e4eaf4;
  --background-composant-secondaire-extra-dark: #d8e0ee;
  --background-composant-primaire-e-service-medium: #c3e8f4;
  --theme-100: var(--color-tatou-100);
  --theme-200: var(--color-tatou-200);
  --theme-300: var(--color-tatou-300);
  --theme-500: var(--color-tatou-500);
  --theme-700: var(--color-tatou-700);
  --theme-900: var(--color-tatou-900);
  --theme-action: var(--color-tatou-700);
  --theme-action-hover: var(--color-tatou-800);
  --theme-action-focus: var(--color-tatou-700);
}
[data-theme=tatou] {
  --background-composant-secondaire-light: #f7f9fc;
  --background-composant-secondaire-medium: #eef2f8;
  --background-composant-secondaire-dark: #e4eaf4;
  --background-composant-secondaire-extra-dark: #d8e0ee;
  --background-composant-primaire-e-service-medium: #c3e8f4;
  --theme-100: var(--color-tatou-100);
  --theme-200: var(--color-tatou-200);
  --theme-300: var(--color-tatou-300);
  --theme-500: var(--color-tatou-500);
  --theme-700: var(--color-tatou-700);
  --theme-900: var(--color-tatou-900);
  --theme-action: var(--color-tatou-700);
  --theme-action-hover: var(--color-tatou-800);
  --theme-action-focus: var(--color-tatou-700);
}
[data-theme=reva] {
  --background-composant-secondaire-light: #f9f6f1;
  --background-composant-secondaire-medium: #faf6f0;
  --background-composant-secondaire-dark: #f6efe6;
  --background-composant-secondaire-extra-dark: #f2e8da;
  --background-composant-primaire-e-service-medium: #fce0ba;
  --theme-100: var(--color-reva-100);
  --theme-200: var(--color-reva-200);
  --theme-300: var(--color-reva-300);
  --theme-500: var(--color-reva-500);
  --theme-700: var(--color-reva-700);
  --theme-900: var(--color-reva-900);
  --theme-action: var(--color-reva-700);
  --theme-action-hover: var(--color-reva-800);
  --theme-action-focus: var(--color-reva-700);
}
[data-theme=rima] {
  --background-composant-secondaire-light: #f4faf6;
  --background-composant-secondaire-medium: #eef5f1;
  --background-composant-secondaire-dark: #e6efea;
  --background-composant-secondaire-extra-dark: #deeae4;
  --background-composant-primaire-e-service-medium: #ccebd4;
  --theme-100: var(--color-rima-100);
  --theme-200: var(--color-rima-200);
  --theme-300: var(--color-rima-300);
  --theme-500: var(--color-rima-500);
  --theme-700: var(--color-rima-700);
  --theme-900: var(--color-rima-900);
  --theme-action: var(--color-rima-700);
  --theme-action-hover: var(--color-rima-800);
  --theme-action-focus: var(--color-rima-700);
}
.cps-display-large {
  font-family: var(--static-display-large-font);
  font-size: var(--static-display-large-size);
  font-weight: var(--static-display-large-weight);
  line-height: var(--static-display-large-line-height);
  letter-spacing: var(--static-display-large-tracking);
}
.cps-display-medium {
  font-family: var(--static-display-medium-font);
  font-size: var(--static-display-medium-size);
  font-weight: var(--static-display-medium-weight);
  line-height: var(--static-display-medium-line-height);
  letter-spacing: var(--static-display-medium-tracking);
}
.cps-display-small {
  font-family: var(--static-display-small-font);
  font-size: var(--static-display-small-size);
  font-weight: var(--static-display-small-weight);
  line-height: var(--static-display-small-line-height);
  letter-spacing: var(--static-display-small-tracking);
}
.cps-headline-large {
  font-family: var(--static-headline-large-font);
  font-size: var(--static-headline-large-size);
  font-weight: var(--static-headline-large-weight);
  line-height: var(--static-headline-large-line-height);
  letter-spacing: var(--static-headline-large-tracking);
}
.cps-headline-medium {
  font-family: var(--static-headline-medium-font);
  font-size: var(--static-headline-medium-size);
  font-weight: var(--static-headline-medium-weight);
  line-height: var(--static-headline-medium-line-height);
  letter-spacing: var(--static-headline-medium-tracking);
}
.cps-headline-small {
  font-family: var(--static-headline-small-font);
  font-size: var(--static-headline-small-size);
  font-weight: var(--static-headline-small-weight);
  line-height: var(--static-headline-small-line-height);
  letter-spacing: var(--static-headline-small-tracking);
}
.cps-title-large {
  font-family: var(--static-title-large-font);
  font-size: var(--static-title-large-size);
  font-weight: var(--static-title-large-weight);
  line-height: var(--static-title-large-line-height);
  letter-spacing: var(--static-title-large-tracking);
}
.cps-title-medium {
  font-family: var(--static-title-medium-font);
  font-size: var(--static-title-medium-size);
  font-weight: var(--static-title-medium-weight);
  line-height: var(--static-title-medium-line-height);
  letter-spacing: var(--static-title-medium-tracking);
}
.cps-title-small {
  font-family: var(--static-title-small-font);
  font-size: var(--static-title-small-size);
  font-weight: var(--static-title-small-weight);
  line-height: var(--static-title-small-line-height);
  letter-spacing: var(--static-title-small-tracking);
}
.cps-label-large {
  font-family: var(--static-label-large-font);
  font-size: var(--static-label-large-size);
  font-weight: var(--static-label-large-weight);
  line-height: var(--static-label-large-line-height);
  letter-spacing: var(--static-label-large-tracking);
}
.cps-label-medium {
  font-family: var(--static-label-medium-font);
  font-size: var(--static-label-medium-size);
  font-weight: var(--static-label-medium-weight);
  line-height: var(--static-label-medium-line-height);
  letter-spacing: var(--static-label-medium-tracking);
}
.cps-label-small {
  font-family: var(--static-label-small-font);
  font-size: var(--static-label-small-size);
  font-weight: var(--static-label-small-weight);
  line-height: var(--static-label-small-line-height);
  letter-spacing: var(--static-label-small-tracking);
}
.cps-body-large {
  font-family: var(--static-body-large-font);
  font-size: var(--static-body-large-size);
  font-weight: var(--static-body-large-weight);
  line-height: var(--static-body-large-line-height);
  letter-spacing: var(--static-body-large-tracking);
}
.cps-body-medium {
  font-family: var(--static-body-medium-font);
  font-size: var(--static-body-medium-size);
  font-weight: var(--static-body-medium-weight);
  line-height: var(--static-body-medium-line-height);
  letter-spacing: var(--static-body-medium-tracking);
}
.cps-body-small {
  font-family: var(--static-body-small-font);
  font-size: var(--static-body-small-size);
  font-weight: var(--static-body-small-weight);
  line-height: var(--static-body-small-line-height);
  letter-spacing: var(--static-body-small-tracking);
}
:root {
  --bp-compact-max: 599px;
}
.cps-scrim {
  position: fixed;
  inset: 0;
  background-color: var(--background-composant-neutre-extra-extra-dark);
  opacity: 0.38;
  z-index: 100;
}
.cps-focus-ring:focus-visible {
  outline: 3px solid var(--action-bouton-focus-border);
  outline-offset: 2px;
}
@supports (-moz-appearance: none) {
  * {
    scrollbar-width: thin;
    scrollbar-gutter: stable both-edges;
    scrollbar-color: var(--theme-action, #00a0c1) var(--color-neutral-80, #cac5cd);
  }
}
*::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
  flex-shrink: 0;
}
*::-webkit-scrollbar-track {
  background-color: var(--color-neutral-80, #cac5cd) !important;
  border-radius: var(--corner-extra-large, 28px) !important;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--theme-action, #00a0c1) !important;
  border-radius: var(--corner-extra-large, 28px) !important;
  min-height: 40px !important;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--theme-action-hover, #0085a1) !important;
}
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
*::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
:root {
  --action-bouton-primaire-background: var(--color-primary-900, purple);
  --action-bouton-primaire-text: var(--color-neutral-0, purple);
  --action-bouton-primaire-icone: var(--color-neutral-0, purple);
  --action-bouton-primaire-hover-background: var(--color-primary-500, purple);
  --action-bouton-primaire-hover-text: var(--color-neutral-0, purple);
  --action-bouton-primaire-hover-icone: var(--color-neutral-0, purple);
  --action-bouton-secondaire-background: var(--theme-action);
  --action-bouton-secondaire-border: var(--theme-action);
  --action-bouton-secondaire-text: var(--color-neutral-0, purple);
  --action-bouton-secondaire-icone: var(--color-neutral-0, purple);
  --action-bouton-secondaire-hover-background: var(--theme-action-hover);
  --action-bouton-secondaire-hover-border: var(--theme-action-hover, purple);
  --action-bouton-secondaire-hover-text: var(--color-neutral-0, purple);
  --action-bouton-secondaire-hover-icone: var(--color-neutral-0, purple);
  --action-bouton-tertiaire-background: var(--color-neutral-0, purple);
  --action-bouton-tertiaire-border: var(--color-neutral-80, purple);
  --action-bouton-tertiaire-text: var(--color-primary-900, purple);
  --action-bouton-tertiaire-icone: var(--color-primary-900, purple);
  --action-bouton-tertiaire-hover-background: var(--color-primary-200, purple);
  --action-bouton-focus-border: var(--theme-action-focus);
  --action-bouton-disabled-background: var(--color-disabled-surface, purple);
  --action-bouton-disabled-border: var(--color-disabled-border, purple);
  --action-bouton-disabled-texte: var(--color-disabled-content, purple);
  --action-bouton-disabled-icone: var(--color-disabled-content, purple);
}
:root {
  --lien-color: var(--texte-titre-primaire, purple);
  --lien-disabled-color: var(--color-neutral-50, purple);
  --lien-underline-color: var(--texte-titre-primaire, purple);
}
:root {
  --action-bouton-icone-color: var(--texte-titre-primaire, purple);
  --action-bouton-icone-hover-background: var(--color-neutral-95, purple);
  --action-bouton-icone-tooltip-background: var( --background-composant-neutre-extra-extra-dark, purple );
}
:root {
  --feedback-info-tooltip-background: var(--background-composant-secondaire-light);
  --feedback-info-tooltip-title-color: var(--texte-titre-primaire);
  --feedback-info-tooltip-text-color: var(--texte-body-primaire);
  --feedback-info-tooltip-icon-color: var(--texte-titre-primaire);
  --feedback-info-tooltip-border-radius: var(--corner-medium);
  --feedback-info-tooltip-width: 312px;
  --feedback-info-tooltip-padding: var(--padding-interne-m);
  --feedback-info-tooltip-content-padding: var(--padding-interne-s) var(--padding-interne-m);
  --feedback-info-tooltip-gap: var(--space-1);
}
:root {
  --action-bouton-flottant-background: var(--background-composant-neutre-extra-light, purple);
  --action-bouton-flottant-hover-background: var(--background-composant-secondaire-medium, purple);
  --action-bouton-flottant-shadow: var(--elevation-light-1);
}
:root {
  --form-select-border: var(--color-neutral-70, purple);
  --form-select-border-focused: var(--texte-titre-primaire, purple);
  --form-select-border-error: var(--color-error-500, purple);
  --form-select-background: var(--background-composant-neutre-extra-light, purple);
  --form-select-label-color: var(--texte-titre-primaire, purple);
  --form-select-label-error-color: var(--color-error-700, purple);
  --form-select-text-color: var(--color-neutral-4, purple);
  --form-select-supporting-text-color: var(--texte-body-secondaire, purple);
  --form-select-supporting-text-error-color: var(--color-error-500, purple);
  --form-select-icon-color: var(--texte-body-secondaire, purple);
  --form-texte-body-placeholder: var(--color-neutral-70, purple);
  --form-select-field-min-height: var(--cps-input-height);
  --form-select-panel-background: var(--background-composant-neutre-extra-light, purple);
  --form-select-panel-border: var(--color-neutral-94, purple);
  --form-select-option-text-color: var(--color-neutral-4, purple);
  --form-select-option-selected-background: var(--theme-100);
  --form-select-option-selected-text-color: var(--theme-action);
  --form-select-option-hover-background: var(--color-neutral-95, purple);
  --form-select-scrollbar-track: var(--color-neutral-80, purple);
  --form-select-scrollbar-thumb: var(--theme-action);
}
:root {
  --content-footer-background: var(--color-neutral-0, purple);
  --content-footer-copyright-color: var(--color-neutral-50, purple);
}
:root {
  --content-header-background: var(--color-neutral-0, purple);
  --content-header-border-color: var(--color-neutral-87, purple);
  --content-header-height: 55px;
  --content-header-padding: var(--padding-interne-s) var(--padding-interne-nul) var(--padding-interne-s) var(--padding-interne-xl);
}
:root {
  --nav-side-menu-width-collapsed: 96px;
  --nav-side-menu-width-expanded: 360px;
  --nav-side-menu-background: var(--background-composant-secondaire-light);
  --nav-side-menu-padding-top: var(--padding-interne-l);
  --nav-side-menu-padding-x-expanded: var(--padding-interne-xs);
  --nav-side-menu-padding-x-collapsed: 0px;
  --nav-side-menu-transition-duration: 250ms;
  --nav-side-menu-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --nav-side-menu-entity-collapsed-background: var( --background-composant-primaire-e-service-medium, purple );
  --nav-side-menu-entity-collapsed-color: var(--texte-titre-primaire, purple);
  --nav-side-menu-entity-collapsed-background-active: var(--theme-action, purple);
  --nav-side-menu-entity-collapsed-color-active: var(--color-neutral-0, purple);
}
:root {
  --form-switch-track-width: 52px;
  --form-switch-track-height: 32px;
  --form-switch-track-radius: var(--corner-full);
  --form-switch-track-border-width: 2px;
  --form-switch-selected-track-background: var(--color-primary-900, purple);
  --form-switch-selected-thumb-background: var(--color-neutral-0, purple);
  --form-switch-selected-icon-color: var(--color-primary-900, purple);
  --form-switch-unselected-track-background: #fdfdfd;
  --form-switch-unselected-track-border-color: #605d64;
  --form-switch-unselected-thumb-background: #605d64;
  --form-switch-unselected-icon-color: var(--color-neutral-0, purple);
  --form-switch-hover-layer-color: rgba(0, 0, 0, 0.16);
  --form-switch-label-gap: var(--space-2);
  --form-switch-label-color: var(--color-neutral-900, purple);
  --form-switch-disabled-opacity: 0.38;
}
:root {
  --cps-logo-color-primary: var(--color-primary-900, purple);
  --cps-logo-color-white: var(--color-neutral-0, purple);
  --cps-logo-color-theme: var(--theme-action, purple);
  --cps-logo-multi-1: var(--color-tatou-500, purple);
  --cps-logo-multi-2: var(--color-reva-700, purple);
  --cps-logo-multi-3: var(--color-rima-500, purple);
  --cps-logo-background-primary: var(--color-primary-900, purple);
  --cps-logo-background-white: var(--color-neutral-0, purple);
  --cps-logo-tagline-on-primary: var(--color-neutral-0, purple);
  --cps-logo-tagline-on-white: var(--color-primary-900, purple);
}
:root {
  --form-interactive-tag-background: var(--background-composant-neutre-extra-light, purple);
  --form-interactive-tag-border-color: var(--color-neutral-87, purple);
  --form-interactive-tag-text-color: var(--color-primary-900, purple);
  --form-interactive-tag-error-background: var(--color-error-container, purple);
  --form-interactive-tag-error-border-color: var(--color-error-500, purple);
  --form-interactive-tag-error-text-color: var(--color-error-500, purple);
  --form-interactive-tag-focus-ring-color: var(--theme-action-focus, purple);
}
:root {
  --champ-saisie-border: var(--color-neutral-70, purple);
  --champ-saisie-border-focused: var(--texte-titre-primaire, purple);
  --champ-saisie-border-error: var(--color-error-500, purple);
  --champ-saisie-background: var(--background-composant-neutre-extra-light, purple);
  --champ-saisie-label-color: var(--texte-titre-primaire, purple);
  --champ-saisie-label-floating-color: var(--texte-titre-primaire, purple);
  --champ-saisie-label-error-color: var(--color-on-error-container, purple);
  --champ-saisie-text-color: var(--color-neutral-24, purple);
  --champ-saisie-placeholder-color: var(--color-neutral-70, purple);
  --champ-saisie-supporting-text-color: var(--texte-body-secondaire, purple);
  --champ-saisie-supporting-text-error-color: var(--color-error-500, purple);
  --champ-saisie-icon-color: var(--texte-body-secondaire, purple);
  --cps-text-field-min-height: var(--cps-input-height);
}
:root {
  --case-a-cocher-border: var(--color-primary-900, purple);
  --case-a-cocher-background-checked: var(--color-primary-900, purple);
  --case-a-cocher-check-color: var(--color-neutral-0, purple);
  --case-a-cocher-state-layer-hover: var(--background-composant-neutre-light, purple);
  --case-a-cocher-focus-border: var(--theme-action-focus);
  --case-a-cocher-label-color: var(--color-neutral-900);
}
:root {
  --date-picker-panel-background: var(--background-composant-neutre-extra-light, #fdfdfd);
  --date-picker-panel-radius: var(--corner-extra-large, 28px);
  --date-picker-panel-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --date-picker-header-text: var(--texte-titre-primaire, #1c3c6d);
  --date-picker-day-text: var(--color-neutral-900, black);
  --date-picker-day-today-border: var(--texte-titre-primaire, #1c3c6d);
  --date-picker-day-selected-background: var(--theme-action);
  --date-picker-day-selected-text: var(--color-neutral-0, #ffffff);
  --date-picker-day-hover-background: var(--background-composant-neutre-light, #e5e5e5);
  --date-picker-day-focus-ring: var(--theme-action);
  --date-picker-day-disabled-opacity: 0.38;
  --date-picker-range-background: var(--theme-300, #eaf7fb);
  --date-picker-range-middle-background: var(--background-composant-secondaire-extra-dark, #d8e0ee);
  --date-picker-field-border: var(--color-neutral-70, #aea9b1);
  --date-picker-field-border-focused: var(--texte-titre-primaire, #1c3c6d);
  --date-picker-field-border-error: var(--color-error-500, #b3261e);
  --date-picker-field-background: var(--color-neutral-0, #ffffff);
  --date-picker-label-color: var(--texte-titre-primaire, #1c3c6d);
  --date-picker-icon-color: var(--texte-titre-primaire, #1c3c6d);
  --date-picker-supporting-text-color: var(--texte-body-secondaire, #79767d);
  --date-picker-field-min-height: var(--cps-input-height);
}
:root {
  --divider-color: var(--color-neutral-87);
  --divider-thickness: 1px;
  --divider-inset: var(--space-4);
}
:root {
  --modal-background: var(--color-primary-100, purple);
  --modal-border-radius: var(--corner-extra-large);
  --modal-shadow: var(--elevation-light-2);
  --modal-max-width: 560px;
  --modal-min-width: 280px;
  --modal-padding: var(--padding-interne-xl);
  --modal-title-color: var(--texte-titre-primaire, purple);
  --modal-actions-gap: var(--space-2);
}
:root {
  --form-radio-indicator-color: var(--color-primary-900, purple);
  --form-radio-label-color: var(--color-neutral-900, purple);
  --form-radio-state-layer-background: var(--background-composant-neutre-light, purple);
  --form-radio-focus-border: var(--theme-action-focus, purple);
  --form-radio-disabled-opacity: 0.38;
}
:root {
  --feedback-snack-bar-min-width: 296px;
  --feedback-snack-bar-min-height: 52px;
  --feedback-snack-bar-radius: var(--corner-extra-small);
  --feedback-snack-bar-padding-x: var(--padding-interne-l);
  --feedback-snack-bar-padding-y: var(--padding-interne-m);
  --feedback-snack-bar-padding-y-compact: var(--padding-interne-xxs);
  --feedback-snack-bar-gap: var(--space-4);
  --feedback-snack-bar-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
  --feedback-snack-bar-close-hover-dark: rgba(0, 0, 0, 0.06);
  --feedback-snack-bar-message-max-width: 400px;
  --feedback-snack-bar-action-focus-border: var(--theme-action-focus, purple);
  --feedback-snack-bar-informatif-background: var(--sys-light-inverse-surface, purple);
  --feedback-snack-bar-informatif-text: var(--sys-light-inverse-on-surface, purple);
  --feedback-snack-bar-informatif-action-text: var(--color-neutral-99, purple);
  --feedback-snack-bar-informatif-action-text-hover: var(--theme-action, purple);
  --feedback-snack-bar-informatif-action-overlay: var(--color-neutral-99, purple);
  --feedback-snack-bar-informatif-icon: var(--sys-light-inverse-on-surface, purple);
  --feedback-snack-bar-informatif-close-hover: rgba(255, 255, 255, 0.08);
  --feedback-snack-bar-informatif-close-hover-variant: rgba(255, 255, 255, 0.12);
  --feedback-snack-bar-informatif-action-overlay-hover: rgba(255, 255, 255, 0.16);
  --feedback-snack-bar-echec-background: var(--color-error-container, purple);
  --feedback-snack-bar-echec-text: var(--color-error-700, purple);
  --feedback-snack-bar-echec-action-text: var(--color-error-700, purple);
  --feedback-snack-bar-echec-action-overlay: #b3261e29;
  --feedback-snack-bar-echec-icon: var(--color-error-700, purple);
  --feedback-snack-bar-succes-background: var(--color-success-container, purple);
  --feedback-snack-bar-succes-text: var(--color-success-500, purple);
  --feedback-snack-bar-succes-action-text: var(--color-success-500, purple);
  --feedback-snack-bar-succes-action-overlay: #1b5e2029;
  --feedback-snack-bar-succes-icon: var(--color-success-500, purple);
  --feedback-snack-bar-alerte-background: var(--color-warning-container, purple);
  --feedback-snack-bar-alerte-text: var(--color-warning-500, purple);
  --feedback-snack-bar-alerte-action-text: var(--color-warning-500, purple);
  --feedback-snack-bar-alerte-action-overlay: #d97a0029;
  --feedback-snack-bar-alerte-icon: var(--color-warning-500, purple);
}
:root {
  --feedback-tooltip-background: var(--background-composant-neutre-extra-extra-dark, purple);
  --feedback-tooltip-text: var(--color-neutral-0);
  --feedback-tooltip-border-radius: var(--corner-extra-small);
  --feedback-tooltip-max-width: 200px;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  font-family: var(--static-body-small-font);
  font-size: var(--static-body-small-size);
  font-weight: var(--static-body-small-weight);
  line-height: var(--static-body-small-line-height);
  letter-spacing: var(--static-body-small-tracking);
  background-color: var(--feedback-tooltip-background);
  color: var(--feedback-tooltip-text);
  border-radius: var(--feedback-tooltip-border-radius);
  max-width: var(--feedback-tooltip-max-width);
  padding: var(--padding-interne-xs);
  text-align: center;
}
:root {
  --feedback-loader-track-color: var(--color-neutral-90, purple);
  --feedback-loader-indicator-color: var(--theme-action);
  --feedback-loader-stroke-width: 16;
}
:root {
  --media-carousel-item-max-width: 640px;
  --media-carousel-item-width: 550.946px;
  --media-carousel-item-height: 310.286px;
  --media-carousel-item-corner: var(--corner-extra-large);
  --media-carousel-item-gap: var(--space-2);
  --media-carousel-text-padding: var(--padding-interne-m);
  --media-carousel-gradient-start: rgba(255, 255, 255, 0);
  --media-carousel-gradient-end: rgba(0, 0, 0, 0.5);
  --media-carousel-text-color: #ffffff;
  --media-carousel-nav-button-offset: var(--space-4);
}
:root {
  --expansion-panel-background: transparent;
  --expansion-panel-hover-background: var(--color-neutral-100);
  --expansion-panel-focus-border: var(--theme-action-focus);
  --expansion-panel-text: var(--color-neutral-900);
  --expansion-panel-disabled-text: var(--color-disabled-content);
  --expansion-panel-indentation-null: var(--space-null);
  --expansion-panel-indentation-xs: var(--space-5);
  --expansion-panel-indentation-s: var(--space-8);
  --expansion-panel-indentation-m: var(--space-11);
  --expansion-panel-indentation-l: 80px;
  --expansion-panel-min-height: 56px;
  --expansion-panel-corner: var(--corner-extra-small);
  --expansion-panel-content-offset: var(--space-3);
}
:root {
  --search-bar-height-large: var(--cps-input-height-large);
  --search-bar-width-large: 360px;
  --search-bar-height-small: var(--cps-input-height);
  --search-bar-width-small: 270px;
}
:root {
  --navigation-tab-background: var(--color-neutral-0, purple);
  --navigation-tab-label-color: var(--color-neutral-900, purple);
  --navigation-tab-state-layer-background: var( --background-composant-neutre-light, purple );
  --navigation-tab-indicator-color: var(--theme-action);
  --navigation-tab-divider-color: var(--color-neutral-87, purple);
}
html {
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #002f65);
  --mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#005cbb, #abc7ff);
  --mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
body {
  color-scheme: light;
  background-color: var(--sys-light-surface);
  color: var(--sys-light-on-surface);
  font-family: var(--static-body-medium-font);
  font-size: var(--static-body-medium-size);
  font-weight: var(--static-body-medium-weight);
  line-height: var(--static-body-medium-line-height);
  letter-spacing: var(--static-body-medium-tracking);
  margin: 0;
}
html,
body {
  height: 100%;
}
.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: transparent;
  --mdc-snackbar-container-shape: 0;
  --mat-snack-bar-button-color: inherit;
  box-shadow: none !important;
  padding: 0 !important;
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 0 !important;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
:root {
  --cps-color-on-surface-variant: var(--sys-light-on-surface-variant);
  --cps-color-outline-variant: var(--sys-light-outline-variant);
  --cps-color-surface-variant: var(--sys-light-surface-variant);
  --cps-icon-size-xs: 24px;
  --cps-icon-size-m: 32px;
  --cps-control-min-width: 200px;
  --grid-label-width-md: 280px;
  --grid-label-width-xl: 350px;
  --cps-editable-date-cell-width: 200px;
  --cps-editable-number-cell-width: 200px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
h1 {
  color: var(--color-text-title-primary);
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  font-family: var(--static-title-large-font) !important;
  font-size: var(--static-title-large-size) !important;
  font-weight: var(--static-title-large-weight) !important;
  line-height: var(--static-title-large-line-height) !important;
  letter-spacing: var(--static-title-large-tracking) !important;
  color: var(--color-text-title-primary) !important;
}
.cps-info-tooltip__text {
  white-space: pre-line;
}
.required-info__asterisk {
  color: var(--color-error-300);
  font-weight: bold;
}
.state__circle {
  width: 14px;
  height: 14px;
  border-radius: var(--corner-full);
  margin: var(--gap-nul) auto;
}
.cards-row {
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap-l);
  align-items: stretch;
}
@media (max-width: 599px) {
  .cards-row {
    flex-direction: column;
  }
}
.cards-row > * {
  flex: 1 1 300px;
  min-width: 0;
}
.cards-column {
  display: flex;
  flex-direction: column;
  gap: var(--gap-l);
}
.cards-column > * {
  flex: 0 0 auto;
}
.full-width {
  margin-left: calc(-1 * var(--marges-verticale));
  margin-right: calc(-1 * var(--marges-verticale));
}
@media (max-width: 599px) {
  .full-width {
    margin-left: calc(-1 * var(--padding-interne-m));
    margin-right: calc(-1 * var(--padding-interne-m));
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */