From 6087b8dd317f3706f793a8cb271e6d1bc4fb37a5 Mon Sep 17 00:00:00 2001
From: Jules <transformationsresilientes@gmail.com>
Date: Fri, 25 Sep 2026 14:17:53 +0200
Subject: [PATCH] =?UTF-8?q?feat(b3):=20M4=20=E2=80=94=20favicon=20maillage?=
 =?UTF-8?q?,=20Manifeste=20dans=20le=20header,=20hashtags=20repli=C3=A9s,?=
 =?UTF-8?q?=20DESIGN-SYSTEM.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 DESIGN-SYSTEM.md            |  84 ++++++++++++++++++++++++++++++++++++
 app.vue                     |   7 +++
 components/FichesPanel.vue  |  31 ++++++++++++-
 nuxt.config.ts              |  12 ++++++
 public/apple-touch-icon.png | Bin 0 -> 6214 bytes
 public/favicon-16.png       | Bin 0 -> 527 bytes
 public/favicon-32.png       | Bin 0 -> 1095 bytes
 public/favicon.svg          |  21 +++++++++
 8 files changed, 154 insertions(+), 1 deletion(-)
 create mode 100644 DESIGN-SYSTEM.md
 create mode 100644 public/apple-touch-icon.png
 create mode 100644 public/favicon-16.png
 create mode 100644 public/favicon-32.png
 create mode 100644 public/favicon.svg

diff --git a/DESIGN-SYSTEM.md b/DESIGN-SYSTEM.md
new file mode 100644
index 0000000..1272710
--- /dev/null
+++ b/DESIGN-SYSTEM.md
@@ -0,0 +1,84 @@
+# Design system nav-carte (AEP)
+
+Ce fichier existe pour que B6 à B9 n'aient pas à relire les récaps de B3 (`1 PROJETS/DEV/AEP/Cascade-Refonte/recaps/B3-*.md` dans le vault Dropbox) pour comprendre ce qui a été posé. Si tu es sur B6+ et que tu touches au visuel de nav-carte, lis ceci d'abord.
+
+## D'où viennent les tokens
+
+Les couleurs, espacements, rayons, ombres, etc. ne sont **jamais** des valeurs en dur dans les composants nav-carte. Ils viennent de deux fichiers, chargés dans cet ordre dans `nuxt.config.ts` :
+
+1. `@transformer/ui/tokens.css` — package npm partagé (`git+https://git.trans-former.fr/jules/design-system.git`), le schéma canonique de tokens par **rôle** (`--bg`, `--text`, `--primary`, `--focus-ring`, `--space-*`, `--radius-*`, `--fs-*`, etc.). Jamais cloné en local, jamais modifié depuis ce repo.
+2. `@transformer/ui/theme/aep.css` — la palette AEP spécifique (« Sobre institutionnel », validée par Jules), qui surcharge les rôles du point 1 avec les vraies couleurs : bleu nuit `#1a2238`, accent safran `#f5b342`, fond crème `#f8f6f1`. C'est ce fichier qui rend `--primary`, `--accent`, `--bg` etc. concrets pour AEP.
+
+`assets/css/main.css` définit ensuite des variables `--nav-*` (héritées de l'ancienne palette V1, avant l'arrivée du DS). Elles sont **alias** des rôles ci-dessus : `--nav-bg: var(--bg)`, `--nav-text: var(--text)`, etc. Elles existent uniquement parce que tout le code existant (avant B3) les consomme — ne pas les supprimer sans grep préalable, ne pas en créer de nouvelles : pour du code neuf, consommer directement les tokens `--bg`/`--text`/`--primary`/... du DS.
+
+**Trois variables restent volontairement non-aliasées**, propres à nav-carte :
+
+- `--nav-primary-raw` — triplet RGB (`26, 34, 56`) utilisé dans des `rgba(var(--nav-primary-raw), x)`. Le DS n'expose pas de triplet RGB séparé, seulement des couleurs finales.
+- `--nav-primary-solid` — bleu nuit plein (`#1a2238` clair, `#c8d2f0` sombre). Différent de `--primary` du DS, qui est le bleu nuit à 60 % d'opacité (utilisé pour les surfaces translucides). `--nav-primary-solid` sert au texte et aux éléments qui doivent rester lisibles en plein (logo, soulignement d'onglet actif).
+- `--nav-text-on-primary` — texte de contraste, gardé en valeur littérale (`#f8f6f1` clair / `#111520` sombre) plutôt qu'aliasé sur `--on-primary` du DS. **Raison** : cette variable sert de texte de contraste sur DEUX fonds différents dans le code existant — `--nav-primary` (translucide) ET `--nav-primary-solid` (opaque) — qui ont une légèreté **inversée** en mode sombre (le translucide rend sombre une fois mélangé au fond, le solid `#c8d2f0` est un lavande clair). Le rôle `--on-primary` du DS ne colle qu'au premier cas ; l'aliaser cassait le contraste à une dizaine d'endroits (logo « AEP », boutons, bandeaux) en sombre. Si tu ajoutes un nouvel usage de cette variable, vérifie d'abord sur QUEL fond (translucide ou solid) le texte doit être lisible.
+
+Dark mode : classe `.dark` posée sur `<html>` (`document.documentElement.classList.add('dark')`, persisté dans `localStorage.aep_theme`). `theme/aep.css` définit ses valeurs sombres sous le sélecteur `:root.dark, :root[data-theme="dark"]` — les deux formes sont acceptées, mais nav-carte n'utilise que `.dark`. Pas de bascule automatique par `prefers-color-scheme` (décision explicite : le site n'en a jamais eu, ça changerait ce que voient les visiteurs par défaut).
+
+## Grammaire des chips par dimension
+
+Trois dimensions, trois traitements visuels — posés en B3-M1, pensés pour rester stables jusqu'à B4+ (nouvelles dimensions à ajouter, pas à réinventer) :
+
+| Dimension | Variant | Rendu inactif | Rendu actif |
+|---|---|---|---|
+| Échelle (national/régional/local) | `echelle` | outline, fond transparent | fond `--primary` plein, texte `--on-primary` |
+| Fonction / hashtag | `fonction` (défaut) | fond `--bg-alt` | fond `--primary` plein, texte `--on-primary` |
+| Posture (préparée pour B4, pas encore consommée) | `posture` | outline safran (`--accent`) | fond `--accent` plein, texte `--on-accent` **sombre** — jamais blanc sur safran (voir règle de contraste plus bas) |
+
+Composants : `components/Chip.vue` (une chip, `<button>` ou `<span>` selon `as`) et `components/ChipGroup.vue` (conteneur `role="group"`, `flex-wrap`, gap). Toujours les deux ensemble — jamais une chip nue hors groupe (accessibilité : le groupe porte l'`aria-label` qui dit ce qu'on filtre).
+
+```vue
+<ChipGroup aria-label="Filtrer par fonction">
+  <Chip
+    v-for="fn in fonctions"
+    :key="fn"
+    :label="fn"
+    variant="fonction"
+    :active="selected.includes(fn)"
+    @toggle="toggleFonction(fn)"
+  />
+</ChipGroup>
+```
+
+Pour une chip non cliquable (affichage seul, ex. liste de résultats) : `as="span"` — pas de `type="button"`, pas d'`aria-pressed`, pas de handler `@toggle` nécessaire.
+
+## FicheMiniCard + useFicheAdapter — brancher une nouvelle source
+
+`composables/useFicheAdapter.ts` expose `toMini(source): MiniFiche`, où `MiniFiche = { id, nom, resume, chips, echelle?, geoloc, kind }`. Aujourd'hui il distingue `Org` (NocoDB, page `/`) et `StructureV2` (JSON statique `reseaux-bifurcation.json`, page `/agences`) via `'famille_principale' in source` (seul champ propre à `StructureV2`).
+
+**Pour brancher une 3e source** (B6+, ex. un nouveau type de fiche) :
+1. Ajoute son type à l'union `Org | StructureV2 | TonNouveauType` dans la signature de `toMini`.
+2. Ajoute une garde de type (comme `isStructure`) basée sur un champ qui n'existe QUE dans ton nouveau type — ne réutilise pas `famille_principale` ou un champ ambigu.
+3. Choisis l'ordre de repli du résumé : `buildResume([champA, champB, ...])` prend le premier champ non vide, en garde la première phrase, tronque à 110 caractères sur un mot. Vérifie quels champs de ton type contiennent du texte descriptif avant de les ordonner.
+4. `chips` = 3 étiquettes maximum (fonctions, hashtags, ou l'équivalent pour ton type). `geoloc` = `latitude != null && longitude != null` si ton type a des coordonnées, sinon `true` (pas de fiche à masquer côté carte).
+
+`components/FicheMiniCard.vue` consomme uniquement `MiniFiche` — il n'a jamais besoin de connaître `Org` ou `StructureV2`. C'est ce découplage qui permet d'ajouter une source sans toucher au composant d'affichage.
+
+## FichesPanel — le panneau « toutes les fiches »
+
+`components/FichesPanel.vue` : props `fiches: MiniFiche[]` (déjà filtrée par la page appelante — le panneau ne refiltre pas, ne crée pas de second champ de recherche), `hashtags: string[]` (options de filtre), `selected: string[]`, `query: string` (sert seulement à nuancer le message d'état vide), `intention: string`. Émet `update:selected` et `open(fiche)`.
+
+**Le panneau ne possède pas son propre état de filtre** : ses chips pilotent la variable réactive de la page appelante via `update:selected` (ex. `fonctions` sur `/`, `selectedHashtags` sur `/agences`). C'est ce qui garantit qu'une chip cochée dans le panneau et la même chip dans la sidebar (si elle est visible) affichent toujours le même état — une seule source de vérité, jamais deux.
+
+**Hashtags repliés** (B3-M4) : au-delà de 14 chips (`COLLAPSE_THRESHOLD`), seules les premières s'affichent + un chip-bouton « voir les N autres » qui déplie. Les chips déjà actives restent visibles même repliées (union entre les 14 premières et les actives hors de ce lot). État déplié non persistant — `ref` locale, reset à chaque montage. `/` (10 fonctions) ne dépasse jamais le seuil ; `/agences` (~60 hashtags) se replie par défaut.
+
+**Accès** : `?vue=fiches` dans l'URL, en plus des paramètres de filtre existants. Sur `/`, `desktopMapView`/`mobileMapView` gagnent une valeur `'fiches'` à côté de `'metropole'`/`'outremer'` ; sur `/agences`, à côté de `'metropole'`/`'outremer'`/`'graphe'`. Recharger l'URL avec `?vue=fiches` doit rouvrir directement le panneau, filtres compris.
+
+**Mobile** : le panneau ne se monte JAMAIS dans un `MobileSheet` (le composant sheet demi-hauteur pensé pour flotter au-dessus d'une carte) — il n'y a pas de carte derrière la vue fiches, donc pas de sheet à demi-hauteur : le panneau occupe toute la zone sous la barre d'onglets, avec son propre scroll interne. Piège vécu en B3 : monter le panneau dans un `MobileSheet` par réflexe (comme les autres onglets) laisse ~45 % de l'écran vide au-dessus, puisque la sheet démarre repliée à mi-hauteur et qu'il n'y a rien à voir en dessous.
+
+## Intention d'abord
+
+Principe de design validé par Jules pour B3 : un panneau (ou une carte) s'ouvre sur **une ligne d'intention** avant l'outillage (filtres, compteur, grille). La ligne d'intention dit en une phrase ce que montre l'écran et le premier geste possible (« Toutes les structures d'entraide, y compris celles sans adresse sur la carte. Cochez une fonction pour filtrer. »). Dans `FichesPanel`, l'ordre de l'en-tête est fixe : intention → compteur → chips → grille. Ne pas remonter le compteur ou les chips au-dessus de l'intention, même pour gagner de la place.
+
+## Motif maillage (favicon)
+
+Le favicon (`public/favicon.svg`, décliné en `favicon-32.png`, `favicon-16.png`, `apple-touch-icon.png`) dessine un petit graphe : un nœud central relié à cinq nœuds périphériques par des arêtes, sur fond bleu nuit avec des nœuds/arêtes safran. C'est un **motif à décliner**, pas une icône isolée — il préfigure les liens de graphe et les connexions entre fiches attendus en B4 (postures), B8 et B9 (structures liées, graphe de réseau déjà présent dans `FicheModalV2` via `structuresVoisines`). Si tu dessines un composant de graphe ou de connexions entre fiches dans ces batchs, reprends ce vocabulaire visuel (nœuds pleins, arêtes fines, un nœud central mis en avant) plutôt que d'en inventer un nouveau.
+
+## Deux règles de contraste
+
+1. **Texte sombre sur l'accent safran, jamais blanc.** `--accent`/`--on-accent` : le blanc sur `#f5b342` échoue le contrôle AA (décision DS du 20/07/2026). `--on-accent` est toujours une couleur sombre (`#1a2238` clair, `#111520` sombre). Vérifié au pixel sur la variante `posture` de `Chip.vue`.
+2. **`--nav-text-on-primary` reste une valeur littérale**, pas un alias — voir l'explication détaillée dans la section tokens ci-dessus. Si un nouveau composant a besoin de texte de contraste sur un fond bleu nuit, vérifie d'abord si ce fond est `--nav-primary` (translucide) ou `--nav-primary-solid` (opaque) avant de choisir la variable de texte : elles n'ont pas la même réponse en mode sombre.
diff --git a/app.vue b/app.vue
index efa568e..7228035 100644
--- a/app.vue
+++ b/app.vue
@@ -100,6 +100,13 @@
 
       <!-- Actions droite -->
       <div class="flex items-center gap-2 shrink-0">
+        <NuxtLink
+          to="/manifeste"
+          class="px-3 py-1.5 rounded-lg text-sm font-medium transition-all hover:opacity-80 hidden md:inline-flex items-center gap-1"
+          :style="route.path === '/manifeste' ? 'color: var(--nav-primary-solid); font-weight: 700;' : 'color: var(--nav-text-muted);'"
+        >
+          Manifeste
+        </NuxtLink>
         <NuxtLink
           to="/a-propos"
           class="px-3 py-1.5 rounded-lg text-sm font-medium transition-all hover:opacity-80 hidden md:inline-flex items-center gap-1"
diff --git a/components/FichesPanel.vue b/components/FichesPanel.vue
index d5b90af..d20ac55 100644
--- a/components/FichesPanel.vue
+++ b/components/FichesPanel.vue
@@ -18,13 +18,20 @@
 
       <ChipGroup v-if="hashtags.length" aria-label="Filtrer les fiches" class="fiches-panel__chips">
         <Chip
-          v-for="tag in hashtags"
+          v-for="tag in visibleHashtags"
           :key="tag"
           :label="tag"
           variant="fonction"
           :active="selected.includes(tag)"
           @toggle="toggle(tag)"
         />
+        <Chip
+          v-if="isCollapsible"
+          :label="expanded ? 'Réduire' : `Voir les ${hiddenCount} autres`"
+          variant="echelle"
+          :active="expanded"
+          @toggle="expanded = !expanded"
+        />
       </ChipGroup>
     </div>
 
@@ -61,6 +68,28 @@ const emit = defineEmits<{
   open: [fiche: MiniFiche]
 }>()
 
+// Hashtags repliés (B3-M4) — au-delà de COLLAPSE_THRESHOLD chips, n'affiche
+// que les premières + un Chip-bouton « voir les N autres ». Les chips déjà
+// actives restent toujours visibles même repliées. `/` (10 fonctions) ne
+// dépasse jamais le seuil ; `/agences` (~60 hashtags) se replie. État
+// déplié non persistant (ref locale, reset à chaque montage du composant).
+const COLLAPSE_THRESHOLD = 14
+const expanded = ref(false)
+
+const isCollapsible = computed(() => props.hashtags.length > COLLAPSE_THRESHOLD)
+
+const visibleHashtags = computed(() => {
+  if (expanded.value || !isCollapsible.value) return props.hashtags
+  const head = props.hashtags.slice(0, COLLAPSE_THRESHOLD)
+  const headSet = new Set(head)
+  const activeOutsideHead = props.hashtags.filter(
+    (tag) => props.selected.includes(tag) && !headSet.has(tag)
+  )
+  return [...head, ...activeOutsideHead]
+})
+
+const hiddenCount = computed(() => props.hashtags.length - visibleHashtags.value.length)
+
 function toggle(tag: string) {
   if (props.selected.includes(tag)) {
     emit('update:selected', props.selected.filter((t) => t !== tag))
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 60c4fe0..b9761e8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,17 @@
 export default defineNuxtConfig({
   modules: ['@nuxtjs/tailwindcss'],
+
+  app: {
+    head: {
+      link: [
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+        { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32.png' },
+        { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16.png' },
+        { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
+      ],
+    },
+  },
+
   css: [
     '@transformer/ui/tokens.css',
     '@transformer/ui/theme/aep.css',
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..29a548a606a51dc54989d33a9521ccf08f22e6e0
GIT binary patch
literal 6214
zcmb7}byO5iw8ufZyO*w|yFsK&Ktf=ZT98&?L3&rZmM)j>B_#v|>5vo<B&2JJB_u^U
zp1=R!Iq$qb?#!IIbLXF#bHC?)ZtM#KEfPXTLJSNH5*=-I<9~D0e}@0$-`G%>;(&oc
zj-jKjV(Op!I}Z;^J$o^9{C4e)pAI_?7CyeV7F?H#E21o{IE=&hvw*Z<3=V9f{3$t8
z%ma?8DK&XYF)m3b-Ci<V5pS}!^y@~42VR1xdWp2(t62&PIey&*(6bFHU#H8}>+x1}
zzV}flBccRg1cX+QM{;1$;AxQalfv0d0n{oLvcRwxkQdlRs6u?z0Tqe}csK|C|8*b+
zH!=fuD=}BIl#f8z7~2W)@d@z@hp!=#X6M~nZ$EJh3pcw!iSH8Q+){IMGqV@VgIW@S
zP*E@+m7*t`+iabidF`v9i{EnU6lEH5qnaz}^801%R_)fYZ?w!H>4?|pahtp8sdEXZ
z3Le!GhtW~@?sr?^Wbp~HpV?ZIbpQtCZmW0P1>@I0Tx*_DTV_j&DPQ-mkS#0!a+YK}
zBd3d=JGh7ZtRhp+EwFhJ0W?ldpFh7wv$Sm{GD$Hu2y=oUTRS^SH}j?^@)R1bwfn25
zaT9AgIy##DY_b_v?e0q_6qiO0<WJ;j+vwyOD8gg5Pp+ZUPIqgc7S=cj19+5RYjJ6;
zV0v7ggmV;7sPXCDiNKQIZ#C*xdMK>G@M#vUz+ZJu6xiXoi_`X?Li~;6%FW^A;pDZp
zaVd55&?fBQFli!hREv5c)IIq2&~TlWZ7<mvP-l?W6?CbhPC(V}%bIy}L(IjT8jH0&
z!TP~676^9O=%b<hfmI68p7WT8Omt2(3dR99aLa_&ph}!Ro;F;J1pOOct#yY%ZV(7x
zF)%zL;_JKD9~p@Qxkw43GFt!8nm7RAeSMT)`LreNgtUx|MnXb2-%8`bEne|f)Vf!@
z%spQbY~DALv)NbnU2PFq3Tl{4;-GDm3mj^8pp7GlefD-|XBtGrVa@<stSo3BnMdLT
z^8(}#U>;fC$9$~tXZ-xX8y!XbeZEs^V;2h!Ei|I*44IF8&5O0w>Qp=uBog;mPAWRy
zmfx=F<q4C)WzPed{aIpTPx0xDo(_$Xp*4!dU-ehhDmjsAGW2A+ohvKaw<)UJjN!Pf
z|ALBo3sYit$=agYz?-Dhp^8dV7%ZA6bsoW4J1Oj%)S++QyrrPB>7g6S?~EoQgd3Hn
zENXb$8!{87ysrI8vP&M8Pp$evg<_c}f~ZT@tZp@ig9P_;nihC5gicGVcgd)feMfpD
zj#KH$z|X&4<J$z8xP|W;7*`WH65d}Aq~yW&`(q`5Q`(2c8XRA1)wW`>+^H^Z$SffM
z<phr8bPJ=jL^A@4)@LUtDfak8V_KLT0N@iHXO8_NI5g;MPZuZ?H9Rt+mX42k>v-=0
zO6>D8+M`VIAft<n%%s434zUfk_Lt)pM);mvs_%f<bmHoJXz_N?k#y~^O$#|FB?PrU
z6qK+{3F5t3EQ=RQJjD8J)XYyGg+*i@;ylzon(NLt>K_{pYZP5M{{CG%Fh;(#0?}d1
zvSgmrUwa2$=kVnF$_5A2dzh81EkwgS>mP=ko||*ct{Qw|lZ|sdB(WqE#z$yS(Cd@M
z4hkl!6G<G4O%s*GztRuswN>k=3$2SL>T}pYLCS{pw($&0XomjgNsihypSw)Zi8#?G
zA(Tw$XJ$6vekQXXQ();G2oCs3%o@SSmrxI;gHCjXeNi0x0~3LvWwVZ%l%L7e)>#8-
z{2F>Lr+qK`#*d_RvL9EOUpm>gX?K96f{I;6r2YB>DtkjfJo6n6%B9*pFR9y7q_CHV
zrDLly>M|)t*>+GpDP47ExB3}D2G){7DuluU=0%~&xe~99b|uTekq1H6s*uRXk=AAx
zJ>h`<oa~n`^BrdkduJXxTIWIL3>Y0atN0!*^4ED8ntMoTN(laKKHdC73;N?8%|Q}&
z_Cwjnp1JU7u=lAoR_~I>hc!Y3>V9nyjg-cP%%FqJ)_#+j$+O-po7rs!lu^l|hO1>l
zjcpw^j6Hk#MKY2Gw~(66vOP4J(!cP9iw1@t>%#;*(L>GG2g|BPKlj1gl<*po9UJ<u
zY?idbKW^8gtofm0um}OJumOnJ5g*1?zP)lq#hT6*selHJiX4e2=&LL=Vv>kM>?7l|
z2sqZz<ra6Sy&PdpucJFtCxS5m)pMZ~5R3i{0CF*YMlga=<eNcfeO~|?H0*OwNiz{C
zyMFf7%dKLgA`2=lfLTXaq2?}9GfI~0RH?N;C*X~#^S~t;V-}(c3enyP^3th4k?fx2
zuS%~M3#f$CMmKfw($#L;f|`5yRcIiaC&u4IF`D(wLfw8fCX~Gllb6$U@c!J&{XukC
zp|SITG|2TpazpCaAcpo#wCC^bmfzf+kMMGKH$P<#c2~>H4|uDsm21Zg9v%}<g5(Lj
zeNYc(pHgDBj4Q;r3<}bJO%kub2jNc(9TE6bz<+)yw-Gt_20dbRE9_?03?lw>ryrG~
z^j?+8hc5lLyw3BJ+-?Rh&drtRy$Po<$o&3N?l_Y{nu||`2kx<3nI}1w39NS~e7@)r
zB%o}u_g!R&A^xPH;VibqCTKi9s3b>S>dtb}@<W<6_c?~1h2rVWyC{WQ8?UPIUnTj`
z-SwQ6F2K!+MXR?>MH}p0V@JW;K|^Jql9}pu)9(unvPD=3bQwY_t8y&*7kt#?k4K2+
z*az^vu+?DJ{E}%Jy+Ev(STmTkSYWc{DWzQhPkEKU4-vo&{`Ake;3t7brN<+BCKR8&
ziLpCpUbv!)n2IF8A(~q$YJj?UvFrr);1^$PjFIH=U!9UYodh%@3=4^3kY)@CljeHQ
zoD7)gB8Sy10ZOl{@!t2W(O_{NF(~Tjml7sL^$%F^`=%A@wObh|rfOOO)Y>-$zM-|q
z#%kG2GhL+Fj)>EeCwg%harCLEaG5yVIkRoqgcG|CPnQbK#8zIXcy(QUE7?BN5DNP8
zGX@mOJII1Z0D*ADdFL6Uv>6O*WeBOwhUuJj;S{q?>9VM&d>}~A9m_YG8oeAYV=HoF
z7qJu(TiRL4U5hCK>jp&hb?4Hz{V!LYqP2Bh=1lJfLv`_USbn4oUdJ?6L|?`-t?(`;
zzj?+lb#{AaUC=!Rd-y~%q8({s88z`O)ml?SG1qv5nw!)#Z?MCz;`C<`ux<<inQXjB
zb{Z0Uo?*E#b+Ugigm+PYf@`(N!v+1LIS@qTC2lzKdA55twx2Eh__-wjgoa`XP7zy=
zi0!x6g|mjwZrB9({~7u)@vCH&tsuYO;&6+A&pukRhL?6owCW&83Ug2JJ23au%H2qA
z0Z&42`KgNdTM2bbfE#Hb*JZVkQPt1RzbBiXw=ICbeOk}tTUh*x+?FapX?4!CW8`B4
zDoUHt+}2AAXIHlipz;BwmA_u=O>}R;;<c~a_|mQxEm5&8&Pq3jFTG79tm&|Go?YI|
zTP;}AzyAd|!%p||adx=d?q*K7N$w7rK5YNHJ;upPuy1cyb<~>UX_uGm$atDKOK~1c
zL#W@eu;T37rf`1Ao+J{H9IiQj-f4V$b7*w1+9U`aJfF0MjkD9Q2Yt8?R3LW1IH?UV
zSsHqc&p78HW41%R8Bf|cWkq`Clr@~*P;mcZ=5L;wY&FJU+^yr%_ru@G?rrQ=l1i`L
zR7aOyVx79c?7X6z#k8>nq-m6uHnBN0%Xg|G)5cVh?j3h+<!8uaRqress|m1pA#1+a
z7ahV2zTBJedxRBTBjWQ<;FmaeZFBts-^F$GQ`hj`%&8}_j#s5>>Ul{Jn2$#yiLa+z
z$}zLd^bRouA%dj4rT4K_em>Xi_KfwzM;J=4{e_ZVdOq`vk<8aP#}~Xcl|_vBYQ_zN
zZ#0Y9-zmQE(ck(MU7QtFyvLN}pZ_>`L=1bBQG^VetL=YMr&6xl4Mtuhez*zElXT4o
z7k?jlG0XJL_iNVLWx%>twQmRw!_-TKuZ_)o$EH~-uJ)3tVZEK%&Qil_US7#IM|Jy&
z{Es<9c$c>eBw8JD&29gl{R(vLn(81V8Wk0)6H@R`HjAT4&x(1lypIdBQLX#>51Cak
z)2X)I1}~-<`yeQtu++QQMkhC^QegD^>E@X3UH_^Cqxe^heoFx4-rRTtn5_58<(2un
zJg#LNLufB<%lN=Yh52(>#v^t1@T(e@{B3g_Gul_ye~#T2T}1@XuFL(V+FYD!NZCg|
zqf5y?l-0fWd2WRCt!&_C&T%sh{EQZxLz)}_8&JDu2Q@ak5o3Vk+fj$H^Am~(9{~nD
zEcBaM^dm}<Bdhgcp?aldqKV|z{JM727?+$xK8$&mUu9NW&a)v8B6@c_5orSmW?4V2
zbN|iGUy=R#d%p0;sV4_tuod7fEQDSOz~u-Vz(T--H+LwDGqXh8$SHvDofnv|_poDH
z78OD|@`LR0lo@V8dcCyTQ(o$(moV%V-6ziHQQl-;O(dBXWPMW?L<320<mm5pQ`NHM
zc6}oURsG)7{-4`JLV^^CTE^6f*<1%H`}N}YizeeIqT3SD+El+H4geF}QjqmTzDb(s
zAN+QWuaTb`Y&w-E{VidUJi|0zs?Y-Km{QwSI8+_i+4fjE)SggXDp~vmT=o|LKetsy
zP)<Mh^h&sM{XF2a;a!&E99gg~r?~LsGxuTWAv-eHp@bUp`{{;Iqqi2Vk(hi-G%Vm3
zUyKr`<$7nDvfLi8w8wfCt324L*;x98Ib3#~v{sJ(s{h=rE`gQ~z3f|oN*l;Ti(w@e
zr%ty{iL}*WX8&q|72ZgY^6%mc;vD{NjIuZQ!id{Yrww4e_jf<Q%pGo-0ISh(d$UNp
zj0om2%;<a*+O$v`=pFr7VvXSS#3$eLE!-C(<>?4`e{?oUy81UgLvF%6EB9i2<~W|W
z!8HKLJBjDgToWv?J41^T`|Thc%`<7lIs>YvxL*&OKB>EQD#-qDH+dR0gx|fi{apbq
zEc|IabY<Q|1{^XU^A2OOA{0>abt7h|x)kem`WG-@u7a^?%!j#Dhq-Rq(rfdNmU|HQ
zpX!&_tvI0$H79gew^wuGWcNPb-N<GpM_cHTR<lp*O9p%RTufA-B89&%iuv4w>xM>g
z<NK2luly{;?b{Wmah0dL6zvm@c?VtX$Fds;Jya^o`yd-xFjVe7dSnN9&%LHnW9O(u
z4;wuvth~VA;8`l%U`hl!KUdLh1h|VVj`5KLre2nFyx4r=8uArw1CqY7swOt|K@~hk
z;wY9Fc7SkhCbfTpCv#_nLpNv21e2x=VojExmM#-_jr2%b1n>(nNpu!G_EH5Nuj)!T
zJbxijvR`hfKqAS%o)pZ_Szt^z5X-q~i=3FqYaCX(gJmDB4z>*Z&bud(IVV>LMeUdr
zj=;0~e-+9?=2x82V)-dJBR?8#mL?Eq*jix6C1H?hH_0&zFp+tv!#6j>=8X~R;@2_|
z9H!y(QlM2Pt>wU;vjhVJ@Ay9!&^ozkvzVI^>iE1I%qGs$^u;Uu+!>h|OZwYa14q-%
zs6y7_2T!Tp1?{&T3+vgk`sHq!xR<aSTglaY{pETVNwa_d+PF*>&Od)&{zU5|c%@IY
zq0kj6Jl~VHcnFK!Szz+aod&O9F*O{g%M6EaztJoz=eZjRNEMDV@zExjXvyp98=w&o
zg~VXmfq>NVWfg_&n8BtynPJodiL<u>Hv%<!{_%Lv^YgPkMAj8NF2aLKUh_sxMt4+l
ztPb*HM#49te4{HLB!vL(S|sH3FuU5kb^&Z`W91zBcf_xnmaA^Y03wpKe3X%JES<J_
z9ZGR;*yD8;ulTQqO2*%Kgii*9ttnMoQEZ>*b-3bMUOu!%^U6q9q+O&mMOCL#xBKhh
zZ^OeU?RZn3-}geeqS2rN$*IZmBKmGSIuU{*O9-2IT%J1Wl-={`cji#PbZ}<UQBti_
zyCb*Azk7e8)}>mP=NreUUoDiQms)*B9XU-5^@~#fi*<&a2>TLl<|03K8(cZoqGID`
zO-w4b2J}>cuK+!)x%44d0|u!lvw@cd(5Qr#vShzgN<U`A)QdLRuTkcAcD$7#O``-|
z-$q)cB0J&`=~;%Aai6rJ?F#KC%UXo!rZZpS*?dOM3Iu!UK|!r2WMq4dE&D|piiY~^
zRjcY3y>c{%IWBBl1(fAo%{4qcZGn2#!PXXzmzTj-U9hW+E--*){h~%`tMzZTs~W5*
zC`&diu>U0;%Xl`Hx$?to22-M}y}myCRT1JY!(mf@><l4z_u5~jFKdI~l#d)qCNQF(
zNyN)Yz%|@!xi)Xo?F!d8o5fP;tK@s**7b3H$9?v3wmQKqpNeIm&>8YCbzNU;jBXQ<
zAg*^M$EsU2$2(;B`2mF2<z>m8^`Ic~NR}F^S>;aKkFK*g?CAoeX_)#9_V_M#;&=Qj
z^`aUo`S*+*_Py?#HdwO8A}eo2`TJUSv|3UAUSHX-4(r{r#0Tk}2*X>YndtN6w<aQS
zpGrRu^YT>%ngS35;#9TYK(-#@75R)5QAZ!3nY|T56x%CvdnR@?`%v4&00II?WF&VC
zz0CP!6~tUTVIMgzyL)l7bpT0#Gsor#OYhSAA1{Bw<`wa5B&VH6#qjbcno?-k7zNHE
zk}S4X@Z}{vI72X*wc|Khz@Z*;<T}Qv{scd-B^RRtJPA7W)E&N&e^q=?a*V*B?PNvr
z?(f(!Ofe%?r&zlt*DxE4BQR2f=(!j!*0*{>p(-vcS#x!=@7lV3&{Q!YttUF88>eDs
z(b@sSinTE}U&R#;I6<UQ|7!DrpOq#G>ZxgwaN+msY`Wh;5r#1X|IolU-3gXFDyq$Y
z+=7BZ+9|NM>xsA5uIFt*u2b5yzw@l~4(ulhivUmmj$jzh?z(5sxT=LM9Bax-Z5kKa
z?J39cZKq@v?XK$oR(WS7OUQ5b=*L@;i}Rp4NLVCui560fc*i?T*&ZMUCFjsIs|`M4
z%pH$D6uubOz&7-vMvV^`<Pd44Og?uO<QUxj>4HxOg`6L+5oyw@$4@+Z<_(iAtUfqp
zmGrYjwHm}G!2CeN#Syrw5)@+n@qF6xvhU@E;ss;q4al-3*NirZH!5Fs%vxPazRC(s
ziV`8eJ1BCQe8xL+tnhZ%XWpK$PnhZxCdV%9W@X=(iuk_Stt?yO=Zs)8m_lTJJutY{
z<Y9dmS)ZoGz)HXDxg%0HcDYOETP%=$9=MYDPFdz1oORT!TiS=Pk6V7xxkbVE@M%a4
z=8infW>y$nLph_#{Ftx?8B?%FdiM@~_Y}agZGJdZ%16JW9G6T&lfe=5cSJJns}@_s
zeC!H$N;kt-8{hCaC}J7_A+xUS&BvK=LgV(KxhI%AMJw-<dp@<3t*xf5A{F?(_0s8I
zyjw_b?M$k58;$$Z>xFl_l>gl)T8ZV1!9I=8buMw+v9ZD)F#yNPl)7EITrCI(>Y_3b
ztik&uLCLaQ<k6$sxDzE671T!QDp07PKND{Fygh=u0y|tp>`(YyzyAO=K`7Jdsg_5K
zIc{pzb5S49HH1wdu@Q9-Q=KyGzR)d&TH8#GkaO9}FF`ZCUVNiAhc(}yHx-`%n)phQ
z<@l>YK8JiGaz^cV)e0e)T{ElOOslC2!5A1oa=QDk-(5dZPeC}2Q%(op5?UH@F;j}@
zhlsRz4InxLeN?C!_I{T9VclEPt|nHuThaA0enQ_O)<UdC4WbW5S0MGC#wEN9EB(hc
zk-~qvUx^>qB;9}5c8{Umt1zv)T!rn`o|f)lVh>=xU2Hno&?=vQORAodok>4R=l!tK
z9qge_+<?L$B-GvcaeJDBqjz{AI<qdR%eEG9tklw*E+v-od!HSJswirjkw^bIu25Gu
z=8WTI=~j^b6*kP7ChLk33;p{SwKgr|=;+9)3w-~3-ghe|^dI##U;)jrRm-}{6`0pM
zj{k~}7s_e*9o4~He1dtM@^Bx7B-tzY_^TV_#gUqK5>rB3KK;exF~x+}+iPOGKq=^{
zjEo2`uL!S9Q^^1m-ndC>j*Ou}<uwdsd>}3K4-Stw6Qhrq!L)c9BS6?USzY@77c2i?
sVfuCOzb3%rqZ(OE@4p4^f6|YI!7+uEhZr*I{<njnqhX+4t7;qeKQR~KivR!s

literal 0
HcmV?d00001

diff --git a/public/favicon-16.png b/public/favicon-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..83714e8570c17fc71d99828a61290e57b536803e
GIT binary patch
literal 527
zcmV+q0`UEbP)<h;3K|Lk000e1NJLTq000mG000mO0ssI2kdbIM0005RNkl<Zc$}0{
zODr={6rMYCTchOv(@03`v5^#^7PJyU1hMcI2^*1EdMpGHgr&z)Vj*^7f!GlwSV<cp
zTEv7J8j)yPEUMZuTJx%#OfzkXMZd+p_k8#J&OP_!z|f~3O9VKUAfUXtT%Ni4C5zSO
z_cOmmsi`S-wdGS&gL+*CkW1?98az3@R2142tj(<6wsAf-YOAO)ZEh?^O1i#r#-{A8
zCdXPe-Bn~PNl|q44-E66T(p*|-dNG<;Jl33T%uBVSp$_gFB7jcz<<f$fD(KU62QR5
zF<+ET3^gP%p|F(}oX-*#+ojPaa->D`&W3p*Tx<Scn6Cu@yLO4Y=iF$EX1I}z>k`7k
zUI=BqdJ@VENizevIF7Fz1{{w;k595V_{IH@EQ`Ky>z20c94~-1OYriJ4FtYKjz_#f
z4|nVw?UsHT5biyqK~JDV#{_Ncq1sIlAcKy$dlnT<oWc1b)f=HPhmgb7qp!(!vZfF|
zyh@4&#u}2<SXF^4Ka1Ep<7B3>RISwj#0R-}gV|JUvr~v2UuWIku)`gx!AkQwEiS8(
z2Cb3NI61xO>!0>|-?2ZCk)F1^Jc~Ra(eeHU00960jK;ZR00006Nkl<Z0|5IexFo=a
RN5%jE002ovPDHLkV1gW$?co3b

literal 0
HcmV?d00001

diff --git a/public/favicon-32.png b/public/favicon-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..4931fd56392db12c024d5019bf0af58cd05bbcb8
GIT binary patch
literal 1095
zcmV-N1i1T&P)<h;3K|Lk000e1NJLTq001BW001Be0ssI2{21+{000C0Nkl<Zc%0N$
zdrVVT7{B-S-rL*TUI;^6be%l58Z4le8QhjE0_wtux?$$BWbPq*xJ9?=2Jw{`NsO4_
z8_|CZiuj7Js9-e&Ecn0&(F#gKl`4uFz!zHjxR17err6$I+pA*u!!J#9zH@))_dDl1
z=lk;EZs!wZFbzWn*#=zzm-sv{lyBW<sy}Nsw>lgy<n>IgRv8Q_*;${@`sG`K2;oG<
zcVM&K`fJWoi{&~pP)ki6S-O6iPL~iy0QNiWo8PV08_3&Pa`H#U>T;4K{BH0L$~JA6
zXP=<Qs~0kd3YknjE(2?8vu!M^2)IFkQ>U5`S(`nXN*t=t4O9FvnUY7EOy|M~wA*gW
ztYIi5A+8@BABQor5@M>LfZg5~X~B4%qG~}@bBFNA?y=tGVE`^nM#77!<e~{iD184<
zRee2<T(ZY`;;H}_u&IWty~1aw;_H4^A8O*(RJ(W&D#IX`Xu4t8fr6;fBk;TuJFvsd
z5C(l<_rd^Nm>d(20{~z$B+?VmN?*|o`qPm_cds{bC|1$HZanVx`kwC*$B-BecK@l@
zkL-Hln^|g~n?vpSM`P>p43AMX*@T5Vova`$kf|qg)0HrIPlJ^lc5G|lAy@pLVEgdj
z-Rld0L3qP4*1`Jzn?i&8<ruQ+BIiHrYlZ0VuT-mlqVqC{SO%S*6}x+dUKO8MJSTx9
zLV|9+=aC_i3e;P;nr4pUeK)#={LOt`z24cAsD@=xEC19cX=w$He>W-alVpu}$@%NT
z%^nXY_>7m>Gi|~v1e`27zrwkAx06v}&9}TIN8C9p?EhABN{S3%CK#f{OW+l0D0I;-
zXW<SPE4=CielxZ5(KM>p_J6Ir?6TbnR@T}JkHz2=Ee7EFRz56McmX$$z+oq*5`md{
zYj18j+;yz+QRlV0Q_@0$J~53r-Nw7a^G8m!nieiUiz+?N`rVdx2mE00VJvpAfVt2v
z7|p^90dh;7I}%UCS5(`=C%umikCA3+=R<EnrDOT`YJUI$0O?Y9g@0oKCx<jzg`BbE
z%byx70wiGBubOBY$u$rVOaMnRxmwiG<H^q^l>}0GlI;tP!3LviToSf-9;2a<>Px%~
zNkjpfM5d2dsws4Cjw)@0qP0_+O`L#ghdeK+c^T-cs)!{oC}0??H(#~{+{_dL*!|=5
zM4VPi*N^(3zg(*+?2A!^xIzF`7=a&W=7|N2W<EEa&-fUB_|yw|XYP=mz>uIQ{(+9w
zVCUNfN&Nw;z&NC<m^$q@vBtn`bXv0UXnDX5c|}D<^D*qLS}|B&TwExgK_$H@G+tY`
z?LT2^96;lhmHAoztQm5R*I?MY-~2uU00960N+t2}00006Nkl<Z0{|7EoKjFsWNiQd
N002ovPDHLkV1gV#4I}^n

literal 0
HcmV?d00001

diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..bbbc9e0
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="AEP maillage">
+  <rect width="32" height="32" rx="7" fill="#14142B"/>
+  <g stroke="#E9A23B" stroke-width="1.4" stroke-linecap="round">
+    <line x1="16" y1="6" x2="26.5" y2="13.5"/>
+    <line x1="26.5" y1="13.5" x2="22.5" y2="26"/>
+    <line x1="22.5" y1="26" x2="9.5" y2="26"/>
+    <line x1="9.5" y1="26" x2="5.5" y2="13.5"/>
+    <line x1="5.5" y1="13.5" x2="16" y2="6"/>
+    <line x1="15" y1="16.5" x2="16" y2="6"/>
+    <line x1="15" y1="16.5" x2="22.5" y2="26"/>
+    <line x1="15" y1="16.5" x2="5.5" y2="13.5"/>
+  </g>
+  <g fill="#E9A23B">
+    <circle cx="16" cy="6" r="2.4"/>
+    <circle cx="26.5" cy="13.5" r="2.4"/>
+    <circle cx="22.5" cy="26" r="2.4"/>
+    <circle cx="9.5" cy="26" r="2.4"/>
+    <circle cx="5.5" cy="13.5" r="2.4"/>
+  </g>
+  <circle cx="15" cy="16.5" r="2.9" fill="#F5C560"/>
+</svg>