@starterlib/ui 0.11.0 → 0.11.1

package/fesm2022/starterlib-ui.mjs

@@ -132,6 +132,7 @@ const LIBELLES_FR = {
 		"élevée"
 	],
 	forceAnnoncee: (niveau) => `Robustesse estim\u00e9e\u00a0: ${niveau}.`,
+	forceEnAttente: "en attente",
 	revelerPendant: (duree) => `R\u00e9v\u00e9ler ${duree}`,
 	rechercher: "Rechercher",
 	effacerLaRecherche: "Effacer la recherche",
@@ -449,6 +450,10 @@ function fournirCheminDuSprite(chemin) {
 		useValue: chemin
 	};
 }
+const ST_MARQUE_D_OBLIGATION = new InjectionToken("st.marque-d-obligation", {
+	providedIn: "root",
+	factory: () => "mention"
+});
 const UI_POSEE = new InjectionToken("st.ui-posee");
 function provideStarterUi(configuration) {
 	const fournisseurs = [
@@ -484,6 +489,10 @@ function provideStarterUi(configuration) {
 		provide: FUSEAU_PAR_DEFAUT,
 		useValue: configuration.fuseau
 	});
+	if (configuration.marqueDObligation !== void 0) fournisseurs.push({
+		provide: ST_MARQUE_D_OBLIGATION,
+		useValue: configuration.marqueDObligation
+	});
 	return makeEnvironmentProviders(fournisseurs);
 }
 function enSignal(valeur) {
@@ -2905,7 +2914,7 @@ var StSegmentedControl = class StSegmentedControl {
 		},
 		ngImport: i0,
 		template: "<fieldset class=\"st-segmented-control__groupe\" [disabled]=\"disabled()\">\n  <legend [class.st-vh]=\"legendeMasquee()\">{{ legendeLue() }}</legend>\n  <div class=\"st-segmented-control__piste\">\n    @for (option of optionsLues(); track option.valeur) {\n      <label class=\"st-segmented-control__segment\">\n        <input\n          type=\"radio\"\n          [name]=\"nomDuGroupe()\"\n          [value]=\"option.valeur\"\n          [checked]=\"option.valeur === value()\"\n          [disabled]=\"option.desactivee === true\"\n          (change)=\"choisir(option.valeur)\"\n        />\n        @if (option.icone; as icone) {\n          <st-icon [nom]=\"icone\" [taille]=\"iconesSeules() ? '20' : '16'\" />\n        }\n        @if (option.etiquette === undefined) {\n          <span [class.st-vh]=\"iconesSeules()\" [attr.lang]=\"option.lang ?? null\">{{\n            option.libelle\n          }}</span>\n        } @else {\n          <!-- Le texte VISIBLE ouvre le nom (WCAG 2.5.3 : « cliquer FR » en commande vocale), puis\n               l'etiquette, masquee, lue dans sa langue : « FR Francais », comme st-lang-switch.\n               Masque, le texte laissait un nom que la commande vocale ne trouvait pas (audit UI du\n               2026-09-27, D-30). Icones seules, rien n'est ecrit : l'etiquette seule. -->\n          @if (!iconesSeules()) {\n            <span>{{ option.libelle }}</span\n            >{{ ' ' }}\n          }\n          <span class=\"st-vh\" [attr.lang]=\"option.lang ?? null\">{{ option.etiquette }}</span>\n        }\n      </label>\n    }\n  </div>\n</fieldset>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-forme=texte]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}:host([data-forme=texte]) .st-segmented-control__segment{padding-inline:var(--st-espacement-1-5);color:var(--st-couleur-texte-attenue);background:none}@media(hover:hover){:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked){color:var(--st-couleur-texte);background:none;box-shadow:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host([data-forme=texte]) .st-segmented-control__segment+.st-segmented-control__segment:before{inline-size:var(--st-epaisseur-fine);block-size:var(--st-interligne-2xs);margin-inline-end:var(--st-espacement-1-5);content:\"\";background:var(--st-couleur-bordure)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -2947,7 +2956,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"(focusout)": "aLaSortie($event)"
 			},
 			template: "<fieldset class=\"st-segmented-control__groupe\" [disabled]=\"disabled()\">\n  <legend [class.st-vh]=\"legendeMasquee()\">{{ legendeLue() }}</legend>\n  <div class=\"st-segmented-control__piste\">\n    @for (option of optionsLues(); track option.valeur) {\n      <label class=\"st-segmented-control__segment\">\n        <input\n          type=\"radio\"\n          [name]=\"nomDuGroupe()\"\n          [value]=\"option.valeur\"\n          [checked]=\"option.valeur === value()\"\n          [disabled]=\"option.desactivee === true\"\n          (change)=\"choisir(option.valeur)\"\n        />\n        @if (option.icone; as icone) {\n          <st-icon [nom]=\"icone\" [taille]=\"iconesSeules() ? '20' : '16'\" />\n        }\n        @if (option.etiquette === undefined) {\n          <span [class.st-vh]=\"iconesSeules()\" [attr.lang]=\"option.lang ?? null\">{{\n            option.libelle\n          }}</span>\n        } @else {\n          <!-- Le texte VISIBLE ouvre le nom (WCAG 2.5.3 : « cliquer FR » en commande vocale), puis\n               l'etiquette, masquee, lue dans sa langue : « FR Francais », comme st-lang-switch.\n               Masque, le texte laissait un nom que la commande vocale ne trouvait pas (audit UI du\n               2026-09-27, D-30). Icones seules, rien n'est ecrit : l'etiquette seule. -->\n          @if (!iconesSeules()) {\n            <span>{{ option.libelle }}</span\n            >{{ ' ' }}\n          }\n          <span class=\"st-vh\" [attr.lang]=\"option.lang ?? null\">{{ option.etiquette }}</span>\n        }\n      </label>\n    }\n  </div>\n</fieldset>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:inline-block}:host([data-pleine-largeur]){display:block}.st-segmented-control__groupe{display:flex;min-inline-size:0;padding:0;margin:0;border:0;isolation:isolate}.st-segmented-control__groupe input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-segmented-control__groupe{flex-direction:column;align-items:stretch}.st-segmented-control__groupe legend{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm)}.st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);flex-direction:column;align-items:stretch}@media(min-width:30rem){.st-segmented-control__piste{flex-direction:row;align-items:center}}:host([data-en-ligne]) .st-segmented-control__piste{flex-direction:row;align-items:center}:host([data-forme=conteneur]) .st-segmented-control__piste{display:flex;align-items:center;padding:var(--st-espacement-1);background-color:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}:host([data-forme=nue]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}.st-segmented-control__segment{box-sizing:border-box;display:inline-flex;flex:1 1 auto;gap:var(--st-espacement-1);align-items:center;justify-content:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-capitales);color:var(--st-couleur-texte-discret);text-align:center;cursor:pointer;border-radius:var(--st-rayon-sm)}@media(pointer:coarse){.st-segmented-control__segment{min-block-size:var(--st-cible-tactile-min);min-inline-size:var(--st-cible-tactile-min)}}@media(hover:hover){.st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background-color:var(--st-couleur-surface-survol)}}.st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background-color:var(--st-couleur-surface-active)}.st-segmented-control__segment:has(input:checked){font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background-color:var(--st-couleur-surface);box-shadow:var(--st-ombre-repos),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}.st-segmented-control__segment:has(input:focus-visible){position:relative;z-index:var(--st-plan-contenu-eleve);outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte)}@media(forced-colors:active){.st-segmented-control__segment:has(input:checked){forced-color-adjust:none;color:HighlightText;background-color:Highlight}}.st-segmented-control__segment{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}:host([data-forme=texte]) .st-segmented-control__piste{padding:0;background:none;border-radius:0}:host([data-forme=texte]) .st-segmented-control__segment{padding-inline:var(--st-espacement-1-5);color:var(--st-couleur-texte-attenue);background:none}@media(hover:hover){:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=texte]) .st-segmented-control__segment:not(:has(input:checked,input:disabled)):active{background:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked){color:var(--st-couleur-texte);background:none;box-shadow:none}:host([data-forme=texte]) .st-segmented-control__segment:has(input:checked:focus-visible){box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host([data-forme=texte]) .st-segmented-control__segment+.st-segmented-control__segment:before{inline-size:var(--st-epaisseur-fine);block-size:var(--st-interligne-2xs);margin-inline-end:var(--st-espacement-1-5);content:\"\";background:var(--st-couleur-bordure)}:host([data-pleine-largeur]) .st-segmented-control__segment{flex:1 1 0}:host([data-casse=capitales]) .st-segmented-control__segment{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs)}:host([data-taille=md]) .st-segmented-control__segment{min-block-size:var(--st-hauteur-commande-xl)}:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-hauteur-commande-sm);padding-inline:var(--st-espacement-1-5)}@media(pointer:coarse){:host([data-icones-seules]) .st-segmented-control__segment{min-inline-size:var(--st-cible-tactile-min)}}.st-segmented-control__segment:has(input:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-segmented-control__segment:has(input:disabled){color:GrayText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -4902,6 +4911,7 @@ var StCard = class StCard {
 		...ngDevMode ? { debugName: "filet" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	ton = input(null, ...ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []);
 	liensEtendus = signal(0, ...ngDevMode ? [{ debugName: "liensEtendus" }] : /* istanbul ignore next */ []);
 	focalises = signal(0, ...ngDevMode ? [{ debugName: "focalises" }] : /* istanbul ignore next */ []);
 	interactive = computed(() => this.liensEtendus() > 0, ...ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []);
@@ -4960,6 +4970,13 @@ var StCard = class StCard {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			ton: {
+				classPropertyName: "ton",
+				publicName: "ton",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: {
@@ -4967,6 +4984,7 @@ var StCard = class StCard {
 				"attr.data-relief": "relief()",
 				"attr.data-rembourrage": "rembourrage()",
 				"attr.data-filet": "filet() ? \"\" : null",
+				"attr.data-ton": "ton()",
 				"attr.data-interactive": "interactive() ? \"\" : null",
 				"attr.data-lien-focalise": "lienFocalise() ? \"\" : null"
 			},
@@ -4974,7 +4992,7 @@ var StCard = class StCard {
 		},
 		ngImport: i0,
 		template: "<div class=\"st-card__entete\"><ng-content select=\"[entete]\" /></div>\n<ng-content />\n<div class=\"st-card__pied\"><ng-content select=\"[pied]\" /></div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-information) 30%,var(--st-couleur-information-discret))}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 30%,var(--st-couleur-succes-discret))}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-avertissement) 30%,var(--st-couleur-avertissement-discret))}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-essai) 30%,var(--st-couleur-essai-discret))}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -4993,11 +5011,12 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-relief]": "relief()",
 				"[attr.data-rembourrage]": "rembourrage()",
 				"[attr.data-filet]": "filet() ? \"\" : null",
+				"[attr.data-ton]": "ton()",
 				"[attr.data-interactive]": "interactive() ? \"\" : null",
 				"[attr.data-lien-focalise]": "lienFocalise() ? \"\" : null"
 			},
 			template: "<div class=\"st-card__entete\"><ng-content select=\"[entete]\" /></div>\n<ng-content />\n<div class=\"st-card__pied\"><ng-content select=\"[pied]\" /></div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{--st-carte-espace: var(--st-espacement-4);position:relative;display:flex;flex-direction:column;padding:var(--st-carte-espace);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border-radius:var(--st-carte-rayon, var(--st-rayon-lg))}:host([data-rembourrage=aucun]){--st-carte-espace: 0px}:host([data-rembourrage=sm]){--st-carte-espace: var(--st-espacement-3)}:host([data-rembourrage=lg]){--st-carte-espace: var(--st-espacement-6)}:host([data-rembourrage=xl]){--st-carte-espace: var(--st-espacement-8)}:host([data-relief=plat]){box-shadow:var(--st-ombre-none)}:host([data-relief=pose]){box-shadow:var(--st-ombre-repos)}:host([data-relief=flottant]){box-shadow:var(--st-ombre-survol)}:host([data-relief=creux]){background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-none)}:host([data-filet]){border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-information) 30%,var(--st-couleur-information-discret))}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 30%,var(--st-couleur-succes-discret))}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-avertissement) 30%,var(--st-couleur-avertissement-discret))}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-essai) 30%,var(--st-couleur-essai-discret))}.st-card__entete,.st-card__pied{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--st-carte-espace));padding:var(--st-carte-espace);border-color:var(--st-couleur-bordure);border-style:solid;border-width:0}.st-card__entete:empty,.st-card__pied:empty{display:none}.st-card__entete{margin-block:calc(-1 * var(--st-carte-espace)) var(--st-carte-espace);border-block-end-width:var(--st-epaisseur-capillaire)}.st-card__pied{margin-block:var(--st-carte-espace) calc(-1 * var(--st-carte-espace));font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);border-block-start-width:var(--st-epaisseur-capillaire)}:host([data-interactive]){--st-carte-trace-survol: inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-bordure-forte);--st-carte-ombre-survol: var(--st-ombre-survol)}@media(hover:hover){:host([data-interactive]):hover{box-shadow:var(--st-carte-trace-survol),var(--st-carte-ombre-survol)}}:host([data-interactive]):active{background:var(--st-couleur-surface-survol)}:host([data-interactive][data-relief=flottant]){--st-carte-ombre-survol: var(--st-ombre-surelevee)}:host([data-interactive][data-filet]){--st-carte-trace-survol: 0 0 transparent}@media(hover:hover){:host([data-interactive][data-filet]):hover{border-color:var(--st-couleur-bordure-forte)}}:host([data-lien-focalise]){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(hover:hover){:host([data-lien-focalise]:hover){box-shadow:var(--st-carte-trace-survol),0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),var(--st-carte-ombre-survol)}}@media(forced-colors:active){:host{border:var(--st-epaisseur-fine) solid CanvasText}}@media print{:host{background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);box-shadow:none}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -5024,6 +5043,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "filet",
 				required: false
 			}]
+		}],
+		ton: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ton",
+				required: false
+			}]
 		}]
 	}
 });
@@ -5793,8 +5820,8 @@ var StBanner = class StBanner {
 			useValue: true
 		}],
 		ngImport: i0,
-		template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" taille=\"20\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-prefixe-de-ton\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-banner__prefixe\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermableLu()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-erreur)}:host([data-ton=erreur]) .st-banner__icone{color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-essai)}:host([data-ton=essai]) .st-banner__icone{color:var(--st-couleur-essai)}.st-banner__prefixe{font-weight:var(--st-graisse-semi)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"],
+		template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" [taille]=\"forme() === 'aplat' ? '14' : '20'\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-prefixe-de-ton\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-banner__prefixe\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermableLu()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
+		styles: ["@charset \"UTF-8\";.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-erreur)}:host([data-ton=erreur]) .st-banner__icone{color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-essai)}:host([data-ton=essai]) .st-banner__icone{color:var(--st-couleur-essai)}.st-banner__prefixe{font-weight:var(--st-graisse-semi)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}:host([data-forme=aplat]){align-items:center;padding-block:var(--st-espacement-2);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-surtitre);text-transform:uppercase;border-width:0;border-radius:var(--st-rayon-none);color:var(--st-couleur-surface-enfoncee);background:var(--st-couleur-texte)}:host([data-forme=aplat]) .st-banner__icone{color:inherit}:host([data-forme=aplat]) .st-banner__icone{block-size:auto}:host([data-forme=aplat]) .st-banner__corps{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-1-5)}:host([data-forme=aplat]) .st-banner__titre{margin:0}:host([data-forme=aplat]) .st-banner__titre:after{margin-inline-start:var(--st-espacement-1-5);content:\"\\2014\"/\"\"}:host([data-forme=aplat][data-ton=information]){color:var(--st-couleur-information-discret);background:var(--st-couleur-sur-information-discret)}:host([data-forme=aplat][data-ton=information]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=succes]){color:var(--st-couleur-succes-discret);background:var(--st-couleur-sur-succes-discret)}:host([data-forme=aplat][data-ton=succes]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=avertissement]){color:var(--st-couleur-avertissement-discret);background:var(--st-couleur-sur-avertissement-discret)}:host([data-forme=aplat][data-ton=avertissement]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=erreur]){color:var(--st-couleur-erreur-discret);background:var(--st-couleur-sur-erreur-discret)}:host([data-forme=aplat][data-ton=erreur]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=danger]){color:var(--st-couleur-danger-discret);background:var(--st-couleur-sur-danger-discret)}:host([data-forme=aplat][data-ton=danger]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=essai]){color:var(--st-couleur-essai-discret);background:var(--st-couleur-sur-essai-discret)}:host([data-forme=aplat][data-ton=essai]) .st-banner__icone{color:inherit}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StIcon,
@@ -5852,8 +5879,8 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.role]": "roleLu()",
 				"[attr.aria-labelledby]": "roleLu() !== null && titre() !== null ? idDuTitre() : null"
 			},
-			template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" taille=\"20\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-prefixe-de-ton\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-banner__prefixe\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermableLu()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-erreur)}:host([data-ton=erreur]) .st-banner__icone{color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-essai)}:host([data-ton=essai]) .st-banner__icone{color:var(--st-couleur-essai)}.st-banner__prefixe{font-weight:var(--st-graisse-semi)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"]
+			template: "<span class=\"st-banner__icone\">\n  <st-icon [nom]=\"icone()\" variante=\"plein\" [taille]=\"forme() === 'aplat' ? '14' : '20'\" />\n</span>\n<div class=\"st-banner__corps\">\n  @if (titre() !== null) {\n    <p class=\"st-banner__titre\" [id]=\"idDuTitre()\">\n      @if (prefixe() !== null) {\n        <span class=\"st-prefixe-de-ton\">{{ prefixe() }}</span>\n      }\n      {{ titre() }}\n    </p>\n  }\n  <p class=\"st-banner__message\">\n    @if (titre() === null && prefixe() !== null) {\n      <span class=\"st-prefixe-de-ton st-banner__prefixe\">{{ prefixe() }}</span>\n    }\n    {{ message() }}\n  </p>\n  <div class=\"st-banner__projete\"><ng-content /></div>\n</div>\n@if (fermableLu()) {\n  <button\n    stIconButton\n    class=\"st-banner__fermer\"\n    type=\"button\"\n    icone=\"croix\"\n    taille=\"xs\"\n    [etiquette]=\"libelleFermetureLu()\"\n    (click)=\"fermer()\"\n  ></button>\n}\n",
+			styles: ["@charset \"UTF-8\";.st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;gap:var(--st-espacement-3);align-items:flex-start;padding:var(--st-espacement-3) var(--st-espacement-4);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);background:var(--st-couleur-surface-enfoncee);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md)}:host([data-forme=bandeau]){border-width:0 0 var(--st-epaisseur-capillaire);border-radius:var(--st-rayon-none)}.st-banner__icone{display:inline-flex;flex:none;align-items:center;block-size:var(--st-interligne-md);color:var(--st-couleur-texte-discret)}.st-banner__corps{flex:1 1 auto;min-inline-size:0}.st-banner__titre{margin:0 0 var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-banner__message{margin:0}.st-banner__projete{margin-block-start:var(--st-espacement-2)}.st-banner__projete:empty{display:none}.st-banner__fermer{flex:none;margin-block:calc((var(--st-interligne-md) - var(--st-hauteur-commande-sm)) / 2)}:host([data-ton=information]){color:var(--st-couleur-sur-information-discret);background:var(--st-couleur-information-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-information)}:host([data-ton=information]) .st-banner__icone{color:var(--st-couleur-information)}:host([data-ton=succes]){color:var(--st-couleur-sur-succes-discret);background:var(--st-couleur-succes-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-succes)}:host([data-ton=succes]) .st-banner__icone{color:var(--st-couleur-succes)}:host([data-ton=avertissement]){color:var(--st-couleur-sur-avertissement-discret);background:var(--st-couleur-avertissement-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-avertissement)}:host([data-ton=avertissement]) .st-banner__icone{color:var(--st-couleur-avertissement)}:host([data-ton=erreur]){color:var(--st-couleur-sur-erreur-discret);background:var(--st-couleur-erreur-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-erreur)}:host([data-ton=erreur]) .st-banner__icone{color:var(--st-couleur-erreur)}:host([data-ton=danger]){color:var(--st-couleur-sur-danger-discret);background:var(--st-couleur-danger-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-danger)}:host([data-ton=danger]) .st-banner__icone{color:var(--st-couleur-danger)}:host([data-ton=essai]){color:var(--st-couleur-sur-essai-discret);background:var(--st-couleur-essai-discret);border-color:transparent;border-inline-start:var(--st-epaisseur-forte) solid var(--st-couleur-essai)}:host([data-ton=essai]) .st-banner__icone{color:var(--st-couleur-essai)}.st-banner__prefixe{font-weight:var(--st-graisse-semi)}:host([data-forme=bandeau]:not([data-ton=neutre])){border-block-end:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure)}:host([data-forme=aplat]){align-items:center;padding-block:var(--st-espacement-2);font-size:var(--st-taille-2xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-2xs);letter-spacing:var(--st-interlettrage-surtitre);text-transform:uppercase;border-width:0;border-radius:var(--st-rayon-none);color:var(--st-couleur-surface-enfoncee);background:var(--st-couleur-texte)}:host([data-forme=aplat]) .st-banner__icone{color:inherit}:host([data-forme=aplat]) .st-banner__icone{block-size:auto}:host([data-forme=aplat]) .st-banner__corps{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-1-5)}:host([data-forme=aplat]) .st-banner__titre{margin:0}:host([data-forme=aplat]) .st-banner__titre:after{margin-inline-start:var(--st-espacement-1-5);content:\"\\2014\"/\"\"}:host([data-forme=aplat][data-ton=information]){color:var(--st-couleur-information-discret);background:var(--st-couleur-sur-information-discret)}:host([data-forme=aplat][data-ton=information]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=succes]){color:var(--st-couleur-succes-discret);background:var(--st-couleur-sur-succes-discret)}:host([data-forme=aplat][data-ton=succes]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=avertissement]){color:var(--st-couleur-avertissement-discret);background:var(--st-couleur-sur-avertissement-discret)}:host([data-forme=aplat][data-ton=avertissement]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=erreur]){color:var(--st-couleur-erreur-discret);background:var(--st-couleur-sur-erreur-discret)}:host([data-forme=aplat][data-ton=erreur]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=danger]){color:var(--st-couleur-danger-discret);background:var(--st-couleur-sur-danger-discret)}:host([data-forme=aplat][data-ton=danger]) .st-banner__icone{color:inherit}:host([data-forme=aplat][data-ton=essai]){color:var(--st-couleur-essai-discret);background:var(--st-couleur-sur-essai-discret)}:host([data-forme=aplat][data-ton=essai]) .st-banner__icone{color:inherit}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-banner__fermer{display:none}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -5928,6 +5955,7 @@ var StAppShell = class StAppShell {
 	variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	titreDEssai = input(null, ...ngDevMode ? [{ debugName: "titreDEssai" }] : /* istanbul ignore next */ []);
 	messageDEssai = input(null, ...ngDevMode ? [{ debugName: "messageDEssai" }] : /* istanbul ignore next */ []);
+	formeDEssai = input("bandeau", ...ngDevMode ? [{ debugName: "formeDEssai" }] : /* istanbul ignore next */ []);
 	lienVersLAction = input(null, ...ngDevMode ? [{ debugName: "lienVersLAction" }] : /* istanbul ignore next */ []);
 	lienVersLActionEnPremier = input(false, {
 		...ngDevMode ? { debugName: "lienVersLActionEnPremier" } : /* istanbul ignore next */ {},
@@ -6077,6 +6105,13 @@ var StAppShell = class StAppShell {
 				isRequired: false,
 				transformFunction: null
 			},
+			formeDEssai: {
+				classPropertyName: "formeDEssai",
+				publicName: "formeDEssai",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			lienVersLAction: {
 				classPropertyName: "lienVersLAction",
 				publicName: "lienVersLAction",
@@ -6120,7 +6155,7 @@ var StAppShell = class StAppShell {
 			}
 		],
 		ngImport: i0,
-		template: "<st-skip-link\n  [cible]=\"identifiantDuContenu\"\n  [secondeCible]=\"lienVersLAction()\"\n  [secondeEnPremier]=\"lienVersLActionEnPremier()\"\n/>\n\n<header #entete class=\"st-app-shell__entete\">\n  <!-- L'action critique permanente (P08-06) : premier arret apres le lien d'evitement, jamais\n       repliee ; au bout de l'en-tete des md, flottante au-dessus de la barre inferieure dessous. -->\n  <div #action class=\"st-app-shell__action-permanente\">\n    <ng-content select=\"[actionPermanente]\" />\n  </div>\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <!-- Environnement d'essai : en tete des bannieres, et jamais fermee. -->\n  @if (enEssai()) {\n    <st-banner\n      class=\"st-app-shell__essai\"\n      ton=\"essai\"\n      forme=\"bandeau\"\n      [titre]=\"titreDEssaiLu()\"\n      [message]=\"messageDEssaiLu()\"\n    />\n  }\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n\n<!-- La barre de navigation inferieure (P08-05) : fixee au bas de la fenetre sous md, apres le\n     contenu dans l'ordre de lecture ; la coquille lui reserve sa hauteur. -->\n<div class=\"st-app-shell__navigation-basse\">\n  <ng-content select=\"[navigationBasse]\" />\n</div>\n\n@if (enEssai()) {\n  <div class=\"st-app-shell__liseret\" aria-hidden=\"true\"></div>\n}\n<!-- Entree et sortie de l'environnement d'essai : une annonce polie, posee vide des la creation. -->\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+		template: "<st-skip-link\n  [cible]=\"identifiantDuContenu\"\n  [secondeCible]=\"lienVersLAction()\"\n  [secondeEnPremier]=\"lienVersLActionEnPremier()\"\n/>\n\n<header #entete class=\"st-app-shell__entete\">\n  <!-- L'action critique permanente (P08-06) : premier arret apres le lien d'evitement, jamais\n       repliee ; au bout de l'en-tete des md, flottante au-dessus de la barre inferieure dessous. -->\n  <div #action class=\"st-app-shell__action-permanente\">\n    <ng-content select=\"[actionPermanente]\" />\n  </div>\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <!-- Environnement d'essai : en tete des bannieres, et jamais fermee. -->\n  @if (enEssai()) {\n    <st-banner\n      class=\"st-app-shell__essai\"\n      ton=\"essai\"\n      [forme]=\"formeDEssai()\"\n      [titre]=\"titreDEssaiLu()\"\n      [message]=\"messageDEssaiLu()\"\n    />\n  }\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n\n<!-- La barre de navigation inferieure (P08-05) : fixee au bas de la fenetre sous md, apres le\n     contenu dans l'ordre de lecture ; la coquille lui reserve sa hauteur. -->\n<div class=\"st-app-shell__navigation-basse\">\n  <ng-content select=\"[navigationBasse]\" />\n</div>\n\n@if (enEssai()) {\n  <div class=\"st-app-shell__liseret\" aria-hidden=\"true\"></div>\n}\n<!-- Entree et sortie de l'environnement d'essai : une annonce polie, posee vide des la creation. -->\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
 		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;padding-block-end:max(var(--st-hauteur-pied, 0px),var(--st-hauteur-action, 0px));min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__action-permanente:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__entete:has(>.st-app-shell__action-permanente:empty:only-child){display:none}.st-app-shell__action-permanente{position:fixed;inset-block-end:0;inset-inline-end:0;display:flex;padding-block-end:calc(max(var(--st-hauteur-pied, 0px),env(safe-area-inset-bottom,0px)) + var(--st-espacement-4));padding-inline-end:calc(env(safe-area-inset-right,0px) + var(--st-espacement-4));pointer-events:none}.st-app-shell__action-permanente ::ng-deep>*{pointer-events:auto}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__liseret{position:fixed;inset:var(--st-hauteur-entete, 0px) 0 var(--st-hauteur-pied, 0px);z-index:var(--st-plan-contenu-eleve);pointer-events:none;border:var(--st-epaisseur-epaisse) solid var(--st-couleur-essai)}@media print{.st-app-shell__liseret{display:none}}.st-app-shell__navigation-basse{display:contents}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)) ::ng-deep>st-route-progress{grid-column:1/-1}.st-app-shell__action-permanente{position:static;grid-area:1/2;padding-block-end:0;padding-inline-end:var(--st-espacement-4);pointer-events:auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}.st-app-shell__action-permanente{padding-inline-end:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"],
 		dependencies: [{
 			kind: "component",
@@ -6173,7 +6208,7 @@ i0.ɵɵngDeclareClassMetadata({
 				class: "st-app-shell",
 				"[attr.data-variante]": "variante()"
 			},
-			template: "<st-skip-link\n  [cible]=\"identifiantDuContenu\"\n  [secondeCible]=\"lienVersLAction()\"\n  [secondeEnPremier]=\"lienVersLActionEnPremier()\"\n/>\n\n<header #entete class=\"st-app-shell__entete\">\n  <!-- L'action critique permanente (P08-06) : premier arret apres le lien d'evitement, jamais\n       repliee ; au bout de l'en-tete des md, flottante au-dessus de la barre inferieure dessous. -->\n  <div #action class=\"st-app-shell__action-permanente\">\n    <ng-content select=\"[actionPermanente]\" />\n  </div>\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <!-- Environnement d'essai : en tete des bannieres, et jamais fermee. -->\n  @if (enEssai()) {\n    <st-banner\n      class=\"st-app-shell__essai\"\n      ton=\"essai\"\n      forme=\"bandeau\"\n      [titre]=\"titreDEssaiLu()\"\n      [message]=\"messageDEssaiLu()\"\n    />\n  }\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n\n<!-- La barre de navigation inferieure (P08-05) : fixee au bas de la fenetre sous md, apres le\n     contenu dans l'ordre de lecture ; la coquille lui reserve sa hauteur. -->\n<div class=\"st-app-shell__navigation-basse\">\n  <ng-content select=\"[navigationBasse]\" />\n</div>\n\n@if (enEssai()) {\n  <div class=\"st-app-shell__liseret\" aria-hidden=\"true\"></div>\n}\n<!-- Entree et sortie de l'environnement d'essai : une annonce polie, posee vide des la creation. -->\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
+			template: "<st-skip-link\n  [cible]=\"identifiantDuContenu\"\n  [secondeCible]=\"lienVersLAction()\"\n  [secondeEnPremier]=\"lienVersLActionEnPremier()\"\n/>\n\n<header #entete class=\"st-app-shell__entete\">\n  <!-- L'action critique permanente (P08-06) : premier arret apres le lien d'evitement, jamais\n       repliee ; au bout de l'en-tete des md, flottante au-dessus de la barre inferieure dessous. -->\n  <div #action class=\"st-app-shell__action-permanente\">\n    <ng-content select=\"[actionPermanente]\" />\n  </div>\n  <ng-content select=\"[entete]\" />\n  <ng-content select=\"st-route-progress\" />\n</header>\n\n<div #bannieres class=\"st-app-shell__bannieres\">\n  <!-- Environnement d'essai : en tete des bannieres, et jamais fermee. -->\n  @if (enEssai()) {\n    <st-banner\n      class=\"st-app-shell__essai\"\n      ton=\"essai\"\n      [forme]=\"formeDEssai()\"\n      [titre]=\"titreDEssaiLu()\"\n      [message]=\"messageDEssaiLu()\"\n    />\n  }\n  <ng-content select=\"[bannieres]\" />\n</div>\n\n<div class=\"st-app-shell__corps\">\n  <div class=\"st-app-shell__navigation\">\n    <ng-content select=\"[navigation]\" />\n  </div>\n\n  <main class=\"st-app-shell__contenu\" [id]=\"identifiantDuContenu\">\n    <div class=\"st-app-shell__page\">\n      <ng-content />\n    </div>\n  </main>\n</div>\n\n<footer class=\"st-app-shell__pied\">\n  <ng-content select=\"[pied]\" />\n</footer>\n\n<!-- La barre de navigation inferieure (P08-05) : fixee au bas de la fenetre sous md, apres le\n     contenu dans l'ordre de lecture ; la coquille lui reserve sa hauteur. -->\n<div class=\"st-app-shell__navigation-basse\">\n  <ng-content select=\"[navigationBasse]\" />\n</div>\n\n@if (enEssai()) {\n  <div class=\"st-app-shell__liseret\" aria-hidden=\"true\"></div>\n}\n<!-- Entree et sortie de l'environnement d'essai : une annonce polie, posee vide des la creation. -->\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
 			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-direction:column;padding-block-end:max(var(--st-hauteur-pied, 0px),var(--st-hauteur-action, 0px));min-block-size:100vh;min-block-size:100dvh;color:var(--st-couleur-texte);background:var(--st-couleur-fond)}.st-app-shell__entete{position:sticky;inset-block-start:0;z-index:var(--st-plan-entete);padding-block-start:env(safe-area-inset-top,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);view-transition-name:st-entete}:host([data-variante=marque]) .st-app-shell__entete{--st-couleur-surface: var(--st-couleur-surface-marque);--st-couleur-surface-elevee: var(--st-couleur-surface-marque);--st-couleur-bordure: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 24%, var(--st-couleur-surface-marque) );--st-couleur-texte: var(--st-couleur-texte-sur-marque);--st-couleur-texte-primaire: var(--st-couleur-texte-sur-marque);--st-couleur-texte-discret: var(--st-couleur-texte-sur-marque-discret);--st-couleur-texte-attenue: var(--st-couleur-texte-sur-marque-discret);--st-couleur-bordure-forte: var(--st-couleur-texte-sur-marque-discret);--st-couleur-surface-survol: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 10%, var(--st-couleur-surface-marque) );--st-couleur-surface-active: color-mix( in oklab, var(--st-couleur-texte-sur-marque) 16%, var(--st-couleur-surface-marque) );color:var(--st-couleur-texte-sur-marque);background:var(--st-couleur-surface-marque);border-block-end-color:transparent}.st-app-shell__bannieres{display:contents}.st-app-shell__corps{display:flex;flex:1 1 auto;flex-direction:column}.st-app-shell__navigation:empty,.st-app-shell__action-permanente:empty,.st-app-shell__pied:empty{display:none}.st-app-shell__entete:has(>.st-app-shell__action-permanente:empty:only-child){display:none}.st-app-shell__action-permanente{position:fixed;inset-block-end:0;inset-inline-end:0;display:flex;padding-block-end:calc(max(var(--st-hauteur-pied, 0px),env(safe-area-inset-bottom,0px)) + var(--st-espacement-4));padding-inline-end:calc(env(safe-area-inset-right,0px) + var(--st-espacement-4));pointer-events:none}.st-app-shell__action-permanente ::ng-deep>*{pointer-events:auto}.st-app-shell__contenu{flex:1 1 auto;min-inline-size:0;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-app-shell__page{max-inline-size:var(--st-largeur-page);margin-inline:auto}.st-app-shell__contenu:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-decalage))}.st-app-shell__liseret{position:fixed;inset:var(--st-hauteur-entete, 0px) 0 var(--st-hauteur-pied, 0px);z-index:var(--st-plan-contenu-eleve);pointer-events:none;border:var(--st-epaisseur-epaisse) solid var(--st-couleur-essai)}@media print{.st-app-shell__liseret{display:none}}.st-app-shell__navigation-basse{display:contents}.st-app-shell__pied{padding:var(--st-espacement-4);background:var(--st-couleur-surface-conteneur-bas);padding-block-end:calc(var(--st-espacement-4) + env(safe-area-inset-bottom,0));color:var(--st-couleur-texte-discret);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){.st-app-shell__corps{flex-direction:row}.st-app-shell__navigation{display:flex;flex:none;flex-direction:column;view-transition-name:st-navigation}.st-app-shell__navigation ::ng-deep>*{flex:1 0 auto}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.st-app-shell__entete:has(>.st-app-shell__action-permanente:not(:empty)) ::ng-deep>st-route-progress{grid-column:1/-1}.st-app-shell__action-permanente{position:static;grid-area:1/2;padding-block-end:0;padding-inline-end:var(--st-espacement-4);pointer-events:auto}}@media(min-width:64rem){.st-app-shell__contenu{padding:var(--st-espacement-8)}.st-app-shell__action-permanente{padding-inline-end:var(--st-espacement-8)}}@media print{.st-app-shell__entete,.st-app-shell__bannieres,.st-app-shell__navigation,.st-app-shell__pied{display:none}.st-app-shell__entete{position:static}.st-app-shell__contenu{padding:0}.st-app-shell__page{max-inline-size:none}}\n"]
 		}]
 	}],
@@ -6203,6 +6238,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		formeDEssai: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formeDEssai",
+				required: false
+			}]
+		}],
 		lienVersLAction: [{
 			type: i0.Input,
 			args: [{
@@ -6250,8 +6293,8 @@ var StHeader = class StHeader {
 		selector: "st-header",
 		host: { classAttribute: "st-header" },
 		ngImport: i0,
-		template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"],
+		template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__menu\">\n  <ng-content select=\"[menu]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}.st-header__menu{display:none}@media(min-width:48rem){.st-header__menu:not(:empty){display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;padding-inline-start:var(--st-espacement-5)}:host:has(>.st-header__menu:not(:empty)) .st-header__debut{flex:0 1 auto}}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -6266,8 +6309,8 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "st-header",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: { class: "st-header" },
-			template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"]
+			template: "<div class=\"st-header__debut\">\n  <ng-content select=\"[bascule]\" />\n  <ng-content select=\"[marque]\" />\n</div>\n<div class=\"st-header__menu\">\n  <ng-content select=\"[menu]\" />\n</div>\n<div class=\"st-header__actions\">\n  <ng-content />\n</div>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;flex-wrap:nowrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;box-sizing:border-box;min-block-size:calc(var(--st-hauteur-commande-defaut) + 2 * var(--st-espacement-2-5));padding-block:var(--st-espacement-2-5);padding-inline:var(--st-espacement-4);background:var(--st-couleur-surface)}.st-header__debut,.st-header__actions{display:flex;gap:var(--st-espacement-1);align-items:center}.st-header__debut{flex:1 1 0%;flex-wrap:nowrap;min-inline-size:var(--st-hauteur-commande-defaut)}.st-header__actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;min-inline-size:0}@media(width<48rem){.st-header__actions ::ng-deep>[secondaire]{display:none}}.st-header__debut:empty,.st-header__actions:empty{display:none}.st-header__menu{display:none}@media(min-width:48rem){.st-header__menu:not(:empty){display:flex;flex:1 1 auto;align-items:center;min-inline-size:0;padding-inline-start:var(--st-espacement-5)}:host:has(>.st-header__menu:not(:empty)) .st-header__debut{flex:0 1 auto}}@media(min-width:48rem){.st-header__debut{gap:var(--st-espacement-6)}.st-header__actions{gap:var(--st-espacement-4)}}@media(min-width:64rem){:host{padding-inline:var(--st-espacement-8)}}\n"]
 		}]
 	}]
 });
@@ -6328,6 +6371,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 var StNavLink = class StNavLink {
+	forme = input("colonne", ...ngDevMode ? [{ debugName: "forme" }] : /* istanbul ignore next */ []);
 	lien = inject(RouterLink);
 	actif = inject(RouterLinkActive);
 	routeur = inject(Router);
@@ -6357,12 +6401,22 @@ var StNavLink = class StNavLink {
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
+		minVersion: "17.1.0",
 		version: "22.2.1",
 		type: StNavLink,
 		isStandalone: true,
 		selector: "a[stNavLink]",
-		host: { classAttribute: "st-nav-link" },
+		inputs: { forme: {
+			classPropertyName: "forme",
+			publicName: "forme",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-forme": "forme()" },
+			classAttribute: "st-nav-link"
+		},
 		hostDirectives: [{
 			directive: i1.RouterLink,
 			inputs: [
@@ -6397,7 +6451,7 @@ var StNavLink = class StNavLink {
 		}],
 		ngImport: i0,
 		template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"],
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}:host([data-forme=barre]){display:inline-flex;gap:var(--st-espacement-2);padding-inline:var(--st-espacement-1);color:var(--st-couleur-texte-discret);border-inline-start:0;border-block-end:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host([data-forme=barre]):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=barre]):active{background:none}:host([data-forme=barre][aria-current=page]){color:var(--st-couleur-texte);background:none;border-block-end-color:var(--st-couleur-primaire)}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}:host([data-forme=barre]){border-block-end-color:Canvas}:host([data-forme=barre][aria-current=page]){border-block-end-color:Highlight}}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -6431,12 +6485,23 @@ i0.ɵɵngDeclareClassMetadata({
 				directive: RouterLinkActive,
 				inputs: ["routerLinkActiveOptions: optionsDActivation"]
 			}],
-			host: { class: "st-nav-link" },
+			host: {
+				class: "st-nav-link",
+				"[attr.data-forme]": "forme()"
+			},
 			template: "<ng-content select=\"st-icon:not([fin])\" />\n<span class=\"st-nav-link__libelle\"><ng-content /></span>\n<ng-content select=\"st-badge, st-icon[fin]\" />\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}}\n"]
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:grid;grid-template-columns:var(--st-espacement-6) minmax(0,1fr);grid-auto-columns:auto;column-gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-hauteur-commande-defaut);padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);color:var(--st-couleur-texte);text-decoration:none;border-inline-start:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host:hover{background:var(--st-couleur-surface-conteneur-haut)}}:host:active{background:var(--st-couleur-surface-active)}:host ::ng-deep>st-icon{color:var(--st-couleur-texte-discret)}:host ::ng-deep>st-icon:not([fin]){grid-column:1;justify-self:center}:host ::ng-deep>st-badge,:host ::ng-deep>st-icon[fin]{grid-column:3}.st-nav-link__libelle{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([aria-current=page]){font-weight:var(--st-graisse-semi);color:var(--st-nav-link-courant-encre, var(--st-couleur-texte-primaire));background:var(--st-nav-link-courant-fond, light-dark(var(--st-couleur-surface-conteneur-bas), var(--st-couleur-surface-selection)));border-inline-start-color:var(--st-nav-link-courant-fond, var(--st-couleur-primaire))}:host([aria-current=page]) ::ng-deep>st-icon:not([fin]){color:var(--st-nav-link-courant-encre, var(--st-couleur-primaire))}:host([data-forme=barre]){display:inline-flex;gap:var(--st-espacement-2);padding-inline:var(--st-espacement-1);color:var(--st-couleur-texte-discret);border-inline-start:0;border-block-end:var(--st-epaisseur-forte) solid transparent}@media(hover:hover){:host([data-forme=barre]):hover{color:var(--st-couleur-texte);background:none}}:host([data-forme=barre]):active{background:none}:host([data-forme=barre][aria-current=page]){color:var(--st-couleur-texte);background:none;border-block-end-color:var(--st-couleur-primaire)}@media(forced-colors:active){:host{border-inline-start-color:Canvas}:host([aria-current=page]){color:CanvasText;background:Canvas;border-inline-start-color:Highlight}:host([data-forme=barre]){border-block-end-color:Canvas}:host([data-forme=barre][aria-current=page]){border-block-end-color:Highlight}}\n"]
 		}]
 	}],
-	ctorParameters: () => []
+	ctorParameters: () => [],
+	propDecorators: { forme: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "forme",
+			required: false
+		}]
+	}] }
 });
 var StPageHeader = class StPageHeader {
 	precision = input(null, ...ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []);
@@ -6742,6 +6807,10 @@ i0.ɵɵngDeclareClassMetadata({
 });
 var StAuthShell = class StAuthShell {
 	libelles = inject(ST_LIBELLES);
+	bandeaux = input(false, {
+		...ngDevMode ? { debugName: "bandeaux" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
 	identifiantDuContenu = IDENTIFIANT_DU_CONTENU_PRINCIPAL;
 	liensDuPied = computed(() => this.libelles().liensDuPied, ...ngDevMode ? [{ debugName: "liensDuPied" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
@@ -6753,15 +6822,25 @@ var StAuthShell = class StAuthShell {
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
+		minVersion: "17.1.0",
 		version: "22.2.1",
 		type: StAuthShell,
 		isStandalone: true,
 		selector: "st-auth-shell",
-		host: { classAttribute: "st-auth-shell" },
+		inputs: { bandeaux: {
+			classPropertyName: "bandeaux",
+			publicName: "bandeaux",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-bandeaux": "bandeaux() ? \"\" : null" },
+			classAttribute: "st-auth-shell"
+		},
 		ngImport: i0,
-		template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__banniere:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-survol)}}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
+		template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n  <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n  <div class=\"st-auth-shell__sous-la-carte\">\n    <ng-content select=\"[sousLaCarte]\" />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n  <div class=\"st-auth-shell__mention\">\n    <ng-content select=\"[mention]\" />\n  </div>\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StSkipLink,
@@ -6787,11 +6866,22 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "st-auth-shell",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			imports: [StSkipLink],
-			host: { class: "st-auth-shell" },
-			template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__banniere:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-survol)}}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
+			host: {
+				class: "st-auth-shell",
+				"[attr.data-bandeaux]": "bandeaux() ? \"\" : null"
+			},
+			template: "<st-skip-link [cible]=\"identifiantDuContenu\" />\n\n<header class=\"st-auth-shell__entete\">\n  <ng-content select=\"[entete]\" />\n</header>\n\n<main class=\"st-auth-shell__contenu\" [id]=\"identifiantDuContenu\">\n  <div class=\"st-auth-shell__avant-la-carte\"><ng-content select=\"[avantLaCarte]\" /></div>\n  <div class=\"st-auth-shell__carte\">\n    <div class=\"st-auth-shell__banniere\">\n      <ng-content select=\"[banniere]\" />\n    </div>\n    <ng-content />\n  </div>\n  <!-- Ce qui accompagne la carte sans en faire partie : un encadre d'information, une mention courte. -->\n  <div class=\"st-auth-shell__sous-la-carte\">\n    <ng-content select=\"[sousLaCarte]\" />\n  </div>\n</main>\n\n<footer class=\"st-auth-shell__pied\">\n  <!-- La mention du pied (mise en garde, mention legale) : une phrase, au-dessus des liens. -->\n  <div class=\"st-auth-shell__mention\">\n    <ng-content select=\"[mention]\" />\n  </div>\n  <nav class=\"st-auth-shell__liens\" [attr.aria-label]=\"liensDuPied()\">\n    <ng-content select=\"[pied]\" />\n  </nav>\n  <span class=\"st-auth-shell__version\"><ng-content select=\"[version]\" /></span>\n</footer>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0);padding-inline:env(safe-area-inset-left,0) env(safe-area-inset-right,0);color:var(--st-couleur-texte);background:var(--st-couleur-surface);isolation:isolate}@media(min-width:48rem){:host{background:var(--st-couleur-surface-conteneur-bas)}:host:before{position:absolute;inset:0;pointer-events:none;content:\"\";background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--st-couleur-primaire-discret) 60%,transparent),transparent 50%)}}.st-auth-shell__entete,.st-auth-shell__contenu,.st-auth-shell__pied{position:relative}.st-auth-shell__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3);align-items:center;justify-content:space-between;min-block-size:var(--st-hauteur-commande-defaut);padding:var(--st-espacement-3) var(--st-espacement-4)}.st-auth-shell__entete:empty,.st-auth-shell__avant-la-carte:empty,.st-auth-shell__banniere:empty,.st-auth-shell__sous-la-carte:empty,.st-auth-shell__mention:empty,.st-auth-shell__liens:empty,.st-auth-shell__version:empty,.st-auth-shell__pied:not(:has(>:not(:empty))){display:none}.st-auth-shell__contenu{box-sizing:border-box;flex:1 1 auto;inline-size:min(100%,var(--st-largeur-carte-auth));margin-inline:auto;padding:var(--st-espacement-6) var(--st-espacement-4)}.st-auth-shell__contenu:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:calc(-1 * var(--st-focus-epaisseur))}@media(min-width:48rem){.st-auth-shell__contenu{padding:var(--st-espacement-12) 0 var(--st-espacement-6)}}.st-auth-shell__carte{display:flex;flex-direction:column;gap:var(--st-espacement-4)}@media(min-width:48rem){.st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid light-dark(transparent,var(--st-couleur-bordure));border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-survol)}}.st-auth-shell__avant-la-carte{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4)}.st-auth-shell__sous-la-carte{display:flex;flex-direction:column;gap:var(--st-espacement-4);margin-block-start:var(--st-espacement-6)}.st-auth-shell__mention{max-inline-size:40rem;text-align:center}.st-auth-shell__pied{display:flex;flex-direction:column;gap:var(--st-espacement-1);align-items:center;padding:var(--st-espacement-4);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-auth-shell__liens{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2) var(--st-espacement-4);align-items:center;justify-content:center}.st-auth-shell__version{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);font-variant-numeric:var(--st-chiffres-alignes)}:host([data-bandeaux]){background:var(--st-couleur-surface-conteneur-bas)}:host([data-bandeaux]):before{content:none}:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-6);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-carte-rayon, var(--st-rayon-lg));box-shadow:var(--st-ombre-repos)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__carte{padding:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__entete{padding-block:var(--st-espacement-4);background:var(--st-couleur-surface);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(min-width:48rem){:host([data-bandeaux]) .st-auth-shell__entete{padding-inline:var(--st-espacement-8)}}:host([data-bandeaux]) .st-auth-shell__pied{gap:var(--st-espacement-3);padding:var(--st-espacement-6) var(--st-espacement-4);background:var(--st-couleur-surface);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}@media(forced-colors:active){:host:before{display:none}}@media print{:host:before,.st-auth-shell__entete,.st-auth-shell__pied{display:none}.st-auth-shell__carte{box-shadow:none}}\n"]
 		}]
-	}]
+	}],
+	propDecorators: { bandeaux: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "bandeaux",
+			required: false
+		}]
+	}] }
 });
 const ORDRE_DES_CHOIX = [
 	"clair",
@@ -6978,6 +7068,7 @@ var StLangSwitch = class StLangSwitch {
 		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	variante = input("piste", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
 	choisie = output();
 	injecteur = inject(Injector);
 	affiche = linkedSignal(() => this.courante(), ...ngDevMode ? [{ debugName: "affiche" }] : /* istanbul ignore next */ []);
@@ -7042,19 +7133,27 @@ var StLangSwitch = class StLangSwitch {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			variante: {
+				classPropertyName: "variante",
+				publicName: "variante",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		outputs: { choisie: "choisie" },
 		host: {
 			properties: {
 				"attr.data-legende-visible": "legendeVisible() ? \"\" : null",
-				"attr.data-compact": "compact() ? \"\" : null"
+				"attr.data-compact": "compact() ? \"\" : null",
+				"attr.data-variante": "variante()"
 			},
 			classAttribute: "st-lang-switch"
 		},
 		ngImport: i0,
-		template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
-		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"],
+		template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"variante() === 'texte' ? 'texte' : legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
+		styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}:host([data-variante=texte]){padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: StSegmentedControl,
@@ -7093,10 +7192,11 @@ i0.ɵɵngDeclareClassMetadata({
 			host: {
 				class: "st-lang-switch",
 				"[attr.data-legende-visible]": "legendeVisible() ? \"\" : null",
-				"[attr.data-compact]": "compact() ? \"\" : null"
+				"[attr.data-compact]": "compact() ? \"\" : null",
+				"[attr.data-variante]": "variante()"
 			},
-			template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
-			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"]
+			template: "<!-- Le segmente du socle (lot 244) : l'hote est la piste tant que la legende est masquee (piste\n     `nue` du segmente) ; une legende visible se pose au-dessus de la piste `enfoncee`. Compact :\n     le code visible ouvre le nom, l'endonyme suit, lu dans sa langue (« FR Francais »). -->\n<st-segmented-control\n  enLigne\n  [forme]=\"variante() === 'texte' ? 'texte' : legendeVisible() ? 'enfoncee' : 'nue'\"\n  [casse]=\"compact() ? 'capitales' : 'phrase'\"\n  [legende]=\"legende()\"\n  [legendeMasquee]=\"!legendeVisible()\"\n  [options]=\"options()\"\n  [value]=\"affiche()\"\n  (valueChange)=\"choisir($event)\"\n/>\n",
+			styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:flex;align-items:center;padding:var(--st-espacement-demi);background-color:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm);display:inline-flex}:host([data-legende-visible]){display:inline-block;padding:0;background:none;border-radius:0}:host([data-variante=texte]){padding:0;background:none;border-radius:0}@media print{:host{display:none}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -7132,6 +7232,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		variante: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variante",
+				required: false
+			}]
+		}],
 		choisie: [{
 			type: i0.Output,
 			args: ["choisie"]
@@ -7538,6 +7646,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ATTRIBUT_D_ENVIRONNEMENT, AnnonceLocale, CHEMIN_DU_SPRITE, ETATS_DE_BLOC, FUSEAU_PAR_DEFAUT, ICONES_DE_TON, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_FR, NOMS_DICONE, NOMS_DICONE_DEPRECIES, NOMS_DICONE_MARQUE, NOMS_DICONE_MIROITEE, NOMS_DICONE_PLEINE, PROFILS_D_ERREUR, PROPRIETE_HAUTEUR_ACTION, PROPRIETE_HAUTEUR_ENTETE, PROPRIETE_HAUTEUR_ENTETE_SEUL, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, ST_MONTANTS_MASQUES, ST_RECHERCHE_D_ADRESSES, StAppShell, StAuthShell, StAvatar, StBanner, StBreadcrumb, StButton, StCard, StCopyButton, StEmpty, StError, StFooter, StHeader, StHeading, StIcon, StIconButton, StIdentifiants, StInlineMessage, StLangSwitch, StLienEtendu, StLink, StLogo, StNavLink, StOfflineBanner, StPageHeader, StPageTitle, StPrivacyToggle, StProgress, StRouteProgress, StSegmentedControl, StSkipLink, StSpinner, StThemeToggle, StTimer, affichageDiffere, catalogueDuPointDEntree, copierDansLePressePapiers, decrireLErreur, dureeDuJeton, estIconeMetier, fermerApresLaSortie, fonduDEntree, fonduDeSortie, formaterDuree, fournirCheminDuSprite, iconeMetier, jetonsDeLAttribut, partagerDesJetons, partagerLaValeur, plusLongueTransition, pressePapiersDisponible, provideStarterUi, resoudreLeNomDIcone, verifierLeCheminDuSprite };
+export { ATTRIBUT_D_ENVIRONNEMENT, AnnonceLocale, CHEMIN_DU_SPRITE, ETATS_DE_BLOC, FUSEAU_PAR_DEFAUT, ICONES_DE_TON, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_FR, NOMS_DICONE, NOMS_DICONE_DEPRECIES, NOMS_DICONE_MARQUE, NOMS_DICONE_MIROITEE, NOMS_DICONE_PLEINE, PROFILS_D_ERREUR, PROPRIETE_HAUTEUR_ACTION, PROPRIETE_HAUTEUR_ENTETE, PROPRIETE_HAUTEUR_ENTETE_SEUL, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, ST_MARQUE_D_OBLIGATION, ST_MONTANTS_MASQUES, ST_RECHERCHE_D_ADRESSES, StAppShell, StAuthShell, StAvatar, StBanner, StBreadcrumb, StButton, StCard, StCopyButton, StEmpty, StError, StFooter, StHeader, StHeading, StIcon, StIconButton, StIdentifiants, StInlineMessage, StLangSwitch, StLienEtendu, StLink, StLogo, StNavLink, StOfflineBanner, StPageHeader, StPageTitle, StPrivacyToggle, StProgress, StRouteProgress, StSegmentedControl, StSkipLink, StSpinner, StThemeToggle, StTimer, affichageDiffere, catalogueDuPointDEntree, copierDansLePressePapiers, decrireLErreur, dureeDuJeton, estIconeMetier, fermerApresLaSortie, fonduDEntree, fonduDeSortie, formaterDuree, fournirCheminDuSprite, iconeMetier, jetonsDeLAttribut, partagerDesJetons, partagerLaValeur, plusLongueTransition, pressePapiersDisponible, provideStarterUi, resoudreLeNomDIcone, verifierLeCheminDuSprite };
 
 //# sourceMappingURL=starterlib-ui.mjs.map