/* Habillage du cabinet (PF-110, PF-117) : généré depuis ses réglages de console, surcharge le thème d'Archie. */
/* Généré par @archie/theme depuis les jetons de la DA (PF-064) : ne pas modifier à la main. */
:root {
  color-scheme: light;
  --police-titre: "Newsreader", "Georgia", serif;
  --police-texte: "Hanken Grotesk", system-ui, sans-serif;
  --police-mono: "JetBrains Mono", ui-monospace, monospace;
  --typo-titre-style: italic;
  --typo-titre-graisse: 500;
  --typo-texte-graisse: 400;
  --typo-fort-graisse: 600;
  --typo-titre-1-police: "Newsreader", "Georgia", serif;
  --typo-titre-1-graisse: 500;
  --typo-titre-1-taille: 46px;
  --typo-titre-1-interligne: 0.92;
  --typo-titre-1-interlettrage: -0.03em;
  --typo-titre-2-police: "Newsreader", "Georgia", serif;
  --typo-titre-2-graisse: 500;
  --typo-titre-2-taille: 40px;
  --typo-titre-2-interligne: 1;
  --typo-titre-2-interlettrage: -0.02em;
  --typo-titre-3-police: "Newsreader", "Georgia", serif;
  --typo-titre-3-graisse: 500;
  --typo-titre-3-taille: 22px;
  --typo-titre-3-interligne: 1.25;
  --typo-titre-3-interlettrage: 0em;
  --typo-chiffre-police: "Newsreader", "Georgia", serif;
  --typo-chiffre-graisse: 400;
  --typo-chiffre-taille: 64px;
  --typo-chiffre-interligne: 0.95;
  --typo-chiffre-interlettrage: -0.03em;
  --typo-corps-police: "Hanken Grotesk", system-ui, sans-serif;
  --typo-corps-graisse: 400;
  --typo-corps-taille: 15px;
  --typo-corps-interligne: 1.5;
  --typo-corps-interlettrage: 0em;
  --typo-chapeau-police: "Hanken Grotesk", system-ui, sans-serif;
  --typo-chapeau-graisse: 400;
  --typo-chapeau-taille: 17px;
  --typo-chapeau-interligne: 1.5;
  --typo-chapeau-interlettrage: 0em;
  --typo-petit-police: "Hanken Grotesk", system-ui, sans-serif;
  --typo-petit-graisse: 400;
  --typo-petit-taille: 13px;
  --typo-petit-interligne: 1.45;
  --typo-petit-interlettrage: 0em;
  --typo-surtitre-police: "JetBrains Mono", ui-monospace, monospace;
  --typo-surtitre-graisse: 600;
  --typo-surtitre-taille: 12.5px;
  --typo-surtitre-interligne: 1.3;
  --typo-surtitre-interlettrage: 0.14em;
  --typo-rubrique-police: "JetBrains Mono", ui-monospace, monospace;
  --typo-rubrique-graisse: 400;
  --typo-rubrique-taille: 13px;
  --typo-rubrique-interligne: 1;
  --typo-rubrique-interlettrage: 0.08em;
  --rayon-aucun: 0px;
  --rayon-champ: 8px;
  --rayon-carte: 14px;
  --rayon-bloc: 22px;
  --rayon-compteur: 999px;
  --filet-fin: 1px;
  --filet-rubrique: 3px;
  --filet-page: 6px;
  --filet-alerte: 6px;
  --espace-1: 8px;
  --espace-2: 16px;
  --espace-3: 24px;
  --espace-4: 32px;
  --espace-5: 40px;
  --espace-6: 48px;
  --espace-8: 64px;
  --espace-10: 80px;
  --densite-prudent: 1.15;
  --densite-a-l-aise: 1.1;
  --densite-expert: 0.95;
  --cible-tactile: 44px;
  --focus-epaisseur: 3px;
  --focus-decalage: 2px;
  --icone-taille: 20px;
  --icone-trait: 1.75;
  --ombre-aucune: 0px 0px 0px 0px #00000000;
  --ombre-douce: 0px 1px 2px 0px #14101A0F, 0px 6px 16px -6px #14101A1F;
  --ombre-haute: 0px 2px 4px 0px #14101A12, 0px 18px 36px -14px #14101A38;
  --mouvement-rapide: 150ms;
  --mouvement-elevation: 180ms;
  --mise-en-page-menu-largeur: 232px;
  --mise-en-page-mobile-seuil: 700px;
  --mise-en-page-texte-largeur-max: 62rem;
  --composant-bouton-rayon: 8px;
  --composant-bouton-hauteur: 44px;
  --composant-compact-hauteur: 36px;
  --composant-champ-rayon: 8px;
  --composant-pilule-rayon: 999px;
  --composant-pilule-hauteur: 36px;
  --composant-pastille-hauteur: 24px;
  --composant-carte-rayon: 14px;
  --composant-flottant-rayon: 14px;
  --composant-fenetre-rayon: 22px;
  --composant-onglet-trait: 2px;
  --composant-depot-trait: 2px;
  --decor-expressif: 1;
  --page-marge-haut: 40px;
  --page-marge-cote-min: 24px;
  --page-marge-cote: 64px;
  --page-largeur: 1160px;
  --page-titre-taille-min: 28px;
  --page-titre-taille: 40px;
  --page-titre-espace: 4px;
  --page-chapeau-largeur: none;
  --page-entete-contenu-espace: 24px;
  --puce-hauteur: 34px;
  --puce-padding-x: 14px;
  --puce-ecart: 6px;
  --puce-taille: 14px;
  --composant-texte-taille: 14px;
  --composant-texte-petit-taille: 12px;
  --composant-compteur-hauteur: 22px;
  --composant-objet-bouton-taille: 28px;
  --composant-point-taille: 7px;
  --composant-roue-taille: 16px;
  --composant-roue-trait: 2px;
  --composant-alerte-trait: 4px;
  --composant-i-trait: 1.5px;
  --composant-menu-largeur: 250px;
  --composant-objet-largeur-max: 260px;
  --composant-bulle-largeur-max: 280px;
  --composant-fenetre-largeur-max: 420px;
  --couleur-fond: #F6F0E6;
  --couleur-surface: #FCF9F3;
  --couleur-surface-2: #ECE9E4;
  --couleur-texte: #14101A;
  --couleur-texte-doux: #555157;
  --couleur-bord: #D7D4D0;
  --couleur-bord-fort: #B4B1AF;
  --couleur-marque: #E11D74;
  --couleur-marque-doux: #F9E1E5;
  --couleur-marque-texte: #C21B65;
  --couleur-marque-bord: #F096BA;
  --couleur-bouton-fond: #E11D74;
  --couleur-sur-marque: #FFFFFF;
  --couleur-bloc-fond: #E11D74;
  --couleur-bloc-texte: #FFFFFF;
  --couleur-qr-fond: #FFFFFF;
  --couleur-qr-module: #111111;
  --couleur-focus: #C21B65;
  --couleur-succes: #127444;
  --couleur-succes-doux: #DBE6DB;
  --couleur-alerte: #9A4A00;
  --couleur-alerte-doux: #EEE1D1;
  --couleur-erreur: #B4231B;
  --couleur-erreur-doux: #F2DBD5;
  --couleur-nav-fond: #14101A;
  --couleur-nav-texte: #B7B1AD;
  --couleur-nav-texte-fort: #F6F0E6;
  --couleur-nav-bord: #342F37;
  --couleur-nav-survol: #26222A;
  --couleur-nav-actif-fond: #38343B;
  --couleur-nav-actif-texte: #F6F0E6;
  --couleur-categorie-bleu: #2F6FD0;
  --couleur-categorie-rose: #B5487E;
  --couleur-categorie-vert: #2E8A6A;
  --couleur-categorie-ocre: #B7791F;
  --couleur-categorie-violet: #7A5AC8;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  color-scheme: dark;
  --couleur-fond: #1A2744;
  --couleur-surface: #203052;
  --couleur-surface-2: #283960;
  --couleur-texte: #F6EEDC;
  --couleur-texte-doux: #B9BFD0;
  --couleur-bord: #3A4B72;
  --couleur-bord-fort: #5C6885;
  --couleur-marque: #E11D74;
  --couleur-marque-doux: #472C59;
  --couleur-marque-texte: #EE7DAF;
  --couleur-marque-bord: #772761;
  --couleur-bouton-fond: #E11D74;
  --couleur-sur-marque: #FFFFFF;
  --couleur-bloc-fond: #E11D74;
  --couleur-bloc-texte: #FFFFFF;
  --couleur-qr-fond: #FFFFFF;
  --couleur-qr-module: #111111;
  --couleur-focus: #EE7DAF;
  --couleur-succes: #6FD9A4;
  --couleur-succes-doux: #2B485D;
  --couleur-alerte: #F5C443;
  --couleur-alerte-doux: #3E4550;
  --couleur-erreur: #F59A90;
  --couleur-erreur-doux: #3E3F5B;
  --couleur-nav-fond: #203052;
  --couleur-nav-texte: #B9BFD0;
  --couleur-nav-texte-fort: #F6EEDC;
  --couleur-nav-bord: #3A4B72;
  --couleur-nav-survol: #2B3959;
  --couleur-nav-actif-fond: #472C59;
  --couleur-nav-actif-texte: #EE7DAF;
  --couleur-categorie-bleu: #7FAAF0;
  --couleur-categorie-rose: #E58BB8;
  --couleur-categorie-vert: #6CC9A6;
  --couleur-categorie-ocre: #E3AE5C;
  --couleur-categorie-violet: #B39BF0;
}
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --couleur-fond: #1A2744;
  --couleur-surface: #203052;
  --couleur-surface-2: #283960;
  --couleur-texte: #F6EEDC;
  --couleur-texte-doux: #B9BFD0;
  --couleur-bord: #3A4B72;
  --couleur-bord-fort: #5C6885;
  --couleur-marque: #E11D74;
  --couleur-marque-doux: #472C59;
  --couleur-marque-texte: #EE7DAF;
  --couleur-marque-bord: #772761;
  --couleur-bouton-fond: #E11D74;
  --couleur-sur-marque: #FFFFFF;
  --couleur-bloc-fond: #E11D74;
  --couleur-bloc-texte: #FFFFFF;
  --couleur-qr-fond: #FFFFFF;
  --couleur-qr-module: #111111;
  --couleur-focus: #EE7DAF;
  --couleur-succes: #6FD9A4;
  --couleur-succes-doux: #2B485D;
  --couleur-alerte: #F5C443;
  --couleur-alerte-doux: #3E4550;
  --couleur-erreur: #F59A90;
  --couleur-erreur-doux: #3E3F5B;
  --couleur-nav-fond: #203052;
  --couleur-nav-texte: #B9BFD0;
  --couleur-nav-texte-fort: #F6EEDC;
  --couleur-nav-bord: #3A4B72;
  --couleur-nav-survol: #2B3959;
  --couleur-nav-actif-fond: #472C59;
  --couleur-nav-actif-texte: #EE7DAF;
  --couleur-categorie-bleu: #7FAAF0;
  --couleur-categorie-rose: #E58BB8;
  --couleur-categorie-vert: #6CC9A6;
  --couleur-categorie-ocre: #E3AE5C;
  --couleur-categorie-violet: #B39BF0;
}
:root[data-theme="light"] {
  color-scheme: light;
  --couleur-fond: #F6F0E6;
  --couleur-surface: #FCF9F3;
  --couleur-surface-2: #ECE9E4;
  --couleur-texte: #14101A;
  --couleur-texte-doux: #555157;
  --couleur-bord: #D7D4D0;
  --couleur-bord-fort: #B4B1AF;
  --couleur-marque: #E11D74;
  --couleur-marque-doux: #F9E1E5;
  --couleur-marque-texte: #C21B65;
  --couleur-marque-bord: #F096BA;
  --couleur-bouton-fond: #E11D74;
  --couleur-sur-marque: #FFFFFF;
  --couleur-bloc-fond: #E11D74;
  --couleur-bloc-texte: #FFFFFF;
  --couleur-qr-fond: #FFFFFF;
  --couleur-qr-module: #111111;
  --couleur-focus: #C21B65;
  --couleur-succes: #127444;
  --couleur-succes-doux: #DBE6DB;
  --couleur-alerte: #9A4A00;
  --couleur-alerte-doux: #EEE1D1;
  --couleur-erreur: #B4231B;
  --couleur-erreur-doux: #F2DBD5;
  --couleur-nav-fond: #14101A;
  --couleur-nav-texte: #B7B1AD;
  --couleur-nav-texte-fort: #F6F0E6;
  --couleur-nav-bord: #342F37;
  --couleur-nav-survol: #26222A;
  --couleur-nav-actif-fond: #38343B;
  --couleur-nav-actif-texte: #F6F0E6;
  --couleur-categorie-bleu: #2F6FD0;
  --couleur-categorie-rose: #B5487E;
  --couleur-categorie-vert: #2E8A6A;
  --couleur-categorie-ocre: #B7791F;
  --couleur-categorie-violet: #7A5AC8;
}
.archie-puce {
  display: inline-flex;
  align-items: center;
  gap: var(--puce-ecart);
  min-height: var(--puce-hauteur);
  padding: 0 var(--puce-padding-x);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--rayon-compteur);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  font: inherit;
  font-size: var(--puce-taille);
  line-height: var(--typo-petit-interligne);
  cursor: pointer;
}
.archie-puce-onglet[aria-selected="true"],
.archie-puce-onglet[aria-current="true"],
.archie-puce-onglet[aria-current="page"],
.archie-puce-onglet[aria-pressed="true"] {
  border-color: var(--couleur-texte);
  background: var(--couleur-texte);
  color: var(--couleur-fond);
}
.archie-puce-filtre[aria-pressed="true"],
.archie-puce-filtre[aria-expanded="true"] {
  border-color: var(--couleur-marque-bord);
  background: var(--couleur-marque-doux);
  color: var(--couleur-marque-texte);
}
.archie-puce:focus-visible {
  outline: var(--focus-epaisseur) solid var(--couleur-focus);
  outline-offset: var(--focus-decalage);
}
/* Composants communs de la charte v3 (PF-248) : une forme par rôle. */
.archie-bouton,
.archie-bouton-principal,
.archie-bouton-discret,
.archie-bouton-icone,
.archie-champ,
.archie-liste,
.archie-filtre,
.archie-segments,
.archie-onglets,
.archie-carte-choix,
.archie-pastille,
.archie-etiquette,
.archie-objet,
.archie-compteur,
.archie-menu,
.archie-bulle,
.archie-fenetre,
.archie-alerte,
.archie-depot,
.archie-infobulle,
.archie-carte,
.archie-ligne,
.archie-avatar,
.archie-i,
.archie-segments button,
.archie-segments a,
.archie-onglets button,
.archie-objet button,
.archie-menu > * { box-sizing: border-box; }
.archie-bouton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--espace-1);
  min-height: var(--composant-bouton-hauteur);
  padding: 0 calc(var(--espace-1) * 2.25);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--composant-bouton-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  font: 600 var(--typo-corps-taille)/1.2 var(--police-texte);
  white-space: nowrap;
  cursor: pointer;
  box-shadow: var(--ombre-douce);
  transition: background var(--mouvement-rapide), box-shadow var(--mouvement-elevation), transform var(--mouvement-elevation);
}
.archie-bouton:hover { background: var(--couleur-surface-2); border-color: var(--couleur-texte-doux); }
.archie-bouton-principal { background: var(--couleur-bouton-fond); border-color: var(--couleur-bouton-fond); color: var(--couleur-sur-marque); }
.archie-bouton-principal:hover { background: var(--couleur-bouton-fond); border-color: var(--couleur-bouton-fond); box-shadow: var(--ombre-haute); transform: translateY(calc(-1 * var(--filet-fin))); }
.archie-bouton-discret { background: transparent; border-color: transparent; box-shadow: none; color: var(--couleur-texte-doux); }
.archie-bouton-discret:hover { background: var(--couleur-surface-2); border-color: transparent; color: var(--couleur-texte); }
.archie-bouton-icone { width: var(--composant-bouton-hauteur); padding: 0; }
.archie-compact .archie-bouton { min-height: var(--composant-compact-hauteur); padding: 0 calc(var(--espace-1) * 1.75); font-size: var(--composant-texte-taille); }
.archie-compact .archie-bouton-icone { width: var(--composant-compact-hauteur); padding: 0; }
.archie-bouton:focus-visible,
.archie-champ:focus-visible,
.archie-filtre:focus-visible,
.archie-segments button:focus-visible,
.archie-onglets button:focus-visible,
.archie-carte-choix:focus-visible,
.archie-objet button:focus-visible { outline: var(--focus-epaisseur) solid var(--couleur-focus); outline-offset: var(--focus-decalage); }
.archie-bouton[disabled],
.archie-bouton[aria-disabled="true"] { opacity: 0.45; cursor: not-allowed; box-shadow: none; transform: none; }
.archie-bouton[aria-busy="true"]::before {
  content: "";
  width: var(--composant-roue-taille);
  height: var(--composant-roue-taille);
  border: var(--composant-roue-trait) solid currentColor;
  border-right-color: transparent;
  border-radius: var(--rayon-compteur);
  animation: archie-tourne 1s linear infinite;
}
@keyframes archie-tourne { to { transform: rotate(1turn); } }
@media (prefers-reduced-motion: reduce) {
  .archie-bouton, .archie-bouton[aria-busy="true"]::before { animation: none; transition: none; }
}
.archie-avec-bulle { position: relative; display: inline-flex; }
.archie-infobulle {
  position: absolute;
  bottom: calc(100% + var(--espace-1));
  left: 50%;
  transform: translateX(-50%);
  padding: calc(var(--espace-1) * 0.625) calc(var(--espace-1) * 1.125);
  border-radius: var(--composant-champ-rayon);
  background: var(--couleur-texte);
  color: var(--couleur-fond);
  font: 600 var(--composant-texte-petit-taille)/1.3 var(--police-texte);
  white-space: nowrap;
  pointer-events: none;
}
.archie-champ {
  display: flex;
  align-items: center;
  gap: calc(var(--espace-1) * 1.25);
  width: 100%;
  min-height: var(--composant-bouton-hauteur);
  padding: 0 calc(var(--espace-1) * 1.75);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--composant-champ-rayon);
  background: var(--couleur-fond);
  color: var(--couleur-texte);
  font: inherit;
  font-size: var(--typo-corps-taille);
}
.archie-champ:focus,
.archie-champ:focus-within { border-color: var(--couleur-focus); background: var(--couleur-surface); outline: var(--focus-epaisseur) solid var(--couleur-focus); outline-offset: var(--focus-decalage); }
.archie-liste { justify-content: space-between; cursor: pointer; }
.archie-filtre {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--espace-1) * 0.75);
  min-height: var(--composant-pilule-hauteur);
  padding: 0 calc(var(--espace-1) * 1.75);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--composant-pilule-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  font: 500 var(--composant-texte-taille)/1.2 var(--police-texte);
  cursor: pointer;
}
.archie-filtre[aria-pressed="true"],
.archie-filtre[aria-expanded="true"],
.archie-choisi { background: var(--couleur-marque-doux); border-color: var(--couleur-marque-bord); color: var(--couleur-marque-texte); font-weight: 600; }
.archie-segments {
  display: inline-flex;
  gap: calc(var(--espace-1) * 0.25);
  padding: calc(var(--espace-1) * 0.375);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--composant-champ-rayon);
  background: var(--couleur-surface);
}
.archie-segments button,
.archie-segments a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--espace-1) * 0.75);
  min-width: var(--composant-compact-hauteur);
  min-height: var(--composant-compact-hauteur);
  padding: 0 calc(var(--espace-1) * 1.5);
  border: var(--filet-fin) solid transparent;
  border-radius: var(--composant-champ-rayon);
  background: none;
  color: var(--couleur-texte-doux);
  font: 600 var(--composant-texte-taille)/1.2 var(--police-texte);
  cursor: pointer;
}
.archie-segments button[aria-pressed="true"],
.archie-segments button[aria-current="true"],
.archie-segments a[aria-current="true"] { background: var(--couleur-marque-doux); border-color: var(--couleur-marque-bord); color: var(--couleur-marque-texte); }
.archie-onglets { display: flex; gap: calc(var(--espace-1) * 2.75); border-bottom: var(--filet-fin) solid var(--couleur-bord); }
.archie-onglets button {
  display: inline-flex;
  align-items: center;
  gap: var(--espace-1);
  min-height: var(--composant-bouton-hauteur);
  margin-bottom: calc(-1 * var(--filet-fin));
  padding: 0 calc(var(--espace-1) * 0.25);
  border: 0;
  border-bottom: var(--composant-onglet-trait) solid transparent;
  background: none;
  color: var(--couleur-texte-doux);
  font: 600 var(--typo-corps-taille)/1.2 var(--police-texte);
  cursor: pointer;
}
.archie-onglets button[aria-selected="true"],
.archie-onglets button[aria-current="page"] { color: var(--couleur-marque-texte); border-bottom-color: var(--couleur-marque); }
.archie-carte-choix {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--espace-1) * 1.5);
  padding: calc(var(--espace-1) * 1.75) calc(var(--espace-1) * 2);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--composant-carte-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  font: inherit;
  font-size: var(--composant-texte-taille);
  text-align: left;
  cursor: pointer;
}
.archie-carte-choix[aria-checked="true"],
.archie-carte-choix[aria-pressed="true"] { background: var(--couleur-marque-doux); border-color: var(--couleur-marque-bord); color: var(--couleur-marque-texte); }
.archie-pastille {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--espace-1) * 0.75);
  min-height: var(--composant-pastille-hauteur);
  padding: 0 calc(var(--espace-1) * 1.25);
  border-radius: var(--composant-pilule-rayon);
  background: var(--couleur-surface-2);
  color: var(--couleur-texte-doux);
  font: 600 var(--composant-texte-petit-taille)/1.2 var(--police-texte);
  white-space: nowrap;
}
.archie-pastille::before { content: ""; width: var(--composant-point-taille); height: var(--composant-point-taille); border-radius: var(--rayon-compteur); background: currentColor; }
.archie-pastille-succes { background: var(--couleur-succes-doux); color: var(--couleur-succes); }
.archie-pastille-alerte { background: var(--couleur-alerte-doux); color: var(--couleur-alerte); }
.archie-pastille-erreur { background: var(--couleur-erreur-doux); color: var(--couleur-erreur); }
.archie-pastille-marque { background: var(--couleur-marque-doux); color: var(--couleur-marque-texte); }
.archie-etiquette {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--espace-1) * 0.625);
  min-height: var(--composant-pastille-hauteur);
  padding: 0 calc(var(--espace-1) * 1.125);
  border: var(--filet-fin) solid var(--couleur-bord);
  border-radius: var(--composant-pilule-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte-doux);
  font: 500 var(--composant-texte-petit-taille)/1.2 var(--police-texte);
  white-space: nowrap;
}
.archie-etiquette-pdf { color: var(--couleur-categorie-rose); border-color: currentColor; }
.archie-etiquette-word { color: var(--couleur-categorie-bleu); border-color: currentColor; }
.archie-etiquette-texte { color: var(--couleur-categorie-ocre); border-color: currentColor; }
.archie-objet {
  display: inline-flex;
  align-items: center;
  gap: var(--espace-1);
  max-width: var(--composant-objet-largeur-max);
  min-height: var(--composant-pilule-hauteur);
  padding: 0 calc(var(--espace-1) * 0.75) 0 calc(var(--espace-1) * 1.5);
  border: var(--filet-fin) solid var(--couleur-bord-fort);
  border-radius: var(--composant-pilule-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  font-size: var(--composant-texte-taille);
}
.archie-objet > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.archie-objet button {
  display: inline-grid;
  place-items: center;
  width: var(--composant-objet-bouton-taille);
  height: var(--composant-objet-bouton-taille);
  border: 0;
  border-radius: var(--rayon-compteur);
  background: none;
  color: var(--couleur-texte-doux);
  cursor: pointer;
}
.archie-compteur {
  display: inline-grid;
  place-items: center;
  min-width: var(--composant-compteur-hauteur);
  height: var(--composant-compteur-hauteur);
  padding: 0 calc(var(--espace-1) * 0.75);
  border-radius: var(--composant-pilule-rayon);
  background: var(--couleur-surface-2);
  color: var(--couleur-texte);
  font: 700 var(--composant-texte-petit-taille)/1 var(--police-texte);
  font-variant-numeric: tabular-nums;
}
.archie-menu {
  display: flex;
  flex-direction: column;
  min-width: var(--composant-menu-largeur);
  padding: calc(var(--espace-1) * 0.75);
  border: var(--filet-fin) solid var(--couleur-bord);
  border-radius: var(--composant-flottant-rayon);
  background: var(--couleur-surface);
  box-shadow: var(--ombre-haute);
}
.archie-menu > * {
  display: flex;
  align-items: center;
  gap: calc(var(--espace-1) * 1.5);
  min-height: var(--composant-bouton-hauteur);
  padding: 0 calc(var(--espace-1) * 1.5);
  border: 0;
  border-radius: var(--composant-champ-rayon);
  background: none;
  color: var(--couleur-texte);
  font: inherit;
  font-size: var(--composant-texte-taille);
  text-align: left;
  cursor: pointer;
}
.archie-menu > *:hover,
.archie-menu > [aria-current="true"] { background: var(--couleur-surface-2); }
.archie-bulle {
  position: relative;
  max-width: var(--composant-bulle-largeur-max);
  padding: calc(var(--espace-1) * 1.5) calc(var(--espace-1) * 1.75);
  border: var(--filet-fin) solid var(--couleur-bord);
  border-radius: var(--composant-flottant-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  box-shadow: var(--ombre-haute);
  font-size: var(--typo-petit-taille);
}
.archie-fenetre {
  display: flex;
  flex-direction: column;
  gap: calc(var(--espace-1) * 1.5);
  max-width: var(--composant-fenetre-largeur-max);
  padding: calc(var(--espace-1) * 3);
  border: var(--filet-fin) solid var(--couleur-bord);
  border-radius: var(--composant-fenetre-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  box-shadow: var(--ombre-haute);
}
.archie-alerte {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--espace-1) * 1.25);
  padding: calc(var(--espace-1) * 1.5) calc(var(--espace-1) * 1.75);
  border-left: var(--composant-alerte-trait) solid currentColor;
  border-radius: var(--composant-champ-rayon);
  background: var(--couleur-surface-2);
  color: var(--couleur-texte-doux);
  font-size: var(--composant-texte-taille);
}
.archie-alerte-succes { background: var(--couleur-succes-doux); color: var(--couleur-succes); }
.archie-alerte-alerte { background: var(--couleur-alerte-doux); color: var(--couleur-alerte); }
.archie-alerte-erreur { background: var(--couleur-erreur-doux); color: var(--couleur-erreur); }
.archie-alerte > * { color: var(--couleur-texte); }
.archie-depot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--espace-1);
  width: 100%;
  max-width: var(--composant-fenetre-largeur-max);
  padding: calc(var(--espace-1) * 2.75);
  border: var(--composant-depot-trait) dashed var(--couleur-marque-bord);
  border-radius: var(--composant-carte-rayon);
  background: color-mix(in srgb, var(--couleur-marque-doux) 45%, transparent);
  color: var(--couleur-marque-texte);
  font-weight: 600;
  text-align: center;
}
.archie-carte {
  display: flex;
  flex-direction: column;
  gap: var(--espace-1);
  padding: calc(var(--espace-1) * 2.25);
  border: var(--filet-fin) solid var(--couleur-bord);
  border-radius: var(--composant-carte-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  box-shadow: var(--ombre-douce);
  font-size: var(--composant-texte-taille);
}
.archie-ligne {
  display: flex;
  align-items: center;
  gap: calc(var(--espace-1) * 1.5);
  padding: calc(var(--espace-1) * 1.25) calc(var(--espace-1) * 1.75);
  border: var(--filet-fin) solid var(--couleur-bord);
  border-radius: var(--composant-carte-rayon);
  background: var(--couleur-surface);
  color: var(--couleur-texte);
  font-size: var(--composant-texte-taille);
}
.archie-ligne[aria-current="true"],
.archie-ligne[aria-selected="true"] { background: var(--couleur-marque-doux); border-color: var(--couleur-marque-bord); }
.archie-avatar {
  display: inline-grid;
  place-items: center;
  width: var(--composant-pilule-hauteur);
  height: var(--composant-pilule-hauteur);
  border-radius: var(--composant-pilule-rayon);
  background: var(--couleur-marque-doux);
  color: var(--couleur-marque-texte);
  font: 700 var(--composant-texte-petit-taille)/1 var(--police-texte);
}
.archie-i {
  display: inline-grid;
  place-items: center;
  width: var(--composant-pastille-hauteur);
  height: var(--composant-pastille-hauteur);
  border: var(--composant-i-trait) solid var(--couleur-texte-doux);
  border-radius: var(--composant-pilule-rayon);
  background: none;
  color: var(--couleur-texte-doux);
  font: italic 700 var(--composant-texte-taille)/1 var(--police-titre);
  cursor: pointer;
}
.archie-depot small { color: var(--couleur-texte-doux); font-weight: 400; }
.archie-icone,
.archie-icone-svg {
  display: inline-block;
  flex: none;
  width: var(--icone-taille);
  height: var(--icone-taille);
}
.archie-icone {
  background-color: currentColor;
  -webkit-mask: var(--archie-icone) center / contain no-repeat;
  mask: var(--archie-icone) center / contain no-repeat;
}
.archie-icone-envoyer { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 3l-7 18-4-7-7-4z'/%3E%3C/svg%3E"); }
.archie-icone-copier { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E"); }
.archie-icone-telecharger { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E"); }
.archie-icone-importer { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V5M7 10l5-5 5 5M5 20h14'/%3E%3C/svg%3E"); }
.archie-icone-plus { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
.archie-icone-loupe { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E"); }
.archie-icone-filtre { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6 8v6l-4-2v-4z'/%3E%3C/svg%3E"); }
.archie-icone-tri { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16M4 7l3-3 3 3M17 20V4M14 17l3 3 3-3'/%3E%3C/svg%3E"); }
.archie-icone-liste { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='1'/%3E%3Ccircle cx='4.5' cy='12' r='1'/%3E%3Ccircle cx='4.5' cy='18' r='1'/%3E%3C/svg%3E"); }
.archie-icone-grille { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
.archie-icone-avec { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='12' r='1.6'/%3E%3Ccircle cx='12' cy='12' r='1.6'/%3E%3Ccircle cx='19' cy='12' r='1.6'/%3E%3C/svg%3E"); }
.archie-icone-x { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
.archie-icone-retour { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E"); }
.archie-icone-agrandir { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-7 7M4 20l7-7'/%3E%3C/svg%3E"); }
.archie-icone-ranger { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M12 10v6M9 13l3 3 3-3'/%3E%3C/svg%3E"); }
.archie-icone-dossier { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.archie-icone-sous-dossier { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M12 10v6M9 13h6'/%3E%3C/svg%3E"); }
.archie-icone-bouclier { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
.archie-icone-chevron { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
.archie-icone-coche { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E"); }
.archie-icone-doc { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E"); }
.archie-icone-personne { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.2-4 4.3-6 8-6s6.8 2 8 6'/%3E%3C/svg%3E"); }
.archie-icone-info { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E"); }
.archie-icone-interdit { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E"); }
.archie-icone-masque { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E"); }
.archie-icone-doublon { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6l4 4v9a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/%3E%3Cpath d='M15 3v4h4'/%3E%3Cpath d='M5 8v12a1 1 0 0 0 1 1h9'/%3E%3C/svg%3E"); }
.archie-icone-mail { --archie-icone: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }

/* Apparence choisie par le cabinet : classique, densité aeree. */
html:root:root {
  --couleur-nav-fond: var(--couleur-bouton-fond);
  --couleur-nav-texte: var(--couleur-sur-marque);
  --couleur-nav-texte-fort: var(--couleur-sur-marque);
  --couleur-nav-actif-fond: var(--couleur-sur-marque);
  --couleur-nav-actif-texte: var(--couleur-bouton-fond);
  --couleur-nav-survol: var(--couleur-bouton-fond);
  --couleur-nav-bord: color-mix(in srgb, var(--couleur-sur-marque) 24%, var(--couleur-bouton-fond));
  --espace-1: 9.2px;
  --espace-2: 18.4px;
  --espace-3: 27.6px;
  --espace-4: 36.8px;
  --espace-5: 46px;
  --espace-6: 55.2px;
  --espace-8: 73.6px;
  --espace-10: 92px;
}