/* Généré par outils/charte.mjs depuis c4a-design-system@a4daf91. Ne pas modifier. */
@font-face {
	font-family: 'Selawik';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('./selawik-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Selawik';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./selawik-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Selawik';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('./selawik-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Selawik';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('./selawik-bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Selawik';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('./selawik-bold.woff2') format('woff2');
}

:root {
	--c4a-couleur-accent: #0f6cbd;
		--c4a-couleur-accent-ink: #ffffff;
		--c4a-couleur-neutre: #2b2b29;
		--c4a-couleur-surface-app: #f5f5f5;
		--c4a-couleur-surface-panel: #fafafa;
		--c4a-couleur-surface-card: #ffffff;
		--c4a-couleur-surface-reading: #fafafa;
		--c4a-couleur-surface-selected: #ebebeb;
		--c4a-couleur-surface-active: #e6e6e6;
		--c4a-couleur-ink: #242424;
		--c4a-couleur-ink-secondary: #424242;
		--c4a-couleur-ink-muted: #616161;
		--c4a-couleur-ink-placeholder: #707070;
		--c4a-couleur-border: #d1d1d1;
		--c4a-couleur-border-subtle: #e0e0e0;
		--c4a-couleur-border-control: #616161;
		--c4a-couleur-avatar: #616161;
		--c4a-couleur-avatar-account: #616161;
		--c4a-couleur-field-fill: #f5f5f5;
		--c4a-couleur-status-flag: #c50f1f;
		--c4a-couleur-fichier-tableur: #0b6a0b;
		--c4a-couleur-fichier-pdf: #c50f1f;
		--c4a-couleur-fichier-texte: #0f6cbd;
		--c4a-couleur-fichier-presentation: #ca5010;
		--c4a-couleur-fichier-image: #5c2e91;
		--c4a-couleur-fichier-autre: #616161;
		--c4a-couleur-partage-sortant: #c19c00;
		--c4a-couleur-partage-entrant: #5c2e91;
		--c4a-couleur-avatar-1: #c50f1f;
		--c4a-couleur-avatar-2: #ca5010;
		--c4a-couleur-avatar-3: #0b6a0b;
		--c4a-couleur-avatar-4: #038387;
		--c4a-couleur-avatar-5: #0078d4;
		--c4a-couleur-avatar-6: #004e8c;
		--c4a-couleur-avatar-7: #5c2e91;
		--c4a-couleur-avatar-8: #bf0077;
		--c4a-sombre-surface-app: #141414;
		--c4a-sombre-surface-panel: #1f1f1f;
		--c4a-sombre-surface-card: #292929;
		--c4a-sombre-surface-selected: #383838;
		--c4a-sombre-partage-sortant: #f2c661;
		--c4a-sombre-partage-entrant: #b4a0ff;
		--c4a-sombre-ink: #ffffff;
		--c4a-sombre-ink-secondary: #d6d6d6;
		--c4a-sombre-ink-muted: #adadad;
		--c4a-sombre-ink-placeholder: #999999;
		--c4a-sombre-border: #666666;
		--c4a-sombre-border-subtle: #525252;
		--c4a-sombre-border-control: #adadad;
		--c4a-sombre-field-fill: #1f1f1f;
		--c4a-sombre-status-flag: #e37d80;
		--c4a-sombre-separateur: #333333;
		--c4a-sombre-contour-inactif: #3a3a3a;
		--c4a-sombre-interrupteur-inactif: #6f6f6a;
		--c4a-sombre-avatar-invite: #5d5a58;
		--c4a-sombre-voile: rgba(0, 0, 0, 0.5);
		--c4a-sombre-commande: #333333;
		--c4a-sombre-commande-coupee: #5a2326;
		--c4a-presence-disponible: #6bb700;
		--c4a-presence-occupe: #c43148;
		--c4a-presence-absent: #ffaa44;
		--c4a-presence-hors-ligne: #8a8886;
		--c4a-rayon-sm: 0.25rem;
		--c4a-rayon-md: 0.375rem;
		--c4a-rayon-lg: 0.5rem;
		--c4a-rayon-tuile: 0.625rem;
		--c4a-rayon-apercu: 0.75rem;
		--c4a-rayon-pill: 999px;
		--c4a-ombre-island: 0 0 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14);
		--c4a-ombre-card: 0 0 2px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.14);
		--c4a-ombre-panel: 0 0 2px rgba(0,0,0,0.12), 0 8px 16px rgba(0,0,0,0.14);
		--c4a-espace-s1: 0.25rem;
		--c4a-espace-s2: 0.5rem;
		--c4a-espace-s3: 0.75rem;
		--c4a-espace-s4: 1rem;
		--c4a-espace-s5: 1.25rem;
		--c4a-espace-s6: 1.5rem;
		--c4a-espace-s8: 2rem;
		--c4a-espace-s10: 2.5rem;
		--c4a-espace-s11: 2.75rem;
		--c4a-taille-brand-band: 0.25rem;
		--c4a-taille-selection-bar: 0.1875rem;
		--c4a-taille-island-gap: 0.5rem;
		--c4a-taille-island-marge: 0.75rem;
		--c4a-taille-control-h: 2.5rem;
		--c4a-taille-control-login-h: 2.75rem;
		--c4a-taille-control-mobile-h: 3rem;
		--c4a-taille-login-card-w: 27.5rem;
		--c4a-taille-topbar-h: 3.75rem;
		--c4a-taille-lecteur-w: 21.25rem;
		--c4a-taille-utilitaire-w: 20rem;
		--c4a-taille-panel-header-h: 3.5rem;
		--c4a-taille-volet-barre-h: 3.25rem;
		--c4a-taille-rail-w: 3rem;
		--c4a-taille-interrupteur-w: 2.25rem;
		--c4a-taille-interrupteur-h: 1.25rem;
		--c4a-taille-interrupteur-pastille: 0.875rem;
		--c4a-taille-reunion-entete-h: 3.5rem;
		--c4a-taille-monogramme-reunion: 1.75rem;
		--c4a-taille-apercu-w: 40rem;
		--c4a-taille-apercu-h: 22.5rem;
		--c4a-taille-avatar-apercu: 7.5rem;
		--c4a-taille-reunion-audio-w: 23.75rem;
		--c4a-taille-compte-sous-lien-h: 2.25rem;
		--c4a-taille-compte-retrait: 2.8125rem;
		--c4a-taille-compte-vignette: 2.25rem;
		--c4a-taille-compte-champ-w: 23.375rem;
		--c4a-taille-avatar-tuile: 6rem;
		--c4a-taille-rail-item: 2.75rem;
		--c4a-taille-sidebar-w: 17.5rem;
		--c4a-taille-list-w: 31.25rem;
		--c4a-taille-list-contacts: 30rem;
		--c4a-taille-icon: 1.25rem;
		--c4a-taille-icon-rail: 1.375rem;
		--c4a-taille-icon-chevron: 1rem;
		--c4a-taille-avatar-list: 2rem;
		--c4a-taille-avatar-large: 2.5rem;
		--c4a-taille-avatar-account: 2rem;
		--c4a-taille-row-mail: 5.25rem;
		--c4a-taille-row-list: 4rem;
		--c4a-taille-row-contacts: 3.5rem;
		--c4a-taille-avatar-card: 4rem;
		--c4a-taille-card-label-w: 8.75rem;
		--c4a-taille-mobile-entete-h: 3.5rem;
		--c4a-taille-mobile-onglets-h: 3.5rem;
		--c4a-taille-mobile-cible: 2.75rem;
		--c4a-taille-mobile-fab-h: 3.25rem;
		--c4a-taille-mobile-tiroir-w: 19.5rem;
		--c4a-taille-mobile-row-mail: 5.5rem;
		--c4a-taille-mobile-avatar: 2.5rem;
		--c4a-taille-reunion-bouton-tel: 3.5rem;
		--c4a-taille-apercu-tel-h: 18.75rem;
		--c4a-taille-avatar-apercu-tel: 6.25rem;
		--c4a-taille-rejoindre-tel-h: 3.25rem;
		--c4a-taille-tuile-tel-h: 6.875rem;
		--c4a-taille-avatar-tuile-tel: 2.75rem;
		--c4a-taille-radio-tel: 1.375rem;
		--c4a-taille-pastille-fichier: 1.75rem;
		--c4a-taille-ligne-fichier: 3.25rem;
		--c4a-taille-entete-liste: 2.25rem;
		--c4a-taille-avatar-espace: 1.25rem;
		--c4a-typo-display24-fs: 1.5rem;
		--c4a-typo-display24-lh: 1.8125rem;
		--c4a-typo-display24-fw: 600;
		--c4a-typo-brand17-fs: 1.0625rem;
		--c4a-typo-brand17-lh: 1.25rem;
		--c4a-typo-brand17-fw: 600;
		--c4a-typo-brand16-fs: 1rem;
		--c4a-typo-brand16-lh: 1.25rem;
		--c4a-typo-brand16-fw: 600;
		--c4a-typo-body15-fs: 0.9375rem;
		--c4a-typo-body15-lh: 1.375rem;
		--c4a-typo-body15-fw: 400;
		--c4a-typo-title20-fs: 1.25rem;
		--c4a-typo-title20-lh: 1.625rem;
		--c4a-typo-title20-fw: 600;
		--c4a-typo-heading15-fs: 0.9375rem;
		--c4a-typo-heading15-lh: 1.25rem;
		--c4a-typo-heading15-fw: 500;
		--c4a-typo-body14-fs: 0.875rem;
		--c4a-typo-body14-lh: 1.3125rem;
		--c4a-typo-body14-fw: 400;
		--c4a-typo-label14-fs: 0.875rem;
		--c4a-typo-label14-lh: 1.25rem;
		--c4a-typo-label14-fw: 500;
		--c4a-typo-label13-fs: 0.8125rem;
		--c4a-typo-label13-lh: 1.125rem;
		--c4a-typo-label13-fw: 500;
		--c4a-typo-caption13-fs: 0.8125rem;
		--c4a-typo-caption13-lh: 1.125rem;
		--c4a-typo-caption13-fw: 400;
		--c4a-typo-caption12-fs: 0.75rem;
		--c4a-typo-caption12-lh: 1rem;
		--c4a-typo-caption12-fw: 400;
		--c4a-typo-badge11-fs: 0.6875rem;
		--c4a-typo-badge11-lh: 0.875rem;
		--c4a-typo-badge11-fw: 600;
		--c4a-typo-badge10-fs: 0.625rem;
		--c4a-typo-badge10-lh: 0.75rem;
		--c4a-typo-badge10-fw: 600;
		--c4a-typo-initiales40-fs: 2.5rem;
		--c4a-typo-initiales40-lh: 3rem;
		--c4a-typo-initiales40-fw: 600;
		--c4a-typo-ligne-expediteur-fs: 0.875rem;
		--c4a-typo-ligne-expediteur-lh: 1.25rem;
		--c4a-typo-ligne-expediteur-fw: 400;
		--c4a-typo-ligne-sujet-fs: 0.875rem;
		--c4a-typo-ligne-sujet-lh: 1.25rem;
		--c4a-typo-ligne-sujet-fw: 400;
		--c4a-typo-ligne-apercu-fs: 0.8125rem;
		--c4a-typo-ligne-apercu-lh: 1.125rem;
		--c4a-typo-ligne-apercu-fw: 400;
		--c4a-typo-ligne-date-fs: 0.8125rem;
		--c4a-typo-ligne-date-lh: 1.25rem;
		--c4a-typo-ligne-date-fw: 400;
		--c4a-typo-mobile-titre-fs: 1.125rem;
		--c4a-typo-mobile-titre-lh: 1.5rem;
		--c4a-typo-mobile-titre-fw: 600;
		--c4a-typo-mobile-onglet-fs: 0.6875rem;
		--c4a-typo-mobile-onglet-lh: 0.875rem;
		--c4a-typo-mobile-onglet-fw: 400;
		--c4a-typo-reunion-titre-tel-fs: 1rem;
		--c4a-typo-reunion-titre-tel-lh: 1.375rem;
		--c4a-typo-reunion-titre-tel-fw: 600;
		--c4a-typo-initiales34-fs: 2.125rem;
		--c4a-typo-initiales34-lh: 2.5rem;
		--c4a-typo-initiales34-fw: 600;
		--c4a-typo-nom-tuile-tel-fs: 0.6875rem;
		--c4a-typo-nom-tuile-tel-lh: 1rem;
		--c4a-typo-nom-tuile-tel-fw: 400;
		--c4a-accent: #0f6cbd;
		--c4a-tint-5: #f3f8fc;
		--c4a-tint-7: #ecf3fa;
		--c4a-tint-10: #e2edf7;
		--c4a-accent-clair: #639fd4;
}

:root {
	--vp-font-family-base: 'Segoe UI', Selawik, system-ui, sans-serif;
	--vp-c-brand-1: var(--c4a-accent);
	--vp-c-brand-2: var(--c4a-accent);
	--vp-c-brand-3: var(--c4a-accent);
	--vp-c-brand-soft: var(--c4a-tint-10);
	--vp-c-bg: var(--c4a-couleur-surface-card);
	--vp-c-bg-alt: var(--c4a-couleur-surface-panel);
	--vp-c-bg-elv: var(--c4a-couleur-surface-card);
	--vp-c-bg-soft: var(--c4a-couleur-surface-app);
	--vp-c-text-1: var(--c4a-couleur-ink);
	--vp-c-text-2: var(--c4a-couleur-ink-secondary);
	--vp-c-text-3: var(--c4a-couleur-ink-muted);
	--vp-c-border: var(--c4a-couleur-border);
	--vp-c-divider: var(--c4a-couleur-border-subtle);
	--vp-c-gutter: var(--c4a-couleur-border-subtle);
	--vp-c-default-soft: var(--c4a-couleur-surface-selected);
	--vp-button-brand-bg: var(--c4a-accent);
	--vp-button-brand-hover-bg: var(--c4a-accent);
	--vp-button-brand-active-bg: var(--c4a-accent);
	--vp-button-brand-text: var(--c4a-couleur-accent-ink);
	--vp-button-brand-hover-text: var(--c4a-couleur-accent-ink);
	--vp-button-brand-active-text: var(--c4a-couleur-accent-ink);
	--vp-c-danger-1: var(--c4a-couleur-status-flag);
	--vp-layout-top-height: 4px;
}

.dark {
	--vp-c-brand-1: var(--c4a-accent-clair);
	--vp-c-brand-2: var(--c4a-accent-clair);
	--vp-c-brand-3: var(--c4a-accent);
	--vp-c-bg: var(--c4a-sombre-surface-app);
	--vp-c-bg-alt: var(--c4a-sombre-surface-panel);
	--vp-c-bg-elv: var(--c4a-sombre-surface-card);
	--vp-c-bg-soft: var(--c4a-sombre-surface-panel);
	--vp-c-text-1: var(--c4a-sombre-ink);
	--vp-c-text-2: var(--c4a-sombre-ink-secondary);
	--vp-c-text-3: var(--c4a-sombre-ink-muted);
	--vp-c-border: var(--c4a-sombre-border);
	--vp-c-divider: var(--c4a-sombre-border-subtle);
	--vp-c-gutter: var(--c4a-sombre-border-subtle);
	--vp-c-default-soft: var(--c4a-sombre-surface-selected);
	--vp-c-danger-1: var(--c4a-sombre-status-flag);
}

/* Liseré de marque en haut de chaque page (principe du design system). */
.c4a-lisere {
	position: fixed;
	inset: 0 0 auto 0;
	height: var(--vp-layout-top-height);
	background: var(--c4a-accent);
	z-index: 100;
}

/* Boutons comme ceux du design system : jamais en capitales, graisse et
   rayon des jetons (VitePress les dessine en pilule). */
.VPButton {
	text-transform: none;
	font-weight: 500;
	border-radius: var(--c4a-rayon-sm) !important;
}