diff --git a/.env.dist b/.env.dist
index aa12f8e..8c1d52a 100644
--- a/.env.dist
+++ b/.env.dist
@@ -11,7 +11,12 @@ VITE_OAUTH_ANDROID_REDIRECT_URI=fr.ign.gdp://auth/callback
 VITE_OAUTH_IOS_REDIRECT_URI=fr.ign.gdp://auth/callback
 # En dev web : enregistrer cette URI exacte côté Keycloak
 VITE_OAUTH_WEB_REDIRECT_URI=http://localhost:5173/auth/callback
-# En dev web, les appels /token passent par le proxy Vite /__sso (pas de config supplémentaire).
+# En web, /token et /revoke passent par /__sso (Vite en local, Apache ProxyPass en qualif — README).
+# Au bureau IGN, Vite (Node) doit joindre sso.geopf.fr via le proxy. Le navigateur n’en a pas besoin.
+# Cursor ne charge pas ~/.bashrc : décommenter ces lignes dans .env (pas dans .env.dist).
+# HTTPS_PROXY=http://proxy.ign.fr:3128
+# HTTP_PROXY=http://proxy.ign.fr:3128
+# NO_PROXY=localhost,127.0.0.1,::1,localhost.ign.fr,jakku.ign.fr
 
 # Qualification — build sous un sous-chemin (npm run build:qualif, voir .env.qualif.dist)
 # VITE_BASE_PATH=/qlf-gdp/
@@ -34,3 +39,6 @@ VITE_OAUTH_WEB_REDIRECT_URI=http://localhost:5173/auth/callback
 # VITE_GDP_REPORT_DISPLAY_THEMES=gdp-tools
 # Thème utilisé lors de la création d'un signalement
 # VITE_GDP_REPORT_SUBMISSION_THEME=gdp-tools
+
+# News / alertes au démarrage (JSON distant). Vide = désactivé.
+# VITE_GDP_NEWS_URL=https://fiches-geodesie.ign.fr/checkinfo-gdp.json
diff --git a/.env.qualif.dist b/.env.qualif.dist
index a7517d2..4f218ce 100644
--- a/.env.qualif.dist
+++ b/.env.qualif.dist
@@ -4,9 +4,14 @@
 
 VITE_BASE_PATH=/qlf-gdp/
 VITE_USE_QUALIF=true
+# Doit matcher Keycloak Valid Redirect URI
+# VITE_OAUTH_WEB_REDIRECT_URI=http://sgm.ign.fr/qlf-gdp/auth/callback
 VITE_OAUTH_WEB_REDIRECT_URI=
 
 VITE_GDP_REPORT_COMMUNITY_ID=
 VITE_GDP_REPORT_DISPLAY_THEMES=
 VITE_GDP_REPORT_SUBMISSION_THEME=
 
+# News / alertes au démarrage
+# VITE_GDP_NEWS_URL=https://fiches-geodesie.ign.fr/checkinfo-gdp.json
+
diff --git a/.gitignore b/.gitignore
index 8a9fa1f..5934bb0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,6 @@
 node_modules/
 dist/
 dist-ssr/
-android/
 
 # Logs
 logs/
diff --git a/CLAUDE.md b/CLAUDE.md
deleted file mode 100644
index 9c9477b..0000000
--- a/CLAUDE.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
-## Monorepo context
-
-`gdp-mobile` is a workspace package inside the `geodesie-de-poche` monorepo (root: `../`). The root also contains `gdp-tools` (the `@ign/gdp-tools` package, developed in tandem) and `espaceco-mobile-refonte` (a **reference-only** sibling app — never modify it, only borrow charte graphique / patterns from it).
-
-Prefer running commands from the monorepo root so `gdp-tools` and `gdp-mobile` build/watch together. Running `npm run <script>` directly inside `gdp-mobile/` also works for app-only scripts.
-
-## Commands
-
-From the monorepo root (`geodesie-de-poche/`):
-
-```bash
-npm install
-npm run dev          # gdp-tools (watch) + gdp-mobile (localhost:5173), concurrently
-npm run dev:app      # gdp-mobile only
-npm run dev:gdp-tools # @ign/gdp-tools only (watch)
-npm run build        # full build: gdp-tools then gdp-mobile
-npm run build:qualif # qualification build (sub-path /qlf-gdp/)
-```
-
-From `gdp-mobile/`:
-
-```bash
-npm run dev              # vite dev server
-npm run build            # tsc -b && vite build (web, served at /)
-npm run build:qualif     # build for a sub-path deployment (e.g. /qlf-gdp/), copies htaccess
-npm run build:mobile     # build against gdp-tools dist (not source) — used for Capacitor
-npm run lint             # eslint .
-npm run preview          # preview a production build
-```
-
-There is no test suite in this package — do not invent test commands.
-
-### Android / Capacitor (single app, `fr.ign.gdp`, phase 2)
-
-```bash
-npm run setup-android          # first-time: installs Capacitor android platform + GDP config (OAuth scheme, geoloc, camera)
-npm run generate-apk           # builds web + cap sync + debug APK -> android/app/build/outputs/apk/debug/app-debug.apk
-npm run capacitor-build        # build:mobile + cap sync android
-npm run capacitor-run-android  # build + run on device/emulator
-npm run open-android           # open project in Android Studio
-```
-
-Debugging the APK WebView: `chrome://inspect/#devices` (see README.md for the full ADB/udev troubleshooting table). For hot-reload without an APK: `npm run dev` + `adb reverse tcp:5173 tcp:5173`, then open `http://localhost:5173` in Chrome on the phone.
-
-## Environment
-
-Copy `.env.dist` → `.env` (dev) and fill in OAuth values (`VITE_OAUTH_CLIENT_ID`, `VITE_OAUTH_BASE_URL`). For qualification, copy `.env.qualif.dist` → `.env.qualif` and set `VITE_OAUTH_WEB_REDIRECT_URI`. Config is parsed/normalized once in `src/shared/config/env.ts` (`config` export) — read env vars through that module, not `import.meta.env` directly, elsewhere in the app.
-
-Key flags: `VITE_AUTH_REQUIRED` (false lets `/` go straight to `/map` instead of `/welcome`), `VITE_BASE_PATH` (sub-path deploys), `VITE_GEODESY_SOURCE=dist` (build:mobile — use built gdp-tools instead of source alias).
-
-## Architecture
-
-### Layering (`src/`)
-
-```
-app/          App.tsx, router, providers, BottomTabbar, LeftMenu
-domain/       pure models, no React / no network
-infra/        auth, collaboratif API, OpenLayers, storage, cache
-platform/     wrappers around @ign/mobile-device / Capacitor
-features/     business hooks + components (auth, map, report, search, settings, welcome...)
-pages/        routed screens — thin layer that composes features
-shared/       UI kit, CSS modules, env config, constants, utils
-styles/       global.css (EspaceCo design tokens)
-```
-
-Dependency direction: `pages/features → app → infra/platform → domain`. `domain/` must not import anything else. Don't invert this — e.g. don't reach from `domain/` into `infra/` or React.
-
-### External packages this app builds on
-
-- `@ign/gdp-tools` (+ `@ign/gdp-tools/react`) — all WMS/WFS geodesy catalogs, GetFeatureInfo, map hooks, report context. **Never duplicate WMS/WFS or GetFeatureInfo logic in gdp-mobile** — it belongs in gdp-tools. In dev, this resolves to `../gdp-tools/src` via a Vite alias (HMR); `VITE_GEODESY_SOURCE=dist` switches to the built package for mobile builds.
-- `@ign/mobile-core` — `AuthManager` (OAuth2 PKCE), domain models (`User`, `ReportStatus`). Don't import `AuthManager` directly from a React component — go through `infra/auth/` (`authService.ts`).
-- `@ign/mobile-device` — `Storage`: local persistence for tokens, profile, map preferences (layers, viewport).
-- `collaboratif-client-api` — signalements (reports) and communities API client (`infra/api/collabApiClient.ts`).
-- OpenLayers 10 + ol-ext — Géoportail map rendering.
-- Capacitor (`@capacitor/*`) — native SSO browser, geolocation, device/app metadata; phase-2 mobile target, web-first otherwise.
-
-### Auth flow
-
-OAuth2 + PKCE, orchestrated by `infra/auth/authService.ts` wrapping `@ign/mobile-core`'s `AuthManager`. Routes: `/login`, `/auth/callback` (native redirect: `fr.ign.gdp://auth/callback`).
-
-- Web dev: token/revoke calls go through the same-origin Vite proxy at `/__sso` (see `vite.config.ts` `oauthProxyMount`) to avoid CORS against Keycloak; native builds call the SSO base URL directly.
-- `AuthGuard` (`src/app/router/AuthGuard.tsx`) gates protected routes via `useAuth()` — shows a loading screen while session restore is in flight, redirects to `/login` (preserving `location.state.from`) when unauthenticated.
-- The map is browsable without auth; only signalement/account screens require it (`config.authRequired` controls whether `/` lands on `/welcome` or `/map`).
-
-### Map / point sheet (`/map`)
-
-- Map hook: `features/map/hooks/useMap.ts`; page: `pages/map/MapPage.tsx`; Géoportail base layers: `infra/map/openlayers/geoportailLayers.ts`.
-- Point click flow: `useMapGeodesyClick` builds a `MapGeodesyClickAction` via `buildGeodesyPointDisplay` (from gdp-tools) → `MapPage` passes it to `MapBottomSheet` as `selectedPoint` → bottom sheet switches to **point mode** (dedicated snap heights, tabbar hidden, RGP search disabled).
-- Point fiche components live under `features/map/components/MapBottomSheet/pointFiche/`: `MapPointSheet` (shell: header + body + footer) renders either `MapPointGeodesyFicheBody` or `MapPointNivellementFicheBody` depending on `resolvePointFicheVariant(action)`.
-- 4 bottom-sheet snap levels (managed by `useBottomSheetSnap`): mini (header/footer only, no body) → medium 1 → medium 2 → full. Body is scrollable only at snap ≥ 1. Full details in `docs/FICHE_POINT.md`.
-
-### Reports (signalements)
-
-`features/report/` + `pages/report/`. Submission goes through `collaboratif-client-api`, authenticated via the stored session (`infra/auth`, `infra/api/ensureCollabApiSession.ts`). No dedicated Capacitor Camera plugin — native photo capture uses `<input type="file" accept="image/*" capture="environment">`; app checks landscape orientation client-side before upload.
-
-## Conventions
-
-- Import alias `@/` → `src/`. TS path mapping and Vite alias must stay in sync (`tsconfig.app.json` and `vite.config.ts`).
-- CSS via co-located CSS Modules (`Component.module.css`), design tokens in `src/styles/global.css` (EspaceCo charte, e.g. `--color-primary` `#26A581`). Shared UI primitives (Button, PageHeader, Loading, ActionSheet, etc.) live in `shared/ui/`.
-- Respond to the user in French where the project's own docs and UI are French — this is a French (IGN) project.
-- Keep diffs minimal and scoped to `gdp-mobile/`; do not touch `espaceco-mobile-refonte/`.
diff --git a/README.md b/README.md
index 5f69510..a7988bd 100644
--- a/README.md
+++ b/README.md
@@ -1,224 +1,148 @@
-# Géodésie de poche — app mobile
+# Géodésie de poche
 
-Application React web-first pour la consultation de points géodésiques et les signalements, basée sur `@ign/gdp-tools`.
+Application React web-first pour la consultation de points géodésiques et les signalements (`@ign/gdp-tools`).
 
-Pour en savoir plus sur la gestion du projet (intranet) [loop](https://loop.cloud.microsoft/p/eyJ3Ijp7InUiOiJodHRwczovL2lnbmYuc2hhcmVwb2ludC5jb20vP25hdj1jejBsTWtZbVpEMWlJV2gwZUhkWlpHNTZiakJYVlVRMlpsZDNSRlJtVEZCQldVVnVSSE5sVms1RmN5MWxkRUpGVURselRWZDNRWGMxUTJvelZtNVJXbmh2WDJreE9EZFZZMEVtWmowd01VSlFTa1pMTnpKUlExSkNTRWREUzBkSVdrSkxSazB6VEVSVlYwWlhVMHhXSm1NOUptWnNkV2xrUFRFJTNEIiwiciI6ZmFsc2V9LCJwIjp7InUiOiJodHRwczovL2lnbmYuc2hhcmVwb2ludC5jb20vOmZsOi9yL2NvbnRlbnRzdG9yYWdlL0NTUF82MTcwZGM4Ni1mM2Q5LTQ1OWYtOTQwZi1hN2Q2YzAzNGRmMmMvQmlibGlvdGglQzMlQThxdWUlMjBkZSUyMGRvY3VtZW50cy9Mb29wQXBwRGF0YS9TYW5zJTIwdGl0cmUubG9vcD9kPXc4NzQzZjU1OGRhNTA0ZTg3OWIxOTNhY2Y5MjczNzNiYSZjc2Y9MSZ3ZWI9MSZuYXY9Y3owbE1rWmpiMjUwWlc1MGMzUnZjbUZuWlNVeVJrTlRVRjgyTVRjd1pHTTROaTFtTTJRNUxUUTFPV1l0T1RRd1ppMWhOMlEyWXpBek5HUm1NbU1tWkQxaUlXaDBlSGRaWkc1NmJqQlhWVVEyWmxkM1JGUm1URkJCV1VWdVJITmxWazVGY3kxbGRFSkZVRGx6VFZkM1FYYzFRMm96Vm01UlduaHZYMmt4T0RkVlkwRW1aajB3TVVKUVNrWkxOekpaTmxaQ1dVOVZSekpSTlVoS1YwZEtNbG8yU2toSE5EVXlKbU05SlRKR0ptWnNkV2xrUFRFbVlUMU1iMjl3UVhCd0puQTlKVFF3Wm14MWFXUjRKVEpHYkc5dmNDMXdZV2RsTFdOdmJuUmhhVzVsY2laNFBTVTNRaVV5TW5jbE1qSWxNMEVsTWpKVU1GSlVWVWg0Y0ZveU5XMU1iazV2V1ZoS2JHTkhPWEJpYmxGMVdUSTVkR1pIU1doaFNGSTBaREZzYTJKdWNIVk5SbVJXVWtSYWJWWXpaRVZXUjFwTlZVVkdXbEpYTlVWak1sWlhWR3RXZWt4WFZqQlJhMVpSVDFoT1RsWXpaRUprZWxaRVlXcE9WMkpzUm1GbFJ6bG1ZVlJGTkU0eFZtcFJXSGQzVFZWS1VWTnJXa3hPZWtwU1VURktRMU5GWkVSVE1HUkpWMnRLVEZKck1IcFVSVkpXVmpCYVdGVXdlRmNsTWpJbE1rTWxNakpwSlRJeUpUTkJKVEl5Wm1VeU9UTXdPR1l0TWpoaVppMDBOV1U0TFRoallUY3RNelZpTkdSbU5HSTVNVGMzSlRJeUpUZEUiLCJyIjpmYWxzZX0sImkiOnsiaSI6ImZlMjkzMDhmLTI4YmYtNDVlOC04Y2E3LTM1YjRkZjRiOTE3NyJ9fQ)
-## Prérequis
+Gestion du projet (intranet) : [Loop](https://loop.cloud.microsoft/p/eyJ3Ijp7InUiOiJodHRwczovL2lnbmYuc2hhcmVwb2ludC5jb20vP25hdj1jejBsTWtZbVpEMWlJV2gwZUhkWlpHNTZiakJYVlVRMlpsZDNSRlJtVEZCQldVVnVSSE5sVms1RmN5MWxkRUpGVURselRWZDNRWGMxUTJvelZtNVJXbmh2WDJreE9EZFZZMEVtWmowd01VSlFTa1pMTnpKUlExSkNTRWREUzBkSVdrSkxSazB6VEVSVlYwWlhVMHhXSm1NOUptWnNkV2xrUFRFJTNEIiwiciI6ZmFsc2V9LCJwIjp7InUiOiJodHRwczovL2lnbmYuc2hhcmVwb2ludC5jb20vOmZsOi9yL2NvbnRlbnRzdG9yYWdlL0NTUF82MTcwZGM4Ni1mM2Q5LTQ1OWYtOTQwZi1hN2Q2YzAzNGRmMmMvQmlibGlvdGglQzMlQThxdWUlMjBkZSUyMGRvY3VtZW50cy9Mb29wQXBwRGF0YS9TYW5zJTIwdGl0cmUubG9vcD9kPXc4NzQzZjU1OGRhNTA0ZTg3OWIxOTNhY2Y5MjczNzNiYSZjc2Y9MSZ3ZWI9MSZuYXY9Y3owbE1rWmpiMjUwWlc1MGMzUnZjbUZuWlNVeVJrTlRVRjgyTVRjd1pHTTROaTFtTTJRNUxUUTFPV1l0T1RRd1ppMWhOMlEyWXpBek5HUm1NbU1tWkQxaUlXaDBlSGRaWkc1NmJqQlhWVVEyWmxkM1JGUm1URkJCV1VWdVJITmxWazVGY3kxbGRFSkZVRGx6VFZkM1FYYzFRMm96Vm01UlduaHZYMmt4T0RkVlkwRW1aajB3TVVKUVNrWkxOekpaTmxaQ1dVOVZSekpSTlVoS1YwZEtNbG8yU2toSE5EVXlKbU05SlRKR0ptWnNkV2xrUFRFbVlUMU1iMjl3UVhCd0puQTlKVFF3Wm14MWFXUjRKVEpHYkc5dmNDMXdZV2RsTFdOdmJuUmhhVzVsY2laNFBTVTNRaVV5TW5jbE1qSWxNMEVsTWpKVU1GSlVWVWg0Y0ZveU5XMU1iazV2V1ZoS2JHTkhPWEJpYmxGMVdUSTVkR1pIU1doaFNGSTBaREZzYTJKdWNIVk5SbVJXVWtSYWJWWXpaRVZXUjFwTlZVVkdXbEpYTlVWak1sWlhWR3RXZWt4WFZqQlJhMVpSVDFoT1RsWXpaRUprZWxaRVlXcE9WMkpzUm1GbFJ6bG1ZVlJGTkU0eFZtcFJXSGQzVFZWS1VWTnJXa3hPZWtwU1VURktRMU5GWkVSVE1HUkpWMnRLVEZKck1IcFVSVkpXVmpCYVdGVXdlRmNsTWpJbE1rTWxNakpwSlRJeUpUTkJKVEl5Wm1VeU9UTXdPR1l0TWpoaVppMDBOV1U0TFRoallUY3RNelZpTkdSbU5HSTVNVGMzSlRJeUpUZEUiLCJyIjpmYWxzZX0sImkiOnsiaSI6ImZlMjkzMDhmLTI4YmYtNDVlOC04Y2E3LTM1YjRkZjRiOTE3NyJ9fQ).
 
-- Node.js ≥ 22
-- Accès SSH GitHub IGNF (`mobile-core`, `mobile-device`, `collaboratif-client-api`)
+En cas de blocage : [Dépannage](./docs/DEPANNAGE.md).
 
-## Démarrage
+## Installation initiale
+
+Prérequis : Node.js ≥ 22, accès SSH GitHub IGNF (`mobile-core`, `mobile-device`, `collaboratif-client-api`).
+
+Depuis la racine du monorepo `geodesie-de-poche/` :
 
 ```bash
-# Depuis la racine du monorepo
 cp gdp-mobile/.env.dist gdp-mobile/.env   # puis renseigner les variables
 npm install
-npm run dev                                 # gdp-tools (watch) + app (5173)
 ```
 
-**Proxy IGN (502 OAuth en dev web)** — le navigateur atteint Keycloak, mais Vite (`/__sso`) parle en Node. Sans proxy, tu as `bad_gateway` / `ECONNREFUSED`.
-
-`HTTPS_PROXY` / `NO_PROXY` (souvent dans `~/.bashrc` : `http://proxy.ign.fr:3128`) sont utilisés par le proxy Vite. Relancer `npm run dev` depuis un terminal où `echo $HTTPS_PROXY` affiche le proxy. `NO_PROXY` doit contenir `localhost`. Si Cursor lance Vite sans ces variables, les exporter dans ce terminal-là.
+## Run en dev (local)
 
-Scripts utiles :
-
-
-| Commande                     | Description                       |
-| ---------------------------- | --------------------------------- |
-| `npm run dev:app`            | App seule                         |
-| `npm run dev:gdp-tools`      | Package géodésie seul             |
-| `npm run build`              | Build complet (racine web `/`)    |
-| `npm run build:qualif`       | Build qualification (`/qlf-gdp/`) |
-| `npm run lint -w gdp-mobile` | ESLint                            |
+```bash
+npm run dev
+```
 
+Ouvre l’app sur [http://localhost:5173](http://localhost:5173) (`gdp-tools` en watch + Vite).
 
-## Déploiement qualification
+## Déploiement en qualif
 
-Build dédié lorsque l’app est servie sous un **sous-chemin** (ex. `/qlf-gdp/`) : Vite préfixe les assets (`/qlf-gdp/assets/…`).
+Sur `main`, en local :
+La première fois, pensez à créer le fichier `.env.qualif` depuis `.env.qualif.dist`
 
-### En local, sur la branche main
 ```bash
 git checkout main
-# si ce n'est pas encore fait, renseigner VITE_OAUTH_WEB_REDIRECT_URI et VITE_GDP_*
-cp gdp-mobile/.env.qualif.dist gdp-mobile/.env.qualif 
-# ensuite
+git pull
 npm run build:qualif
 ```
 
-### Sur le serveur de qualification
-Déployer le contenu de `gdp-mobile/dist/` sur le serveur de qualification.
-Avec le compte user, déposer sur sftp://cadillac2.ign.fr/var/www/intranet/qlf-gdp/ le contenu de gdp-mobile/dist
-
-[Url de consultation](http://sgm.ign.fr/qlf-gdp/map)
+Déposer le contenu de `gdp-mobile/dist/` via SFTP :
 
-### Variables d'environnement
+`sftp://cadillac2.ign.fr/var/www/intranet/qlf-gdp/`
 
-| Variable (`.env.qualif`)      | Rôle                                 |
-| ----------------------------- | ------------------------------------ |
-| `VITE_BASE_PATH`              | Sous-chemin, ex. `/qlf-gdp/`         |
-| `VITE_USE_QUALIF`             | `true`                               |
-| `VITE_OAUTH_WEB_REDIRECT_URI` | `<url-qualif>/qlf-gdp/auth/callback` |
-| `VITE_GDP_REPORT_COMMUNITY_ID` | `l'id de la communauté geodesie` |
-| `VITE_GDP_REPORT_DISPLAY_THEMES` | `les thèmes à afficher` |
-| `VITE_GDP_REPORT_SUBMISSION_THEME` | `le thème pour les signalements` |
+Consultation : [http://sgm.ign.fr/qlf-gdp/map](http://sgm.ign.fr/qlf-gdp/map)
 
+Aperçu local du même build : `npm run preview:qualif -w gdp-mobile` → [http://localhost:4173/qlf-gdp/](http://localhost:4173/qlf-gdp/). `preview:qualif` n’inclut pas le reverse proxy `/__sso` : la connexion SSO se teste sur sgm ou en `npm run dev`.
 
-Keycloak : enregistrer la même URI de redirection web (http et https si les deux sont utilisés). En web, l’URI réelle est aussi dérivée de `window.location`.
+### Apache sur le serveur de qualif
 
-Test local du build :
-
-```bash
-npm run preview:qualif -w gdp-mobile
-# http://localhost:4173/qlf-gdp/
-```
+Le vhost (fichier type `qlf-gdp.conf`) sert les fichiers de `/var/www/intranet/qlf-gdp` sous `http://sgm.ign.fr/qlf-gdp/` et relaie OAuth `/qlf-gdp/__sso/` vers Keycloak — **même rôle que Vite `/__sso` en local**. Le login (`/auth`) reste une redirection navigateur vers `sso.geopf.fr`. Seuls `/token` et `/revoke` passent par Apache.
 
-La configuration serveur (fallback SPA, proxy OAuth) est gérée côté infra.
+Il faut retirer `Origin` et `Referer` avant d’appeler Keycloak (sinon `403 Invalid origin`). Sur Apache 2.4, le faire avec `SetEnvIf` + `RequestHeader unset` au niveau du VirtualHost, **pas** `unset … early` dans un `<Location>`.
 
-## APK Android
+Référence à coller / comparer : [scripts/apache-qlf-gdp-sso.conf.example](./scripts/apache-qlf-gdp-sso.conf.example). Après modification : `sudo apachectl configtest && sudo systemctl reload apache2`.
 
-Application unique (`fr.ign.gdp`) — pas de switcher multi-apps.
+Keycloak (client PKCE) : Valid Redirect URI `http://sgm.ign.fr/qlf-gdp/auth/callback`. Le `ProxyPass` ne remplace pas cette URI.
 
-### Prérequis
+Le `.htaccess` copié dans `dist/` ne gère que le fallback SPA ; le proxy OAuth n’existe qu’en VirtualHost.
 
-- Node.js ≥ 22
-- JDK 17 ou 21 (`javac` disponible)
-- [Android SDK](https://developer.android.com/studio) (variables `ANDROID_HOME` ou SDK via Android Studio)
+| Variable (`.env.qualif`)         | Rôle                                 |
+| -------------------------------- | ------------------------------------ |
+| `VITE_BASE_PATH`                 | Sous-chemin, ex. `/qlf-gdp/`         |
+| `VITE_USE_QUALIF`                | `true`                               |
+| `VITE_OAUTH_WEB_REDIRECT_URI`    | `http://sgm.ign.fr/qlf-gdp/auth/callback` |
+| `VITE_GDP_REPORT_COMMUNITY_ID`   | ID de la communauté géodésie         |
+| `VITE_GDP_REPORT_DISPLAY_THEMES` | Thèmes à afficher                    |
+| `VITE_GDP_REPORT_SUBMISSION_THEME` | Thème pour les signalements        |
+| `VITE_GDP_NEWS_URL`              | JSON news / alertes ([docs/NEWS.md](./docs/NEWS.md)) |
 
-### Première fois
 
-```bash
-# Depuis la racine du monorepo
-npm run setup-android
-```
+## Déploiement avec tag 
+!! A terme, cette commande lancera aussi le déploiement sur les stores. !!
+Un numéro semver dans `package.json`, recopié dans Android / iOS. Pas de suffixe. Le `versionCode` Android vaut `major × 10000 + minor × 100 + patch` (`4.0.1` → `40001`). L’écran **À propos** affiche cette version.
 
-Le script installe les dépendances, ajoute la plateforme Capacitor Android si besoin, et applique la config GDP (OAuth `fr.ign.gdp://`, géolocalisation, caméra).
+Semver = semantic versioning : un numéro en trois parties, majeur.mineur.patch.
 
-### Générer l’APK debug
+Depuis `main` :
 
 ```bash
-npm run generate-apk
+git checkout main
+git pull
+npm run bump:version -- 4.0.1
+git push && git push origin v4.0.1
 ```
 
-Produit : `gdp-mobile/android/app/build/outputs/apk/debug/app-debug.apk`
-
-Transférer l’APK sur le téléphone (USB, mail, etc.) puis l’installer. L’APK debug accepte l’installation depuis des sources inconnues si besoin.
+Commit `4.0.1` + tag `v4.0.1`. Le push du tag déclenche la CI store.
 
-### Lancer depuis Android Studio
+## Test sur mobile avec Chrome
 
-C’est le parcours le plus simple pour installer l’app sur un téléphone ou un émulateur, puis l’inspecter dans Chrome.
+Hot-reload via le serveur Vite, sans APK. Brancher le téléphone en USB (débogage USB activé).
 
 ```bash
-# Depuis la racine du monorepo
-nvm use 22
-npm run capacitor-build -w gdp-mobile   # build dist + copie dans android/
-npm run open-android -w gdp-mobile      # ouvre gdp-mobile/android dans Android Studio
+npm run dev
+adb reverse tcp:5173 tcp:5173    # à refaire après chaque reconnexion USB
 ```
 
-**`Unable to launch Android Studio`** — Capacitor cherche par défaut `studio.sh` ici :
-
-`/usr/local/android-studio/bin/studio.sh`
+Sur le téléphone : Chrome → `http://localhost:5173`. Inspecter depuis le poste : `chrome://inspect`. Redirect OAuth : `http://localhost:5173/auth/callback`.
 
-Si ce fichier n’existe plus (Studio déplacé ou désinstallé), `npx cap open android` échoue même si le SDK (`ANDROID_HOME`) est encore là.
+## Création d’un APK de test
 
-Solutions :
-
-1. Ouvrir le projet à la main dans Android Studio : **File → Open** → `gdp-mobile/android`
-2. Pointer Capacitor vers le vrai binaire (à adapter) :
+Prérequis : JDK 17 ou 21, [Android SDK](https://developer.android.com/studio) (`ANDROID_HOME`). Première fois :
 
 ```bash
-export CAPACITOR_ANDROID_STUDIO_PATH=/chemin/vers/android-studio/bin/studio.sh
-npm run open-android -w gdp-mobile
+npm run setup-android
 ```
 
-Pour le rendre permanent, ajouter l’`export` dans `~/.bashrc` (ou équivalent).
-
-3. Réinstaller Android Studio au chemin par défaut Linux (`/usr/local/android-studio`), puis relancer `npm run open-android -w gdp-mobile`.
-
-Dans **Android Studio** :
-
-1. Attendre la sync Gradle (barre de statut en bas). La première ouverture peut prendre plusieurs minutes.
-2. Brancher le téléphone (débogage USB) **ou** démarrer un émulateur (*Device Manager*).
-3. Dans la barre d’outils, choisir l’appareil cible.
-4. Cliquer sur **Run** (triangle vert, `Shift+F10`). L’app s’installe et s’ouvre.
-
-Sans Android Studio, en ligne de commande :
+Téléphone branché en USB (débogage USB activé) — build, installe et lance l’app (sans Android Studio) :
 
 ```bash
-npm run capacitor-run-android -w gdp-mobile
+npm run run-apk
 ```
 
-Après chaque modification web (React / CSS), refaire `npm run capacitor-build -w gdp-mobile` **avant** de relancer Run : l’APK embarque le bundle `dist/`, pas le serveur Vite.
-
-### Déboguer l’APK — `chrome://inspect/#devices`
-
-Une fois l’app **ouverte** sur l’appareil (via Android Studio, `capacitor-run-android`, ou APK installé), inspecter la WebView Capacitor (console, réseau, éléments) depuis Chrome sur le poste de dev.
-
-**Prérequis**
-
-- **Google Chrome** sur le poste (pas Chromium, pas Firefox)
-- Téléphone Android : *Options pour les développeurs* → **Débogage USB** activé
-- [Platform-tools](https://developer.android.com/tools/releases/platform-tools) (`adb`) installés
-- Câble USB en mode **transfert de fichiers** (pas « charge seule »)
-- Accepter la popup « Autoriser le débogage USB » sur le téléphone (cocher *Toujours autoriser*)
-
-**Étapes**
-
-1. Installer l’APK debug sur le téléphone et **lancer l’app** (Géodésie de poche doit être au premier plan).
-2. Brancher le téléphone au poste et vérifier la connexion ADB :
-  ```bash
-   adb devices
-  ```
-   La liste doit afficher un appareil en état `device` (pas `unauthorized`, pas `offline`).
-3. Sur le poste, ouvrir **chrome://inspect/#devices**
-4. Cocher **Discover USB devices** si proposé.
-5. Sous **Remote Target**, repérer **WebView in fr.ign.gdp** → cliquer **inspect** ou **inspect fallback** .
-
-L’APK charge le bundle `dist` embarqué (pas le serveur Vite). Pour du hot-reload web, préférer Chrome mobile + `npm run dev` (voir ci-dessous).
-
-**Le téléphone n’apparaît pas dans `chrome://inspect`**
-
-
-| Symptôme                                     | Piste                                                                                                                                                                                        |
-| -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `adb devices` → `unauthorized`               | Débrancher/rebrancher le câble ; accepter la popup sur le téléphone ; révoquer les autorisations USB (*Options développeur* → *Révoquer les autorisations de débogage USB*) puis reconnecter |
-| `adb devices` → liste vide                   | Changer de câble ou de port USB ; activer *Débogage USB* ; sur Linux, règles udev (voir ci-dessous)                                                                                          |
-| ADB OK mais pas de **WebView in fr.ign.gdp** | L’app doit être **ouverte** ; utiliser l’APK **debug** (`npm run generate-apk`, pas release) ; redémarrer l’app après installation                                                           |
-| Page `chrome://inspect` vide                 | Utiliser **Google Chrome** ; cocher *Discover USB devices* ; `adb kill-server && adb start-server` puis `adb devices`                                                                        |
-
-
-**Linux — règles udev** (si `adb devices` ne voit rien sans `sudo`) :
+Pour seulement produire le fichier (clé USB, mail, etc.) :
 
 ```bash
-# Exemple Debian/Ubuntu — adapter selon la doc Android
-sudo apt install android-sdk-platform-tools-common
-# Débrancher/rebrancher le téléphone, puis :
-adb devices
+npm run generate-apk
 ```
 
-Ajouter l’utilisateur au groupe `plugdev` si besoin, puis se reconnecter.
+APK : `gdp-mobile/android/app/build/outputs/apk/debug/app-debug.apk`. Identifiant `fr.ign.gdp` : cohabite avec l’ancienne app `fr.ign.canex`.
 
-**Alternative — Chrome mobile + serveur Vite** (sans APK, hot-reload) :
+Inspecter la WebView (bundle `dist`, pas Vite) : `chrome://inspect/#devices` → **WebView in fr.ign.gdp**.
 
-```bash
-npm run dev
-adb reverse tcp:5173 tcp:5173    # à refaire après chaque reconnexion USB
-```
+## Scripts (`gdp-mobile`)
 
-Sur le téléphone : Chrome → `http://localhost:5173` → **inspect** dans `chrome://inspect`. OAuth web avec redirect `http://localhost:5173/auth/callback`.
+| Commande | Rôle |
+| --- | --- |
+| `npm run dev` | Serveur Vite (local) |
+| `npm run build` | Build web à la racine `/` |
+| `npm run build:qualif` | Build qualification (`/qlf-gdp/`) |
+| `npm run build:mobile` | Build web pour l’APK (`gdp-tools` en `dist`) — appelé par `generate-apk` / `run-apk` |
+| `npm run preview:qualif` | Aperçu local du build qualif |
+| `npm run setup-android` | Première config Android |
+| `npm run generate-apk` | Produit le fichier APK debug |
+| `npm run run-apk` | Build, installe et lance l’APK sur le téléphone USB |
+| `npm run bump:version -- 4.0.1` | Version + commit + tag `v4.0.1` |
+| `npm run lint` | ESLint |
+| `npm run lint:css-modules` | Contrôle des CSS modules |
+| `npm run knip` | Fichiers, dépendances et exports inutilisés |
 
-Branding (icône lanceur) : voir [scripts/GDP/readme.md](./scripts/GDP/readme.md).
+Depuis la racine du monorepo, les mêmes noms marchent pour `dev`, `build`, `build:qualif`, `setup-android`, `generate-apk`, `run-apk`, `bump:version` et `knip` (`npm run knip -w gdp-mobile`).
 
 ## Documentation
 
+- [Dépannage](./docs/DEPANNAGE.md)
 - [Architecture](./docs/ARCHITECTURE.md)
 - [Fiche point (carte)](./docs/FICHE_POINT.md)
 - [Mode d'emploi](./docs/MODE_EMPLOI.md)
 - [Configuration des thèmes de signalement](./docs/CONFIGURATION_THEMES.md)
-
-## Références
-
-- `@ign/gdp-tools` : logique carto géodésie (WMS/WFS, hooks React)
-- `bof-mobile` : patterns auth, API, carte
-- `espaceco-mobile-refonte` : charte graphique et composants UI
-
+- [News et alertes](./docs/NEWS.md)
diff --git a/android/.gitignore b/android/.gitignore
new file mode 100644
index 0000000..059d783
--- /dev/null
+++ b/android/.gitignore
@@ -0,0 +1,102 @@
+# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore
+
+# Built application files
+*.apk
+*.aar
+*.ap_
+*.aab
+
+# Files for the ART/Dalvik VM
+*.dex
+
+# Java class files
+*.class
+
+# Generated files
+bin/
+gen/
+out/
+#  Uncomment the following line in case you need and you don't have the release build type files in your app
+# release/
+
+# Gradle files
+.gradle/
+build/
+
+# Local configuration file (sdk path, etc)
+local.properties
+
+# Proguard folder generated by Eclipse
+proguard/
+
+# Log Files
+*.log
+
+# Android Studio Navigation editor temp files
+.navigation/
+
+# Android Studio captures folder
+captures/
+
+# IntelliJ
+*.iml
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/gradle.xml
+.idea/assetWizardSettings.xml
+.idea/dictionaries
+.idea/libraries
+# Android Studio 3 in .gitignore file.
+.idea/caches
+.idea/modules.xml
+# Comment next line if keeping position of elements in Navigation Editor is relevant for you
+.idea/navEditor.xml
+
+# Keystore files
+# Uncomment the following lines if you do not want to check your keystore files in.
+*.jks
+*.keystore
+.kotlin/
+
+# External native build folder generated in Android Studio 2.2 and later
+.externalNativeBuild
+.cxx/
+
+# Google Services (e.g. APIs or Firebase)
+# google-services.json
+
+# Freeline
+freeline.py
+freeline/
+freeline_project_description.json
+
+# fastlane
+fastlane/report.xml
+fastlane/Preview.html
+fastlane/screenshots
+fastlane/test_output
+fastlane/readme.md
+
+# Version control
+vcs.xml
+
+# lint
+lint/intermediates/
+lint/generated/
+lint/outputs/
+lint/tmp/
+# lint/reports/
+
+# Android Profiling
+*.hprof
+
+# Cordova plugins for Capacitor
+capacitor-cordova-android-plugins
+
+# Copied web assets
+app/src/main/assets/public
+
+# Generated Config files
+app/src/main/assets/capacitor.config.json
+app/src/main/assets/capacitor.plugins.json
+app/src/main/res/xml/config.xml
diff --git a/android/app/.gitignore b/android/app/.gitignore
new file mode 100644
index 0000000..043df80
--- /dev/null
+++ b/android/app/.gitignore
@@ -0,0 +1,2 @@
+/build/*
+!/build/.npmkeep
diff --git a/android/app/build.gradle b/android/app/build.gradle
new file mode 100644
index 0000000..3e0cf21
--- /dev/null
+++ b/android/app/build.gradle
@@ -0,0 +1,54 @@
+apply plugin: 'com.android.application'
+
+android {
+    namespace = "fr.ign.gdp"
+    compileSdk = rootProject.ext.compileSdkVersion
+    defaultConfig {
+        applicationId "fr.ign.gdp"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 40001
+        versionName "4.0.1"
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        aaptOptions {
+             // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
+             // Default: https://android.googlesource.com/platform/frameworks/base/+/282e181b58cf72b6ca770dc7ca5f91f135444502/tools/aapt/AaptAssets.cpp#61
+            ignoreAssetsPattern = '!.svn:!.git:!.ds_store:!*.scc:.*:!CVS:!thumbs.db:!picasa.ini:!*~'
+        }
+    }
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+}
+
+repositories {
+    flatDir{
+        dirs '../capacitor-cordova-android-plugins/src/main/libs', 'libs'
+    }
+}
+
+dependencies {
+    implementation fileTree(include: ['*.jar'], dir: 'libs')
+    implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
+    implementation "androidx.coordinatorlayout:coordinatorlayout:$androidxCoordinatorLayoutVersion"
+    implementation "androidx.core:core-splashscreen:$coreSplashScreenVersion"
+    implementation project(':capacitor-android')
+    testImplementation "junit:junit:$junitVersion"
+    androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion"
+    androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion"
+    implementation project(':capacitor-cordova-android-plugins')
+}
+
+apply from: 'capacitor.build.gradle'
+
+try {
+    def servicesJSON = file('google-services.json')
+    if (servicesJSON.text) {
+        apply plugin: 'com.google.gms.google-services'
+    }
+} catch(Exception e) {
+    logger.info("google-services.json not found, google-services plugin not applied. Push Notifications won't work")
+}
diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle
new file mode 100644
index 0000000..8fcc9cf
--- /dev/null
+++ b/android/app/capacitor.build.gradle
@@ -0,0 +1,24 @@
+// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
+
+android {
+  compileOptions {
+      sourceCompatibility JavaVersion.VERSION_21
+      targetCompatibility JavaVersion.VERSION_21
+  }
+}
+
+apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
+dependencies {
+    implementation project(':capacitor-app')
+    implementation project(':capacitor-browser')
+    implementation project(':capacitor-device')
+    implementation project(':capacitor-filesystem')
+    implementation project(':capacitor-geolocation')
+    implementation project(':capacitor-preferences')
+
+}
+
+
+if (hasProperty('postBuildExtras')) {
+  postBuildExtras()
+}
diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro
new file mode 100644
index 0000000..f1b4245
--- /dev/null
+++ b/android/app/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
diff --git a/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java b/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java
new file mode 100644
index 0000000..f2c2217
--- /dev/null
+++ b/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java
@@ -0,0 +1,26 @@
+package com.getcapacitor.myapp;
+
+import static org.junit.Assert.*;
+
+import android.content.Context;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+import androidx.test.platform.app.InstrumentationRegistry;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+
+    @Test
+    public void useAppContext() throws Exception {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext();
+
+        assertEquals("com.getcapacitor.app", appContext.getPackageName());
+    }
+}
diff --git a/scripts/android/templates/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
similarity index 72%
rename from scripts/android/templates/AndroidManifest.xml
rename to android/app/src/main/AndroidManifest.xml
index 42fa97f..3473908 100644
--- a/scripts/android/templates/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,6 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
@@ -8,7 +7,6 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-
         <activity
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode|navigation|density"
             android:name=".MainActivity"
@@ -16,7 +14,6 @@
             android:theme="@style/AppTheme.NoActionBarLaunch"
             android:launchMode="singleTask"
             android:exported="true">
-
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
                 <category android:name="android.intent.category.LAUNCHER" />
@@ -27,12 +24,8 @@
                 <action android:name="android.intent.action.VIEW" />
                 <category android:name="android.intent.category.DEFAULT" />
                 <category android:name="android.intent.category.BROWSABLE" />
-                <data
-                    android:scheme="fr.ign.gdp"
-                    android:host="auth"
-                    android:path="/callback" />
+                <data android:scheme="fr.ign.gdp" android:host="auth" android:path="/callback" />
             </intent-filter>
-
         </activity>
 
         <provider
@@ -40,9 +33,7 @@
             android:authorities="${applicationId}.fileprovider"
             android:exported="false"
             android:grantUriPermissions="true">
-            <meta-data
-                android:name="android.support.FILE_PROVIDER_PATHS"
-                android:resource="@xml/file_paths"></meta-data>
+            <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/file_paths" />
         </provider>
     </application>
 
@@ -51,4 +42,14 @@
     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
     <uses-permission android:name="android.permission.CAMERA" />
     <uses-feature android:name="android.hardware.location.gps" android:required="false" />
+
+    <!-- Visibilité de paquets (Android 11+, cible ici API 36) : sans ce <queries>, l'app ne
+         "voit" aucune appli caméra via PackageManager.resolveActivity, et le WebChromeClient de
+         Capacitor (BridgeWebChromeClient#showImageCapturePicker) retombe silencieusement sur le
+         sélecteur de fichiers générique au lieu d'ouvrir l'appareil photo. -->
+    <queries>
+        <intent>
+            <action android:name="android.media.action.IMAGE_CAPTURE" />
+        </intent>
+    </queries>
 </manifest>
diff --git a/android/app/src/main/java/fr/ign/gdp/MainActivity.java b/android/app/src/main/java/fr/ign/gdp/MainActivity.java
new file mode 100644
index 0000000..8f08b00
--- /dev/null
+++ b/android/app/src/main/java/fr/ign/gdp/MainActivity.java
@@ -0,0 +1,5 @@
+package fr.ign.gdp;
+
+import com.getcapacitor.BridgeActivity;
+
+public class MainActivity extends BridgeActivity {}
diff --git a/android/app/src/main/res/drawable-land-hdpi/splash.png b/android/app/src/main/res/drawable-land-hdpi/splash.png
new file mode 100644
index 0000000..3bdc6c3
Binary files /dev/null and b/android/app/src/main/res/drawable-land-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-ldpi/splash.png b/android/app/src/main/res/drawable-land-ldpi/splash.png
new file mode 100644
index 0000000..475e76e
Binary files /dev/null and b/android/app/src/main/res/drawable-land-ldpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-mdpi/splash.png b/android/app/src/main/res/drawable-land-mdpi/splash.png
new file mode 100644
index 0000000..4f6ebab
Binary files /dev/null and b/android/app/src/main/res/drawable-land-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-night-hdpi/splash.png b/android/app/src/main/res/drawable-land-night-hdpi/splash.png
new file mode 100644
index 0000000..3929271
Binary files /dev/null and b/android/app/src/main/res/drawable-land-night-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-night-ldpi/splash.png b/android/app/src/main/res/drawable-land-night-ldpi/splash.png
new file mode 100644
index 0000000..99873d4
Binary files /dev/null and b/android/app/src/main/res/drawable-land-night-ldpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-night-mdpi/splash.png b/android/app/src/main/res/drawable-land-night-mdpi/splash.png
new file mode 100644
index 0000000..5ec6de2
Binary files /dev/null and b/android/app/src/main/res/drawable-land-night-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-night-xhdpi/splash.png b/android/app/src/main/res/drawable-land-night-xhdpi/splash.png
new file mode 100644
index 0000000..b6c8d68
Binary files /dev/null and b/android/app/src/main/res/drawable-land-night-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-night-xxhdpi/splash.png b/android/app/src/main/res/drawable-land-night-xxhdpi/splash.png
new file mode 100644
index 0000000..fafe4e1
Binary files /dev/null and b/android/app/src/main/res/drawable-land-night-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-night-xxxhdpi/splash.png b/android/app/src/main/res/drawable-land-night-xxxhdpi/splash.png
new file mode 100644
index 0000000..a1004a4
Binary files /dev/null and b/android/app/src/main/res/drawable-land-night-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-xhdpi/splash.png b/android/app/src/main/res/drawable-land-xhdpi/splash.png
new file mode 100644
index 0000000..1a0d3e3
Binary files /dev/null and b/android/app/src/main/res/drawable-land-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-xxhdpi/splash.png b/android/app/src/main/res/drawable-land-xxhdpi/splash.png
new file mode 100644
index 0000000..51b920e
Binary files /dev/null and b/android/app/src/main/res/drawable-land-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-land-xxxhdpi/splash.png b/android/app/src/main/res/drawable-land-xxxhdpi/splash.png
new file mode 100644
index 0000000..7e63ec0
Binary files /dev/null and b/android/app/src/main/res/drawable-land-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-night/splash.png b/android/app/src/main/res/drawable-night/splash.png
new file mode 100644
index 0000000..99873d4
Binary files /dev/null and b/android/app/src/main/res/drawable-night/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-hdpi/splash.png b/android/app/src/main/res/drawable-port-hdpi/splash.png
new file mode 100644
index 0000000..990af78
Binary files /dev/null and b/android/app/src/main/res/drawable-port-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-ldpi/splash.png b/android/app/src/main/res/drawable-port-ldpi/splash.png
new file mode 100644
index 0000000..3057455
Binary files /dev/null and b/android/app/src/main/res/drawable-port-ldpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-mdpi/splash.png b/android/app/src/main/res/drawable-port-mdpi/splash.png
new file mode 100644
index 0000000..0886505
Binary files /dev/null and b/android/app/src/main/res/drawable-port-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-night-hdpi/splash.png b/android/app/src/main/res/drawable-port-night-hdpi/splash.png
new file mode 100644
index 0000000..468e96b
Binary files /dev/null and b/android/app/src/main/res/drawable-port-night-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-night-ldpi/splash.png b/android/app/src/main/res/drawable-port-night-ldpi/splash.png
new file mode 100644
index 0000000..d5e9d68
Binary files /dev/null and b/android/app/src/main/res/drawable-port-night-ldpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-night-mdpi/splash.png b/android/app/src/main/res/drawable-port-night-mdpi/splash.png
new file mode 100644
index 0000000..e9f59fb
Binary files /dev/null and b/android/app/src/main/res/drawable-port-night-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-night-xhdpi/splash.png b/android/app/src/main/res/drawable-port-night-xhdpi/splash.png
new file mode 100644
index 0000000..cd0843e
Binary files /dev/null and b/android/app/src/main/res/drawable-port-night-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-night-xxhdpi/splash.png b/android/app/src/main/res/drawable-port-night-xxhdpi/splash.png
new file mode 100644
index 0000000..64745fb
Binary files /dev/null and b/android/app/src/main/res/drawable-port-night-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-night-xxxhdpi/splash.png b/android/app/src/main/res/drawable-port-night-xxxhdpi/splash.png
new file mode 100644
index 0000000..325335b
Binary files /dev/null and b/android/app/src/main/res/drawable-port-night-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-xhdpi/splash.png b/android/app/src/main/res/drawable-port-xhdpi/splash.png
new file mode 100644
index 0000000..0738e06
Binary files /dev/null and b/android/app/src/main/res/drawable-port-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-xxhdpi/splash.png b/android/app/src/main/res/drawable-port-xxhdpi/splash.png
new file mode 100644
index 0000000..fb891f1
Binary files /dev/null and b/android/app/src/main/res/drawable-port-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-port-xxxhdpi/splash.png b/android/app/src/main/res/drawable-port-xxxhdpi/splash.png
new file mode 100644
index 0000000..06311ce
Binary files /dev/null and b/android/app/src/main/res/drawable-port-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
new file mode 100644
index 0000000..c7bd21d
--- /dev/null
+++ b/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
@@ -0,0 +1,34 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillType="evenOdd"
+        android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="78.5885"
+                android:endY="90.9159"
+                android:startX="48.7653"
+                android:startY="61.0927"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
+        android:strokeColor="#00000000"
+        android:strokeWidth="1" />
+</vector>
diff --git a/android/app/src/main/res/drawable/ic_launcher_background.xml b/android/app/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..d5fccc5
--- /dev/null
+++ b/android/app/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+    <path
+        android:fillColor="#26A69A"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeColor="#33FFFFFF"
+        android:strokeWidth="0.8" />
+</vector>
diff --git a/android/app/src/main/res/drawable/splash.png b/android/app/src/main/res/drawable/splash.png
new file mode 100644
index 0000000..0886505
Binary files /dev/null and b/android/app/src/main/res/drawable/splash.png differ
diff --git a/android/app/src/main/res/layout/activity_main.xml b/android/app/src/main/res/layout/activity_main.xml
new file mode 100644
index 0000000..b5ad138
--- /dev/null
+++ b/android/app/src/main/res/layout/activity_main.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <WebView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+</androidx.coordinatorlayout.widget.CoordinatorLayout>
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..0aa82aa
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background>
+        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
+    </background>
+    <foreground>
+        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
+    </foreground>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..0aa82aa
--- /dev/null
+++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background>
+        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
+    </background>
+    <foreground>
+        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
+    </foreground>
+</adaptive-icon>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
new file mode 100644
index 0000000..5e76aa7
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_background.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_background.png
new file mode 100644
index 0000000..0feb4c7
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..d48f0f4
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
new file mode 100644
index 0000000..0292101
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-ldpi/ic_launcher.png b/android/app/src/main/res/mipmap-ldpi/ic_launcher.png
new file mode 100644
index 0000000..a3d536c
Binary files /dev/null and b/android/app/src/main/res/mipmap-ldpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-ldpi/ic_launcher_background.png b/android/app/src/main/res/mipmap-ldpi/ic_launcher_background.png
new file mode 100644
index 0000000..b999324
Binary files /dev/null and b/android/app/src/main/res/mipmap-ldpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/mipmap-ldpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-ldpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..f78c960
Binary files /dev/null and b/android/app/src/main/res/mipmap-ldpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-ldpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-ldpi/ic_launcher_round.png
new file mode 100644
index 0000000..2e46825
Binary files /dev/null and b/android/app/src/main/res/mipmap-ldpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
new file mode 100644
index 0000000..f2a16be
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_background.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_background.png
new file mode 100644
index 0000000..5b990d7
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..1615cd7
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
new file mode 100644
index 0000000..eca5df8
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
new file mode 100644
index 0000000..eee8c43
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_background.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_background.png
new file mode 100644
index 0000000..adf0647
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..697344a
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..c802c7e
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
new file mode 100644
index 0000000..41dd80d
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_background.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_background.png
new file mode 100644
index 0000000..5da7395
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..9632d1f
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..56b0a87
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
new file mode 100644
index 0000000..2e87b52
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_background.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_background.png
new file mode 100644
index 0000000..62d0494
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_background.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png
new file mode 100644
index 0000000..26c9049
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
new file mode 100644
index 0000000..457c6cd
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ
diff --git a/android/app/src/main/res/values/ic_launcher_background.xml b/android/app/src/main/res/values/ic_launcher_background.xml
new file mode 100644
index 0000000..c5d5899
--- /dev/null
+++ b/android/app/src/main/res/values/ic_launcher_background.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#FFFFFF</color>
+</resources>
\ No newline at end of file
diff --git a/scripts/android/templates/strings.xml b/android/app/src/main/res/values/strings.xml
similarity index 100%
rename from scripts/android/templates/strings.xml
rename to android/app/src/main/res/values/strings.xml
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
new file mode 100644
index 0000000..be874e5
--- /dev/null
+++ b/android/app/src/main/res/values/styles.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
+        <!-- Customize your theme here. -->
+        <item name="colorPrimary">@color/colorPrimary</item>
+        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
+        <item name="colorAccent">@color/colorAccent</item>
+    </style>
+
+    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <item name="windowActionBar">false</item>
+        <item name="windowNoTitle">true</item>
+        <item name="android:background">@null</item>
+    </style>
+
+
+    <style name="AppTheme.NoActionBarLaunch" parent="Theme.SplashScreen">
+        <item name="android:background">@drawable/splash</item>
+    </style>
+</resources>
\ No newline at end of file
diff --git a/android/app/src/main/res/xml/file_paths.xml b/android/app/src/main/res/xml/file_paths.xml
new file mode 100644
index 0000000..bd0c4d8
--- /dev/null
+++ b/android/app/src/main/res/xml/file_paths.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<paths xmlns:android="http://schemas.android.com/apk/res/android">
+    <external-path name="my_images" path="." />
+    <cache-path name="my_cache_images" path="." />
+</paths>
\ No newline at end of file
diff --git a/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java b/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java
new file mode 100644
index 0000000..0297327
--- /dev/null
+++ b/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java
@@ -0,0 +1,18 @@
+package com.getcapacitor.myapp;
+
+import static org.junit.Assert.*;
+
+import org.junit.Test;
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+public class ExampleUnitTest {
+
+    @Test
+    public void addition_isCorrect() throws Exception {
+        assertEquals(4, 2 + 2);
+    }
+}
diff --git a/android/build.gradle b/android/build.gradle
new file mode 100644
index 0000000..d2669f3
--- /dev/null
+++ b/android/build.gradle
@@ -0,0 +1,29 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:9.3.2'
+        classpath 'com.google.gms:google-services:4.4.4'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+apply from: "variables.gradle"
+
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}
diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle
new file mode 100644
index 0000000..85b6225
--- /dev/null
+++ b/android/capacitor.settings.gradle
@@ -0,0 +1,21 @@
+// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
+include ':capacitor-android'
+project(':capacitor-android').projectDir = new File('../../node_modules/@capacitor/android/capacitor')
+
+include ':capacitor-app'
+project(':capacitor-app').projectDir = new File('../../node_modules/@capacitor/app/android')
+
+include ':capacitor-browser'
+project(':capacitor-browser').projectDir = new File('../../node_modules/@capacitor/browser/android')
+
+include ':capacitor-device'
+project(':capacitor-device').projectDir = new File('../../node_modules/@capacitor/device/android')
+
+include ':capacitor-filesystem'
+project(':capacitor-filesystem').projectDir = new File('../../node_modules/@capacitor/filesystem/android')
+
+include ':capacitor-geolocation'
+project(':capacitor-geolocation').projectDir = new File('../../node_modules/@capacitor/geolocation/android')
+
+include ':capacitor-preferences'
+project(':capacitor-preferences').projectDir = new File('../../node_modules/@capacitor/preferences/android')
diff --git a/android/gradle.properties b/android/gradle.properties
new file mode 100644
index 0000000..65681bf
--- /dev/null
+++ b/android/gradle.properties
@@ -0,0 +1,32 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+org.gradle.jvmargs=-Xmx1536m
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+android.defaults.buildfeatures.resvalues=true
+android.sdk.defaultTargetSdkToCompileSdkIfUnset=false
+android.enableAppCompileTimeRClass=false
+android.usesSdkInManifest.disallowed=false
+android.uniquePackageNames=false
+android.dependency.useConstraints=true
+android.r8.strictFullModeForKeepRules=false
+android.r8.optimizedResourceShrinking=false
+android.builtInKotlin=false
+android.newDsl=false
diff --git a/android/gradle/gradle-daemon-jvm.properties b/android/gradle/gradle-daemon-jvm.properties
new file mode 100644
index 0000000..baa28d1
--- /dev/null
+++ b/android/gradle/gradle-daemon-jvm.properties
@@ -0,0 +1,13 @@
+#This file is generated by updateDaemonJvm
+toolchainUrl.FREE_BSD.AARCH64=https\://api.foojay.io/disco/v3.0/ids/491f83666ae7f4d6ebb28fee72ebb035/redirect
+toolchainUrl.FREE_BSD.X86_64=https\://api.foojay.io/disco/v3.0/ids/0d1a1acdc708062093673f65aa9aba4b/redirect
+toolchainUrl.LINUX.AARCH64=https\://api.foojay.io/disco/v3.0/ids/491f83666ae7f4d6ebb28fee72ebb035/redirect
+toolchainUrl.LINUX.X86_64=https\://api.foojay.io/disco/v3.0/ids/0d1a1acdc708062093673f65aa9aba4b/redirect
+toolchainUrl.MAC_OS.AARCH64=https\://api.foojay.io/disco/v3.0/ids/7083b89563e7ce20943037b8cd2b8cc2/redirect
+toolchainUrl.MAC_OS.X86_64=https\://api.foojay.io/disco/v3.0/ids/060bbb778a1f55ea705fdebd2ccfeab9/redirect
+toolchainUrl.UNIX.AARCH64=https\://api.foojay.io/disco/v3.0/ids/491f83666ae7f4d6ebb28fee72ebb035/redirect
+toolchainUrl.UNIX.X86_64=https\://api.foojay.io/disco/v3.0/ids/0d1a1acdc708062093673f65aa9aba4b/redirect
+toolchainUrl.WINDOWS.AARCH64=https\://api.foojay.io/disco/v3.0/ids/d09679dc60fe5aa05ef7d03efdefac20/redirect
+toolchainUrl.WINDOWS.X86_64=https\://api.foojay.io/disco/v3.0/ids/ed4e3bf2f5e7c5d9aabc4cbd8acd555e/redirect
+toolchainVendor=JETBRAINS
+toolchainVersion=21
diff --git a/android/gradle/wrapper/gradle-wrapper.jar b/android/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..1b33c55
Binary files /dev/null and b/android/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..f6d2fc4
--- /dev/null
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-9.5.0-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/android/gradlew b/android/gradlew
new file mode 100755
index 0000000..23d15a9
--- /dev/null
+++ b/android/gradlew
@@ -0,0 +1,251 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+# SPDX-License-Identifier: Apache-2.0
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH="\\\"\\\""
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
diff --git a/android/gradlew.bat b/android/gradlew.bat
new file mode 100644
index 0000000..5eed7ee
--- /dev/null
+++ b/android/gradlew.bat
@@ -0,0 +1,94 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+@rem SPDX-License-Identifier: Apache-2.0
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/android/settings.gradle b/android/settings.gradle
new file mode 100644
index 0000000..bbf73dd
--- /dev/null
+++ b/android/settings.gradle
@@ -0,0 +1,8 @@
+plugins {
+    id 'org.gradle.toolchains.foojay-resolver-convention' version '0.10.0'
+}
+include ':app'
+include ':capacitor-cordova-android-plugins'
+project(':capacitor-cordova-android-plugins').projectDir = new File('./capacitor-cordova-android-plugins/')
+
+apply from: 'capacitor.settings.gradle'
\ No newline at end of file
diff --git a/android/variables.gradle b/android/variables.gradle
new file mode 100644
index 0000000..ee4ba41
--- /dev/null
+++ b/android/variables.gradle
@@ -0,0 +1,16 @@
+ext {
+    minSdkVersion = 24
+    compileSdkVersion = 36
+    targetSdkVersion = 36
+    androidxActivityVersion = '1.11.0'
+    androidxAppCompatVersion = '1.7.1'
+    androidxCoordinatorLayoutVersion = '1.3.0'
+    androidxCoreVersion = '1.17.0'
+    androidxFragmentVersion = '1.8.9'
+    coreSplashScreenVersion = '1.2.0'
+    androidxWebkitVersion = '1.14.0'
+    junitVersion = '4.13.2'
+    androidxJunitVersion = '1.3.0'
+    androidxEspressoCoreVersion = '3.7.0'
+    cordovaAndroidVersion = '14.0.1'
+}
\ No newline at end of file
diff --git a/docs/ARCHITECTURE.md b/docs/ARCHITECTURE.md
index 409bedc..04b2882 100644
--- a/docs/ARCHITECTURE.md
+++ b/docs/ARCHITECTURE.md
@@ -7,11 +7,10 @@ app/ → features/ → infra/ → platform/ → domain/
          ↓
       shared/ + styles/
 ```
-blabla
 
 | Couche | Rôle |
 |--------|------|
-| `domain/` | Modèles purs, sans React ni réseau |
+| `domain/` | Modèles purs, sans React ni réseau (imports de **types** `@ign/gdp-tools` acceptés) |
 | `infra/` | Auth, API collaboratif, OpenLayers, stockage |
 | `platform/` | Wrappers `@ign/mobile-device` / Capacitor |
 | `features/` | Hooks et composants métier |
@@ -25,7 +24,7 @@ blabla
 - `@ign/mobile-device` : persistance locale (`Storage`) — tokens, profil, préférences carte
 - `collaboratif-client-api` : signalements et communautés
 - `OpenLayers` + `ol-ext` : carte Géoportail
-- `Capacitor` : SSO natif, géolocalisation, métadonnées appareil (phase mobile)
+- `Capacitor` : SSO natif, géolocalisation, métadonnées appareil
 
 ```mermaid
 flowchart TB
@@ -41,7 +40,7 @@ flowchart TB
 
   CC["collaboratif-client-api<br/>signalements · communautés"]
 
-  subgraph cap["Capacitor — phase mobile"]
+  subgraph cap["Capacitor"]
     CAP["Browser · Geolocation · App · Device<br/>SSO natif · position · métadonnées appareil"]
   end
 
@@ -75,7 +74,7 @@ flowchart TB
 flowchart TB
   subgraph identifier["S'identifier"]
     I1["Login / callback SSO<br/>gdp-mobile"] --> I2["@ign/mobile-core<br/>AuthManager · OAuth PKCE"]
-    I2 --> I3["Capacitor Browser<br/>SSO natif · proxy web en dev"]
+    I2 --> I3["SSO : navigateur → Keycloak /auth<br/>/token /revoke via /__sso (web)"]
     I2 --> I4["@ign/mobile-device<br/>Storage — tokens & profil user"]
     I4 --> I5["Session restaurée<br/>carte · signalements · compte"]
     I2 --> I6["collaboratif-client-api<br/>session API signalements"]
@@ -116,20 +115,23 @@ flowchart TB
 
 Notes :
 
-- **Identification** : requise pour signaler et accéder au compte ; la carte reste consultable sans connexion (écrans protégés via `AuthGuard`).
-- **GPS** : bouton de recentrage sur la carte ; wrapper `Gdp_Geolocation` dans `platform/device/` — pas de logique GPS dans `@ign/mobile-core`.
+- **Identification** : requise pour envoyer un signalement et consulter le compte ; la carte reste consultable sans connexion. Pas de garde de route globale : les pages `/reports` s’adaptent à `useAuth()` (brouillons locaux vs signalements serveur). En **web**, `/token` et `/revoke` passent par `/__sso` (Vite en local, Apache `ProxyPass` en qualif) pour rester same-origin ; la page de login Keycloak n’est pas proxifiée. En **natif**, `AuthManager` parle à `VITE_OAUTH_BASE_URL`. Voir [README — Apache qualif](../README.md#apache-sur-le-serveur-de-qualif) et [Dépannage](./DEPANNAGE.md).
+- **GPS** : bouton de recentrage sur la carte ; wrapper dans `platform/device/` — pas de logique GPS dans `@ign/mobile-core`.
 - **Appareil photo** : pas de plugin Capacitor Camera dédié ; en natif, `<input type="file" accept="image/*" capture="environment">` ouvre la caméra ou la galerie. Vérification de l'orientation paysage côté app avant envoi.
 
-## Routes MVP
+## Routes
 
 | Route | Écran |
 |-------|-------|
-| `/` | Redirect → `/map` ou `/welcome` |
-| `/map` | Carte (écran central) — fiche point au clic sur un repère ([détail](./FICHE_POINT.md)) |
-| `/report/geodesy/new` | Signalement repère |
+| `/` | Redirect → `/welcome` (premier lancement), sinon `/login` ou `/map` selon `VITE_AUTH_REQUIRED` |
+| `/welcome` | Onboarding |
 | `/login`, `/auth/callback` | SSO |
+| `/map` | Carte — fiche point au clic ([détail](./FICHE_POINT.md)) ; wizard de signalement en overlay |
+| `/reports` | Mes signalements (brouillons locaux + envoyés si connecté) |
+| `/reports/:id` | Détail d’un brouillon / signalement |
+| `/reports/history`, `/reports/history/:id` | Historique communauté |
 
-Voir `cursor_nouvelle_application_g_od_sie_de.md` pour le plan complet.
+Compte, paramètres, aide, à propos, favoris et communauté sont des **overlays** (`SlideUpPage`) ouverts depuis le menu latéral, pas des routes du router.
 
 ## Documentation métier carte
 
diff --git a/docs/DEPANNAGE.md b/docs/DEPANNAGE.md
new file mode 100644
index 0000000..e64fc5b
--- /dev/null
+++ b/docs/DEPANNAGE.md
@@ -0,0 +1,48 @@
+# Dépannage
+
+Complément du [README](../README.md) (déploiement qualif et Apache : section *Déploiement en qualif*).
+
+## Proxy IGN (502 OAuth en dev web)
+
+Le navigateur atteint Keycloak sans proxy. Vite (`/__sso`) parle en Node : sans `HTTPS_PROXY`, `/token` fait `bad_gateway` / `ECONNREFUSED`.
+
+`HTTPS_PROXY` / `NO_PROXY` (souvent dans `~/.bashrc` : `http://proxy.ign.fr:3128`) sont lus par le proxy Vite. `NO_PROXY` doit contenir `localhost`. Cursor ne charge pas `~/.bashrc` : les mettre dans `gdp-mobile/.env` (voir `.env.dist`) ou les exporter dans le terminal qui lance `npm run dev`. Au démarrage, le terminal doit afficher `[vite oauth proxy] sso.geopf.fr via http://proxy.ign.fr:3128`.
+
+## Qualif : `POST /qlf-gdp/__sso/token` → 403 Invalid origin
+
+Le navigateur envoie `Origin: http://sgm.ign.fr`. Si Apache le transmet, Keycloak répond `{"error":"Invalid origin"}`. Le message d’UI sur `VITE_OAUTH_WEB_REDIRECT_URI` est alors trompeur.
+
+Contrôle : le même POST **sans** `Origin` doit répondre `400` `Code not valid` (proxy OK). **Avec** `Origin`, après config correcte, on doit aussi avoir 400, plus 403.
+
+Config qui marche : `SetEnvIf` + `RequestHeader unset Origin` / `Referer` au niveau du VirtualHost (pas `unset … early` dans `<Location>`, ignoré sur Apache 2.4). Snippet : [scripts/apache-qlf-gdp-sso.conf.example](../scripts/apache-qlf-gdp-sso.conf.example). Puis `apachectl configtest` et reload.
+
+Le `.htaccess` du `dist/` ne s’applique pas au `ProxyPass`.
+
+## Chrome inspect — le téléphone n’apparaît pas
+
+Prérequis : Google Chrome (pas Chromium / Firefox), débogage USB, `adb`, câble en transfert de fichiers, popup « Autoriser le débogage USB » acceptée.
+
+```bash
+adb devices
+```
+
+L’appareil doit être en état `device` (pas `unauthorized`, pas `offline`). L’app (APK) ou Chrome mobile (Vite) doit être au premier plan.
+
+| Symptôme                                     | Piste |
+| -------------------------------------------- | ----- |
+| `adb devices` → `unauthorized`               | Débrancher/rebrancher ; accepter la popup ; révoquer les autorisations USB (*Options développeur*) puis reconnecter |
+| `adb devices` → liste vide                   | Changer de câble ou de port ; activer *Débogage USB* ; sur Linux, règles udev ci-dessous |
+| ADB OK mais pas de **WebView in fr.ign.gdp** | L’app doit être **ouverte** ; utiliser l’APK **debug** (`npm run generate-apk`, pas release) ; redémarrer l’app |
+| Page `chrome://inspect` vide                 | Utiliser **Google Chrome** ; cocher *Discover USB devices* ; `adb kill-server && adb start-server` puis `adb devices` |
+
+**Linux — règles udev** (si `adb devices` ne voit rien sans `sudo`) :
+
+```bash
+sudo apt install android-sdk-platform-tools-common
+# Débrancher/rebrancher le téléphone, puis :
+adb devices
+```
+
+Ajouter l’utilisateur au groupe `plugdev` si besoin, puis se reconnecter.
+
+Pour tester l’APK sur le téléphone USB : `npm run run-apk` (pas Android Studio). En cas de crash natif, ouvrir `gdp-mobile/android` à la main dans Android Studio (**File → Open**).
diff --git a/docs/FICHE_POINT.md b/docs/FICHE_POINT.md
index eeba329..1cfdf8c 100644
--- a/docs/FICHE_POINT.md
+++ b/docs/FICHE_POINT.md
@@ -40,17 +40,18 @@ Gérés par `useBottomSheetSnap` dans `MapBottomSheet`. Hauteurs recalculées au
 | Snap | Index | Hauteur | Contenu visible |
 |------|-------|---------|-----------------|
 | Mini | 0 | auto (~220 px) | Poignée + en-tête + pied de page (pas de corps) |
-| Medium 1 | 1 | ~48 % viewport | Corps snap 1 : carrousel, identité, description… |
-| Medium 2 | 2 | ~68 % viewport | + coordonnées / remarques / partenaire (placeholders partiels) |
-| Full | 3 | ~82 % viewport (max 720 px) | + vue complète (placeholder) |
+| Medium 1 | 1 | ~48 % viewport (plafonné) | Corps snap 1 : carrousel, identité, description… |
+| Medium 2 | 2 | ~68 % viewport (plafonné) | + coordonnées / remarques / partenaire (placeholders partiels) |
+| Full (plein écran) | 3 | 100 % viewport (hors safe-area haut) | + vue complète (placeholder) |
 
 - **Snap 0** : hauteur automatique (`sheetAuto`), pas de scroll corps.
-- **Snaps 1–3** : hauteur fixe, corps scrollable (`data-scroll-root="true"`).
-- Agrandissement : tirer la **poignée** grise en haut du sheet.
+- **Snaps 1–2** ("consultation rapide") : carte flottante à coins arrondis par-dessus la carte, plafonnée pour ne jamais recouvrir la pile de FAB (filtre/couches/légende).
+- **Snap 3** ("consultation complète") : la fiche passe en **plein écran** — coins carrés, pas d'ombre, plus de marge basse, recouvre entièrement la carte et ses FAB (classe `sheetFullscreen`). Le contenu affiché ne change pas (toujours celui du corps `snapIndex >= 2`), seul le conteneur devient plein écran.
+- Agrandissement/réduction : tirer la **poignée** grise en haut du sheet.
 
 ```ts
 // MapBottomSheet.tsx — hauteurs mode point
-[220, 48% vh, 68% vh, min(82% vh, 720)]
+[220, min(48% vh, quickViewMax), min(68% vh, quickViewMax), 100% vh - safeAreaTop]
 ```
 
 ## Shell commun (`MapPointSheet`)
@@ -134,7 +135,7 @@ Quand une fiche repère est ouverte (`selectedPoint !== null`) :
 | Comportement | Détail |
 |--------------|--------|
 | Tabbar | Masquée (`onTabbarVisibleChange(false)`) |
-| Boutons carte (GPS, légende, couches…) | Restent en bas de l'écran (`--map-fab-sheet-offset: 0`), **sous** la fiche (`z-index` sheet > overlays) |
+| Boutons carte (GPS, légende, couches…) | Restent en bas de l'écran (`--map-fab-sheet-offset: 0`), **sous** la fiche (`z-index` sheet > overlays) ; entièrement masqués par la fiche au snap plein écran (3) |
 | Mode navigation | `--map-fab-sheet-offset` = hauteur du sheet recherche/RGP |
 
 Variables CSS sur `.mapPage` :
diff --git a/docs/MODE_EMPLOI.md b/docs/MODE_EMPLOI.md
index e31696c..4350e23 100644
--- a/docs/MODE_EMPLOI.md
+++ b/docs/MODE_EMPLOI.md
@@ -1,19 +1,53 @@
 # Mode d'emploi — Géodésie de poche
 
-> Document utilisateur — à rédiger lors de la phase produit.
+Guide utilisateur de l’application (web et APK). Pour l’installation et le déploiement, voir le [README](../README.md).
 
-## Consultation des repères
+## Navigation
 
-_(À compléter)_
+Barre du bas :
 
-## Mode expert
+| Onglet | Rôle |
+|--------|------|
+| **Carte** | Consultation des repères |
+| **Signalements** | Brouillons locaux et contributions envoyées |
+| **Recherche** | Recherche d’adresse (Géoportail) sur la carte |
 
-_(À compléter — filtres WFS, couche GDP)_
+Le **menu latéral** (icône en haut à gauche de la carte) ouvre le compte, les paramètres, l’aide et à propos. Favoris et communauté sont des écrans encore vides.
 
-## Signalement d'un repère
+## Carte
 
-_(À compléter)_
+- Fond IGN (plans, photos, SCAN) via le panneau **couches**.
+- Couches géodésie et filtres expert (type de point, origine, dates…) via le panneau **filtres**.
+- Recentrage GPS : bouton de localisation.
+- **Légende** : écran non développé (bandeau TODO).
 
-## Paramètres et cache
+## Consulter un repère
 
-_(À compléter)_
+1. Toucher un picto (ou un cluster, puis le point) sur la carte.
+2. La fiche s’ouvre en bas : titre, état, photos, attributs.
+3. Tirer la poignée pour agrandir (quatre hauteurs, jusqu’au plein écran).
+4. **S’y rendre** recentre la carte ; **Signaler** ouvre le formulaire.
+
+Détail technique : [Fiche point](./FICHE_POINT.md).
+
+## Signaler un repère
+
+La connexion Espace collaboratif est nécessaire pour **envoyer**. Un brouillon peut être enregistré sur l’appareil.
+
+1. Ouvrir la fiche d’un repère → **Signaler**.
+2. Indiquer si le point est conforme.
+3. Si non conforme : motif(s), puis photos (paysage).
+4. Relire le résumé, envoyer maintenant ou plus tard.
+
+Les brouillons et envois se retrouvent dans **Signalements**.
+
+## Compte et paramètres
+
+- **Se connecter** : menu → Mon compte, ou écran `/login` (SSO Géoplateforme).
+- **Paramètres** : cache carte, compteur de fiches consultées, réafficher l’onboarding.
+- **Aide** : FAQ et actualités (si un flux news est configuré).
+
+## Limites actuelles
+
+- Légende carte : pas encore renseignée.
+- Favoris et communauté : placeholders.
diff --git a/docs/NEWS.md b/docs/NEWS.md
new file mode 100644
index 0000000..271eb08
--- /dev/null
+++ b/docs/NEWS.md
@@ -0,0 +1,104 @@
+# News et alertes GDP
+
+Au démarrage (et au retour au premier plan sur mobile), l’application lit un JSON distant pour afficher des actualités ou alertes de service.
+
+## Configuration
+
+URL du flux : variable d’environnement `VITE_GDP_NEWS_URL`.
+
+```bash
+VITE_GDP_NEWS_URL=https://fiches-geodesie.ign.fr/checkinfo-gdp.json
+```
+
+- Déclarée dans `gdp-mobile/.env` (dev) ou `gdp-mobile/.env.qualif` (qualification).
+- Si la variable est **absente**, l’URL ci-dessus est utilisée par défaut.
+- Si la variable est **vide**, le flux est désactivé (aucune requête).
+- Le fetch ne bloque pas la carte : en cas d’erreur réseau, timeout (8 s) ou JSON invalide, l’app continue sans bannière.
+
+Fichier de production actuel : [https://fiches-geodesie.ign.fr/checkinfo-gdp.json](https://fiches-geodesie.ign.fr/checkinfo-gdp.json)
+
+Côté web, le serveur qui héberge le JSON doit autoriser CORS pour l’origine de l’app (ou passer par un reverse proxy). En APK / iOS, CORS ne s’applique pas.
+
+## Format du JSON
+
+```json
+{
+  "schemaVersion": 1,
+  "items": [ { "...": "voir ci-dessous" } ]
+}
+```
+
+| Champ racine | Type | Obligatoire | Description |
+|---|---|---|---|
+| `schemaVersion` | number | non | Version du contrat. Valeur actuelle : `1`. Les items inconnus sont ignorés. |
+| `items` | array | oui | Liste des news. Les objets mal formés sont ignorés. |
+
+### Item
+
+| Champ | Type | Obligatoire | Description |
+|---|---|---|---|
+| `id` | string | oui | Identifiant stable. Sert à mémoriser les news déjà fermées (`showOnce`). Ne pas réutiliser un `id` pour un autre message. |
+| `severity` | `"info"` \| `"warning"` \| `"error"` | oui | Niveau : information, avertissement, alerte bloquante (style). |
+| `title` | string | oui | Titre court. |
+| `body` | string | oui | Texte (pas de HTML). Les retours à la ligne sont conservés. |
+| `startsAt` | string ISO 8601 | oui | Début d’affichage (inclus), fuseau explicite recommandé (`+02:00`). |
+| `endsAt` | string ISO 8601 | oui | Fin d’affichage (inclus). |
+| `platforms` | array | non | `"web"`, `"android"`, `"ios"`. Défaut : les trois. |
+| `audience` | `"all"` \| `"authenticated"` | non | `all` : tout le monde. `authenticated` : uniquement les utilisateurs connectés. Défaut : `all`. |
+| `display` | `"banner"` \| `"modal"` | non | Conservé pour compatibilité du contrat JSON, mais actuellement sans effet : tous les items s'affichent de la même façon (voir Règles d'affichage). Défaut : `banner`. |
+| `dismissible` | boolean | non | `false` : la fermeture n’est pas mémorisée, le message revient au prochain chargement tant que les dates sont valides. `true` : la fermeture est mémorisée pour la session (et définitivement si `showOnce`). Dans tous les cas l’utilisateur peut fermer la fenêtre. Défaut : `true`. |
+| `showOnce` | boolean | non | `true` : après fermeture, ne plus jamais réafficher (stockage local). `false` : réaffichage à la prochaine session. Défaut : `false`. |
+| `cta` | object | non | Bouton / lien optionnel. |
+
+### CTA
+
+| Champ | Type | Obligatoire | Description |
+|---|---|---|---|
+| `label` | string | oui | Libellé du lien (ex. « En savoir plus »). |
+| `url` | string | oui | URL HTTPS ouverte dans un nouvel onglet. |
+
+## Exemple
+
+```json
+{
+  "schemaVersion": 1,
+  "items": [
+    {
+      "id": "espaceco-maintenance-2026-09-21",
+      "severity": "warning",
+      "title": "Espace collaboratif indisponible",
+      "body": "Les signalements ne pourront pas être envoyés le 21 septembre.",
+      "startsAt": "2026-09-21T00:00:00+02:00",
+      "endsAt": "2026-09-22T00:00:00+02:00",
+      "platforms": ["web", "android", "ios"],
+      "audience": "authenticated",
+      "display": "banner",
+      "dismissible": true,
+      "showOnce": false,
+      "cta": {
+        "label": "En savoir plus",
+        "url": "https://espacecollaboratif.ign.fr/"
+      }
+    }
+  ]
+}
+```
+
+## Règles d’affichage
+
+1. La date du moment est comprise entre `startsAt` et `endsAt`.
+2. La plateforme courante est dans `platforms`.
+3. `audience` : `authenticated` n’est montré que si l’utilisateur est connecté.
+4. Si `showOnce` et que l’`id` a déjà été fermé sur cet appareil, l’item est masqué.
+5. Une news affichée sur la carte pendant la session n’est plus réaffichée en y revenant (navigation interne). Une fermeture explicite a le même effet. `showOnce` : masquage définitif sur l’appareil.
+6. Une seule news est affichée à la fois, dans une fenêtre glissante depuis le bas de l’écran (style `Alert`). S’il y en a plusieurs, la plus sévère est montrée en premier (`error`, puis `warning`, puis `info`) ; fermer celle-ci fait apparaître la suivante.
+7. La fenêtre n’est jamais bloquante : la carte reste utilisable derrière elle (points, FABs, tabbar). Elle se ferme de trois façons : glisser la poignée vers le bas, cliquer sur la carte en arrière-plan, ou le bouton « J’ai compris ».
+8. À la fermeture, un **flash message** reprenant le titre apparaît 5 s en bas à droite (ou jusqu’à la croix cliquée) ; un clic dessus rouvre la fenêtre. C’est le seul chemin de retour immédiat vers un message fermé : toute nouvelle fenêtre ouverte automatiquement doit en faire autant. Contrairement à la fenêtre elle-même, ces flashs s’empilent : le premier fermé reste au plus près du coin, ceux fermés ensuite s’empilent au-dessus et descendent d’un cran quand celui du bas disparaît.
+9. Le menu **Aide** affiche un badge `News` s’il existe au moins une actualité encore valide. La liste se consulte depuis un lien **Actualités** dans la page d’aide (y compris les items déjà fermés sur la carte).
+
+## Conseils de rédaction
+
+- Un `id` par campagne (`service-sujet-date`), jamais recyclé.
+- Retirer ou dater les messages périmés pour garder le fichier lisible.
+- `dismissible: false` seulement pour une panne en cours qui doit revenir à chaque chargement (l’utilisateur peut quand même la fermer le temps de sa session).
+- `audience: "authenticated"` pour tout ce qui concerne signalements / compte ; `all` pour la carte et les fonds.
diff --git a/figma/liste_signalement_2.png b/figma/liste_signalement_2.png
new file mode 100644
index 0000000..4161e71
Binary files /dev/null and b/figma/liste_signalement_2.png differ
diff --git a/figma/signalement_liste_1.png b/figma/signalement_liste_1.png
new file mode 100644
index 0000000..1d76e12
Binary files /dev/null and b/figma/signalement_liste_1.png differ
diff --git a/knip.json b/knip.json
new file mode 100644
index 0000000..21d1d93
--- /dev/null
+++ b/knip.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://unpkg.com/knip@6/schema.json",
+  "entry": ["scripts/**/*.js"],
+  "project": ["src/**/*.{ts,tsx}", "scripts/**/*.js", "*.{ts,js}"],
+  "paths": {
+    "@/*": ["./src/*"]
+  },
+  "exclude": ["types"]
+}
diff --git a/package.json b/package.json
index 57620cf..2ea423b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "gdp-mobile",
   "private": true,
-  "version": "0.0.0",
+  "version": "4.0.1",
   "engines": {
     "node": ">=22.0.0"
   },
@@ -12,13 +12,13 @@
     "build:qualif": "tsc -b && vite build --mode qualif && cp scripts/htaccess-qualif.example dist/.htaccess",
     "build:mobile": "VITE_GEODESY_SOURCE=dist tsc -b && vite build",
     "lint": "eslint .",
-    "preview": "vite preview",
+    "lint:css-modules": "node scripts/check-css-modules.js",
+    "knip": "knip",
     "preview:qualif": "vite preview --mode qualif",
     "generate-apk": "bash ./scripts/generate-apk.sh",
+    "run-apk": "bash ./scripts/run-apk.sh",
     "setup-android": "bash ./scripts/setup-android.sh",
-    "capacitor-build": "npm run build:mobile && npx cap sync android",
-    "capacitor-run-android": "npm run capacitor-build && npx cap run android",
-    "open-android": "npx cap open android"
+    "bump:version": "node ./scripts/bump-version.js"
   },
   "dependencies": {
     "@capacitor/app": "^8.0.0",
@@ -28,8 +28,8 @@
     "@capacitor/filesystem": "^8.0.0",
     "@capacitor/geolocation": "^8.2.0",
     "@capacitor/preferences": "^8.0.0",
+    "@fontsource-variable/open-sans": "^5.3.0",
     "@fontsource/fira-sans": "^5.3.0",
-    "@fontsource/open-sans": "^5.3.0",
     "@ign/gdp-tools": "*",
     "@ign/mobile-core": "git+ssh://git@github.com/IGNF/mobile-core.git#main",
     "@ign/mobile-device": "git+ssh://git@github.com/IGNF/mobile-device.git#main",
@@ -49,9 +49,7 @@
     "@eslint/js": "^10.0.1",
     "@types/node": "^24.12.3",
     "@types/ol-ext": "npm:@siedlerchr/types-ol-ext@^3.6.8",
-    "@types/proj4": "^2.5.6",
     "@types/react": "^19.2.14",
-    "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "eslint": "^10.3.0",
@@ -59,7 +57,7 @@
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.6.0",
     "https-proxy-agent": "^5.0.1",
-    "react-datepicker": "^9.1.0",
+    "knip": "^6.35.1",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.59.2",
     "vite": "^8.0.12"
diff --git a/scripts/GDP/assets/icon.png b/scripts/GDP/assets/icon.png
deleted file mode 100644
index 06820f4..0000000
Binary files a/scripts/GDP/assets/icon.png and /dev/null differ
diff --git a/scripts/GDP/readme.md b/scripts/GDP/readme.md
deleted file mode 100644
index e3f1e68..0000000
--- a/scripts/GDP/readme.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# Application Géodésie de poche (GDP)
-
-Branding et ressources pour l’APK Android (sans switcher multi-apps).
-
-## Fichiers optionnels
-
-- `assets/icon.png` — icône lanceur (1024×1024 recommandé), copiée vers `resources/icon.png` lors de `setup-android`.
-- `assets/android/icon-foreground.png` et `icon-background.png` — icône adaptive Android (via `@capacitor/assets`).
-
-Après ajout ou mise à jour des visuels :
-
-```bash
-nvm install 22 && nvm use 22 # version necessaire (a faire une seule fois)
-npm run build:gdp-tools    # ou npm run dev:gdp-tools (
-npm run setup-android   # ou copie manuelle + npx @capacitor/assets generate --android
-npm run generate-apk
-```
-
-## Identifiants
-
-| Élément | Valeur |
-|---------|--------|
-| Application ID | `fr.ign.gdp` |
-| Schéma OAuth | `fr.ign.gdp://auth/callback` |
-| Nom affiché | Géodésie de poche |
diff --git a/scripts/apache-qlf-gdp-sso.conf.example b/scripts/apache-qlf-gdp-sso.conf.example
new file mode 100644
index 0000000..dd7e4ca
--- /dev/null
+++ b/scripts/apache-qlf-gdp-sso.conf.example
@@ -0,0 +1,38 @@
+# Extrait du VirtualHost Apache (cadillac2 / sgm.ign.fr) — fichier type qlf-gdp.conf
+#
+# Modules : alias, rewrite, headers, setenvif, proxy, proxy_http, ssl.
+# Le .htaccess du dist (SPA) ne configure PAS ce proxy.
+#
+# /auth (login Keycloak) : le navigateur va chez sso.geopf.fr, pas ici.
+# /token et /revoke : l’app POSTe sur /qlf-gdp/__sso/… (same-origin).
+#
+# Ne pas utiliser RequestHeader unset … early dans <Location> (Apache 2.4
+# l’ignore : Origin part vers Keycloak → 403 Invalid origin).
+# Ne pas laisser RequestHeader set Host hors du SetEnvIf GDP_SSO
+# (sinon Host est réécrit pour toute l’appli).
+
+# Fichiers statiques : contenu de gdp-mobile/dist/
+Alias /qlf-gdp /var/www/intranet/qlf-gdp
+
+<Directory /var/www/intranet/qlf-gdp>
+    Options -Indexes +FollowSymLinks
+    AllowOverride FileInfo
+    Require all granted
+
+    RewriteEngine On
+    RewriteBase /qlf-gdp/
+    RewriteRule ^index\.html$ - [L]
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule . /qlf-gdp/index.html [L]
+</Directory>
+
+SSLProxyEngine On
+
+ProxyPass /qlf-gdp/__sso/ https://sso.geopf.fr/realms/geoplateforme/protocol/openid-connect/
+ProxyPassReverse /qlf-gdp/__sso/ https://sso.geopf.fr/realms/geoplateforme/protocol/openid-connect/
+
+SetEnvIf Request_URI "^/qlf-gdp/__sso/" GDP_SSO
+RequestHeader set Host "sso.geopf.fr" env=GDP_SSO
+RequestHeader unset Origin env=GDP_SSO
+RequestHeader unset Referer env=GDP_SSO
diff --git a/scripts/bump-version.js b/scripts/bump-version.js
new file mode 100644
index 0000000..8a38938
--- /dev/null
+++ b/scripts/bump-version.js
@@ -0,0 +1,148 @@
+#!/usr/bin/env node
+/**
+ * Unique commande de version :
+ *   package.json + Android/iOS + commit + tag vX.Y.Z
+ * Ne pousse pas : le push du tag déclenche la CI store.
+ *
+ *   npm run bump:version -- 4.0.1
+ */
+import { execFileSync } from 'node:child_process';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const APP_DIR = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const PACKAGE_JSON = path.join(APP_DIR, 'package.json');
+const ANDROID_GRADLE = path.join(APP_DIR, 'android', 'app', 'build.gradle');
+const IOS_PBXPROJ = path.join(APP_DIR, 'ios', 'App', 'App.xcodeproj', 'project.pbxproj');
+const VERSION_RE = /^(\d+)\.(\d+)\.(\d+)$/;
+
+function parseVersion(version) {
+  const trimmed = String(version || '').trim();
+  const match = trimmed.match(VERSION_RE);
+  if (!match) {
+    throw new Error(
+      `Version invalide « ${trimmed} ». Attendu : major.minor.patch (ex. 4.0.1), sans suffixe.`,
+    );
+  }
+
+  const minor = Number(match[2]);
+  const patch = Number(match[3]);
+  if (minor > 99 || patch > 99) {
+    throw new Error('minor et patch doivent être ≤ 99 (encodage versionCode).');
+  }
+
+  return trimmed;
+}
+
+function versionToCode(version) {
+  const [major, minor, patch] = parseVersion(version).split('.').map(Number);
+  return major * 10000 + minor * 100 + patch;
+}
+
+function writeAppVersion(version) {
+  const pkg = JSON.parse(fs.readFileSync(PACKAGE_JSON, 'utf8'));
+  pkg.version = version;
+  fs.writeFileSync(PACKAGE_JSON, `${JSON.stringify(pkg, null, 2)}\n`, 'utf8');
+}
+
+function applyAndroidVersions(version) {
+  if (!fs.existsSync(ANDROID_GRADLE)) {
+    return null;
+  }
+
+  const versionCode = versionToCode(version);
+  let txt = fs.readFileSync(ANDROID_GRADLE, 'utf8');
+  if (!/versionCode\s+\d+/.test(txt) || !/versionName\s+"[^"]+"/.test(txt)) {
+    throw new Error('Android : versionCode ou versionName introuvable dans build.gradle');
+  }
+
+  txt = txt.replace(/versionCode\s+\d+/g, `versionCode ${versionCode}`);
+  txt = txt.replace(/versionName\s+"[^"]+"/g, `versionName "${version}"`);
+  fs.writeFileSync(ANDROID_GRADLE, txt, 'utf8');
+  return { versionName: version, versionCode };
+}
+
+function applyIosVersions(version) {
+  if (!fs.existsSync(IOS_PBXPROJ)) {
+    return null;
+  }
+
+  let txt = fs.readFileSync(IOS_PBXPROJ, 'utf8');
+  if (!/CURRENT_PROJECT_VERSION = [^;]+;/.test(txt) || !/MARKETING_VERSION = [^;]+;/.test(txt)) {
+    throw new Error('iOS : CURRENT_PROJECT_VERSION ou MARKETING_VERSION introuvable dans project.pbxproj');
+  }
+
+  txt = txt.replace(/CURRENT_PROJECT_VERSION = [^;]+;/g, `CURRENT_PROJECT_VERSION = ${version};`);
+  txt = txt.replace(/MARKETING_VERSION = [^;]+;/g, `MARKETING_VERSION = ${version};`);
+  fs.writeFileSync(IOS_PBXPROJ, txt, 'utf8');
+  return version;
+}
+
+function runGit(gitRoot, args) {
+  return execFileSync('git', args, { cwd: gitRoot, encoding: 'utf8' });
+}
+
+function gitRootFrom(appDir) {
+  return execFileSync('git', ['rev-parse', '--show-toplevel'], {
+    cwd: appDir,
+    encoding: 'utf8',
+  }).trim();
+}
+
+function isIgnored(gitRoot, filePath) {
+  try {
+    execFileSync('git', ['check-ignore', '-q', filePath], { cwd: gitRoot });
+    return true;
+  } catch (err) {
+    if (err.status === 1) return false;
+    return true;
+  }
+}
+
+try {
+  const versionArg = process.argv.slice(2).find((arg) => !arg.startsWith('--'));
+  if (!versionArg) {
+    console.error('Usage : npm run bump:version -- <major.minor.patch>');
+    process.exit(1);
+  }
+
+  const version = parseVersion(versionArg);
+  writeAppVersion(version);
+  console.log(`package.json : ${version}`);
+
+  const android = applyAndroidVersions(version);
+  if (android) {
+    console.log(`Android : versionName=${android.versionName} versionCode=${android.versionCode}`);
+  } else {
+    console.warn('Android : projet natif absent, version non écrite dans build.gradle');
+  }
+
+  if (applyIosVersions(version)) {
+    console.log(`iOS : MARKETING_VERSION=${version} CURRENT_PROJECT_VERSION=${version}`);
+  }
+
+  const gitRoot = gitRootFrom(APP_DIR);
+  const toStage = [PACKAGE_JSON, ANDROID_GRADLE, IOS_PBXPROJ].filter(
+    (file) => fs.existsSync(file) && !isIgnored(gitRoot, file),
+  );
+
+  const tag = `v${version}`;
+  for (const file of toStage) {
+    runGit(gitRoot, ['add', '--', path.relative(gitRoot, file)]);
+  }
+
+  const staged = runGit(gitRoot, ['diff', '--cached', '--name-only']).trim();
+  if (!staged) {
+    console.error('Aucun fichier de version à committer.');
+    process.exit(1);
+  }
+
+  runGit(gitRoot, ['commit', '-m', version]);
+  runGit(gitRoot, ['tag', tag]);
+
+  console.log(`Commit et tag ${tag} créés. Pour publier : git push && git push origin ${tag}`);
+} catch (err) {
+  console.error(err.message || err);
+  process.exit(1);
+}
diff --git a/scripts/check-css-modules.js b/scripts/check-css-modules.js
new file mode 100644
index 0000000..d3da1f2
--- /dev/null
+++ b/scripts/check-css-modules.js
@@ -0,0 +1,613 @@
+#!/usr/bin/env node
+
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const SCRIPT_DIR = path.dirname(fileURLToPath(import.meta.url));
+const PACKAGE_ROOT = path.resolve(SCRIPT_DIR, '..');
+const SRC_DIR = path.join(PACKAGE_ROOT, 'src');
+const ROOT = path.resolve(process.argv[2] || SRC_DIR);
+
+const SOURCE_EXTENSIONS = new Set([
+    '.js',
+    '.jsx',
+    '.ts',
+    '.tsx',
+]);
+
+const IGNORE_DIRS = new Set([
+    'node_modules',
+    '.git',
+    'dist',
+    'build',
+    'coverage',
+    '.next',
+]);
+
+const cssModules = new Map();
+const unresolvedImports = [];
+
+/**
+ * Retourne tous les fichiers d'un dossier récursivement.
+ */
+function walk(dir) {
+    if (!fs.existsSync(dir)) {
+        console.error(`Dossier introuvable : ${dir}`);
+        process.exit(1);
+    }
+
+    const files = [];
+
+    for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+        if (IGNORE_DIRS.has(entry.name)) {
+            continue;
+        }
+
+        const fullPath = path.join(dir, entry.name);
+
+        if (entry.isDirectory()) {
+            files.push(...walk(fullPath));
+        } else {
+            files.push(fullPath);
+        }
+    }
+
+    return files;
+}
+
+/**
+ * Supprime un préfixe suivi d'un bloc équilibré, ex. :global(...) ou url("...").
+ */
+function stripPrefixedBalanced(content, prefixRegex, open, close) {
+    let result = '';
+    let lastIndex = 0;
+    prefixRegex.lastIndex = 0;
+
+    let match;
+
+    while ((match = prefixRegex.exec(content)) !== null) {
+        const openAt = match.index + match[0].length - 1;
+        let depth = 1;
+        let i = openAt + 1;
+
+        while (i < content.length && depth > 0) {
+            const ch = content[i];
+
+            if (ch === open) {
+                depth++;
+            } else if (ch === close) {
+                depth--;
+            }
+
+            i++;
+        }
+
+        result += content.slice(lastIndex, match.index);
+        lastIndex = i;
+        prefixRegex.lastIndex = i;
+    }
+
+    return result + content.slice(lastIndex);
+}
+
+/**
+ * Supprime grossièrement les commentaires CSS.
+ */
+function removeCssComments(content) {
+    return content.replace(/\/\*[\s\S]*?\*\//g, '');
+}
+
+/**
+ * Supprime url(...) pour ne pas extraire de faux .org / .svg.
+ */
+function stripCssUrls(content) {
+    let result = content.replace(
+        /url\(\s*(['"])[\s\S]*?\1\s*\)/g,
+        'url()'
+    );
+
+    result = stripPrefixedBalanced(result, /url\s*\(/g, '(', ')');
+
+    return result;
+}
+
+/**
+ * Supprime :global(...) et :global { ... } (classes OpenLayers, etc.).
+ */
+function stripCssGlobals(content) {
+    let result = stripPrefixedBalanced(content, /:global\s*\(/g, '(', ')');
+    result = stripPrefixedBalanced(result, /:global\s*\{/g, '{', '}');
+    return result;
+}
+
+/**
+ * Extrait les classes définies dans un module CSS.
+ *
+ * Ex:
+ * .foo {}
+ * .foo:hover {}
+ * .foo.bar {}
+ *
+ * => foo, bar
+ */
+function extractCssClasses(content) {
+    content = stripCssGlobals(stripCssUrls(removeCssComments(content)));
+
+    const classes = new Set();
+
+    // On récupère les .classe
+    //
+    // Supporte notamment :
+    // .foo
+    // .foo-bar
+    // .foo_bar
+    //
+    const regex = /\.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/g;
+
+    let match;
+
+    while ((match = regex.exec(content)) !== null) {
+        classes.add(match[1]);
+    }
+
+    return classes;
+}
+
+/**
+ * Résout un import CSS module, y compris l'alias Vite/TS `@/` → `src/`.
+ */
+function resolveCssImport(sourceFile, cssImport) {
+    if (cssImport.startsWith('@/')) {
+        return path.resolve(SRC_DIR, cssImport.slice(2));
+    }
+
+    return path.resolve(path.dirname(sourceFile), cssImport);
+}
+
+/**
+ * Supprime commentaires // et /* *\/ sans trop casser les URL http://.
+ */
+function removeJsComments(content) {
+    return content
+        .replace(/\/\*[\s\S]*?\*\//g, '')
+        .replace(/(^|[^:\/])\/\/.*$/gm, '$1');
+}
+
+/**
+ * Extrait les imports CSS modules.
+ *
+ * Ex:
+ * import styles from './Button.module.css'
+ * import classes from "./foo.module.css";
+ * import screen from '@/shared/styles/screen.module.css'
+ */
+function extractModuleImports(content) {
+    const imports = [];
+
+    const regex =
+        /import\s+([A-Za-z_$][\w$]*)\s+from\s+['"]([^'"]+\.module\.css)['"]/g;
+
+    let match;
+
+    while ((match = regex.exec(content)) !== null) {
+        imports.push({
+            variable: match[1],
+            file: match[2],
+        });
+    }
+
+    return imports;
+}
+
+/**
+ * Escape pour utilisation dans une RegExp.
+ */
+function escapeRegex(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+/**
+ * Littéraux string des alias de types (`type Foo = 'a' | 'b'`).
+ * Sert à résoudre styles[color] / styles[size] dans le même fichier.
+ */
+function extractTypeStringLiterals(content) {
+    const literals = new Set();
+    const typeAlias =
+        /(?:export\s+)?type\s+[A-Za-z_$][\w$]*\s*=\s*([^;{]+)/g;
+
+    let match;
+
+    while ((match = typeAlias.exec(content)) !== null) {
+        const litRegex = /['"]([^'"]+)['"]/g;
+        let litMatch;
+
+        while ((litMatch = litRegex.exec(match[1])) !== null) {
+            const value = litMatch[1];
+
+            if (/^-?[_a-zA-Z][_a-zA-Z0-9-]*$/.test(value)) {
+                literals.add(value);
+            }
+        }
+    }
+
+    return literals;
+}
+
+/**
+ * Classes visées par un accès dynamique styles[ident], via unions TS
+ * et valeurs par défaut (`size = 'md'`).
+ */
+function extractDynamicClasses(content, variable) {
+    const classes = new Set();
+    const escaped = escapeRegex(variable);
+    const dynamicRegex = new RegExp(
+        `(?<![.\\w/])${escaped}\\s*\\[\\s*([A-Za-z_$][\\w$]*)\\s*\\]`,
+        'g'
+    );
+
+    const keys = new Set();
+    let match;
+
+    while ((match = dynamicRegex.exec(content)) !== null) {
+        keys.add(match[1]);
+    }
+
+    if (keys.size === 0) {
+        return classes;
+    }
+
+    for (const literal of extractTypeStringLiterals(content)) {
+        classes.add(literal);
+    }
+
+    for (const key of keys) {
+        const defaultRegex = new RegExp(
+            `\\b${escapeRegex(key)}\\s*=\\s*['"]([^'"]+)['"]`,
+            'g'
+        );
+
+        while ((match = defaultRegex.exec(content)) !== null) {
+            classes.add(match[1]);
+        }
+    }
+
+    return classes;
+}
+
+/**
+ * Cherche toutes les utilisations d'une variable CSS module.
+ *
+ * styles.foo
+ * styles?.foo
+ * styles['foo']
+ * styles["foo"]
+ * styles[color]  (via unions TS / défauts du fichier)
+ */
+function extractUsedClasses(content, variable) {
+    const classes = new Set();
+    const escaped = escapeRegex(variable);
+
+    // styles.foo  /  styles?.foo
+    // Lookbehind : ignorer les chemins du type .../screen.module.css
+    const dotRegex = new RegExp(
+        `(?<![.\\w/])${escaped}\\??\\.([A-Za-z_$][\\w$-]*)`,
+        'g'
+    );
+
+    let match;
+
+    while ((match = dotRegex.exec(content)) !== null) {
+        classes.add(match[1]);
+    }
+
+    // styles['foo']
+    // styles["foo"]
+    const bracketRegex = new RegExp(
+        `(?<![.\\w/])${escaped}\\s*\\[\\s*['"]([^'"]+)['"]\\s*\\]`,
+        'g'
+    );
+
+    while ((match = bracketRegex.exec(content)) !== null) {
+        classes.add(match[1]);
+    }
+
+    for (const className of extractDynamicClasses(content, variable)) {
+        classes.add(className);
+    }
+
+    return classes;
+}
+
+function markClassUsage(module, className, sourceFile) {
+    module.used.add(className);
+
+    if (!module.defined.has(className)) {
+        if (!module.missing.has(className)) {
+            module.missing.set(className, new Set());
+        }
+
+        module.missing.get(className).add(sourceFile);
+    }
+}
+
+/**
+ * Noms de classes écrits en string globale dans le JSX.
+ *
+ * className="text-error"
+ * className={'foo bar'}
+ * className={`foo ${x}`}
+ */
+function extractLiteralClassNames(content) {
+    const names = new Set();
+
+    function addFromClassString(value) {
+        for (const token of value.split(/\s+/)) {
+            if (/^-?[_a-zA-Z][_a-zA-Z0-9-]*$/.test(token)) {
+                names.add(token);
+            }
+        }
+    }
+
+    const quoted = /className\s*=\s*(?:\{\s*)?['"]([^'"]+)['"]\s*\}?/g;
+    let match;
+
+    while ((match = quoted.exec(content)) !== null) {
+        addFromClassString(match[1]);
+    }
+
+    const template = /className\s*=\s*\{\s*`([^`]*)`\s*\}/g;
+
+    while ((match = template.exec(content)) !== null) {
+        addFromClassString(match[1].replace(/\$\{[^}]*\}/g, ' '));
+    }
+
+    return names;
+}
+
+function createCssModuleRecord(file, content) {
+    return {
+        file,
+        defined: extractCssClasses(content),
+        used: new Set(),
+        importedBy: new Set(),
+        missing: new Map(),
+        globalStrings: new Map(),
+    };
+}
+
+/**
+ * Affichage relatif au dossier courant.
+ */
+function relative(file) {
+    return path.relative(process.cwd(), file);
+}
+
+/**
+ * Initialisation des fichiers CSS modules.
+ */
+const files = walk(ROOT);
+
+for (const file of files) {
+    if (!file.endsWith('.module.css')) {
+        continue;
+    }
+
+    const content = fs.readFileSync(file, 'utf8');
+
+    cssModules.set(path.resolve(file), createCssModuleRecord(file, content));
+}
+
+/**
+ * Analyse JS / JSX / TS / TSX
+ */
+for (const sourceFile of files) {
+    const extension = path.extname(sourceFile);
+
+    if (!SOURCE_EXTENSIONS.has(extension)) {
+        continue;
+    }
+
+    const rawContent = fs.readFileSync(sourceFile, 'utf8');
+    const content = removeJsComments(rawContent);
+    const imports = extractModuleImports(content);
+
+    for (const cssImport of imports) {
+        const cssFile = resolveCssImport(sourceFile, cssImport.file);
+
+        /*
+         * Import d'un module inexistant.
+         */
+        if (!fs.existsSync(cssFile)) {
+            unresolvedImports.push({
+                sourceFile,
+                variable: cssImport.variable,
+                file: cssImport.file,
+            });
+
+            continue;
+        }
+
+        /*
+         * Le fichier peut être hors du ROOT analysé.
+         */
+        if (!cssModules.has(cssFile)) {
+            const cssContent = fs.readFileSync(cssFile, 'utf8');
+
+            cssModules.set(cssFile, createCssModuleRecord(cssFile, cssContent));
+        }
+
+        const module = cssModules.get(cssFile);
+
+        module.importedBy.add(sourceFile);
+
+        const usedClasses = extractUsedClasses(
+            content,
+            cssImport.variable
+        );
+
+        for (const className of usedClasses) {
+            markClassUsage(module, className, sourceFile);
+        }
+
+        /*
+         * className="text-error" vise une classe du module importé
+         * sans passer par l'objet styles — le hash CSS module ne s'applique pas.
+         */
+        for (const className of extractLiteralClassNames(content)) {
+            if (
+                !module.defined.has(className) ||
+                usedClasses.has(className)
+            ) {
+                continue;
+            }
+
+            module.used.add(className);
+
+            if (!module.globalStrings.has(className)) {
+                module.globalStrings.set(className, new Set());
+            }
+
+            module.globalStrings.get(className).add(sourceFile);
+        }
+    }
+}
+
+/**
+ * Rapport
+ */
+
+let unusedCount = 0;
+let missingCount = 0;
+let unimportedCount = 0;
+let globalStringCount = 0;
+
+console.log('\n==========================================');
+console.log(' Vérification CSS Modules');
+console.log('==========================================');
+console.log(`Dossier : ${ROOT}\n`);
+
+if (unresolvedImports.length > 0) {
+    for (const item of unresolvedImports) {
+        console.log(
+            `❌ CSS MODULE INTROUVABLE\n` +
+            `   ${relative(item.sourceFile)}\n` +
+            `   import ${item.variable} from '${item.file}'\n`
+        );
+    }
+}
+
+for (const module of [...cssModules.values()].sort((a, b) =>
+    a.file.localeCompare(b.file)
+)) {
+    const unused = [...module.defined]
+        .filter(className => !module.used.has(className))
+        .sort();
+
+    const missing = [...module.missing.keys()].sort();
+    const globalStrings = [...module.globalStrings.keys()].sort();
+
+    if (
+        unused.length === 0 &&
+        missing.length === 0 &&
+        globalStrings.length === 0 &&
+        module.importedBy.size > 0
+    ) {
+        continue;
+    }
+
+    console.log(`\n📄 ${relative(module.file)}`);
+
+    /*
+     * Module jamais importé
+     */
+    if (module.importedBy.size === 0) {
+        console.log('   ⚠️  Module CSS jamais importé');
+        unimportedCount++;
+    }
+
+    /*
+     * Classe du module écrite en string globale (className="foo").
+     */
+    if (globalStrings.length > 0) {
+        console.log(
+            '\n   ⚠️  Classes du module utilisées en string globale :\n' +
+            '      (className="foo" n’applique pas le hash CSS module,' +
+            ' utiliser styles.foo ou styles[\'foo\'])'
+        );
+
+        for (const className of globalStrings) {
+            console.log(`      .${className}`);
+
+            for (const sourceFile of module.globalStrings.get(className)) {
+                console.log(`         ↳ ${relative(sourceFile)}`);
+            }
+
+            globalStringCount++;
+        }
+    }
+
+    /*
+     * Classes CSS inutilisées
+     */
+    if (unused.length > 0) {
+        console.log('\n   🟡 Classes définies mais non utilisées :');
+
+        for (const className of unused) {
+            console.log(`      .${className}`);
+            unusedCount++;
+        }
+    }
+
+    /*
+     * Classes JS absentes du CSS
+     */
+    if (missing.length > 0) {
+        console.log('\n   🔴 Classes utilisées mais absentes du CSS :');
+
+        for (const className of missing) {
+            console.log(`      ${className}`);
+
+            const sourceFiles = module.missing.get(className);
+
+            for (const sourceFile of sourceFiles) {
+                console.log(
+                    `         ↳ ${relative(sourceFile)}`
+                );
+            }
+
+            missingCount++;
+        }
+    }
+}
+
+console.log('\n==========================================');
+console.log(' Résumé');
+console.log('==========================================');
+
+console.log(`🟡 Classes CSS inutilisées : ${unusedCount}`);
+console.log(`🔴 Classes CSS absentes    : ${missingCount}`);
+console.log(`⚠️  Modules non importés    : ${unimportedCount}`);
+console.log(`⚠️  Strings globales        : ${globalStringCount}`);
+console.log(`❌ Modules introuvables     : ${unresolvedImports.length}`);
+
+if (
+    unusedCount === 0 &&
+    missingCount === 0 &&
+    unimportedCount === 0 &&
+    globalStringCount === 0 &&
+    unresolvedImports.length === 0
+) {
+    console.log('\n✅ Aucun problème détecté.');
+} else {
+    console.log('');
+}
+
+/*
+ * Code retour != 0 uniquement s'il existe
+ * des références vers des classes / fichiers inexistants.
+ *
+ * Pratique pour CI / npm test.
+ */
+process.exitCode =
+    missingCount > 0 || unresolvedImports.length > 0 ? 1 : 0;
diff --git a/scripts/htaccess-qualif.example b/scripts/htaccess-qualif.example
index 22fda7f..f9c31c4 100644
--- a/scripts/htaccess-qualif.example
+++ b/scripts/htaccess-qualif.example
@@ -1,5 +1,6 @@
 # Fallback SPA pour déploiement sous un sous-chemin (ex. /qlf-gdp/)
 # Copié en dist/.htaccess par npm run build:qualif
+# Ne configure pas le proxy OAuth /__sso (VirtualHost uniquement, voir apache-qlf-gdp-sso.conf.example).
 
 <IfModule mod_rewrite.c>
   RewriteEngine On
diff --git a/scripts/patch-android.sh b/scripts/patch-android.sh
deleted file mode 100755
index 71b2aea..0000000
--- a/scripts/patch-android.sh
+++ /dev/null
@@ -1,22 +0,0 @@
-#!/bin/bash
-
-# Applique la configuration Android GDP (OAuth, permissions, libellés).
-
-set -euo pipefail
-
-SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
-APP_DIR="$(cd "${SCRIPT_DIR}/.." && pwd)"
-TEMPLATES_DIR="${SCRIPT_DIR}/android/templates"
-
-if [[ ! -d "${APP_DIR}/android" ]]; then
-  echo "Erreur : dossier android/ absent. Lancez d'abord setup-android.sh"
-  exit 1
-fi
-
-cp "${TEMPLATES_DIR}/AndroidManifest.xml" \
-  "${APP_DIR}/android/app/src/main/AndroidManifest.xml"
-
-cp "${TEMPLATES_DIR}/strings.xml" \
-  "${APP_DIR}/android/app/src/main/res/values/strings.xml"
-
-echo "Configuration Android GDP appliquée (OAuth fr.ign.gdp, géoloc, caméra)."
diff --git a/scripts/run-apk.sh b/scripts/run-apk.sh
new file mode 100755
index 0000000..b98a82c
--- /dev/null
+++ b/scripts/run-apk.sh
@@ -0,0 +1,64 @@
+#!/bin/bash
+
+# Build, installe et lance l’APK debug sur le téléphone USB.
+# Pas besoin d’Android Studio.
+
+set -euo pipefail
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+APP_DIR="$(cd "${SCRIPT_DIR}/.." && pwd)"
+REPO_ROOT="$(cd "${APP_DIR}/.." && pwd)"
+
+# shellcheck source=resolve-java-home.sh
+source "${SCRIPT_DIR}/resolve-java-home.sh"
+
+if [[ ! -d "${APP_DIR}/android" ]]; then
+  echo "Erreur : le projet Android Capacitor est absent."
+  echo "Exécutez une fois : npm run setup-android"
+  exit 1
+fi
+
+ensure_java_home
+
+NODE_MAJOR="$(node -p "process.versions.node.split('.')[0]")"
+if [[ "${NODE_MAJOR}" -lt 22 ]]; then
+  echo "Erreur : Capacitor CLI 8 requiert Node.js >= 22 (actuel : $(node -v))."
+  echo "Avec nvm : nvm install 22 && nvm use 22"
+  echo "Puis relancez : npm run run-apk"
+  exit 1
+fi
+
+if ! command -v adb >/dev/null 2>&1; then
+  echo "Erreur : adb introuvable. Installez les platform-tools Android."
+  exit 1
+fi
+
+DEVICE_IDS="$(adb devices | awk 'NR>1 && $2=="device" {print $1}')"
+if [[ -z "${DEVICE_IDS}" ]]; then
+  echo "Erreur : aucun téléphone USB prêt."
+  echo "Brancher le téléphone, activer le débogage USB, accepter la popup, puis :"
+  echo "  adb devices"
+  exit 1
+fi
+
+DEVICE_COUNT="$(printf '%s\n' "${DEVICE_IDS}" | grep -c .)"
+TARGET_ARGS=()
+if [[ "${DEVICE_COUNT}" -eq 1 ]]; then
+  TARGET_ARGS=(--target "${DEVICE_IDS}")
+  echo "Téléphone : ${DEVICE_IDS}"
+else
+  echo "Plusieurs appareils USB. Le CLI Capacitor demandera lequel utiliser."
+  printf '  %s\n' ${DEVICE_IDS}
+fi
+
+echo "Building @ign/gdp-tools…"
+npm run build -w @ign/gdp-tools --prefix "${REPO_ROOT}"
+
+echo "Building gdp-mobile web assets (dist)…"
+npm run build:mobile -w gdp-mobile --prefix "${REPO_ROOT}"
+
+echo "Install et lancement sur le téléphone…"
+cd "${APP_DIR}"
+npx cap run android "${TARGET_ARGS[@]}"
+
+echo "✓ App lancée. Inspecter la WebView : chrome://inspect/#devices"
diff --git a/scripts/setup-android.sh b/scripts/setup-android.sh
index 7adf864..22573c9 100755
--- a/scripts/setup-android.sh
+++ b/scripts/setup-android.sh
@@ -2,6 +2,10 @@
 
 # Première configuration Android pour Géodésie de poche (Capacitor).
 # À exécuter une fois après le clonage, puis : npm run generate-apk
+#
+# android/ est versionné (manifest OAuth, permissions, icônes mipmap).
+# Icône source : resources/icon.png — pour régénérer les lanceurs :
+#   npx @capacitor/assets generate --android
 
 set -euo pipefail
 
@@ -30,21 +34,7 @@ cd "${APP_DIR}"
 if [[ ! -d "${APP_DIR}/android" ]]; then
   echo "Ajout de la plateforme Android Capacitor…"
   npx cap add android
-fi
-
-bash "${SCRIPT_DIR}/patch-android.sh"
-
-ICON_SOURCE="${SCRIPT_DIR}/GDP/assets/icon.png"
-if [[ -f "${ICON_SOURCE}" ]]; then
-  mkdir -p "${APP_DIR}/resources"
-  cp "${ICON_SOURCE}" "${APP_DIR}/resources/icon.png"
-  if command -v npx >/dev/null 2>&1; then
-    echo "Génération des icônes Android…"
-    npx --yes @capacitor/assets generate --android || true
-  fi
-else
-  echo "Astuce : placez une icône 1024×1024 dans scripts/GDP/assets/icon.png"
-  echo "         puis relancez setup-android pour régénérer les icônes lanceur."
+  echo "Attention : android/ était absent. Vérifiez le manifeste OAuth (fr.ign.gdp) et les icônes lanceur."
 fi
 
 echo ""
diff --git a/src/app/components/BottomTabbar/BottomTabbar.module.css b/src/app/components/BottomTabbar/BottomTabbar.module.css
index 7b1536d..7bb8e7d 100644
--- a/src/app/components/BottomTabbar/BottomTabbar.module.css
+++ b/src/app/components/BottomTabbar/BottomTabbar.module.css
@@ -1,68 +1,68 @@
 .tabbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  gap: 1rem;
-  flex-shrink: 0;
-  background-color: var(--color-white);
-  margin: 0 0 calc(1rem + var(--safe-bottom)) 0;
-  border-radius : 5rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  height: 4.5rem;
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	gap: var(--spacing-md);
+	flex-shrink: 0;
+	width: 19.0625rem;
+	background-color: var(--color-bg-subtle);
+	margin: 0 auto calc(var(--spacing-xl) + var(--safe-bottom));
+	border-radius: var(--radius-pill);
+	box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.20);
+	height: 4.5rem;
 }
 
 .tab {
-  background: none;
-  border: none;
-  border-radius: 5rem;
-  cursor: pointer;
-  font: inherit;
-  transition: all 0.2s;
-  min-width: 2.5rem;
-  display: flex;
-  padding: var(--Spacing-xs, 0.5rem) var(--Spacing-md, 1rem) var(--Spacing-xs, 0.5rem) var(--Spacing-sm, 0.75rem);
-  justify-content: center;
-  align-items: center;
-  gap: var(--Spacing-xs, 0.5rem);
-  fill: var(--gray-11, #363331);
+	background: none;
+	border: none;
+	border-radius: var(--radius-pill);
+	cursor: pointer;
+	font: inherit;
+	transition: all var(--duration-base) var(--ease-standard);
+	min-width: 2.5rem;
+	display: flex;
+	padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-sm);
+	justify-content: center;
+	align-items: center;
+	gap: var(--spacing-xs);
+	fill: var(--color-text);
+}
+.tabSearch {
+	margin-right: var(--spacing-md);
 }
 
+.tabMAP {
+	margin-left: var(--spacing-md);
+}
 .tab.active {
-  border-radius: var(--Radius-Full, 624.9375rem);
-  background: var(--green-6, #1E8467);
+	border-radius: var(--radius-pill);
+	background: var(--color-bg-primary-pressed);
 }
 
 .tabIcon {
-  width: 1.5rem;
-  height: 1.5rem;
-  flex-shrink: 0;
+	width: var(--icon-xl);
+	height: var(--icon-xl);
+	flex-shrink: 0;
 }
 
 .tabIcon path {
-  fill: var(--gray-11, #363331);
-  transition: fill 0.2s;
+	fill: var(--color-text);
+	transition: fill var(--duration-base) var(--ease-standard);
 }
 
 .active .tabIcon path {
-  fill: var(--color-white);
+	fill: var(--color-white);
 }
 
 .tabLabel {
-  font-size: 0.9375rem;
-  font-weight: 600;
-  color: var(--color-white);
-  white-space: nowrap;
-  display: none;
+	font-family: var(--font-family-heading);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-semibold);
+	color: var(--color-white);
+	white-space: nowrap;
+	display: none;
 }
 
 .active .tabLabel {
-  display: block;
-}
-
-.iconCircle {
-  display: none;
-}
-
-.iconCircleActive {
-  display: none;
+	display: block;
 }
diff --git a/src/app/components/BottomTabbar/BottomTabbar.tsx b/src/app/components/BottomTabbar/BottomTabbar.tsx
index fe369fc..28127ab 100644
--- a/src/app/components/BottomTabbar/BottomTabbar.tsx
+++ b/src/app/components/BottomTabbar/BottomTabbar.tsx
@@ -40,7 +40,7 @@ export function BottomTabbar({ activeTab, onCloseSearch, onTabClick }: BottomTab
     <nav className={styles.tabbar} aria-label="Navigation principale">
       <button
         type="button"
-        className={`${styles.tab} ${activeTab === 'carte' ? styles.active : ''}`}
+        className={`${styles.tab} ${styles.tabMAP} ${activeTab === 'carte' ? styles.active : ''}`}
         onClick={() => handleTabClick('carte')}
         aria-current={activeTab === 'carte' ? 'page' : undefined}
       >
@@ -59,7 +59,7 @@ export function BottomTabbar({ activeTab, onCloseSearch, onTabClick }: BottomTab
 
       <button
         type="button"
-        className={`${styles.tab} ${activeTab === 'recherche' ? styles.active : ''}`}
+        className={`${styles.tab} ${styles.tabSearch} ${activeTab === 'recherche' ? styles.active : ''}`}
         onClick={() => handleTabClick('recherche')}
         aria-current={activeTab === 'recherche' ? 'page' : undefined}
       >
diff --git a/src/app/components/LeftMenu/LeftMenu.module.css b/src/app/components/LeftMenu/LeftMenu.module.css
index 0c5ccfe..1710dae 100644
--- a/src/app/components/LeftMenu/LeftMenu.module.css
+++ b/src/app/components/LeftMenu/LeftMenu.module.css
@@ -1,115 +1,115 @@
 .overlay {
-  z-index: 999;
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.3s ease, visibility 0.3s ease;
+	z-index: 999;
+	opacity: 0;
+	visibility: hidden;
+	transition: opacity var(--duration-slow) var(--ease-standard), visibility var(--duration-slow) var(--ease-standard);
 }
 
 .overlayVisible {
-  opacity: 1;
-  visibility: visible;
+	opacity: 1;
+	visibility: visible;
 }
 
 .menu {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  width: 85%;
-  max-width: 320px;
-  background-color: var(--color-dark-contrast);
-  z-index: 1000;
-  transform: translateX(-100%);
-  transition: transform 0.3s ease;
-  display: flex;
-  flex-direction: column;
-  overflow-y: auto;
-  padding-top: var(--safe-top, 0px);
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	width: 85%;
+	max-width: 20rem;
+	background-color: var(--color-bg-page);
+	z-index: 1000;
+	transform: translateX(-100%);
+	transition: transform var(--duration-slow) var(--ease-standard);
+	display: flex;
+	flex-direction: column;
+	overflow-y: auto;
+	padding-top: var(--safe-top, 0px);
 }
 
 .menuOpen {
-  transform: translateX(0);
+	transform: translateX(0);
 }
 
 .userSection {
-  display: flex;
-  align-items: center;
-  gap: 1rem;  
-  background:var(--green-6, #1E8467);
-  padding: 3.25rem 1.25rem 1.5rem 1.25rem;  
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-md);
+	background: var(--color-bg-primary-pressed);
+	padding: var(--spacing-2xl) var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
+	margin-bottom: var(--spacing-lg);
 }
 
 .avatar {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  overflow: hidden;
-  flex-shrink: 0;
-  color: var(--gray-6, #78716C);
+	width: 4rem;
+	height: 4rem;
+	border-radius: var(--radius-circle);
+	overflow: hidden;
+	flex-shrink: 0;
+	color: var(--color-border-strong);
 }
 
 .avatarPlaceholder {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background: var(--gray-5, #EBEAE9);
-  color: var(--gray-6, #78716C);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 3.49963rem;
-  height: 3.49963rem;
+	width: 100%;
+	height: 100%;
+	border-radius: var(--radius-circle);
+	background: var(--color-bg-active);
+	color: var(--color-text-disabled);
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .avatarImage {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
 }
 
 .avatarIcon {
-  width: 1.75rem;
-  height: 1.75rem;
+	width: var(--icon-2xl);
+	height: var(--icon-2xl);
 }
 
 .avatarIcon path {
-  fill: var(--color-dark);
+	fill: var(--color-text);
 }
 
 .userInfo {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-3xs);
+	min-width: 0;
 }
 
 .userName {
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--color-white);
+	font-size: var(--font-size-xl);
+	font-weight: var(--font-weight-semibold);
+	color: var(--color-white);
+	font-family: var(--font-family-heading);
 }
 
 .userSubtitle {
-  font-size: 0.875rem;
-  color: var(--color-white);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+	font-size: var(--font-size-base);
+	color: var(--color-white);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .userSubtitleLink {
-  font-size: 0.875rem;
-  color: var(--color-white);
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  text-align: left;
-  font-family: inherit;
+	font-size: var(--font-size-base);
+	color: var(--color-white);
+	background: none;
+	border: none;
+	padding: 0;
+	cursor: pointer;
+	text-align: left;
+	font-family: var(--font-family-base);
 }
 
 .userSubtitleLink:hover {
-  opacity: 0.85;
+	opacity: var(--opacity-hover);
 }
 
 .menuContent {
@@ -119,149 +119,150 @@
 }
 
 .menuGroup {
-  border-bottom: 1px solid var(--color-light);
+	padding-left: var(--spacing-md);
 }
 
 .groupHeader {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  width: 100%;
-  padding: 1rem;
-  background: none;
-  border: none;
-  cursor: pointer;
-  text-align: left;
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-sm);
+	width: 100%;
+	padding: var(--spacing-md);
+	background: none;
+	border: none;
+	cursor: pointer;
+	text-align: left;
 }
 
 .groupIcon {
-  width: 24px;
-  height: 24px;
-  padding: 8px;
-  border-radius: var(--Radius-Full, 624.9375rem);
-  background: var(--gray-5, #EBEAE9);
-  flex-shrink: 0;
+	width: var(--icon-xl);
+	height: var(--icon-xl);
+	padding: var(--spacing-xs);
+	border-radius: var(--radius-circle);
+	background: var(--color-bg-active);
+	flex-shrink: 0;
 }
 
 .groupIcon path {
-  fill: var(--gray-11, #363331);
+	fill: var(--color-text);
 }
 
 .groupTitle {
-  flex: 1;
-  color: var(--gray-9,#5A5551);
-  
-  font-family: "Open Sans";
-  font-size: 0.9375rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-
-}
-
-.chevron {
-  width: 20px;
-  height: 20px;
-  transition: transform 0.2s ease;
+	flex: 1;
+	display: inline-flex;
+	align-items: center;
+	gap: var(--spacing-xs);
+	min-width: 0;
+	color: var(--color-border-strong);
+	font-family: var(--font-family-base);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-normal);
+}
+
+.newsBadge {
+	display: inline-flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	padding: 0.125rem 0.5rem;
+	border-radius: var(--radius-pill);
+	background: var(--color-bg-primary);
+	color: var(--color-white);
+	font-family: var(--font-family-heading);
+	font-size: 0.625rem;
+	font-weight: var(--font-weight-bold);
+	line-height: 1.2;
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+}
+
+.chevron,
+.externalIcon {
+	width: var(--icon-sm);
+	height: var(--icon-sm);
+	flex-shrink: 0;
+	transition: transform var(--duration-base) var(--ease-standard);
+}
+
+.chevron path,
+.externalIcon path {
+	fill: var(--color-text);
+}
+
+a.groupHeader {
+	display: flex;
+	text-decoration: none;
+	box-sizing: border-box;
+	color: inherit;
+	font-weight: inherit;
 }
 
-.chevron path {
-  fill:  var(--gray-11,#363331)
-}
-
-.chevronExpanded {
-  transform: rotate(90deg);
-}
-
-.groupItems {
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height 0.3s ease;
-}
-
-.groupItemsExpanded {
-  max-height: 300px;
-}
-
-.menuItem {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 0.75rem 1rem 0.75rem 3.5rem;
-  background: none;
-  border: none;
-  cursor: pointer;
-  text-align: left;
-  font-size: 0.9375rem;
-  color: var(--color-medium-shade);
-}
-
-.menuItem:hover {
-  background-color: var(--color-light-light);
-}
-
-.menuItem:active {
-  background-color: var(--color-light);
+.standaloneItems {
+	margin-top: auto;
+	padding: var(--spacing-md);
+	position: relative;
 }
 
-.standaloneItems {
-  margin-top: auto;
-  padding: 1rem;
+.standaloneItems::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: var(--spacing-md);
+	right: var(--spacing-md);
+	border-top: 1px solid var(--color-border);
 }
 
 .standaloneItem {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.75rem;
-  width: 100%;
-  padding: 1rem;
-  background: none;
-  border: none;
-  border-top: 1px solid var(--color-light);
-  cursor: pointer;
-  color: var(--figma-green-dark);
-  text-align: center;
-
-  /* Headings/H3 bold */
-  font-family: "Fira Sans";
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: var(--spacing-sm);
+	width: 100%;
+	padding: var(--spacing-md);
+	background: none;
+	border: none;
+	border-top: 1px solid var(--color-border);
+	cursor: pointer;
+	color: var(--color-text-primary);
+	text-align: center;
+	font-family: var(--font-family-heading);
+	font-size: var(--font-size-lg);
+	font-weight: var(--font-weight-bold);
 }
 
 .standaloneItem:hover {
-  background-color: var(--color-light-light);
+	background-color: var(--color-bg-subtle);
 }
 
 .standaloneItem:active {
-  background-color: var(--color-light);
+	background-color: var(--color-bg-active);
 }
 
 .standaloneItemPrimary {
-  background: var(--color-primary);
-  border: none;
-  border-radius: 5rem;
-  color: var(--color-white);
-  font-weight: 600;
-  padding: 0.875rem 1.5rem;
-  margin-top: 1rem;
+	background: var(--color-bg-primary);
+	border: none;
+	border-radius: var(--radius-pill);
+	color: var(--color-white);
+	font-weight: var(--font-weight-semibold);
+	padding: var(--spacing-s) var(--spacing-xl);
 }
 
 .standaloneItemPrimary:hover {
-  background-color: var(--color-primary-hover);
+	background-color: var(--color-action-primary-hover);
 }
 
 .standaloneItemPrimary:active {
-  background-color: var(--color-primary-active);
+	background-color: var(--color-bg-primary-pressed);
 }
 
 .standaloneIcon {
-  width: 24px;
-  height: 24px;
-  padding: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
+	width: var(--icon-xl);
+	height: var(--icon-xl);
+	padding: var(--spacing-xs);
+	border-radius: var(--radius-circle);
+	flex-shrink: 0;
 }
 
+.standaloneIcon path {
+	fill: var(--color-text-primary);
+}
\ No newline at end of file
diff --git a/src/app/components/LeftMenu/LeftMenu.tsx b/src/app/components/LeftMenu/LeftMenu.tsx
index 3529295..e8e4481 100644
--- a/src/app/components/LeftMenu/LeftMenu.tsx
+++ b/src/app/components/LeftMenu/LeftMenu.tsx
@@ -2,6 +2,8 @@ import { useState } from 'react';
 
 import type { AppUser } from '@/domain/user/models';
 import { config } from '@/shared/config/env';
+import { EXTERNAL_LINKS } from '@/shared/constants/externalLinks';
+import { ExternalLink } from '@/shared/ui/ExternalLink';
 
 import IconAngleRight from '@/shared/assets/icons/icon-angle-right.svg?react';
 import IconSettings from '@/shared/assets/icons/icon-settings.svg?react';
@@ -11,6 +13,8 @@ import IconUser from '@/shared/assets/icons/icon-user.svg?react';
 import IconStar from '@/shared/assets/icons/icon-heart.svg?react';
 import IconTeam from '@/shared/assets/icons/icon-team.svg?react';
 import IconDisconnect from '@/shared/assets/icons/icon-deconnect.svg?react';
+import IconSend from '@/shared/assets/icons/icon-send.svg?react';
+import IconExternalLink from '@/shared/assets/icons/icon-external-link.svg?react';
 
 import screen from '@/shared/styles/screen.module.css';
 
@@ -22,17 +26,26 @@ export interface LeftMenuProps {
   user?: AppUser | null;
   isAuthenticated: boolean;
   onNavigate: (route: string) => void;
+  hasNews?: boolean;
 }
 
 /** `always` = visible pour tous ; `authenticated` = connecté ; `guest` = non connecté */
 type AuthVisibility = 'always' | 'authenticated' | 'guest';
 
-type MenuGroupId = 'monCompte' | 'mesFavoris' | 'parametres' | 'communaute' | 'aide' | 'aPropos';
+type MenuGroupId =
+  | 'monCompte'
+  | 'mesFavoris'
+  | 'parametres'
+  | 'communaute'
+  | 'aide'
+  | 'aPropos'
+  | 'jeDonneMonAvis';
 
 interface MenuItem {
   id: string;
   label: string;
-  route: string;
+  route?: string;
+  href?: string;
   authVisibility?: AuthVisibility;
 }
 
@@ -93,6 +106,19 @@ const menuGroups: MenuGroup[] = [
     icon: IconInfo,
     items: [{ id: 'aPropos', label: 'À propos', route: '/about' }],
   },
+  {
+    id: 'jeDonneMonAvis',
+    title: 'Je donne mon avis',
+    icon: IconSend,
+    authVisibility: 'authenticated',
+    items: [
+      {
+        id: 'jeDonneMonAvis',
+        label: 'Je donne mon avis',
+        href: EXTERNAL_LINKS.JE_DONNE_MON_AVIS,
+      },
+    ],
+  },
 ];
 
 const standaloneItems: StandaloneItem[] = [
@@ -170,6 +196,7 @@ export function LeftMenu({
   user,
   isAuthenticated,
   onNavigate,
+  hasNews = false,
 }: LeftMenuProps) {
   const visibleGroups = menuGroups
     .filter((group) => isAuthVisible(group.authVisibility, isAuthenticated))
@@ -233,22 +260,49 @@ export function LeftMenu({
         <div className={styles.menuContent}>
           {visibleGroups.map((group) => {
             const IconComponent = group.icon;
-            const route = group.items[0]?.route;
-            if (!route) {
+            const item = group.items[0];
+            if (!item) {
               return null;
             }
 
+            const { href, route } = item;
+            const showNewsBadge = group.id === 'aide' && hasNews;
+            const content = (
+              <>
+                <IconComponent className={styles.groupIcon} aria-hidden />
+                <span className={styles.groupTitle}>
+                  {group.title}
+                  {showNewsBadge ? <span className={styles.newsBadge}>News</span> : null}
+                </span>
+                {href ? (
+                  <IconExternalLink className={styles.externalIcon} aria-hidden />
+                ) : (
+                  <IconAngleRight className={styles.chevron} aria-hidden />
+                )}
+              </>
+            );
+
             return (
               <div key={group.id} className={styles.menuGroup}>
-                <button
-                  type="button"
-                  className={styles.groupHeader}
-                  onClick={() => handleItemClick(route)}
-                >
-                  <IconComponent className={styles.groupIcon} aria-hidden />
-                  <span className={styles.groupTitle}>{group.title}</span>
-                  <IconAngleRight className={styles.chevron} aria-hidden />
-                </button>
+                {href ? (
+                  <ExternalLink
+                    href={href}
+                    className={styles.groupHeader}
+                    showIcon={false}
+                    onClick={onClose}
+                  >
+                    {content}
+                  </ExternalLink>
+                ) : route ? (
+                  <button
+                    type="button"
+                    className={styles.groupHeader}
+                    aria-label={showNewsBadge ? `${group.title}, actualités en cours` : undefined}
+                    onClick={() => handleItemClick(route)}
+                  >
+                    {content}
+                  </button>
+                ) : null}
               </div>
             );
           })}
diff --git a/src/app/components/LeftMenu/leftMenuRoutes.ts b/src/app/components/LeftMenu/leftMenuRoutes.ts
index a44b602..d0dd7dc 100644
--- a/src/app/components/LeftMenu/leftMenuRoutes.ts
+++ b/src/app/components/LeftMenu/leftMenuRoutes.ts
@@ -1,4 +1,4 @@
-export const leftMenuOverlayRoutes = [
+const leftMenuOverlayRoutes = [
   '/my-account',
   '/logout',
   '/favorites',
@@ -10,7 +10,7 @@ export const leftMenuOverlayRoutes = [
 
 export type LeftMenuOverlayRoute = (typeof leftMenuOverlayRoutes)[number];
 
-export const leftMenuNavigateRoutes = ['/login'] as const;
+const leftMenuNavigateRoutes = ['/login'] as const;
 
 export type LeftMenuNavigateRoute = (typeof leftMenuNavigateRoutes)[number];
 
diff --git a/src/app/router/AuthGuard.module.css b/src/app/router/AuthGuard.module.css
deleted file mode 100644
index 11e7acd..0000000
--- a/src/app/router/AuthGuard.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.loadingScreen {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100dvh;
-  background: var(--color-light-light);
-}
diff --git a/src/app/router/AuthGuard.tsx b/src/app/router/AuthGuard.tsx
deleted file mode 100644
index 7877816..0000000
--- a/src/app/router/AuthGuard.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Navigate, Outlet, useLocation } from 'react-router-dom';
-
-import { useAuth } from '@/features/auth/hooks/useAuth';
-import { Loading } from '@/shared/ui/Loading';
-
-import styles from './AuthGuard.module.css';
-
-export function AuthGuard() {
-  const { isAuthenticated, isLoading } = useAuth();
-  const location = useLocation();
-
-  if (isLoading) {
-    return (
-      <div className={styles.loadingScreen} role="status" aria-live="polite">
-        <Loading size="large" label="Restauration de la session…" />
-      </div>
-    );
-  }
-
-  if (!isAuthenticated) {
-    return <Navigate to="/login" state={{ from: location }} replace />;
-  }
-
-  return <Outlet />;
-}
diff --git a/src/app/router/routes.tsx b/src/app/router/routes.tsx
index 22a971e..42ed9b7 100644
--- a/src/app/router/routes.tsx
+++ b/src/app/router/routes.tsx
@@ -9,6 +9,8 @@ import { WelcomePage } from '@/features/welcome/pages/WelcomePage';
 import { MapPage } from '@/pages/map/MapPage';
 import { MyReportsPage } from '@/pages/report/MyReportsPage';
 import { ReportDetailPage } from '@/pages/report/ReportDetailPage';
+import { ReportHistoryPage } from '@/pages/report/ReportHistoryPage';
+import { ReportHistoryDetailPage } from '@/pages/report/ReportHistoryDetailPage';
 
 function routerBasename(): string | undefined {
   const base = import.meta.env.BASE_URL;
@@ -55,6 +57,14 @@ export const router = createBrowserRouter(
       path: '/reports',
       element: <MyReportsPage />,
     },
+    {
+      path: '/reports/history',
+      element: <ReportHistoryPage />,
+    },
+    {
+      path: '/reports/history/:id',
+      element: <ReportHistoryDetailPage />,
+    },
     {
       path: '/reports/:id',
       element: <ReportDetailPage />,
diff --git a/src/domain/news/mappers.ts b/src/domain/news/mappers.ts
new file mode 100644
index 0000000..c31de47
--- /dev/null
+++ b/src/domain/news/mappers.ts
@@ -0,0 +1,118 @@
+import type {
+  GdpNewsAudience,
+  GdpNewsCta,
+  GdpNewsDisplay,
+  GdpNewsFeed,
+  GdpNewsItem,
+  GdpNewsPlatform,
+  GdpNewsSeverity,
+} from './models';
+
+const SEVERITIES = new Set<GdpNewsSeverity>(['info', 'warning', 'error']);
+const AUDIENCES = new Set<GdpNewsAudience>(['all', 'authenticated']);
+const DISPLAYS = new Set<GdpNewsDisplay>(['banner', 'modal']);
+const PLATFORMS = new Set<GdpNewsPlatform>(['web', 'android', 'ios']);
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
+function asTrimmedString(value: unknown): string | null {
+  if (typeof value !== 'string') {
+    return null;
+  }
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+
+function parseIsoDate(value: unknown): string | null {
+  const raw = asTrimmedString(value);
+  if (!raw) {
+    return null;
+  }
+  const time = Date.parse(raw);
+  return Number.isNaN(time) ? null : raw;
+}
+
+function parsePlatforms(value: unknown): GdpNewsPlatform[] {
+  if (!Array.isArray(value) || value.length === 0) {
+    return ['web', 'android', 'ios'];
+  }
+
+  const platforms = value.filter((item): item is GdpNewsPlatform =>
+    typeof item === 'string' && PLATFORMS.has(item as GdpNewsPlatform),
+  );
+
+  return platforms.length > 0 ? platforms : ['web', 'android', 'ios'];
+}
+
+function parseCta(value: unknown): GdpNewsCta | undefined {
+  if (!isRecord(value)) {
+    return undefined;
+  }
+
+  const label = asTrimmedString(value.label);
+  const url = asTrimmedString(value.url);
+  if (!label || !url) {
+    return undefined;
+  }
+
+  return { label, url };
+}
+
+function parseItem(value: unknown): GdpNewsItem | null {
+  if (!isRecord(value)) {
+    return null;
+  }
+
+  const id = asTrimmedString(value.id);
+  const title = asTrimmedString(value.title);
+  const body = asTrimmedString(value.body);
+  const startsAt = parseIsoDate(value.startsAt);
+  const endsAt = parseIsoDate(value.endsAt);
+  const severity = asTrimmedString(value.severity);
+
+  if (!id || !title || !body || !startsAt || !endsAt || !severity || !SEVERITIES.has(severity as GdpNewsSeverity)) {
+    return null;
+  }
+
+  const audienceRaw = asTrimmedString(value.audience);
+  const displayRaw = asTrimmedString(value.display);
+
+  return {
+    id,
+    title,
+    body,
+    startsAt,
+    endsAt,
+    severity: severity as GdpNewsSeverity,
+    platforms: parsePlatforms(value.platforms),
+    audience: audienceRaw && AUDIENCES.has(audienceRaw as GdpNewsAudience)
+      ? (audienceRaw as GdpNewsAudience)
+      : 'all',
+    display: displayRaw && DISPLAYS.has(displayRaw as GdpNewsDisplay)
+      ? (displayRaw as GdpNewsDisplay)
+      : 'banner',
+    dismissible: value.dismissible !== false,
+    showOnce: value.showOnce === true,
+    cta: parseCta(value.cta),
+  };
+}
+
+export function parseGdpNewsFeed(value: unknown): GdpNewsFeed {
+  if (!isRecord(value)) {
+    return { schemaVersion: 1, items: [] };
+  }
+
+  const schemaVersion =
+    typeof value.schemaVersion === 'number' && Number.isFinite(value.schemaVersion)
+      ? value.schemaVersion
+      : 1;
+
+  const rawItems = Array.isArray(value.items) ? value.items : [];
+  const items = rawItems
+    .map(parseItem)
+    .filter((item): item is GdpNewsItem => item !== null);
+
+  return { schemaVersion, items };
+}
diff --git a/src/domain/news/models.ts b/src/domain/news/models.ts
new file mode 100644
index 0000000..964a015
--- /dev/null
+++ b/src/domain/news/models.ts
@@ -0,0 +1,29 @@
+export type GdpNewsSeverity = 'info' | 'warning' | 'error';
+export type GdpNewsAudience = 'all' | 'authenticated';
+export type GdpNewsDisplay = 'banner' | 'modal';
+export type GdpNewsPlatform = 'web' | 'android' | 'ios';
+
+export interface GdpNewsCta {
+  label: string;
+  url: string;
+}
+
+export interface GdpNewsItem {
+  id: string;
+  severity: GdpNewsSeverity;
+  title: string;
+  body: string;
+  startsAt: string;
+  endsAt: string;
+  platforms: GdpNewsPlatform[];
+  audience: GdpNewsAudience;
+  display: GdpNewsDisplay;
+  dismissible: boolean;
+  showOnce: boolean;
+  cta?: GdpNewsCta;
+}
+
+export interface GdpNewsFeed {
+  schemaVersion: number;
+  items: GdpNewsItem[];
+}
diff --git a/src/domain/news/selectVisibleNews.ts b/src/domain/news/selectVisibleNews.ts
new file mode 100644
index 0000000..ae30e58
--- /dev/null
+++ b/src/domain/news/selectVisibleNews.ts
@@ -0,0 +1,53 @@
+import type { GdpNewsItem, GdpNewsPlatform } from './models';
+
+const SEVERITY_ORDER: Record<GdpNewsItem['severity'], number> = {
+  error: 0,
+  warning: 1,
+  info: 2,
+};
+
+export interface SelectCurrentNewsParams {
+  items: readonly GdpNewsItem[];
+  now?: Date;
+  platform: GdpNewsPlatform;
+  isAuthenticated: boolean;
+}
+
+export interface SelectVisibleNewsParams extends SelectCurrentNewsParams {
+  sessionDismissedIds: ReadonlySet<string>;
+  persistedDismissedIds: ReadonlySet<string>;
+}
+
+function isNewsItemActive(item: GdpNewsItem, now: Date): boolean {
+  const start = Date.parse(item.startsAt);
+  const end = Date.parse(item.endsAt);
+  if (Number.isNaN(start) || Number.isNaN(end)) {
+    return false;
+  }
+  const time = now.getTime();
+  return time >= start && time <= end;
+}
+
+/** News encore valides (dates, plateforme, audience), y compris celles déjà fermées. */
+export function selectCurrentNews({
+  items,
+  now = new Date(),
+  platform,
+  isAuthenticated,
+}: SelectCurrentNewsParams): GdpNewsItem[] {
+  return items
+    .filter((item) => isNewsItemActive(item, now))
+    .filter((item) => item.platforms.includes(platform))
+    .filter((item) => item.audience === 'all' || isAuthenticated)
+    .sort((left, right) => SEVERITY_ORDER[left.severity] - SEVERITY_ORDER[right.severity]);
+}
+
+export function selectVisibleNews({
+  sessionDismissedIds,
+  persistedDismissedIds,
+  ...currentParams
+}: SelectVisibleNewsParams): GdpNewsItem[] {
+  return selectCurrentNews(currentParams)
+    .filter((item) => !sessionDismissedIds.has(item.id))
+    .filter((item) => !(item.showOnce && persistedDismissedIds.has(item.id)));
+}
diff --git a/src/domain/report/groupReportMappers.ts b/src/domain/report/groupReportMappers.ts
index 5826cd5..968af0a 100644
--- a/src/domain/report/groupReportMappers.ts
+++ b/src/domain/report/groupReportMappers.ts
@@ -19,6 +19,8 @@ export interface ApiGroupReportResponse {
   updating_date?: string;
   author?: { id: number; username: string };
   attributes?: ApiThemeAttributeBlock[] | string;
+  /** Forme non documentée côté API (collaboratif-client-api ne la type pas) — extraction défensive. */
+  attachments?: unknown[];
 }
 
 function isRecord(value: unknown): value is Record<string, unknown> {
@@ -81,6 +83,42 @@ function parseApiAttributes(
   };
 }
 
+/**
+ * Clés observées sur `GET /reports/:id` (Espace collaboratif) pour un élément de `attachments` :
+ * `uri` (URL de visualisation) et `download_uri` (URL de téléchargement) sont toutes deux des
+ * URLs absolues et publiques (pas d'authentification requise, vérifié en conditions réelles).
+ */
+const ATTACHMENT_URL_KEYS = ['uri', 'download_uri'];
+
+function extractAttachmentUrl(entry: unknown): string | null {
+  if (typeof entry === 'string') {
+    return entry.trim() || null;
+  }
+
+  if (!isRecord(entry)) {
+    return null;
+  }
+
+  for (const key of ATTACHMENT_URL_KEYS) {
+    const value = entry[key];
+    if (typeof value === 'string' && value.trim()) {
+      return value.trim();
+    }
+  }
+
+  return null;
+}
+
+function normalizeAttachmentUrls(attachments: unknown): string[] {
+  if (!Array.isArray(attachments)) {
+    return [];
+  }
+
+  return attachments
+    .map(extractAttachmentUrl)
+    .filter((url): url is string => url !== null);
+}
+
 export function mapApiReportToGroupReport(apiReport: ApiGroupReportResponse): GroupReport {
   const { themeName, themeAttributes } = parseApiAttributes(apiReport.attributes);
   const geometry = apiReport.geometry ?? '';
@@ -99,6 +137,7 @@ export function mapApiReportToGroupReport(apiReport: ApiGroupReportResponse): Gr
     createdAt: apiReport.opening_date ? new Date(apiReport.opening_date) : new Date(),
     modifiedAt: apiReport.updating_date ? new Date(apiReport.updating_date) : undefined,
     authorName: apiReport.author?.username,
+    photoUrls: normalizeAttachmentUrls(apiReport.attachments),
   };
 }
 
diff --git a/src/domain/report/groupReportModels.ts b/src/domain/report/groupReportModels.ts
index 4b31374..c5de8d3 100644
--- a/src/domain/report/groupReportModels.ts
+++ b/src/domain/report/groupReportModels.ts
@@ -13,4 +13,11 @@ export interface GroupReport {
   createdAt: Date;
   modifiedAt?: Date;
   authorName?: string;
+  /**
+   * URLs des pièces jointes (photos) du signalement (`attachments[].uri` /
+   * `attachments[].download_uri`) — URLs absolues et publiques, utilisables directement
+   * comme `src` d'une balise `<img>` (vérifié en conditions réelles, aucune authentification
+   * requise sur `espacecollaboratif.ign.fr/document/...`).
+   */
+  photoUrls: string[];
 }
diff --git a/src/domain/report/localReportDraft.ts b/src/domain/report/localReportDraft.ts
index 8e9a93b..bb3f2f1 100644
--- a/src/domain/report/localReportDraft.ts
+++ b/src/domain/report/localReportDraft.ts
@@ -7,7 +7,7 @@ export interface LocalReportDraftPhoto {
   dataUrl: string;
 }
 
-export type LocalReportDraftStatus = 'not_sent' | 'taken_into_account' | 'rejected';
+export type LocalReportDraftStatus = 'not_sent' | 'sent';
 
 export interface LocalReportDraft {
   id: string;
@@ -26,4 +26,10 @@ export interface LocalReportDraft {
   photos: LocalReportDraftPhoto[];
   status: LocalReportDraftStatus;
   createdAt: string;
+  /** Whitelist thème `gdp-tools` au moment de l’enregistrement. */
+  themeAttributes?: Record<string, string>;
+  /** Propriétés WFS du repère (id, domaine, etat, expl_gps…). */
+  properties?: Record<string, unknown>;
+  /** Identifiant EspaceCo après envoi réussi. */
+  serverId?: number;
 }
diff --git a/src/features/about/pages/AboutPage/AboutPage.module.css b/src/features/about/pages/AboutPage/AboutPage.module.css
index 2be0117..a53652b 100644
--- a/src/features/about/pages/AboutPage/AboutPage.module.css
+++ b/src/features/about/pages/AboutPage/AboutPage.module.css
@@ -4,6 +4,14 @@
   gap: 24px;
 }
 
+.version {
+  margin: -12px 0 0;
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-normal);
+  color: var(--color-text-secondary);
+  text-align: center;
+}
+
 .section {
   display: flex;
   flex-direction: column;
@@ -14,5 +22,5 @@
   margin: 0;
   font-size: 15px;
   font-weight: 600;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
diff --git a/src/features/about/pages/AboutPage/AboutPage.tsx b/src/features/about/pages/AboutPage/AboutPage.tsx
index 542e24c..28b6391 100644
--- a/src/features/about/pages/AboutPage/AboutPage.tsx
+++ b/src/features/about/pages/AboutPage/AboutPage.tsx
@@ -5,8 +5,6 @@ import { ExternalLink } from '@/shared/ui/ExternalLink';
 import { EXTERNAL_LINKS } from '@/shared/constants/externalLinks';
 
 import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
-
 import styles from './AboutPage.module.css';
 
 export interface AboutPageProps {
@@ -17,19 +15,19 @@ export interface AboutPageProps {
 export function AboutPage({ isOpen, onClose }: AboutPageProps) {
   return (
     <SlideUpPage isOpen={isOpen} onClose={onClose}>
-      <PageHeader title="À propos" onClose={onClose} />
+      <PageHeader title="À propos" onClose={onClose} showCloseButton={false} showBackButton={true} onBack={onClose} />
 
       <main className={`${screen.screenContainer} ${styles.content}`}>
         <AppLogo size="sm" />
-        <h1 className={typography.title}>À propos</h1>
-        <p className={typography.subtitle}>Application mobile Géodésie de poche.</p>
+        <p className="page-subtitle">Application mobile Géodésie de poche.</p>
+        <p className={styles.version}>Version {__APP_VERSION__}</p>
 
         <section className={styles.section}>
-          <p className={typography.paragraph}>
+          <p className="body">
             Cette application permet de consulter la cartographie IGN, les repères géodésiques
             en mode expert (WFS) et de signaler leur état sur le terrain.
           </p>
-          <p className={typography.paragraph}>
+          <p className="body">
             Éditée par l’
             <ExternalLink href="https://www.ign.fr/">Institut national de l’information géographique et forestière</ExternalLink>
             .
@@ -38,7 +36,7 @@ export function AboutPage({ isOpen, onClose }: AboutPageProps) {
 
         <section className={styles.section}>
           <h2 className={styles.sectionTitle}>Mentions légales</h2>
-          <p className={typography.paragraph}>
+          <p className="body">
             Pour les conditions d’utilisation et la protection des données, consultez{' '}
             <ExternalLink href={EXTERNAL_LINKS.ESPACE_COLLABORATIF}>
               l’Espace collaboratif IGN
diff --git a/src/features/auth/hooks/useUserStats.ts b/src/features/auth/hooks/useUserStats.ts
new file mode 100644
index 0000000..1683eb2
--- /dev/null
+++ b/src/features/auth/hooks/useUserStats.ts
@@ -0,0 +1,116 @@
+import { useEffect, useState } from 'react';
+
+import {
+  GDP_REPORT_COMMUNITY_ID,
+  serializeGdpReportThemeFilters,
+} from '@/features/report/constants/reportApi';
+import { parseReportsTotal } from '@/features/report/utils/parseReportsTotal';
+import { collabApiClient, ensureCollabApiSession } from '@/infra/api';
+import { getViewedSheetsCount, subscribeViewedSheets } from '@/infra/storage/viewedSheetsStore';
+
+import { useAuth } from './useAuth';
+
+export interface UserStats {
+  reportsCount: number;
+  viewedSheetsCount: number;
+}
+
+interface UseUserStatsResult {
+  stats: UserStats;
+  isLoading: boolean;
+  error: Error | null;
+}
+
+const EMPTY_STATS: UserStats = {
+  reportsCount: 0,
+  viewedSheetsCount: 0,
+};
+
+async function fetchUserReportsCount(userId: number): Promise<number> {
+  const sessionReady = await ensureCollabApiSession();
+  if (!sessionReady) {
+    return 0;
+  }
+
+  const response = await collabApiClient.report.getAll({
+    communities: GDP_REPORT_COMMUNITY_ID,
+    author: userId,
+    page: 1,
+    limit: 1,
+    sort: 'id:DESC',
+    attributes: serializeGdpReportThemeFilters(),
+  });
+
+  const pageCount = Array.isArray(response.data) ? response.data.length : 0;
+  return parseReportsTotal(response.headers?.['content-range'], pageCount);
+}
+
+/**
+ * Statistiques du compte :
+ * - signalements : total renvoyé par GET /reports (filtre `author`)
+ * - fiches consultées : stockage local lié au compte (voir `viewedSheetsStore`)
+ */
+export function useUserStats(): UseUserStatsResult {
+  const { user, isAuthenticated } = useAuth();
+  const [stats, setStats] = useState<UserStats>(EMPTY_STATS);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!isAuthenticated || user?.id === undefined) {
+      setStats(EMPTY_STATS);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+
+    const userId = user.id;
+    let cancelled = false;
+
+    const load = async () => {
+      setIsLoading(true);
+      setError(null);
+
+      try {
+        const [reportsCount, viewedSheetsCount] = await Promise.all([
+          fetchUserReportsCount(userId),
+          getViewedSheetsCount(userId),
+        ]);
+
+        if (!cancelled) {
+          setStats({ reportsCount, viewedSheetsCount });
+        }
+      } catch (loadError) {
+        if (!cancelled) {
+          setError(loadError instanceof Error ? loadError : new Error('Impossible de charger les statistiques'));
+          const viewedSheetsCount = await getViewedSheetsCount(userId).catch(() => 0);
+          setStats((current) => ({
+            reportsCount: current.reportsCount,
+            viewedSheetsCount,
+          }));
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
+        }
+      }
+    };
+
+    void load();
+
+    const unsubscribe = subscribeViewedSheets(() => {
+      void getViewedSheetsCount(userId).then((viewedSheetsCount) => {
+        if (!cancelled) {
+          setStats((current) => ({ ...current, viewedSheetsCount }));
+        }
+      });
+    });
+
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, [isAuthenticated, user?.id]);
+
+  return { stats, isLoading, error };
+}
diff --git a/src/features/auth/pages/AuthCallback/AuthCallbackPage.module.css b/src/features/auth/pages/AuthCallback/AuthCallbackPage.module.css
index 5ec6920..c54d868 100644
--- a/src/features/auth/pages/AuthCallback/AuthCallbackPage.module.css
+++ b/src/features/auth/pages/AuthCallback/AuthCallbackPage.module.css
@@ -8,3 +8,7 @@
 .backButton {
   margin-top: 1.5rem;
 }
+
+.textError {
+  color: var(--color-danger);
+}
\ No newline at end of file
diff --git a/src/features/auth/pages/AuthCallback/AuthCallbackPage.tsx b/src/features/auth/pages/AuthCallback/AuthCallbackPage.tsx
index 17d96b9..3a483c4 100644
--- a/src/features/auth/pages/AuthCallback/AuthCallbackPage.tsx
+++ b/src/features/auth/pages/AuthCallback/AuthCallbackPage.tsx
@@ -7,8 +7,6 @@ import { Button } from '@/shared/ui/Button';
 import { Loading } from '@/shared/ui/Loading';
 
 import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
-
 import styles from './AuthCallbackPage.module.css';
 
 /**
@@ -19,14 +17,13 @@ export function AuthCallbackPage() {
   const [searchParams] = useSearchParams();
   const { setUserFromOAuthCallback } = useAuth();
   const [error, setError] = useState<string | null>(null);
+  const code = searchParams.get('code');
+  const errorParam = searchParams.get('error');
 
   useEffect(() => {
     let cancelled = false;
 
     async function processCallback() {
-      const code = searchParams.get('code');
-      const errorParam = searchParams.get('error');
-
       if (errorParam) {
         setError('La connexion a été refusée ou annulée.');
         return;
@@ -42,7 +39,9 @@ export function AuthCallbackPage() {
 
         if (result.success && result.user) {
           await setUserFromOAuthCallback(result.user);
-          navigate('/map', { replace: true });
+          if (!cancelled) {
+            navigate('/map', { replace: true });
+          }
           return;
         }
 
@@ -63,13 +62,13 @@ export function AuthCallbackPage() {
     return () => {
       cancelled = true;
     };
-  }, [navigate, searchParams, setUserFromOAuthCallback]);
+  }, [code, errorParam, navigate, setUserFromOAuthCallback]);
 
   if (error) {
     return (
       <div className={`${styles.container} ${screen.screenContainer}`}>
-        <h1 className={typography.title}>Erreur de connexion</h1>
-        <p className={typography.error}>{error}</p>
+        <h1 className="page-title">Erreur de connexion</h1>
+        <p className={styles.textError}>{error}</p>
         <Button className={styles.backButton} onClick={() => navigate('/login', { replace: true })}>
           Retour à la connexion
         </Button>
@@ -79,7 +78,7 @@ export function AuthCallbackPage() {
 
   return (
     <div className={`${styles.container} ${screen.screenContainer}`}>
-      <h1 className={typography.title}>Connexion en cours…</h1>
+      <h1 className="page-title">Connexion en cours…</h1>
       <Loading label="Finalisation de l’authentification…" />
     </div>
   );
diff --git a/src/features/auth/pages/Login/LoginPage.module.css b/src/features/auth/pages/Login/LoginPage.module.css
index 4d2beff..bec942c 100644
--- a/src/features/auth/pages/Login/LoginPage.module.css
+++ b/src/features/auth/pages/Login/LoginPage.module.css
@@ -6,7 +6,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background-color: #f7f7f7;
+  background-color: var(--color-bg-page);
   padding-top: max(0.75rem, var(--safe-top));
   padding-right: 1.5rem;
   padding-bottom: max(1.25rem, calc(var(--safe-bottom) + 0.75rem));
@@ -41,7 +41,7 @@
 }
 
 .title {
-  color: var(--Content-Neutral-Primary, var(--gray-12, #2A2826));
+  color: var(--color-text-title);
   text-align: center;
   
   /* Headings/Hero */
@@ -57,7 +57,7 @@
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: normal;
-  color: #2a2826;
+  color: var(--color-text-title);
 }
 
 .form {
@@ -79,7 +79,7 @@
   gap: var(--Spacing-2xs, 0.25rem);
   align-self: stretch;
   border-radius: 6.25rem;
-  background: var(--Dark-green, #26A581);
+  background: var(--color-bg-primary);
 }
 
 .outlineButton {
@@ -91,10 +91,10 @@
   width: 100%;
   min-height: 44px;
   padding: 0.6875rem 0.625rem;
-  border: 1px solid rgba(42, 40, 38, 0.2);
+  border: 1px solid var(--color-bg-hover);
   border-radius: 100px;
   background: transparent;
-  color: var(--green-5, #229574);
+  color: var(--color-action-primary-hover);
   font-size: 0.875rem;
   font-weight: 600;
   text-decoration: none;
@@ -103,7 +103,7 @@
 }
 
 .outlineButton:hover {
-  background-color: var(--color-primary-light);
+  background-color: var(--color-bg-primary-subtle);
 }
 
 .buttonIcon {
@@ -117,7 +117,7 @@
 }
 
 .forgotPasswordLink {
-  color: var(--Content-Neutral-Primary, var(--gray-12, #2A2826));
+  color: var(--color-text-title);
   text-align: center;
 
   /* Body/Small */
diff --git a/src/features/auth/pages/Logout/LogoutPage.module.css b/src/features/auth/pages/Logout/LogoutPage.module.css
index ca400ff..dcaffa4 100644
--- a/src/features/auth/pages/Logout/LogoutPage.module.css
+++ b/src/features/auth/pages/Logout/LogoutPage.module.css
@@ -21,5 +21,5 @@
   gap: var(--Spacing-2xs, 0.25rem);
   align-self: stretch;
   border-radius: 6.25rem;
-  background: var(--Dark-green, #26A581);
+  background: var(--color-bg-primary);
 }
\ No newline at end of file
diff --git a/src/features/auth/pages/Logout/LogoutPage.tsx b/src/features/auth/pages/Logout/LogoutPage.tsx
index c26a021..a1fd490 100644
--- a/src/features/auth/pages/Logout/LogoutPage.tsx
+++ b/src/features/auth/pages/Logout/LogoutPage.tsx
@@ -5,8 +5,6 @@ import { SlideUpPage } from '@/shared/ui/SlideUpPage';
 import { Button } from '@/shared/ui/Button';
 
 import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
-
 import styles from './LogoutPage.module.css';
 
 export interface LogoutPageProps {
@@ -31,11 +29,11 @@ export function LogoutPage({ isOpen, onClose, onLogout }: LogoutPageProps) {
       <PageHeader title="Déconnexion" onClose={onClose} />
 
       <main className={`${screen.screenContainer} ${styles.content}`}>
-        <h1 className={typography.title}>Se déconnecter ?</h1>
-        <p className={typography.subtitle}>
+        <h1 className="page-title">Se déconnecter ?</h1>
+        <p className="page-subtitle">
           Vous devrez vous reconnecter pour accéder à vos signalements.
         </p>
-        <p className={typography.paragraph}>
+        <p className="body">
           Vos brouillons locaux restent enregistrés sur cet appareil.
         </p>
 
diff --git a/src/features/auth/pages/MyAccount/MyAccountPage.module.css b/src/features/auth/pages/MyAccount/MyAccountPage.module.css
index 99970b1..2473f2f 100644
--- a/src/features/auth/pages/MyAccount/MyAccountPage.module.css
+++ b/src/features/auth/pages/MyAccount/MyAccountPage.module.css
@@ -1,36 +1,190 @@
 .content {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: var(--spacing-lg);
+  padding-bottom: var(--spacing-2xl);
 }
 
+/* ── Non connecté ── */
 .notConnected {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: var(--spacing-md);
 }
 
-.infoTable {
+/* ── Avatar et nom ── */
+.profileHeader {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  align-items: center;
+  gap: var(--spacing-md);
+  padding: var(--spacing-lg) 0;
+}
+
+.avatarContainer {
+  position: relative;
+}
+
+.avatar {
+  width: 7.5rem;
+  height: 7.5rem;
+  border-radius: var(--radius-circle);
+  background-color: var(--color-bg-inverse);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.avatarIcon {
+  width: 3rem;
+  height: 3rem;
+  color: var(--color-bg-white);
+}
+
+
+
+.locationIcon,
+.bookIcon {
+  width: var(--icon-base);
+  height: var(--icon-base);
+}
+.iconWrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--icon-wrap-md);
+  height: var(--icon-wrap-md);
+  border-radius: var(--radius-circle);
+  background: var(--icon-color-1); 
+  flex-shrink: 0;
+}
+
+.locationIcon path ,
+.bookIcon path {
+  fill: var(--icon-color-8);
+}
+
+.photoIcon {
+  width: var(--icon-base);
+  height: var(--icon-base);
+}
+a.cameraButton {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0;
+  border-radius: var(--radius-circle);
+  background: var(--icon-color-8);
+  color: var(--color-bg-surface);
+  text-decoration: none;
+}
+
+
+.cameraButton:hover {
+  background-color: var(--color-action-primary-hover);
+}
+
+.cameraButton:active {
+  background-color: var(--color-bg-primary-pressed);
+}
+
+.profileName {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary-emphasis);
+  margin: 0;
+  text-align: center;
+}
+
+/* ── Card informations ── */
+.infoCard {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  padding: var(--spacing-md);
+  background-color: var(--color-bg-surface);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-sm);
 }
 
 .infoRow {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-  padding-bottom: 12px;
-  border-bottom: 1px solid var(--color-light);
+  gap: var(--spacing-3xs);
 }
 
 .infoLabel {
-  font-size: 13px;
-  color: var(--color-medium);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary-label);
+  font-weight: var(--font-weight-semibold);
 }
 
 .infoValue {
-  font-size: 15px;
-  color: var(--color-dark);
+  font-size: var(--font-size-base);
+  color: var(--color-text-title);
+  font-weight: var(--font-weight-semibold);
   word-break: break-word;
 }
+
+/* ── Mes contributions ── */
+.contributionsSection {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+
+.sectionTitle {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text);
+  margin: 0;
+}
+
+.contributionsGrid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: var(--spacing-md);
+}
+
+.contributionCard {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-lg);
+  background-color: var(--color-bg-surface);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-sm);
+}
+
+.contributionValue {
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text-primary-8);
+  line-height: 1;
+}
+
+.contributionLabel {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-gray-10);
+  text-align: center;
+  font-weight: var(--font-weight-normal);
+}
+
+
+/* ── Note de bas de page ── */
+.footerNote {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+  text-align: center;
+  line-height: var(--line-height-relaxed);
+  margin: 0;
+}
diff --git a/src/features/auth/pages/MyAccount/MyAccountPage.tsx b/src/features/auth/pages/MyAccount/MyAccountPage.tsx
index b2e1376..b37e25e 100644
--- a/src/features/auth/pages/MyAccount/MyAccountPage.tsx
+++ b/src/features/auth/pages/MyAccount/MyAccountPage.tsx
@@ -1,16 +1,21 @@
 import { useNavigate } from 'react-router-dom';
 
 import { useAuth } from '@/features/auth/hooks/useAuth';
+import { useUserStats } from '@/features/auth/hooks/useUserStats';
 import { Button } from '@/shared/ui/Button';
 import { ExternalLink } from '@/shared/ui/ExternalLink';
 import { PageHeader } from '@/shared/ui/PageHeader';
 import { SlideUpPage } from '@/shared/ui/SlideUpPage';
-import { EXTERNAL_LINKS } from '@/shared/constants/externalLinks';
+import { config } from '@/shared/config/env';
+import { EXTERNAL_LINKS, getGeopfSsoAccountUrl } from '@/shared/constants/externalLinks';
 import { joinTruthy } from '@/shared/utils/join';
 
-import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
+import IconCamera from '@/shared/assets/icons/icon-camera.svg?react';
+import IconLocation from '@/shared/assets/icons/icon-location.svg?react';
+import IconBook from '@/shared/assets/icons/icon-book.svg?react';
+
 
+import screen from '@/shared/styles/screen.module.css';
 import styles from './MyAccountPage.module.css';
 
 export interface MyAccountPageProps {
@@ -21,21 +26,21 @@ export interface MyAccountPageProps {
 export function MyAccountPage({ isOpen, onClose }: MyAccountPageProps) {
   const navigate = useNavigate();
   const { user, isAuthenticated } = useAuth();
+  const { stats, isLoading: isLoadingStats } = useUserStats();
 
   const fullName = joinTruthy([user?.firstName, user?.lastName], ' ') || null;
+  const displayName = fullName || user?.username || '—';
+  const ssoAccountUrl = getGeopfSsoAccountUrl(config.oAuth.clientId);
 
   return (
     <SlideUpPage isOpen={isOpen} onClose={onClose}>
-      <PageHeader title="Mon compte" onClose={onClose} />
+      <PageHeader title="Mon compte" onClose={onClose} showCloseButton={false} showBackButton={true} onBack={onClose}/>
 
       <main className={`${screen.screenContainer} ${styles.content}`}>
-        <h1 className={typography.title}>Mon compte</h1>
-        <p className={typography.subtitle}>Informations de votre compte IGN.</p>
-
         {!isAuthenticated ? (
           <div className={styles.notConnected}>
-            <p className={typography.paragraph}>
-              Vous n’êtes pas connecté. Connectez-vous pour consulter vos signalements envoyés
+            <p className="body">
+              Vous n'êtes pas connecté. Connectez-vous pour consulter vos signalements envoyés
               et transmettre vos contributions.
             </p>
             <Button
@@ -51,32 +56,73 @@ export function MyAccountPage({ isOpen, onClose }: MyAccountPageProps) {
           </div>
         ) : (
           <>
-            <p className={`${typography.paragraph} ${typography.italic}`}>
-              Pour modifier votre profil, rendez-vous sur{' '}
-              <ExternalLink href={EXTERNAL_LINKS.ESPACE_COLLABORATIF}>
-                l’Espace collaboratif
-              </ExternalLink>
-              .
-            </p>
+            {/* Avatar et nom */}
+            <div className={styles.profileHeader}>
+              <div className={styles.avatarContainer}>
+                <div className={styles.avatar}>
+                  <svg width="48" height="48" viewBox="0 0 24 24" fill="none" className={styles.avatarIcon}>
+                    <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" fill="currentColor"/>
+                  </svg>
+                </div>
+                <ExternalLink
+                  href={ssoAccountUrl}
+                  className={styles.cameraButton}
+                  showIcon={false}
+                  aria-label="Modifier la photo"
+                >
+                  <IconCamera className={styles.photoIcon} aria-hidden />
+                </ExternalLink>
+              </div>
+              <h2 className={styles.profileName}>{displayName}</h2>
+            </div>
 
-            <div className={styles.infoTable}>
+            {/* Informations */}
+            <div className={styles.infoCard}>
               <div className={styles.infoRow}>
                 <span className={styles.infoLabel}>Identifiant</span>
-                <span className={styles.infoValue}>{user?.username ?? '—'}</span>
+                <span className={styles.infoValue}>@{user?.username ?? '—'}</span>
               </div>
               <div className={styles.infoRow}>
-                <span className={styles.infoLabel}>Nom</span>
-                <span className={styles.infoValue}>{fullName ?? '—'}</span>
-              </div>
-              <div className={styles.infoRow}>
-                <span className={styles.infoLabel}>E-mail</span>
+                <span className={styles.infoLabel}>Email</span>
                 <span className={styles.infoValue}>{user?.email ?? '—'}</span>
               </div>
-              <div className={styles.infoRow}>
-                <span className={styles.infoLabel}>Identifiant utilisateur</span>
-                <span className={styles.infoValue}>{user?.id ?? '—'}</span>
-              </div>
             </div>
+
+            {/* Mes contributions */}
+            <section className={styles.contributionsSection}>
+              <h3 className={styles.sectionTitle}>Mes contributions</h3>
+              <div className={styles.contributionsGrid}>
+                <div className={styles.contributionCard}>
+                  <span className={styles.iconWrap} aria-hidden>
+                    <IconLocation className={styles.locationIcon} aria-hidden />
+                  </span>
+                  <span className={styles.contributionValue}>
+                    {isLoadingStats ? '—' : stats.reportsCount}
+                  </span>
+                  <span className={styles.contributionLabel}>Signalements</span>
+                </div>
+                <div className={styles.contributionCard}>
+                  <span className={styles.iconWrap} aria-hidden>
+                    <IconBook className={styles.bookIcon} aria-hidden />
+                  </span>
+                  <span className={styles.contributionValue}>
+                    {isLoadingStats ? '—' : stats.viewedSheetsCount}
+                  </span>
+                  <span className={styles.contributionLabel}>Fiches consultées</span>
+                </div>
+              </div>
+            </section>
+
+            {/* Note en bas */}
+            <p className={styles.footerNote}>
+              Pour personnaliser votre compte, rendez-vous sur votre{' '}
+              <ExternalLink href={ssoAccountUrl}>compte Géoplateforme</ExternalLink>
+              . Pour modifier vos autres informations, rendez-vous sur{' '}
+              <ExternalLink href={EXTERNAL_LINKS.ESPACE_COLLABORATIF}>
+                l'espace collaboratif
+              </ExternalLink>
+              .
+            </p>
           </>
         )}
       </main>
diff --git a/src/features/community/pages/CommunityPage/CommunityPage.module.css b/src/features/community/pages/CommunityPage/CommunityPage.module.css
new file mode 100644
index 0000000..bfb71e9
--- /dev/null
+++ b/src/features/community/pages/CommunityPage/CommunityPage.module.css
@@ -0,0 +1,18 @@
+.content {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+  
+  .section {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding-bottom: var(--spacing-md);
+    padding-top: var(--spacing-md);
+    padding-left: var(--spacing-md);
+    padding-right: var(--spacing-md);
+    border-bottom: 1px solid var(--color-border);
+    border-radius: var(--radius-xl);
+    background-color: var(--color-bg-subtle);
+  }
\ No newline at end of file
diff --git a/src/features/community/pages/CommunityPage/CommunityPage.tsx b/src/features/community/pages/CommunityPage/CommunityPage.tsx
index b237e3b..55cdf40 100644
--- a/src/features/community/pages/CommunityPage/CommunityPage.tsx
+++ b/src/features/community/pages/CommunityPage/CommunityPage.tsx
@@ -2,7 +2,7 @@ import { PageHeader } from '@/shared/ui/PageHeader';
 import { SlideUpPage } from '@/shared/ui/SlideUpPage';
 
 import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
+import styles from './CommunityPage.module.css';
 
 export interface CommunityPageProps {
   isOpen: boolean;
@@ -12,10 +12,14 @@ export interface CommunityPageProps {
 export function CommunityPage({ isOpen, onClose }: CommunityPageProps) {
   return (
     <SlideUpPage isOpen={isOpen} onClose={onClose}>
-      <PageHeader title="Communauté" onClose={onClose} />
+      <PageHeader title="Communauté" onClose={onClose} showCloseButton={false} showBackButton={true} onBack={onClose}  />
 
-      <main className={screen.screenContainer}>
-        <h1 className={typography.title}>Communauté</h1>
+      <main className={`${screen.screenContainer} ${styles.content}`}>
+        <section className={styles.section}>
+          <p className="body">
+            Votre communauté sera affichée ici.
+          </p>
+        </section>
       </main>
     </SlideUpPage>
   );
diff --git a/src/features/favorites/pages/FavoritesPage/FavoritesPage.module.css b/src/features/favorites/pages/FavoritesPage/FavoritesPage.module.css
new file mode 100644
index 0000000..bfb71e9
--- /dev/null
+++ b/src/features/favorites/pages/FavoritesPage/FavoritesPage.module.css
@@ -0,0 +1,18 @@
+.content {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+  
+  .section {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding-bottom: var(--spacing-md);
+    padding-top: var(--spacing-md);
+    padding-left: var(--spacing-md);
+    padding-right: var(--spacing-md);
+    border-bottom: 1px solid var(--color-border);
+    border-radius: var(--radius-xl);
+    background-color: var(--color-bg-subtle);
+  }
\ No newline at end of file
diff --git a/src/features/favorites/pages/FavoritesPage/FavoritesPage.tsx b/src/features/favorites/pages/FavoritesPage/FavoritesPage.tsx
index 6d5f9b1..fd80932 100644
--- a/src/features/favorites/pages/FavoritesPage/FavoritesPage.tsx
+++ b/src/features/favorites/pages/FavoritesPage/FavoritesPage.tsx
@@ -2,7 +2,7 @@ import { PageHeader } from '@/shared/ui/PageHeader';
 import { SlideUpPage } from '@/shared/ui/SlideUpPage';
 
 import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
+import styles from './FavoritesPage.module.css';
 
 export interface FavoritesPageProps {
   isOpen: boolean;
@@ -12,10 +12,14 @@ export interface FavoritesPageProps {
 export function FavoritesPage({ isOpen, onClose }: FavoritesPageProps) {
   return (
     <SlideUpPage isOpen={isOpen} onClose={onClose}>
-      <PageHeader title="Mes favoris" onClose={onClose} />
+      <PageHeader title="Mes favoris" onClose={onClose} showCloseButton={false} showBackButton={true} onBack={onClose}  />
 
-      <main className={screen.screenContainer}>
-        <h1 className={typography.title}>Mes favoris</h1>
+      <main className={`${screen.screenContainer} ${styles.content}`}>
+        <section className={styles.section}>
+          <p className="body">
+            Vos favoris seront affichés ici.
+          </p>
+        </section>
       </main>
     </SlideUpPage>
   );
diff --git a/src/features/help/pages/HelpPage/HelpPage.module.css b/src/features/help/pages/HelpPage/HelpPage.module.css
index 38834b1..9f563aa 100644
--- a/src/features/help/pages/HelpPage/HelpPage.module.css
+++ b/src/features/help/pages/HelpPage/HelpPage.module.css
@@ -4,6 +4,69 @@
   gap: 16px;
 }
 
+.newsLink {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+  width: 100%;
+  margin: 0;
+  padding: var(--spacing-sm) var(--spacing-md);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-md);
+  background: var(--color-bg-surface);
+  color: var(--color-text);
+  cursor: pointer;
+  text-align: left;
+  font-family: var(--font-family-base);
+}
+
+.newsLink:hover {
+  background: var(--color-bg-subtle);
+}
+
+.newsLinkIcon {
+  width: var(--icon-lg);
+  height: var(--icon-lg);
+  flex-shrink: 0;
+}
+
+.newsLinkIcon path {
+  fill: var(--color-text);
+}
+
+.newsLinkLabel {
+  flex: 1;
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-semibold);
+}
+
+.newsBadge {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  padding: 0.125rem 0.5rem;
+  border-radius: var(--radius-pill);
+  background: var(--color-bg-primary);
+  color: var(--color-white);
+  font-family: var(--font-family-heading);
+  font-size: 0.625rem;
+  font-weight: var(--font-weight-bold);
+  line-height: 1.2;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.newsLinkChevron {
+  width: var(--icon-sm);
+  height: var(--icon-sm);
+  flex-shrink: 0;
+}
+
+.newsLinkChevron path {
+  fill: var(--color-text);
+}
+
 .faqSection {
   display: flex;
   flex-direction: column;
@@ -12,12 +75,12 @@
 
 .faqItem {
   padding-bottom: 16px;
-  border-bottom: 1px solid var(--color-light);
+  border-bottom: 1px solid var(--color-border);
 }
 
 .question {
   margin: 0 0 8px;
   font-size: 15px;
   font-weight: 600;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
diff --git a/src/features/help/pages/HelpPage/HelpPage.tsx b/src/features/help/pages/HelpPage/HelpPage.tsx
index 0514bc4..8c88a25 100644
--- a/src/features/help/pages/HelpPage/HelpPage.tsx
+++ b/src/features/help/pages/HelpPage/HelpPage.tsx
@@ -1,19 +1,24 @@
+import { useEffect, useState } from 'react';
+
+import type { GdpNewsItem } from '@/domain/news/models';
+import { NewsPage } from '@/features/news/pages/NewsPage';
 import { AppLogo } from '@/shared/ui/AppLogo';
 import { PageHeader } from '@/shared/ui/PageHeader';
 import { SlideUpPage } from '@/shared/ui/SlideUpPage';
 import { ExternalLink } from '@/shared/ui/ExternalLink';
 import { EXTERNAL_LINKS } from '@/shared/constants/externalLinks';
 
-import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
+import IconAngleRight from '@/shared/assets/icons/icon-angle-right.svg?react';
+import IconArticle from '@/shared/assets/icons/icon-article.svg?react';
 
+import screen from '@/shared/styles/screen.module.css';
 import styles from './HelpPage.module.css';
 
 const FAQ_ITEMS = [
   {
     question: 'Comment créer un signalement ?',
     answer:
-      'Sur la carte, touchez un repère géodésique pour consulter sa fiche et créer un signalement. Vous pouvez aussi ouvrir « Nouveau signalement repère » dans le menu.',
+      'Sur la carte, touchez un repère géodésique pour consulter sa fiche, puis le bouton Signaler.',
   },
   {
     question: 'Où sont stockés mes brouillons ?',
@@ -34,38 +39,74 @@ const FAQ_ITEMS = [
 export interface HelpPageProps {
   isOpen: boolean;
   onClose: () => void;
+  newsItems?: readonly GdpNewsItem[];
+  isNewsLoading?: boolean;
 }
 
-export function HelpPage({ isOpen, onClose }: HelpPageProps) {
+export function HelpPage({
+  isOpen,
+  onClose,
+  newsItems = [],
+  isNewsLoading = false,
+}: HelpPageProps) {
+  const [isNewsOpen, setIsNewsOpen] = useState(false);
+  const hasNews = newsItems.length > 0;
+
+  useEffect(() => {
+    if (!isOpen) {
+      setIsNewsOpen(false);
+    }
+  }, [isOpen]);
+
   return (
-    <SlideUpPage isOpen={isOpen} onClose={onClose}>
-      <PageHeader title="Aide" onClose={onClose} />
+    <>
+      <SlideUpPage isOpen={isOpen} onClose={onClose}>
+        <PageHeader title="Aide" onClose={onClose} showCloseButton={false} showBackButton={true} onBack={onClose} />
+
+        <main className={`${screen.screenContainer} ${styles.content}`}>
+          <AppLogo size="sm" />
+          <p className="page-subtitle">Questions fréquentes sur Géodésie de poche.</p>
+
+          <button
+            type="button"
+            className={styles.newsLink}
+            onClick={() => setIsNewsOpen(true)}
+          >
+            <IconArticle className={styles.newsLinkIcon} aria-hidden />
+            <span className={styles.newsLinkLabel}>Actualités</span>
+            {hasNews ? <span className={styles.newsBadge}>News</span> : null}
+            <IconAngleRight className={styles.newsLinkChevron} aria-hidden />
+          </button>
 
-      <main className={`${screen.screenContainer} ${styles.content}`}>
-        <AppLogo size="sm" />
-        <h1 className={typography.title}>Aide</h1>
-        <p className={typography.subtitle}>Questions fréquentes sur Géodésie de poche.</p>
+          <section className={styles.faqSection}>
+            {FAQ_ITEMS.map((item) => (
+              <article key={item.question} className={styles.faqItem}>
+                <p className={styles.question}>{item.question}</p>
+                {item.answer === 'menu' ? (
+                  <p className="body">
+                    Ouvrez le menu latéral, section « Mon compte », puis « Se connecter ». Vous pouvez
+                    aussi créer un compte sur{' '}
+                    <ExternalLink href={EXTERNAL_LINKS.ESPACE_COLLABORATIF}>
+                      l’Espace collaboratif IGN
+                    </ExternalLink>
+                    .
+                  </p>
+                ) : (
+                  <p className="body">{item.answer}</p>
+                )}
+              </article>
+            ))}
+          </section>
+        </main>
+      </SlideUpPage>
 
-        <section className={styles.faqSection}>
-          {FAQ_ITEMS.map((item) => (
-            <article key={item.question} className={styles.faqItem}>
-              <p className={styles.question}>{item.question}</p>
-              {item.answer === 'menu' ? (
-                <p className={typography.paragraph}>
-                  Ouvrez le menu latéral, section « Mon compte », puis « Se connecter ». Vous pouvez
-                  aussi créer un compte sur{' '}
-                  <ExternalLink href={EXTERNAL_LINKS.ESPACE_COLLABORATIF}>
-                    l’Espace collaboratif IGN
-                  </ExternalLink>
-                  .
-                </p>
-              ) : (
-                <p className={typography.paragraph}>{item.answer}</p>
-              )}
-            </article>
-          ))}
-        </section>
-      </main>
-    </SlideUpPage>
+      <NewsPage
+        isOpen={isOpen && isNewsOpen}
+        onClose={() => setIsNewsOpen(false)}
+        items={newsItems}
+        isLoading={isNewsLoading}
+        level={2}
+      />
+    </>
   );
 }
diff --git a/src/features/legend/pages/LegendPage/LegendPage.module.css b/src/features/legend/pages/LegendPage/LegendPage.module.css
index 58d7235..419b526 100644
--- a/src/features/legend/pages/LegendPage/LegendPage.module.css
+++ b/src/features/legend/pages/LegendPage/LegendPage.module.css
@@ -1,9 +1,58 @@
-.placeholder {
-  margin: 1.5rem 0 0;
-  padding: 1.25rem;
-  border-radius: 0.75rem;
-  background: var(--color-dark-contrast);
-  color: var(--color-medium);
-  font-size: 0.9375rem;
-  text-align: center;
+.sheet {
+  /* Plafond CSS généreux — la vraie limite (bouton légende) vient de maxExpandedHeightPx. */
+  max-height: min(92vh, 43.5rem);
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-lg);
+  padding-top: var(--spacing-2xs);
+  padding-bottom: var(--spacing-md);
+}
+
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+
+.sectionTitle {
+  margin: 0;
+  color: var(--color-primary);
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-bold);
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}
+
+.rowIcon {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.rowLabel {
+  color: var(--color-text);
+  font-size: var(--font-size-base);
+  line-height: 1.3;
+}
+
+.dot {
+  width: 0.875rem;
+  height: 0.875rem;
+  border-radius: 50%;
+}
+
+.pictoImage {
+  width: 1.5rem;
+  height: 1.5rem;
+  object-fit: contain;
 }
diff --git a/src/features/legend/pages/LegendPage/LegendPage.tsx b/src/features/legend/pages/LegendPage/LegendPage.tsx
index 76bb832..ee891a7 100644
--- a/src/features/legend/pages/LegendPage/LegendPage.tsx
+++ b/src/features/legend/pages/LegendPage/LegendPage.tsx
@@ -1,19 +1,128 @@
+import type { ReactNode } from 'react';
+import { GEODESY_GDP_PICTO_URLS } from '@ign/gdp-tools';
+
 import { MapOverlaySheet } from '@/features/map/components/MapOverlaySheet';
 
-import typography from '@/shared/styles/typography.module.css';
+import styles from './LegendPage.module.css';
 
 export interface LegendPageProps {
   isOpen: boolean;
   onClose: () => void;
+  /** Hauteur max (px) de la fiche dépliée — ex. pour ne pas dépasser le bouton légende. */
+  maxExpandedHeight?: number;
+}
+
+function LegendDot({ color }: { color: string }) {
+  return (
+    <span className={styles.rowIcon}>
+      <span className={styles.dot} style={{ background: color }} />
+    </span>
+  );
+}
+
+/** Symbole IGN réel (même picto que sur la carte, flux WFS géodésie). */
+function LegendPicto({ pictoCode }: { pictoCode: keyof typeof GEODESY_GDP_PICTO_URLS }) {
+  return (
+    <span className={styles.rowIcon}>
+      <img src={GEODESY_GDP_PICTO_URLS[pictoCode]} alt="" className={styles.pictoImage} />
+    </span>
+  );
+}
+
+function LegendPin({ color }: { color: string }) {
+  return (
+    <span className={styles.rowIcon}>
+      <svg width="20" height="26" viewBox="0 0 36 48" aria-hidden>
+        <path
+          d="M18 46 C18 46 4 30.5 4 18 A14 14 0 1 1 32 18 C32 30.5 18 46 18 46 Z"
+          fill={color}
+        />
+        <circle cx="18" cy="17.5" r="9.5" fill="#ffffff" />
+      </svg>
+    </span>
+  );
+}
+
+interface LegendRow {
+  label: string;
+  swatch: ReactNode;
 }
 
-export function LegendPage({ isOpen, onClose }: LegendPageProps) {
+function LegendSection({ title, rows }: { title: string; rows: LegendRow[] }) {
   return (
-    <MapOverlaySheet isOpen={isOpen} onClose={onClose} titleAlign="left" title="Légende" ariaLabel="Légende">
-      <p className="debug-banner">TODO — Écran pas encore développé</p>
-      <p className={typography.subtitle}>
-        Symboles des repères, clusters et stations affichés sur la carte.
-      </p>
+    <div className={styles.section}>
+      <h3 className={styles.sectionTitle}>{title}</h3>
+      {rows.map((row) => (
+        <div className={styles.row} key={row.label}>
+          {row.swatch}
+          <span className={styles.rowLabel}>{row.label}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export function LegendPage({ isOpen, onClose, maxExpandedHeight }: LegendPageProps) {
+  return (
+    <MapOverlaySheet
+      isOpen={isOpen}
+      onClose={onClose}
+      titleAlign="left"
+      title="Légende"
+      ariaLabel="Légende"
+      draggable
+      sheetClassName={styles.sheet}
+      maxExpandedHeightPx={maxExpandedHeight}
+      compactHeightRatio={0.3}
+    >
+      <main className={styles.content}>
+        <LegendSection
+          title="Repère de nivellement (RN)"
+          rows={[
+            { label: 'Repère IGN exploitable', swatch: <LegendPicto pictoCode="PT_RN_GOOD" /> },
+            { label: 'Repère IGN d’un triplet', swatch: <LegendPicto pictoCode="PT_RN_TRIPLET_GOOD" /> },
+            { label: 'Repère partenaire exploitable', swatch: <LegendPicto pictoCode="PT_RN_CANEX_GOOD" /> },
+            { label: 'Repère exploitable sous réserve', swatch: <LegendPicto pictoCode="PT_RN_BAD" /> },
+          ]}
+        />
+
+        <LegendSection
+          title="Site géodésique"
+          rows={[
+            { label: 'Site de base', swatch: <LegendPicto pictoCode="PT_RBF_GOOD" /> },
+            { label: 'Site de détail', swatch: <LegendPicto pictoCode="PT_RDF_GOOD" /> },
+            { label: 'Site partenaire', swatch: <LegendPicto pictoCode="PT_RDF_CANEX_GOOD" /> },
+            { label: 'Site en mauvais état', swatch: <LegendPicto pictoCode="PT_RBF_BAD" /> },
+          ]}
+        />
+
+        <LegendSection
+          title="Réseau GNSS permanent"
+          rows={[
+            { label: 'Station opérationnelle', swatch: <LegendDot color="#26a581" /> },
+            { label: 'Station opérationnelle, données en attente', swatch: <LegendDot color="#f18345" /> },
+            { label: 'Données manquantes', swatch: <LegendDot color="#e86f4a" /> },
+            { label: 'Station en panne', swatch: <LegendDot color="#6c6661" /> },
+          ]}
+        />
+
+        <LegendSection
+          title="Signalements"
+          rows={[
+            {
+              label: 'Signalement enregistré (pas encore envoyé au serveur)',
+              swatch: <LegendPin color="var(--color-navy)" />,
+            },
+            { label: 'Signalement envoyé au serveur', swatch: <LegendPin color="var(--color-text-secondary)" /> },
+            {
+              label: 'Signalement en cours de traitement ou en attente de saisie',
+              swatch: <LegendPin color="var(--color-warning)" />,
+            },
+            { label: 'Signalement pris en compte', swatch: <LegendPin color="var(--color-primary)" /> },
+            { label: 'Signalement rejeté par nos services', swatch: <LegendPin color="var(--color-danger)" /> },
+          ]}
+        />
+      </main>
     </MapOverlaySheet>
   );
 }
diff --git a/src/features/map/components/GeodesyPointDetails/.gitkeep b/src/features/map/components/GeodesyPointDetails/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/features/map/components/GeodesyPointDetails/index.ts b/src/features/map/components/GeodesyPointDetails/index.ts
deleted file mode 100644
index 0752c0e..0000000
--- a/src/features/map/components/GeodesyPointDetails/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { GeodesyPointDetails } from '@ign/gdp-tools/react';
diff --git a/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.module.css b/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.module.css
index 4e7c58b..c946fa6 100644
--- a/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.module.css
+++ b/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.module.css
@@ -25,7 +25,7 @@
   z-index: 120;
   display: flex;
   flex-direction: column;
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
   border-radius: 1.25rem 1.25rem 0 0;
   box-shadow: 0 -4px 24px rgba(9, 22, 37, 0.18);
   transform: translateY(110%);
@@ -65,7 +65,7 @@
   width: 2.5rem;
   height: 0.25rem;
   border-radius: 999px;
-  background: var(--color-light-shade);
+  background: var(--color-bg-disabled);
 }
 
 .handleSpacer {
@@ -93,7 +93,7 @@
 }
 
 .closeIcon path {
-  fill: var(--color-medium);
+  fill: var(--color-text-secondary);
 }
 
 .body {
@@ -106,7 +106,7 @@
 .footer {
   flex-shrink: 0;
   padding: 0.75rem 1.25rem calc(0.75rem + var(--safe-bottom));
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
 }
 
 .footerRow {
@@ -114,17 +114,3 @@
   grid-template-columns: 1fr 1fr;
   gap: 0.75rem;
 }
-
-.authHint {
-  margin: 0.75rem 0 0;
-  font-size: 13px;
-  color: var(--color-medium);
-  text-align: center;
-}
-
-.errorText {
-  margin: 0.5rem 0 0;
-  font-size: 13px;
-  color: var(--color-danger);
-  text-align: center;
-}
diff --git a/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.tsx b/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.tsx
index 7bee165..0c4fdab 100644
--- a/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.tsx
+++ b/src/features/map/components/GeodesyPointReportWizard/GeodesyPointReportWizard.tsx
@@ -1,9 +1,12 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useNavigate } from 'react-router-dom';
+import { withGeodesyPointReportPosition } from '@ign/gdp-tools';
 
 import type { GeodesyPointReportMapContext } from '@/domain/report/geodesyPointMapContext';
+import type { LocalReportDraft } from '@/domain/report/localReportDraft';
 import { useBottomSheetSnap } from '@/features/map/hooks/useBottomSheetSnap';
+import { resolvePointVariantFromReportContext } from '@/features/map/components/MapBottomSheet/pointFiche/resolvePointFicheVariant';
 import {
   ReportWizardStepConformity,
   ReportWizardStepNonConformReason,
@@ -14,7 +17,13 @@ import {
   type NonConformReason,
 } from '@/features/report/components/GeodesyPointReportWizard';
 import { useGeodesyPointReportForm } from '@/features/report/hooks/useGeodesyPointReportForm';
+import { useSubmitGeodesyPointReport } from '@/features/report/hooks/useSubmitGeodesyPointReport';
 import { buildLocalReportDraft } from '@/features/report/utils/localReportDraft';
+import {
+  buildGdpWizardComment,
+  buildGdpWizardThemeFormAttributes,
+} from '@/features/report/utils/gdpWizardThemeAttributes';
+import { buildGeodesyPointReportThemeAttributesForSubmit } from '@/features/report/utils/geodesyReportTheme';
 import { saveLocalReportDraft } from '@/infra/storage/localReportDraftsStore';
 import { Button } from '@/shared/ui/Button';
 import IconClose from '@/shared/assets/icons/icon-close.svg?react';
@@ -61,6 +70,9 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
   const [isConform, setIsConform] = useState<boolean | null>(null);
   const [nonConformReasons, setNonConformReasons] = useState<NonConformReason[]>([]);
   const [isSavingDraft, setIsSavingDraft] = useState(false);
+  const [savedDraft, setSavedDraft] = useState<LocalReportDraft | null>(null);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const { submitGeodesyPointReport, isSubmitting } = useSubmitGeodesyPointReport();
   const totalSteps = isConform === false ? 4 : 3;
   const mediaStep = isConform === false ? 2 : 1;
   const summaryStep = isConform === false ? 3 : 2;
@@ -70,6 +82,26 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
     initialComment: '',
   });
 
+  const positionedContext = useMemo(
+    () =>
+      withGeodesyPointReportPosition(reportContext, {
+        longitude: form.longitude,
+        latitude: form.latitude,
+      }),
+    [form.latitude, form.longitude, reportContext],
+  );
+
+  const wizardThemeAttributes = useMemo(
+    () =>
+      buildGdpWizardThemeFormAttributes({
+        isConform: isConform === true,
+        nonConformReasons,
+        extraThemeAttributes: form.normalizedThemeAttributes,
+        positionModified: form.canResetPosition,
+      }),
+    [form.canResetPosition, form.normalizedThemeAttributes, isConform, nonConformReasons],
+  );
+
   const handleSaveDraftAndContinue = useCallback(async () => {
     if (isSavingDraft) {
       return;
@@ -77,17 +109,25 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
 
     setIsSavingDraft(true);
     try {
+      const comment = buildGdpWizardComment(form.comment, nonConformReasons);
+      const themeAttributes = buildGeodesyPointReportThemeAttributesForSubmit(
+        positionedContext,
+        form.theme,
+        wizardThemeAttributes,
+      );
       const draft = await buildLocalReportDraft({
-        reportContext,
+        reportContext: positionedContext,
         isConform: isConform === true,
         nonConformReasons,
-        comment: form.comment,
+        comment,
         longitude: form.longitude,
         latitude: form.latitude,
         positionModified: form.canResetPosition,
         photos: form.photos,
+        themeAttributes,
       });
       await saveLocalReportDraft(draft);
+      setSavedDraft(draft);
       setStep(confirmationStep);
     } finally {
       setIsSavingDraft(false);
@@ -99,10 +139,56 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
     form.latitude,
     form.longitude,
     form.photos,
+    form.theme,
     isConform,
     isSavingDraft,
     nonConformReasons,
-    reportContext,
+    positionedContext,
+    wizardThemeAttributes,
+  ]);
+
+  const handleSendNow = useCallback(async () => {
+    if (isSubmitting) {
+      return;
+    }
+
+    setSubmitError(null);
+    const comment = buildGdpWizardComment(form.comment, nonConformReasons);
+    let lastError: string | null = null;
+    const result = await submitGeodesyPointReport(
+      positionedContext,
+      comment,
+      form.photos,
+      wizardThemeAttributes,
+      {
+        onError: (error) => {
+          lastError = error.message;
+        },
+      },
+    );
+
+    if (result && savedDraft) {
+      await saveLocalReportDraft({ ...savedDraft, serverId: result.serverId });
+    }
+
+    if (result && !lastError) {
+      onClose();
+      navigate('/reports');
+      return;
+    }
+
+    setSubmitError(lastError ?? 'Impossible d’envoyer le signalement pour le moment.');
+  }, [
+    form.comment,
+    form.photos,
+    isSubmitting,
+    navigate,
+    nonConformReasons,
+    onClose,
+    positionedContext,
+    savedDraft,
+    submitGeodesyPointReport,
+    wizardThemeAttributes,
   ]);
 
   const handleCloseAndViewReports = useCallback(() => {
@@ -158,6 +244,8 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
       setStep(0);
       setIsConform(null);
       setNonConformReasons([]);
+      setSavedDraft(null);
+      setSubmitError(null);
     }
   }, [isOpen]);
 
@@ -213,6 +301,7 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
             <ReportWizardStepNonConformReason
               reasons={nonConformReasons}
               onChange={setNonConformReasons}
+              allowPositionReason={resolvePointVariantFromReportContext(reportContext) === 'nivellement'}
             />
           ) : step === mediaStep ? (
             <ReportWizardStepMedia form={form} />
@@ -227,7 +316,11 @@ function GeodesyPointReportWizardContent({ isOpen, context, onClose }: GeodesyPo
           ) : step === confirmationStep ? (
             <ReportWizardStepConfirmation
               onSendLater={handleCloseAndViewReports}
-              onSendNow={handleCloseAndViewReports}
+              onSendNow={() => {
+                void handleSendNow();
+              }}
+              isSubmitting={isSubmitting}
+              submitError={submitError}
             />
           ) : (
             <p className="debug-banner">DOING — Écran en cours de reconstruction</p>
diff --git a/src/features/map/components/MapBottomSheet/BrowseRgpStationsList.tsx b/src/features/map/components/MapBottomSheet/BrowseRgpStationsList.tsx
index 6c3fe23..3212789 100644
--- a/src/features/map/components/MapBottomSheet/BrowseRgpStationsList.tsx
+++ b/src/features/map/components/MapBottomSheet/BrowseRgpStationsList.tsx
@@ -2,7 +2,6 @@ import type { GdpRgp2DispoState } from '@ign/gdp-tools';
 
 import type { NearestRgpStation } from '@/features/map/hooks/useNearestRgpStations';
 import { Loading } from '@/shared/ui/Loading';
-import IconArrowLeft from '@/shared/assets/icons/icon-arrow-left.svg?react';
 import IconCheck from '@/shared/assets/icons/icon-check.svg?react';
 import IconClose from '@/shared/assets/icons/icon-close.svg?react';
 import IconReset from '@/shared/assets/icons/icon-reset.svg?react';
@@ -17,7 +16,6 @@ export interface BrowseRgpStationsListProps {
   isReloading: boolean;
   lastLoadedAt: Date | null;
   error: string | null;
-  onBack: () => void;
   onRefresh: () => void;
   onSelectStation: (longitude: number, latitude: number) => void;
 }
@@ -49,19 +47,11 @@ export function BrowseRgpStationsList({
   isReloading,
   lastLoadedAt,
   error,
-  onBack,
   onRefresh,
   onSelectStation,
 }: BrowseRgpStationsListProps) {
   return (
     <div className={styles.browseRgpPanel}>
-      <header className={styles.browseRgpHeader}>
-        <button type="button" className={styles.browseRgpBackButton} onClick={onBack} aria-label="Retour">
-          <IconArrowLeft className={styles.browseRgpBackIcon} aria-hidden />
-        </button>
-        <h2 className={styles.browseRgpTitle}>Stations RGP</h2>
-      </header>
-
       <div className={styles.rgpUpdateRow}>
         <p className={styles.rgpUpdateText}>
           {lastLoadedAt
diff --git a/src/features/map/components/MapBottomSheet/MapBottomSheet.module.css b/src/features/map/components/MapBottomSheet/MapBottomSheet.module.css
index 9e7af55..0c1b8ee 100644
--- a/src/features/map/components/MapBottomSheet/MapBottomSheet.module.css
+++ b/src/features/map/components/MapBottomSheet/MapBottomSheet.module.css
@@ -1,77 +1,52 @@
 .sheet {
-  position: relative;
-  z-index: 2;
-  flex-shrink: 0;
-  overflow: hidden;
-  margin-bottom: 1rem;
-  transition: height 0.3s ease-out;
-}
-
-.sheetDragging {
-  transition: none;
-}
-
-.sheetAuto {
-  height: auto;
+	position: relative;
+	z-index: 2;
+	flex-shrink: 0;
+	overflow: hidden;
+	margin-bottom: var(--spacing-md);
+	transition: height var(--duration-slow) var(--ease-standard);
 }
 
-.sheetCollapsed {
-  height: 0;
-  overflow: hidden;
-  background: transparent;
-  box-shadow: none;
-  border-radius: 0;
-  pointer-events: none;
-  transition: height 0.3s ease-out, background 0.3s ease-out, box-shadow 0.3s ease-out;
-}
-
-.searchFab {
-  --search-fab-size: 3rem;
-  position: absolute;
-  right: 1rem;
-  bottom: 0.75rem;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--search-fab-size);
-  height: var(--search-fab-size);
-  padding: 0;
-  border: none;
-  border-radius: 50%;
-  background: var(--color-white);
-  box-shadow: 0 2px 12px rgba(9, 22, 37, 0.16);
-  cursor: pointer;
-  pointer-events: auto;
+.sheet.sheetFullscreen {
+	margin-bottom: 0;
+	border-radius: 0;
+	box-shadow: none;
 }
 
-.searchFab:hover,
-.searchFab:focus-visible {
-  background: var(--color-primary-light);
-  outline: none;
+.sheetDragging {
+	transition: none;
 }
 
-.searchFabIcon {
-  width: 1.5rem;
-  height: 1.5rem;
-}
 
-.searchFabIcon path {
-  fill: var(--color-dark);
-}
-
-.sheetPointFiche {
-  background: var(--color-fiche-canvas);
-  /* Ne jamais couvrir la pile de FAB (filtre/couches/légende) de MapPage : 3 boutons de
-     3rem + 2 espaces de 0.5rem, plus une marge de respiration. */
-  max-height: calc(100dvh - max(0.75rem, var(--safe-top)) - 10.75rem);
-}
+.sheetCollapsed {
+	height: 0;
+	overflow: hidden;
+	background: transparent;
+	box-shadow: none;
+	border-radius: 0;
+	pointer-events: none;
+	transition: height var(--duration-slow) var(--ease-standard), background var(--duration-slow) var(--ease-standard), box-shadow var(--duration-slow) var(--ease-standard);
+}
+
+/* Fenêtre modale flottant au-dessus de la carte : marges latérales, coins hauts arrondis,
+   pas de marge basse (la fiche part du bas de l'écran). Le compound selector (.sheet +
+   .sheetPointFiche) prime volontairement sur .sheet (margin-bottom) et sur sheetChrome.surface
+   (border-radius) qui, seuls, ont la même spécificité CSS. */
+.sheet.sheetPointFiche {
+	margin: 0 0.25rem 0;
+	background: var(--color-fiche-canvas);
+	border-radius: 1.25rem 1.25rem 0 0;
+	transition: height 0.3s ease-out, margin 0.3s ease-out;
+	/* Petite marge en haut même à l'ouverture maximale — cohérent avec usePointFicheSheetDrag. */
+	max-height: calc(100dvh - max(0.75rem, var(--safe-top)));
+  }
+  
+  /* Ouverture maximale : la fiche occupe toute la largeur, plus de marges latérales. */
+  .sheet.sheetPointFiche.sheetFullscreen {
+	margin-left: 0;
+	margin-right: 0;
+  }
 
-.contentPointMini {
-  flex: 0 0 auto;
-  overflow: visible;
-  padding: 0;
-}
 
 .contentPointSheet {
   flex: 1;
@@ -82,111 +57,107 @@
   flex-direction: column;
 }
 
-.handleAreaDraggable {
-  cursor: grab;
-  touch-action: none;
-}
-
-.handleAreaDraggable:active {
-  cursor: grabbing;
+.sheetAuto {
+	height: auto;
 }
 
 .contentExpanded {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  padding: 0 1rem 1rem;
+	flex: 1;
+	min-height: 0;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	padding: 0 var(--spacing-md) var(--spacing-md);
+	background: var(--color-bg-page);
 }
 
 .browsePanel {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
+	flex: 1;
+	min-height: 0;
+	overflow: auto;
 }
 
 .browseHome {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-md);
 }
 
 .rgpNavigateRow {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  width: 100%;
-  padding: 0.875rem 0;
-  border: none;
-  border-bottom: 1px solid var(--figma-neutral-light-active);
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-  font: inherit;
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-sm);
+	width: 100%;
+	padding: var(--spacing-s) 0;
+	border: none;
+	border-bottom: 1px solid var( --color-divider);
+	background: transparent;
+	cursor: pointer;
+	text-align: left;
+	font: inherit;
 }
 
 .rgpNavigateRow:hover,
 .rgpNavigateRow:focus-visible {
-  background: var(--color-primary-light);
+	background: var(--color-bg-primary-subtle);
 }
 
 .rgpNavigateIconWrap {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.25rem;
-  height: 2.25rem;
-  border-radius: 50%;
-  background: var(--color-rgp-background);
-  flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--icon-wrap-sm);	
+	height: var(--icon-wrap-sm);
+	border-radius: var(--radius-circle);
+	background: var(--color-rgp-bg);
+	flex-shrink: 0;
 }
 
 .rgpNavigateIcon {
-  width: 1.125rem;
-  height: 1.125rem;
+	width: 1.125rem;
+	height: 1.125rem;
 
 }
 
 .rgpNavigateIcon path {
-  fill: var(--color-rgp);
+	fill: var(--color-rgp);
 }
 
 .rgpNavigateLabel {
-  flex: 1;
-  min-width: 0;
-  font-size: 0.9375rem;
-  font-weight: 700;
-  color: var(--color-dark);
+	flex: 1;
+	min-width: 0;
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-bold);
+	color: var(--color-text);
 }
 
 .rgpNavigateChevron {
-  width: 1rem;
-  height: 1rem;
-  flex-shrink: 0;
+	width: 1rem;
+	height: 1rem;
+	flex-shrink: 0;
 }
 
 .rgpNavigateChevron path {
-  fill: var(--color-medium);
+	fill: var(--color-text-secondary);
 }
 
 .recentSearchesSection {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-xs);
 }
 
 .recentSearchesTitle {
-  margin: 0;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  color: var(--color-medium);
+	margin: 0;
+	font-size: var(--font-size-xs);
+	font-weight: var(--font-weight-semibold);
+	color: var(--color-text-secondary);
 }
 
 .recentSearchesEmpty {
-  margin: 0;
-  font-size: 0.8125rem;
-  color: var(--color-medium);
+	margin: 0;
+	font-size: var(--font-size-xs);
+	color: var(--color-text-secondary);
 }
 
 .recentSearchesList {
@@ -198,246 +169,202 @@
 }
 
 .recentSearchItem {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  width: 100%;
-  padding: 0.75rem 0;
-  border: none;
-  border-bottom: 1px solid var(--figma-neutral-light-active);
-  background: transparent;
-  cursor: pointer;
-  text-align: left;
-  font: inherit;
+	display: flex;
+	align-items: flex-start;
+	gap: var(--spacing-sm);
+	width: 100%;
+	padding: var(--spacing-sm) 0;
+	border: none;
+	border-bottom: 1px solid var(--color-bg-hover);
+	background: transparent;
+	cursor: pointer;
+	text-align: left;
+	font: inherit;
 }
 
 .recentSearchItem:last-child {
-  border-bottom: none;
+	border-bottom: none;
 }
 
 .recentSearchItem:hover,
 .recentSearchItem:focus-visible {
-  background: var(--color-primary-light);
+	background: var(--color-bg-primary-subtle);
 }
 
 .recentSearchIconWrap {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
-  background: var(--color-light);
-  flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--icon-wrap-xs);
+	height: var(--icon-wrap-xs);
+	border-radius: var(--radius-circle);
+	background: var(--color-bg-active);
+	flex-shrink: 0;
 }
 
 .recentSearchIcon {
-  width: 1rem;
-  height: 1rem;
+	width: 1rem;
+	height: 1rem;
 }
 
 .recentSearchIcon path {
-  fill: var(--color-medium-shade);
+	fill: var(--color-border-strong);
 }
 
 .recentSearchText {
-  display: flex;
-  flex-direction: column;
-  gap: 0.125rem;
-  min-width: 0;
-  flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-4xs);
+	min-width: 0;
+	flex: 1;
 }
 
 .recentSearchTitle {
-  font-size: 0.9375rem;
-  font-weight: 700;
-  color: var(--color-dark);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-bold);
+	color: var(--color-text);
 }
 
 .recentSearchSubtitle {
-  font-size: 0.8125rem;
-  color: var(--color-medium);
+	font-size: var(--font-size-xs);
+	color: var(--color-text-secondary);
 }
 
 .browseRgpPanel {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  min-height: 0;
-}
-
-.browseRgpHeader {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-
-.browseRgpBackButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.25rem;
-  height: 2.25rem;
-  padding: 0;
-  border: 1px solid var(--figma-neutral-light-active);
-  border-radius: 50%;
-  background: var(--color-dark-contrast);
-  cursor: pointer;
-  flex-shrink: 0;
-}
-
-.browseRgpBackButton:hover,
-.browseRgpBackButton:focus-visible {
-  border-color: var(--color-primary-tint);
-  background: var(--color-primary-light);
-}
-
-.browseRgpBackIcon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.browseRgpBackIcon path {
-  fill: var(--color-dark);
-}
-
-.browseRgpTitle {
-  margin: 0;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--color-dark);
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-sm);
+	min-height: 0;
 }
 
 .rgpUpdateRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  padding-bottom: 0.25rem;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--spacing-sm);
+	padding-bottom: var(--spacing-3xs);
 }
 
 .rgpUpdateText {
-  margin: 0;
-  flex: 1;
-  min-width: 0;
-  font-size: 0.75rem;
-  line-height: 1.35;
-  color: var(--color-medium);
+	margin: 0;
+	flex: 1;
+	min-width: 0;
+	font-size: var(--font-size-2xs);
+	line-height: 1.35;
+	color: var(--color-text-secondary);
 }
 
 .rgpRefreshButton {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.375rem;
-  flex-shrink: 0;
-  padding: 0.375rem 0.625rem;
-  border: 1px solid var(--figma-neutral-light-active);
-  border-radius: 999px;
-  background: var(--color-dark-contrast);
-  color: var(--color-primary-shade);
-  font-size: 0.75rem;
-  font-weight: 600;
-  cursor: pointer;
+	display: inline-flex;
+	align-items: center;
+	gap: var(--spacing-2xs);
+	flex-shrink: 0;
+	padding: var(--spacing-2xs) var(--spacing-4);
+	border: 1px solid var(--color-bg-hover);
+	border-radius: var(--radius-pill);
+	background: var(--color-bg-surface);
+	color: var(--color-text-primary);
+	font-size: var(--font-size-2xs);
+	font-weight: var(--font-weight-semibold);
+	cursor: pointer;
+	margin-right: 20px;
 }
 
 .rgpRefreshButton:hover:not(:disabled),
 .rgpRefreshButton:focus-visible:not(:disabled) {
-  border-color: var(--color-primary-tint);
-  background: var(--color-primary-light);
+	border-color: var(--color-border-primary-subtle);
+	background: var(--color-bg-primary-subtle);
 }
 
 .rgpRefreshButton:disabled {
-  opacity: 0.6;
-  cursor: wait;
+	opacity: var(--opacity-disabled);
+	cursor: wait;
 }
 
 .rgpRefreshIcon {
-  width: 0.875rem;
-  height: 0.875rem;
+	width: var(--spacing-s);
+	height: var(--spacing-s);
 }
 
 .rgpRefreshIcon path {
-  fill: currentColor;
-}
-
-.contentExpanded .searchContainer :global(.ol-search ul.autocomplete.history) {
-  display: none !important;
-}
-
-.contentCompact {
-  flex: 0 0 auto;
-  overflow: visible;
-  padding: 0 1rem 0.75rem;
+	fill: currentColor;
 }
 
 .searchArea {
-  flex-shrink: 0;
-  overflow: visible;
-  z-index: 1;
-}
-
-.rgpSection {
-  flex: 1;
-  min-height: 0;
-  margin-top: 1rem;
-  overflow: auto;
+	flex-shrink: 0;
+	overflow: visible;
+	z-index: 1;
 }
 
 .rgpDispoGroup {
-  display: grid;
-  grid-template-columns: repeat(4, 1.125rem);
-  align-items: center;
-  gap: 0.25rem;
-  flex-shrink: 0;
+	display: grid;
+	grid-template-columns: repeat(4, 1.125rem);
+	align-items: center;
+	gap: var(--spacing-3xs);
+	flex-shrink: 0;
 }
 
 .rgpDispoOk,
 .rgpDispoBad {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.125rem;
-  height: 1.125rem;
-  border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 1.125rem;
+	height: 1.125rem;
+	border-radius: var(--radius-circle);
 }
 
 .rgpDispoOk {
-  background: var(--color-primary);
+	background: var(--color-bg-primary);
 }
 
 .rgpDispoBad {
-  background: var(--color-danger);
+	background: var(--color-danger);
 }
 
 .rgpDispoGlyph {
-  width: 0.625rem;
-  height: 0.625rem;
+	width: 0.625rem;
+	height: 0.625rem;
 }
 
 .rgpDispoGlyph path {
-  fill: var(--color-dark-contrast);
+	fill: var(--color-bg-surface);
 }
 
 .searchField {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.625rem 0.875rem;
-  border: 1.5px solid var(--color-light);
-  border-radius: 999px;
-  background: var(--color-light-light);
+	position: relative;
+	z-index: 1;
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-xs);
+	width: 100%;
+	min-height: 49px;
+	padding: 5px 8px;
+	box-sizing: border-box;
+	border: 1.5px solid var(--color-border);
+	border-radius: 5px;
+	background: var(--color-white);
+	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.20);
+}
+.searchField:focus-within {
+	border: 2px solid var(--green-4, #26A581);
+	/* Shadow */
+	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.20);
+}
+
+.searchField:focus-within .searchContainer :global(.ol-search ul.autocomplete:not(:empty)) {
+	display: block !important;
 }
 
+
 .searchIcon {
-  width: 1.25rem;
-  height: 1.25rem;
-  flex-shrink: 0;
+	width: 1.25rem;
+	height: 1.25rem;
+	flex-shrink: 0;
 }
 
 .searchIcon path {
-  fill: var(--color-medium);
+	fill: var(--color-text-secondary);
 }
 
 .searchContainer {
@@ -460,24 +387,24 @@
 }
 
 .searchContainer :global(.ol-search input.search) {
-  width: 100%;
-  padding: 0;
-  border: none;
-  font-size: 1rem;
-  line-height: 1.25rem;
-  font-family: inherit;
-  background: transparent;
-  box-sizing: border-box;
-  margin: 0;
-  height: 1.25rem;
+	width: 100%;
+	padding: 0;
+	border: none;
+	font-size: var(--font-size-lg);
+	line-height: 1.25rem;
+	font-family: var(--font-family-base);
+	background: transparent;
+	box-sizing: border-box;
+	margin: 0;
+	height: 1.25rem;
 }
 
 .searchContainer :global(.ol-search input.search:focus) {
-  outline: none;
+	outline: none;
 }
 
 .searchContainer :global(.ol-search input.search::placeholder) {
-  color: var(--color-medium);
+	color: var(--color-text-secondary);
 }
 
 .searchContainer :global(.ol-search button.ol-revers) {
@@ -486,143 +413,180 @@
 
 /* Masqué tant que le champ n'est pas actif */
 .searchContainer :global(.ol-search ul.autocomplete) {
-  display: none;
-  position: absolute;
-  left: -2.75rem;
-  right: -0.875rem;
-  top: calc(100% + 0.5rem);
-  bottom: auto;
-  max-height: min(40vh, 16rem);
-  overflow-y: auto;
-  max-width: none;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  border: 1px solid var(--color-light-shade);
-  border-radius: 0.75rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-  z-index: 20;
-  background: var(--color-dark-contrast);
-}
-
-.searchField:focus-within .searchContainer :global(.ol-search ul.autocomplete:not(:empty)) {
-  display: block !important;
+	display: none;
+	position: absolute;
+	left: -2.75rem;
+	right: calc(-1 * var(--spacing-s));
+	top: calc(100% + var(--spacing-xs));
+	bottom: auto;
+	max-height: min(40vh, 16rem);
+	overflow-y: auto;
+	max-width: none;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	border: 1.5px solid var(--color-border);
+	border-radius: 5px;
+	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
+	z-index: 20;
+	background: var(--color-white);
 }
 
 .searchContainer :global(.ol-search ul:empty) {
-  display: none !important;
+	display: none !important;
 }
 
 .searchContainer :global(.ol-search ul li) {
-  padding: 0.625rem 0.875rem;
-  font-size: 0.875rem;
-  cursor: pointer;
+	padding: var(--spacing-sm) var(--spacing-s);
+	font-size: var(--font-size-base);
+	line-height: var(--line-height-tight);
+	color: var(--color-text);
+	cursor: pointer;
+	white-space: normal;
+	overflow: visible;
+	text-overflow: unset;
+	word-break: break-word;
 }
 
 .searchContainer :global(.ol-search ul li.copy) {
-  display: none !important;
+	display: none !important;
 }
 
 .searchContainer :global(.ol-search ul li.select),
 .searchContainer :global(.ol-search ul li:hover) {
-  background-color: var(--color-primary-light);
-  color: var(--color-dark);
+	background-color: var(--color-bg-primary-subtle);
+	color: var(--color-text);
+}
+
+.searchContainer :global(.ol-search ul.autocomplete.history) {
+	padding: var(--spacing-2xs) 0 var(--spacing-3xs);
+}
+
+.searchContainer :global(.ol-search ul.autocomplete.history)::before {
+	content: 'Recherches récentes';
+	display: block;
+	padding: var(--spacing-xs) var(--spacing-s) var(--spacing-2xs);
+	font-size: var(--font-size-xs);
+	font-weight: var(--font-weight-semibold);
+	color: var(--color-text-secondary);
 }
 
-.rgpTitle {
-  margin: 0 0 0.75rem;
-  font-size: 0.875rem;
-  font-weight: 700;
-  color: var(--color-dark);
+.searchContainer :global(.ol-search ul.autocomplete.history li) {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--spacing-sm);
+	border-bottom: 1px solid var(--color-bg-hover);
+	font-weight: var(--font-weight-medium);
+}
+
+.searchContainer :global(.ol-search ul.autocomplete.history li::before) {
+	content: '';
+	flex-shrink: 0;
+	width: var(--icon-wrap-xs);
+	height: var(--icon-wrap-xs);
+	border-radius: var(--radius-circle);
+	background-color: var(--color-bg-active);
+	background-image: url('../../../../shared/assets/icons/icon-clock.svg');
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: 1.125rem;
+}
+
+.searchContainer :global(.ol-search ul.autocomplete.history li:last-child) {
+	border-bottom: none;
+}
+
+.searchArea:focus-within:has(:global(.ol-search ul.autocomplete.history:not(:empty))) ~ .browsePanel {
+	visibility: hidden;
 }
 
 .rgpLoading {
-  display: flex;
-  justify-content: center;
-  padding: 0.5rem 0;
+	display: flex;
+	justify-content: center;
+	padding: var(--spacing-xs) 0;
 }
 
 .rgpError {
-  margin: 0;
-  font-size: 0.8125rem;
-  color: var(--color-danger);
+	margin: 0;
+	font-size: var(--font-size-xs);
+	color: var(--color-danger);
 }
 
 .rgpEmpty {
-  margin: 0;
-  font-size: 0.8125rem;
-  color: var(--color-medium);
+	margin: 0;
+	font-size: var(--font-size-xs);
+	color: var(--color-text-secondary);
 }
 
 .rgpList {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-xs);
 }
 
 .rgpItem {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  width: 100%;
-  padding: 0.875rem 0.75rem;
-  border: 1px solid var(--figma-neutral-light-active);
-  border-radius: 0.75rem;
-  background: var(--color-dark-contrast);
-  cursor: pointer;
-  text-align: left;
-  font: inherit;
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-sm);
+	width: 100%;
+	padding: var(--spacing-s) var(--spacing-sm);
+	border: 1px solid var(--color-bg-hover);
+	border-radius: var(--radius-sm);
+	background: var(--color-bg-surface);
+	cursor: pointer;
+	text-align: left;
+	font: inherit;
 }
 
 .rgpItem:hover,
 .rgpItem:focus-visible {
-  border-color: var(--color-primary-tint);
-  background: var(--color-primary-light);
+	border-color: var(--color-border-primary-subtle);
+	background: var(--color-bg-primary-subtle);
 }
 
-.rgpDotAvailable,
-.rgpDotUnavailable {
-  display: none;
-}
 
 .rgpName {
-  font-size: 0.9375rem;
-  font-weight: 700;
-  color: var(--color-dark);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-bold);
+	color: var(--color-text);
 }
 
 .rgpCommune {
-  font-size: 0.8125rem;
-  color: var(--color-medium);
+	font-size: var(--font-size-xs);
+	color: var(--color-text-secondary);
 }
 
 .rgpDistance {
-  font-size: 0.875rem;
-  font-weight: 700;
-  color: var(--color-dark);
-  flex-shrink: 0;
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-bold);
+	color: var(--color-text);
+	flex-shrink: 0;
 }
 
 .rgpItemText {
-  display: flex;
-  flex-direction: column;
-  gap: 0.125rem;
-  min-width: 0;
-  flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-4xs);
+	min-width: 0;
+	flex: 1;
 }
 
-.levelContent {
-  padding-bottom: 0.5rem;
+.sheet.sheetSearchScreen {
+	position: absolute;
+	inset: 0;
+	z-index: 0;
+	flex: none;
+	min-height: 0;
+	height: auto;
+	margin: 0;
+	border-radius: 0;
+	box-shadow: none;
 }
 
-.placeholder {
-  margin: 0;
-  padding: 1rem 0;
-  text-align: center;
-  color: var(--color-medium);
-  font-size: 0.875rem;
+.sheetSearchScreen .contentExpanded {
+	padding-top: 0;
+	padding-bottom: calc(var(--map-tabbar-height, 6.5rem) + var(--spacing-md));
 }
-
diff --git a/src/features/map/components/MapBottomSheet/MapBottomSheet.tsx b/src/features/map/components/MapBottomSheet/MapBottomSheet.tsx
index 4b2e40b..cfa248a 100644
--- a/src/features/map/components/MapBottomSheet/MapBottomSheet.tsx
+++ b/src/features/map/components/MapBottomSheet/MapBottomSheet.tsx
@@ -3,6 +3,10 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import type { MapGeodesyClickAction } from '@/features/map/hooks/useMapGeodesyClick';
 import { useBottomSheetSnap } from '@/features/map/hooks/useBottomSheetSnap';
+import {
+  getPointFicheSheetGeometry,
+  usePointFicheSheetDrag,
+} from '@/features/map/hooks/usePointFicheSheetDrag';
 import { useNearestRgpStations } from '@/features/map/hooks/useNearestRgpStations';
 import { useUserLocation } from '@/features/map/hooks/useUserLocation';
 import { useAddressSearchHistory } from '@/features/search/hooks/useAddressSearchHistory';
@@ -19,6 +23,8 @@ import { MapPointSheet } from './pointFiche/MapPointSheet';
 import styles from './MapBottomSheet.module.css';
 import { RiSearchLine } from 'react-icons/ri';
 
+import { PageHeader } from '@/shared/ui/PageHeader';
+
 type BrowsePanelView = 'search' | 'rgp';
 
 const BROWSE_SHEET_SLIDE_MS = 300;
@@ -30,11 +36,6 @@ function getBrowseSnapHeights(viewportHeight: number): readonly number[] {
   return [0, normalHeight, maxHeight];
 }
 
-// 3 boutons de 3rem + 2 espaces de 0.5rem + 0.75rem de marge = 10.75rem (172px),
-// doit rester cohérent avec le max-height de .sheetPointFiche (MapBottomSheet.module.css)
-// pour que la fiche ne recouvre jamais la pile de FAB (filtre/couches/légende).
-const FAB_STACK_RESERVE_PX = 172;
-
 function getSafeAreaTopPx(): number {
   if (typeof window === 'undefined') {
     return 0;
@@ -46,17 +47,6 @@ function getSafeAreaTopPx(): number {
   return Number.isFinite(parsed) ? parsed : 0;
 }
 
-function getPointSnapHeights(viewportHeight: number, safeAreaTop: number): readonly number[] {
-  const maxHeight = Math.max(220, viewportHeight - Math.max(12, safeAreaTop) - FAB_STACK_RESERVE_PX);
-
-  return [
-    220,
-    Math.min(Math.round(viewportHeight * 0.48), maxHeight),
-    Math.min(Math.round(viewportHeight * 0.68), maxHeight),
-    maxHeight,
-  ];
-}
-
 export interface MapBottomSheetProps {
   map: Map | null;
   isMapReady: boolean;
@@ -70,7 +60,7 @@ export interface MapBottomSheetProps {
   /** Désactive le suivi GPS (following / locked) après une recherche d’adresse ou de commune. */
   onDisableUserFollowing?: () => void;
   onSheetHeightChange?: (height: number) => void;
-  /** Offset carte pour GPS / échelle — suit la hauteur de la sheet, y compris en mini-fiche. */
+  /** Offset carte pour GPS / échelle — suit la hauteur de la sheet. */
   onFabSheetOffsetChange?: (offset: number) => void;
   onTabbarVisibleChange?: (visible: boolean) => void;
   hideBrowseSheet?: boolean;
@@ -104,8 +94,11 @@ export function MapBottomSheet({
   forceCloseSearch = false,
   onSearchPanelStateChange,
 }: MapBottomSheetProps) {
+  const [searchContainer, setSearchContainer] = useState<HTMLDivElement | null>(null);
   const searchContainerRef = useRef<HTMLDivElement>(null);
-  const sheetRef = useRef<HTMLElement>(null);
+
+  searchContainerRef.current = searchContainer;
+
   const browseSnapIndexRef = useRef(0);
   const browseViewRef = useRef<BrowsePanelView>('search');
   const pendingBrowseViewRef = useRef<BrowsePanelView | null>(null);
@@ -114,8 +107,15 @@ export function MapBottomSheet({
   const [viewportHeight, setViewportHeight] = useState(() => window.innerHeight);
   const [safeAreaTop, setSafeAreaTop] = useState(() => getSafeAreaTopPx());
   const [browseView, setBrowseView] = useState<BrowsePanelView>('search');
+  // Hauteur de fiche nécessaire pour voir la photo/croquis en entier, mesurée dans le DOM par
+  // MapPointSheet — sert de seuil d'ouverture dynamique (voir usePointFicheSheetDrag).
+  const [measuredOpenThreshold, setMeasuredOpenThreshold] = useState<number | null>(null);
+  // Hauteur de fiche nécessaire pour l'en-tête + le pied de page seuls (plancher d'ouverture) —
+  // mesurée pour que --safe-bottom soit toujours pris en compte (pied de page jamais rogné).
+  const [measuredFloorHeight, setMeasuredFloorHeight] = useState<number | null>(null);
   browseViewRef.current = browseView;
 
+  const sheetRef = useRef<HTMLElement>(null);
   useEffect(() => {
     const handleResize = () => {
       setViewportHeight(window.innerHeight);
@@ -127,9 +127,9 @@ export function MapBottomSheet({
   }, []);
 
   const browseSnapHeights = useMemo(() => getBrowseSnapHeights(viewportHeight), [viewportHeight]);
-  const pointSnapHeights = useMemo(
-    () => getPointSnapHeights(viewportHeight, safeAreaTop),
-    [viewportHeight, safeAreaTop],
+  const pointGeometry = useMemo(
+    () => getPointFicheSheetGeometry(viewportHeight, safeAreaTop, measuredOpenThreshold, measuredFloorHeight),
+    [viewportHeight, safeAreaTop, measuredOpenThreshold, measuredFloorHeight],
   );
 
   const browseSnap = useBottomSheetSnap({
@@ -138,21 +138,29 @@ export function MapBottomSheet({
     enabled: !isPointMode,
   });
 
-  const pointSnap = useBottomSheetSnap({
-    snapHeights: pointSnapHeights,
-    initialIndex: 0,
+  const pointSheet = usePointFicheSheetDrag({
+    geometry: pointGeometry,
+    viewportHeight,
     enabled: isPointMode,
     onDismiss: onClosePoint,
   });
 
-  const { currentHeight, dragHandleProps, snapIndex, dragOffset, setSnapIndex } = isPointMode
-    ? pointSnap
-    : browseSnap;
+  const { setSnapIndex } = browseSnap;
+  const currentHeight = isPointMode ? pointSheet.currentHeight : browseSnap.currentHeight;
+  const dragHandleProps = isPointMode ? pointSheet.dragHandleProps : browseSnap.dragHandleProps;
+  const dragOffset = isPointMode ? pointSheet.dragOffset : browseSnap.dragOffset;
   const isBrowseCollapsed = !isPointMode && browseSnap.snapIndex === 0;
   const isBrowseExpanded = !isPointMode && browseSnap.snapIndex > 0;
-  const isPointMiniFiche = isPointMode && snapIndex === 0;
-  const isSheetAuto = (isBrowseCollapsed || isPointMiniFiche) && dragOffset === 0;
-
+  // Contenu de la fiche point : niveau 1 (compact, glissé libre entre le plancher et le seuil
+  // d'ouverture) ou niveau 2 (fiche étendue au seuil ou en grand) — voir usePointFicheSheetDrag
+  // pour le calcul des seuils. Basé sur restingHeight (pas la hauteur en plein glissé) pour ne
+  // jamais monter/démonter de contenu pendant un glissé actif (peut interrompre le geste).
+  const pointContentLevel = pointSheet.restingHeight >= pointGeometry.freeMaxHeight - 1 ? 2 : 1;
+  // Ouverture maximale : la fiche perd ses marges latérales et occupe toute la largeur.
+  const isPointFullscreen = isPointMode && pointSheet.currentHeight >= pointGeometry.fullscreenHeight - 1;
+
+  
+  const isSheetAuto = isBrowseCollapsed  && dragOffset === 0;
   browseSnapIndexRef.current = isPointMode ? 0 : browseSnap.snapIndex;
 
   useEffect(() => {
@@ -286,7 +294,7 @@ export function MapBottomSheet({
 
   const { selectHistoryEntry } = useSearchGeoportail({
     map,
-    addressContainerRef: searchContainerRef,
+    addressContainer: searchContainer,
     isOpen: isMapReady && !isPointMode && isBrowseExpanded,
     placeholder: 'Rechercher un point, une adresse…',
     onFocus: expandBrowseSheet,
@@ -308,6 +316,7 @@ export function MapBottomSheet({
     };
   }, [isPointMode, onTabbarVisibleChange]);
 
+
   useEffect(() => {
     if (!isPointMode && hideBrowseSheet) {
       onSheetHeightChange?.(0);
@@ -317,11 +326,11 @@ export function MapBottomSheet({
 
     const reportOffsets = (height: number) => {
       onSheetHeightChange?.(height);
-      // Bouton recherche seul (collapsed) : ne pousse pas le FAB géoloc.
-      onFabSheetOffsetChange?.(isBrowseCollapsed ? 0 : height);
+      // Écran recherche : la tabbar reste visible, les FAB restent derrière le panneau.
+      onFabSheetOffsetChange?.(isBrowseCollapsed || isBrowseExpanded ? 0 : height);
     };
 
-    if (isBrowseCollapsed) {
+    if (isBrowseCollapsed || isBrowseExpanded) {
       reportOffsets(0);
       return;
     }
@@ -349,12 +358,12 @@ export function MapBottomSheet({
     currentHeight,
     hideBrowseSheet,
     isBrowseCollapsed,
+    isBrowseExpanded,
     isPointMode,
     isSheetAuto,
     onFabSheetOffsetChange,
     onSheetHeightChange,
   ]);
-
   const referencePosition = useUserLocation({ enabled: userFollowingMode !== 'none' });
 
   const handleNavigateToPoint = () => {
@@ -380,94 +389,96 @@ export function MapBottomSheet({
 
   return (
     <section
-      ref={sheetRef}
       className={[
         sheetChrome.surface,
         styles.sheet,
         dragOffset !== 0 ? styles.sheetDragging : '',
         isSheetAuto ? styles.sheetAuto : '',
         isPointMode ? styles.sheetPointFiche : '',
+        isPointFullscreen ? styles.sheetFullscreen : '',
+        isBrowseExpanded ? styles.sheetSearchScreen : '',
         isBrowseCollapsed ? styles.sheetCollapsed : '',
       ]
         .filter(Boolean)
         .join(' ')}
       style={
-        isBrowseCollapsed
-          ? { height: 0, ['--map-sheet-height' as string]: '0px' }
-          : isSheetAuto
+        isPointMode
+          ? isSheetAuto
             ? undefined
             : { height: `${currentHeight}px`, ['--map-sheet-height' as string]: `${currentHeight}px` }
+          : isBrowseCollapsed
+            ? { height: 0, ['--map-sheet-height' as string]: '0px' }
+            : undefined
       }
       aria-label={isPointMode ? 'Fiche repère' : 'Recherche et stations RGP'}
     >
-      {!isPointMode && isBrowseExpanded ? (
-        <div
-          className={`${sheetChrome.handleArea} ${styles.handleAreaDraggable}`}
-          {...dragHandleProps}
-          aria-hidden={browseSnapHeights.length < 2}
-        >
-          <span className={sheetChrome.handle} />
-        </div>
-      ) : null}
+
 
       {isPointMode && selectedPoint ? (
-        <div
-          className={`${sheetChrome.body} ${isPointMiniFiche ? styles.contentPointMini : styles.contentPointSheet}`}
-        >
+        <div className={`${sheetChrome.body} ${styles.contentPointSheet}`}>
           <MapPointSheet
             action={selectedPoint}
-            snapIndex={snapIndex}
+            snapIndex={pointContentLevel}
             referencePosition={referencePosition}
             canReport={canReportPoint}
             reportDisabledReason={reportDisabledReason}
             dragHandleProps={dragHandleProps}
             onReport={onReportPoint}
             onNavigate={handleNavigateToPoint}
+            onOpenThresholdChange={setMeasuredOpenThreshold}
+            onFloorHeightChange={setMeasuredFloorHeight}
           />
         </div>
       ) : isBrowseCollapsed ? null : (
+        <>
+        <PageHeader
+          title={browseView === 'rgp' ? 'Stations RGP' : 'Recherche'}
+          showBackButton
+          showCloseButton={false}
+          onBack={browseView === 'rgp' ? () => setBrowseView('search') : collapseBrowseSheet}
+        />
         <div className={styles.contentExpanded}>
-          {browseView === 'search' ? (
-            <div className={styles.searchArea}>
-              <div
-                className={styles.searchField}
-                onPointerDown={(event) => {
-                  if (event.target instanceof HTMLInputElement) {
-                    return;
-                  }
-
-                  handleSearchActivate();
-                }}
-              >
-                <RiSearchLine className={styles.searchIcon} aria-hidden />
-                <div ref={searchContainerRef} className={styles.searchContainer} />
-              </div>
+        {browseView === 'search' ? (
+          <div className={styles.searchArea}>
+            <div
+              className={styles.searchField}
+              onPointerDown={(event) => {
+                if (event.target instanceof HTMLInputElement) {
+                  return;
+                }
+
+                handleSearchActivate();
+              }}
+            >
+              <RiSearchLine className={styles.searchIcon} aria-hidden />
+              <div ref={setSearchContainer} className={styles.searchContainer} />
             </div>
-          ) : null}
-
-          <div className={styles.browsePanel} data-scroll-root="true">
-            {browseView === 'search' ? (
-              <BrowseSearchHome
-                historyEntries={historyEntries}
-                onOpenRgpList={() => setBrowseView('rgp')}
-                onSelectHistoryEntry={handleSelectHistoryEntry}
-              />
-            ) : (
-              <BrowseRgpStationsList
-                stations={stations}
-                isLoading={isRgpLoading}
-                isReloading={isRgpReloading}
-                lastLoadedAt={rgpLastLoadedAt}
-                error={rgpError}
-                onBack={() => setBrowseView('search')}
-                onRefresh={() => {
-                  void reloadFromServer();
-                }}
-                onSelectStation={handleRgpSelect}
-              />
-            )}
           </div>
+        ) : null}
+
+        <div className={styles.browsePanel} data-scroll-root="true">
+          {browseView === 'search' ? (
+            <BrowseSearchHome
+              historyEntries={historyEntries}
+              onOpenRgpList={() => setBrowseView('rgp')}
+              onSelectHistoryEntry={handleSelectHistoryEntry}
+            />
+          ) : (
+            <BrowseRgpStationsList
+              stations={stations}
+              isLoading={isRgpLoading}
+              isReloading={isRgpReloading}
+              lastLoadedAt={rgpLastLoadedAt}
+              error={rgpError}
+              onRefresh={() => {
+                void reloadFromServer();
+              }}
+              onSelectStation={handleRgpSelect}
+            />
+          )}
+        </div>
         </div>
+      </>
       )}
     </section>
   );
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/MapPointGeodesyFicheBody.tsx b/src/features/map/components/MapBottomSheet/pointFiche/MapPointGeodesyFicheBody.tsx
index 9906d77..ddeb8dd 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/MapPointGeodesyFicheBody.tsx
+++ b/src/features/map/components/MapBottomSheet/pointFiche/MapPointGeodesyFicheBody.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 
 import type { MapGeodesyClickAction } from '@/features/map/hooks/useMapGeodesyClick';
 
@@ -6,6 +6,7 @@ import {
   buildPointCarouselItems,
   collectAllPointFields,
   filterUnmappedPointFields,
+  formatObsDateCaption,
   normalizeLabel,
   readProperty,
 } from './pointFicheUtils';
@@ -16,6 +17,7 @@ import { PartenaireSection } from './PartenaireSection';
 import { PointCoordinatesSection } from './PointCoordinatesSection';
 import { PointImageCarousel } from './PointImageCarousel';
 import { UnmappedFieldsDebug } from './UnmappedFieldsDebug';
+import { useMeasuredHeight } from './useMeasuredHeight';
 import IconAlertCircle from '@/shared/assets/icons/icon-alert-circle.svg?react';
 
 import styles from './MapPointSheet.module.css';
@@ -23,6 +25,8 @@ import styles from './MapPointSheet.module.css';
 export interface MapPointGeodesyFicheBodyProps {
   action: MapGeodesyClickAction;
   snapIndex: number;
+  /** Hauteur du bloc carrousel + légende, pour calculer le seuil d'ouverture dynamique. */
+  onPhotoBlockHeightChange?: (heightPx: number | null) => void;
 }
 
 function deriveDepartementFromInsee(insee: string | null): string | null {
@@ -55,8 +59,17 @@ function FieldCard({
   );
 }
 
-export function MapPointGeodesyFicheBody({ action, snapIndex }: MapPointGeodesyFicheBodyProps) {
+export function MapPointGeodesyFicheBody({
+  action,
+  snapIndex,
+  onPhotoBlockHeightChange,
+}: MapPointGeodesyFicheBodyProps) {
   const carouselItems = useMemo(() => buildPointCarouselItems(action), [action]);
+  const [photoBlockRef, photoBlockHeight] = useMeasuredHeight<HTMLDivElement>();
+
+  useEffect(() => {
+    onPhotoBlockHeightChange?.(photoBlockHeight);
+  }, [photoBlockHeight, onPhotoBlockHeightChange]);
   const unmappedFields = useMemo(() => {
     const displayedIds = getDisplayedFieldIds('geodesy', snapIndex);
     return filterUnmappedPointFields(collectAllPointFields(action), displayedIds);
@@ -69,7 +82,8 @@ export function MapPointGeodesyFicheBody({ action, snapIndex }: MapPointGeodesyF
   const explGpsVariant = explGps ? resolveGpsExploitabilityVariant(explGps, explGpsCode) : null;
   const explGpsLabel = explGpsVariant === 'inexploitable' ? 'Inexploitable' : 'Exploitable par GPS';
   const repereType = readProperty(action, 'type');
-  const actDate = readProperty(action, 'action_date');
+  const obsDate = readProperty(action, 'obs_date');
+  const obsDateCaption = obsDate ? formatObsDateCaption(obsDate) : null;
   const remark = readProperty(action, 'remarque');
   const partenaire = readProperty(action, 'proprio');
   const partenaireId = readProperty(action, 'proprio_id');
@@ -89,9 +103,13 @@ export function MapPointGeodesyFicheBody({ action, snapIndex }: MapPointGeodesyF
     <>
       {snapIndex >= 1 ? (
         <>
-          <PointImageCarousel items={carouselItems} />
+          <div ref={photoBlockRef}>
+            <PointImageCarousel items={carouselItems} />
+          </div>
 
-          {actDate ? <p className={styles.carouselCaption}>Determiné en {actDate}</p> : null}
+          {/* Non mesurée avec le carrousel : info secondaire, pas déterminante pour le seuil
+              d'ouverture ("la photo est visible") — voir MapPointSheet. */}
+          {obsDateCaption ? <p className={styles.carouselCaption}>{obsDateCaption}</p> : null}
 
           <section>
             <h3 className={styles.sectionTitle}>Point géodésique</h3>
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/MapPointNivellementFicheBody.tsx b/src/features/map/components/MapBottomSheet/pointFiche/MapPointNivellementFicheBody.tsx
index 7854599..a42a2be 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/MapPointNivellementFicheBody.tsx
+++ b/src/features/map/components/MapBottomSheet/pointFiche/MapPointNivellementFicheBody.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 
 import type { MapGeodesyClickAction } from '@/features/map/hooks/useMapGeodesyClick';
 
@@ -6,6 +6,7 @@ import {
   buildPointCarouselItems,
   collectAllPointFields,
   filterUnmappedPointFields,
+  formatObsDateCaption,
   formatSentenceCase,
   readProperty,
   resolveVoieSuivieLabel,
@@ -17,12 +18,15 @@ import { PointCoordinatesSection } from './PointCoordinatesSection';
 import { PointImageCarousel } from './PointImageCarousel';
 import { PartenaireSection } from './PartenaireSection';
 import { UnmappedFieldsDebug } from './UnmappedFieldsDebug';
+import { useMeasuredHeight } from './useMeasuredHeight';
 
 import styles from './MapPointSheet.module.css';
 
 export interface MapPointNivellementFicheBodyProps {
   action: MapGeodesyClickAction;
   snapIndex: number;
+  /** Hauteur du bloc carrousel + légende, pour calculer le seuil d'ouverture dynamique. */
+  onPhotoBlockHeightChange?: (heightPx: number | null) => void;
 }
 
 function FieldCard({
@@ -46,14 +50,23 @@ function FieldCard({
   );
 }
 
-export function MapPointNivellementFicheBody({ action, snapIndex }: MapPointNivellementFicheBodyProps) {
+export function MapPointNivellementFicheBody({
+  action,
+  snapIndex,
+  onPhotoBlockHeightChange,
+}: MapPointNivellementFicheBodyProps) {
   const carouselItems = useMemo(() => buildPointCarouselItems(action), [action]);
+  const [photoBlockRef, photoBlockHeight] = useMeasuredHeight<HTMLDivElement>();
+
+  useEffect(() => {
+    onPhotoBlockHeightChange?.(photoBlockHeight);
+  }, [photoBlockHeight, onPhotoBlockHeightChange]);
   const unmappedFields = useMemo(() => {
     const displayedIds = getDisplayedFieldIds('nivellement', snapIndex);
     return filterUnmappedPointFields(collectAllPointFields(action), displayedIds);
   }, [action, snapIndex]);
 
-  console.log('action', action);  
+ // console.log('action', action);  
   const altitudeSystemRaw =
     readProperty(action, 'cp1_srv') ??
     readProperty(action, 'systeme_altitude');
@@ -63,9 +76,10 @@ export function MapPointNivellementFicheBody({ action, snapIndex }: MapPointNive
   const altitude =
     readProperty(action, 'cp1_coord3') + " m" ;
 
-  const repereTypeComplement = readProperty(action, 'complement');
+  const repereTypeComplement = readProperty(action, 'type_info');
   const repereType = readProperty(action, 'type');
-  const actDate = readProperty(action, 'action_date');
+  const obsDate = readProperty(action, 'obs_date');
+  const obsDateCaption = obsDate ? formatObsDateCaption(obsDate) : null;
   const remark = readProperty(action, 'remarque') ;
   const altitudeType = formatSentenceCase(readProperty(action, 'cp1_altitude_type') ?? '');
   const partenaire = readProperty(action, 'proprio');
@@ -94,9 +108,13 @@ export function MapPointNivellementFicheBody({ action, snapIndex }: MapPointNive
     <>
       {snapIndex >= 1 ? (
         <>
-          <PointImageCarousel items={carouselItems} />
+          <div ref={photoBlockRef}>
+            <PointImageCarousel items={carouselItems} />
+          </div>
 
-          {actDate ? <p className={styles.carouselCaption}>Determiné en {actDate}</p> : null}
+          {/* Non mesurée avec le carrousel : info secondaire, pas déterminante pour le seuil
+              d'ouverture ("la photo est visible") — voir MapPointSheet. */}
+          {obsDateCaption ? <p className={styles.carouselCaption}>{obsDateCaption}</p> : null}
 
           <section>
             <h3 className={styles.sectionTitle}>Repère de nivellement</h3>
@@ -104,7 +122,7 @@ export function MapPointNivellementFicheBody({ action, snapIndex }: MapPointNive
               <FieldCard label="Système d'altitude" value={altitudeSystem} />
               <FieldCard label={altitudeType} value={altitude} />
               <FieldCard label="Complément" value={repereTypeComplement} />
-              <FieldCard label="Type" value={repereType} />
+              <FieldCard label="Type" value={repereType} wide />
             </div>
           </section>
 
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.module.css b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.module.css
index ba43095..12d8604 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.module.css
+++ b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.module.css
@@ -16,86 +16,75 @@
   cursor: grabbing;
 }
 
-.dragZoneFull {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  cursor: grab;
-  touch-action: none;
-}
-
-.dragZoneFull:active {
-  cursor: grabbing;
-}
-
 .handleArea {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 1.75rem;
-  padding: 0.375rem 0.5rem 0.25rem 1rem;
-  flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 1.75rem;
+	padding: var(--spacing-2xs) var(--spacing-xs) var(--spacing-3xs) var(--spacing-md);
+	flex-shrink: 0;
 }
 
 .handle {
-  width: 2.5rem;
-  height: 0.25rem;
-  border-radius: 999px;
-  background: var(--color-light-shade);
+	width: 2.5rem;
+	height: var(--spacing-3xs);
+	border-radius: var(--radius-pill);
+	background: var(--color-bg-disabled);
 }
 
 .header {
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  padding: 0 1rem 0.5rem;
+	flex-shrink: 0;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-xs);
+	padding: 0 var(--spacing-md) var(--spacing-xs);
 }
 
 .headerTop {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 0.75rem;
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--spacing-sm);
 }
 
 .titleRow {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  min-width: 0;
-  flex: 1;
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-xs);
+	min-width: 0;
+	flex: 1;
 }
 
 .title {
-  font-size: 1.125rem;
-  font-weight: 700;
-  color: var(--color-dark);
+	font-size: var(--font-size-xl);
+	font-weight: var(--font-weight-bold);
+	color: var(--color-text-title);
 }
 
 .copyButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  padding: 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-  flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 2rem;
+	height: 2rem;
+	padding: 0;
+	border: none;
+	background: none;
+	cursor: pointer;
+	flex-shrink: 0;
 }
 
 .copyIcon {
-  width: 1.125rem;
-  height: 1.125rem;
+	width: 1.125rem;
+	height: 1.125rem;
 }
 
 .copyIcon path {
-  /* Charte : gris-brun foncé dédié aux icônes de la fiche (#363331), hors palette --color-*. */
-  fill: #363331;
+	/* Charte : gris-brun foncé dédié aux icônes de la fiche */
+	fill: var(--figma-gray-11);
 }
 
+/*   Favori désactivé pour cette version — fonctionnalité prévue pour une version ultérieure.
 .favoriteButton {
   display: flex;
   align-items: center;
@@ -104,11 +93,11 @@
   height: 2.5rem;
   padding: 0;
   border: none;
-  border-radius: 50%;
-  background: var(--figma-green-light-hover);
+  border-radius: var(--radius-circle);
+  background: var(--color-bg-primary-hover-subtle);
   cursor: default;
   flex-shrink: 0;
-}
+} 
 
 .favoriteIcon {
   width: 1.25rem;
@@ -116,9 +105,9 @@
 }
 
 .favoriteIcon path {
-  fill: var(--color-primary-shade);
+  fill: var(--color-text-primary);
 }
-
+*/
 .statusMetaRow {
   display: flex;
   align-items: center;
@@ -130,21 +119,22 @@
   flex-shrink: 0;
   padding: 0.25rem 0.75rem;
   border-radius: 999px;
-  background: var(--color-warning-light);
-  color: var(--color-danger-shade);
-  font-size: 0.8125rem;
-  font-weight: 600;
+  background: var(--color-bg-warning-subtle);
+  color: var(--color-danger-emphasis);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
 }
 
 .statusBadgeGood {
-  background: var(--color-primary-light);
-  color: var(--color-primary-shade);
+  background: var(--color-bg-primary-subtle);
+  color: var(--color-text-primary);
 }
 
 .meta {
   margin: 0;
-  font-size: 0.875rem;
-  color: var(--color-medium-shade);
+  font-size: var(--font-size-xs);
+  color: var(--color-text-9);
+  font-weight: var(--font-weight-semibold);
 }
 
 .body {
@@ -178,9 +168,14 @@
 
 /* Sélecteur composé pour primer sur .button (Button.module.css) sans dépendre de l'ordre
    d'import des CSS modules. */
-.footer .footerButton {
+.footer  {
   height: 3.75rem;
-  font-size: 1.125rem;
+  font-size: var(--font-size-xl);
+}
+
+.footerButton {
+  height: 2.75rem;
+  font-size: var(--font-size-base);
 }
 
 .authInfoTrigger {
@@ -194,8 +189,8 @@
   width: 1.5rem;
   height: 1.5rem;
   padding: 0;
-  border: 1px solid var(--color-light-shade);
-  border-radius: 50%;
+  border: 1px solid var(--color-bg-disabled);
+  border-radius: var(--radius-circle);
   background: var(--color-fiche-surface);
   cursor: pointer;
 }
@@ -203,7 +198,7 @@
 .authInfoIcon {
   width: 1rem;
   height: 1rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .authInfoIcon path {
@@ -218,7 +213,7 @@
   width: 13.5rem;
   padding: 0.75rem 0.875rem;
   border-radius: 0.75rem;
-  background: var(--color-dark);
+  background: var(--color-text);
   box-shadow: 0 4px 16px rgba(9, 22, 37, 0.24);
 }
 
@@ -229,13 +224,13 @@
   right: 0.875rem;
   width: 0.75rem;
   height: 0.75rem;
-  background: var(--color-dark);
+  background: var(--color-text);
   transform: rotate(45deg);
 }
 
 .authInfoText {
   margin: 0;
-  font-size: 0.8125rem;
+  font-size: var(--font-size-xs);
   line-height: 1.4;
   color: var(--color-white);
 }
@@ -246,9 +241,9 @@
   padding: 0;
   border: none;
   background: none;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  color: var(--color-primary-tint);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-border-primary-subtle);
   text-decoration: underline;
   cursor: pointer;
 }
@@ -256,21 +251,21 @@
 .sectionTitle {
   width: 16.9375rem;
   height: 1.125rem;
-  color: var(--Grey800, #3F4A55);
+  color: var(--color-text);
   /* Appli - H2 */
   font-family: "Fira Sans";
-  font-size: 0.9375rem;
+  font-size: var(--font-size-base);
   font-style: normal;
-  font-weight: 600;
+  font-weight: var(--font-weight-semibold);
   line-height: normal;
 }
 
 .carouselCaption {
   margin: 0;
-  font-size: 0.875rem;
+  font-size: var(--font-size-base);
   font-style: italic;
-  font-weight: 400;
-  color: var(--color-medium);
+  font-weight: var(--font-weight-normal);
+  color: var(--color-text-secondary);
 }
 
 .descriptionHeader {
@@ -291,10 +286,10 @@
   gap: 0.375rem;
   padding: 0.25rem 0.625rem;
   border-radius: 999px;
-  background: var(--gps-exploitability-bg, var(--color-light));
-  color: var(--gps-exploitability-fg, var(--color-medium-shade));
-  font-size: 0.75rem;
-  font-weight: 600;
+  background: var(--gps-exploitability-bg, var(--color-bg-active));
+  color: var(--gps-exploitability-fg, var(--color-border-strong));
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-semibold);
   text-align: right;
 }
 
@@ -303,8 +298,8 @@
 .gpsExploitabilityBadge[data-variant='excentrated'],
 .gpsExploitabilityBadge[data-variant='inexploitable'],
 .gpsExploitabilityBadge[data-variant='neutral'] {
-  --gps-exploitability-bg: var(--color-light);
-  --gps-exploitability-fg: var(--color-medium-shade);
+  --gps-exploitability-bg: var(--color-bg-active);
+  --gps-exploitability-fg: var(--color-border-strong);
 }
 
 .gpsExploitabilityIcon {
@@ -326,7 +321,7 @@
 .fieldCard {
   padding: 0.625rem 0.75rem;
   border-radius: 0.625rem;
-  background: var(--color-fiche-surface);
+  background: var(--color-white);
 }
 
 .fieldCardWide {
@@ -336,14 +331,14 @@
 .fieldLabel {
   display: block;
   margin-bottom: 0.25rem;
-  font-size: 0.75rem;
-  color: var(--color-medium);
+  font-size: var(--font-size-2xs);
+  color: var(--color-text-secondary);
 }
 
 .fieldValue {
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--color-dark);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text);
   word-break: break-word;
 }
 
@@ -361,7 +356,7 @@
   align-items: center;
   justify-content: center;
   border-radius: 0.5rem;
-  border: 1px solid var(--figma-neutral-light-active);
+  border: 1px solid var(--color-bg-hover);
   background: var(--color-fiche-surface);
   overflow: hidden;
 }
@@ -373,21 +368,21 @@
 }
 
 .partnerLogoPlaceholder {
-  font-size: 0.625rem;
-  font-weight: 600;
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-semibold);
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .partnerName {
   margin: 0;
   flex: 1;
   min-width: 0;
-  font-size: 0.875rem;
-  font-weight: 600;
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
   line-height: 1.35;
-  color: var(--color-dark);
+  color: var(--color-text);
   word-break: break-word;
 }
 
@@ -396,11 +391,11 @@
   padding: 0.75rem 0.75rem 0.75rem 1rem;
   border-radius: 0.625rem;
   border-left: 4px solid var(--color-warning);
-  background: var(--color-warning-light);
-  font-size: 0.875rem;
+  background: var(--color-bg-warning-subtle);
+  font-size: var(--font-size-base);
   font-style: italic;
   line-height: 1.45;
-  color: var(--figma-green-darker);
+  color: var(--color-text-primary-emphasis);
 }
 
 
@@ -408,9 +403,9 @@
   margin: 0;
   padding: 0.75rem;
   border-radius: 0.625rem;
-  border: 1px dashed var(--color-light-shade);
-  font-size: 0.8125rem;
-  color: var(--color-medium);
+  border: 1px dashed var(--color-bg-disabled);
+  font-size: var(--font-size-xs);
+  color: var(--color-text-secondary);
 }
 
 .coordSection {
@@ -425,7 +420,7 @@
 
 .coordTabs {
   display: flex;
-  border-bottom: 1px solid var(--figma-neutral-light-active);
+  border-bottom: 1px solid var(--color-bg-hover);
 }
 
 .coordTab,
@@ -434,22 +429,22 @@
   padding: 0.625rem 0.5rem;
   border: none;
   background: none;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--color-medium);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-secondary);
   cursor: pointer;
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
 }
 
 .coordTabActive {
-  color: var(--color-primary);
-  font-weight: 600;
-  border-bottom-color: var(--color-primary);
+  color: var(--color-text-primary);
+  font-weight: var(--font-weight-semibold);
+  border-bottom-color: var(--color-text-primary);
 }
 
 .coordTab:disabled {
-  opacity: 0.35;
+  opacity: var(--opacity-subtle);
   cursor: not-allowed;
 }
 
@@ -459,7 +454,7 @@
   gap: 0.75rem;
   padding: 0.75rem;
   border-radius: 0.625rem;
-  border: 1px solid var(--figma-neutral-light-active);
+  border: 1px solid var(--color-bg-hover);
   background: var(--color-fiche-surface);
   text-decoration: none;
 }
@@ -471,8 +466,8 @@
   width: 2.5rem;
   height: 2.5rem;
   flex-shrink: 0;
-  border-radius: 50%;
-  background: var(--color-primary-light);
+  border-radius: var(--radius-circle);
+  background: var(--color-bg-primary-subtle);
 }
 
 .pdfDownloadIcon {
@@ -481,7 +476,7 @@
 }
 
 .pdfDownloadIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .pdfDownloadTextGroup {
@@ -492,17 +487,17 @@
 }
 
 .pdfDownloadTitle {
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--color-dark);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text);
 }
 
 .pdfDownloadSubtitle {
   display: flex;
   align-items: center;
   gap: 0.25rem;
-  font-size: 0.75rem;
-  color: var(--color-medium);
+  font-size: var(--font-size-2xs);
+  color: var(--color-text-secondary);
 }
 
 .pdfDownloadExternalIcon {
@@ -512,5 +507,5 @@
 }
 
 .pdfDownloadExternalIcon path {
-  fill: var(--color-medium);
+  fill: var(--color-text-secondary);
 }
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.tsx b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.tsx
index 2562fca..e97188f 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.tsx
+++ b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheet.tsx
@@ -1,14 +1,21 @@
+import { useEffect, useState } from 'react';
 import type { MapGeodesyClickAction } from '@/features/map/hooks/useMapGeodesyClick';
 import type { useBottomSheetSnap } from '@/features/map/hooks/useBottomSheetSnap';
 
+import { useTrackSheetView } from '@/features/map/hooks/useTrackSheetView';
 import { MapPointGeodesyFicheBody } from './MapPointGeodesyFicheBody';
 import { MapPointNivellementFicheBody } from './MapPointNivellementFicheBody';
 import { MapPointSheetFooter } from './MapPointSheetFooter';
 import { MapPointSheetHeader } from './MapPointSheetHeader';
 import { resolvePointFicheVariant } from './resolvePointFicheVariant';
+import { useMeasuredHeight } from './useMeasuredHeight';
 
 import styles from './MapPointSheet.module.css';
 
+// Padding haut de `.body` (cf. MapPointSheet.module.css) — s'ajoute à la hauteur de l'en-tête
+// et du bloc photo pour obtenir la hauteur de fiche nécessaire pour voir la photo en entier.
+const BODY_TOP_PADDING_PX = 12;
+
 export interface MapPointSheetProps {
   action: MapGeodesyClickAction;
   snapIndex: number;
@@ -18,6 +25,13 @@ export interface MapPointSheetProps {
   dragHandleProps: ReturnType<typeof useBottomSheetSnap>['dragHandleProps'];
   onReport: () => void;
   onNavigate: () => void;
+  /** Hauteur de fiche (px) nécessaire pour voir la photo/croquis en entier — seuil d'ouverture
+   *  dynamique, voir usePointFicheSheetDrag. `null` tant qu'elle n'est pas encore mesurée. */
+  onOpenThresholdChange?: (heightPx: number | null) => void;
+  /** Hauteur de fiche (px) nécessaire pour afficher l'en-tête et le pied de page seuls (plancher
+   *  d'ouverture), en-tête/pied de page mesurés donc `--safe-bottom` inclus. `null` tant qu'elle
+   *  n'est pas encore mesurée. */
+  onFloorHeightChange?: (heightPx: number | null) => void;
 }
 
 export function MapPointSheet({
@@ -29,9 +43,54 @@ export function MapPointSheet({
   dragHandleProps,
   onReport,
   onNavigate,
+  onOpenThresholdChange,
+  onFloorHeightChange,
 }: MapPointSheetProps) {
   const variant = resolvePointFicheVariant(action);
-  const isMiniSnap = snapIndex === 0;
+  const isExpanded = snapIndex >= 2;
+  const { trackSheetView } = useTrackSheetView();
+  const sheetId =
+    action.reportContext.geodesyId ??
+    action.point.title ??
+    `${action.point.longitude},${action.point.latitude}`;
+
+  useEffect(() => {
+    if (isExpanded && sheetId) {
+      trackSheetView(sheetId);
+    }
+  }, [isExpanded, sheetId, trackSheetView]);
+
+  const [dragZoneRef, dragZoneHeight] = useMeasuredHeight<HTMLDivElement>();
+  const [footerRef, footerHeight] = useMeasuredHeight<HTMLElement>();
+  const [photoBlockHeight, setPhotoBlockHeight] = useState<number | null>(null);
+
+  useEffect(() => {
+    if (dragZoneHeight === null || footerHeight === null || photoBlockHeight === null) {
+      return;
+    }
+
+    onOpenThresholdChange?.(dragZoneHeight + BODY_TOP_PADDING_PX + photoBlockHeight + footerHeight);
+  }, [dragZoneHeight, footerHeight, photoBlockHeight, onOpenThresholdChange]);
+
+  // Plancher d'ouverture : hauteur nécessaire pour l'en-tête + le pied de page seuls (le corps
+  // n'affiche rien à cette hauteur). Le pied de page mesuré inclut déjà `--safe-bottom`.
+  useEffect(() => {
+    if (dragZoneHeight === null || footerHeight === null) {
+      return;
+    }
+
+    onFloorHeightChange?.(dragZoneHeight + footerHeight);
+  }, [dragZoneHeight, footerHeight, onFloorHeightChange]);
+
+  // Réinitialise au démontage (fermeture de la fiche / changement de variante) pour ne pas
+  // laisser une valeur périmée influencer la géométrie de la prochaine fiche ouverte.
+  useEffect(() => {
+    return () => {
+      onOpenThresholdChange?.(null);
+      onFloorHeightChange?.(null);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   const handleArea = (
     <div className={styles.handleArea}>
@@ -43,6 +102,7 @@ export function MapPointSheet({
 
   const footer = (
     <MapPointSheetFooter
+      ref={footerRef}
       canReport={canReport}
       reportDisabledReason={reportDisabledReason}
       onNavigate={onNavigate}
@@ -52,30 +112,28 @@ export function MapPointSheet({
 
   return (
     <div className={styles.sheetLayout}>
-      {isMiniSnap ? (
-        <div className={styles.dragZoneFull} {...dragHandleProps}>
-          {handleArea}
-          {header}
-          {footer}
-        </div>
-      ) : (
-        <>
-          <div className={styles.dragZone} {...dragHandleProps}>
-            {handleArea}
-            {header}
-          </div>
-
-          <div className={styles.body} data-scroll-root="true">
-            {variant === 'nivellement' ? (
-              <MapPointNivellementFicheBody action={action} snapIndex={snapIndex} />
-            ) : (
-              <MapPointGeodesyFicheBody action={action} snapIndex={snapIndex} />
-            )}
-          </div>
-
-          {footer}
-        </>
-      )}
+      <div ref={dragZoneRef} className={styles.dragZone} {...dragHandleProps}>
+        {handleArea}
+        {header}
+      </div>
+
+      <div className={styles.body} data-scroll-root="true">
+        {variant === 'nivellement' ? (
+          <MapPointNivellementFicheBody
+            action={action}
+            snapIndex={snapIndex}
+            onPhotoBlockHeightChange={setPhotoBlockHeight}
+          />
+        ) : (
+          <MapPointGeodesyFicheBody
+            action={action}
+            snapIndex={snapIndex}
+            onPhotoBlockHeightChange={setPhotoBlockHeight}
+          />
+        )}
+      </div>
+
+      {footer}
     </div>
   );
 }
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetFooter.tsx b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetFooter.tsx
index 1376e8b..2422a16 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetFooter.tsx
+++ b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetFooter.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState, type PointerEvent } from 'react';
+import { forwardRef, useEffect, useRef, useState, type PointerEvent } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { RiCornerUpRightLine, RiFeedbackLine } from 'react-icons/ri';
 
@@ -19,12 +19,12 @@ export interface MapPointSheetFooterProps {
   onReport: () => void;
 }
 
-export function MapPointSheetFooter({
+export const MapPointSheetFooter = forwardRef<HTMLElement, MapPointSheetFooterProps>(function MapPointSheetFooter({
   canReport,
   reportDisabledReason = null,
   onNavigate,
   onReport,
-}: MapPointSheetFooterProps) {
+}, forwardedRef) {
   const navigate = useNavigate();
   const [isAuthInfoOpen, setIsAuthInfoOpen] = useState(false);
   const wrapRef = useRef<HTMLDivElement>(null);
@@ -49,7 +49,7 @@ export function MapPointSheetFooter({
   }, [isAuthInfoOpen]);
 
   return (
-    <footer className={styles.footer}>
+    <footer ref={forwardedRef} className={styles.footer}>
       <Button
         type="button"
         variant="outline"
@@ -110,4 +110,4 @@ export function MapPointSheetFooter({
       </div>
     </footer>
   );
-}
+});
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetHeader.tsx b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetHeader.tsx
index ed74048..60cd3c8 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetHeader.tsx
+++ b/src/features/map/components/MapBottomSheet/pointFiche/MapPointSheetHeader.tsx
@@ -6,7 +6,8 @@ import { formatDistanceFromMapCenter, distanceKm } from '@/shared/utils/geo';
 import { joinCSSClassNames } from '@/shared/utils/join';
 import IconCheck from '@/shared/assets/icons/icon-check.svg?react';
 import IconCopy from '@/shared/assets/icons/icon-copy.svg?react';
-import IconHeart from '@/shared/assets/icons/icon-heart.svg?react';
+// Favori désactivé pour cette version — sera réactivé avec la fonctionnalité (cf. bouton commenté ci-dessous).
+// import IconHeart from '@/shared/assets/icons/icon-heart.svg?react';
 
 import { findEtatLabel, findVisitYear, isBonEtatLabel } from './pointFicheUtils';
 
@@ -66,9 +67,11 @@ export function MapPointSheetHeader({ action, referencePosition }: MapPointSheet
             )}
           </button>
         </div>
+        {/* Favori désactivé pour cette version — fonctionnalité prévue pour une version ultérieure.
         <button type="button" className={styles.favoriteButton} aria-label="Favori (à venir)" disabled>
           <IconHeart className={styles.favoriteIcon} aria-hidden />
         </button>
+        */}
       </div>
       {etatLabel || metaParts.length > 0 ? (
         <div className={styles.statusMetaRow}>
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/PointCoordinatesSection.tsx b/src/features/map/components/MapBottomSheet/pointFiche/PointCoordinatesSection.tsx
index 1b1eecb..4835aa2 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/PointCoordinatesSection.tsx
+++ b/src/features/map/components/MapBottomSheet/pointFiche/PointCoordinatesSection.tsx
@@ -70,7 +70,6 @@ export function PointCoordinatesSection({ action }: PointCoordinatesSectionProps
       </div>
 
       <div
-        className={styles.coordPanel}
         role="tabpanel"
         aria-label={resolvedTab === 'geographic' ? 'Coordonnées géographiques' : 'Coordonnées projetées'}
       >
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/PointImageCarousel.module.css b/src/features/map/components/MapBottomSheet/pointFiche/PointImageCarousel.module.css
index 4a1bb39..ff624e5 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/PointImageCarousel.module.css
+++ b/src/features/map/components/MapBottomSheet/pointFiche/PointImageCarousel.module.css
@@ -35,7 +35,7 @@
   aspect-ratio: 16 / 10;
   object-fit: cover;
   display: block;
-  background: var(--color-light);
+  background: var(--color-bg-active);
 }
 
 .expandButton {
@@ -64,13 +64,13 @@
   fill: var(--color-white);
 }
 
-.caption {
+/* .caption {
   padding: 0.5rem 0.75rem;
   font-size: 0.75rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
   font-style: italic;
   text-align: center;
-}
+} */
 
 .dots {
   display: flex;
@@ -83,12 +83,12 @@
   width: 0.375rem;
   height: 0.375rem;
   border-radius: 999px;
-  background: var(--color-light-shade);
+  background: var(--color-bg-disabled);
 }
 
 .dotActive {
   width: 1.25rem;
-  background: var(--color-primary);
+  background: var(--color-bg-primary);
 }
 
 .empty {
@@ -96,6 +96,6 @@
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
   text-align: center;
 }
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/UnmappedFieldsDebug.module.css b/src/features/map/components/MapBottomSheet/pointFiche/UnmappedFieldsDebug.module.css
index 6189c6d..f3acd0d 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/UnmappedFieldsDebug.module.css
+++ b/src/features/map/components/MapBottomSheet/pointFiche/UnmappedFieldsDebug.module.css
@@ -5,8 +5,8 @@
 .debugExpanded {
   padding: 0.75rem;
   border-radius: 0.75rem;
-  border: 1px dashed var(--color-medium-tint);
-  background: var(--color-light-light);
+  border: 1px dashed var(--color-text-secondary);
+  background: var(--color-bg-subtle);
 }
 
 .toggle {
@@ -27,7 +27,7 @@
 }
 
 .toggleIcon path {
-  fill: var(--color-medium-tint);
+  fill: var(--color-text-secondary);
 }
 
 .toggleIconOpen {
@@ -38,7 +38,7 @@
   margin: 0 0 0.5rem;
   font-size: 0.8125rem;
   font-weight: 700;
-  color: var(--color-medium-shade);
+  color: var(--color-border-strong);
   text-transform: uppercase;
   letter-spacing: 0.02em;
 }
@@ -46,7 +46,7 @@
 .empty {
   margin: 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .list {
@@ -69,7 +69,7 @@
   flex-shrink: 0;
   font-size: 0.75rem;
   font-weight: 600;
-  color: var(--color-medium-shade);
+  color: var(--color-border-strong);
 }
 
 .fieldLabel::after {
@@ -80,6 +80,6 @@
   flex: 1;
   min-width: 0;
   font-size: 0.8125rem;
-  color: var(--color-dark);
+  color: var(--color-text);
   word-break: break-word;
 }
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/displayedFieldKeys.ts b/src/features/map/components/MapBottomSheet/pointFiche/displayedFieldKeys.ts
index 8ba8326..d380312 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/displayedFieldKeys.ts
+++ b/src/features/map/components/MapBottomSheet/pointFiche/displayedFieldKeys.ts
@@ -6,6 +6,7 @@ export const GEODESY_FICHE_SNAP1_FIELD_KEYS = [
   'img2_url',
   'groupe_img1_url',
   'groupe_croquis1_url',
+  'obs_date',
   'nom',
   'no',
   'id',
@@ -47,10 +48,11 @@ export const NIVELLEMENT_FICHE_SNAP1_FIELD_KEYS = [
   'img2_url',
   'groupe_img1_url',
   'groupe_croquis1_url',
+  'obs_date',
   'type',
   'altitude',
   'alt',
-  'complement',
+  'type_info',
   'sys_alt',
   'systeme_altitude',
   'commune',
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/gpsExploitabilityBadge.ts b/src/features/map/components/MapBottomSheet/pointFiche/gpsExploitabilityBadge.ts
index b9ce823..a992c90 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/gpsExploitabilityBadge.ts
+++ b/src/features/map/components/MapBottomSheet/pointFiche/gpsExploitabilityBadge.ts
@@ -1,5 +1,5 @@
 /** Codes WFS `expl_gpscode` (réf. vieux-gdp / rn_gps_eploit_code). */
-export const GPS_EXPLOITABILITY_CODES = {
+const GPS_EXPLOITABILITY_CODES = {
   EXPLOITABLE: 'E',
   EXCENTRATED: 'R',
   INEXPLOITABLE: 'I',
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/pointFicheUtils.ts b/src/features/map/components/MapBottomSheet/pointFiche/pointFicheUtils.ts
index 79288f4..d55d7c3 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/pointFicheUtils.ts
+++ b/src/features/map/components/MapBottomSheet/pointFiche/pointFicheUtils.ts
@@ -67,11 +67,6 @@ export function parseGeographicReferenceSystem(cg1Srt: string): string {
   return parseCg1SrtParts(cg1Srt).system;
 }
 
-/** Extrait l’ellipsoïde depuis `cg1_srt` (ex. « IAG GRS 1980 »). */
-export function parseGeographicEllipsoid(cg1Srt: string): string {
-  return parseCg1SrtParts(cg1Srt).ellipsoid;
-}
-
 const CP1_SRT_PROJECTION_SEPARATOR = /\s*-\s*projection\s*:\s*/i;
 const CP1_SRT_PROJECTION_PREFIX = /^projection\s*:\s*/i;
 const CP1_SRT_SYSTEM_PREFIX = /^syst[eè]me(?:\s+de\s+projection)?\s*:\s*/i;
@@ -119,7 +114,7 @@ function isScalarPropertyValue(value: unknown): value is string | number | boole
   );
 }
 
-export function readPropertyValue(
+function readPropertyValue(
   properties: Record<string, unknown>,
   key: string,
 ): string | null {
@@ -154,7 +149,7 @@ export function resolveCommuneLabel(properties: Record<string, unknown>): string
   return readPropertyValue(properties, 'commune');
 }
 
-export function findAttributeByLabel(
+function findAttributeByLabel(
   action: MapGeodesyClickAction,
   matcher: (label: string) => boolean,
 ): string | null {
@@ -183,6 +178,12 @@ export function findVisitYear(action: MapGeodesyClickAction): string | null {
   return yearMatch?.[0] ?? null;
 }
 
+/** « Déterminé en 1967 » (seule l'année de `obs_date` est affichée, le jour/mois ne sont pas utiles). */
+export function formatObsDateCaption(obsDate: string): string | null {
+  const yearMatch = obsDate.match(/\d{4}/);
+  return yearMatch ? `Déterminé en ${yearMatch[0]}` : null;
+}
+
 function normalizeCarouselImageUrl(url: string): string {
   return url.trim().toLowerCase();
 }
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/resolvePointFicheVariant.ts b/src/features/map/components/MapBottomSheet/pointFiche/resolvePointFicheVariant.ts
index d9924b7..e648e05 100644
--- a/src/features/map/components/MapBottomSheet/pointFiche/resolvePointFicheVariant.ts
+++ b/src/features/map/components/MapBottomSheet/pointFiche/resolvePointFicheVariant.ts
@@ -1,4 +1,4 @@
-import { extractGeodesyPointReportDomaine } from '@ign/gdp-tools';
+import { extractGeodesyPointReportDomaine, type GeodesyPointReportContext } from '@ign/gdp-tools';
 
 import type { MapGeodesyClickAction } from '@/features/map/hooks/useMapGeodesyClick';
 
@@ -7,8 +7,10 @@ export type PointFicheVariant = 'geodesy' | 'nivellement';
 const NIVELLEMENT_DOMAINES = new Set(['nivf', 'nivo', 'nive']);
 const GEODESY_DOMAINES = new Set(['rsgf', 'rsgo', 'rsge']);
 
-export function resolvePointFicheVariant(action: MapGeodesyClickAction): PointFicheVariant {
-  const domaine = extractGeodesyPointReportDomaine(action.reportContext);
+export function resolvePointVariantFromReportContext(
+  reportContext: GeodesyPointReportContext,
+): PointFicheVariant {
+  const domaine = extractGeodesyPointReportDomaine(reportContext);
 
   if (domaine && NIVELLEMENT_DOMAINES.has(domaine)) {
     return 'nivellement';
@@ -18,10 +20,14 @@ export function resolvePointFicheVariant(action: MapGeodesyClickAction): PointFi
     return 'geodesy';
   }
 
-  const layerId = action.reportContext.layerId;
+  const layerId = reportContext.layerId;
   if (layerId === 'RN' || layerId === 'DOMAIN_NIVELLEMENT') {
     return 'nivellement';
   }
 
   return 'geodesy';
 }
+
+export function resolvePointFicheVariant(action: MapGeodesyClickAction): PointFicheVariant {
+  return resolvePointVariantFromReportContext(action.reportContext);
+}
diff --git a/src/features/map/components/MapBottomSheet/pointFiche/useMeasuredHeight.ts b/src/features/map/components/MapBottomSheet/pointFiche/useMeasuredHeight.ts
new file mode 100644
index 0000000..9f7e027
--- /dev/null
+++ b/src/features/map/components/MapBottomSheet/pointFiche/useMeasuredHeight.ts
@@ -0,0 +1,29 @@
+import { useEffect, useRef, useState } from 'react';
+
+/**
+ * Mesure en continu la hauteur (`offsetHeight`) d'un élément via `ResizeObserver`.
+ * Retourne `null` tant que le ref n'est pas encore attaché à un nœud DOM.
+ */
+export function useMeasuredHeight<T extends HTMLElement>() {
+  const ref = useRef<T>(null);
+  const [height, setHeight] = useState<number | null>(null);
+
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) {
+      return;
+    }
+
+    const resizeObserver = new ResizeObserver(() => {
+      setHeight(element.offsetHeight);
+    });
+
+    // border-box (et non le content-box par défaut) : un changement de padding seul (ex.
+    // --safe-bottom qui grandit) ne modifie pas le content-box et ne déclencherait sinon jamais
+    // le callback, alors que offsetHeight (mesuré ci-dessus) en dépend bien.
+    resizeObserver.observe(element, { box: 'border-box' });
+    return () => resizeObserver.disconnect();
+  }, []);
+
+  return [ref, height] as const;
+}
diff --git a/src/features/map/components/MapGeodesyFiltersPanel/GdpGeodesyFiltersForm.tsx b/src/features/map/components/MapGeodesyFiltersPanel/GdpGeodesyFiltersForm.tsx
index 9c52428..0d571c5 100644
--- a/src/features/map/components/MapGeodesyFiltersPanel/GdpGeodesyFiltersForm.tsx
+++ b/src/features/map/components/MapGeodesyFiltersPanel/GdpGeodesyFiltersForm.tsx
@@ -5,7 +5,10 @@ import {
   type GeodesyWfsAttributeFilterValues,
 } from '@ign/gdp-tools';
 
-import { GDP_GEODESY_MIN_DETERMINATION_YEAR } from '@/shared/constants/geodesy';
+import {
+  GDP_GEODESY_MIN_DETERMINATION_YEAR,
+  GDP_GEODESY_MIN_VIS_YEAR,
+} from '@/shared/constants/geodesy';
 import { ActionSheet } from '@/shared/ui/ActionSheet';
 import { YearWheelPicker } from '@/shared/ui/YearWheelPicker';
 import { clampNumber } from '@/shared/utils/number';
@@ -198,6 +201,7 @@ function YearCellField({
 
 function YearPickerSheet({
   isOpen,
+  title,
   initialValue,
   min,
   max,
@@ -205,6 +209,7 @@ function YearPickerSheet({
   onValidate,
 }: {
   isOpen: boolean;
+  title: string;
   initialValue: number;
   min: number;
   max: number;
@@ -223,7 +228,7 @@ function YearPickerSheet({
     <ActionSheet
       isOpen={isOpen}
       onClose={onCancel}
-      title="Année de détermination"
+      title={title}
       buttons={[
         { label: 'Annuler', variant: 'outline', onClick: onCancel },
         { label: 'Valider', onClick: () => onValidate(pendingYear) },
@@ -253,21 +258,24 @@ function parseYearFromIsoDate(raw: boolean | string | null | undefined): number
   return Number.isFinite(year) ? year : null;
 }
 
-function DeterminationYearRangeRow({
+function YearRangeRow({
+  title,
+  minYearBound,
   values,
   fromId,
   toId,
   onChange,
 }: {
+  title: string;
+  minYearBound: number;
   values: GeodesyWfsAttributeFilterValues;
   fromId: string;
   toId: string;
   onChange: (values: GeodesyWfsAttributeFilterValues) => void;
 }) {
-  const minYearBound = GDP_GEODESY_MIN_DETERMINATION_YEAR;
   const maxYearBound = new Date().getFullYear();
 
-  // OBS_DATE_FROM/TO stockent des bornes décalées d'un jour pour contourner la comparaison
+  // Les bornes FROM/TO stockent des dates décalées d'un jour pour contourner la comparaison
   // stricte (`>`/`<`) de gdp-tools et inclure l'année choisie : voir `commitRange`.
   const fromYear = parseYearFromIsoDate(values[fromId]);
   const toYear = parseYearFromIsoDate(values[toId]);
@@ -320,6 +328,7 @@ function DeterminationYearRangeRow({
       </div>
       <YearPickerSheet
         isOpen={openCell !== null}
+        title={title}
         initialValue={
           openCell === 'to'
             ? toYear !== null
@@ -349,6 +358,7 @@ export function GdpGeodesyFiltersForm({ filters, values, onChange }: GdpGeodesyF
   const proprioFilter = filters.find((filter) => filter.id === 'PROPRIO');
   const photoFilter = filters.find((filter) => filter.id === 'HAS_PHOTO');
   const hasObservationDates = filters.some((filter) => filter.id === 'OBS_DATE_FROM');
+  const hasVisitDates = filters.some((filter) => filter.id === 'VIS_DATE_FROM');
 
   const setFilterValue = (id: string, value: boolean | string | null) => {
     onChange(updateValue(values, id, value));
@@ -389,10 +399,26 @@ export function GdpGeodesyFiltersForm({ filters, values, onChange }: GdpGeodesyF
         </section>
       ) : null}
 
+      {hasVisitDates ? (
+        <section className={styles.section}>
+          <h3 className={styles.sectionTitle}>Vu en place</h3>
+          <YearRangeRow
+            title="Vu en place"
+            minYearBound={GDP_GEODESY_MIN_VIS_YEAR}
+            values={values}
+            fromId="VIS_DATE_FROM"
+            toId="VIS_DATE_TO"
+            onChange={onChange}
+          />
+        </section>
+      ) : null}
+
       {hasObservationDates ? (
         <section className={styles.section}>
           <h3 className={styles.sectionTitle}>Année de détermination</h3>
-          <DeterminationYearRangeRow
+          <YearRangeRow
+            title="Année de détermination"
+            minYearBound={GDP_GEODESY_MIN_DETERMINATION_YEAR}
             values={values}
             fromId="OBS_DATE_FROM"
             toId="OBS_DATE_TO"
diff --git a/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.module.css b/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.module.css
index 85a9aba..8d73723 100644
--- a/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.module.css
+++ b/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.module.css
@@ -1,19 +1,12 @@
-.content {
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  flex: 1;
-  padding: 0;
-}
-
 .form {
   display: flex;
   flex-direction: column;
+
 }
 
 .section {
   padding-bottom: 1rem;
-  border-bottom: 1px solid var(--gray-5, #EBEAE9);
+  border-bottom: 1px solid var(--color-border);
 }
 
 .section:last-child {
@@ -21,7 +14,7 @@
 }
 
 .sectionTitle {
-  color: var(--Grey800, #3F4A55);
+  color: var(--color-text);
   font-family: "Fira Sans";
   font-size: 0.9375rem;
   font-style: normal;
@@ -39,7 +32,7 @@
 .segment {
   flex: 0 0 auto;
   width: auto;
-  color: var(--gray-11, #363331);
+  color: var(--color-text);
   text-align: center;
   /* Appli - Btn label */
   font-family: "Open Sans";
@@ -50,18 +43,18 @@
   padding: 0.53125rem 1rem 0.59375rem 1rem;
   height: 2.75rem;
   border-radius: 0.5rem;
-  border: 1px solid var(--gray-8, #605A56);
+  border: 1px solid var(--color-border-strong);
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
-  background-color: white;
+  background-color: var(--color-bg-page);
 }
 
 .segment[data-active='true'] {
-  color: var(--green-8, #17634D);
-  border: 1px solid var(--green-8, #17634D);
-  background: rgba(188, 227, 216, 0.60);
+  color: var(--color-text-primary);
+  border: 1px solid var(--color-border-active);
+  background: var(--color-bg-primary-subtle);
 }
 
 .segment[data-active='true']::before {
@@ -69,8 +62,8 @@
   width: 0.375rem;
   height: 0.375rem;
   border-radius: 50%;
-  background:  var(--green-8, #17634D);
-  color: var(--green-8, #17634D);
+  background: var(--color-border-active);
+  color: var(--color-text-primary);
   font-size: 0.875rem;
   flex-shrink: 0;
 }
@@ -90,7 +83,7 @@
 }
 
 .dateFieldLabel {
-  color: var(--gray-10, #484441);
+  color: var(--color-text);
   /* Appli - Txt */
   font-family: "Open Sans";
   font-size: 0.8125rem;
@@ -106,9 +99,9 @@
   gap: 0.375rem;
   min-height: 1.75rem;
   padding: 0.375rem 0.5rem 0.375rem 0.75rem;
-  border: 1.5px solid var(--color-light);
+  border: 1.5px solid var(--color-border);
   border-radius: 0.625rem;
-  background: var(--color-dark-contrast);
+  background: var(--color-bg-surface);
 }
 
 .datePickerTrigger {
@@ -127,19 +120,19 @@
 }
 
 .datePickerTrigger:focus-visible {
-  outline: 2px solid var(--color-primary);
+  outline: 2px solid var(--color-border-primary);
   outline-offset: 2px;
   border-radius: 0.25rem;
 }
 
 .datePlaceholder {
   font-size: 0.875rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .dateDisplayValue {
   font-size: 0.875rem;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .dateClearButton {
@@ -157,7 +150,7 @@
 }
 
 .dateClearButton:focus-visible {
-  outline: 2px solid var(--color-primary);
+  outline: 2px solid var(--color-border-primary);
   outline-offset: 1px;
 }
 
@@ -167,7 +160,7 @@
 }
 
 .dateClearIcon path {
-  fill: var(--color-medium);
+  fill: var(--color-text-secondary);
 }
 
 .footer {
@@ -175,7 +168,7 @@
   grid-template-columns: 1fr 1fr;
   gap: 0.75rem;
   padding-top: 1rem;
-  border-top: 1px solid var(--color-light);
+  border-top: 1px solid var(--color-border);
 }
 
 .sheetContent {
diff --git a/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.tsx b/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.tsx
index ae3550f..cde5e5f 100644
--- a/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.tsx
+++ b/src/features/map/components/MapGeodesyFiltersPanel/MapGeodesyFiltersPanel.tsx
@@ -85,22 +85,28 @@ function isActiveDateFilterValue(value: boolean | string | null | undefined): bo
   return typeof value === 'string' && value.trim() !== '';
 }
 
+// Chaque paire FROM/TO forme un seul filtre visuellement (une paire de cellules "Du"/"Au"),
+// mais compte pour 2 côté gdp-tools (une par id) : on déduit 1 par paire active pour refléter
+// un seul filtre dans le badge.
+const DATE_RANGE_FILTER_PAIRS: ReadonlyArray<readonly [string, string]> = [
+  ['OBS_DATE_FROM', 'OBS_DATE_TO'],
+  ['VIS_DATE_FROM', 'VIS_DATE_TO'],
+];
+
 export function countActiveMapGeodesyFilters(
   filters: readonly GeodesyWfsAttributeFilterDefinition[],
   values: GeodesyWfsAttributeFilterValues,
 ): number {
   const baseCount = countActiveGeodesyWfsAttributeFilters(filters, values);
 
-  // OBS_DATE_FROM/OBS_DATE_TO forment un seul filtre "Année de détermination" visuellement
-  // (une paire de cellules), mais comptent pour 2 côté gdp-tools (une par id) : on déduit 1
-  // quand les deux bornes sont actives ensemble pour refléter un seul filtre dans le badge.
-  const hasDeterminationRange =
-    isActiveDateFilterValue(values.OBS_DATE_FROM) && isActiveDateFilterValue(values.OBS_DATE_TO);
+  const activeRangePairs = DATE_RANGE_FILTER_PAIRS.filter(
+    ([fromId, toId]) => isActiveDateFilterValue(values[fromId]) && isActiveDateFilterValue(values[toId]),
+  ).length;
 
-  return hasDeterminationRange ? baseCount - 1 : baseCount;
+  return baseCount - activeRangePairs;
 }
 
-export function createDefaultMapGeodesyFilterValues(
+function createDefaultMapGeodesyFilterValues(
   filters: readonly GeodesyWfsAttributeFilterDefinition[],
 ): GeodesyWfsAttributeFilterValues {
   return createDefaultGeodesyWfsAttributeFilterValues(filters);
diff --git a/src/features/map/components/MapGeodesyFiltersPanel/index.ts b/src/features/map/components/MapGeodesyFiltersPanel/index.ts
index d925a3a..c592b78 100644
--- a/src/features/map/components/MapGeodesyFiltersPanel/index.ts
+++ b/src/features/map/components/MapGeodesyFiltersPanel/index.ts
@@ -1,6 +1,5 @@
 export {
   MapGeodesyFiltersPanel,
   countActiveMapGeodesyFilters,
-  createDefaultMapGeodesyFilterValues,
   type MapGeodesyFiltersPanelProps,
 } from './MapGeodesyFiltersPanel';
diff --git a/src/features/map/components/MapLayerGroupDetails/MapLayerGroupDetails.module.css b/src/features/map/components/MapLayerGroupDetails/MapLayerGroupDetails.module.css
deleted file mode 100644
index 26f668c..0000000
--- a/src/features/map/components/MapLayerGroupDetails/MapLayerGroupDetails.module.css
+++ /dev/null
@@ -1,98 +0,0 @@
-.content {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  padding: 0 1rem 1.5rem;
-}
-
-.layerItem {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  border: 1px solid var(--color-light-tint);
-  border-radius: 10px;
-  background: var(--color-white);
-  padding: 0.875rem 1rem;
-}
-
-.layerToggleButton {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  border: none;
-  border-radius: 8px;
-  background: var(--color-light-light);
-  cursor: pointer;
-  padding: 0;
-  flex-shrink: 0;
-}
-
-.layerToggleButton:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-
-.layerToggleIcon {
-  width: 20px;
-  height: 20px;
-  color: var(--color-medium);
-}
-
-.layerSelectButton {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  border: none;
-  background: none;
-  padding: 0;
-  text-align: left;
-  cursor: pointer;
-  font: inherit;
-}
-
-.layerTitle {
-  font-size: 1rem;
-  font-weight: 500;
-  color: var(--color-dark);
-}
-
-.layerActiveBadge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 999px;
-  background: var(--color-primary);
-  color: var(--color-primary-contrast);
-  flex-shrink: 0;
-}
-
-.checkIcon {
-  width: 14px;
-  height: 14px;
-}
-
-.checkIcon path {
-  fill: currentColor;
-}
-
-.layerRowTitle {
-  flex: 1;
-  min-width: 0;
-  font-size: 1rem;
-  font-weight: 500;
-  color: var(--color-dark);
-}
-
-.hint {
-  margin: 0;
-  padding: 0 1rem 1rem;
-  font-size: 0.8125rem;
-  color: var(--color-medium);
-}
diff --git a/src/features/map/components/MapLayerGroupDetails/MapLayerGroupDetails.tsx b/src/features/map/components/MapLayerGroupDetails/MapLayerGroupDetails.tsx
deleted file mode 100644
index 8c7a48c..0000000
--- a/src/features/map/components/MapLayerGroupDetails/MapLayerGroupDetails.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import type { MapLayerGroupDetails as MapLayerGroupDetailsType } from '@/features/map/types/mapLayerGroups';
-import { PageHeader } from '@/shared/ui/PageHeader';
-import { SlideUpPage } from '@/shared/ui/SlideUpPage';
-
-import IconCheck from '@/shared/assets/icons/icon-check.svg?react';
-import IconEye from '@/shared/assets/icons/icon-eye.svg?react';
-import IconEyeOff from '@/shared/assets/icons/icon-access.svg?react';
-
-import styles from './MapLayerGroupDetails.module.css';
-
-export interface MapLayerGroupDetailsProps {
-  isOpen: boolean;
-  onClose: () => void;
-  group: MapLayerGroupDetailsType | null;
-  onToggleLayer: (layerId: string) => void;
-  onSelectLayer: (layerId: string) => void;
-}
-
-export function MapLayerGroupDetails({
-  isOpen,
-  onClose,
-  group,
-  onToggleLayer,
-  onSelectLayer,
-}: MapLayerGroupDetailsProps) {
-  if (!group) {
-    return null;
-  }
-
-  const isSingleSelect = group.id === 'geoservices';
-
-  return (
-    <SlideUpPage isOpen={isOpen} onClose={onClose} level={2}>
-      <PageHeader
-        title={group.title}
-        showBackButton
-        showCloseButton={false}
-        onBack={onClose}
-      />
-      {isSingleSelect && (
-        <p className={styles.hint}>Un seul fond de carte peut être affiché à la fois.</p>
-      )}
-      <div className={styles.content}>
-        {group.items.map((item) => {
-          if (item.selectionMode === 'single') {
-            return (
-              <div key={item.id} className={styles.layerItem}>
-                <button
-                  type="button"
-                  className={styles.layerSelectButton}
-                  onClick={() => onSelectLayer(item.id)}
-                  aria-pressed={item.visible}
-                >
-                  <span className={styles.layerTitle}>{item.title}</span>
-                  {item.visible && (
-                    <span className={styles.layerActiveBadge} aria-hidden>
-                      <IconCheck className={styles.checkIcon} />
-                    </span>
-                  )}
-                </button>
-              </div>
-            );
-          }
-
-          return (
-            <div key={item.id} className={styles.layerItem}>
-              <button
-                type="button"
-                className={styles.layerToggleButton}
-                onClick={() => onToggleLayer(item.id)}
-                aria-label={item.visible ? 'Masquer la couche' : 'Afficher la couche'}
-                aria-pressed={item.visible}
-              >
-                {item.visible ? (
-                  <IconEye className={styles.layerToggleIcon} aria-hidden />
-                ) : (
-                  <IconEyeOff className={styles.layerToggleIcon} aria-hidden />
-                )}
-              </button>
-              <span className={styles.layerRowTitle}>{item.title}</span>
-            </div>
-          );
-        })}
-      </div>
-    </SlideUpPage>
-  );
-}
diff --git a/src/features/map/components/MapLayerGroupDetails/index.ts b/src/features/map/components/MapLayerGroupDetails/index.ts
deleted file mode 100644
index 120f476..0000000
--- a/src/features/map/components/MapLayerGroupDetails/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { MapLayerGroupDetails, type MapLayerGroupDetailsProps } from './MapLayerGroupDetails';
diff --git a/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.module.css b/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.module.css
index 28f385b..4dac986 100644
--- a/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.module.css
+++ b/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.module.css
@@ -2,7 +2,7 @@
   margin: 0 0 0.75rem;
   font-size: 1.125rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .preview {
@@ -10,7 +10,7 @@
   aspect-ratio: 16 / 9;
   margin-bottom: 1rem;
   border-radius: 0.75rem;
-  border: 1px solid var(--color-light-shade);
+  border: 1px solid var(--color-bg-disabled);
   background: var(--gradient-geodesy-layer-preview);
   overflow: hidden;
 }
@@ -26,15 +26,15 @@
   margin: 0 0 1rem;
   font-size: 0.875rem;
   line-height: 1.5;
-  color: var(--color-medium-shade);
+  color: var(--color-border-strong);
   white-space: pre-line;
 }
 
 .legend {
   width: 100%;
   border-radius: 0.75rem;
-  border: 1px solid var(--color-light-shade);
-  background: var(--color-white);
+  border: 1px solid var(--color-bg-disabled);
+  background: var(--color-bg-subtle);
   overflow: hidden;
 }
 
diff --git a/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.tsx b/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.tsx
index 1c93c54..4b38a92 100644
--- a/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.tsx
+++ b/src/features/map/components/MapLayerInfoPanel/MapLayerInfoPanel.tsx
@@ -25,7 +25,6 @@ export function MapLayerInfoPanel({
     <MapOverlaySheet
       isOpen={isOpen}
       onClose={onClose}
-      showBackButton
       onBack={onBack}
       ariaLabel={title}
     >
@@ -38,7 +37,7 @@ export function MapLayerInfoPanel({
       <p className={styles.description}>{description}</p>
       {legend ? (
         <div className={styles.legend}>
-          <h3 className={styles.legendTitle}>Légende</h3>
+          <h3>Légende</h3>
           <img src={legend} alt="Légende" className={styles.previewImage} />
         </div>
       ) : null}
diff --git a/src/features/map/components/MapLayersPanel/MapLayersPanel.module.css b/src/features/map/components/MapLayersPanel/MapLayersPanel.module.css
index e50f605..fffa72c 100644
--- a/src/features/map/components/MapLayersPanel/MapLayersPanel.module.css
+++ b/src/features/map/components/MapLayersPanel/MapLayersPanel.module.css
@@ -28,15 +28,6 @@
     height: 0.4rem;
   }
 
-  .cardActionButton {
-    width: 1.75rem;
-    height: 1.75rem;
-  }
-
-  .cardActionIcon {
-    width: 1rem;
-    height: 1rem;
-  }
 
   .cardTitle {
     font-size: 0.6875rem;
@@ -57,20 +48,19 @@
   aspect-ratio: 16 / 10;
   border-radius: 0.75rem;
   background: var(--gradient-geodesy-layer-preview);
-  border: 2px solid var(--color-light-shade);
+  border: 2px solid var(--color-bg-disabled);
   overflow: hidden;
   position: relative;
   transition: all 0.2s;
 }
 
 .cardThumbnail:hover {
-  border-color: var(--color-medium);
-  transform: translateY(-2px);
+  border-color: var(--color-text-secondary);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
 
 .cardThumbnailActive {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   border-width: 2px;
 }
 
@@ -101,7 +91,7 @@
   right: 0.5rem;
   width: 0.75rem;
   height: 0.75rem;
-  background: var(--color-primary);
+  background: var(--color-bg-primary);
   border: 1px solid var(--color-white);
   border-radius: 50%;
   display: flex;
@@ -119,50 +109,6 @@
   fill: var(--color-white);
 }
 
-.cardActions {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  z-index: 1;
-  display: flex;
-  gap: 0.25rem;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-
-.cardThumbnail:hover .cardActions,
-.cardThumbnail:focus-within .cardActions {
-  opacity: 1;
-}
-
-.cardActionButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  padding: 0;
-  border: none;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.95);
-  cursor: pointer;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  transition: transform 0.2s;
-}
-
-.cardActionButton:hover {
-  transform: scale(1.1);
-  background: var(--color-white);
-}
-
-.cardActionIcon {
-  width: 1.125rem;
-  height: 1.125rem;
-}
-
-.cardActionIcon path {
-  fill: var(--color-dark);
-}
 
 .cardContent {
   display: flex;
@@ -174,7 +120,7 @@
 .cardTitle {
   font-size: 0.75rem;
   font-weight: 600;
-  color: var(--color-dark);
+  color: var(--color-text);
   line-height: 1.3;
   margin: 0;
 }
diff --git a/src/features/map/components/MapLayersPanel/MapLayersPanel.tsx b/src/features/map/components/MapLayersPanel/MapLayersPanel.tsx
index b22f621..86af4e6 100644
--- a/src/features/map/components/MapLayersPanel/MapLayersPanel.tsx
+++ b/src/features/map/components/MapLayersPanel/MapLayersPanel.tsx
@@ -1,8 +1,7 @@
 import { MapOverlaySheet } from '@/features/map/components/MapOverlaySheet';
 import type { MapLayerSheetItem } from '@/features/map/types/mapLayerSheet';
 
-import IconInfo from '@/shared/assets/icons/icon-info.svg?react';
-import IconReset from '@/shared/assets/icons/icon-reset.svg?react';
+
 import IconCheck from '@/shared/assets/icons/icon-check.svg?react';
 
 import styles from './MapLayersPanel.module.css';
@@ -21,8 +20,6 @@ export function MapLayersPanel({
   onClose,
   items,
   onOpacityChange,
-  onInfo,
-  onRefresh,
 }: MapLayersPanelProps) {
   return (
     <MapOverlaySheet isOpen={isOpen} onClose={onClose} ariaLabel="Couches de la carte">
@@ -47,28 +44,7 @@ export function MapLayersPanel({
                   </span>
                 ) : null}
               </button>
-              <div className={styles.cardActions}>
-                {item.showRefresh && onRefresh ? (
-                  <button
-                    type="button"
-                    className={styles.cardActionButton}
-                    onClick={() => onRefresh(item.id)}
-                    aria-label={`Rafraîchir ${item.title}`}
-                  >
-                    <IconReset className={styles.cardActionIcon} aria-hidden />
-                  </button>
-                ) : null}
-                {item.showInfo !== false ? (
-                  <button
-                    type="button"
-                    className={styles.cardActionButton}
-                    onClick={() => onInfo(item.id)}
-                    aria-label={`Informations sur ${item.title}`}
-                  >
-                    <IconInfo className={styles.cardActionIcon} aria-hidden />
-                  </button>
-                ) : null}
-              </div>
+
             </div>
 
             <div className={styles.cardContent}>
diff --git a/src/features/map/components/MapLayersPanelFlow/MapLayersPanelFlow.tsx b/src/features/map/components/MapLayersPanelFlow/MapLayersPanelFlow.tsx
index 0f803c1..9e30390 100644
--- a/src/features/map/components/MapLayersPanelFlow/MapLayersPanelFlow.tsx
+++ b/src/features/map/components/MapLayersPanelFlow/MapLayersPanelFlow.tsx
@@ -460,5 +460,3 @@ export function MapLayersPanelFlow({
     </>
   );
 }
-
-export { countActiveMapGeodesyFilters } from '@/features/map/components/MapGeodesyFiltersPanel';
diff --git a/src/features/map/components/MapOverlaySheet/MapOverlaySheet.module.css b/src/features/map/components/MapOverlaySheet/MapOverlaySheet.module.css
index d5085bb..632f78b 100644
--- a/src/features/map/components/MapOverlaySheet/MapOverlaySheet.module.css
+++ b/src/features/map/components/MapOverlaySheet/MapOverlaySheet.module.css
@@ -32,6 +32,7 @@
   overflow: hidden;
   transform: translateY(110%);
   transition: transform 0.3s ease-out, height 0.3s ease-out;
+  background-color: var(--color-bg-page);
 }
 
 .sheetVisible {
@@ -60,32 +61,7 @@
   flex-shrink: 0;
 }
 
-.headerTitleLeft {
-  grid-template-columns: 1fr auto;
-}
 
-.closeOnlyHeader {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: -2rem;
-  padding: 0 0.5rem 0.5rem;
-  flex-shrink: 0;
-  position: relative;
-  z-index: 1;
-}
-
-.backButton {
-  border: none;
-  background: none;
-  padding: 0.25rem 0;
-  font: inherit;
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--color-primary-shade);
-  cursor: pointer;
-}
-
-.headerSpacer,
 .titleSpacer {
   display: block;
 }
@@ -106,12 +82,12 @@
   justify-content: center;
   font-size: 1.125rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
   text-align: center;
 }
 
 .titleLeft {
-  color: var(--Grey800, #3F4A55);
+  color: var(--color-text);
   font-family: "Fira Sans";
   font-size: 1.0625rem;
   font-style: normal;
@@ -127,8 +103,8 @@
   padding: 0 0.375rem;
   box-sizing: border-box;
   border-radius: 999px;
-  background: var(--color-primary, #26a581);
-  color: #fff;
+  background: var(--color-bg-primary);
+  color: var(--color-white);
   font-family: "Fira Sans";
   font-size: 0.6875rem;
   font-style: normal;
@@ -138,27 +114,6 @@
   align-items: center;
 }
 
-.closeButton {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 1.8rem;
-  height: 1.8rem;
-  padding: 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-}
-
-.closeIcon {
-  width: 1rem;
-  height: 1rem;
-}
-
-.closeIcon path {
-  fill: var(--color-dark);
-}
-
 .footer {
   flex-shrink: 0;
   padding: 0 1rem 1rem;
diff --git a/src/features/map/components/MapOverlaySheet/MapOverlaySheet.tsx b/src/features/map/components/MapOverlaySheet/MapOverlaySheet.tsx
index 5228331..25a9602 100644
--- a/src/features/map/components/MapOverlaySheet/MapOverlaySheet.tsx
+++ b/src/features/map/components/MapOverlaySheet/MapOverlaySheet.tsx
@@ -1,7 +1,6 @@
 import { useEffect, useMemo, useState, type ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 
-import IconClose from '@/shared/assets/icons/icon-close.svg?react';
 import sheetChrome from '@/features/map/styles/mapSheet.module.css';
 import { useBottomSheetSnap } from '@/features/map/hooks/useBottomSheetSnap';
 
@@ -9,12 +8,25 @@ import styles from './MapOverlaySheet.module.css';
 
 const ANIMATION_DURATION_MS = 300;
 
+const DEFAULT_COMPACT_HEIGHT_RATIO = 0.58;
+
 // Hauteurs de la poignée de redimensionnement (mode `draggable`) : une taille compacte à
-// l'ouverture, et une taille étendue alignée sur le plafond CSS de .sheetLarge (min(92vh, 43.5rem)).
-function getDraggableSnapHeights(viewportHeight: number): readonly number[] {
-  const compactHeight = Math.min(Math.round(viewportHeight * 0.58), 560);
-  const expandedHeight = Math.min(Math.round(viewportHeight * 0.92), 696);
-  return [compactHeight, expandedHeight];
+// l'ouverture (part de `compactHeightRatio` de l'écran, 58% par défaut), et une taille étendue
+// alignée sur le plafond CSS de .sheetLarge (min(92vh, 43.5rem)), éventuellement réduite par
+// `maxExpandedHeightPx` (ex. pour ne pas dépasser un repère à l'écran).
+function getDraggableSnapHeights(
+  viewportHeight: number,
+  compactHeightRatio: number,
+  maxExpandedHeightPx?: number,
+): readonly number[] {
+  const compactHeight = Math.min(Math.round(viewportHeight * compactHeightRatio), 560);
+  const uncappedExpandedHeight = Math.min(Math.round(viewportHeight * 0.92), 696);
+  const expandedHeight =
+    maxExpandedHeightPx !== undefined
+      ? Math.min(uncappedExpandedHeight, Math.round(maxExpandedHeightPx))
+      : uncappedExpandedHeight;
+
+  return [Math.min(compactHeight, expandedHeight), expandedHeight];
 }
 
 export interface MapOverlaySheetProps {
@@ -24,13 +36,16 @@ export interface MapOverlaySheetProps {
   titleAlign?: 'left' | 'center';
   titleBadge?: number;
   sheetClassName?: string;
-  showBackButton?: boolean;
   onBack?: () => void;
   children: ReactNode;
   footer?: ReactNode;
   ariaLabel?: string;
   /** Rend la poignée fonctionnelle : glisser pour agrandir/réduire, glisser sous le seuil pour fermer. */
   draggable?: boolean;
+  /** Plafonne la hauteur dépliée (mode `draggable`), ex. pour ne pas couvrir un repère à l'écran. */
+  maxExpandedHeightPx?: number;
+  /** Part de la hauteur d'écran occupée à l'ouverture (mode `draggable`), défaut 0.58. */
+  compactHeightRatio?: number;
 }
 
 export function MapOverlaySheet({
@@ -40,12 +55,12 @@ export function MapOverlaySheet({
   titleAlign = 'center',
   titleBadge,
   sheetClassName,
-  showBackButton = false,
-  onBack,
   children,
   footer,
   ariaLabel,
   draggable = false,
+  maxExpandedHeightPx,
+  compactHeightRatio = DEFAULT_COMPACT_HEIGHT_RATIO,
 }: MapOverlaySheetProps) {
   const [isVisible, setIsVisible] = useState(false);
   const [shouldRender, setShouldRender] = useState(isOpen);
@@ -61,7 +76,10 @@ export function MapOverlaySheet({
     return () => window.removeEventListener('resize', handleResize);
   }, [draggable]);
 
-  const snapHeights = useMemo(() => getDraggableSnapHeights(viewportHeight), [viewportHeight]);
+  const snapHeights = useMemo(
+    () => getDraggableSnapHeights(viewportHeight, compactHeightRatio, maxExpandedHeightPx),
+    [viewportHeight, compactHeightRatio, maxExpandedHeightPx],
+  );
 
   const { setSnapIndex, currentHeight, dragOffset, dragHandleProps } = useBottomSheetSnap({
     snapHeights,
@@ -91,14 +109,6 @@ export function MapOverlaySheet({
     return null;
   }
 
-  const handleBack = () => {
-    if (onBack) {
-      onBack();
-      return;
-    }
-    onClose();
-  };
-
   const isDragging = draggable && dragOffset !== 0;
 
   const content = (
@@ -132,17 +142,10 @@ export function MapOverlaySheet({
           <span className={sheetChrome.handle} />
         </div>
 
-        {(title || showBackButton) && (
+        {(title ) && (
           <header
-            className={`${styles.header} ${titleAlign === 'left' && !showBackButton ? styles.headerTitleLeft : ''}`}
+            className={`${styles.header} ${titleAlign === 'left' }`}
           >
-            {showBackButton ? (
-              <button type="button" className={styles.backButton} onClick={handleBack}>
-                Retour
-              </button>
-            ) : titleAlign === 'left' ? null : (
-              <span className={styles.headerSpacer} />
-            )}
             {title ? (
               <h2 className={titleAlign === 'left' ? styles.titleLeft : styles.title}>
                 <span>{title}</span>
@@ -156,14 +159,6 @@ export function MapOverlaySheet({
           </header>
         )}
 
-        {!title && !showBackButton ? (
-          <div className={styles.closeOnlyHeader}>
-            <button type="button" className={styles.closeButton} onClick={onClose} aria-label="Fermer">
-              <IconClose className={styles.closeIcon} aria-hidden />
-            </button>
-          </div>
-        ) : null}
-
         <div className={sheetChrome.body} data-scroll-root="true">
           {children}
         </div>
diff --git a/src/features/map/hooks/useMap.ts b/src/features/map/hooks/useMap.ts
index fb3e6aa..84689c2 100644
--- a/src/features/map/hooks/useMap.ts
+++ b/src/features/map/hooks/useMap.ts
@@ -78,6 +78,8 @@ interface UseMapReturn {
   isLocating: boolean;
   isLockedUserLocation: boolean;
   isMapReady: boolean;
+  rotation: number;
+  resetRotation: (animationDuration?: number) => void;
 }
 
 export function useMap(options: UseMapOptions = {}): UseMapReturn {
@@ -98,6 +100,7 @@ export function useMap(options: UseMapOptions = {}): UseMapReturn {
   const [isFeatureGeolocationRecenterActive, setIsGeolocationRecenterActive] = useState(false);
   const [isLocating, setIsLocating] = useState(false);
   const [isMapReady, setIsMapReady] = useState(false);
+  const [rotation, setRotation] = useState(0);
   const [hasInitialCenterCompleted, setHasInitialCenterCompleted] = useState(
     () => !shouldCenterOnMount,
   );
@@ -175,6 +178,32 @@ export function useMap(options: UseMapOptions = {}): UseMapReturn {
     setUserFollowingMode((mode) => (mode === 'locked' ? 'none' : 'locked'));
   }, []);
 
+  const resetRotation = useCallback(
+    (animationDuration: number = 250) => {
+      const targetMap = mapRef.current;
+      if (!targetMap) {
+        return;
+      }
+
+      const view = targetMap.getView();
+      const currentRotation = view.getRotation() ?? 0;
+      if (currentRotation === 0) {
+        return;
+      }
+
+      // On vise le multiple de 2π le plus proche pour animer par le chemin le plus court.
+      const TWO_PI = 2 * Math.PI;
+      const targetRotation = Math.round(currentRotation / TWO_PI) * TWO_PI;
+
+      const endProgrammaticViewportChange = markProgrammaticViewportChange();
+      view.animate({ rotation: targetRotation, duration: animationDuration }, () => {
+        view.setRotation(0);
+        endProgrammaticViewportChange();
+      });
+    },
+    [markProgrammaticViewportChange],
+  );
+
   const animateToPosition = useCallback(
     async (targetMap: Map, position: Position, animationDuration: number) => {
       const { longitude, latitude } = position.coords;
@@ -449,8 +478,8 @@ export function useMap(options: UseMapOptions = {}): UseMapReturn {
         layers: [createGeoportailLayerGroup()],
         interactions: defaultInteractions({
           onFocusOnly: true,
-          altShiftDragRotate: false,
-          pinchRotate: false,
+          altShiftDragRotate: true,
+          pinchRotate: true,
         }),
         controls: defaultControls({ zoom: false, attribution: false, rotate: false }).extend([
           ...(DEFAULT_MAP_SHOW_SCALELINE ? [new ScaleLine()] : []),
@@ -462,7 +491,7 @@ export function useMap(options: UseMapOptions = {}): UseMapReturn {
         view: new View({
           center: fromLonLat([savedPreferences.longitude, savedPreferences.latitude]),
           zoom: savedPreferences.zoom,
-          enableRotation: false,
+          enableRotation: true,
         }),
       });
 
@@ -480,6 +509,23 @@ export function useMap(options: UseMapOptions = {}): UseMapReturn {
     };
   }, []);
 
+  useEffect(() => {
+    const olMap = mapRef.current;
+    if (!olMap) {
+      return;
+    }
+
+    const view = olMap.getView();
+    setRotation(view.getRotation() ?? 0);
+    const rotationKey = view.on('change:rotation', () => {
+      setRotation(view.getRotation() ?? 0);
+    });
+
+    return () => {
+      unByKey(rotationKey);
+    };
+  }, [map]);
+
   useEffect(() => {
     const olMap = mapRef.current;
     if (!olMap) {
@@ -572,5 +618,7 @@ export function useMap(options: UseMapOptions = {}): UseMapReturn {
     isLocating,
     isLockedUserLocation,
     isMapReady,
+    rotation,
+    resetRotation,
   };
 }
diff --git a/src/features/map/hooks/usePointFicheSheetDrag.ts b/src/features/map/hooks/usePointFicheSheetDrag.ts
new file mode 100644
index 0000000..7d3110e
--- /dev/null
+++ b/src/features/map/hooks/usePointFicheSheetDrag.ts
@@ -0,0 +1,325 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+// Seuils exprimés en fraction de la hauteur du viewport :
+// - 20 % : hauteur d'ouverture initiale de la fiche (plancher du glissé libre). Ce n'est qu'un
+//   minimum théorique : le plancher réel est la plus grande valeur entre 20 % et la hauteur
+//   mesurée de l'en-tête + pied de page (measuredFloorHeight), pour ne jamais rogner le pied de
+//   page (boutons), --safe-bottom inclus, quel que soit l'appareil.
+// - Le seuil d'ouverture ("premier seuil") n'est plus un pourcentage fixe : c'est la hauteur
+//   nécessaire pour voir la photo/croquis entièrement (sans révéler la section suivante),
+//   mesurée dans le DOM par MapPointSheet et transmise via `measuredOpenThresholdHeight`.
+//   FALLBACK_OPEN_THRESHOLD_FRACTION n'est utilisé que tant que cette mesure n'est pas encore
+//   disponible (tout premier rendu).
+// - Autour de ce seuil, une zone tampon absorbe l'imprécision du geste : un relâché entre
+//   (seuil - 5 %) et (seuil + 10 %) s'ouvre exactement au seuil plutôt que de rester libre ou
+//   de s'ouvrir en grand. En dessous de (seuil - 5 %), la fiche reste où elle est relâchée ;
+//   au-dessus de (seuil + 10 %), elle s'ouvre en grand — utilisé quand le glissé démarre en
+//   dessous du plein écran ("ouverture").
+// - 75 % (fixe, indépendant du seuil dynamique) : seuil équivalent mais plus haut quand le
+//   glissé démarre DEPUIS le plein écran ("fermeture") — hystérésis volontaire pour qu'un petit
+//   geste de fermeture ne referme pas la fiche en grand par erreur, sans pour autant gêner une
+//   fermeture franche.
+const MIN_HEIGHT_FRACTION = 0.2;
+const FALLBACK_OPEN_THRESHOLD_FRACTION = 0.4;
+const OPEN_THRESHOLD_LOWER_BUFFER_FRACTION = 0.05;
+const OPEN_THRESHOLD_UPPER_BUFFER_FRACTION = 0.1;
+const CLOSE_FROM_FULLSCREEN_SNAP_BACK_FRACTION = 0.75;
+
+// N'est utilisé que tant que measuredFloorHeight n'est pas encore disponible (tout premier rendu).
+const FALLBACK_MIN_CONTENT_HEIGHT_PX = 220;
+
+// Traction supplémentaire, sous le plancher, à partir de laquelle un relâché est interprété
+// comme une demande de fermeture plutôt qu'un simple retour au plancher.
+const DISMISS_DRAG_THRESHOLD_PX = 64;
+
+// Un pointerdown/pointerup est considéré comme un tap (et non un glissé, même lent et court)
+// seulement s'il reste sous ces bornes de traction ET de durée — sert à détecter le double tap
+// sur la poignée sans jamais interpréter à tort un petit glissé volontaire comme un tap.
+const TAP_MAX_MOVEMENT_PX = 8;
+const TAP_MAX_DURATION_MS = 250;
+// Délai maximum entre deux taps pour qu'ils soient reconnus comme un double tap.
+const DOUBLE_TAP_MAX_DELAY_MS = 300;
+
+export interface PointFicheSheetGeometry {
+  minHeight: number;
+  /** Seuil d'ouverture ("photo entièrement visible") — dynamique, cf. mesure DOM. */
+  freeMaxHeight: number;
+  /** Plafond du glissé libre = freeMaxHeight - 5 %vh : en dessous, la fiche reste où elle est relâchée. */
+  freeZoneUpperBound: number;
+  /** freeMaxHeight + 10 %vh : au-delà (glissé qui ne démarre pas du plein écran), la fiche s'ouvre en grand. */
+  openBufferUpperBound: number;
+  fullscreenHeight: number;
+}
+
+export function getPointFicheSheetGeometry(
+  viewportHeight: number,
+  safeAreaTop: number,
+  measuredOpenThresholdHeight?: number | null,
+  measuredFloorHeight?: number | null,
+): PointFicheSheetGeometry {
+  const topInset = Math.max(12, safeAreaTop);
+  const minHeight = Math.max(
+    Math.round(viewportHeight * MIN_HEIGHT_FRACTION),
+    measuredFloorHeight ?? FALLBACK_MIN_CONTENT_HEIGHT_PX,
+  );
+  const fullscreenHeight = Math.max(viewportHeight - topInset, minHeight);
+
+  const fallbackOpenThreshold = Math.round(viewportHeight * FALLBACK_OPEN_THRESHOLD_FRACTION);
+  const rawOpenThreshold = measuredOpenThresholdHeight ?? fallbackOpenThreshold;
+
+  // Le seuil mesuré doit rester exploitable : jamais sous le plancher, et laisser au moins la
+  // place pour la zone tampon du dessus avant d'atteindre le plein écran (photo très haute sur
+  // un petit écran, par exemple).
+  const freeMaxHeight = Math.min(
+    Math.max(rawOpenThreshold, minHeight),
+    fullscreenHeight - viewportHeight * OPEN_THRESHOLD_UPPER_BUFFER_FRACTION,
+  );
+
+  const freeZoneUpperBound = Math.max(
+    minHeight,
+    freeMaxHeight - viewportHeight * OPEN_THRESHOLD_LOWER_BUFFER_FRACTION,
+  );
+  const openBufferUpperBound = freeMaxHeight + viewportHeight * OPEN_THRESHOLD_UPPER_BUFFER_FRACTION;
+
+  return { minHeight, freeMaxHeight, freeZoneUpperBound, openBufferUpperBound, fullscreenHeight };
+}
+
+interface UsePointFicheSheetDragOptions {
+  geometry: PointFicheSheetGeometry;
+  viewportHeight: number;
+  enabled?: boolean;
+  /** Appelé quand l'utilisateur abaisse la poignée sous le plancher pour fermer la fiche. */
+  onDismiss?: () => void;
+}
+
+export function usePointFicheSheetDrag({
+  geometry,
+  viewportHeight,
+  enabled = true,
+  onDismiss,
+}: UsePointFicheSheetDragOptions) {
+  const { minHeight, freeMaxHeight, freeZoneUpperBound, openBufferUpperBound, fullscreenHeight } = geometry;
+
+  const [baseHeight, setBaseHeight] = useState(minHeight);
+  const [dragOffset, setDragOffset] = useState(0);
+  const dragStartYRef = useRef(0);
+  const dragStartAtRef = useRef(0);
+  const dragStartHeightRef = useRef(minHeight);
+  const dragOffsetRef = useRef(0);
+  const isDraggingRef = useRef(false);
+  const wasEnabledRef = useRef(enabled);
+  const captureTargetRef = useRef<HTMLElement | null>(null);
+  const capturedPointerIdRef = useRef<number | null>(null);
+  const rafIdRef = useRef<number | null>(null);
+  const lastTapAtRef = useRef(0);
+  // Tant que l'utilisateur n'a pas encore interagi avec la fiche, la fiche reste "au plancher" —
+  // on la garde alignée sur le plancher mesuré au fil de l'eau (la mesure DOM s'affine après le
+  // tout premier rendu, voir MapPointSheet) plutôt que de rester bloquée sur l'estimation de
+  // repli. Une fois une interaction effectuée, on se contente de recadrer dans les nouvelles
+  // bornes sans forcer de retour au plancher.
+  const hasInteractedRef = useRef(false);
+
+  const cancelPendingFrame = useCallback(() => {
+    if (rafIdRef.current !== null) {
+      cancelAnimationFrame(rafIdRef.current);
+      rafIdRef.current = null;
+    }
+  }, []);
+
+  // Réinitialise au plancher à l'ouverture d'une nouvelle fiche — mais pas quand l'utilisateur
+  // clique un autre repère pendant que la fiche est déjà ouverte : sa position est conservée.
+  useEffect(() => {
+    if (enabled && !wasEnabledRef.current) {
+      dragOffsetRef.current = 0;
+      setBaseHeight(minHeight);
+      setDragOffset(0);
+      hasInteractedRef.current = false;
+    }
+    wasEnabledRef.current = enabled;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [enabled]);
+
+  useEffect(() => cancelPendingFrame, [cancelPendingFrame]);
+
+  useEffect(() => {
+    if (!hasInteractedRef.current) {
+      setBaseHeight(minHeight);
+      return;
+    }
+
+    // Recale la position courante si elle sort des bornes après un changement de géométrie
+    // (rotation d'écran, clavier virtuel…).
+    setBaseHeight((current) => Math.max(minHeight, Math.min(fullscreenHeight, current)));
+  }, [minHeight, fullscreenHeight]);
+
+  const currentHeight = Math.max(minHeight, Math.min(fullscreenHeight, baseHeight - dragOffset));
+
+  const releasePointerCaptureSafe = useCallback(() => {
+    const target = captureTargetRef.current;
+    const pointerId = capturedPointerIdRef.current;
+    captureTargetRef.current = null;
+    capturedPointerIdRef.current = null;
+
+    if (!target || pointerId === null) {
+      return;
+    }
+
+    try {
+      if (target.hasPointerCapture(pointerId)) {
+        target.releasePointerCapture(pointerId);
+      }
+    } catch {
+      // Capture déjà libéré (cancel navigateur, re-render, etc.)
+    }
+  }, []);
+
+  const endDrag = useCallback((isTapEligible: boolean) => {
+    releasePointerCaptureSafe();
+    cancelPendingFrame();
+
+    if (!isDraggingRef.current) {
+      return;
+    }
+
+    isDraggingRef.current = false;
+    const targetHeight = dragStartHeightRef.current - dragOffsetRef.current;
+
+    // Double tap sur la poignée : raccourci pour ouvrir directement en grand, sans attendre
+    // un glissé jusqu'au seuil d'ouverture en grand. Un tap n'est reconnu que s'il est à la
+    // fois bref et quasi immobile, pour ne jamais interférer avec un petit glissé volontaire.
+    const now = Date.now();
+    const isTap =
+      isTapEligible &&
+      Math.abs(dragOffsetRef.current) < TAP_MAX_MOVEMENT_PX &&
+      now - dragStartAtRef.current < TAP_MAX_DURATION_MS;
+
+    if (isTap) {
+      const isDoubleTap = now - lastTapAtRef.current <= DOUBLE_TAP_MAX_DELAY_MS;
+      lastTapAtRef.current = isDoubleTap ? 0 : now;
+
+      if (isDoubleTap) {
+        dragOffsetRef.current = 0;
+        setBaseHeight(fullscreenHeight);
+        setDragOffset(0);
+        return;
+      }
+    }
+
+    if (onDismiss && targetHeight < minHeight - DISMISS_DRAG_THRESHOLD_PX) {
+      dragOffsetRef.current = 0;
+      setBaseHeight(minHeight);
+      setDragOffset(0);
+      onDismiss();
+      return;
+    }
+
+    // Un glissé qui démarre depuis le plein écran ("fermeture") tolère un relâché plus haut
+    // avant de revenir à 100 % qu'un glissé qui démarre plus bas ("ouverture") — hystérésis
+    // volontaire, voir les constantes en tête de fichier.
+    const startedFromFullscreen = dragStartHeightRef.current >= fullscreenHeight - 1;
+    const snapToFullscreenThreshold = startedFromFullscreen
+      ? viewportHeight * CLOSE_FROM_FULLSCREEN_SNAP_BACK_FRACTION
+      : openBufferUpperBound;
+
+    let destination: number;
+    if (targetHeight <= freeZoneUpperBound) {
+      destination = Math.max(minHeight, targetHeight);
+    } else if (targetHeight <= snapToFullscreenThreshold) {
+      destination = freeMaxHeight;
+    } else {
+      destination = fullscreenHeight;
+    }
+
+    dragOffsetRef.current = 0;
+    setBaseHeight(destination);
+    setDragOffset(0);
+  }, [
+    cancelPendingFrame,
+    freeMaxHeight,
+    freeZoneUpperBound,
+    openBufferUpperBound,
+    fullscreenHeight,
+    minHeight,
+    onDismiss,
+    releasePointerCaptureSafe,
+    viewportHeight,
+  ]);
+
+  const handlePointerDown = useCallback(
+    (event: React.PointerEvent<HTMLElement>) => {
+      if (!enabled) {
+        return;
+      }
+
+      cancelPendingFrame();
+      hasInteractedRef.current = true;
+      isDraggingRef.current = true;
+      dragStartYRef.current = event.clientY;
+      dragStartAtRef.current = Date.now();
+      dragStartHeightRef.current = baseHeight;
+      dragOffsetRef.current = 0;
+      captureTargetRef.current = event.currentTarget;
+      capturedPointerIdRef.current = event.pointerId;
+
+      try {
+        event.currentTarget.setPointerCapture(event.pointerId);
+      } catch {
+        isDraggingRef.current = false;
+        captureTargetRef.current = null;
+        capturedPointerIdRef.current = null;
+      }
+    },
+    [baseHeight, cancelPendingFrame, enabled],
+  );
+
+  const handlePointerMove = useCallback((event: React.PointerEvent<HTMLElement>) => {
+    if (!isDraggingRef.current) {
+      return;
+    }
+
+    // preventDefault (touch-action: none already suppresses native scroll/rubber-band on
+    // the drag zone) so a stray browser gesture never fights the JS-driven height.
+    event.preventDefault();
+
+    const deltaY = event.clientY - dragStartYRef.current;
+    dragOffsetRef.current = deltaY;
+
+    // Coalesce bursts of pointermove events (can fire well above 60Hz) into at most one
+    // state update per animation frame — otherwise React re-renders faster than the
+    // browser can paint, and the sheet visibly lags/judders behind the pointer.
+    if (rafIdRef.current === null) {
+      rafIdRef.current = requestAnimationFrame(() => {
+        rafIdRef.current = null;
+        setDragOffset(dragOffsetRef.current);
+      });
+    }
+  }, []);
+
+  const handlePointerUp = useCallback(() => {
+    endDrag(true);
+  }, [endDrag]);
+
+  const handlePointerCancel = useCallback(() => {
+    // Un cancel (ex. le navigateur reprend le geste) n'est jamais un tap volontaire.
+    endDrag(false);
+  }, [endDrag]);
+
+  const dragHandleProps = {
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp,
+    onPointerCancel: handlePointerCancel,
+  };
+
+  return {
+    currentHeight,
+    /** Hauteur "de repos" (avant/après glissé) — ignore le déplacement en cours pendant un
+     *  glissé actif. À utiliser pour tout ce qui ne doit pas changer en plein glissé (ex. quels
+     *  contenus sont montés) : un changement de mise en page pendant un glissé actif peut
+     *  interrompre le geste sur certains navigateurs. */
+    restingHeight: baseHeight,
+    dragOffset,
+    dragHandleProps,
+    isDragging: isDraggingRef.current,
+  };
+}
diff --git a/src/features/map/hooks/useReportMapLayers.ts b/src/features/map/hooks/useReportMapLayers.ts
index b61ea9f..cc89c88 100644
--- a/src/features/map/hooks/useReportMapLayers.ts
+++ b/src/features/map/hooks/useReportMapLayers.ts
@@ -11,13 +11,17 @@ import Cluster from 'ol/source/Cluster';
 import VectorSource from 'ol/source/Vector';
 
 import type { GroupReport } from '@/domain/report/groupReportModels';
+import type { LocalReportDraft } from '@/domain/report/localReportDraft';
 import {
   createGroupReportMapFeatures,
+  createLocalReportDraftMapFeatures,
   getGroupReportFromMapFeature,
+  getLocalReportDraftFromMapFeature,
 } from '@/features/map/utils/reportMapFeatures';
 import { loadReportsInMapBbox } from '@/features/map/utils/loadReportsInMapBbox';
-import { styleReportMapFeature } from '@/features/map/utils/reportStatusMapMarkerStyle';
+import { styleLocalReportDraftMapFeature, styleReportMapFeature } from '@/features/map/utils/reportStatusMapMarkerStyle';
 import {
+  MY_LOCAL_DRAFTS_MAP_LAYER_NAME,
   MY_REPORTS_MAP_LAYER_NAME,
   REPORT_MAP_CLUSTER_DISTANCE,
   REPORT_MAP_LAYER_GROUP_NAME,
@@ -32,7 +36,9 @@ interface UseReportMapLayersOptions {
   isAuthenticated: boolean;
   userId: number | undefined;
   visibility: ReportMapLayerVisibility;
+  localDrafts: readonly LocalReportDraft[];
   onReportSelect: (report: GroupReport) => void;
+  onLocalDraftSelect: (draft: LocalReportDraft) => void;
 }
 
 function findReportLayerGroup(map: OlMap): LayerGroup | null {
@@ -60,6 +66,13 @@ function getReportLayerByName(map: OlMap, layerName: string): VectorLayer<Vector
   return null;
 }
 
+function clearClusteredLayerSource(layer: VectorLayer<VectorSource> | null): void {
+  const clusterSource = layer?.getSource();
+  if (clusterSource instanceof Cluster) {
+    clusterSource.getSource()?.clear(true);
+  }
+}
+
 function deduplicateFeatures(features: Feature[]): Feature[] {
   const byId = new globalThis.Map<string, Feature>();
 
@@ -78,10 +91,14 @@ export function useReportMapLayers({
   isAuthenticated,
   userId,
   visibility,
+  localDrafts,
   onReportSelect,
+  onLocalDraftSelect,
 }: UseReportMapLayersOptions): void {
   const onReportSelectRef = useRef(onReportSelect);
   onReportSelectRef.current = onReportSelect;
+  const onLocalDraftSelectRef = useRef(onLocalDraftSelect);
+  onLocalDraftSelectRef.current = onLocalDraftSelect;
 
   useEffect(() => {
     if (!map || !isMapReady) {
@@ -105,13 +122,30 @@ export function useReportMapLayers({
       zIndex: REPORT_MAP_LAYER_Z_INDEX,
     });
 
+    const localDraftsSource = new VectorSource<Feature>();
+    const localDraftsClusterSource = new Cluster({
+      source: localDraftsSource,
+      distance: REPORT_MAP_CLUSTER_DISTANCE,
+    });
+
+    const localDraftsLayer = new VectorLayer({
+      source: localDraftsClusterSource,
+      style: (feature) => styleLocalReportDraftMapFeature(feature as Feature),
+      properties: {
+        name: MY_LOCAL_DRAFTS_MAP_LAYER_NAME,
+        title: 'Mes brouillons',
+        displayInLayerSwitcher: false,
+      },
+      zIndex: REPORT_MAP_LAYER_Z_INDEX,
+    });
+
     const reportLayerGroup = new LayerGroup({
       properties: {
         name: REPORT_MAP_LAYER_GROUP_NAME,
         title: 'Signalements',
         displayInLayerSwitcher: false,
       },
-      layers: [myReportsLayer],
+      layers: [myReportsLayer, localDraftsLayer],
       zIndex: REPORT_MAP_LAYER_Z_INDEX,
     });
 
@@ -128,21 +162,20 @@ export function useReportMapLayers({
     }
 
     const myReportsLayer = getReportLayerByName(map, MY_REPORTS_MAP_LAYER_NAME);
+    const localDraftsLayer = getReportLayerByName(map, MY_LOCAL_DRAFTS_MAP_LAYER_NAME);
     const reportLayerGroup = findReportLayerGroup(map);
 
-    if (!myReportsLayer || !reportLayerGroup) {
+    if (!myReportsLayer || !localDraftsLayer || !reportLayerGroup) {
       return;
     }
 
     myReportsLayer.setVisible(visibility.myReports);
+    localDraftsLayer.setVisible(visibility.myReports);
     reportLayerGroup.setVisible(visibility.myReports);
 
     if (!visibility.myReports) {
-      const clusterSource = myReportsLayer.getSource();
-      if (clusterSource instanceof Cluster) {
-        const innerSource = clusterSource.getSource();
-        innerSource?.clear(true);
-      }
+      clearClusteredLayerSource(myReportsLayer);
+      clearClusteredLayerSource(localDraftsLayer);
     }
   }, [isMapReady, map, visibility.myReports]);
 
@@ -204,6 +237,26 @@ export function useReportMapLayers({
     };
   }, [isAuthenticated, isMapReady, map, userId, visibility.myReports]);
 
+  useEffect(() => {
+    if (!map || !isMapReady || !visibility.myReports) {
+      return;
+    }
+
+    const localDraftsLayer = getReportLayerByName(map, MY_LOCAL_DRAFTS_MAP_LAYER_NAME);
+    const clusterSource = localDraftsLayer?.getSource();
+    if (!(clusterSource instanceof Cluster)) {
+      return;
+    }
+
+    const source = clusterSource.getSource();
+    if (!source) {
+      return;
+    }
+
+    source.clear(true);
+    source.addFeatures(deduplicateFeatures(createLocalReportDraftMapFeatures(localDrafts)));
+  }, [isMapReady, localDrafts, map, visibility.myReports]);
+
   useEffect(() => {
     if (!map || !isMapReady) {
       return;
@@ -219,7 +272,7 @@ export function useReportMapLayers({
         return;
       }
 
-      const hit = { feature: null as Feature | null };
+      const hit = { feature: null as Feature | null, layerName: null as string | null };
 
       map.forEachFeatureAtPixel(
         event.pixel,
@@ -228,11 +281,13 @@ export function useReportMapLayers({
             return undefined;
           }
 
-          if (layer.get('name') !== MY_REPORTS_MAP_LAYER_NAME) {
+          const layerName = layer.get('name');
+          if (layerName !== MY_REPORTS_MAP_LAYER_NAME && layerName !== MY_LOCAL_DRAFTS_MAP_LAYER_NAME) {
             return undefined;
           }
 
           hit.feature = featureLike as Feature;
+          hit.layerName = layerName;
           return true;
         },
         {
@@ -271,6 +326,15 @@ export function useReportMapLayers({
       }
 
       const targetFeature = clusteredFeatures?.[0] ?? selectedFeature;
+
+      if (hit.layerName === MY_LOCAL_DRAFTS_MAP_LAYER_NAME) {
+        const draft = getLocalReportDraftFromMapFeature(targetFeature);
+        if (draft) {
+          onLocalDraftSelectRef.current(draft);
+        }
+        return;
+      }
+
       const report = getGroupReportFromMapFeature(targetFeature);
       if (report) {
         onReportSelectRef.current(report);
diff --git a/src/features/map/hooks/useTrackSheetView.ts b/src/features/map/hooks/useTrackSheetView.ts
new file mode 100644
index 0000000..c90cb21
--- /dev/null
+++ b/src/features/map/hooks/useTrackSheetView.ts
@@ -0,0 +1,27 @@
+import { useCallback } from 'react';
+
+import { useAuth } from '@/features/auth/hooks/useAuth';
+import { trackViewedSheet } from '@/infra/storage/viewedSheetsStore';
+
+/**
+ * Enregistre une consultation de fiche géodésique pour l'utilisateur connecté.
+ * Une même fiche n'est comptée qu'une fois.
+ */
+export function useTrackSheetView() {
+  const { user } = useAuth();
+
+  const trackSheetView = useCallback(
+    (sheetId: string | number) => {
+      if (user?.id === undefined) {
+        return;
+      }
+
+      void trackViewedSheet(user.id, String(sheetId)).catch((error: unknown) => {
+        console.error('[useTrackSheetView] Failed to persist sheet view', error);
+      });
+    },
+    [user?.id],
+  );
+
+  return { trackSheetView };
+}
diff --git a/src/features/map/hooks/useUserLocationMarker.ts b/src/features/map/hooks/useUserLocationMarker.ts
index 6190b94..003ae43 100644
--- a/src/features/map/hooks/useUserLocationMarker.ts
+++ b/src/features/map/hooks/useUserLocationMarker.ts
@@ -15,8 +15,10 @@ import {
 } from '@/shared/constants/map';
 import { getColorCode } from '@/shared/utils/color';
 
-function createUserLocationIconSrc(color: string): string {
-  const contrast = getColorCode('white');
+const USER_LOCATION_MARKER_FALLBACK_COLOR = '#26a581';
+const USER_LOCATION_MARKER_CONTRAST_FALLBACK = '#ffffff';
+
+function createUserLocationIconSrc(color: string, contrast: string): string {
   const markerSvg = `
     <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42">
       <path d="M21 3 L34 35 L21 28 L8 35 Z" fill="${color}" stroke="${contrast}" stroke-width="3" stroke-linejoin="round"/>
@@ -27,11 +29,13 @@ function createUserLocationIconSrc(color: string): string {
   return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(markerSvg)}`;
 }
 
-function createUserLocationStyle(color: string): Style {
+function createUserLocationStyle(color: string, contrast: string): Style {
   return new Style({
     image: new Icon({
-      src: createUserLocationIconSrc(color),
+      src: createUserLocationIconSrc(color, contrast),
       anchor: [0.5, 0.5],
+      width: 42,
+      height: 42,
       rotateWithView: true,
     }),
   });
@@ -40,18 +44,23 @@ function createUserLocationStyle(color: string): Style {
 interface UseUserLocationMarkerOptions {
   map: Map | null;
   isMapReady: boolean;
+  /** Affiche le curseur uniquement quand le suivi de position est actif. */
+  enabled?: boolean;
 }
 
-export function useUserLocationMarker({ map, isMapReady }: UseUserLocationMarkerOptions): void {
+export function useUserLocationMarker({
+  map,
+  isMapReady,
+  enabled = true,
+}: UseUserLocationMarkerOptions): void {
   useEffect(() => {
-    if (!map || !isMapReady) {
+    if (!map || !isMapReady || !enabled) {
       return;
     }
 
-    const userLocationColor = getColorCode('tertiary');
-    if (!userLocationColor) {
-      return;
-    }
+    const userLocationColor =
+      getColorCode('primary') || getColorCode('action-primary') || USER_LOCATION_MARKER_FALLBACK_COLOR;
+    const contrast = getColorCode('white') || USER_LOCATION_MARKER_CONTRAST_FALLBACK;
 
     const source = new VectorSource<Feature<Point>>();
     const feature = new Feature<Point>();
@@ -60,6 +69,9 @@ export function useUserLocationMarker({ map, isMapReady }: UseUserLocationMarker
 
     const markerLayer = new VectorLayer({
       source,
+      className: 'ol-layer gdp-user-location',
+      updateWhileAnimating: true,
+      updateWhileInteracting: true,
       properties: {
         name: USER_LOCATION_LAYER_NAME,
         title: 'Position utilisateur',
@@ -69,7 +81,7 @@ export function useUserLocationMarker({ map, isMapReady }: UseUserLocationMarker
     });
 
     const updateMarkerPosition: WatchPositionCallback = (position) => {
-      if (!position) {
+      if (!position || cancelled) {
         return;
       }
 
@@ -77,11 +89,22 @@ export function useUserLocationMarker({ map, isMapReady }: UseUserLocationMarker
       feature.setGeometry(new Point(fromLonLat([longitude, latitude])));
     };
 
-    map.addLayer(markerLayer);
-    feature.setStyle(createUserLocationStyle(userLocationColor));
+    // Overlay non géré : reste au-dessus des fonds / WFS, y compris pendant le recentrage.
+    markerLayer.setMap(map);
+    feature.setStyle(createUserLocationStyle(userLocationColor, contrast));
     source.addFeature(feature);
 
     void (async () => {
+      const initialPosition = await Gdp_Geolocation.getUsersLocation({
+        enableHighAccuracy: true,
+        timeout: 10000,
+        maximumAge: 1000,
+      });
+
+      if (!cancelled) {
+        updateMarkerPosition(initialPosition);
+      }
+
       watchId = await Gdp_Geolocation.watchUsersLocation(updateMarkerPosition, {
         enableHighAccuracy: true,
         timeout: 10000,
@@ -101,7 +124,7 @@ export function useUserLocationMarker({ map, isMapReady }: UseUserLocationMarker
         void Gdp_Geolocation.clearWatch(watchId);
       }
 
-      map.removeLayer(markerLayer);
+      markerLayer.setMap(null);
     };
-  }, [isMapReady, map]);
+  }, [enabled, isMapReady, map]);
 }
diff --git a/src/features/map/styles/mapSheet.module.css b/src/features/map/styles/mapSheet.module.css
index 3ea63ad..2a4864f 100644
--- a/src/features/map/styles/mapSheet.module.css
+++ b/src/features/map/styles/mapSheet.module.css
@@ -3,7 +3,7 @@
 .surface {
   display: flex;
   flex-direction: column;
-  background: var(--color-dark-contrast);
+  background: var(--color-bg-surface);
   border-radius: 1.25rem;
   box-shadow: 0 -4px 24px rgba(9, 22, 37, 0.12);
 }
@@ -20,7 +20,7 @@
   width: 2.5rem;
   height: 0.25rem;
   border-radius: 999px;
-  background: var(--color-light-shade);
+  background: var(--color-bg-disabled);
 }
 
 .body {
diff --git a/src/features/map/utils/geodesyReportContext.ts b/src/features/map/utils/geodesyReportContext.ts
index 4cba34e..e1a52e0 100644
--- a/src/features/map/utils/geodesyReportContext.ts
+++ b/src/features/map/utils/geodesyReportContext.ts
@@ -1,39 +1,19 @@
 import type {
-  GeodesyFeatureInfoHit,
   GeodesyPointAttribute,
   GeodesyPointDisplay,
 } from '@ign/gdp-tools';
-import {
-  buildGeodesyPointDisplay,
-  extractGeodesyCoordinates,
-  formatGeodesyHitAsComment,
-  formatMapCoordinateSubtitle,
-} from '@ign/gdp-tools';
 
-import { GDP_GEODESY_CATALOG } from '@/shared/constants/geodesy';
 
-import type { Coordinate } from 'ol/coordinate';
+
+import { GDP_GEODESY_EXPERT_CATALOG } from '@/shared/constants/geodesy';
 
 export type { GeodesyPointAttribute, GeodesyPointDisplay };
 
-export const GDP_GEODESY_EXTERNAL_URL_SOURCE = 'gdp-mobile';
+const GDP_GEODESY_EXTERNAL_URL_SOURCE = 'gdp-mobile';
 
 const GDP_DISPLAY_OPTIONS = {
-  attributeCatalog: GDP_GEODESY_CATALOG.attributes,
+  attributeCatalog: GDP_GEODESY_EXPERT_CATALOG.attributes,
   externalUrlSource: GDP_GEODESY_EXTERNAL_URL_SOURCE,
 };
 
-export function buildGdpGeodesyPointDisplay(
-  hit: GeodesyFeatureInfoHit,
-  fallbackCoordinate: Coordinate,
-): GeodesyPointDisplay {
-  return buildGeodesyPointDisplay(hit, fallbackCoordinate, GDP_DISPLAY_OPTIONS);
-}
-
-export {
-  extractGeodesyCoordinates,
-  formatGeodesyHitAsComment,
-  formatMapCoordinateSubtitle,
-};
-
 export { GDP_DISPLAY_OPTIONS as GDP_GEODESY_POINT_DISPLAY_OPTIONS };
diff --git a/src/features/map/utils/reportMapFeatures.ts b/src/features/map/utils/reportMapFeatures.ts
index af50846..aded564 100644
--- a/src/features/map/utils/reportMapFeatures.ts
+++ b/src/features/map/utils/reportMapFeatures.ts
@@ -3,7 +3,11 @@ import Point from 'ol/geom/Point';
 import { fromLonLat } from 'ol/proj';
 
 import type { GroupReport } from '@/domain/report/groupReportModels';
-import { createReportStatusMapMarkerStyle } from '@/features/map/utils/reportStatusMapMarkerStyle';
+import type { LocalReportDraft } from '@/domain/report/localReportDraft';
+import {
+  createLocalReportDraftMapMarkerStyle,
+  createReportStatusMapMarkerStyle,
+} from '@/features/map/utils/reportStatusMapMarkerStyle';
 
 function hasValidCoordinates(longitude: number | null, latitude: number | null): boolean {
   return (
@@ -14,7 +18,7 @@ function hasValidCoordinates(longitude: number | null, latitude: number | null):
   );
 }
 
-export function createGroupReportMapFeature(report: GroupReport): Feature<Point> | null {
+function createGroupReportMapFeature(report: GroupReport): Feature<Point> | null {
   if (!hasValidCoordinates(report.longitude, report.latitude)) {
     return null;
   }
@@ -42,3 +46,30 @@ export function getGroupReportFromMapFeature(feature: Feature): GroupReport | nu
   const report = feature.get('groupReport');
   return report && typeof report === 'object' ? (report as GroupReport) : null;
 }
+
+function createLocalReportDraftMapFeature(draft: LocalReportDraft): Feature<Point> | null {
+  if (!hasValidCoordinates(draft.longitude, draft.latitude)) {
+    return null;
+  }
+
+  const feature = new Feature<Point>(new Point(fromLonLat([draft.longitude, draft.latitude])));
+
+  feature.setId(`local-${draft.id}`);
+  feature.set('localReportDraft', draft);
+  feature.set('status', draft.status);
+  feature.set('reportSource', 'local');
+  feature.setStyle(createLocalReportDraftMapMarkerStyle(draft.status));
+
+  return feature;
+}
+
+export function createLocalReportDraftMapFeatures(drafts: readonly LocalReportDraft[]): Feature<Point>[] {
+  return drafts
+    .map(createLocalReportDraftMapFeature)
+    .filter((feature): feature is Feature<Point> => feature !== null);
+}
+
+export function getLocalReportDraftFromMapFeature(feature: Feature): LocalReportDraft | null {
+  const draft = feature.get('localReportDraft');
+  return draft && typeof draft === 'object' ? (draft as LocalReportDraft) : null;
+}
diff --git a/src/features/map/utils/reportStatusMapMarkerStyle.ts b/src/features/map/utils/reportStatusMapMarkerStyle.ts
index 0a4ae98..f528399 100644
--- a/src/features/map/utils/reportStatusMapMarkerStyle.ts
+++ b/src/features/map/utils/reportStatusMapMarkerStyle.ts
@@ -3,49 +3,14 @@ import Feature from 'ol/Feature';
 import type { Style } from 'ol/style';
 import { Icon, Style as OlStyle, Text, Fill, Stroke } from 'ol/style';
 
-import { getColorCode } from '@/shared/utils/color';
-import { getStatusColorToken } from '@/shared/utils/reportStatus';
-
-type StatusIconKind = 'check' | 'clock' | 'close' | 'pencil' | 'send';
-
-/** Pictogrammes 24×24 simplifiés, lisibles dans l'épingle. */
-const STATUS_ICON_PATHS: Record<StatusIconKind, string> = {
-  check:
-    'M9.12 17.66 L3.7 12.24 l1.41-1.41 4.01 4.01 8.48-8.49 1.41 1.42 Z',
-  clock:
-    'M12 2 a10 10 0 1 0 0.01 0 Z M12 4 a8 8 0 1 1-0.01 0 Z M12.75 7 v5.05 l3.6 2.15 -0.75 1.25 -4.35-2.6 V7 Z',
-  close:
-    'M6.1 7.5 L7.5 6.1 17.9 16.5 16.5 17.9 Z M16.5 6.1 L17.9 7.5 7.5 17.9 6.1 16.5 Z',
-  pencil:
-    'M14.06 2.94 a1.5 1.5 0 0 1 2.12 0 l4.88 4.88 a1.5 1.5 0 0 1 0 2.12 L9.5 21.5 H4.5 v-5 L14.06 2.94 Z M6.5 18 v2 h2 l8.9-8.9 -2-2 L6.5 18 Z',
-  send:
-    'M3.2 11.2 L20.5 3.4 a0.9 0.9 0 0 1 1.15 1.15 L13.8 21.8 a0.9 0.9 0 0 1-1.65 0.05 L9.9 14.1 3.15 12.55 A0.9 0.9 0 0 1 3.2 11.2 Z M10.7 13.85 L18.4 6.1 11.55 14.55 Z',
-};
-
-function resolveStatusIconKind(status: ReportStatus | string): StatusIconKind {
-  switch (status) {
-    case ReportStatus.Valid:
-    case ReportStatus.Valid_Already_Treated:
-      return 'check';
-    case ReportStatus.Reject:
-    case ReportStatus.Reject_Irrelevant:
-      return 'close';
-    case ReportStatus.Submit:
-      return 'send';
-    case ReportStatus.Draft:
-      return 'pencil';
-    case ReportStatus.Pending:
-    case ReportStatus.Pending_Qualification:
-    case ReportStatus.Pending_Entry:
-    case ReportStatus.Pending_Validation:
-    case ReportStatus.Cluster:
-    default:
-      return 'clock';
-  }
-}
+import type { LocalReportDraftStatus } from '@/domain/report/localReportDraft';
+import { getLocalReportDraftStatusColors } from '@/features/report/utils/localReportDraftStatus';
+import { getColorCode, resolveCssColor } from '@/shared/utils/color';
+import { getStatusColors } from '@/shared/utils/reportStatus';
 
+/** Même couleur que le badge de statut affiché sur la page « Anciens signalements ». */
 function resolveStatusHexColor(status: ReportStatus | string): string {
-  return getColorCode(getStatusColorToken(status)) || '#888888';
+  return resolveCssColor(getStatusColors(status).color) || '#888888';
 }
 
 function encodeMarkerSvg(svg: string): string {
@@ -53,12 +18,10 @@ function encodeMarkerSvg(svg: string): string {
 }
 
 /**
- * Épingle colorée + disque blanc + picto.
+ * Épingle colorée + disque blanc, sans picto.
  * Ancrage en bas de la pointe pour pointer la coordonnée exacte.
  */
-function createPinMarkerSvg(color: string, iconKind: StatusIconKind): string {
-  const iconPath = STATUS_ICON_PATHS[iconKind];
-
+function createPinMarkerSvg(color: string): string {
   return `
     <svg xmlns="http://www.w3.org/2000/svg" width="36" height="48" viewBox="0 0 36 48">
       <defs>
@@ -73,11 +36,6 @@ function createPinMarkerSvg(color: string, iconKind: StatusIconKind): string {
         />
         <circle cx="18" cy="17.5" r="9.5" fill="#ffffff"/>
       </g>
-      <g transform="translate(18 17.5)">
-        <g transform="translate(-8 -8) scale(0.67)">
-          <path d="${iconPath}" fill="${color}"/>
-        </g>
-      </g>
     </svg>
   `;
 }
@@ -110,10 +68,9 @@ export function createReportStatusMapMarkerStyle(status: ReportStatus | string):
   }
 
   const color = resolveStatusHexColor(status);
-  const iconKind = resolveStatusIconKind(status);
   const style = new OlStyle({
     image: new Icon({
-      src: encodeMarkerSvg(createPinMarkerSvg(color, iconKind)),
+      src: encodeMarkerSvg(createPinMarkerSvg(color)),
       anchor: [0.5, 1],
       rotateWithView: false,
     }),
@@ -125,7 +82,7 @@ export function createReportStatusMapMarkerStyle(status: ReportStatus | string):
 
 const clusterStyleCache = new Map<number, OlStyle>();
 
-export function createReportClusterMapMarkerStyle(count: number): OlStyle {
+function createReportClusterMapMarkerStyle(count: number): OlStyle {
   const cached = clusterStyleCache.get(count);
   if (cached) {
     return cached;
@@ -161,3 +118,40 @@ export function styleReportMapFeature(feature: Feature): Style {
   const status = targetFeature.get('status') ?? ReportStatus.Pending;
   return createReportStatusMapMarkerStyle(status);
 }
+
+/** Même couleur que le badge de statut affiché sur la page « Signalements » (brouillons locaux). */
+function resolveLocalDraftHexColor(status: LocalReportDraftStatus): string {
+  return resolveCssColor(getLocalReportDraftStatusColors(status).color) || '#4A7FB5';
+}
+
+const localDraftMarkerStyleCache = new Map<LocalReportDraftStatus, OlStyle>();
+
+export function createLocalReportDraftMapMarkerStyle(status: LocalReportDraftStatus): OlStyle {
+  const cached = localDraftMarkerStyleCache.get(status);
+  if (cached) {
+    return cached;
+  }
+
+  const color = resolveLocalDraftHexColor(status);
+  const style = new OlStyle({
+    image: new Icon({
+      src: encodeMarkerSvg(createPinMarkerSvg(color)),
+      anchor: [0.5, 1],
+      rotateWithView: false,
+    }),
+  });
+
+  localDraftMarkerStyleCache.set(status, style);
+  return style;
+}
+
+export function styleLocalReportDraftMapFeature(feature: Feature): Style {
+  const clusteredFeatures = feature.get('features') as Feature[] | undefined;
+  if (Array.isArray(clusteredFeatures) && clusteredFeatures.length > 1) {
+    return createReportClusterMapMarkerStyle(clusteredFeatures.length);
+  }
+
+  const targetFeature = clusteredFeatures?.[0] ?? feature;
+  const status = (targetFeature.get('status') as LocalReportDraftStatus | undefined) ?? 'not_sent';
+  return createLocalReportDraftMapMarkerStyle(status);
+}
diff --git a/src/features/news/components/GdpNewsBanners/GdpNewsBanners.tsx b/src/features/news/components/GdpNewsBanners/GdpNewsBanners.tsx
new file mode 100644
index 0000000..ed00d26
--- /dev/null
+++ b/src/features/news/components/GdpNewsBanners/GdpNewsBanners.tsx
@@ -0,0 +1,101 @@
+import { useCallback, useMemo, useState } from 'react';
+
+import { Alert } from '@/shared/ui/Alert';
+import { ExternalLink } from '@/shared/ui/ExternalLink';
+import { ToastStack } from '@/shared/ui/Toast';
+import type { GdpNewsItem } from '@/domain/news/models';
+import { NEWS_SEVERITY_VISUALS } from '@/features/news/utils/newsSeverityVisuals';
+
+export interface GdpNewsBannersProps {
+  items: GdpNewsItem[];
+  onDismiss: (item: GdpNewsItem) => void;
+}
+
+/**
+ * N'affiche qu'un seul item à la fois dans la fenêtre glissante ; le suivant apparaît une
+ * fois celui-ci fermé. Chaque fermeture laisse derrière elle un flash message, empilé dans
+ * `ToastStack` (le plus ancien fermé au plus près du coin, les suivants au-dessus).
+ *
+ * À REPRODUIRE POUR TOUTE NOUVELLE FENÊTRE OUVERTE AUTOMATIQUEMENT : elle doit toujours
+ * être fermable (poignée, clic sur la carte, bouton) ET laisser un flash message derrière
+ * elle. Sans ce flash, fermer le message le rend définitivement inaccessible — c'est le
+ * seul chemin de retour vers son contenu. Un `dismissible: false` du flux ne doit plus
+ * empêcher la fermeture : il empêche seulement la mémorisation (l'item revient au
+ * prochain chargement).
+ */
+export function GdpNewsBanners({ items, onDismiss }: GdpNewsBannersProps) {
+  const [closedIds, setClosedIds] = useState<Set<string>>(() => new Set());
+  const [flashes, setFlashes] = useState<GdpNewsItem[]>([]);
+  const [reopened, setReopened] = useState<GdpNewsItem | null>(null);
+
+  const current = reopened ?? items.find((item) => !closedIds.has(item.id)) ?? null;
+
+  const handleClose = useCallback(() => {
+    if (!current) {
+      return;
+    }
+    setReopened(null);
+    setClosedIds((previous) => new Set(previous).add(current.id));
+    setFlashes((previous) => [...previous, current]);
+    onDismiss(current);
+  }, [current, onDismiss]);
+
+  const handleFlashClick = useCallback(
+    (id: string) => {
+      const item = flashes.find((flash) => flash.id === id);
+      if (!item) {
+        return;
+      }
+      setFlashes((previous) => previous.filter((flash) => flash.id !== id));
+      setReopened(item);
+    },
+    [flashes],
+  );
+
+  const handleFlashDismiss = useCallback((id: string) => {
+    setFlashes((previous) => previous.filter((flash) => flash.id !== id));
+  }, []);
+
+  const visual = current ? NEWS_SEVERITY_VISUALS[current.severity] : null;
+
+  const toastItems = useMemo(
+    () =>
+      flashes.map((flash) => {
+        const flashVisual = NEWS_SEVERITY_VISUALS[flash.severity];
+        return {
+          id: flash.id,
+          message: flash.title,
+          icon: <flashVisual.Icon aria-hidden />,
+          iconBackground: flashVisual.background,
+          iconColor: flashVisual.color,
+        };
+      }),
+    [flashes],
+  );
+
+  return (
+    <>
+      {current && visual ? (
+        <Alert
+          key={current.id}
+          isOpen
+          nonBlocking
+          title={current.title}
+          subtitle={current.body}
+          onClose={handleClose}
+          placement="bottom"
+          icon={<visual.Icon aria-hidden />}
+          iconBackground={visual.background}
+          iconColor={visual.color}
+          buttons={[{ label: 'J’ai compris', onClick: handleClose }]}
+        >
+          {current.cta ? (
+            <ExternalLink href={current.cta.url}>{current.cta.label}</ExternalLink>
+          ) : null}
+        </Alert>
+      ) : null}
+
+      <ToastStack items={toastItems} onItemClick={handleFlashClick} onItemDismiss={handleFlashDismiss} />
+    </>
+  );
+}
diff --git a/src/features/news/hooks/useGdpNews.ts b/src/features/news/hooks/useGdpNews.ts
new file mode 100644
index 0000000..933472a
--- /dev/null
+++ b/src/features/news/hooks/useGdpNews.ts
@@ -0,0 +1,119 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { App } from '@capacitor/app';
+import { Capacitor } from '@capacitor/core';
+
+import { selectCurrentNews, selectVisibleNews } from '@/domain/news/selectVisibleNews';
+import type { GdpNewsItem, GdpNewsPlatform } from '@/domain/news/models';
+import { useAuth } from '@/features/auth/hooks/useAuth';
+import { fetchGdpNews } from '@/infra/news/fetchGdpNews';
+import {
+  getPersistedDismissedNewsIds,
+  getSessionSeenNewsIds,
+  persistDismissedNewsId,
+  rememberSessionNewsIds,
+} from '@/infra/storage/dismissedNewsStore';
+import { config } from '@/shared/config/env';
+
+function resolveNewsPlatform(): GdpNewsPlatform {
+  const platform = Capacitor.getPlatform();
+  if (platform === 'android' || platform === 'ios') {
+    return platform;
+  }
+  return 'web';
+}
+
+export function useGdpNews() {
+  const { isAuthenticated } = useAuth();
+  const [items, setItems] = useState<GdpNewsItem[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [sessionDismissedIds, setSessionDismissedIds] = useState<Set<string>>(
+    () => new Set(getSessionSeenNewsIds()),
+  );
+  const [persistedDismissedIds, setPersistedDismissedIds] = useState<Set<string>>(() => new Set());
+
+  const load = useCallback(async () => {
+    try {
+      const [feedItems, dismissed] = await Promise.all([
+        fetchGdpNews(config.news.feedUrl),
+        getPersistedDismissedNewsIds(),
+      ]);
+      setItems(feedItems);
+      setPersistedDismissedIds(new Set(dismissed));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    void load();
+  }, [load]);
+
+  useEffect(() => {
+    const listenerPromise = App.addListener('appStateChange', ({ isActive }) => {
+      if (isActive) {
+        void load();
+      }
+    });
+
+    return () => {
+      void listenerPromise.then((handle) => handle.remove());
+    };
+  }, [load]);
+
+  const platform = resolveNewsPlatform();
+
+  const currentItems = useMemo(
+    () =>
+      selectCurrentNews({
+        items,
+        platform,
+        isAuthenticated,
+      }),
+    [items, isAuthenticated, platform],
+  );
+
+  const visibleItems = useMemo(
+    () =>
+      selectVisibleNews({
+        items,
+        platform,
+        isAuthenticated,
+        sessionDismissedIds,
+        persistedDismissedIds,
+      }),
+    [items, isAuthenticated, platform, sessionDismissedIds, persistedDismissedIds],
+  );
+
+  useEffect(() => {
+    if (visibleItems.length === 0) {
+      return;
+    }
+
+    rememberSessionNewsIds(visibleItems.map((item) => item.id));
+  }, [visibleItems]);
+
+  const dismiss = useCallback(async (item: GdpNewsItem) => {
+    if (!item.dismissible) {
+      return;
+    }
+
+    rememberSessionNewsIds([item.id]);
+    setSessionDismissedIds((current) => {
+      const next = new Set(current);
+      next.add(item.id);
+      return next;
+    });
+
+    if (item.showOnce) {
+      const persisted = await persistDismissedNewsId(item.id);
+      setPersistedDismissedIds(new Set(persisted));
+    }
+  }, []);
+
+  return {
+    isLoading,
+    items: visibleItems,
+    currentItems,
+    dismiss,
+  };
+}
diff --git a/src/features/news/pages/NewsPage/NewsPage.module.css b/src/features/news/pages/NewsPage/NewsPage.module.css
new file mode 100644
index 0000000..6d5271d
--- /dev/null
+++ b/src/features/news/pages/NewsPage/NewsPage.module.css
@@ -0,0 +1,91 @@
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.item {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3xs);
+}
+
+.period {
+  margin: 0;
+  font-size: var(--font-size-xs);
+  line-height: var(--line-height-tight);
+  color: var(--color-text-secondary);
+}
+
+.card {
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-sm);
+  width: 100%;
+  padding: var(--spacing-sm);
+  border-radius: var(--radius-lg);
+  background: var(--color-bg-surface);
+  box-shadow: var(--shadow-sm);
+}
+
+.iconBadge {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--icon-wrap-sm);
+  height: var(--icon-wrap-sm);
+  border-radius: var(--radius-circle);
+}
+
+.iconBadge svg {
+  width: var(--icon-base);
+  height: var(--icon-base);
+}
+
+.iconBadge svg path {
+  fill: currentColor;
+}
+
+.cardBody {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3xs);
+}
+
+.cardTitle {
+  margin: 0;
+  color: var(--color-text-title);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--line-height-tight);
+}
+
+.cardText {
+  margin: 0;
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-relaxed);
+  white-space: pre-wrap;
+}
+
+.cardCta {
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  font-size: var(--font-size-sm);
+  margin-top: var(--spacing-3xs);
+  overflow-wrap: anywhere;
+}
diff --git a/src/features/news/pages/NewsPage/NewsPage.tsx b/src/features/news/pages/NewsPage/NewsPage.tsx
new file mode 100644
index 0000000..c985d04
--- /dev/null
+++ b/src/features/news/pages/NewsPage/NewsPage.tsx
@@ -0,0 +1,80 @@
+import type { GdpNewsItem } from '@/domain/news/models';
+import { NEWS_SEVERITY_VISUALS } from '@/features/news/utils/newsSeverityVisuals';
+import { formatDate } from '@/shared/utils/date';
+import { ExternalLink } from '@/shared/ui/ExternalLink';
+import { Loading } from '@/shared/ui/Loading';
+import { PageHeader } from '@/shared/ui/PageHeader';
+import { SlideUpPage } from '@/shared/ui/SlideUpPage';
+
+import screen from '@/shared/styles/screen.module.css';
+import styles from './NewsPage.module.css';
+
+export interface NewsPageProps {
+  isOpen: boolean;
+  onClose: () => void;
+  items: readonly GdpNewsItem[];
+  isLoading?: boolean;
+  level?: number;
+}
+
+function formatNewsPeriod(startsAt: string, endsAt: string): string | null {
+  const start = new Date(startsAt);
+  const end = new Date(endsAt);
+  if (Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) {
+    return null;
+  }
+  return `Du ${formatDate(start)} au ${formatDate(end)}`;
+}
+
+export function NewsPage({ isOpen, onClose, items, isLoading = false, level = 1 }: NewsPageProps) {
+  return (
+    <SlideUpPage isOpen={isOpen} onClose={onClose} level={level}>
+      <PageHeader
+        title="Actualités"
+        onClose={onClose}
+        showCloseButton={false}
+        showBackButton={true}
+        onBack={onClose}
+      />
+
+      <main className={`${screen.screenContainer} ${styles.content}`}>
+        <p className="page-subtitle">Informations et alertes en cours.</p>
+
+        {isLoading ? (
+          <Loading size="small" label="Chargement des actualités…" />
+        ) : items.length === 0 ? (
+          <p className="body">Aucune actualité en cours.</p>
+        ) : (
+          <ul className={styles.list}>
+            {items.map((item) => {
+              const period = formatNewsPeriod(item.startsAt, item.endsAt);
+              const visual = NEWS_SEVERITY_VISUALS[item.severity];
+              return (
+                <li key={item.id} className={styles.item}>
+                  {period ? <p className={styles.period}>{period}</p> : null}
+                  <div className={styles.card}>
+                    <span
+                      className={styles.iconBadge}
+                      style={{ background: visual.background, color: visual.color }}
+                    >
+                      <visual.Icon aria-hidden />
+                    </span>
+                    <div className={styles.cardBody}>
+                      <p className={styles.cardTitle}>{item.title}</p>
+                      <p className={styles.cardText}>{item.body}</p>
+                      {item.cta ? (
+                        <ExternalLink href={item.cta.url} className={styles.cardCta}>
+                          {item.cta.label}
+                        </ExternalLink>
+                      ) : null}
+                    </div>
+                  </div>
+                </li>
+              );
+            })}
+          </ul>
+        )}
+      </main>
+    </SlideUpPage>
+  );
+}
diff --git a/src/features/news/pages/NewsPage/index.ts b/src/features/news/pages/NewsPage/index.ts
new file mode 100644
index 0000000..b5b88ec
--- /dev/null
+++ b/src/features/news/pages/NewsPage/index.ts
@@ -0,0 +1 @@
+export { NewsPage } from './NewsPage';
diff --git a/src/features/news/utils/newsSeverityVisuals.ts b/src/features/news/utils/newsSeverityVisuals.ts
new file mode 100644
index 0000000..12db53c
--- /dev/null
+++ b/src/features/news/utils/newsSeverityVisuals.ts
@@ -0,0 +1,28 @@
+import IconAlertCircle from '@/shared/assets/icons/icon-alert-circle.svg?react';
+import IconClose from '@/shared/assets/icons/icon-close.svg?react';
+import IconInfo from '@/shared/assets/icons/icon-info.svg?react';
+import type { GdpNewsSeverity } from '@/domain/news/models';
+
+export interface NewsSeverityVisual {
+  Icon: typeof IconInfo;
+  background: string;
+  color: string;
+}
+
+export const NEWS_SEVERITY_VISUALS: Record<GdpNewsSeverity, NewsSeverityVisual> = {
+  info: {
+    Icon: IconInfo,
+    background: 'var(--figma-blue-2)',
+    color: 'var(--figma-blue-5)',
+  },
+  warning: {
+    Icon: IconAlertCircle,
+    background: 'var(--color-bg-warning-subtle)',
+    color: 'var(--color-warning-emphasis)',
+  },
+  error: {
+    Icon: IconClose,
+    background: 'rgba(var(--color-danger-rgb), 0.14)',
+    color: 'var(--color-danger)',
+  },
+};
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.module.css b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.module.css
index cf9aad9..7cb65c3 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.module.css
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.module.css
@@ -31,7 +31,7 @@
   margin-top: -3.25rem;
   margin-left: -0.09375rem;
   border-radius: 999px;
-  background: var(--color-primary-light);
+  background: var(--color-bg-primary-subtle);
   transform-origin: 50% 3.25rem;
 }
 
@@ -44,13 +44,13 @@
   width: 5.5rem;
   height: 5.5rem;
   border-radius: 50%;
-  background: var(--color-primary-light);
+  background: var(--color-bg-primary-subtle);
 }
 
 .icon {
   width: 2.25rem;
   height: 2.25rem;
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .icon path {
@@ -67,7 +67,7 @@
   width: 1.75rem;
   height: 1.75rem;
   border-radius: 50%;
-  background: var(--color-primary);
+  background: var(--color-bg-primary);
   border: 2px solid var(--color-fiche-surface);
 }
 
@@ -85,7 +85,7 @@
   margin: 0;
   font-size: 1.0625rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .body {
@@ -93,7 +93,15 @@
   max-width: 22rem;
   font-size: 0.875rem;
   line-height: 1.45;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
+}
+
+.errorText {
+  margin: 0;
+  max-width: 22rem;
+  font-size: 0.875rem;
+  line-height: 1.45;
+  color: var(--color-danger-emphasis);
 }
 
 .actions {
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.tsx b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.tsx
index 4ebc014..1687313 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.tsx
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConfirmation.tsx
@@ -9,11 +9,15 @@ const RAY_ANGLES = [0, 45, 90, 135, 180, 225, 270, 315];
 export interface ReportWizardStepConfirmationProps {
   onSendLater: () => void;
   onSendNow: () => void;
+  isSubmitting?: boolean;
+  submitError?: string | null;
 }
 
 export function ReportWizardStepConfirmation({
   onSendLater,
   onSendNow,
+  isSubmitting = false,
+  submitError = null,
 }: ReportWizardStepConfirmationProps) {
   return (
     <div className={styles.step}>
@@ -36,12 +40,13 @@ export function ReportWizardStepConfirmation({
         Votre signalement a été sauvegardé localement. Voulez-vous l&apos;envoyer maintenant ?
         Retrouvez-le dans la page « signalements ».
       </p>
+      {submitError ? <p className={styles.errorText}>{submitError}</p> : null}
 
       <div className={styles.actions}>
-        <Button type="button" variant="outline" fullWidth onClick={onSendLater}>
+        <Button type="button" variant="outline" fullWidth onClick={onSendLater} disabled={isSubmitting}>
           Envoyer plus tard
         </Button>
-        <Button type="button" fullWidth onClick={onSendNow}>
+        <Button type="button" fullWidth onClick={onSendNow} loading={isSubmitting}>
           Envoyer maintenant
         </Button>
       </div>
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.module.css b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.module.css
index 06f5980..92e1bb7 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.module.css
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.module.css
@@ -2,22 +2,22 @@
   display: flex;
   flex-direction: column;
   padding: 1rem 0 0;
-  --color-non-conform: #e5342f;
-  --color-non-conform-shade: #c62828;
-  --color-non-conform-rgb: 229, 52, 47;
+  --color-non-conform: var(--color-danger);
+  --color-non-conform-shade: var(--color-danger-emphasis);
+  --color-non-conform-rgb: var(--color-danger-rgb);
 }
 
 .question {
   margin: 0;
   font-size: 1.25rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .subtitle {
   margin: 0.25rem 0 0.75rem;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .options {
@@ -31,7 +31,7 @@
   flex-direction: column;
   width: 100%;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   text-align: left;
@@ -40,7 +40,7 @@
 }
 
 .cardSelectedConform {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
 }
 
 .cardSelectedNonConform {
@@ -49,7 +49,7 @@
 
 .cardConform:hover,
 .cardConform:focus-visible {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
@@ -77,7 +77,7 @@
 }
 
 .stateIconConform {
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .stateIconNonConform {
@@ -107,26 +107,20 @@
 }
 
 .cardLabelConform {
-  color: var(--color-primary-shade);
+  color: var(--color-text-primary);
 }
 
 .cardLabelNonConform {
   color: var(--color-non-conform-shade);
 }
 
-.cardDescription {
-  margin: 0;
-  font-size: 0.8125rem;
-  color: var(--color-medium);
-}
-
 .radio {
   position: relative;
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   border-radius: 50%;
-  border: 2px solid var(--color-light-shade);
+  border: 2px solid var(--color-bg-disabled);
 }
 
 .radioChecked {
@@ -142,7 +136,7 @@
 }
 
 .radioConform {
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .radioNonConform {
@@ -168,7 +162,7 @@
   gap: 0.5rem;
   padding: 0.75rem 0.875rem;
   border-radius: 0.625rem;
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
   min-height: 0;
   overflow: hidden;
 }
@@ -177,7 +171,7 @@
   margin: 0;
   font-size: 0.8125rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .criteriaList {
@@ -194,14 +188,14 @@
   align-items: center;
   gap: 0.5rem;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .criteriaIcon {
   width: 0.875rem;
   height: 0.875rem;
   flex-shrink: 0;
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .criteriaIconNonConform {
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.tsx b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.tsx
index 765ac21..899a0d0 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.tsx
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepConformity.tsx
@@ -60,7 +60,6 @@ export function ReportWizardStepConformity({ isConform, onChange }: ReportWizard
               <span className={joinCSSClassNames(styles.cardLabel, styles.cardLabelConform)}>
                 Conforme
               </span>
-              <span className={styles.cardDescription}>Lorem ipsum dolor sit amet</span>
             </span>
             <span
               className={joinCSSClassNames(styles.radio, styles.radioConform, isConform === true && styles.radioChecked)}
@@ -108,7 +107,6 @@ export function ReportWizardStepConformity({ isConform, onChange }: ReportWizard
               <span className={joinCSSClassNames(styles.cardLabel, styles.cardLabelNonConform)}>
                 Non Conforme
               </span>
-              <span className={styles.cardDescription}>Lorem ipsum dolor sit amet</span>
             </span>
             <span
               className={joinCSSClassNames(
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.module.css b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.module.css
index 60e1d26..f7eb3f8 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.module.css
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.module.css
@@ -9,22 +9,42 @@
   margin: 0;
   font-size: 1.0625rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .photoDropzone {
   display: block;
   position: relative;
-  border: 1px dashed var(--color-primary);
+  border: 1px dashed var(--color-border-primary);
+  border-radius: 0.75rem;
+  background: var(--color-fiche-surface);
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.photoSourceRow {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.75rem;
+}
+
+.photoSourceButton {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 1.5rem 1rem;
+  border: 1px dashed var(--color-border-primary);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   cursor: pointer;
+  text-align: center;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-.photoDropzone:hover,
-.photoDropzone:focus-within {
-  border-color: var(--color-primary-shade);
+.photoSourceButton:hover,
+.photoSourceButton:focus-within {
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
@@ -55,7 +75,7 @@
   width: 2.5rem;
   height: 2.5rem;
   border-radius: 50%;
-  background: var(--color-primary-light);
+  background: var(--color-bg-primary-subtle);
 }
 
 .photoIcon {
@@ -64,13 +84,13 @@
 }
 
 .photoIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .photoLabel {
   font-size: 0.875rem;
   font-weight: 600;
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .photoPreviewWrap {
@@ -121,14 +141,14 @@
   gap: 0.5rem;
   padding: 0.875rem 1rem;
   border-radius: 0.75rem;
-  background: var(--color-primary-light);
+  background: var(--color-bg-primary-subtle);
 }
 
 .instructionsTitle {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .instructionsList {
@@ -145,7 +165,7 @@
   align-items: center;
   gap: 0.5rem;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .instructionsIcon {
@@ -155,19 +175,19 @@
 }
 
 .instructionsIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .commentInput {
   width: 100%;
   min-height: 4.5rem;
   padding: 0.75rem 0.875rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   font: inherit;
   font-size: 0.875rem;
-  color: var(--color-dark);
+  color: var(--color-text);
   resize: vertical;
   box-sizing: border-box;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
@@ -175,11 +195,11 @@
 
 .commentInput:hover,
 .commentInput:focus {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
   outline: none;
 }
 
 .commentInput::placeholder {
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.tsx b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.tsx
index 1136ce4..f285b18 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.tsx
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepMedia.tsx
@@ -1,4 +1,5 @@
 import { useState, type ChangeEvent } from 'react';
+import { RiImageLine } from 'react-icons/ri';
 
 import { ReportPositionEditorSection } from '@/features/report/components/ReportPositionEditorSection';
 import type { UseGeodesyPointReportFormReturn } from '@/features/report/hooks/useGeodesyPointReportForm';
@@ -12,8 +13,6 @@ import styles from './ReportWizardStepMedia.module.css';
 const PHOTO_INSTRUCTIONS = [
   'Cadrez le point dans son environnement',
   'Assurez une bonne luminosité',
-  'Lorem ipsum dolor sit amet',
-  'Lorem ipsum dolor sit amet',
 ];
 
 export interface ReportWizardStepMediaProps {
@@ -37,42 +36,55 @@ export function ReportWizardStepMedia({ form }: ReportWizardStepMediaProps) {
     <div className={styles.step}>
       <h2 className={styles.title}>Dites nous en plus</h2>
 
-      <label className={styles.photoDropzone}>
-        <input
-          type="file"
-          accept="image/*"
-          capture="environment"
-          className={styles.photoInput}
-          onChange={handlePhotoChange}
-        />
-        {form.isPhotoProcessing ? (
+      {form.isPhotoProcessing ? (
+        <div className={styles.photoDropzone}>
           <span className={styles.photoPlaceholder}>
             <Loading size="small" label="Compression de la photo…" />
           </span>
-        ) : form.photo1 ? (
+        </div>
+      ) : form.photo1 ? (
+        <div className={styles.photoDropzone}>
           <span className={styles.photoPreviewWrap}>
             <img src={form.photo1.previewUrl} alt="" className={styles.photoPreview} />
             <button
               type="button"
               className={styles.photoRemove}
-              onClick={(event) => {
-                event.preventDefault();
-                handleRemovePhoto();
-              }}
+              onClick={handleRemovePhoto}
               aria-label="Retirer la photo"
             >
               <IconClose className={styles.photoRemoveIcon} aria-hidden />
             </button>
           </span>
-        ) : (
-          <span className={styles.photoPlaceholder}>
+        </div>
+      ) : (
+        <div className={styles.photoSourceRow}>
+          <label className={styles.photoSourceButton}>
+            <input
+              type="file"
+              accept="image/*"
+              capture="environment"
+              className={styles.photoInput}
+              onChange={handlePhotoChange}
+            />
             <span className={styles.photoIconWrap}>
               <IconCamera className={styles.photoIcon} aria-hidden />
             </span>
-            <span className={styles.photoLabel}>Ajouter une photo</span>
-          </span>
-        )}
-      </label>
+            <span className={styles.photoLabel}>Prendre une photo</span>
+          </label>
+          <label className={styles.photoSourceButton}>
+            <input
+              type="file"
+              accept="image/*"
+              className={styles.photoInput}
+              onChange={handlePhotoChange}
+            />
+            <span className={styles.photoIconWrap}>
+              <RiImageLine className={styles.photoIcon} aria-hidden />
+            </span>
+            <span className={styles.photoLabel}>Choisir dans la galerie</span>
+          </label>
+        </div>
+      )}
       {form.errors.photo1 ? <p className={styles.errorText}>{form.errors.photo1}</p> : null}
 
       <div className={styles.instructions}>
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.module.css b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.module.css
index 5b037be..87617ed 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.module.css
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.module.css
@@ -15,7 +15,7 @@
   margin: 0;
   font-size: 0.875rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .options {
@@ -30,7 +30,7 @@
   gap: 0.75rem;
   width: 100%;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   text-align: left;
@@ -39,12 +39,12 @@
 }
 
 .cardSelected {
-  border: 2px solid var(--color-primary);
+  border: 2px solid var(--color-border-primary);
 }
 
 .card:hover,
 .card:focus-visible {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
@@ -55,7 +55,7 @@
   justify-content: center;
   width: 1.5rem;
   height: 1.5rem;
-  color: var(--color-primary-shade);
+  color: var(--color-text-primary);
 }
 
 .stateIconSvg {
@@ -72,7 +72,7 @@
   min-width: 0;
   font-size: 0.9375rem;
   font-weight: 700;
-  color: var(--color-primary-shade);
+  color: var(--color-text-primary);
 }
 
 .checkbox {
@@ -81,13 +81,13 @@
   width: 1.25rem;
   height: 1.25rem;
   border-radius: 0.3125rem;
-  border: 2px solid var(--color-light-shade);
+  border: 2px solid var(--color-bg-disabled);
   background: var(--color-fiche-surface);
 }
 
 .checkboxChecked {
-  border-color: var(--color-primary);
-  background: var(--color-primary);
+  border-color: var(--color-text-primary);
+  background: var(--color-bg-primary);
 }
 
 .checkboxChecked::after {
@@ -108,11 +108,11 @@
   width: 1.25rem;
   height: 1.25rem;
   border-radius: 50%;
-  border: 2px solid var(--color-light-shade);
+  border: 2px solid var(--color-bg-disabled);
 }
 
 .radioChecked {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
 }
 
 .radioChecked::after {
@@ -120,5 +120,5 @@
   position: absolute;
   inset: 3px;
   border-radius: 50%;
-  background: var(--color-primary);
+  background: var(--color-bg-primary);
 }
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.tsx b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.tsx
index 6f43ef3..08411ef 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.tsx
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason.tsx
@@ -53,12 +53,22 @@ export const NON_CONFORM_REASON_LABELS: Record<NonConformReason, string> = Objec
 export interface ReportWizardStepNonConformReasonProps {
   reasons: NonConformReason[];
   onChange: (reasons: NonConformReason[]) => void;
+  /** Un point géodésique est par définition bien positionné : seul un repère de nivellement peut être déplacé. */
+  allowPositionReason?: boolean;
 }
 
 export function ReportWizardStepNonConformReason({
   reasons,
   onChange,
+  allowPositionReason = true,
 }: ReportWizardStepNonConformReasonProps) {
+  const groups = allowPositionReason
+    ? NON_CONFORM_REASON_GROUPS
+    : NON_CONFORM_REASON_GROUPS.map((group) => ({
+        ...group,
+        options: group.options.filter((option) => option.value !== 'malPositionne'),
+      }));
+
   const toggleReason = (group: NonConformReasonGroup, value: NonConformReason) => {
     const isSelected = reasons.includes(value);
 
@@ -74,7 +84,7 @@ export function ReportWizardStepNonConformReason({
 
   return (
     <div className={styles.step}>
-      {NON_CONFORM_REASON_GROUPS.map((group) => (
+      {groups.map((group) => (
         <div key={group.title} className={styles.group}>
           <p className={styles.groupTitle}>{group.title}</p>
           <div
diff --git a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepSummary.module.css b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepSummary.module.css
index f2e3934..1056caf 100644
--- a/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepSummary.module.css
+++ b/src/features/report/components/GeodesyPointReportWizard/ReportWizardStepSummary.module.css
@@ -9,13 +9,13 @@
   margin: 0;
   font-size: 1.0625rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .subtitle {
   margin: 0.25rem 0 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .photoCard {
@@ -23,12 +23,12 @@
   height: 11rem;
   border-radius: 0.75rem;
   overflow: hidden;
-  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-shade) 100%);
+  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-primary-hover) 100%);
   transition: box-shadow 0.15s ease;
 }
 
 .photoCard:hover {
-  box-shadow: 0 0 0 2px var(--color-primary), 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
+  box-shadow: 0 0 0 2px var(--color-border-primary), 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
 .photoImage {
@@ -67,7 +67,7 @@
   height: 2rem;
   border: none;
   border-radius: 50%;
-  background: var(--color-white);
+  background: var(--color-bg-subtle);
   box-shadow: 0 2px 6px rgba(9, 22, 37, 0.18);
   cursor: pointer;
 }
@@ -78,7 +78,7 @@
 }
 
 .editIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .grid {
@@ -93,14 +93,14 @@
   flex-direction: column;
   gap: 0.25rem;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
 .card:hover {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
@@ -125,7 +125,7 @@
 }
 
 .cardEditIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .cardLabel {
@@ -134,7 +134,7 @@
   font-weight: 600;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .cardValue {
@@ -144,7 +144,7 @@
   gap: 0.375rem;
   font-size: 0.9375rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .cardValueIcon {
@@ -155,7 +155,7 @@
 }
 
 .cardValueIconConform {
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .cardValueIconNonConform {
@@ -174,7 +174,7 @@
 .cardDetail {
   margin: 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .commentCard {
@@ -182,14 +182,14 @@
   flex-direction: column;
   gap: 0.625rem;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
 .commentCard:hover {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
@@ -208,7 +208,7 @@
   font-weight: 600;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .commentIcon {
@@ -218,7 +218,7 @@
 }
 
 .commentIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .commentEditButton {
@@ -230,7 +230,7 @@
   background: none;
   font-size: 0.8125rem;
   font-weight: 600;
-  color: var(--color-primary);
+  color: var(--color-text-primary);
   cursor: pointer;
 }
 
@@ -240,12 +240,12 @@
 }
 
 .commentEditIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .commentBody {
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.45;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
diff --git a/src/features/report/components/GeodesyPointReportWizard/WizardStepHeader.module.css b/src/features/report/components/GeodesyPointReportWizard/WizardStepHeader.module.css
index b4728c7..9088d01 100644
--- a/src/features/report/components/GeodesyPointReportWizard/WizardStepHeader.module.css
+++ b/src/features/report/components/GeodesyPointReportWizard/WizardStepHeader.module.css
@@ -16,39 +16,39 @@
   margin: 0;
   font-size: 1.0625rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .stepCounter {
   flex-shrink: 0;
   font-size: 0.8125rem;
   font-weight: 500;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .pointId {
   margin: 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .divider {
   height: 1px;
   margin-top: 0.5rem;
-  background: var(--color-light);
+  background: var(--color-bg-active);
 }
 
 .progressTrack {
   height: 0.375rem;
   margin-top: 0.75rem;
   border-radius: 999px;
-  background: var(--color-light);
+  background: var(--color-bg-active);
   overflow: hidden;
 }
 
 .progressFill {
   height: 100%;
   border-radius: 999px;
-  background: var(--color-primary);
+  background: var(--color-bg-primary);
   transition: width 0.2s ease-out;
 }
diff --git a/src/features/report/components/ReportPositionEditorSection/ReportPositionEditorSection.module.css b/src/features/report/components/ReportPositionEditorSection/ReportPositionEditorSection.module.css
index 79c432c..00c8ef5 100644
--- a/src/features/report/components/ReportPositionEditorSection/ReportPositionEditorSection.module.css
+++ b/src/features/report/components/ReportPositionEditorSection/ReportPositionEditorSection.module.css
@@ -10,7 +10,7 @@
   gap: 0.75rem;
   width: 100%;
   padding: 0.75rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   cursor: pointer;
@@ -21,7 +21,7 @@
 
 .positionRow:hover,
 .positionRow:focus-visible {
-  border-color: var(--color-primary);
+  border-color: var(--color-text-primary);
   box-shadow: 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
@@ -32,7 +32,7 @@
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
-  background: var(--color-primary-light);
+  background: var(--color-bg-primary-subtle);
   flex-shrink: 0;
 }
 
@@ -42,7 +42,7 @@
 }
 
 .positionIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .positionLabel {
@@ -50,7 +50,7 @@
   min-width: 0;
   font-size: 0.9375rem;
   font-weight: 700;
-  color: var(--color-primary-shade);
+  color: var(--color-text-primary);
 }
 
 .positionChevron {
@@ -61,7 +61,7 @@
 }
 
 .positionChevron path {
-  fill: var(--color-medium);
+  fill: var(--color-text-secondary);
 }
 
 .positionRow[aria-expanded='true'] .positionChevron {
diff --git a/src/features/report/components/ReportPositionMap/ReportPositionMap.module.css b/src/features/report/components/ReportPositionMap/ReportPositionMap.module.css
index 573da92..6837b0f 100644
--- a/src/features/report/components/ReportPositionMap/ReportPositionMap.module.css
+++ b/src/features/report/components/ReportPositionMap/ReportPositionMap.module.css
@@ -8,8 +8,8 @@
   position: relative;
   overflow: hidden;
   border-radius: 10px;
-  border: 1px solid var(--color-light-shade);
-  background: var(--color-light-light);
+  border: 1px solid var(--color-bg-disabled);
+  background: var(--color-bg-subtle);
 }
 
 .mapTarget {
@@ -23,18 +23,18 @@
   right: 8px;
   z-index: 2;
   padding: 0.375rem 0.75rem;
-  border: 1px solid var(--color-light-shade);
+  border: 1px solid var(--color-bg-disabled);
   border-radius: 999px;
   background: rgba(255, 255, 255, 0.94);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
   font-size: 0.8125rem;
   font-weight: 600;
-  color: var(--color-dark);
+  color: var(--color-text);
   cursor: pointer;
 }
 
 .resetButton:active {
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
 }
 
 .loadingOverlay {
@@ -50,12 +50,177 @@
 .hint {
   margin: 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .coordinates {
   margin: 0;
   font-size: 0.875rem;
   font-variant-numeric: tabular-nums;
-  color: var(--color-dark);
+  color: var(--color-text);
+}
+
+/* ---- Vue plein écran (usage interne, fillContainer) ---- */
+
+.wrapperFill {
+  flex: 1;
+  min-height: 0;
+}
+
+.mapShellFill {
+  flex: 1;
+  min-height: 0;
+  border-radius: 0;
+  border: none;
+}
+
+.mapTargetFill {
+  height: 100%;
+}
+
+/* ---- Sélecteur de fond de carte ---- */
+
+.layerSwitcher {
+  position: absolute;
+  top: 0.5rem;
+  left: 0.5rem;
+  z-index: 2;
+}
+
+.layerButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border: 1px solid var(--color-bg-disabled);
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+}
+
+.layerButtonIcon {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.layerButtonIcon path {
+  fill: var(--color-text);
+}
+
+.layerMenu {
+  position: absolute;
+  top: calc(100% + 0.375rem);
+  left: 0;
+  z-index: 3;
+  margin: 0;
+  padding: 0.375rem;
+  min-width: 9rem;
+  list-style: none;
+  border-radius: 0.625rem;
+  background: var(--color-bg-surface);
+  box-shadow: 0 4px 16px rgba(9, 22, 37, 0.18);
+}
+
+.layerMenuItem {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 0.625rem;
+  border: none;
+  border-radius: 0.5rem;
+  background: none;
+  text-align: left;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  color: var(--color-text);
+  cursor: pointer;
+}
+
+.layerMenuItem:hover {
+  background: var(--color-bg-hover);
+}
+
+.layerMenuItemActive {
+  color: var(--color-text-primary);
+  font-weight: 700;
+  background: var(--color-bg-primary-subtle);
+}
+
+.layerMenuSeparator {
+  height: 1px;
+  margin: 0.375rem 0.25rem;
+  background: var(--color-bg-disabled);
+}
+
+/* ---- Bouton plein écran + overlay ---- */
+
+.fullscreenButton {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border: 1px solid var(--color-bg-disabled);
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+}
+
+.fullscreenButtonIcon {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.fullscreenButtonIcon path {
+  fill: var(--color-text);
+}
+
+.fullscreenOverlay {
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  display: flex;
+  flex-direction: column;
+  background: var(--color-bg-page);
+  padding: max(0.75rem, var(--safe-top)) 0.75rem calc(0.75rem + var(--safe-bottom));
+}
+
+.fullscreenClose {
+  align-self: flex-end;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.5rem;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: var(--color-bg-surface);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+}
+
+.fullscreenCloseIcon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.fullscreenCloseIcon path {
+  fill: var(--color-text);
+}
+
+.fullscreenMapWrap {
+  flex: 1;
+  min-height: 0;
+  display: flex;
 }
diff --git a/src/features/report/components/ReportPositionMap/ReportPositionMap.tsx b/src/features/report/components/ReportPositionMap/ReportPositionMap.tsx
index 3219dee..d0a625d 100644
--- a/src/features/report/components/ReportPositionMap/ReportPositionMap.tsx
+++ b/src/features/report/components/ReportPositionMap/ReportPositionMap.tsx
@@ -1,4 +1,6 @@
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useGeodesyOnMap } from '@ign/gdp-tools/react';
 
 import Collection from 'ol/Collection';
 import Feature from 'ol/Feature';
@@ -8,6 +10,7 @@ import Point from 'ol/geom/Point';
 import { defaults as defaultControls } from 'ol/control';
 import { defaults as defaultInteractions } from 'ol/interaction';
 import Translate from 'ol/interaction/Translate';
+import LayerGroup from 'ol/layer/Group';
 import VectorLayer from 'ol/layer/Vector';
 import { fromLonLat, toLonLat } from 'ol/proj';
 import VectorSource from 'ol/source/Vector';
@@ -15,9 +18,9 @@ import { Icon, Style } from 'ol/style';
 import 'ol/ol.css';
 
 import {
-  createGeoportailLayer,
-  getGeoportailLayerTitle,
+  createGeoportailLayerGroup,
   preloadGeoportailCapabilities,
+  setActiveGeoportailLayer,
 } from '@/infra/map/openlayers/geoportailLayers';
 import {
   DEFAULT_MAP_CENTER_LON_LAT,
@@ -26,9 +29,29 @@ import {
 } from '@/shared/constants/map';
 import { Loading } from '@/shared/ui/Loading';
 import { getColorCode } from '@/shared/utils/color';
+import { joinCSSClassNames } from '@/shared/utils/join';
+import IconClose from '@/shared/assets/icons/icon-close.svg?react';
+import IconFullscreen from '@/shared/assets/icons/icon-fullscreen.svg?react';
+import IconLayers from '@/shared/assets/icons/icon-layers.svg?react';
 
 import styles from './ReportPositionMap.module.css';
 
+/** Fonds de carte proposés par le sélecteur — mêmes choix que la carte principale (Plan/Photos/SCAN 25). */
+const BASEMAP_LAYER_NAMES = [
+  GEOPORTAIL_LAYERS.ORTHOPHOTOS,
+  GEOPORTAIL_LAYERS.PLAN_IGN,
+  GEOPORTAIL_LAYERS.MAPS_SCAN25TOUR,
+] as const;
+
+const BASEMAP_LABELS: Record<string, string> = {
+  [GEOPORTAIL_LAYERS.ORTHOPHOTOS]: 'Photos aériennes',
+  [GEOPORTAIL_LAYERS.PLAN_IGN]: 'Plan IGN',
+  [GEOPORTAIL_LAYERS.MAPS_SCAN25TOUR]: 'Topo 25',
+};
+
+/** Couche géodésie affichée par la case à cocher « Géodésie » (réseau RBF, actif par défaut côté gdp-tools). */
+const GEODESY_TOGGLE_LAYER_ID = 'RBF' as const;
+
 export interface ReportPositionMapProps {
   longitude: number | null;
   latitude: number | null;
@@ -40,6 +63,16 @@ export interface ReportPositionMapProps {
   onResetPosition?: () => void;
   /** Preview-only rendering (recap step): no drag/tap-to-move interaction, no hint/coordinates text. */
   readOnly?: boolean;
+  /** Bouton de sélection du fond de carte (Photos aériennes / Plan IGN / SCAN 25). */
+  showLayerSwitcher?: boolean;
+  /** Bouton d'agrandissement en plein écran. */
+  showFullscreenButton?: boolean;
+  /** Fond de carte initial — sert à synchroniser la vue plein écran avec la mini-carte. */
+  initialBasemap?: string;
+  /** Couche Géodésie visible au montage — sert à synchroniser la vue plein écran avec la mini-carte. */
+  initialGeodesyVisible?: boolean;
+  /** Usage interne (vue plein écran) : la carte occupe toute la hauteur de son conteneur. */
+  fillContainer?: boolean;
 }
 
 function createReportMarkerIconSrc(color: string): string {
@@ -74,9 +107,16 @@ export function ReportPositionMap({
   onPositionChange,
   onResetPosition,
   readOnly = false,
+  showLayerSwitcher = false,
+  showFullscreenButton = false,
+  initialBasemap,
+  initialGeodesyVisible = false,
+  fillContainer = false,
 }: ReportPositionMapProps) {
   const mapElementRef = useRef<HTMLDivElement | null>(null);
   const mapRef = useRef<Map | null>(null);
+  const [olMap, setOlMap] = useState<Map | null>(null);
+  const geoportailGroupRef = useRef<LayerGroup | null>(null);
   const markerFeatureRef = useRef<Feature<Point> | null>(null);
   const hasCenteredOnPositionRef = useRef(false);
   const onPositionChangeRef = useRef(onPositionChange);
@@ -84,6 +124,12 @@ export function ReportPositionMap({
   const readOnlyRef = useRef(readOnly);
   readOnlyRef.current = readOnly;
 
+  const [activeBasemap, setActiveBasemap] = useState(
+    () => initialBasemap ?? GEOPORTAIL_LAYERS.ORTHOPHOTOS,
+  );
+  const [isLayerPickerOpen, setIsLayerPickerOpen] = useState(false);
+  const [isFullscreenOpen, setIsFullscreenOpen] = useState(false);
+
   useEffect(() => {
     if (!mapElementRef.current || mapRef.current) {
       return;
@@ -112,7 +158,9 @@ export function ReportPositionMap({
 
       const markerLayer = new VectorLayer({
         source: markerSource,
-        zIndex: 10,
+        // Au-dessus de la couche Géodésie (zIndex ~20 côté gdp-tools) : le repère du
+        // signalement doit toujours rester visible par-dessus les points géodésiques.
+        zIndex: 50,
       });
 
       const initialCenter =
@@ -124,16 +172,13 @@ export function ReportPositionMap({
         return;
       }
 
+      const geoportailGroup = createGeoportailLayerGroup(BASEMAP_LAYER_NAMES);
+      setActiveGeoportailLayer(geoportailGroup, initialBasemap ?? GEOPORTAIL_LAYERS.ORTHOPHOTOS);
+      geoportailGroupRef.current = geoportailGroup;
+
       const map = new Map({
         target: mapElementRef.current,
-        layers: [
-          createGeoportailLayer({
-            name: GEOPORTAIL_LAYERS.ORTHOPHOTOS,
-            visible: true,
-            title: getGeoportailLayerTitle(GEOPORTAIL_LAYERS.ORTHOPHOTOS),
-          }),
-          markerLayer,
-        ],
+        layers: [geoportailGroup, markerLayer],
         controls: defaultControls({ zoom: false, attribution: false, rotate: false }),
         interactions: defaultInteractions({
           altShiftDragRotate: false,
@@ -177,13 +222,16 @@ export function ReportPositionMap({
       }
 
       mapRef.current = map;
+      setOlMap(map);
     })();
 
     return () => {
       aborted = true;
       mapRef.current?.setTarget(undefined);
       mapRef.current = null;
+      setOlMap(null);
       markerFeatureRef.current = null;
+      geoportailGroupRef.current = null;
     };
   }, []);
 
@@ -231,34 +279,176 @@ export function ReportPositionMap({
     onResetPosition();
   };
 
-  return (
-    <div className={styles.wrapper}>
-      <div className={styles.mapShell}>
-        <div ref={mapElementRef} className={styles.mapTarget} aria-label="Carte de position du signalement" />
-
-        {!readOnly && canResetPosition && onResetPosition ? (
-          <button
-            type="button"
-            className={styles.resetButton}
-            onClick={handleResetPosition}
-          >
-            Annuler
-          </button>
-        ) : null}
+  const handleSelectBasemap = (name: string) => {
+    setActiveBasemap(name);
+    if (geoportailGroupRef.current) {
+      setActiveGeoportailLayer(geoportailGroupRef.current, name);
+    }
+    setIsLayerPickerOpen(false);
+  };
 
-        {isLocating && (
-          <div className={styles.loadingOverlay}>
-            <Loading size="small" label="Localisation…" />
-          </div>
-        )}
-      </div>
+  // Couche Géodésie (points), montée uniquement quand le sélecteur est affiché — ne change
+  // rien pour les autres usages de ReportPositionMap (formulaire de signalement).
+  const geodesy = useGeodesyOnMap(showLayerSwitcher ? olMap : null, {
+    initialActive: initialGeodesyVisible ? [GEODESY_TOGGLE_LAYER_ID] : [],
+    popup: false,
+  });
+  const isGeodesyVisible = geodesy.visibility[GEODESY_TOGGLE_LAYER_ID] ?? false;
+  const handleToggleGeodesy = () => geodesy.toggleLayer(GEODESY_TOGGLE_LAYER_ID);
 
-      {!readOnly ? (
-        <>
-          <p className={styles.hint}>Déplacez le repère ou touchez la carte pour ajuster la position.</p>
-          <p className={styles.coordinates}>{coordinateLabel}</p>
-        </>
+  useEffect(() => {
+    if (!isFullscreenOpen) {
+      return;
+    }
+
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = 'hidden';
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        setIsFullscreenOpen(false);
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.body.style.overflow = previousOverflow;
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [isFullscreenOpen]);
+
+  const layerSwitcher = showLayerSwitcher ? (
+    <div className={styles.layerSwitcher}>
+      <button
+        type="button"
+        className={styles.layerButton}
+        onClick={() => setIsLayerPickerOpen((open) => !open)}
+        aria-label="Changer le fond de carte"
+        aria-expanded={isLayerPickerOpen}
+      >
+        <IconLayers className={styles.layerButtonIcon} aria-hidden />
+      </button>
+
+      {isLayerPickerOpen ? (
+        <ul className={styles.layerMenu} aria-label="Fonds et couches de la carte">
+          {BASEMAP_LAYER_NAMES.map((name) => (
+            <li key={name} role="none">
+              <button
+                type="button"
+                role="menuitemradio"
+                aria-checked={name === activeBasemap}
+                className={joinCSSClassNames(
+                  styles.layerMenuItem,
+                  name === activeBasemap && styles.layerMenuItemActive,
+                )}
+                onClick={() => handleSelectBasemap(name)}
+              >
+                {BASEMAP_LABELS[name]}
+              </button>
+            </li>
+          ))}
+
+          <li role="none" className={styles.layerMenuSeparator} aria-hidden />
+
+          <li role="none">
+            <button
+              type="button"
+              role="menuitemcheckbox"
+              aria-checked={isGeodesyVisible}
+              className={joinCSSClassNames(
+                styles.layerMenuItem,
+                isGeodesyVisible && styles.layerMenuItemActive,
+              )}
+              onClick={handleToggleGeodesy}
+            >
+              Géodésie
+            </button>
+          </li>
+        </ul>
       ) : null}
     </div>
+  ) : null;
+
+  return (
+    <>
+      <div className={joinCSSClassNames(styles.wrapper, fillContainer && styles.wrapperFill)}>
+        <div className={joinCSSClassNames(styles.mapShell, fillContainer && styles.mapShellFill)}>
+          <div
+            ref={mapElementRef}
+            className={joinCSSClassNames(styles.mapTarget, fillContainer && styles.mapTargetFill)}
+            aria-label="Carte de position du signalement"
+          />
+
+          {!readOnly && canResetPosition && onResetPosition ? (
+            <button
+              type="button"
+              className={styles.resetButton}
+              onClick={handleResetPosition}
+            >
+              Annuler
+            </button>
+          ) : null}
+
+          {isLocating && (
+            <div className={styles.loadingOverlay}>
+              <Loading size="small" label="Localisation…" />
+            </div>
+          )}
+
+          {layerSwitcher}
+
+          {showFullscreenButton ? (
+            <button
+              type="button"
+              className={styles.fullscreenButton}
+              onClick={() => setIsFullscreenOpen(true)}
+              aria-label="Agrandir la carte"
+            >
+              <IconFullscreen className={styles.fullscreenButtonIcon} aria-hidden />
+            </button>
+          ) : null}
+        </div>
+
+        {!readOnly ? (
+          <>
+            <p className={styles.hint}>Déplacez le repère ou touchez la carte pour ajuster la position.</p>
+            <p className={styles.coordinates}>{coordinateLabel}</p>
+          </>
+        ) : null}
+      </div>
+
+      {isFullscreenOpen
+        ? createPortal(
+            <div
+              className={styles.fullscreenOverlay}
+              role="dialog"
+              aria-modal="true"
+              aria-label="Carte de position en plein écran"
+            >
+              <button
+                type="button"
+                className={styles.fullscreenClose}
+                onClick={() => setIsFullscreenOpen(false)}
+                aria-label="Fermer"
+              >
+                <IconClose className={styles.fullscreenCloseIcon} aria-hidden />
+              </button>
+              <div className={styles.fullscreenMapWrap}>
+                <ReportPositionMap
+                  longitude={longitude}
+                  latitude={latitude}
+                  onPositionChange={() => {}}
+                  readOnly
+                  showLayerSwitcher={showLayerSwitcher}
+                  initialBasemap={activeBasemap}
+                  initialGeodesyVisible={isGeodesyVisible}
+                  fillContainer
+                />
+              </div>
+            </div>,
+            document.body,
+          )
+        : null}
+    </>
   );
 }
diff --git a/src/features/report/constants/geodesyReportApi.ts b/src/features/report/constants/geodesyReportApi.ts
index 71b6e10..723f578 100644
--- a/src/features/report/constants/geodesyReportApi.ts
+++ b/src/features/report/constants/geodesyReportApi.ts
@@ -2,7 +2,7 @@
 export const GEODESY_REPORT_THEME = 'gdp-tools';
 
 /** Alias acceptés pour le thème géodésie (variantes de nommage API). */
-export const GEODESY_REPORT_THEME_ALIASES = [
+const GEODESY_REPORT_THEME_ALIASES = [
   GEODESY_REPORT_THEME,
   'mobile-geodesy',
   'mobile_geodesy',
@@ -10,7 +10,7 @@ export const GEODESY_REPORT_THEME_ALIASES = [
 ] as const;
 
 /** Normalise un identifiant de thème pour comparaison (casse, accents, tirets, espaces). */
-export function normalizeReportThemeName(themeName: string): string {
+function normalizeReportThemeName(themeName: string): string {
   return themeName
     .trim()
     .toLowerCase()
diff --git a/src/features/report/constants/reportApi.ts b/src/features/report/constants/reportApi.ts
index fabe2d2..8350855 100644
--- a/src/features/report/constants/reportApi.ts
+++ b/src/features/report/constants/reportApi.ts
@@ -6,7 +6,7 @@ import { GEODESY_REPORT_THEME } from '@/features/report/constants/geodesyReportA
 export const GDP_REPORT_COMMUNITY_ID = Number(config.report.communityId) || 96;
 
 /** Thèmes à afficher sur la carte (filtre GET /reports). */
-export const GDP_REPORT_DISPLAY_THEMES = config.report.displayThemes.length > 0
+const GDP_REPORT_DISPLAY_THEMES = config.report.displayThemes.length > 0
   ? config.report.displayThemes
   : [GEODESY_REPORT_THEME];
 
diff --git a/src/features/report/hooks/useSubmitGeodesyPointReport.ts b/src/features/report/hooks/useSubmitGeodesyPointReport.ts
index ef04740..7bfd352 100644
--- a/src/features/report/hooks/useSubmitGeodesyPointReport.ts
+++ b/src/features/report/hooks/useSubmitGeodesyPointReport.ts
@@ -1,6 +1,7 @@
 import {
   buildGeodesyReportAttachmentsBody,
   GEODESY_POINT_REPORT_PHOTO_SLOTS,
+  GDP_POINT_REPORT_THEME_ATTRIBUTE_KEYS,
   mapGeodesyPointReportToApiBody,
   type GeodesyPointReportContext,
   type GeodesyPointReportPhotoRole,
@@ -104,20 +105,21 @@ export function useSubmitGeodesyPointReport() {
           return null;
         }
 
-        const themeConfigs = await fetchGdpCommunityThemeConfigs();
+        const themeConfigs = await fetchGdpCommunityThemeConfigs({ forceRefresh: true });
         const theme = extractGeodesyReportThemeFromConfigs(themeConfigs);
         const themeName = GDP_REPORT_SUBMISSION_THEME;
         const deviceInfo = await getReportSubmissionDeviceInfo();
         const body = mapGeodesyPointReportToApiBody(reportContext, {
           communityId: GDP_REPORT_COMMUNITY_ID,
           theme: themeName,
-          comment: buildGeodesyReportSubmissionComment(comment, themeName, deviceInfo),
+          comment: buildGeodesyReportSubmissionComment(comment, deviceInfo),
           themeAttributes: buildGeodesyPointReportThemeAttributesForSubmit(
             reportContext,
             theme,
             formThemeAttributes,
             themeName,
           ),
+          attributeKeys: GDP_POINT_REPORT_THEME_ATTRIBUTE_KEYS,
         });
 
         const response = await collabApiClient.report.add(body);
diff --git a/src/features/report/hooks/useUserReportHistory.ts b/src/features/report/hooks/useUserReportHistory.ts
new file mode 100644
index 0000000..de34ebf
--- /dev/null
+++ b/src/features/report/hooks/useUserReportHistory.ts
@@ -0,0 +1,109 @@
+import { useCallback, useEffect, useState } from 'react';
+
+import type { GroupReport } from '@/domain/report/groupReportModels';
+import { useAuth } from '@/features/auth/hooks/useAuth';
+import { loadUserReportHistory } from '@/features/report/utils/loadUserReportHistory';
+
+const HISTORY_PAGE_SIZE = 30;
+
+export interface UseUserReportHistoryResult {
+  reports: GroupReport[];
+  isLoading: boolean;
+  isLoadingMore: boolean;
+  error: Error | null;
+  hasMore: boolean;
+  loadMore: () => void;
+}
+
+/**
+ * Historique des signalements envoyés au serveur par le compte connecté — y compris ceux
+ * envoyés depuis une version précédente de l'application (contrairement à
+ * `useLocalReportDrafts`, qui ne connaît que les brouillons stockés sur cet appareil).
+ */
+export function useUserReportHistory(): UseUserReportHistoryResult {
+  const { user, isAuthenticated } = useAuth();
+  const [reports, setReports] = useState<GroupReport[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const userId = user?.id;
+
+  useEffect(() => {
+    if (!isAuthenticated || userId === undefined) {
+      setReports([]);
+      setTotal(0);
+      setPage(1);
+      setIsLoading(false);
+      setError(null);
+      return;
+    }
+
+    let cancelled = false;
+
+    const load = async () => {
+      setIsLoading(true);
+      setError(null);
+
+      try {
+        const result = await loadUserReportHistory({ userId, page: 1, limit: HISTORY_PAGE_SIZE });
+        if (!cancelled) {
+          setReports(result.reports);
+          setTotal(result.total);
+          setPage(1);
+        }
+      } catch (loadError) {
+        if (!cancelled) {
+          setError(
+            loadError instanceof Error ? loadError : new Error('Impossible de charger vos anciens signalements'),
+          );
+        }
+      } finally {
+        if (!cancelled) {
+          setIsLoading(false);
+        }
+      }
+    };
+
+    void load();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [isAuthenticated, userId]);
+
+  const loadMore = useCallback(() => {
+    if (userId === undefined || isLoadingMore || reports.length >= total) {
+      return;
+    }
+
+    const nextPage = page + 1;
+    setIsLoadingMore(true);
+
+    void loadUserReportHistory({ userId, page: nextPage, limit: HISTORY_PAGE_SIZE })
+      .then((result) => {
+        setReports((current) => [...current, ...result.reports]);
+        setTotal(result.total);
+        setPage(nextPage);
+      })
+      .catch((loadError: unknown) => {
+        setError(
+          loadError instanceof Error ? loadError : new Error('Impossible de charger la suite des signalements'),
+        );
+      })
+      .finally(() => {
+        setIsLoadingMore(false);
+      });
+  }, [userId, page, isLoadingMore, reports.length, total]);
+
+  return {
+    reports,
+    isLoading,
+    isLoadingMore,
+    error,
+    hasMore: reports.length < total,
+    loadMore,
+  };
+}
diff --git a/src/features/report/utils/communityReportTheme.ts b/src/features/report/utils/communityReportTheme.ts
index cd4a97b..ec855e8 100644
--- a/src/features/report/utils/communityReportTheme.ts
+++ b/src/features/report/utils/communityReportTheme.ts
@@ -36,7 +36,7 @@ function readCommunityThemeAttributeName(raw: Record<string, unknown>): string |
   return null;
 }
 
-export function normalizeCommunityThemeAttribute(raw: unknown): CommunityThemeAttribute | null {
+function normalizeCommunityThemeAttribute(raw: unknown): CommunityThemeAttribute | null {
   if (!isRecord(raw)) {
     return null;
   }
@@ -61,7 +61,7 @@ export function normalizeCommunityThemeAttribute(raw: unknown): CommunityThemeAt
   };
 }
 
-export function normalizeCommunityThemeAttributes(raw: unknown): CommunityThemeAttribute[] {
+function normalizeCommunityThemeAttributes(raw: unknown): CommunityThemeAttribute[] {
   if (!Array.isArray(raw)) {
     return [];
   }
@@ -203,13 +203,6 @@ export function extractThemeConfigsFromCommunity(
   return configs;
 }
 
-export function listGdpCommunityThemeNamesFromConfigs(
-  configs: CommunityThemeConfig[],
-): string[] {
-  return configs
-    .filter((entry) => entry.communityId === GDP_REPORT_COMMUNITY_ID)
-    .map((entry) => entry.theme);
-}
 
 export function extractCommunityReportThemeFromConfigs(
   configs: CommunityThemeConfig[],
@@ -275,14 +268,3 @@ export function validateThemeAttributeValue(
   return undefined;
 }
 
-export function getThemeAttributeListOptions(
-  attribute: CommunityThemeAttribute,
-): readonly { value: string; label: string }[] {
-  return [
-    { value: '', label: 'Sélectionner…' },
-    ...(attribute.values ?? []).map((optionValue) => ({
-      value: optionValue,
-      label: optionValue,
-    })),
-  ];
-}
diff --git a/src/features/report/utils/gdpWizardThemeAttributes.ts b/src/features/report/utils/gdpWizardThemeAttributes.ts
new file mode 100644
index 0000000..8e3f4db
--- /dev/null
+++ b/src/features/report/utils/gdpWizardThemeAttributes.ts
@@ -0,0 +1,76 @@
+import {
+  NON_CONFORM_REASON_LABELS,
+  type NonConformReason,
+} from '@/features/report/components/GeodesyPointReportWizard/ReportWizardStepNonConformReason';
+
+/** Valeurs liste EspaceCo / codes RN (`rn_etat_code`). */
+const ETAT_BY_NON_CONFORM_REASON: Partial<Record<NonConformReason, string>> = {
+  mauvaisEtat: 'MAUVAIS ETAT',
+  detruit: 'DETRUIT',
+  nonRetrouve: 'NON RETROUVE',
+  malPositionne: 'PRESUME DEPLACE',
+};
+
+const EXCLUSIVE_ETAT_REASONS: readonly NonConformReason[] = [
+  'nonRetrouve',
+  'detruit',
+  'mauvaisEtat',
+];
+
+const COMMENT_ONLY_REASONS: readonly NonConformReason[] = ['photoNonConforme'];
+
+/** Valeur `etat` du thème `gdp-tools` d’après le wizard. */
+function resolveGdpReportEtatValue(params: {
+  isConform: boolean;
+  nonConformReasons: readonly NonConformReason[];
+}): string | undefined {
+  if (params.isConform) {
+    return 'BON ETAT';
+  }
+
+  for (const reason of EXCLUSIVE_ETAT_REASONS) {
+    if (params.nonConformReasons.includes(reason)) {
+      return ETAT_BY_NON_CONFORM_REASON[reason];
+    }
+  }
+
+  if (params.nonConformReasons.includes('malPositionne')) {
+    return ETAT_BY_NON_CONFORM_REASON.malPositionne;
+  }
+
+  return undefined;
+}
+
+/** Saisie wizard → champs thème canoniques (`etat`, `move` ; `gps` reste prérempli WFS). */
+export function buildGdpWizardThemeFormAttributes(params: {
+  isConform: boolean;
+  nonConformReasons: readonly NonConformReason[];
+  extraThemeAttributes?: Record<string, string>;
+  positionModified?: boolean;
+}): Record<string, string> {
+  const attributes: Record<string, string> = { ...params.extraThemeAttributes };
+  const etat = resolveGdpReportEtatValue(params);
+  if (etat) {
+    attributes.etat = etat;
+  }
+  attributes.move = params.positionModified ? 'true' : 'false';
+
+  return attributes;
+}
+
+/** Ajoute au commentaire les motifs wizard qui ne sont pas le champ `etat`. */
+export function buildGdpWizardComment(
+  userComment: string,
+  nonConformReasons: readonly NonConformReason[],
+): string {
+  const extras = COMMENT_ONLY_REASONS.filter((reason) => nonConformReasons.includes(reason)).map(
+    (reason) => NON_CONFORM_REASON_LABELS[reason],
+  );
+  const trimmed = userComment.trim();
+  if (extras.length === 0) {
+    return trimmed;
+  }
+
+  const extraBlock = extras.join('\n');
+  return trimmed ? `${trimmed}\n\n${extraBlock}` : extraBlock;
+}
diff --git a/src/features/report/utils/geodesyReportTheme.ts b/src/features/report/utils/geodesyReportTheme.ts
index 0f0c27b..9146f03 100644
--- a/src/features/report/utils/geodesyReportTheme.ts
+++ b/src/features/report/utils/geodesyReportTheme.ts
@@ -1,8 +1,5 @@
 import {
-  buildGeodesyPointReportPrefillMap,
-  buildGeodesyPointReportThemeAttributes,
-  mergeGeodesyPointReportMandatoryThemeAttributes,
-  resolveGeodesyPointReportPrefillValue,
+  buildGdpPointReportThemeAttributes,
   type GeodesyPointReportContext,
 } from '@ign/gdp-tools';
 import type { CommunityThemeAttribute, CommunityThemeConfig } from '@/domain/community/models';
@@ -76,84 +73,32 @@ function getGeodesyThemeAttributeNames(
   return names;
 }
 
-/** Attributs thème envoyés au collaboratif (repère, champs auto, saisie formulaire). */
+/** Attributs thème envoyés au collaboratif (whitelist thème `gdp-tools`, sans sketch). */
 export function buildGeodesyPointReportThemeAttributesForSubmit(
   context: GeodesyPointReportContext,
   theme: CommunityThemeConfig | null,
   formThemeAttributes: Record<string, string>,
-  themeName: string = GEODESY_REPORT_THEME,
+  _themeName: string = GEODESY_REPORT_THEME,
 ): Record<string, string> {
-  const themeAttributeNames = getGeodesyThemeAttributeNames(theme, context);
-  const prefillMap = buildGeodesyPointReportPrefillMap(context);
-  const attributes: Record<string, string> = {};
-
-  if (themeAttributeNames.size > 0) {
-    for (const name of themeAttributeNames) {
-      const candidate = resolveGeodesyPointReportPrefillValue(context, name, prefillMap);
-      if (candidate === undefined) {
-        continue;
-      }
-
-      attributes[name] = candidate;
-    }
-  } else if (matchesGeodesyReportThemeName(themeName)) {
-    Object.assign(attributes, buildGeodesyPointReportThemeAttributes(context));
-  }
-
-  for (const attribute of theme?.autofilled_attributes ?? []) {
-    if (attributes[attribute.name] !== undefined) {
-      continue;
-    }
-
-    const fromContext = context.properties[attribute.name];
-    if (fromContext !== null && fromContext !== undefined && String(fromContext).trim()) {
-      attributes[attribute.name] = String(fromContext).trim();
-      continue;
-    }
-
-    if (attribute.default) {
-      attributes[attribute.name] = attribute.default;
-    }
-  }
-
-  for (const [name, rawValue] of Object.entries(formThemeAttributes)) {
-    if (themeAttributeNames.size > 0 && !themeAttributeNames.has(name)) {
-      continue;
-    }
-
-    const value = rawValue.trim();
-    if (value) {
-      attributes[name] = value;
-    }
-  }
-
-  return mergeGeodesyPointReportMandatoryThemeAttributes(context, attributes);
+  const themeAttributeNames = [...getGeodesyThemeAttributeNames(theme, context)];
+
+  return buildGdpPointReportThemeAttributes(context, {
+    themeAttributeNames: themeAttributeNames.length > 0 ? themeAttributeNames : undefined,
+    formAttributes: formThemeAttributes,
+    autofilledAttributes: theme?.autofilled_attributes,
+    themeAttributeDefs: [
+      ...(theme?.attributes ?? []),
+      ...(theme?.autofilled_attributes ?? []),
+    ],
+  });
 }
 
-export function formatGeodesyThemeLookupHint(themeNames: readonly string[]): string {
-  const available = [...themeNames];
-  if (available.length === 0) {
-    return `Aucun thème trouvé pour la communauté ${GDP_REPORT_COMMUNITY_ID}. À l'envoi, le thème configuré « ${GEODESY_REPORT_THEME} » sera utilisé.`;
-  }
 
-  return `Thèmes disponibles dans la communauté : ${available.join(', ')}. Attendu : « ${GEODESY_REPORT_THEME} ».`;
-}
 
-/** Nom de thème envoyé au collaboratif (fiche communauté ou repli configuré). */
-export function resolveGeodesyReportThemeNameFromConfigs(
-  configs: CommunityThemeConfig[],
-): string {
-  return extractGeodesyReportThemeFromConfigs(configs)?.theme ?? GEODESY_REPORT_THEME;
-}
 
 export function buildGeodesyReportSubmissionComment(
   userComment: string,
-  themeName: string,
   deviceInfo: ReportSubmissionDeviceInfo,
 ): string {
-  const themeLine = `Thème collaboratif : ${themeName}`;
-  const trimmedComment = userComment.trim();
-  const withTheme = trimmedComment ? `${trimmedComment}\n\n${themeLine}` : themeLine;
-
-  return appendDeviceInfoToReportComment(withTheme, deviceInfo);
+  return appendDeviceInfoToReportComment(userComment.trim(), deviceInfo);
 }
diff --git a/src/features/report/utils/loadUserReportHistory.ts b/src/features/report/utils/loadUserReportHistory.ts
new file mode 100644
index 0000000..8a67981
--- /dev/null
+++ b/src/features/report/utils/loadUserReportHistory.ts
@@ -0,0 +1,54 @@
+import type { GroupReport } from '@/domain/report/groupReportModels';
+import {
+  mapApiReportsToGroupReports,
+  type ApiGroupReportResponse,
+} from '@/domain/report/groupReportMappers';
+import {
+  GDP_REPORT_COMMUNITY_ID,
+  serializeGdpReportThemeFilters,
+} from '@/features/report/constants/reportApi';
+import { parseReportsTotal } from '@/features/report/utils/parseReportsTotal';
+import { collabApiClient, ensureCollabApiSession } from '@/infra/api';
+
+interface LoadUserReportHistoryOptions {
+  userId: number;
+  page: number;
+  limit: number;
+}
+
+export interface UserReportHistoryPage {
+  reports: GroupReport[];
+  total: number;
+}
+
+/**
+ * Historique complet des signalements d'un compte (pas de filtre d'emprise carte,
+ * contrairement à `loadReportsInMapBbox`) — inclut notamment les signalements envoyés
+ * depuis une version précédente de l'application.
+ */
+export async function loadUserReportHistory({
+  userId,
+  page,
+  limit,
+}: LoadUserReportHistoryOptions): Promise<UserReportHistoryPage> {
+  const sessionReady = await ensureCollabApiSession();
+  if (!sessionReady) {
+    return { reports: [], total: 0 };
+  }
+
+  const response = await collabApiClient.report.getAll({
+    communities: GDP_REPORT_COMMUNITY_ID,
+    author: userId,
+    page,
+    limit,
+    sort: 'id:DESC',
+    attributes: serializeGdpReportThemeFilters(),
+  });
+
+  const apiReports = (response.data as ApiGroupReportResponse[]) ?? [];
+
+  return {
+    reports: mapApiReportsToGroupReports(apiReports),
+    total: parseReportsTotal(response.headers?.['content-range'], apiReports.length),
+  };
+}
diff --git a/src/features/report/utils/localReportDraft.ts b/src/features/report/utils/localReportDraft.ts
index 627dbc6..bed43e9 100644
--- a/src/features/report/utils/localReportDraft.ts
+++ b/src/features/report/utils/localReportDraft.ts
@@ -34,6 +34,7 @@ export interface BuildLocalReportDraftParams {
   latitude: number;
   positionModified: boolean;
   photos: ReportPhoto[];
+  themeAttributes?: Record<string, string>;
 }
 
 export async function buildLocalReportDraft(
@@ -63,5 +64,7 @@ export async function buildLocalReportDraft(
     photos,
     status: 'not_sent',
     createdAt: new Date().toISOString(),
+    themeAttributes: params.themeAttributes,
+    properties: params.reportContext.properties,
   };
 }
diff --git a/src/features/report/utils/localReportDraftStatus.ts b/src/features/report/utils/localReportDraftStatus.ts
index cff6440..df3d075 100644
--- a/src/features/report/utils/localReportDraftStatus.ts
+++ b/src/features/report/utils/localReportDraftStatus.ts
@@ -2,20 +2,17 @@ import type { LocalReportDraftStatus } from '@/domain/report/localReportDraft';
 
 const STATUS_LABELS: Record<LocalReportDraftStatus, string> = {
   not_sent: 'Pas envoyé',
-  taken_into_account: 'Pris en compte',
-  rejected: 'Rejeté',
+  sent: 'Envoyé',
 };
 
 const STATUS_COLORS: Record<LocalReportDraftStatus, { color: string; background: string }> = {
-  not_sent: { color: 'var(--color-secondary)', background: 'var(--color-secondary-light)' },
-  taken_into_account: { color: 'var(--color-primary-shade)', background: 'var(--color-primary-light)' },
-  rejected: { color: 'var(--color-danger-shade)', background: 'rgba(var(--color-danger-rgb), 0.14)' },
+  not_sent: { color: 'var(--color-navy)', background: 'var(--color-bg-navy-subtle)' },
+  sent: { color: 'var(--color-primary)', background: 'var(--color-bg-primary-subtle)' },
 };
 
 const STATUS_ACCENT_RGB: Record<LocalReportDraftStatus, string> = {
-  not_sent: 'var(--color-secondary-rgb)',
-  taken_into_account: 'var(--color-primary-rgb)',
-  rejected: 'var(--color-danger-rgb)',
+  not_sent: 'var(--color-navy-rgb)',
+  sent: 'var(--color-action-primary-rgb)',
 };
 
 export function getLocalReportDraftStatusLabel(status: LocalReportDraftStatus): string {
diff --git a/src/features/report/utils/parseReportsTotal.ts b/src/features/report/utils/parseReportsTotal.ts
new file mode 100644
index 0000000..5f733aa
--- /dev/null
+++ b/src/features/report/utils/parseReportsTotal.ts
@@ -0,0 +1,14 @@
+/**
+ * L'API Espace collaboratif renvoie le total paginé dans `Content-Range`
+ * (ex. `0-0/12` ou `items 0-9/47`).
+ */
+export function parseReportsTotal(contentRange: unknown, fallbackCount: number): number {
+  if (typeof contentRange !== 'string') {
+    return fallbackCount;
+  }
+
+  const totalPart = contentRange.split('/').at(-1)?.trim();
+  const total = Number(totalPart);
+
+  return Number.isFinite(total) ? total : fallbackCount;
+}
diff --git a/src/features/report/utils/rebuildGeodesyPointReportFromDraft.ts b/src/features/report/utils/rebuildGeodesyPointReportFromDraft.ts
new file mode 100644
index 0000000..df97412
--- /dev/null
+++ b/src/features/report/utils/rebuildGeodesyPointReportFromDraft.ts
@@ -0,0 +1,59 @@
+import {
+  withGeodesyPointReportPosition,
+  type GeodesyPointReportContext,
+} from '@ign/gdp-tools';
+
+import type { LocalReportDraft } from '@/domain/report/localReportDraft';
+import type { ReportPhoto } from '@/domain/report/models';
+
+function dataUrlToFile(dataUrl: string, fileName: string): File {
+  const [header, payload] = dataUrl.split(',');
+  const mime = /data:(.*?);/.exec(header)?.[1] ?? 'image/jpeg';
+  const binary = atob(payload ?? '');
+  const bytes = new Uint8Array(binary.length);
+
+  for (let index = 0; index < binary.length; index += 1) {
+    bytes[index] = binary.charCodeAt(index);
+  }
+
+  return new File([bytes], fileName, { type: mime });
+}
+
+/** Reconstitue un contexte signalement depuis un brouillon local. */
+export function buildGeodesyPointReportContextFromDraft(
+  draft: LocalReportDraft,
+): GeodesyPointReportContext {
+  const properties = draft.properties ?? {
+    ...(draft.geodesyId ? { id: draft.geodesyId } : {}),
+    ...(draft.themeAttributes?.domaine ? { domaine: draft.themeAttributes.domaine } : {}),
+    ...(draft.themeAttributes?.etat ? { etat: draft.themeAttributes.etat } : {}),
+    ...(draft.themeAttributes?.gps ? { gps: draft.themeAttributes.gps } : {}),
+  };
+
+  return withGeodesyPointReportPosition(
+    {
+      title: draft.title,
+      titlePicto: draft.titlePicto,
+      layerTitle: draft.layerTitle ?? '',
+      longitude: draft.longitude,
+      latitude: draft.latitude,
+      attributes: [],
+      photos: [],
+      comment: draft.comment,
+      properties,
+      geodesyId: draft.geodesyId,
+    },
+    { longitude: draft.longitude, latitude: draft.latitude },
+  );
+}
+
+export function buildReportPhotosFromDraft(draft: LocalReportDraft): ReportPhoto[] {
+  return draft.photos.map((photo, index) => {
+    const file = dataUrlToFile(photo.dataUrl, `${photo.role}-${index}.jpg`);
+    return {
+      role: photo.role,
+      file,
+      previewUrl: photo.dataUrl,
+    };
+  });
+}
diff --git a/src/features/report/utils/reportThemePrefill.ts b/src/features/report/utils/reportThemePrefill.ts
index cdc2c3c..5b98426 100644
--- a/src/features/report/utils/reportThemePrefill.ts
+++ b/src/features/report/utils/reportThemePrefill.ts
@@ -1,6 +1,7 @@
 import type { GeodesyPointReportContext } from '@ign/gdp-tools';
 import {
   buildGeodesyPointReportPrefillMap,
+  coerceGeodesyPointReportListValue,
   normalizeGeodesyPointReportAttributeName,
   resolveGeodesyPointReportPrefillValue,
   shouldShowGeodesyPointReportThemeAttribute,
@@ -10,19 +11,9 @@ import type { CommunityThemeAttribute, CommunityThemeConfig } from '@/domain/com
 import { mergeThemeAttributeValues } from '@/features/report/utils/communityReportTheme';
 
 function matchThemeListValue(attribute: CommunityThemeAttribute, value: string): string {
-  if (attribute.type !== 'list' || !attribute.values?.length) {
-    return value;
-  }
-
-  const exact = attribute.values.find((option) => option === value);
-  if (exact) {
-    return exact;
-  }
-
-  const insensitive = attribute.values.find(
-    (option) => option.toLowerCase() === value.toLowerCase(),
+  return (
+    coerceGeodesyPointReportListValue(attribute.name, value, attribute.values ?? []) ?? value
   );
-  return insensitive ?? value;
 }
 
 function resolveThemeAttributePrefillValue(
diff --git a/src/features/report/utils/validatePhotoLandscape.ts b/src/features/report/utils/validatePhotoLandscape.ts
index 212ea8a..9efff34 100644
--- a/src/features/report/utils/validatePhotoLandscape.ts
+++ b/src/features/report/utils/validatePhotoLandscape.ts
@@ -34,7 +34,7 @@ async function readImageDimensions(
 }
 
 /** Largeur >= hauteur (createImageBitmap tient compte de l’orientation EXIF). */
-export async function isLandscapePhoto(file: File): Promise<boolean> {
+async function isLandscapePhoto(file: File): Promise<boolean> {
   const dimensions = await readImageDimensions(file);
   if (!dimensions) {
     return true;
@@ -54,4 +54,4 @@ export async function validatePhotoLandscape(
   return { valid: false, message: LANDSCAPE_REQUIRED_MESSAGE };
 }
 
-export { LANDSCAPE_REQUIRED_MESSAGE };
+
diff --git a/src/features/search/components/SearchPanel/SearchPanel.module.css b/src/features/search/components/SearchPanel/SearchPanel.module.css
deleted file mode 100644
index 88be119..0000000
--- a/src/features/search/components/SearchPanel/SearchPanel.module.css
+++ /dev/null
@@ -1,168 +0,0 @@
-.panel {
-  position: absolute;
-  top: calc(max(0.5rem, var(--safe-top)) + 3.5rem);
-  left: 12px;
-  right: 12px;
-  z-index: 50;
-  pointer-events: auto;
-  background: var(--color-white);
-  border: 1px solid var(--color-light-shade);
-  border-radius: 10px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  padding: 14px;
-}
-
-.header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
-
-.title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--color-dark);
-}
-
-.closeButton {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.closeIcon {
-  width: 20px;
-  height: 20px;
-}
-
-.closeIcon path {
-  fill: var(--color-medium);
-}
-
-.searchContainer {
-  min-height: 0;
-}
-
-.searchContainer :global(.ol-search) {
-  position: relative;
-  top: auto;
-  left: auto;
-  background: transparent;
-  padding: 0;
-  max-width: 100%;
-}
-
-.searchContainer :global(.ol-search > button:first-child) {
-  display: none;
-}
-
-.searchContainer :global(.ol-search input.search) {
-  width: 100%;
-  padding: 12px 14px;
-  border-radius: 8px;
-  border: 1.5px solid var(--color-light-shade);
-  font-size: 1rem;
-  font-family: inherit;
-  background: var(--color-white);
-  transition: border-color 0.2s;
-  box-sizing: border-box;
-  margin: 0;
-  height: auto;
-}
-
-.searchContainer :global(.ol-search input.search:focus) {
-  outline: none;
-  border-color: var(--color-primary);
-}
-
-.searchContainer :global(.ol-search input.search::placeholder) {
-  color: var(--color-medium);
-}
-
-.searchContainer :global(.ol-search button.ol-revers) {
-  display: none;
-}
-
-.searchContainer :global(.ol-search ul) {
-  max-width: 100%;
-  border: 1px solid var(--color-light-shade);
-  border-top: none;
-  border-radius: 0 0 8px 8px;
-  overflow: hidden;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-.searchContainer :global(.ol-search ul:empty) {
-  display: none;
-}
-
-.searchContainer :global(.ol-search ul.autocomplete.history) {
-  display: block;
-}
-
-.searchContainer :global(.ol-search ul li) {
-  padding: 10px 14px;
-  font-size: 14px;
-}
-
-.searchContainer :global(.ol-search ul li.select),
-.searchContainer :global(.ol-search ul li:hover) {
-  background-color: var(--color-secondary-light);
-  color: var(--color-dark);
-}
-
-.searchContainer :global(.ol-search li.copy) {
-  background: var(--color-light);
-  color: var(--color-medium);
-  font-size: 11px;
-  padding: 6px 14px;
-}
-
-.searchContainer :global(.ol-search li.copy a) {
-  color: var(--color-medium);
-}
-
-.searchContainer :global(.ol-search.searching:before) {
-  background: var(--color-primary);
-  top: auto;
-  bottom: 0;
-}
-
-:global(.search-marker-pulse) {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: var(--color-secondary);
-  position: relative;
-  box-shadow: 0 0 0 0 rgba(120, 106, 242, 0.6);
-  animation: pulse 1.5s ease-out infinite;
-}
-
-:global(.search-marker-pulse)::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 8px;
-  height: 8px;
-  background: var(--color-white);
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-}
-
-@keyframes pulse {
-  0% {
-    box-shadow: 0 0 0 0 rgba(120, 106, 242, 0.6);
-  }
-  70% {
-    box-shadow: 0 0 0 20px rgba(120, 106, 242, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(120, 106, 242, 0);
-  }
-}
diff --git a/src/features/search/components/SearchPanel/SearchPanel.tsx b/src/features/search/components/SearchPanel/SearchPanel.tsx
deleted file mode 100644
index 5c77a7e..0000000
--- a/src/features/search/components/SearchPanel/SearchPanel.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useRef } from 'react';
-import type Map from 'ol/Map';
-
-import { useSearchGeoportail } from '@/features/search/hooks/useSearchGeoportail';
-import IconClose from '@/shared/assets/icons/icon-close.svg?react';
-
-import styles from './SearchPanel.module.css';
-
-export interface SearchPanelProps {
-  isOpen: boolean;
-  onClose: () => void;
-  map: Map | null;
-}
-
-export function SearchPanel({ isOpen, onClose, map }: SearchPanelProps) {
-  const addressContainerRef = useRef<HTMLDivElement>(null);
-
-  const { clearMarker } = useSearchGeoportail({
-    map,
-    addressContainerRef,
-    isOpen,
-  });
-
-  const handleClose = () => {
-    clearMarker();
-    onClose();
-  };
-
-  if (!isOpen) {
-    return null;
-  }
-
-  return (
-    <div className={styles.panel}>
-      <div className={styles.header}>
-        <span className={styles.title}>Rechercher une adresse</span>
-        <button
-          type="button"
-          className={styles.closeButton}
-          onClick={handleClose}
-          aria-label="Fermer la recherche"
-        >
-          <IconClose className={styles.closeIcon} />
-        </button>
-      </div>
-      <div ref={addressContainerRef} className={styles.searchContainer} />
-    </div>
-  );
-}
diff --git a/src/features/search/components/SearchPanel/index.ts b/src/features/search/components/SearchPanel/index.ts
deleted file mode 100644
index 7a9fa28..0000000
--- a/src/features/search/components/SearchPanel/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { SearchPanel } from './SearchPanel';
-export type { SearchPanelProps } from './SearchPanel';
diff --git a/src/features/search/hooks/useSearchGeoportail.ts b/src/features/search/hooks/useSearchGeoportail.ts
index 156f3a1..23265ba 100644
--- a/src/features/search/hooks/useSearchGeoportail.ts
+++ b/src/features/search/hooks/useSearchGeoportail.ts
@@ -6,6 +6,7 @@ import SearchGeoportail from 'ol-ext/control/SearchGeoportail';
 import type { Options as SearchGeoportailOptions } from 'ol-ext/control/SearchGeoportail';
 import type { SearchEvent } from 'ol-ext/control/Search';
 import 'ol-ext/control/Search.css';
+import '@/features/search/styles/searchMarker.css';
 
 import {
   DEFAULT_MAP_SEARCH_ZOOM,
@@ -18,7 +19,8 @@ import { fromLonLat } from 'ol/proj';
 
 interface UseSearchGeoportailOptions {
   map: Map | null;
-  addressContainerRef: React.RefObject<HTMLDivElement | null>;
+  /** Conteneur DOM actuel — à passer via callback ref, pas un `useRef` (le nœud peut être remonté). */
+  addressContainer: HTMLElement | null;
   isOpen: boolean;
   placeholder?: string;
   onFocus?: () => void;
@@ -26,7 +28,6 @@ interface UseSearchGeoportailOptions {
 }
 
 export interface UseSearchGeoportailReturn {
-  clearMarker: () => void;
   selectHistoryEntry: (entry: AddressSearchHistoryEntry) => void;
 }
 
@@ -40,7 +41,7 @@ function clearAutocompleteList(container: HTMLElement | null, selector: string)
 
 export function useSearchGeoportail({
   map,
-  addressContainerRef,
+  addressContainer,
   isOpen,
   placeholder = 'Rechercher une adresse',
   onFocus,
@@ -87,12 +88,12 @@ export function useSearchGeoportail({
   );
 
   useEffect(() => {
-    if (!map || !isOpen || !addressContainerRef.current) {
+    if (!map || !isOpen || !addressContainer) {
       return;
     }
 
     const addressOptions: SearchGeoportailOptions = {
-      target: addressContainerRef.current,
+      target: addressContainer,
       apiKey: GEOPORTAIL_API_KEY,
       className: SEARCH_GEOPORTAIL_CLASS_NAME,
       placeholder,
@@ -106,7 +107,7 @@ export function useSearchGeoportail({
     addressSearch.set('copy', null);
     addressSearch.setMap(map);
 
-    const container = addressContainerRef.current;
+    const container = addressContainer;
     const input = container.querySelector<HTMLInputElement>('input.search');
 
     const hideAutocomplete = () => {
@@ -165,7 +166,7 @@ export function useSearchGeoportail({
       addressSearch.setMap(null as unknown as Map);
       clearMarker();
     };
-  }, [addressContainerRef, clearMarker, isOpen, map, onFocus, onSelect, placeholder, showMarkerAtCoordinate]);
+  }, [addressContainer, clearMarker, isOpen, map, onFocus, onSelect, placeholder, showMarkerAtCoordinate]);
 
   const selectHistoryEntry = useCallback(
     (entry: AddressSearchHistoryEntry) => {
@@ -176,7 +177,7 @@ export function useSearchGeoportail({
       const coordinate = fromLonLat([entry.longitude, entry.latitude]);
       showMarkerAtCoordinate(coordinate);
 
-      const input = addressContainerRef.current?.querySelector<HTMLInputElement>('input.search');
+      const input = addressContainer?.querySelector<HTMLInputElement>('input.search');
       if (input) {
         input.value = entry.subtitle ? `${entry.title}, ${entry.subtitle}` : entry.title;
         input.blur();
@@ -184,8 +185,8 @@ export function useSearchGeoportail({
 
       onSelect?.();
     },
-    [addressContainerRef, map, onSelect, showMarkerAtCoordinate],
+    [addressContainer, map, onSelect, showMarkerAtCoordinate],
   );
 
-  return { clearMarker, selectHistoryEntry };
+  return { selectHistoryEntry };
 }
diff --git a/src/features/search/styles/searchMarker.css b/src/features/search/styles/searchMarker.css
new file mode 100644
index 0000000..9323ab9
--- /dev/null
+++ b/src/features/search/styles/searchMarker.css
@@ -0,0 +1,33 @@
+.search-marker-pulse {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--color-action-secondary);
+  position: relative;
+  box-shadow: 0 0 0 0 rgba(120, 106, 242, 0.6);
+  animation: search-marker-pulse 1.5s ease-out infinite;
+}
+
+.search-marker-pulse::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background: var(--color-bg-subtle);
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+}
+
+@keyframes search-marker-pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(120, 106, 242, 0.6);
+  }
+  70% {
+    box-shadow: 0 0 0 20px rgba(120, 106, 242, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(120, 106, 242, 0);
+  }
+}
diff --git a/src/features/settings/pages/SettingsPage/SettingsPage.module.css b/src/features/settings/pages/SettingsPage/SettingsPage.module.css
index b411d93..8ffaaa6 100644
--- a/src/features/settings/pages/SettingsPage/SettingsPage.module.css
+++ b/src/features/settings/pages/SettingsPage/SettingsPage.module.css
@@ -1,60 +1,89 @@
 .content {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: var(--spacing-md);
 }
 
 .section {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid var(--color-light);
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md);
+  border-radius: var(--radius-xl);
+  background-color: var(--color-bg-surface);
+  box-shadow: var(--shadow-sm);
 }
 
 .sectionTitle {
   margin: 0;
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--color-dark);
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text);
+}
+
+.sectionText {
+  margin: 0;
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-relaxed);
+  color: var(--color-text-secondary);
+}
+
+.settingRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-md);
+}
+
+.settingLabel {
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text);
 }
 
 .cacheSummary {
-  display: grid;
-  gap: 10px;
-  margin: 0 0 16px;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
 }
 
 .cacheSummaryRow {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
-  gap: 16px;
+  gap: var(--spacing-md);
   margin: 0;
+  padding: var(--spacing-sm) 0;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.cacheSummaryRow:last-child {
+  border-bottom: none;
+  padding-bottom: 0;
 }
 
 .cacheSummaryRow dt {
   margin: 0;
-  font-size: 14px;
-  color: var(--color-dark);
+  font-size: var(--font-size-base);
+  color: var(--color-text);
 }
 
 .cacheSummaryRow dd {
   margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--color-dark);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text);
   text-align: right;
 }
 
-.cacheSummaryRowMuted dt,
-.cacheSummaryRowMuted dd {
-  color: var(--color-medium-shade);
-  font-weight: 400;
+.modeHint {
+  margin: 0;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
 }
 
-.modeHint {
-  margin: 4px 0 0;
-  font-size: 13px;
-  color: var(--color-medium-shade);
+.actionButton {
+  flex: none;
+  height: 2.75rem;
 }
diff --git a/src/features/settings/pages/SettingsPage/SettingsPage.tsx b/src/features/settings/pages/SettingsPage/SettingsPage.tsx
index 77d4bdb..2c613c9 100644
--- a/src/features/settings/pages/SettingsPage/SettingsPage.tsx
+++ b/src/features/settings/pages/SettingsPage/SettingsPage.tsx
@@ -1,20 +1,20 @@
 import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
+import { useAuth } from '@/features/auth/hooks/useAuth';
 import { useAppCacheMaintenance } from '@/features/settings/hooks/useAppCacheMaintenance';
 import { WELCOME_SEEN_STORAGE_KEY } from '@/features/welcome/hooks/useFirstRun';
 import { getClearableCacheSizeBytes } from '@/infra/cache/appCache';
+import { getViewedSheetsCount, resetViewedSheets, subscribeViewedSheets } from '@/infra/storage/viewedSheetsStore';
 import { Alert } from '@/shared/ui/Alert';
 import { Button } from '@/shared/ui/Button';
-import { Checkbox } from '@/shared/ui/Checkbox';
 import { Loading } from '@/shared/ui/Loading';
 import { PageHeader } from '@/shared/ui/PageHeader';
 import { SlideUpPage } from '@/shared/ui/SlideUpPage';
+import { Toggle } from '@/shared/ui/Toggle';
 import { formatSizeFromBytes } from '@/shared/utils/storageSize';
 
 import screen from '@/shared/styles/screen.module.css';
-import typography from '@/shared/styles/typography.module.css';
-
 import styles from './SettingsPage.module.css';
 
 export interface SettingsPageProps {
@@ -24,8 +24,12 @@ export interface SettingsPageProps {
 
 export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
   const navigate = useNavigate();
+  const { user, isAuthenticated } = useAuth();
   const { stats, isLoading, isClearing, loadStats, clearCaches } = useAppCacheMaintenance();
   const [isClearConfirmOpen, setIsClearConfirmOpen] = useState(false);
+  const [isResetViewsConfirmOpen, setIsResetViewsConfirmOpen] = useState(false);
+  const [viewedSheetsCount, setViewedSheetsCount] = useState(0);
+  const [isResettingViews, setIsResettingViews] = useState(false);
   const [welcomeSeen, setWelcomeSeen] = useState(
     () => localStorage.getItem(WELCOME_SEEN_STORAGE_KEY) === 'true',
   );
@@ -37,17 +41,46 @@ export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
     }
   }, [isOpen, loadStats]);
 
-  const handleWelcomeSeenChange = (checked: boolean) => {
+  useEffect(() => {
+    if (!isOpen || !isAuthenticated || user?.id === undefined) {
+      setViewedSheetsCount(0);
+      return;
+    }
+
+    const userId = user.id;
+    let cancelled = false;
+
+    void getViewedSheetsCount(userId).then((count) => {
+      if (!cancelled) {
+        setViewedSheetsCount(count);
+      }
+    });
+
+    const unsubscribe = subscribeViewedSheets(() => {
+      void getViewedSheetsCount(userId).then((count) => {
+        if (!cancelled) {
+          setViewedSheetsCount(count);
+        }
+      });
+    });
+
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, [isOpen, isAuthenticated, user?.id]);
+
+  const handleReactivateOnboarding = (checked: boolean) => {
     if (checked) {
-      localStorage.setItem(WELCOME_SEEN_STORAGE_KEY, 'true');
-      setWelcomeSeen(true);
+      localStorage.removeItem(WELCOME_SEEN_STORAGE_KEY);
+      setWelcomeSeen(false);
+      onClose();
+      navigate('/welcome');
       return;
     }
 
-    localStorage.removeItem(WELCOME_SEEN_STORAGE_KEY);
-    setWelcomeSeen(false);
-    onClose();
-    navigate('/welcome');
+    localStorage.setItem(WELCOME_SEEN_STORAGE_KEY, 'true');
+    setWelcomeSeen(true);
   };
 
   const clearableSizeBytes = stats ? getClearableCacheSizeBytes(stats) : 0;
@@ -57,17 +90,28 @@ export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
     setIsClearConfirmOpen(false);
   };
 
+  const handleConfirmResetViews = async () => {
+    if (user?.id === undefined) {
+      return;
+    }
+
+    setIsResettingViews(true);
+    try {
+      await resetViewedSheets(user.id);
+      setIsResetViewsConfirmOpen(false);
+    } finally {
+      setIsResettingViews(false);
+    }
+  };
+
   return (
     <SlideUpPage isOpen={isOpen} onClose={onClose}>
-      <PageHeader title="Paramètres" onClose={onClose} />
+      <PageHeader title="Paramètres" onClose={onClose} showCloseButton={false} showBackButton={true} onBack={onClose}/>
 
       <main className={`${screen.screenContainer} ${styles.content}`}>
-        <h1 className={typography.title}>Paramètres</h1>
-        <p className={typography.subtitle}>Préférences de l’application.</p>
-
         <section className={styles.section}>
           <h2 className={styles.sectionTitle}>Carte</h2>
-          <p className={typography.paragraph}>
+          <p className={styles.sectionText}>
             La position, le zoom, les calques visibles et les filtres des points sont mémorisés
             automatiquement entre les sessions.
           </p>
@@ -75,20 +119,42 @@ export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
 
         <section className={styles.section}>
           <h2 className={styles.sectionTitle}>Onboarding</h2>
-          <Checkbox
-            label="Onboarding déjà vu"
-            checked={welcomeSeen}
-            onChange={handleWelcomeSeenChange}
-          />
+          <div className={styles.settingRow}>
+            <span className={styles.settingLabel}>Réactiver l&apos;onboarding</span>
+            <Toggle
+              checked={!welcomeSeen}
+              onChange={handleReactivateOnboarding}
+            />
+          </div>
           <p className={styles.modeHint}>
-            Décochez pour rouvrir l’onboarding immédiatement.
+            Permet de revoir l’onboarding même s&apos;il a déjà été consulté.
           </p>
         </section>
 
+        {isAuthenticated ? (
+          <section className={styles.section}>
+            <h2 className={styles.sectionTitle}>Compte</h2>
+            <p className={styles.sectionText}>
+              {viewedSheetsCount === 0
+                ? 'Aucune fiche consultée n’est enregistrée sur cet appareil.'
+                : `${viewedSheetsCount} fiche${viewedSheetsCount > 1 ? 's' : ''} consultée${viewedSheetsCount > 1 ? 's' : ''} enregistrée${viewedSheetsCount > 1 ? 's' : ''} sur cet appareil.`}
+            </p>
+            <Button
+              fullWidth
+              className={styles.actionButton}
+              disabled={viewedSheetsCount === 0 || isResettingViews}
+              loading={isResettingViews}
+              onClick={() => setIsResetViewsConfirmOpen(true)}
+            >
+              Remettre le compteur de fiches à 0
+            </Button>
+          </section>
+        ) : null}
+
         <section className={styles.section}>
           <h2 className={styles.sectionTitle}>Cache</h2>
-          <p className={typography.paragraph}>
-            Données temporaires mises en cache pour accélérer l’application (API, popups
+          <p className={styles.sectionText}>
+            Données temporaires mises en cache pour accélérer l’application (API, popups,
             géodésie).
           </p>
 
@@ -106,7 +172,7 @@ export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
                 </dd>
               </div>
               <div className={styles.cacheSummaryRow}>
-                <dt>Géodésie (GetFeatureInfo)</dt>
+                <dt>Géodésie</dt>
                 <dd>
                   {formatSizeFromBytes(stats.geodesyFeatureInfoSizeBytes)}
                   {stats.geodesyFeatureInfoEntryCount > 0
@@ -131,9 +197,8 @@ export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
           )}
 
           <Button
-            color="danger"
-            variant="outline"
             fullWidth
+            className={styles.actionButton}
             disabled={isLoading || isClearing || clearableSizeBytes === 0}
             loading={isClearing}
             onClick={() => setIsClearConfirmOpen(true)}
@@ -143,6 +208,28 @@ export function SettingsPage({ isOpen, onClose }: SettingsPageProps) {
         </section>
       </main>
 
+      <Alert
+        isOpen={isResetViewsConfirmOpen}
+        onClose={() => setIsResetViewsConfirmOpen(false)}
+        title="Remettre le compteur à 0 ?"
+        subtitle="Les fiches déjà consultées ne seront plus comptées. Les prochaines ouvertures relanceront le compteur."
+        buttons={[
+          {
+            label: 'Annuler',
+            variant: 'outline',
+            onClick: () => setIsResetViewsConfirmOpen(false),
+          },
+          {
+            label: 'Réinitialiser',
+            color: 'danger',
+            loading: isResettingViews,
+            onClick: () => {
+              void handleConfirmResetViews();
+            },
+          },
+        ]}
+      />
+
       <Alert
         isOpen={isClearConfirmOpen}
         onClose={() => setIsClearConfirmOpen(false)}
diff --git a/src/features/welcome/pages/WelcomePage.module.css b/src/features/welcome/pages/WelcomePage.module.css
index fd8ace1..de8e8f6 100644
--- a/src/features/welcome/pages/WelcomePage.module.css
+++ b/src/features/welcome/pages/WelcomePage.module.css
@@ -7,7 +7,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  background-color: #f7f7f7;
+  background-color: var(--color-bg-page);
   padding-top: max(0.75rem, var(--safe-top));
   padding-right: 1.25rem;
   padding-bottom: max(1.25rem, calc(var(--safe-bottom) + 0.75rem));
@@ -51,7 +51,7 @@
 .title {
   margin: 0 0 0.75rem;
   max-width: 20.2rem;
-  color: #2a2826;
+  color: var(--color-text);
   text-align: center;
   font-family: 'Fira Sans', system-ui, sans-serif;
   font-size: 1.5rem;
@@ -63,7 +63,7 @@
 .description {
   margin: 0;
   max-width: 19.875rem;
-  color: #605a56;
+  color: var(--color-text-secondary);
   text-align: center;
   font-family: 'Fira Sans', system-ui, sans-serif;
   font-size: 1.0625rem;
@@ -85,13 +85,13 @@
   width: 12px;
   height: 12px;
   border-radius: 8px;
-  background-color: rgba(42, 40, 38, 0.2);
+  background-color: var(--color-bg-hover);
   transition: width 0.2s ease, background-color 0.2s ease;
 }
 
 .dotActive {
   width: 24px;
-  background-color: var(--color-primary);
+  background-color: var(--color-text-primary);
 }
 
 .footer {
@@ -117,8 +117,8 @@
 }
 
 .footerOutline {
-  border-color: rgba(42, 40, 38, 0.2);
-  color: var(--color-primary);
+  border-color: var(--color-bg-hover);
+  color: var(--color-text-primary);
   background-color: transparent;
 }
 
diff --git a/src/infra/map/openlayers/geoportailLayers.ts b/src/infra/map/openlayers/geoportailLayers.ts
index 6766d84..f27df04 100644
--- a/src/infra/map/openlayers/geoportailLayers.ts
+++ b/src/infra/map/openlayers/geoportailLayers.ts
@@ -2,7 +2,6 @@ import LayerGroup from 'ol/layer/Group';
 import ol_layer_Geoportail from 'ol-ext/layer/Geoportail';
 import {
   DEFAULT_GEOPORTAIL_LAYERS,
-  GEOPORTAIL_API_KEY,
   GEOPORTAIL_LAYER_TITLES,
   GEOPORTAIL_LAYERS,
   GEOPORTAIL_PRIVATE_SCAN_API_KEY,
@@ -32,12 +31,6 @@ interface GeoportailCapability {
   maxZoom?: number;
 }
 
-interface GeoportailEndpointConfig {
-  server: string;
-  gppKey: string;
-}
-
-const GEOPORTAIL_PROXY_SERVER = 'https://wxs.ign.fr/proxy/';
 
 // Type augmentation for missing static property in type definitions
 const GeoportailClass = ol_layer_Geoportail as typeof ol_layer_Geoportail & {
@@ -78,28 +71,6 @@ function patchPrivateScanCapabilities(): void {
 
 patchPrivateScanCapabilities();
 
-function getGeoportailEndpointConfig(url: string): GeoportailEndpointConfig {
-  const serverUrl = url.split('?')[0];
-
-  if (serverUrl.includes('data.geopf.fr/private')) {
-    return {
-      server: GEOPORTAIL_PRIVATE_WMTS_SERVER,
-      gppKey: GEOPORTAIL_PRIVATE_SCAN_API_KEY,
-    };
-  }
-
-  if (serverUrl.includes('data.geopf.fr')) {
-    return {
-      server: 'https://data.geopf.fr/wmts',
-      gppKey: GEOPORTAIL_PUBLIC_GPF_KEY,
-    };
-  }
-
-  return {
-    server: GEOPORTAIL_PROXY_SERVER,
-    gppKey: GEOPORTAIL_API_KEY,
-  };
-}
 
 function getDefaultGeoportailLayerConfig(
   layerName: string,
@@ -121,7 +92,7 @@ let geoportailCapabilitiesPromise: Promise<void> | null = null;
  * Une seule requête GetCapabilities partagée (même en StrictMode / cartes multiples).
  * Ne bloque pas l’affichage : les defaults ol-ext suffisent en attendant.
  */
-export function initGeoportailCapabilities(): Promise<void> {
+function initGeoportailCapabilities(): Promise<void> {
   if (!geoportailCapabilitiesPromise) {
     geoportailCapabilitiesPromise = (async () => {
       const [publicCapabilities, privateCapabilities] = await Promise.all([
@@ -150,7 +121,7 @@ export function preloadGeoportailCapabilities(): void {
   });
 }
 
-export function createGeoportailLayer(config: GeoportailLayerConfig): ol_layer_Geoportail {
+function createGeoportailLayer(config: GeoportailLayerConfig): ol_layer_Geoportail {
   const { name, visible = false, opacity = 1 } = config;
   const capability = GeoportailClass.capabilities[name];
   const server = config.server ?? capability?.server;
@@ -191,7 +162,7 @@ export function createGeoportailLayer(config: GeoportailLayerConfig): ol_layer_G
   return layer;
 }
 
-export function getGeoportailLayerTitle(layerName: string): string {
+function getGeoportailLayerTitle(layerName: string): string {
   return GEOPORTAIL_LAYER_TITLES[layerName] ?? layerName;
 }
 
@@ -233,4 +204,3 @@ export function getGeoportailLayerGroup(map: import('ol/Map').default): LayerGro
   return group instanceof LayerGroup ? group : null;
 }
 
-export { GEOPORTAIL_API_KEY, getGeoportailEndpointConfig };
diff --git a/src/infra/news/fetchGdpNews.ts b/src/infra/news/fetchGdpNews.ts
new file mode 100644
index 0000000..1bb4b90
--- /dev/null
+++ b/src/infra/news/fetchGdpNews.ts
@@ -0,0 +1,34 @@
+import { parseGdpNewsFeed } from '@/domain/news/mappers';
+import type { GdpNewsItem } from '@/domain/news/models';
+
+const FETCH_TIMEOUT_MS = 8000;
+
+export async function fetchGdpNews(feedUrl: string): Promise<GdpNewsItem[]> {
+  const url = feedUrl.trim();
+  if (!url) {
+    return [];
+  }
+
+  const controller = new AbortController();
+  const timeoutId = window.setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
+
+  try {
+    const response = await fetch(url, {
+      method: 'GET',
+      signal: controller.signal,
+      headers: { Accept: 'application/json' },
+      cache: 'no-store',
+    });
+
+    if (!response.ok) {
+      return [];
+    }
+
+    const payload: unknown = await response.json();
+    return parseGdpNewsFeed(payload).items;
+  } catch {
+    return [];
+  } finally {
+    window.clearTimeout(timeoutId);
+  }
+}
diff --git a/src/infra/persistence/mapViewportStore.ts b/src/infra/persistence/mapViewportStore.ts
index bd7eb65..ef21490 100644
--- a/src/infra/persistence/mapViewportStore.ts
+++ b/src/infra/persistence/mapViewportStore.ts
@@ -285,16 +285,3 @@ export function getDefaultMapPreferences(): PersistedMapPreferences {
     reportMapLayers: DEFAULT_REPORT_MAP_LAYER_VISIBILITY,
   };
 }
-
-export async function getMapViewport(): Promise<PersistedMapViewport | null> {
-  const preferences = await getMapPreferences();
-  return preferences;
-}
-
-export async function saveMapViewport(viewport: PersistedMapViewport): Promise<void> {
-  await saveMapPreferences(viewport);
-}
-
-export function getDefaultMapViewport(): PersistedMapViewport {
-  return getDefaultMapPreferences();
-}
diff --git a/src/infra/storage/dismissedNewsStore.ts b/src/infra/storage/dismissedNewsStore.ts
new file mode 100644
index 0000000..89910b7
--- /dev/null
+++ b/src/infra/storage/dismissedNewsStore.ts
@@ -0,0 +1,44 @@
+import { Storage } from '@ign/mobile-device';
+
+import { storageKey } from '@/shared/constants/storage';
+
+const DISMISSED_NEWS_KEY = storageKey('DISMISSED_NEWS_IDS');
+
+/** News déjà vues ou fermées pendant cette session d’app (survit au démontage de la carte). */
+const sessionSeenNewsIds = new Set<string>();
+
+function isStringArray(value: unknown): value is string[] {
+  return Array.isArray(value) && value.every((item) => typeof item === 'string');
+}
+
+export function getSessionSeenNewsIds(): string[] {
+  return [...sessionSeenNewsIds];
+}
+
+/** Mémorise des news pour le reste de la session (fermeture ou simple affichage). */
+export function rememberSessionNewsIds(ids: readonly string[]): void {
+  for (const id of ids) {
+    const trimmed = id.trim();
+    if (trimmed) {
+      sessionSeenNewsIds.add(trimmed);
+    }
+  }
+}
+
+export async function getPersistedDismissedNewsIds(): Promise<string[]> {
+  const stored = await Storage.get(DISMISSED_NEWS_KEY, 'array');
+  if (!isStringArray(stored)) {
+    return [];
+  }
+  return stored.filter((id) => id.trim().length > 0);
+}
+
+export async function persistDismissedNewsId(id: string): Promise<string[]> {
+  const current = await getPersistedDismissedNewsIds();
+  if (current.includes(id)) {
+    return current;
+  }
+  const next = [...current, id];
+  await Storage.set(DISMISSED_NEWS_KEY, next, 'array');
+  return next;
+}
diff --git a/src/infra/storage/localReportDraftsStore.ts b/src/infra/storage/localReportDraftsStore.ts
index 2275995..911f9fc 100644
--- a/src/infra/storage/localReportDraftsStore.ts
+++ b/src/infra/storage/localReportDraftsStore.ts
@@ -29,7 +29,8 @@ export async function getLocalReportDraft(id: string): Promise<LocalReportDraft
 
 export async function saveLocalReportDraft(draft: LocalReportDraft): Promise<void> {
   const drafts = await listLocalReportDrafts();
-  await Storage.set(LOCAL_REPORT_DRAFTS_KEY, [draft, ...drafts], 'array');
+  const withoutCurrent = drafts.filter((entry) => entry.id !== draft.id);
+  await Storage.set(LOCAL_REPORT_DRAFTS_KEY, [draft, ...withoutCurrent], 'array');
 }
 
 export async function deleteLocalReportDraft(id: string): Promise<void> {
diff --git a/src/infra/storage/viewedSheetsStore.ts b/src/infra/storage/viewedSheetsStore.ts
new file mode 100644
index 0000000..cee1efc
--- /dev/null
+++ b/src/infra/storage/viewedSheetsStore.ts
@@ -0,0 +1,84 @@
+import { Storage } from '@ign/mobile-device';
+
+import { storageKey } from '@/shared/constants/storage';
+
+const VIEWED_SHEETS_KEY = storageKey('VIEWED_SHEETS');
+
+type ViewedSheetsByUser = Record<string, Record<string, number>>;
+
+const listeners = new Set<() => void>();
+
+function emitChange(): void {
+  for (const listener of listeners) {
+    listener();
+  }
+}
+
+export function subscribeViewedSheets(listener: () => void): () => void {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+
+function isSheetMap(value: unknown): value is Record<string, number> {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    return false;
+  }
+
+  return Object.values(value).every((timestamp) => typeof timestamp === 'number');
+}
+
+function isViewedSheetsByUser(value: unknown): value is ViewedSheetsByUser {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    return false;
+  }
+
+  return Object.values(value).every(isSheetMap);
+}
+
+async function readAll(): Promise<ViewedSheetsByUser> {
+  const stored = await Storage.get(VIEWED_SHEETS_KEY, 'object');
+  return isViewedSheetsByUser(stored) ? stored : {};
+}
+
+export async function getViewedSheetsCount(userId: number): Promise<number> {
+  const all = await readAll();
+  return Object.keys(all[String(userId)] ?? {}).length;
+}
+
+export async function trackViewedSheet(userId: number, sheetId: string): Promise<boolean> {
+  const normalizedId = sheetId.trim();
+  if (!normalizedId) {
+    return false;
+  }
+
+  const all = await readAll();
+  const userKey = String(userId);
+  const current = all[userKey] ?? {};
+
+  if (current[normalizedId] !== undefined) {
+    return false;
+  }
+
+  all[userKey] = {
+    ...current,
+    [normalizedId]: Date.now(),
+  };
+
+  await Storage.set(VIEWED_SHEETS_KEY, all, 'object');
+  emitChange();
+  return true;
+}
+
+export async function resetViewedSheets(userId: number): Promise<void> {
+  const all = await readAll();
+  const userKey = String(userId);
+
+  if (all[userKey] === undefined) {
+    emitChange();
+    return;
+  }
+
+  delete all[userKey];
+  await Storage.set(VIEWED_SHEETS_KEY, all, 'object');
+  emitChange();
+}
diff --git a/src/main.tsx b/src/main.tsx
index 5321925..f4ede44 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,14 +4,15 @@ import { createRoot } from 'react-dom/client';
 import { App } from './app/App';
 
 
-import '@fontsource/open-sans/400.css';
-import '@fontsource/open-sans/500.css';
-import '@fontsource/open-sans/600.css';
-import '@fontsource/open-sans/700.css';
-import '@fontsource/fira-sans/400.css';
-import '@fontsource/fira-sans/500.css';
-import '@fontsource/fira-sans/600.css';
-import '@fontsource/fira-sans/700.css';
+import './styles/fonts.css';
+import '@fontsource/fira-sans/latin-400.css';
+import '@fontsource/fira-sans/latin-ext-400.css';
+import '@fontsource/fira-sans/latin-500.css';
+import '@fontsource/fira-sans/latin-ext-500.css';
+import '@fontsource/fira-sans/latin-600.css';
+import '@fontsource/fira-sans/latin-ext-600.css';
+import '@fontsource/fira-sans/latin-700.css';
+import '@fontsource/fira-sans/latin-ext-700.css';
 import './styles/global.css';
 
 createRoot(document.getElementById('root')!).render(
diff --git a/src/pages/login/LoginPage.tsx b/src/pages/login/LoginPage.tsx
deleted file mode 100644
index cdceaf4..0000000
--- a/src/pages/login/LoginPage.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { LoginPage } from '@/features/auth/pages/Login/LoginPage';
diff --git a/src/pages/map/MapPage.module.css b/src/pages/map/MapPage.module.css
index ce53c12..747187c 100644
--- a/src/pages/map/MapPage.module.css
+++ b/src/pages/map/MapPage.module.css
@@ -3,7 +3,7 @@
   flex-direction: column;
   height: 100dvh;
   margin-top: calc(-1 * var(--safe-top));
-  background: var(--color-dark);
+
   --map-tabbar-height: calc(6.5rem + var(--safe-bottom));
   --map-sheet-height: 4.5rem;
   --map-fab-sheet-offset: 4.5rem;
@@ -18,8 +18,8 @@
 
 .mapChrome {
   position: absolute;
-  left: 1rem;
-  right: 1rem;
+  left: 0;
+  right: 0;
   bottom: 0;
   z-index: 2;
   display: flex;
@@ -27,6 +27,19 @@
   pointer-events: none;
 }
 
+.mapChromeSearchOpen {
+  top: 0;
+  overflow: hidden;
+  background: var(--color-bg-page);
+  pointer-events: auto;
+}
+
+.mapChromeSearchOpen > :global(nav) {
+  position: relative;
+  z-index: 1;
+  margin-top: auto;
+}
+
 .mapChrome > * {
   pointer-events: auto;
 }
@@ -58,7 +71,7 @@
   padding: 0;
   border: none;
   border-radius: 50%;
-  background-color: var(--color-white);
+  background-color: var(--color-bg-subtle);
   box-shadow: 0 2px 12px rgba(9, 22, 37, 0.16);
   cursor: pointer;
   pointer-events: auto;
@@ -70,7 +83,7 @@
 }
 
 .mapFabActive {
-  background-color: var(--color-primary);
+  background-color: var(--color-text-primary);
   color: var(--color-white);
 }
 
@@ -80,7 +93,7 @@
 }
 
 .mapFabLocked {
-  background-color: var(--color-primary);
+  background-color: var(--color-text-primary);
   color: var(--color-white);
   animation: pulse-locked 2s ease-in-out infinite;
 }
@@ -105,12 +118,12 @@
 }
 
 .mapFabIcon path {
-  fill: var(--color-dark);
+  fill: var(--color-text);
 }
 
 .mapFabStack {
   position: absolute;
-  top: max(0.75rem, var(--safe-top));
+  top: max(2.5rem, var(--safe-top));
   right: 1rem;
   z-index: 2;
   display: flex;
@@ -127,10 +140,20 @@
 }
 
 .geolocationFab {
-  right: 1rem;
-  bottom: calc(var(--map-tabbar-height) + 0.2rem);
+  right: 1.2rem;
+  bottom: calc(var(--map-tabbar-height) + 0.8rem);
+}
+
+.compassFab {
+  right: 1.2rem;
+  bottom: calc(var(--map-tabbar-height) + 0.8rem + var(--map-fab-size) + 0.5rem);
 }
 
+.compassIcon {
+  width: 1.5rem;
+  height: 1.5rem;
+  transition: transform 0.1s ease-out;
+}
 
 .geolocationIcon {
   width: 1.75rem;
@@ -138,7 +161,7 @@
 }
 
 .geolocationIcon path {
-  fill: var(--color-dark);
+  fill: var(--color-text);
 }
 
 .geolocationLoading {
@@ -151,7 +174,7 @@
 }
 
 .mapTarget :global(.ol-scale-line) {
-  bottom: calc(var(--map-tabbar-height) + 0.2rem);
+  bottom: calc(var(--map-tabbar-height) + 0.8rem);
   left: 1rem;
 }
 
diff --git a/src/pages/map/MapPage.tsx b/src/pages/map/MapPage.tsx
index fc8446a..05c1deb 100644
--- a/src/pages/map/MapPage.tsx
+++ b/src/pages/map/MapPage.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import {
   isGeodesyLayerReportingEnabled,
@@ -21,10 +21,14 @@ import { LegendPage } from '@/features/legend/pages/LegendPage';
 import { MapBottomSheet } from '@/features/map/components/MapBottomSheet';
 import { GeodesyPointReportWizard } from '@/features/map/components/GeodesyPointReportWizard';
 import { MapLayersPanelFlow } from '@/features/map/components/MapLayersPanelFlow';
+import { GdpNewsBanners } from '@/features/news/components/GdpNewsBanners/GdpNewsBanners';
+import { useGdpNews } from '@/features/news/hooks/useGdpNews';
 import { countActiveMapGeodesyFilters } from '@/features/map/components/MapGeodesyFiltersPanel';
 import type { MapLayerGroupId } from '@/features/map/types/mapLayerGroups';
 import type { GeodesyPointReportMapContext } from '@/domain/report/geodesyPointMapContext';
 import type { GroupReport } from '@/domain/report/groupReportModels';
+import type { LocalReportDraft } from '@/domain/report/localReportDraft';
+import { useLocalReportDrafts } from '@/features/report/hooks/useLocalReportDrafts';
 import { useMap } from '@/features/map/hooks/useMap';
 import { useMapGeodesyClick } from '@/features/map/hooks/useMapGeodesyClick';
 import { useMapClickSelectionMarker } from '@/features/map/hooks/useMapClickSelectionMarker';
@@ -57,6 +61,7 @@ import {
 } from '@/infra/map/openlayers/geoportailLayers';
 
 import IconGeolocation from '@/shared/assets/icons/icon-geolocation.svg?react';
+import IconCompass from '@/shared/assets/icons/icon-compass-needle.svg?react';
 import IconFilter from '@/shared/assets/icons/icon-filter.svg?react';
 import IconBurger from '@/shared/assets/icons/icon-burger.svg?react';
 import IconLayers from '@/shared/assets/icons/icon-layers.svg?react';
@@ -66,7 +71,6 @@ import styles from './MapPage.module.css';
 
 interface MapFocusReportState {
   focusReport?: {
-    id: number;
     longitude: number;
     latitude: number;
   };
@@ -83,11 +87,7 @@ function isMapFocusReportState(value: unknown): value is MapFocusReportState {
     return false;
   }
 
-  return (
-    typeof focus.id === 'number' &&
-    typeof focus.longitude === 'number' &&
-    typeof focus.latitude === 'number'
-  );
+  return typeof focus.longitude === 'number' && typeof focus.latitude === 'number';
 }
 
 interface OpenReportPointState {
@@ -115,6 +115,12 @@ export function MapPage() {
   const navigate = useNavigate();
   const location = useLocation();
   const { user, isAuthenticated, logout } = useAuth();
+  const {
+    items: newsItems,
+    currentItems: currentNews,
+    isLoading: isNewsLoading,
+    dismiss: dismissNews,
+  } = useGdpNews();
   const {
     mapElementRef,
     map,
@@ -124,6 +130,8 @@ export function MapPage() {
     isMapReady,
     userFollowingMode,
     setUserFollowingMode,
+    rotation,
+    resetRotation,
   } = useMap();
   const [activeBasemap, setActiveBasemap] = useState<string>(GEOPORTAIL_LAYERS.PLAN_IGN);
   const [geoservicesVisible, setGeoservicesVisible] = useState(true);
@@ -131,6 +139,8 @@ export function MapPage() {
   const [layersPanelFocus, setLayersPanelFocus] = useState<MapLayerGroupId | null>(null);
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [isLegendOpen, setIsLegendOpen] = useState(false);
+  const legendFabRef = useRef<HTMLButtonElement>(null);
+  const [legendMaxSheetHeight, setLegendMaxSheetHeight] = useState<number | undefined>(undefined);
   const [sheetHeight, setSheetHeight] = useState(0);
   const [fabSheetOffset, setFabSheetOffset] = useState(0);
   const [isTabbarHiddenByPoint, setIsTabbarHiddenByPoint] = useState(false);
@@ -198,7 +208,11 @@ export function MapPage() {
     pictoUrlMaps: geodesy.catalog.wfsPictoUrlMaps,
   });
 
-  useUserLocationMarker({ map, isMapReady });
+  useUserLocationMarker({
+    map,
+    isMapReady,
+    enabled: userFollowingMode !== 'none',
+  });
   useMapClickSelectionMarker({
     map,
     isMapReady,
@@ -213,13 +227,28 @@ export function MapPage() {
 
   const handleReportMapSelect = useCallback(
     (report: GroupReport) => {
-      if (report.longitude === null || report.latitude === null) {
-        return;
-      }
+      navigate(`/reports/history/${report.id}`, { state: { from: 'map' } });
+    },
+    [navigate],
+  );
 
-      void focusOnCoordinate(report.longitude, report.latitude, GROUP_REPORT_MAP_FOCUS_ZOOM);
+  const { drafts: localReportDrafts, refetch: refetchLocalReportDrafts } = useLocalReportDrafts();
+  const notSentLocalReportDrafts = useMemo(
+    () => localReportDrafts.filter((draft) => draft.status === 'not_sent'),
+    [localReportDrafts],
+  );
+
+  useEffect(() => {
+    if (reportMapLayers.myReports) {
+      void refetchLocalReportDrafts();
+    }
+  }, [reportMapLayers.myReports, refetchLocalReportDrafts]);
+
+  const handleLocalDraftMapSelect = useCallback(
+    (draft: LocalReportDraft) => {
+      navigate(`/reports/${draft.id}`, { state: { from: 'map' } });
     },
-    [focusOnCoordinate],
+    [navigate],
   );
 
   useReportMapLayers({
@@ -228,7 +257,9 @@ export function MapPage() {
     isAuthenticated,
     userId: user?.id,
     visibility: reportMapLayers,
+    localDrafts: notSentLocalReportDrafts,
     onReportSelect: handleReportMapSelect,
+    onLocalDraftSelect: handleLocalDraftMapSelect,
   });
 
   // Fermer couches / filtres / légende au clic carte (comme recherche & signalements).
@@ -404,6 +435,24 @@ export function MapPage() {
     setIsLegendOpen((current) => !current);
   };
 
+  // Plafonne la fiche légende dépliée pour ne pas couvrir le bouton qui l'ouvre.
+  useEffect(() => {
+    if (!isLegendOpen) {
+      return;
+    }
+
+    const updateLegendMaxSheetHeight = () => {
+      const top = legendFabRef.current?.getBoundingClientRect().top;
+      if (top !== undefined) {
+        setLegendMaxSheetHeight(Math.max(0, window.innerHeight - top));
+      }
+    };
+
+    updateLegendMaxSheetHeight();
+    window.addEventListener('resize', updateLegendMaxSheetHeight);
+    return () => window.removeEventListener('resize', updateLegendMaxSheetHeight);
+  }, [isLegendOpen]);
+
   const handleCloseLayersPanel = () => {
     setIsLayersPanelOpen(false);
     setLayersPanelFocus(null);
@@ -469,16 +518,19 @@ export function MapPage() {
         user={user}
         isAuthenticated={isAuthenticated}
         onNavigate={handleMenuNavigate}
+        hasNews={currentNews.length > 0}
       />
 
       <div className={styles.mapContainer}>
         <div ref={mapElementRef} className={styles.mapTarget} />
 
         <div className={styles.mapOverlays}>
+          <GdpNewsBanners items={newsItems} onDismiss={dismissNews} />
+
           <button
             type="button"
             className={styles.mapFab}
-            style={{ top: 'max(0.75rem, var(--safe-top))', left: '1rem' }}
+            style={{ top: 'max(2.5rem, var(--safe-top))', left: '1rem' }}
             onClick={handleOpenMenu}
             aria-label="Menu"
           >
@@ -507,6 +559,7 @@ export function MapPage() {
               <IconLayers className={styles.mapFabIcon} aria-hidden />
             </button>
             <button
+              ref={legendFabRef}
               type="button"
               className={`${styles.mapFab} ${isLegendOpen ? styles.mapFabActive : ''}`}
               aria-label="Légende"
@@ -532,6 +585,20 @@ export function MapPage() {
             </div>
           )}
 
+          <button
+            type="button"
+            className={styles.mapFab + ' ' + styles.compassFab}
+            aria-label="Réorienter la carte vers le Nord"
+            disabled={!isMapReady}
+            onClick={() => resetRotation()}
+          >
+            <IconCompass
+              className={styles.compassIcon}
+              style={{ transform: `rotate(${(-rotation * 180) / Math.PI}deg)` }}
+              aria-hidden
+            />
+          </button>
+
           <button
             type="button"
             className={[
@@ -560,7 +627,9 @@ export function MapPage() {
           </button>
         </div>
 
-        <div className={styles.mapChrome}>
+        <div
+          className={`${styles.mapChrome} ${isSearchPanelOpen ? styles.mapChromeSearchOpen : ''}`}
+        >
           <MapBottomSheet
             map={map}
             isMapReady={isMapReady}
@@ -634,7 +703,11 @@ export function MapPage() {
         onClose={() => setReportWizardContext(null)}
       />
 
-      <LegendPage isOpen={isLegendOpen} onClose={() => setIsLegendOpen(false)} />
+      <LegendPage
+        isOpen={isLegendOpen}
+        onClose={() => setIsLegendOpen(false)}
+        maxExpandedHeight={legendMaxSheetHeight}
+      />
 
       <MyAccountPage
         isOpen={activeOverlay === '/my-account'}
@@ -657,7 +730,12 @@ export function MapPage() {
         isOpen={activeOverlay === '/community'}
         onClose={() => setActiveOverlay(null)}
       />
-      <HelpPage isOpen={activeOverlay === '/help'} onClose={() => setActiveOverlay(null)} />
+      <HelpPage
+        isOpen={activeOverlay === '/help'}
+        onClose={() => setActiveOverlay(null)}
+        newsItems={currentNews}
+        isNewsLoading={isNewsLoading}
+      />
       <AboutPage isOpen={activeOverlay === '/about'} onClose={() => setActiveOverlay(null)} />
     </div>
   );
diff --git a/src/pages/report/MyReportsPage.module.css b/src/pages/report/MyReportsPage.module.css
index dd06d03..ee87189 100644
--- a/src/pages/report/MyReportsPage.module.css
+++ b/src/pages/report/MyReportsPage.module.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   min-height: 100dvh;
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
 }
 
 .main {
@@ -25,7 +25,7 @@
   left: 0.875rem;
   width: 1.125rem;
   height: 1.125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
   pointer-events: none;
 }
 
@@ -36,17 +36,17 @@
 .searchInput {
   width: 100%;
   padding: 0.75rem 0.875rem 0.75rem 2.5rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
   font: inherit;
   font-size: 0.9375rem;
-  color: var(--color-dark);
+  color: var(--color-text);
   box-sizing: border-box;
 }
 
 .searchInput::placeholder {
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .filterRow {
@@ -63,27 +63,54 @@
 .filterChip {
   flex-shrink: 0;
   padding: 0.5rem 0.875rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 999px;
   background: var(--color-fiche-surface);
   font-size: 0.8125rem;
   font-weight: 600;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
   cursor: pointer;
   white-space: nowrap;
 }
 
 .filterChipActive {
-  border-color: var(--color-primary);
-  background: var(--color-primary);
-  color: var(--color-primary-contrast);
+  border-color: var(--color-text-primary);
+  background: var(--color-bg-primary);
+  color: var(--color-bg-surface);
 }
 
 .empty {
   padding: 2rem 0;
   text-align: center;
   font-size: 0.875rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
+}
+
+.actionButton {
+  display: flex;
+  height: 2.75rem;
+  padding: 0.6875rem 0.625rem;
+  justify-content: center;
+  align-items: center;
+  gap: var(--Spacing-2xs, 0.25rem);
+  align-self: stretch;
+  border-radius: 6.25rem;
+  background: var(--color-bg-primary);
+}
+
+.notConnected {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 1rem);
+  padding: 2rem 0;
+}
+
+.espaceCollaboratifNote {
+  margin: 0;
+  padding: 0 0.25rem;
+  font-size: 0.8125rem;
+  color: var(--color-text-secondary);
+  text-align: center;
 }
 
 .reportList {
@@ -126,7 +153,7 @@
 .reportId {
   font-size: 0.9375rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .statusBadge {
@@ -139,15 +166,23 @@
 }
 
 .reportReason {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.375rem;
   margin: 0;
   font-size: 0.875rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
-.reportVoie {
-  margin: 0;
-  font-size: 0.8125rem;
-  color: var(--color-medium);
+.reportReasonSeparator {
+  color: var(--color-text-secondary);
+}
+
+.reportDateInline {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3125rem;
 }
 
 .reportMeta {
@@ -160,8 +195,42 @@
   display: flex;
   align-items: center;
   gap: 0.3125rem;
+  flex-shrink: 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
+}
+
+.reportLocationRow {
+  display: flex;
+  align-items: center;
+  gap: 0.3125rem;
+  min-width: 0;
+  font-size: 0.8125rem;
+  color: var(--color-text-secondary);
+}
+
+.reportLocationText {
+  display: flex;
+  align-items: baseline;
+  gap: 0.3125rem;
+  min-width: 0;
+}
+
+.reportVoieText {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.reportLocationSeparator {
+  flex-shrink: 0;
+}
+
+.reportCommuneText {
+  flex-shrink: 0;
+  white-space: nowrap;
 }
 
 .reportMetaIcon {
@@ -181,9 +250,22 @@
   transform: translateY(-50%);
   width: 1rem;
   height: 1rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .reportChevron path {
   fill: currentColor;
 }
+
+.historyLink {
+  align-self: center;
+  padding: 0.5rem 1rem;
+  border: 1px solid var(--color-border);
+  border-radius: 999px;
+  background: var(--color-fiche-surface);
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: var(--color-text-primary);
+  cursor: pointer;
+  white-space: nowrap;
+}
diff --git a/src/pages/report/MyReportsPage.tsx b/src/pages/report/MyReportsPage.tsx
index 54017c0..19d783b 100644
--- a/src/pages/report/MyReportsPage.tsx
+++ b/src/pages/report/MyReportsPage.tsx
@@ -4,6 +4,7 @@ import { GeodesyPointTitle } from '@ign/gdp-tools/react';
 
 import { BottomTabbar } from '@/app/components/BottomTabbar';
 import type { LocalReportDraftStatus } from '@/domain/report/localReportDraft';
+import { useAuth } from '@/features/auth/hooks/useAuth';
 import {
   NON_CONFORM_REASON_LABELS,
   type NonConformReason,
@@ -16,6 +17,9 @@ import {
 } from '@/features/report/utils/localReportDraftStatus';
 import { formatRelativeDayLabel } from '@/shared/utils/date';
 import { joinCSSClassNames } from '@/shared/utils/join';
+import { EXTERNAL_LINKS } from '@/shared/constants/externalLinks';
+import { Button } from '@/shared/ui/Button';
+import { ExternalLink } from '@/shared/ui/ExternalLink';
 import { PageHeader } from '@/shared/ui/PageHeader';
 import IconAngleRight from '@/shared/assets/icons/icon-angle-right.svg?react';
 import IconCalendar from '@/shared/assets/icons/icon-calendar.svg?react';
@@ -29,12 +33,12 @@ type StatusFilter = 'all' | LocalReportDraftStatus;
 const FILTERS: Array<{ value: StatusFilter; label: string }> = [
   { value: 'all', label: 'Tous' },
   { value: 'not_sent', label: 'Pas envoyés' },
-  { value: 'taken_into_account', label: 'Pris en compte' },
-  { value: 'rejected', label: 'Rejeté' },
+  { value: 'sent', label: 'Envoyés' },
 ];
 
 export function MyReportsPage() {
   const navigate = useNavigate();
+  const { isAuthenticated } = useAuth();
   const { drafts, isLoading } = useLocalReportDrafts();
   const [search, setSearch] = useState('');
   const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');
@@ -68,94 +72,133 @@ export function MyReportsPage() {
       />
 
       <main className={styles.main}>
-        <div className={styles.searchWrap}>
-          <IconSearch className={styles.searchIcon} aria-hidden />
-          <input
-            type="text"
-            className={styles.searchInput}
-            placeholder="Rechercher par ID"
-            value={search}
-            onChange={(event) => setSearch(event.target.value)}
-          />
-        </div>
-
-        <div className={styles.filterRow}>
-          {FILTERS.map((filter) => (
+        {!isAuthenticated ? (
+          <div className={styles.notConnected}>
+            <p className="body">
+              Vous n'êtes pas connecté. Connectez-vous pour consulter vos signalements.
+            </p>
+
+            <Button type="button" className={styles.actionButton} fullWidth onClick={() => navigate('/login')}>
+              Se connecter
+            </Button>
+          </div>
+        ) : (
+          <>
+            <div className={styles.searchWrap}>
+              <IconSearch className={styles.searchIcon} aria-hidden />
+              <input
+                type="text"
+                className={styles.searchInput}
+                placeholder="Rechercher par ID"
+                value={search}
+                onChange={(event) => setSearch(event.target.value)}
+              />
+            </div>
+
+            <div className={styles.filterRow}>
+              {FILTERS.map((filter) => (
+                <button
+                  key={filter.value}
+                  type="button"
+                  className={joinCSSClassNames(
+                    styles.filterChip,
+                    statusFilter === filter.value && styles.filterChipActive,
+                  )}
+                  onClick={() => setStatusFilter(filter.value)}
+                >
+                  {filter.label}
+                </button>
+              ))}
+            </div>
+
+            {isLoading ? (
+              <p className={styles.empty}>Chargement…</p>
+            ) : filteredDrafts.length === 0 ? (
+              <p className={styles.empty}>Aucun signalement.</p>
+            ) : (
+              <ul className={styles.reportList}>
+                {filteredDrafts.map((draft) => {
+                  const statusColors = getLocalReportDraftStatusColors(draft.status);
+                  const reasonLabel = draft.isConform
+                    ? 'Conforme'
+                    : (draft.nonConformReasons ?? [])
+                        .map((reason) => NON_CONFORM_REASON_LABELS[reason as NonConformReason])
+                        .join(', ') || 'Non conforme';
+                  const createdAt = new Date(draft.createdAt);
+
+                  return (
+                    <li key={draft.id}>
+                      <button
+                        type="button"
+                        className={styles.reportCard}
+                        style={{
+                          '--report-card-hover-color': statusColors.color,
+                          '--report-card-hover-rgb': getLocalReportDraftStatusAccentRgb(
+                            draft.status,
+                          ),
+                        } as CSSProperties}
+                        onClick={() => navigate(`/reports/${draft.id}`)}
+                      >
+                        <div className={styles.reportCardHeader}>
+                          <GeodesyPointTitle
+                            title={draft.title}
+                            picto={draft.titlePicto}
+                            className={styles.reportId}
+                          />
+                          <span
+                            className={styles.statusBadge}
+                            style={{ color: statusColors.color, background: statusColors.background }}
+                          >
+                            {getLocalReportDraftStatusLabel(draft.status)}
+                          </span>
+                        </div>
+                        <p className={styles.reportReason}>
+                          <span>{reasonLabel}</span>
+                          <span className={styles.reportReasonSeparator}>·</span>
+                          <span className={styles.reportDateInline}>
+                            <IconCalendar className={styles.reportMetaIcon} aria-hidden />
+                            {formatRelativeDayLabel(createdAt)}
+                          </span>
+                        </p>
+                        {draft.voieSuivie || draft.commune ? (
+                          <div className={styles.reportLocationRow}>
+                            <IconLocation className={styles.reportMetaIcon} aria-hidden />
+                            <span className={styles.reportLocationText}>
+                              {draft.commune ? (
+                                <span className={styles.reportCommuneText}>{draft.commune}</span>
+                              ) : null}
+                              {draft.commune && draft.voieSuivie ? (
+                                <span className={styles.reportLocationSeparator}>,</span>
+                              ) : null}
+                              {draft.voieSuivie ? (
+                                <span className={styles.reportVoieText} title={draft.voieSuivie}>
+                                  {draft.voieSuivie}
+                                </span>
+                              ) : null}
+                            </span>
+                          </div>
+                        ) : null}
+                        <IconAngleRight className={styles.reportChevron} aria-hidden />
+                      </button>
+                    </li>
+                  );
+                })}
+              </ul>
+            )}
+
             <button
-              key={filter.value}
               type="button"
-              className={joinCSSClassNames(
-                styles.filterChip,
-                statusFilter === filter.value && styles.filterChipActive,
-              )}
-              onClick={() => setStatusFilter(filter.value)}
+              className={styles.historyLink}
+              onClick={() => navigate('/reports/history')}
             >
-              {filter.label}
+              Mes anciens signalements
             </button>
-          ))}
-        </div>
 
-        {isLoading ? (
-          <p className={styles.empty}>Chargement…</p>
-        ) : filteredDrafts.length === 0 ? (
-          <p className={styles.empty}>Aucun signalement.</p>
-        ) : (
-          <ul className={styles.reportList}>
-            {filteredDrafts.map((draft) => {
-              const statusColors = getLocalReportDraftStatusColors(draft.status);
-              const reasonLabel = draft.isConform
-                ? 'Conforme'
-                : (draft.nonConformReasons ?? [])
-                    .map((reason) => NON_CONFORM_REASON_LABELS[reason as NonConformReason])
-                    .join(', ') || 'Non conforme';
-              const createdAt = new Date(draft.createdAt);
-
-              return (
-                <li key={draft.id}>
-                  <button
-                    type="button"
-                    className={styles.reportCard}
-                    style={{
-                      '--report-card-hover-color': statusColors.color,
-                      '--report-card-hover-rgb': getLocalReportDraftStatusAccentRgb(draft.status),
-                    } as CSSProperties}
-                    onClick={() => navigate(`/reports/${draft.id}`)}
-                  >
-                    <div className={styles.reportCardHeader}>
-                      <GeodesyPointTitle
-                        title={draft.title}
-                        picto={draft.titlePicto}
-                        className={styles.reportId}
-                      />
-                      <span
-                        className={styles.statusBadge}
-                        style={{ color: statusColors.color, background: statusColors.background }}
-                      >
-                        {getLocalReportDraftStatusLabel(draft.status)}
-                      </span>
-                    </div>
-                    <p className={styles.reportReason}>{reasonLabel}</p>
-                    {draft.voieSuivie ? (
-                      <p className={styles.reportVoie}>{draft.voieSuivie}</p>
-                    ) : null}
-                    <div className={styles.reportMeta}>
-                      <span className={styles.reportMetaItem}>
-                        <IconCalendar className={styles.reportMetaIcon} aria-hidden />
-                        {formatRelativeDayLabel(createdAt)}
-                      </span>
-                      {draft.commune ? (
-                        <span className={styles.reportMetaItem}>
-                          <IconLocation className={styles.reportMetaIcon} aria-hidden />
-                          {draft.commune}
-                        </span>
-                      ) : null}
-                    </div>
-                    <IconAngleRight className={styles.reportChevron} aria-hidden />
-                  </button>
-                </li>
-              );
-            })}
-          </ul>
+            <p className={styles.espaceCollaboratifNote}>
+              Pour plus de détails sur vos signalements (statut, historique…), rendez-vous sur{' '}
+              <ExternalLink href={EXTERNAL_LINKS.ESPACE_COLLABORATIF_PROFILE}>l'espace collaboratif</ExternalLink>.
+            </p>
+          </>
         )}
       </main>
 
diff --git a/src/pages/report/ReportDetailPage.module.css b/src/pages/report/ReportDetailPage.module.css
index 05ed825..2e532e4 100644
--- a/src/pages/report/ReportDetailPage.module.css
+++ b/src/pages/report/ReportDetailPage.module.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   min-height: 100dvh;
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
 }
 
 .main {
@@ -18,7 +18,7 @@
   padding: 2rem 0;
   text-align: center;
   font-size: 0.875rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .headerRow {
@@ -31,7 +31,7 @@
 .reportId {
   font-size: 0.9375rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .statusBadge {
@@ -44,10 +44,11 @@
 }
 
 .photoCard {
+  position: relative;
   height: 11rem;
   border-radius: 0.75rem;
   overflow: hidden;
-  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-shade) 100%);
+  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-primary-hover) 100%);
 }
 
 .photoImage {
@@ -57,6 +58,32 @@
   object-fit: cover;
 }
 
+.photoExpandButton {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: rgba(9, 22, 37, 0.72);
+  box-shadow: 0 2px 8px rgba(9, 22, 37, 0.24);
+  cursor: pointer;
+}
+
+.photoExpandIcon {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.photoExpandIcon path {
+  fill: var(--color-white);
+}
+
 .photoPlaceholder {
   display: flex;
   align-items: center;
@@ -75,6 +102,28 @@
   fill: var(--color-white);
 }
 
+.photoWarning {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.75rem;
+  border-radius: 0.75rem;
+  border: 1px dashed var(--color-warning);
+  background: var(--color-bg-warning-subtle);
+  font-size: 0.875rem;
+  color: var(--color-warning-emphasis);
+}
+
+.photoWarningIcon {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+}
+
+.photoWarningIcon path {
+  fill: currentColor;
+}
+
 .grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -86,7 +135,7 @@
   flex-direction: column;
   gap: 0.25rem;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
 }
@@ -97,7 +146,7 @@
   font-weight: 600;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .cardValue {
@@ -107,7 +156,7 @@
   gap: 0.375rem;
   font-size: 0.9375rem;
   font-weight: 700;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .cardValueIcon {
@@ -118,7 +167,7 @@
 }
 
 .cardValueIconConform {
-  color: var(--color-primary);
+  color: var(--color-text-primary);
 }
 
 .cardValueIconNonConform {
@@ -137,7 +186,7 @@
 .cardDetail {
   margin: 0;
   font-size: 0.8125rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .mapPreview {
@@ -150,7 +199,7 @@
   flex-direction: column;
   gap: 0.625rem;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-light);
+  border: 1px solid var(--color-border);
   border-radius: 0.75rem;
   background: var(--color-fiche-surface);
 }
@@ -170,7 +219,7 @@
   font-weight: 600;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
 }
 
 .commentIcon {
@@ -180,14 +229,14 @@
 }
 
 .commentIcon path {
-  fill: var(--color-primary);
+  fill: var(--color-text-primary);
 }
 
 .commentBody {
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.45;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .viewOnMap {
@@ -203,7 +252,13 @@
   flex-direction: column;
   gap: 0.625rem;
   padding: 0.75rem 1rem 0;
-  background: var(--color-light-light);
+  background: var(--color-bg-subtle);
+}
+
+.submitError {
+  margin: 0;
+  font-size: 0.8125rem;
+  color: var(--color-danger-emphasis);
 }
 
 .actionIcon {
diff --git a/src/pages/report/ReportDetailPage.tsx b/src/pages/report/ReportDetailPage.tsx
index 1ce0f36..386a8a0 100644
--- a/src/pages/report/ReportDetailPage.tsx
+++ b/src/pages/report/ReportDetailPage.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
 
 import { BottomTabbar } from '@/app/components/BottomTabbar';
 import type { LocalReportDraft } from '@/domain/report/localReportDraft';
@@ -8,9 +8,18 @@ import {
   NON_CONFORM_REASON_LABELS,
   type NonConformReason,
 } from '@/features/report/components/GeodesyPointReportWizard';
+import { useSubmitGeodesyPointReport } from '@/features/report/hooks/useSubmitGeodesyPointReport';
+import {
+  buildGdpWizardThemeFormAttributes,
+} from '@/features/report/utils/gdpWizardThemeAttributes';
+import {
+  buildGeodesyPointReportContextFromDraft,
+  buildReportPhotosFromDraft,
+} from '@/features/report/utils/rebuildGeodesyPointReportFromDraft';
 import {
   deleteLocalReportDraft,
   getLocalReportDraft,
+  saveLocalReportDraft,
 } from '@/infra/storage/localReportDraftsStore';
 import {
   getLocalReportDraftStatusColors,
@@ -33,7 +42,11 @@ import styles from './ReportDetailPage.module.css';
 export function ReportDetailPage() {
   const { id } = useParams<{ id: string }>();
   const navigate = useNavigate();
+  const location = useLocation();
+  const cameFromMap = (location.state as { from?: string } | null)?.from === 'map';
   const [draft, setDraft] = useState<LocalReportDraft | null | undefined>(undefined);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const { submitGeodesyPointReport, isSubmitting } = useSubmitGeodesyPointReport();
 
   useEffect(() => {
     if (!id) {
@@ -60,6 +73,50 @@ export function ReportDetailPage() {
     navigate('/reports');
   };
 
+  const handleSend = async () => {
+    if (!draft || draft.serverId || isSubmitting) {
+      return;
+    }
+
+    setSubmitError(null);
+    const reportContext = buildGeodesyPointReportContextFromDraft(draft);
+    const photos = buildReportPhotosFromDraft(draft);
+    const formThemeAttributes = {
+      ...(draft.themeAttributes ??
+        buildGdpWizardThemeFormAttributes({
+          isConform: draft.isConform,
+          nonConformReasons: (draft.nonConformReasons ?? []) as NonConformReason[],
+          positionModified: draft.positionModified,
+        })),
+      move: draft.positionModified ? 'true' : 'false',
+    };
+
+    let lastError: string | null = null;
+    const result = await submitGeodesyPointReport(
+      reportContext,
+      draft.comment,
+      photos,
+      formThemeAttributes,
+      {
+        onError: (error) => {
+          lastError = error.message;
+        },
+      },
+    );
+
+    if (result) {
+      const updated = { ...draft, serverId: result.serverId };
+      await saveLocalReportDraft(updated);
+      setDraft(updated);
+    }
+
+    if (result && !lastError) {
+      return;
+    }
+
+    setSubmitError(lastError ?? 'Impossible d’envoyer le signalement pour le moment.');
+  };
+
   const handleViewOnMap = () => {
     if (!draft) {
       return;
@@ -75,13 +132,24 @@ export function ReportDetailPage() {
     });
   };
 
+  const handleBack = () => {
+    if (cameFromMap && draft) {
+      navigate('/map', {
+        state: { focusReport: { longitude: draft.longitude, latitude: draft.latitude } },
+      });
+      return;
+    }
+
+    navigate('/reports');
+  };
+
   return (
     <div className={styles.page}>
       <PageHeader
         title="Détail du signalement"
         showBackButton
         showCloseButton={false}
-        onBack={() => navigate('/reports')}
+        onBack={handleBack}
       />
 
       <main className={styles.main}>
@@ -193,6 +261,7 @@ export function ReportDetailPage() {
 
       {draft ? (
         <div className={styles.footer}>
+          {submitError ? <p className={styles.submitError}>{submitError}</p> : null}
           <Button
             type="button"
             variant="outline"
@@ -205,9 +274,17 @@ export function ReportDetailPage() {
             <IconDelete className={styles.actionIcon} aria-hidden />
             Supprimer
           </Button>
-          <Button type="button" fullWidth onClick={() => {}}>
+          <Button
+            type="button"
+            fullWidth
+            loading={isSubmitting}
+            disabled={Boolean(draft.serverId)}
+            onClick={() => {
+              void handleSend();
+            }}
+          >
             <IconSend className={styles.actionIcon} aria-hidden />
-            Envoyer
+            {draft.serverId ? 'Envoyé' : 'Envoyer'}
           </Button>
         </div>
       ) : null}
diff --git a/src/pages/report/ReportHistoryDetailPage.tsx b/src/pages/report/ReportHistoryDetailPage.tsx
new file mode 100644
index 0000000..96dc72f
--- /dev/null
+++ b/src/pages/report/ReportHistoryDetailPage.tsx
@@ -0,0 +1,195 @@
+import { useEffect, useState } from 'react';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
+
+import { BottomTabbar } from '@/app/components/BottomTabbar';
+import type { GroupReport } from '@/domain/report/groupReportModels';
+import {
+  mapApiReportToGroupReport,
+  type ApiGroupReportResponse,
+} from '@/domain/report/groupReportMappers';
+import { PointImageLightbox } from '@/features/map/components/MapBottomSheet/pointFiche/PointImageLightbox';
+import { ReportPositionMap } from '@/features/report/components/ReportPositionMap';
+import { collabApiClient, ensureCollabApiSession } from '@/infra/api';
+import { getStatusColors, getStatusLabel } from '@/shared/utils/reportStatus';
+import { Button } from '@/shared/ui/Button';
+import { PageHeader } from '@/shared/ui/PageHeader';
+import IconAlertCircle from '@/shared/assets/icons/icon-alert-circle.svg?react';
+import IconArticle from '@/shared/assets/icons/icon-article.svg?react';
+import IconEye from '@/shared/assets/icons/icon-eye.svg?react';
+import IconFullscreen from '@/shared/assets/icons/icon-fullscreen.svg?react';
+
+import styles from './ReportDetailPage.module.css';
+
+export function ReportHistoryDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const cameFromMap = (location.state as { from?: string } | null)?.from === 'map';
+  const [report, setReport] = useState<GroupReport | null | undefined>(undefined);
+  const [photoFailed, setPhotoFailed] = useState(false);
+  const [isPhotoLightboxOpen, setIsPhotoLightboxOpen] = useState(false);
+
+  useEffect(() => {
+    const reportId = Number(id);
+    if (!id || !Number.isFinite(reportId)) {
+      setReport(null);
+      return;
+    }
+
+    let cancelled = false;
+    setPhotoFailed(false);
+
+    void (async () => {
+      const sessionReady = await ensureCollabApiSession();
+      if (!sessionReady) {
+        if (!cancelled) {
+          setReport(null);
+        }
+        return;
+      }
+
+      try {
+        const response = await collabApiClient.report.get(reportId);
+        if (!cancelled) {
+          setReport(mapApiReportToGroupReport(response.data as ApiGroupReportResponse));
+        }
+      } catch {
+        if (!cancelled) {
+          setReport(null);
+        }
+      }
+    })();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [id]);
+
+  const handleViewOnMap = () => {
+    if (!report || report.longitude === null || report.latitude === null) {
+      return;
+    }
+
+    navigate('/map', {
+      state: {
+        openReportPoint: {
+          longitude: report.longitude,
+          latitude: report.latitude,
+        },
+      },
+    });
+  };
+
+  const handleBack = () => {
+    if (cameFromMap && report && report.longitude !== null && report.latitude !== null) {
+      navigate('/map', {
+        state: { focusReport: { longitude: report.longitude, latitude: report.latitude } },
+      });
+      return;
+    }
+
+    navigate('/reports/history');
+  };
+
+  return (
+    <div className={styles.page}>
+      <PageHeader
+        title="Détail du signalement"
+        showBackButton
+        showCloseButton={false}
+        onBack={handleBack}
+      />
+
+      <main className={styles.main}>
+        {report === undefined ? (
+          <p className={styles.empty}>Chargement…</p>
+        ) : report === null ? (
+          <p className={styles.empty}>Ce signalement est introuvable.</p>
+        ) : (
+          <>
+            <div className={styles.headerRow}>
+              <span className={styles.reportId}>Signalement #{report.id}</span>
+              <span className={styles.statusBadge} style={getStatusColors(report.status)}>
+                {getStatusLabel(report.status)}
+              </span>
+            </div>
+
+            {report.photoUrls[0] && !photoFailed ? (
+              <div className={styles.photoCard}>
+                <img
+                  src={report.photoUrls[0]}
+                  alt=""
+                  className={styles.photoImage}
+                  onError={() => setPhotoFailed(true)}
+                />
+                <button
+                  type="button"
+                  className={styles.photoExpandButton}
+                  onClick={() => setIsPhotoLightboxOpen(true)}
+                  aria-label="Afficher la photo en grand"
+                >
+                  <IconFullscreen className={styles.photoExpandIcon} aria-hidden />
+                </button>
+              </div>
+            ) : (
+              <div className={styles.photoWarning}>
+                <IconAlertCircle className={styles.photoWarningIcon} aria-hidden />
+                <span>Pas de photo pour ce signalement.</span>
+              </div>
+            )}
+
+            {isPhotoLightboxOpen && report.photoUrls[0] ? (
+              <PointImageLightbox
+                items={[
+                  { id: 'report-photo', label: `Signalement #${report.id}`, imageUrl: report.photoUrls[0] },
+                ]}
+                activeIndex={0}
+                onClose={() => setIsPhotoLightboxOpen(false)}
+                onActiveIndexChange={() => {}}
+              />
+            ) : null}
+
+            {report.longitude !== null && report.latitude !== null ? (
+              <div className={styles.mapPreview}>
+                <ReportPositionMap
+                  longitude={report.longitude}
+                  latitude={report.latitude}
+                  onPositionChange={() => {}}
+                  readOnly
+                  showLayerSwitcher
+                  showFullscreenButton
+                />
+              </div>
+            ) : null}
+
+            <div className={styles.commentCard}>
+              <div className={styles.commentHeader}>
+                <span className={styles.commentTitle}>
+                  <IconArticle className={styles.commentIcon} aria-hidden />
+                  Commentaire
+                </span>
+              </div>
+              <p className={styles.commentBody}>
+                {report.comment.trim() ? report.comment : 'Aucun commentaire ajouté.'}
+              </p>
+            </div>
+
+            <Button
+              type="button"
+              variant="ghost"
+              fullWidth
+              className={styles.viewOnMap}
+              onClick={handleViewOnMap}
+              disabled={report.longitude === null || report.latitude === null}
+            >
+              <IconEye className={styles.actionIcon} aria-hidden />
+              Voir sur la carte
+            </Button>
+          </>
+        )}
+      </main>
+
+      <BottomTabbar activeTab="signalements" />
+    </div>
+  );
+}
diff --git a/src/pages/report/ReportHistoryPage.tsx b/src/pages/report/ReportHistoryPage.tsx
new file mode 100644
index 0000000..20a7937
--- /dev/null
+++ b/src/pages/report/ReportHistoryPage.tsx
@@ -0,0 +1,83 @@
+import { useNavigate } from 'react-router-dom';
+
+import { BottomTabbar } from '@/app/components/BottomTabbar';
+import { getGroupReportSummaryLabel } from '@/domain/report/groupReportMappers';
+import { useUserReportHistory } from '@/features/report/hooks/useUserReportHistory';
+import { formatRelativeDayLabel } from '@/shared/utils/date';
+import { getStatusColors, getStatusLabel } from '@/shared/utils/reportStatus';
+import { Button } from '@/shared/ui/Button';
+import { PageHeader } from '@/shared/ui/PageHeader';
+import IconAngleRight from '@/shared/assets/icons/icon-angle-right.svg?react';
+import IconCalendar from '@/shared/assets/icons/icon-calendar.svg?react';
+
+import styles from './MyReportsPage.module.css';
+
+export function ReportHistoryPage() {
+  const navigate = useNavigate();
+  const { reports, isLoading, isLoadingMore, error, hasMore, loadMore } = useUserReportHistory();
+
+  return (
+    <div className={styles.page}>
+      <PageHeader
+        title="Anciens signalements"
+        showBackButton
+        showCloseButton={false}
+        onBack={() => navigate('/reports')}
+      />
+
+      <main className={styles.main}>
+        {isLoading ? (
+          <p className={styles.empty}>Chargement…</p>
+        ) : error ? (
+          <p className={styles.empty}>{error.message}</p>
+        ) : reports.length === 0 ? (
+          <p className={styles.empty}>Aucun ancien signalement trouvé pour ce compte.</p>
+        ) : (
+          <>
+            <ul className={styles.reportList}>
+              {reports.map((report) => {
+                const statusColors = getStatusColors(report.status);
+
+                return (
+                  <li key={report.id}>
+                    <button
+                      type="button"
+                      className={styles.reportCard}
+                      onClick={() => navigate(`/reports/history/${report.id}`)}
+                    >
+                      <div className={styles.reportCardHeader}>
+                        <span className={styles.reportId}>Signalement #{report.id}</span>
+                        <span
+                          className={styles.statusBadge}
+                          style={{ color: statusColors.color, background: statusColors.background }}
+                        >
+                          {getStatusLabel(report.status)}
+                        </span>
+                      </div>
+                      <p className={styles.reportReason}>{getGroupReportSummaryLabel(report)}</p>
+                      <div className={styles.reportMeta}>
+                        <span className={styles.reportMetaItem}>
+                          <IconCalendar className={styles.reportMetaIcon} aria-hidden />
+                          {formatRelativeDayLabel(report.createdAt)}
+                        </span>
+                      </div>
+                      <IconAngleRight className={styles.reportChevron} aria-hidden />
+                    </button>
+                  </li>
+                );
+              })}
+            </ul>
+
+            {hasMore ? (
+              <Button type="button" variant="outline" fullWidth onClick={loadMore} loading={isLoadingMore}>
+                Charger plus
+              </Button>
+            ) : null}
+          </>
+        )}
+      </main>
+
+      <BottomTabbar activeTab="signalements" />
+    </div>
+  );
+}
diff --git a/src/pages/welcome/WelcomePage.tsx b/src/pages/welcome/WelcomePage.tsx
deleted file mode 100644
index 4d8f383..0000000
--- a/src/pages/welcome/WelcomePage.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { WelcomePage } from '@/features/welcome/pages/WelcomePage';
diff --git a/src/platform/device/reportDeviceMetadata.ts b/src/platform/device/reportDeviceMetadata.ts
index ddb9a45..b6603dd 100644
--- a/src/platform/device/reportDeviceMetadata.ts
+++ b/src/platform/device/reportDeviceMetadata.ts
@@ -11,7 +11,7 @@ function resolveAppVersion(fallbackVersion: string): string {
     return __APP_VERSION__.trim();
   }
 
-  return fallbackVersion.trim() || '0.0.0';
+  return fallbackVersion.trim();
 }
 
 function getWebBrowserLabel(): string {
diff --git a/src/shared/assets/icons/Icon-car.svg b/src/shared/assets/icons/Icon-car.svg
deleted file mode 100644
index 5cce3e6..0000000
--- a/src/shared/assets/icons/Icon-car.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg id="Icon-car" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_553" data-name="Rectangle 553" width="30" height="30" fill="none" opacity="0.44"/>
-  <g id="Car" transform="translate(3.75 6.189)">
-    <path id="Rectangle_554" data-name="Rectangle 554" d="M2.5,2a.5.5,0,0,0-.5.5V6.75H20.5V2.5A.5.5,0,0,0,20,2H2.5m0-2H20a2.5,2.5,0,0,1,2.5,2.5v5a1.25,1.25,0,0,1-1.25,1.25h-20A1.25,1.25,0,0,1,0,7.5v-5A2.5,2.5,0,0,1,2.5,0Z" transform="translate(0 6.311)" fill="#091625"/>
-    <path id="Rectangle_555" data-name="Rectangle 555" d="M2,2V3.25a.5.5,0,1,0,1,0V2H2M0,0H5V3.25a2.5,2.5,0,1,1-5,0Z" transform="translate(1.25 13.062)" fill="#091625"/>
-    <path id="Rectangle_556" data-name="Rectangle 556" d="M2,2V3.25a.5.5,0,1,0,1,0V2H2M0,0H5V3.25a2.5,2.5,0,1,1-5,0Z" transform="translate(16.25 13.062)" fill="#091625"/>
-    <path id="Union_5" data-name="Union 5" d="M15477.519,9286.5h-16.32a1,1,0,0,1-.93-1.367l2.48-6.295a1,1,0,0,1,.93-.633h11.359a1,1,0,0,1,.93.633l2.48,6.295a1,1,0,0,1-.93,1.367Zm-14.852-2h13.383l-1.693-4.295h-10Z" transform="translate(-15458.134 -9278.201)" fill="#091625"/>
-    <path id="Tracé_74" data-name="Tracé 74" d="M1.25,0A1.25,1.25,0,1,1,0,1.25,1.25,1.25,0,0,1,1.25,0Z" transform="translate(2.5 8.811)" fill="#091625"/>
-    <path id="Tracé_75" data-name="Tracé 75" d="M1.25,0A1.25,1.25,0,1,1,0,1.25,1.25,1.25,0,0,1,1.25,0Z" transform="translate(17.5 8.811)" fill="#091625"/>
-    <path id="Tracé_74-2" data-name="Tracé 74" d="M-10825.165-8478.268h-1.635a1,1,0,0,1-1-1,1,1,0,0,1,1-1h1.635a1,1,0,0,1,1,1A1,1,0,0,1-10825.165-8478.268Z" transform="translate(10845.55 8483.744)" fill="#091625"/>
-    <path id="Tracé_75-2" data-name="Tracé 75" d="M-10825.165-8478.268h-1.635a1,1,0,0,1-1-1,1,1,0,0,1,1-1h1.635a1,1,0,0,1,1,1A1,1,0,0,1-10825.165-8478.268Z" transform="translate(10828.865 8483.744)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/Icon-pedestrain.svg b/src/shared/assets/icons/Icon-pedestrain.svg
deleted file mode 100644
index e3209a7..0000000
--- a/src/shared/assets/icons/Icon-pedestrain.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg id="Icon-pedestrain" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_554" data-name="Rectangle 554" width="30" height="30" fill="none"/>
-  <g id="Pedestrain" transform="translate(4.768 3.389)">
-    <g id="Pied" transform="translate(11.252)">
-      <path id="Tracé_76" data-name="Tracé 76" d="M-10845.294-8417.231a1.013,1.013,0,0,1,.25.031l4.812,1.235a1,1,0,0,1,.751.958c0,.311-.014,3.068-1.477,4.544a3.034,3.034,0,0,1-2.2.914,3.992,3.992,0,0,1-.645-.056,3.161,3.161,0,0,1-2.23-1.468c-1.218-1.972-.319-5.1-.214-5.45A1,1,0,0,1-10845.294-8417.231Zm3.766,3-3.017-.775a4.679,4.679,0,0,0,.211,2.888,1.157,1.157,0,0,0,.864.543,1.744,1.744,0,0,0,.308.027,1.027,1.027,0,0,0,.784-.32A4.335,4.335,0,0,0-10841.528-8414.232Z" transform="translate(10846.792 8430.271)" fill="#091625"/>
-      <path id="Tracé_77" data-name="Tracé 77" d="M-10839.7-8413.664a1.008,1.008,0,0,1-.25-.031l-5.309-1.372a1,1,0,0,1-.725-.741c-.051-.223-1.258-5.473-.578-8.329.758-3.183,2.688-3.525,3.484-3.525a3.624,3.624,0,0,1,1.416.3c1.576.667,3.143,1.765,3.914,5.245.746,3.361-.951,7.645-1.025,7.825A1,1,0,0,1-10839.7-8413.664Zm-4.461-3.186,3.822.988a12.481,12.481,0,0,0,.639-5.821c-.605-2.731-1.6-3.354-2.74-3.837a1.663,1.663,0,0,0-.637-.144c-.881,0-1.322,1.081-1.539,1.989C-10845.033-8421.916-10844.51-8418.563-10844.16-8416.85Z" transform="translate(10846.768 8427.663)" fill="#091625"/>
-    </g>
-    <g id="Pied-2" data-name="Pied" transform="translate(0 2.5)">
-      <path id="Tracé_76-2" data-name="Tracé 76" d="M-10840.854-8417.231a1,1,0,0,1,.957.709c.105.351,1,3.479-.214,5.45a3.161,3.161,0,0,1-2.23,1.468,3.992,3.992,0,0,1-.645.056,3.034,3.034,0,0,1-2.2-.914c-1.463-1.476-1.48-4.233-1.477-4.544a1,1,0,0,1,.751-.958l4.812-1.235A1.013,1.013,0,0,1-10840.854-8417.231Zm-2.132,5.682a1.744,1.744,0,0,0,.308-.027,1.155,1.155,0,0,0,.865-.546,4.674,4.674,0,0,0,.213-2.885l-3.018.774a4.344,4.344,0,0,0,.85,2.364A1.024,1.024,0,0,0-10842.986-8411.55Z" transform="translate(10848.567 8430.271)" fill="#091625"/>
-      <path id="Tracé_77-2" data-name="Tracé 77" d="M-10844.627-8413.664a1,1,0,0,1-.928-.626c-.073-.181-1.771-4.464-1.025-7.825.772-3.48,2.337-4.578,3.915-5.245a3.613,3.613,0,0,1,1.416-.3c.795,0,2.726.343,3.483,3.525.68,2.856-.527,8.106-.579,8.329a1,1,0,0,1-.724.741l-5.309,1.372A1,1,0,0,1-10844.627-8413.664Zm3.378-12a1.671,1.671,0,0,0-.638.144c-1.14.483-2.135,1.105-2.74,3.837a12.464,12.464,0,0,0,.638,5.821l3.824-.988c.35-1.714.872-5.066.453-6.824C-10839.928-8424.582-10840.369-8425.663-10841.249-8425.663Z" transform="translate(10846.77 8427.663)" fill="#091625"/>
-    </g>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-add.svg b/src/shared/assets/icons/icon-add.svg
deleted file mode 100644
index 74da434..0000000
--- a/src/shared/assets/icons/icon-add.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-add" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M0,11.25A11.25,11.25,0,1,1,11.25,22.5,11.263,11.263,0,0,1,0,11.25Zm2.045,0a9.2,9.2,0,1,0,9.2-9.2A9.215,9.215,0,0,0,2.045,11.25Zm8.182,4.09V12.273H7.16a1.023,1.023,0,0,1,0-2.045h3.068V7.16a1.023,1.023,0,1,1,2.045,0v3.068H15.34a1.023,1.023,0,0,1,0,2.045H12.273V15.34a1.023,1.023,0,0,1-2.045,0Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_256" data-name="Rectangle 256" width="30" height="30" fill="none"/>
-  <g id="Groupe_1" data-name="Groupe 1" transform="translate(3.75 3.75)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M0,11.25A11.25,11.25,0,1,1,11.25,22.5,11.263,11.263,0,0,1,0,11.25Zm2.045,0a9.2,9.2,0,1,0,9.2-9.2A9.215,9.215,0,0,0,2.045,11.25Zm8.182,4.09V12.273H7.16a1.023,1.023,0,0,1,0-2.045h3.068V7.16a1.023,1.023,0,1,1,2.045,0v3.068H15.34a1.023,1.023,0,0,1,0,2.045H12.273V15.34a1.023,1.023,0,0,1-2.045,0Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-angle-left.svg b/src/shared/assets/icons/icon-angle-left.svg
deleted file mode 100644
index 3bc73f7..0000000
--- a/src/shared/assets/icons/icon-angle-left.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-angle-left" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_165" data-name="Rectangle 165" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M0,13.419,1.524,15,8.75,7.5,1.524,0,0,1.581,5.7,7.5Z" transform="translate(20 22.5) rotate(180)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-angle-up.svg b/src/shared/assets/icons/icon-angle-up.svg
deleted file mode 100644
index d0bb0a0..0000000
--- a/src/shared/assets/icons/icon-angle-up.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-angle-up" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_234" data-name="Rectangle 234" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M0,13.419,1.524,15,8.75,7.5,1.524,0,0,1.581,5.7,7.5Z" transform="translate(8.125 19.375) rotate(-90)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-arrow-down-right.svg b/src/shared/assets/icons/icon-arrow-down-right.svg
deleted file mode 100644
index 503814b..0000000
--- a/src/shared/assets/icons/icon-arrow-down-right.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-arrow-down-right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M8.292,23.707a1,1,0,0,1,0-1.414L11.585,19H5a5,5,0,0,1-5-5V1A1,1,0,0,1,2,1V14a3,3,0,0,0,3,3h6.586L8.292,13.707a1,1,0,0,1,1.415-1.414l5,5a1,1,0,0,1,0,1.415l-5,5a1,1,0,0,1-1.415,0Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_151" data-name="Rectangle 151" width="30" height="30" fill="none"/>
-  <g id="Groupe_11" data-name="Groupe 11" transform="translate(7.5 2.5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M8.292,23.707a1,1,0,0,1,0-1.414L11.585,19H5a5,5,0,0,1-5-5V1A1,1,0,0,1,2,1V14a3,3,0,0,0,3,3h6.586L8.292,13.707a1,1,0,0,1,1.415-1.414l5,5a1,1,0,0,1,0,1.415l-5,5a1,1,0,0,1-1.415,0Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-arrow-right.svg b/src/shared/assets/icons/icon-arrow-right.svg
deleted file mode 100644
index 36c824a..0000000
--- a/src/shared/assets/icons/icon-arrow-right.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-arrow-right" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_228" data-name="Rectangle 228" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M8.764,14.419l5.158-5.158H0v-2.4H13.922L8.764,1.7l1.7-1.7,8.059,8.06-8.059,8.06Z" transform="translate(6.25 7.5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-attributes.svg b/src/shared/assets/icons/icon-attributes.svg
deleted file mode 100644
index f85d738..0000000
--- a/src/shared/assets/icons/icon-attributes.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-attributes" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_563" data-name="Rectangle 563" width="30" height="30" fill="none"/>
-  <path id="Tracé_105" data-name="Tracé 105" d="M12.684,4.17h5.88l-6.18-20.85H5.724L-.456,4.17H5.3l.93-4.26h5.52ZM7.1-4.05l1.89-8.67,1.89,8.67Z" transform="translate(5.457 21.68)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-book.svg b/src/shared/assets/icons/icon-book.svg
new file mode 100644
index 0000000..462bb9d
--- /dev/null
+++ b/src/shared/assets/icons/icon-book.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13 21V23H11V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H9C10.1947 3 11.2671 3.52375 12 4.35418C12.7329 3.52375 13.8053 3 15 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H13ZM20 19V5H15C13.8954 5 13 5.89543 13 7V19H20ZM11 19V7C11 5.89543 10.1046 5 9 5H4V19H11Z"></path></svg>
\ No newline at end of file
diff --git a/src/shared/assets/icons/icon-camera.svg b/src/shared/assets/icons/icon-camera.svg
index 8190be1..440e22d 100644
--- a/src/shared/assets/icons/icon-camera.svg
+++ b/src/shared/assets/icons/icon-camera.svg
@@ -1,8 +1 @@
-<svg id="icon-camera" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_431" data-name="Rectangle 431" width="30" height="30" fill="none"/>
-  <g id="Camera" transform="translate(3.75 6.25)">
-    <path id="Union_5" data-name="Union 5" d="M20,15.5a.5.5,0,0,0,.5-.5V5a.5.5,0,0,0-.5-.5H14.25V2h-6V4.5H2.5A.5.5,0,0,0,2,5V15a.5.5,0,0,0,.5.5H20m0,2H2.5A2.5,2.5,0,0,1,0,15V5A2.5,2.5,0,0,1,2.5,2.5H6.251V1.25A1.249,1.249,0,0,1,7.5,0H15a1.249,1.249,0,0,1,1.25,1.25V2.5H20A2.5,2.5,0,0,1,22.5,5V15A2.5,2.5,0,0,1,20,17.5Z" transform="translate(0 0)" fill="#091625"/>
-    <path id="Ellipse_142" data-name="Ellipse 142" d="M4.375,2A2.375,2.375,0,1,0,6.75,4.375,2.378,2.378,0,0,0,4.375,2m0-2A4.375,4.375,0,1,1,0,4.375,4.375,4.375,0,0,1,4.375,0Z" transform="translate(6.875 5.625)" fill="#091625"/>
-    <path id="Ellipse_143" data-name="Ellipse 143" d="M.938,0A.938.938,0,1,1,0,.938.938.938,0,0,1,.938,0Z" transform="translate(16.875 5.625)" fill="#091625"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9.82843 5L7.82843 7H4V19H20V7H16.1716L14.1716 5H9.82843ZM9 3H15L17 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7L9 3ZM12 18C8.96243 18 6.5 15.5376 6.5 12.5C6.5 9.46243 8.96243 7 12 7C15.0376 7 17.5 9.46243 17.5 12.5C17.5 15.5376 15.0376 18 12 18ZM12 16C13.933 16 15.5 14.433 15.5 12.5C15.5 10.567 13.933 9 12 9C10.067 9 8.5 10.567 8.5 12.5C8.5 14.433 10.067 16 12 16Z"></path></svg>
\ No newline at end of file
diff --git a/src/shared/assets/icons/icon-cart.svg b/src/shared/assets/icons/icon-cart.svg
deleted file mode 100644
index f9ac2fa..0000000
--- a/src/shared/assets/icons/icon-cart.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-cart" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_144" data-name="Rectangle 144" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M14.94,19.429a3.125,3.125,0,1,1,3.125,3.125A3.128,3.128,0,0,1,14.94,19.429Zm2.083.007a1.039,1.039,0,0,0,1.041,1.035h.052a1.007,1.007,0,0,0,.709-.311,1.018,1.018,0,0,0,.282-.723,1.047,1.047,0,0,0-1.043-1.05A1.064,1.064,0,0,0,17.024,19.435ZM7.1,21.618a3.09,3.09,0,0,1-.9-2.217,3.134,3.134,0,0,1,3.126-3.1h.027a3.129,3.129,0,0,1,3.1,3.153A3.119,3.119,0,0,1,7.1,21.618Zm1.47-2.91a1.022,1.022,0,0,0-.291.743v.007a1.015,1.015,0,0,0,1.014,1.014h.05a1.042,1.042,0,1,0-.772-1.763Zm.226-2.59a3.571,3.571,0,0,1-3.458-2.847L3.259,2.8.845,2.347A1.2,1.2,0,0,1,.019.98,1.23,1.23,0,0,1,1.228,0a1.217,1.217,0,0,1,.22.019L4.5.6a1.292,1.292,0,0,1,.955.938l.62,3.177H22.7a1.23,1.23,0,0,1,.955.44l0,.008a1.238,1.238,0,0,1,.2,1.037l-2.151,7.385a3.543,3.543,0,0,1-3.381,2.531Zm-1.1-3.268a1.123,1.123,0,0,0,1.1.9h9.54a1.044,1.044,0,0,0,1.058-.8L21.1,7.119H6.552Z" transform="translate(2.5 3.75)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-compass-needle.svg b/src/shared/assets/icons/icon-compass-needle.svg
new file mode 100644
index 0000000..3cb71a7
--- /dev/null
+++ b/src/shared/assets/icons/icon-compass-needle.svg
@@ -0,0 +1,6 @@
+<svg id="icon-compass-needle" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <circle cx="15" cy="15" r="13" fill="none" stroke="#091625" stroke-width="1.5"/>
+  <polygon points="15,4 20,15 10,15" fill="#e50000"/>
+  <polygon points="15,26 20,15 10,15" fill="#091625"/>
+  <circle cx="15" cy="15" r="1.6" fill="#ffffff"/>
+</svg>
diff --git a/src/shared/assets/icons/icon-compass.svg b/src/shared/assets/icons/icon-compass.svg
deleted file mode 100644
index 78714a6..0000000
--- a/src/shared/assets/icons/icon-compass.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-compass" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <path id="Combined_Shape" data-name="Combined Shape" d="M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM10,1.818A8.182,8.182,0,1,0,18.182,10,8.191,8.191,0,0,0,10,1.818ZM6.141,14.766a.912.912,0,0,1-.737-.383.894.894,0,0,1-.122-.815L7.21,7.785a.918.918,0,0,1,.575-.575l5.782-1.927a.92.92,0,0,1,.292-.048.911.911,0,0,1,.734.381.9.9,0,0,1,.123.817L12.79,12.215a.918.918,0,0,1-.575.575L6.433,14.717A.931.931,0,0,1,6.141,14.766Zm6.275-7.183h0L8.792,8.792,7.582,12.417l3.626-1.208,1.208-3.626Z" transform="translate(5 5)" fill="#091625"/>
-  <rect id="Rectangle_235" data-name="Rectangle 235" width="30" height="30" fill="none"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-configuration.svg b/src/shared/assets/icons/icon-configuration.svg
deleted file mode 100644
index b271dd2..0000000
--- a/src/shared/assets/icons/icon-configuration.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-configuration" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M10.066,20a2.5,2.5,0,0,1-2.5-2.5.581.581,0,0,0-.4-.571.549.549,0,0,0-.221-.046.534.534,0,0,0-.371.149l-.049.049a2.5,2.5,0,0,1-3.537,0,2.514,2.514,0,0,1-.732-1.769,2.485,2.485,0,0,1,.732-1.769L3.03,13.5a.55.55,0,0,0,.1-.606.541.541,0,0,0-.493-.328H2.5a2.5,2.5,0,0,1,0-5,.581.581,0,0,0,.571-.4.542.542,0,0,0-.1-.592l-.049-.049A2.5,2.5,0,0,1,4.688,2.253a2.518,2.518,0,0,1,1.768.732L6.5,3.03a.542.542,0,0,0,.6.108.8.8,0,0,1,.166-.053A.541.541,0,0,0,7.5,2.641V2.5a2.5,2.5,0,0,1,5,0v.072a.559.559,0,0,0,.557.546.529.529,0,0,0,.37-.148l.051-.049a2.5,2.5,0,0,1,3.536,0,2.483,2.483,0,0,1,.733,1.77,2.518,2.518,0,0,1-.732,1.768l-.044.043a.539.539,0,0,0-.108.6.811.811,0,0,1,.053.166.541.541,0,0,0,.443.237H17.5a2.5,2.5,0,0,1,0,5h-.072a.552.552,0,0,0-.4.927l.049.051a2.514,2.514,0,0,1,.732,1.768,2.479,2.479,0,0,1-.732,1.767,2.511,2.511,0,0,1-1.769.733,2.485,2.485,0,0,1-1.769-.732l-.043-.044a.536.536,0,0,0-.377-.154.568.568,0,0,0-.23.049.541.541,0,0,0-.328.493V17.5A2.5,2.5,0,0,1,10.066,20ZM6.954,15.211a2.05,2.05,0,0,1,.834.173,2.21,2.21,0,0,1,1.446,2.041V17.5a.834.834,0,0,0,1.667,0v-.145a2.217,2.217,0,0,1,3.772-1.569l.051.051a.839.839,0,0,0,.589.244.83.83,0,0,0,.591-.245.839.839,0,0,0,.244-.589.83.83,0,0,0-.245-.591l-.056-.056a2.219,2.219,0,0,1,1.58-3.765H17.5a.834.834,0,0,0,0-1.667h-.145a2.206,2.206,0,0,1-2.022-1.339.782.782,0,0,1-.06-.219,2.2,2.2,0,0,1,.512-2.281l.051-.05a.839.839,0,0,0,.244-.589.83.83,0,0,0-.245-.591.835.835,0,0,0-1.18,0l-.056.056a2.195,2.195,0,0,1-1.546.631,2.161,2.161,0,0,1-.882-.186,2.208,2.208,0,0,1-1.338-2.024V2.5a.834.834,0,1,0-1.667,0v.145A2.209,2.209,0,0,1,7.828,4.667a.865.865,0,0,1-.219.06,2.212,2.212,0,0,1-2.281-.512l-.05-.051a.839.839,0,0,0-.589-.244A.834.834,0,0,0,4.1,5.344l.056.057a2.18,2.18,0,0,1,.462,2.386A2.212,2.212,0,0,1,2.575,9.233H2.5a.834.834,0,0,0,0,1.667h.145a2.219,2.219,0,0,1,1.569,3.772l-.051.051a.839.839,0,0,0-.244.589.834.834,0,0,0,1.424.59l.057-.056A2.235,2.235,0,0,1,6.954,15.211ZM10,13.334A3.333,3.333,0,1,1,13.334,10,3.337,3.337,0,0,1,10,13.334Zm0-5A1.667,1.667,0,1,0,11.666,10,1.669,1.669,0,0,0,10,8.333Z" transform="translate(0 0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_236" data-name="Rectangle 236" width="30" height="30" fill="none"/>
-  <g id="Groupe_2" data-name="Groupe 2" transform="translate(5 5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M10.066,20a2.5,2.5,0,0,1-2.5-2.5.581.581,0,0,0-.4-.571.549.549,0,0,0-.221-.046.534.534,0,0,0-.371.149l-.049.049a2.5,2.5,0,0,1-3.537,0,2.514,2.514,0,0,1-.732-1.769,2.485,2.485,0,0,1,.732-1.769L3.03,13.5a.55.55,0,0,0,.1-.606.541.541,0,0,0-.493-.328H2.5a2.5,2.5,0,0,1,0-5,.581.581,0,0,0,.571-.4.542.542,0,0,0-.1-.592l-.049-.049A2.5,2.5,0,0,1,4.688,2.253a2.518,2.518,0,0,1,1.768.732L6.5,3.03a.542.542,0,0,0,.6.108.8.8,0,0,1,.166-.053A.541.541,0,0,0,7.5,2.641V2.5a2.5,2.5,0,0,1,5,0v.072a.559.559,0,0,0,.557.546.529.529,0,0,0,.37-.148l.051-.049a2.5,2.5,0,0,1,3.536,0,2.483,2.483,0,0,1,.733,1.77,2.518,2.518,0,0,1-.732,1.768l-.044.043a.539.539,0,0,0-.108.6.811.811,0,0,1,.053.166.541.541,0,0,0,.443.237H17.5a2.5,2.5,0,0,1,0,5h-.072a.552.552,0,0,0-.4.927l.049.051a2.514,2.514,0,0,1,.732,1.768,2.479,2.479,0,0,1-.732,1.767,2.511,2.511,0,0,1-1.769.733,2.485,2.485,0,0,1-1.769-.732l-.043-.044a.536.536,0,0,0-.377-.154.568.568,0,0,0-.23.049.541.541,0,0,0-.328.493V17.5A2.5,2.5,0,0,1,10.066,20ZM6.954,15.211a2.05,2.05,0,0,1,.834.173,2.21,2.21,0,0,1,1.446,2.041V17.5a.834.834,0,0,0,1.667,0v-.145a2.217,2.217,0,0,1,3.772-1.569l.051.051a.839.839,0,0,0,.589.244.83.83,0,0,0,.591-.245.839.839,0,0,0,.244-.589.83.83,0,0,0-.245-.591l-.056-.056a2.219,2.219,0,0,1,1.58-3.765H17.5a.834.834,0,0,0,0-1.667h-.145a2.206,2.206,0,0,1-2.022-1.339.782.782,0,0,1-.06-.219,2.2,2.2,0,0,1,.512-2.281l.051-.05a.839.839,0,0,0,.244-.589.83.83,0,0,0-.245-.591.835.835,0,0,0-1.18,0l-.056.056a2.195,2.195,0,0,1-1.546.631,2.161,2.161,0,0,1-.882-.186,2.208,2.208,0,0,1-1.338-2.024V2.5a.834.834,0,1,0-1.667,0v.145A2.209,2.209,0,0,1,7.828,4.667a.865.865,0,0,1-.219.06,2.212,2.212,0,0,1-2.281-.512l-.05-.051a.839.839,0,0,0-.589-.244A.834.834,0,0,0,4.1,5.344l.056.057a2.18,2.18,0,0,1,.462,2.386A2.212,2.212,0,0,1,2.575,9.233H2.5a.834.834,0,0,0,0,1.667h.145a2.219,2.219,0,0,1,1.569,3.772l-.051.051a.839.839,0,0,0-.244.589.834.834,0,0,0,1.424.59l.057-.056A2.235,2.235,0,0,1,6.954,15.211ZM10,13.334A3.333,3.333,0,1,1,13.334,10,3.337,3.337,0,0,1,10,13.334Zm0-5A1.667,1.667,0,1,0,11.666,10,1.669,1.669,0,0,0,10,8.333Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-creditcard.svg b/src/shared/assets/icons/icon-creditcard.svg
deleted file mode 100644
index 35b8213..0000000
--- a/src/shared/assets/icons/icon-creditcard.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-creditcard" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M3.125,18.75A3.128,3.128,0,0,1,0,15.625V3.125A3.128,3.128,0,0,1,3.125,0H21.875A3.128,3.128,0,0,1,25,3.125v12.5a3.128,3.128,0,0,1-3.125,3.125ZM2.083,15.625a1.042,1.042,0,0,0,1.042,1.042H21.875a1.042,1.042,0,0,0,1.042-1.042V8.333H2.083ZM22.916,6.251V3.125a1.042,1.042,0,0,0-1.042-1.042H3.125A1.042,1.042,0,0,0,2.083,3.125V6.251Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_154" data-name="Rectangle 154" width="30" height="30" fill="none"/>
-  <g id="Groupe_2" data-name="Groupe 2" transform="translate(2.5 6.25)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M3.125,18.75A3.128,3.128,0,0,1,0,15.625V3.125A3.128,3.128,0,0,1,3.125,0H21.875A3.128,3.128,0,0,1,25,3.125v12.5a3.128,3.128,0,0,1-3.125,3.125ZM2.083,15.625a1.042,1.042,0,0,0,1.042,1.042H21.875a1.042,1.042,0,0,0,1.042-1.042V8.333H2.083ZM22.916,6.251V3.125a1.042,1.042,0,0,0-1.042-1.042H3.125A1.042,1.042,0,0,0,2.083,3.125V6.251Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-database.svg b/src/shared/assets/icons/icon-database.svg
deleted file mode 100644
index 1d44568..0000000
--- a/src/shared/assets/icons/icon-database.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg id="icon-database" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_134" data-name="Rectangle 134" width="30" height="30" fill="none"/>
-  <g id="Database" transform="translate(6.25 3.75)">
-    <path id="Ellipse_146" data-name="Ellipse 146" d="M8.75,2a15.129,15.129,0,0,0-4.927.752,4.367,4.367,0,0,0-1.766,1,4.367,4.367,0,0,0,1.766,1A15.129,15.129,0,0,0,8.75,5.5a15.129,15.129,0,0,0,4.927-.752,4.367,4.367,0,0,0,1.766-1,4.367,4.367,0,0,0-1.766-1A15.129,15.129,0,0,0,8.75,2m0-2c4.832,0,8.75,1.679,8.75,3.75S13.582,7.5,8.75,7.5,0,5.821,0,3.75,3.918,0,8.75,0Z" fill="#091625"/>
-    <path id="Tracé_82" data-name="Tracé 82" d="M-12114.27-9579.164a16.767,16.767,0,0,1-8.725-2.429l1.025-1.716a14.948,14.948,0,0,0,9.793,2.008,15.164,15.164,0,0,0,5.605-1.973l1.076,1.685a17.1,17.1,0,0,1-6.432,2.273A18.41,18.41,0,0,1-12114.27-9579.164Z" transform="translate(12123.002 9596.673)" fill="#091625"/>
-    <path id="Tracé_84" data-name="Tracé 84" d="M-12114.131-9564.543a23.819,23.819,0,0,1-8.256-1.807,1,1,0,0,1-.6-.918v-15.711h2v15.031a21.323,21.323,0,0,0,6.859,1.406,19.317,19.317,0,0,0,6.6-1.393v-15.021h2v15.688a1,1,0,0,1-.58.908A21.621,21.621,0,0,1-12114.131-9564.543Z" transform="translate(12123.002 9586.756)" fill="#091625"/>
-    <path id="Tracé_83" data-name="Tracé 83" d="M-12114.27-9579.164a16.767,16.767,0,0,1-8.725-2.429l1.025-1.716a14.948,14.948,0,0,0,9.793,2.008,15.164,15.164,0,0,0,5.605-1.973l1.076,1.685a17.1,17.1,0,0,1-6.432,2.273A18.41,18.41,0,0,1-12114.27-9579.164Z" transform="translate(12123.002 9591.673)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-delivery.svg b/src/shared/assets/icons/icon-delivery.svg
deleted file mode 100644
index 5ce6f1b..0000000
--- a/src/shared/assets/icons/icon-delivery.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-delivery" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M9.872,23.741,1.688,19.648A3.083,3.083,0,0,1,0,16.894V7.157A3.05,3.05,0,0,1,1.7,4.412L5.593,2.466a1.027,1.027,0,0,1,.174-.087L9.884.321a3.069,3.069,0,0,1,2.731,0L20.8,4.411a3.05,3.05,0,0,1,1.7,2.747v9.747a3.048,3.048,0,0,1-1.7,2.745l-8.181,4.09a3.071,3.071,0,0,1-2.746,0ZM2.045,16.9a1.027,1.027,0,0,0,.56.918l7.622,3.811v-10L2.045,7.544Zm10.227,4.725,7.614-3.808a1.016,1.016,0,0,0,.568-.915V7.545L16.83,9.357l-.015.007-4.542,2.271ZM11.25,9.86l2.827-1.413L6.142,4.479,3.315,5.893ZM16.364,7.3l2.821-1.41L11.7,2.152a1.02,1.02,0,0,0-.907,0L8.428,3.336Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_152" data-name="Rectangle 152" width="30" height="30" fill="none"/>
-  <g id="Groupe_23" data-name="Groupe 23" transform="translate(3.75 2.5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M9.872,23.741,1.688,19.648A3.083,3.083,0,0,1,0,16.894V7.157A3.05,3.05,0,0,1,1.7,4.412L5.593,2.466a1.027,1.027,0,0,1,.174-.087L9.884.321a3.069,3.069,0,0,1,2.731,0L20.8,4.411a3.05,3.05,0,0,1,1.7,2.747v9.747a3.048,3.048,0,0,1-1.7,2.745l-8.181,4.09a3.071,3.071,0,0,1-2.746,0ZM2.045,16.9a1.027,1.027,0,0,0,.56.918l7.622,3.811v-10L2.045,7.544Zm10.227,4.725,7.614-3.808a1.016,1.016,0,0,0,.568-.915V7.545L16.83,9.357l-.015.007-4.542,2.271ZM11.25,9.86l2.827-1.413L6.142,4.479,3.315,5.893ZM16.364,7.3l2.821-1.41L11.7,2.152a1.02,1.02,0,0,0-.907,0L8.428,3.336Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-double-angle-left.svg b/src/shared/assets/icons/icon-double-angle-left.svg
deleted file mode 100644
index 15bb694..0000000
--- a/src/shared/assets/icons/icon-double-angle-left.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-double-angle-left" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_231" data-name="Rectangle 231" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M8.75,7.5,15.976,0,17.5,1.582,11.8,7.5l5.7,5.919L15.976,15ZM0,7.5,7.226,0,8.75,1.582,3.048,7.5l5.7,5.919L7.226,15Z" transform="translate(6.25 7.5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-double-angle-right.svg b/src/shared/assets/icons/icon-double-angle-right.svg
deleted file mode 100644
index 6b5ecdf..0000000
--- a/src/shared/assets/icons/icon-double-angle-right.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-double-angle-right" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_232" data-name="Rectangle 232" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M8.75,13.419l5.7-5.919L8.75,1.582,10.274,0,17.5,7.5,10.274,15Zm-8.75,0L5.7,7.5,0,1.582,1.523,0,8.75,7.5,1.523,15Z" transform="translate(6.25 7.5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-drag'n-drop.svg b/src/shared/assets/icons/icon-drag'n-drop.svg
deleted file mode 100644
index fec008e..0000000
--- a/src/shared/assets/icons/icon-drag'n-drop.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-drag_n-drop" data-name="icon-drag&apos;n-drop" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M10,20H9.911l-.014,0H9.889l-.015,0H9.867l-.015,0H9.845l-.015,0H9.823l-.015,0-.008,0-.013,0-.01,0-.011,0-.012,0-.008,0-.015,0,0,0-.019-.006h0a.907.907,0,0,1-.352-.219L6.63,17.007a.909.909,0,0,1,1.286-1.286L9.091,16.9V10.909H3.1L4.28,12.085a.909.909,0,1,1-1.286,1.286L.285,10.661a.914.914,0,0,1-.158-.2h0l-.01-.018,0,0-.009-.017,0,0L.1,10.4l0,0-.008-.017v0l-.008-.018v0l-.008-.019h0l-.008-.02h0A.9.9,0,0,1,0,10.087H0l0-.02v0c0-.006,0-.011,0-.017v-.009s0-.009,0-.013S0,10.009,0,10v0H0c0-.008,0-.015,0-.023V9.97s0-.01,0-.015V9.911l0-.015V9.889l0-.017v0l0-.017V9.846l0-.016V9.824l0-.015,0-.008,0-.014,0-.009,0-.012,0-.011,0-.009,0-.014,0-.006L.047,9.71v0a.907.907,0,0,1,.218-.351L2.994,6.63A.909.909,0,0,1,4.28,7.916L3.1,9.091H9.091V3.1L7.916,4.28A.909.909,0,0,1,6.63,2.994L9.357.267A.907.907,0,0,1,9.708.048h0L9.728.042l.006,0,.014,0,.009,0,.011,0,.012,0,.009,0,.014,0,.008,0,.015,0H9.83l.016,0h.005l.017,0h0l.017,0H9.9l.015,0h.155l.02,0h0a.9.9,0,0,1,.234.054h0l.02.008h0l.019.008h0l.018.008h0L10.4.093l0,0L10.421.1l0,0,.017.009,0,0,.018.01h0a.914.914,0,0,1,.2.158l2.71,2.709A.909.909,0,1,1,12.085,4.28L10.909,3.1V9.091H16.9L15.721,7.916A.909.909,0,0,1,17.007,6.63l2.727,2.727a.907.907,0,0,1,.219.352h0l.006.019,0,0,0,.015,0,.008,0,.012,0,.011,0,.01,0,.013,0,.008,0,.015V9.83l0,.015v.006l0,.015v.007l0,.015V9.9l0,.014v.044c0,.005,0,.01,0,.016v.007c0,.008,0,.015,0,.023h0v0c0,.007,0,.014,0,.02s0,.008,0,.012v.01c0,.005,0,.011,0,.016v.005l0,.019v0l0,.021h0a.9.9,0,0,1-.045.192h0l-.007.021h0l-.008.02v0l-.008.019v0l-.008.017,0,0-.008.016,0,0-.008.015,0,0-.008.016,0,0-.009.016,0,0-.011.018h0a.914.914,0,0,1-.147.179l-2.709,2.71a.909.909,0,1,1-1.286-1.286L16.9,10.909H10.909V16.9l1.176-1.176a.909.909,0,1,1,1.286,1.286l-2.71,2.709a.914.914,0,0,1-.179.147h0l-.018.011,0,0-.016.009,0,0-.016.008,0,0-.015.008,0,0-.016.008,0,0-.017.008h0l-.019.008h0l-.02.008h0l-.021.007h0a.9.9,0,0,1-.192.045h0l-.021,0h0l-.019,0H10Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_251" data-name="Rectangle 251" width="30" height="30" fill="none"/>
-  <g id="Groupe_10" data-name="Groupe 10" transform="translate(5 5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M10,20H9.911l-.014,0H9.889l-.015,0H9.867l-.015,0H9.845l-.015,0H9.823l-.015,0-.008,0-.013,0-.01,0-.011,0-.012,0-.008,0-.015,0,0,0-.019-.006h0a.907.907,0,0,1-.352-.219L6.63,17.007a.909.909,0,0,1,1.286-1.286L9.091,16.9V10.909H3.1L4.28,12.085a.909.909,0,1,1-1.286,1.286L.285,10.661a.914.914,0,0,1-.158-.2h0l-.01-.018,0,0-.009-.017,0,0L.1,10.4l0,0-.008-.017v0l-.008-.018v0l-.008-.019h0l-.008-.02h0A.9.9,0,0,1,0,10.087H0l0-.02v0c0-.006,0-.011,0-.017v-.009s0-.009,0-.013S0,10.009,0,10v0H0c0-.008,0-.015,0-.023V9.97s0-.01,0-.015V9.911l0-.015V9.889l0-.017v0l0-.017V9.846l0-.016V9.824l0-.015,0-.008,0-.014,0-.009,0-.012,0-.011,0-.009,0-.014,0-.006L.047,9.71v0a.907.907,0,0,1,.218-.351L2.994,6.63A.909.909,0,0,1,4.28,7.916L3.1,9.091H9.091V3.1L7.916,4.28A.909.909,0,0,1,6.63,2.994L9.357.267A.907.907,0,0,1,9.708.048h0L9.728.042l.006,0,.014,0,.009,0,.011,0,.012,0,.009,0,.014,0,.008,0,.015,0H9.83l.016,0h.005l.017,0h0l.017,0H9.9l.015,0h.155l.02,0h0a.9.9,0,0,1,.234.054h0l.02.008h0l.019.008h0l.018.008h0L10.4.093l0,0L10.421.1l0,0,.017.009,0,0,.018.01h0a.914.914,0,0,1,.2.158l2.71,2.709A.909.909,0,1,1,12.085,4.28L10.909,3.1V9.091H16.9L15.721,7.916A.909.909,0,0,1,17.007,6.63l2.727,2.727a.907.907,0,0,1,.219.352h0l.006.019,0,0,0,.015,0,.008,0,.012,0,.011,0,.01,0,.013,0,.008,0,.015V9.83l0,.015v.006l0,.015v.007l0,.015V9.9l0,.014v.044c0,.005,0,.01,0,.016v.007c0,.008,0,.015,0,.023h0v0c0,.007,0,.014,0,.02s0,.008,0,.012v.01c0,.005,0,.011,0,.016v.005l0,.019v0l0,.021h0a.9.9,0,0,1-.045.192h0l-.007.021h0l-.008.02v0l-.008.019v0l-.008.017,0,0-.008.016,0,0-.008.015,0,0-.008.016,0,0-.009.016,0,0-.011.018h0a.914.914,0,0,1-.147.179l-2.709,2.71a.909.909,0,1,1-1.286-1.286L16.9,10.909H10.909V16.9l1.176-1.176a.909.909,0,1,1,1.286,1.286l-2.71,2.709a.914.914,0,0,1-.179.147h0l-.018.011,0,0-.016.009,0,0-.016.008,0,0-.015.008,0,0-.016.008,0,0-.017.008h0l-.019.008h0l-.02.008h0l-.021.007h0a.9.9,0,0,1-.192.045h0l-.021,0h0l-.019,0H10Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-ecosystem.svg b/src/shared/assets/icons/icon-ecosystem.svg
deleted file mode 100644
index 1ddf043..0000000
--- a/src/shared/assets/icons/icon-ecosystem.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-ecosystem" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_261" data-name="Rectangle 261" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M9.739,16.351a2.85,2.85,0,0,1,1.892-3.17V8.125A4.056,4.056,0,0,1,9.49,6.843L5.4,10.8a2.852,2.852,0,1,1-4.847-.361,2.851,2.851,0,0,1,3.58-.906L8.608,5.2a4.15,4.15,0,0,1-.145-1.091,4.063,4.063,0,1,1,8.126,0,4.151,4.151,0,0,1-.154,1.117l.036.034,4.565,4.288a2.829,2.829,0,0,1,3.276.516l.012.012a2.86,2.86,0,0,1-3.576,4.409,2.8,2.8,0,0,1-.471-.379h0a2.822,2.822,0,0,1-.513-3.267L15.533,6.87a4.065,4.065,0,0,1-2.111,1.253v5.057a2.852,2.852,0,1,1-3.683,3.17Zm1.755-.462a1.033,1.033,0,1,0,1.033-1.046A1.04,1.04,0,0,0,11.494,15.888Zm10.07-4.525a1.033,1.033,0,1,0,1.469-.009,1.024,1.024,0,0,0-.727-.3A1.046,1.046,0,0,0,21.564,11.364Zm-19.447-.01a1.033,1.033,0,1,0,1.469-.009,1.024,1.024,0,0,0-.727-.3A1.046,1.046,0,0,0,2.117,11.354Zm8.137-7.241a2.272,2.272,0,1,0,2.271-2.3A2.288,2.288,0,0,0,10.254,4.113Z" transform="translate(2.412 6.25)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-edit.svg b/src/shared/assets/icons/icon-edit.svg
deleted file mode 100644
index 47ff9e0..0000000
--- a/src/shared/assets/icons/icon-edit.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg id="icon-edit" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_286" data-name="Rectangle 286" width="30" height="30" fill="none"/>
-  <g id="Ligne" transform="translate(3.75 4.456)">
-    <path id="Tracé_31" data-name="Tracé 31" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15443.751 -10463.001)" fill="#091625"/>
-    <path id="Tracé_51" data-name="Tracé 51" d="M.15,2.463-.1.478,2.38.166,2.63,2.15Zm3.1-.39L3,.088l2.48-.312.25,1.984Zm3.1-.39L6.1-.3l2.48-.312.25,1.984Zm3.1-.39L9.2-.693l1.5-.188.25,1.984Z" transform="translate(8.1 2.742)" fill="#091625"/>
-    <g id="Ligne-2" data-name="Ligne" transform="translate(0 2.064)">
-      <path id="Tracé_29" data-name="Tracé 29" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15461.002 -10449.226)" fill="#091625"/>
-      <path id="Tracé_28" data-name="Tracé 28" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15456.594 -10463.001)" fill="#091625"/>
-      <path id="Tracé_30" data-name="Tracé 30" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15447.634 -10451.599)" fill="#091625"/>
-      <path id="Tracé_24" data-name="Tracé 24" d="M-12340.652-9658.875l-1.911-.588,3.662-11.873,1.911.588Z" transform="translate(12344.647 9674.521)" fill="#091625"/>
-      <path id="Tracé_25" data-name="Tracé 25" d="M-12331.813-9661.075l-7.476-9.528,1.572-1.235,7.476,9.527Z" transform="translate(12346.209 9674.701)" fill="#091625"/>
-    </g>
-    <path id="Ligne_28" data-name="Ligne 28" d="M1.164,10.291l-1.94-.485.226-.9,1.94.485ZM1.542,8.78-.4,8.295.208,5.869l1.94.485ZM2.3,5.748.36,5.263.966,2.838l1.94.485Zm.758-3.032-1.94-.485L1.724-.194l1.94.485Z" transform="translate(16.681 4.164)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-export.svg b/src/shared/assets/icons/icon-export.svg
deleted file mode 100644
index 1fb2c03..0000000
--- a/src/shared/assets/icons/icon-export.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg id="icon-export" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle" width="30" height="30" fill="none"/>
-  <path id="Fill_1" data-name="Fill 1" d="M.4,4.726A1.037,1.037,0,0,0,.235,6.2a1.088,1.088,0,0,0,1.506.164L5.357,3.53V13.95a1.071,1.071,0,0,0,2.143,0V3.529l3.617,2.837A1.088,1.088,0,0,0,12.622,6.2a1.038,1.038,0,0,0-.167-1.477L6.428,0Z" transform="translate(8.572 6.25)" fill="#091625"/>
-  <path id="Tracé_7" data-name="Tracé 7" d="M-12323.889-9865.106h-17.2a1.061,1.061,0,0,1-1.062-1.062v-4.375a1.061,1.061,0,0,1,1.063-1.062,1.062,1.062,0,0,1,1.063,1.062v3.313h15.07v-3.129a1.061,1.061,0,0,1,1.063-1.062,1.06,1.06,0,0,1,1.061,1.062v4.19A1.061,1.061,0,0,1-12323.889-9865.106Z" transform="translate(12347.334 9889.544)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-flag.svg b/src/shared/assets/icons/icon-flag.svg
deleted file mode 100644
index f93d7c9..0000000
--- a/src/shared/assets/icons/icon-flag.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-flag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M0,18.958V1.806a.909.909,0,0,1,.264-.638A3.333,3.333,0,0,1,1.358.516,8.535,8.535,0,0,1,4.514,0,9.49,9.49,0,0,1,8.46.968a8.122,8.122,0,0,0,3.276.838,6.811,6.811,0,0,0,2.486-.387,1.923,1.923,0,0,0,.487-.251A.889.889,0,0,1,15.34.9a.9.9,0,0,1,.909.9V12.639a.905.905,0,0,1-.264.638,3.229,3.229,0,0,1-1.092.651,8.546,8.546,0,0,1-3.157.516,9.513,9.513,0,0,1-3.947-.967,8.093,8.093,0,0,0-3.276-.838,6.811,6.811,0,0,0-2.485.386c-.086.034-.16.067-.223.1v5.836a.9.9,0,0,1-1.806,0ZM8.46,11.8a8.1,8.1,0,0,0,3.276.839,6.832,6.832,0,0,0,2.486-.387q.128-.052.223-.1v-8.9a9.277,9.277,0,0,1-2.709.358A9.513,9.513,0,0,1,7.79,2.644a8.114,8.114,0,0,0-3.276-.838,6.8,6.8,0,0,0-2.485.387c-.082.033-.158.064-.223.1v8.9a9.258,9.258,0,0,1,2.708-.358A9.511,9.511,0,0,1,8.46,11.8Z" transform="translate(0 0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_240" data-name="Rectangle 240" width="30" height="30" fill="none"/>
-  <g id="Groupe_3" data-name="Groupe 3" transform="translate(7.5 5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M0,18.958V1.806a.909.909,0,0,1,.264-.638A3.333,3.333,0,0,1,1.358.516,8.535,8.535,0,0,1,4.514,0,9.49,9.49,0,0,1,8.46.968a8.122,8.122,0,0,0,3.276.838,6.811,6.811,0,0,0,2.486-.387,1.923,1.923,0,0,0,.487-.251A.889.889,0,0,1,15.34.9a.9.9,0,0,1,.909.9V12.639a.905.905,0,0,1-.264.638,3.229,3.229,0,0,1-1.092.651,8.546,8.546,0,0,1-3.157.516,9.513,9.513,0,0,1-3.947-.967,8.093,8.093,0,0,0-3.276-.838,6.811,6.811,0,0,0-2.485.386c-.086.034-.16.067-.223.1v5.836a.9.9,0,0,1-1.806,0ZM8.46,11.8a8.1,8.1,0,0,0,3.276.839,6.832,6.832,0,0,0,2.486-.387q.128-.052.223-.1v-8.9a9.277,9.277,0,0,1-2.709.358A9.513,9.513,0,0,1,7.79,2.644a8.114,8.114,0,0,0-3.276-.838,6.8,6.8,0,0,0-2.485.387c-.082.033-.158.064-.223.1v8.9a9.258,9.258,0,0,1,2.708-.358A9.511,9.511,0,0,1,8.46,11.8Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-formatting.svg b/src/shared/assets/icons/icon-formatting.svg
deleted file mode 100644
index 7ff495d..0000000
--- a/src/shared/assets/icons/icon-formatting.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg id="icon-formatting" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <path id="Soustraction_13" data-name="Soustraction 13" d="M16.867,22.235a2.5,2.5,0,0,1-1.783-.739l-4.906-4.905,1.193-1.2,4.893,4.893a.878.878,0,0,0,1.182,0l2.869-2.816-.029-.024a.875.875,0,0,0,.258-.608.847.847,0,0,0-.258-.6L16.91,12.863,15.479,14.3l-1.186-1.181,1.438-1.437-.322-.318,1.182-1.183,4.9,4.9a2.539,2.539,0,0,1,0,3.574L18.652,21.5A2.5,2.5,0,0,1,16.867,22.235Zm-.238-3.623h0l-1.193-1.189,1.992-1.991,1.189,1.194-1.984,1.986ZM5.807,12.22h0L.74,7.151a2.525,2.525,0,0,1,0-3.572L3.58.738a2.527,2.527,0,0,1,3.57,0L12.482,6.07,11.236,7.218,10.918,6.9,9.486,8.332,8.3,7.151,9.738,5.715l-1.8-1.8L6.5,5.352,5.324,4.171,6.756,2.734l-.785-.788A.856.856,0,0,0,5.377,1.7a.844.844,0,0,0-.588.242L1.949,4.787a.855.855,0,0,0,0,1.186l5.1,5.1L5.809,12.22Z" transform="translate(3.749 3.749)" fill="#091625"/>
-  <rect id="Rectangle_117" data-name="Rectangle 117" width="30" height="30" fill="none"/>
-  <g id="Groupe_26" data-name="Groupe 26" transform="translate(20.313 3.763) rotate(45)">
-    <path id="Tracé_16" data-name="Tracé 16" d="M.875,0H7.431a.875.875,0,0,1,.875.875v20.66a.872.872,0,0,1-.169.517L4.83,26.583a.877.877,0,0,1-.707.358h0a.876.876,0,0,1-.709-.365L.163,22.045A.88.88,0,0,1,0,21.535V.875A.875.875,0,0,1,.875,0Zm5.68,1.75H1.75v19.5l2.38,3.319L6.555,21.25Z" fill="#091625"/>
-    <path id="Ligne_39" data-name="Ligne 39" d="M6.9,1.75H0V0H6.9Z" transform="translate(1.3 3.629)" fill="#091625"/>
-    <path id="Ligne_40" data-name="Ligne 40" d="M6.9,1.75H0V0H6.9Z" transform="translate(1.3 20.184)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-fullscreen2.svg b/src/shared/assets/icons/icon-fullscreen2.svg
deleted file mode 100644
index faeedb7..0000000
--- a/src/shared/assets/icons/icon-fullscreen2.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-fullscreen2" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_262" data-name="Rectangle 262" width="30" height="30" fill="none"/>
-  <path id="Fill_1" data-name="Fill 1" d="M25.86,25.663H15.408V23.33h8.118V15.211H25.86V25.662Zm-15.409,0H0V15.211H2.332V23.33h8.119v2.332ZM25.86,10.452H23.526V2.332H15.408V0H25.86V10.451Zm-23.528,0H0V0H10.451V2.332H2.332v8.119Z" transform="translate(2.07 2.168)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-gallery.svg b/src/shared/assets/icons/icon-gallery.svg
deleted file mode 100644
index b46c400..0000000
--- a/src/shared/assets/icons/icon-gallery.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-gallery" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M19,20H12a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1h7a1,1,0,0,1,1,1v7A1,1,0,0,1,19,20Zm-6-7v5h5V13ZM8,20H1a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H8a1,1,0,0,1,1,1v7A1,1,0,0,1,8,20ZM2,13v5H7V13ZM19,9H12a1,1,0,0,1-1-1V1a1,1,0,0,1,1-1h7a1,1,0,0,1,1,1V8A1,1,0,0,1,19,9ZM13,2V7h5V2ZM8,9H1A1,1,0,0,1,0,8V1A1,1,0,0,1,1,0H8A1,1,0,0,1,9,1V8A1,1,0,0,1,8,9ZM2,2V7H7V2Z" transform="translate(0 0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_155" data-name="Rectangle 155" width="30" height="30" fill="none"/>
-  <g id="Groupe_25" data-name="Groupe 25" transform="translate(5 5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M19,20H12a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1h7a1,1,0,0,1,1,1v7A1,1,0,0,1,19,20Zm-6-7v5h5V13ZM8,20H1a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H8a1,1,0,0,1,1,1v7A1,1,0,0,1,8,20ZM2,13v5H7V13ZM19,9H12a1,1,0,0,1-1-1V1a1,1,0,0,1,1-1h7a1,1,0,0,1,1,1V8A1,1,0,0,1,19,9ZM13,2V7h5V2ZM8,9H1A1,1,0,0,1,0,8V1A1,1,0,0,1,1,0H8A1,1,0,0,1,9,1V8A1,1,0,0,1,8,9ZM2,2V7H7V2Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-guichet.svg b/src/shared/assets/icons/icon-guichet.svg
deleted file mode 100644
index 835493a..0000000
--- a/src/shared/assets/icons/icon-guichet.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg id="icon-guichet" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_131" data-name="Rectangle 131" width="30" height="30" fill="none"/>
-  <g id="Groupe_86" data-name="Groupe 86" transform="translate(4.977 1.5)">
-    <path id="Tracé_83" data-name="Tracé 83" d="M-12057-9563.273l-3.738-3.839,1.434-1.395,3.737,3.839Z" transform="translate(12066.09 9580.123)" fill="#091625"/>
-    <path id="Tracé_84" data-name="Tracé 84" d="M-12057-9563.273l-3.738-3.839,1.434-1.395,3.737,3.839Z" transform="translate(12075.665 9571.31)" fill="#091625"/>
-    <path id="Tracé_85" data-name="Tracé 85" d="M-12048.522-9577.8h0a1,1,0,0,1,.709.3l3.8,3.828a.976.976,0,0,1,.215.322.994.994,0,0,1-.245,1.119l-.1.1-.364.366-1.3,1.3-3.945,3.945-5.74,5.736a.986.986,0,0,1-.542.279l-4.509.752a.949.949,0,0,1-.165.014,1.006,1.006,0,0,1-.707-.291,1,1,0,0,1-.279-.872l.752-4.551a1,1,0,0,1,.276-.541l11.434-11.506A1,1,0,0,1-12048.522-9577.8Zm2.392,4.827-2.392-2.409-10.5,10.566-.473,2.857,2.815-.471C-12053.44-9565.665-12048.039-9571.062-12046.131-9572.973Z" transform="translate(12065.847 9577.8)" fill="#091625"/>
-    <path id="Tracé_86" data-name="Tracé 86" d="M-12046.972-9555.747h-17.047a1,1,0,0,1-1-1v-17.359a1,1,0,0,1,1-1h12.809a1,1,0,0,1,1,1,1,1,0,0,1-1,1h-11.809v15.36h15.047v-12.4a1,1,0,0,1,1-1,1,1,0,0,1,1,1v13.4A1,1,0,0,1-12046.972-9555.747Z" transform="translate(12065.019 9578.473)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-heart-full.svg b/src/shared/assets/icons/icon-heart-full.svg
deleted file mode 100644
index be284b7..0000000
--- a/src/shared/assets/icons/icon-heart-full.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-heart-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Shape" d="M10.89,1.757a6,6,0,1,1,8.482,8.482l-8.155,8.155a.923.923,0,0,1-1.3,0L1.757,10.239a6,6,0,0,1,8.482-8.482l.326.326Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_150" data-name="Rectangle 150" width="30" height="30" fill="none"/>
-  <g id="Groupe_9" data-name="Groupe 9" transform="translate(5 6.25)">
-    <path id="Shape-2" data-name="Shape" d="M10.89,1.757a6,6,0,1,1,8.482,8.482l-8.155,8.155a.923.923,0,0,1-1.3,0L1.757,10.239a6,6,0,0,1,8.482-8.482l.326.326Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-import.svg b/src/shared/assets/icons/icon-import.svg
deleted file mode 100644
index f48ffed..0000000
--- a/src/shared/assets/icons/icon-import.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg id="icon-import" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle" width="30" height="30" fill="none"/>
-  <path id="Fill_1" data-name="Fill 1" d="M.4,10.274A1.036,1.036,0,0,1,.235,8.8a1.088,1.088,0,0,1,1.506-.164L5.357,11.47V1.05a1.072,1.072,0,0,1,2.143,0v10.42l3.617-2.837a1.088,1.088,0,0,1,1.506.164,1.038,1.038,0,0,1-.167,1.477L6.428,15Z" transform="translate(8.571 6.25)" fill="#091625"/>
-  <path id="Tracé_7" data-name="Tracé 7" d="M-12323.889-9865.106h-17.2a1.061,1.061,0,0,1-1.062-1.062v-4.375a1.061,1.061,0,0,1,1.063-1.062,1.062,1.062,0,0,1,1.063,1.062v3.313h15.07v-3.129a1.061,1.061,0,0,1,1.063-1.062,1.06,1.06,0,0,1,1.061,1.062v4.19A1.061,1.061,0,0,1-12323.889-9865.106Z" transform="translate(12347.334 9889.544)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-like.svg b/src/shared/assets/icons/icon-like.svg
deleted file mode 100644
index 532b1cf..0000000
--- a/src/shared/assets/icons/icon-like.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-like" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_146" data-name="Rectangle 146" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M17.721,22.518H3.07A3.074,3.074,0,0,1,0,19.447V12.282a3.074,3.074,0,0,1,3.07-3.07H5.476L9.3.608A1.024,1.024,0,0,1,10.235,0a4.1,4.1,0,0,1,4.094,4.094V7.165h4.794A3.069,3.069,0,0,1,22.158,10.7l-1.412,9.21a3.081,3.081,0,0,1-3.023,2.61ZM17.7,20.472h.011a1.018,1.018,0,0,0,1.013-.872l1.412-9.21a1.02,1.02,0,0,0-.24-.826,1.035,1.035,0,0,0-.783-.352H13.307a1.024,1.024,0,0,1-1.024-1.023v-4.1a2.039,2.039,0,0,0-1.425-1.951L7.165,10.452V20.472ZM2.048,12.282v7.165A1.024,1.024,0,0,0,3.07,20.471H5.118V11.259H3.07A1.024,1.024,0,0,0,2.048,12.282Z" transform="translate(3.75 2.5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-line.svg b/src/shared/assets/icons/icon-line.svg
deleted file mode 100644
index cee426c..0000000
--- a/src/shared/assets/icons/icon-line.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg id="icon-line" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_119" data-name="Rectangle 119" width="30" height="30" fill="none"/>
-  <g id="Ligne" transform="translate(3.75 3.75)">
-    <path id="Tracé_29" data-name="Tracé 29" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15461.002 -10445.749)" fill="#091625"/>
-    <path id="Tracé_28" data-name="Tracé 28" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15456.594 -10459.524)" fill="#091625"/>
-    <path id="Tracé_31" data-name="Tracé 31" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15443.754 -10463.001)" fill="#091625"/>
-    <path id="Tracé_30" data-name="Tracé 30" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15447.634 -10448.122)" fill="#091625"/>
-    <path id="Tracé_24" data-name="Tracé 24" d="M-12340.652-9658.875l-1.911-.588,3.662-11.873,1.911.588Z" transform="translate(12344.647 9677.998)" fill="#091625"/>
-    <path id="Tracé_25" data-name="Tracé 25" d="M-12331.813-9661.075l-7.476-9.528,1.572-1.235,7.476,9.527Z" transform="translate(12346.209 9678.178)" fill="#091625"/>
-    <path id="Tracé_26" data-name="Tracé 26" d="M-12332.035-9661.1l-1.941-.483,3.188-12.771,1.94.483Z" transform="translate(12349.396 9677.59)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-location.svg b/src/shared/assets/icons/icon-location.svg
index 2eb2ca1..bcbf626 100644
--- a/src/shared/assets/icons/icon-location.svg
+++ b/src/shared/assets/icons/icon-location.svg
@@ -1,11 +1 @@
-<svg id="icon-location" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M8.75,21a.882.882,0,0,1-.486-.147c-.134-.091-.249-.172-.364-.256-.286-.205-.6-.442-.925-.7a27.167,27.167,0,0,1-2.8-2.557C1.405,14.41,0,11.522,0,8.75a8.75,8.75,0,0,1,17.5,0c0,2.771-1.406,5.659-4.178,8.586a27.151,27.151,0,0,1-2.8,2.557c-.313.249-.624.486-.925.7-.183.132-.312.221-.366.257A.874.874,0,0,1,8.75,21Zm0-19.25a7.008,7.008,0,0,0-7,7c0,2.308,1.244,4.792,3.7,7.382a25.441,25.441,0,0,0,2.618,2.392c.238.19.468.367.685.527.22-.162.451-.339.685-.527a25.5,25.5,0,0,0,2.617-2.392c2.454-2.59,3.7-5.074,3.7-7.382A7.008,7.008,0,0,0,8.75,1.75Zm0,10.5a3.5,3.5,0,1,1,3.5-3.5A3.5,3.5,0,0,1,8.75,12.25ZM8.75,7A1.75,1.75,0,1,0,10.5,8.75,1.752,1.752,0,0,0,8.75,7Z" transform="translate(0 0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_173" data-name="Rectangle 173" width="30" height="30" fill="none"/>
-  <g id="Groupe_6" data-name="Groupe 6" transform="translate(6.25 5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M8.75,21a.882.882,0,0,1-.486-.147c-.134-.091-.249-.172-.364-.256-.286-.205-.6-.442-.925-.7a27.167,27.167,0,0,1-2.8-2.557C1.405,14.41,0,11.522,0,8.75a8.75,8.75,0,0,1,17.5,0c0,2.771-1.406,5.659-4.178,8.586a27.151,27.151,0,0,1-2.8,2.557c-.313.249-.624.486-.925.7-.183.132-.312.221-.366.257A.874.874,0,0,1,8.75,21Zm0-19.25a7.008,7.008,0,0,0-7,7c0,2.308,1.244,4.792,3.7,7.382a25.441,25.441,0,0,0,2.618,2.392c.238.19.468.367.685.527.22-.162.451-.339.685-.527a25.5,25.5,0,0,0,2.617-2.392c2.454-2.59,3.7-5.074,3.7-7.382A7.008,7.008,0,0,0,8.75,1.75Zm0,10.5a3.5,3.5,0,1,1,3.5-3.5A3.5,3.5,0,0,1,8.75,12.25ZM8.75,7A1.75,1.75,0,1,0,10.5,8.75,1.752,1.752,0,0,0,8.75,7Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z"></path></svg>
\ No newline at end of file
diff --git a/src/shared/assets/icons/icon-lock.svg b/src/shared/assets/icons/icon-lock.svg
deleted file mode 100644
index 6c11a34..0000000
--- a/src/shared/assets/icons/icon-lock.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg id="icon-lock" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M3,22a3,3,0,0,1-3-3V12A3,3,0,0,1,3,9H4V6A6,6,0,1,1,16,6V9h1a3,3,0,0,1,3,3v7a3,3,0,0,1-3,3ZM2,12v7a1,1,0,0,0,1,1H17a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H3A1,1,0,0,0,2,12ZM14,9V6A4,4,0,0,0,6,6V9Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_145" data-name="Rectangle 145" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape-2" data-name="Combined Shape" d="M3,22a3,3,0,0,1-3-3V12A3,3,0,0,1,3,9H4V6A6,6,0,1,1,16,6V9h1a3,3,0,0,1,3,3v7a3,3,0,0,1-3,3ZM2,12v7a1,1,0,0,0,1,1H17a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H3A1,1,0,0,0,2,12ZM14,9V6A4,4,0,0,0,6,6V9Z" transform="translate(5 3.75)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-map-background.svg b/src/shared/assets/icons/icon-map-background.svg
deleted file mode 100644
index 82b53dc..0000000
--- a/src/shared/assets/icons/icon-map-background.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg id="icon-map-background" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_132" data-name="Rectangle 132" width="30" height="30" fill="none"/>
-  <g id="Groupe_40" data-name="Groupe 40" transform="translate(2.935 3.004)">
-    <path id="Path" d="M12.663-.7a1.213,1.213,0,0,1,1.226.82,1.512,1.512,0,0,1,.727.38,1.229,1.229,0,0,1,.288.46,2.887,2.887,0,0,1,1.116.907,1.249,1.249,0,0,1,.546-.132c.258,0,1.093.1,1.186,1.427a4.459,4.459,0,0,0,.722.152,3.133,3.133,0,0,1,1.869.737h.025a1.027,1.027,0,0,1,.588.171c.867.058,2.122.162,2.417,1.109.175.563-.073,1.118-.737,1.651a3.9,3.9,0,0,0-.177,1.009A5.532,5.532,0,0,1,22.227,9.3a1.478,1.478,0,0,1-1.186,1.052c-.167.227-.4.548-.654.892a1.3,1.3,0,0,1,.5.4,2.022,2.022,0,0,1,.417,1.936,1.888,1.888,0,0,1,.3.317,1.107,1.107,0,0,1,.042,1.308.875.875,0,0,1-.271.257,1.063,1.063,0,0,1,.111.15,1.2,1.2,0,0,1,.04,1.086,3.488,3.488,0,0,0,.43.1,1.035,1.035,0,0,1,.833.706c.239.754-.342,1.5-1.826,2.98l-.155.156a1.48,1.48,0,0,1-1.461.819,8.764,8.764,0,0,1-2.749-.73c-.265-.1-.628-.239-.734-.261a4.452,4.452,0,0,0-.84-.093c-.219,0-.607.028-.751.216-.075.1-.224.418.009,1.273a.92.92,0,0,1-.155.871,1.694,1.694,0,0,1-1.37.548,6,6,0,0,1-1.929-.414,1.991,1.991,0,0,1-.584.1A1.127,1.127,0,0,1,9.117,22.1c-.129.008-.288.031-.456.056a6.3,6.3,0,0,1-.907.085,2.153,2.153,0,0,1-1.418-.461l-.031-.006a3.929,3.929,0,0,1-1.592-.653l-.036,0a1.054,1.054,0,0,1-.893-.556.943.943,0,0,1-.095-.338,1.036,1.036,0,0,1-.539-1.093.945.945,0,0,1,.7-.721,10.715,10.715,0,0,0,.774-2.973,22.121,22.121,0,0,0,.3-2.826,2.926,2.926,0,0,1-1.353-2.47c-.09-.124-.208-.291-.37-.52l-.182-.257A6,6,0,0,0,.862,8.573L.733,8.558.615,8.507c-.94-.407-1.38-.92-1.308-1.523A1,1,0,0,1-.5,6.5a1.175,1.175,0,0,1-.107-.937,1.427,1.427,0,0,1,1.145-.9,2.472,2.472,0,0,1,.593-.071,3.683,3.683,0,0,1,.52.043l.052.007a1.319,1.319,0,0,1,1.007-.5A1.692,1.692,0,0,1,4.11,5.2,6.946,6.946,0,0,1,4.8,5.066c-.105-.491-.247-1.094-.383-1.628l-.233-.917.933-.161a2.682,2.682,0,0,1,.458-.042,1.842,1.842,0,0,1,1.6.927c.193.275.217.31.518.31a2.169,2.169,0,0,0,.263-.018,4.224,4.224,0,0,1,2.389-1.59q-.014-.031-.026-.063A1.751,1.751,0,0,1,10.7.145,3.026,3.026,0,0,1,12.663-.7Zm.559,2.446a1.542,1.542,0,0,1-.679-.452l-.189.749A2.124,2.124,0,0,1,11.2,3.5a6.449,6.449,0,0,0-1.52.708l-.146.387-.163.422-.438.111A5.054,5.054,0,0,1,7.7,5.3a2.327,2.327,0,0,1-1.11-.252c.185.92.172,1.256-.072,1.57a.888.888,0,0,1-.705.346.908.908,0,0,1-.552-.188,4.856,4.856,0,0,0-.973.184,2.392,2.392,0,0,1-.592.11H3.661c-.563-.018-.8-.474-.969-.807l-.055-.105a1.421,1.421,0,0,1-.813.238,2.347,2.347,0,0,1-.276-.018.946.946,0,0,1,.06.545,7.5,7.5,0,0,1,1.573.544,3.954,3.954,0,0,1,1.138.7l.009.011c.052.068.146.2.308.43.13.184.338.479.421.588a.963.963,0,0,1,.252.639c.044.769.261,1.213.644,1.318a1.112,1.112,0,0,1,.722,1.139,8.711,8.711,0,0,1-.021.922,28.2,28.2,0,0,1-.559,3.88,7.958,7.958,0,0,1-.748,2.228,1.047,1.047,0,0,1,.112.2,1.376,1.376,0,0,1,.251.152,2.187,2.187,0,0,0,.952.38,1.352,1.352,0,0,1,.779.36.463.463,0,0,0,.315.071,4.927,4.927,0,0,0,.655-.067,5.585,5.585,0,0,1,.795-.077,1.53,1.53,0,0,1,1.426.761,1.2,1.2,0,0,1,.247-.027.964.964,0,0,1,.426.1,5.655,5.655,0,0,0,1.129.328,2.661,2.661,0,0,1,.45-1.976,2.526,2.526,0,0,1,2.142-.9,6.186,6.186,0,0,1,1.177.126,7.179,7.179,0,0,1,1.021.343,8.662,8.662,0,0,0,2.086.615,3.183,3.183,0,0,1,.418-.462q.6-.6.951-1a1.671,1.671,0,0,1-.824-.7,1.337,1.337,0,0,1-.148-.881,1.075,1.075,0,0,1-.719-.794,1.412,1.412,0,0,1,.692-1.394,1.14,1.14,0,0,1-.288-.637,1.109,1.109,0,0,1,.192-.71.676.676,0,0,0,.063-.121.455.455,0,0,0-.083-.2,1.6,1.6,0,0,0-.211-.012,3.2,3.2,0,0,0-.438.033l-2.085.328,1.239-1.707s.455-.625.912-1.251c.229-.314.459-.627.632-.862l.215-.29A.944.944,0,0,1,20.6,8.6h.018a7.147,7.147,0,0,0,.1-.775A3.993,3.993,0,0,1,21.191,6q-.184-.018-.411-.033c-.111-.007-.2-.013-.275-.021a1.112,1.112,0,0,1-.412-.12,1.128,1.128,0,0,1-1.02-.564,2.979,2.979,0,0,0-.87-.216,4.538,4.538,0,0,1-1.222-.31,1.647,1.647,0,0,1-.824-.79.924.924,0,0,1-.453.117.9.9,0,0,1-.871-.664,1.712,1.712,0,0,0-.154-.354l-.03-.049-.021-.049a1.315,1.315,0,0,0-.738-.507l-.712-.173Z" transform="translate(0.7 0.7)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-map.svg b/src/shared/assets/icons/icon-map.svg
deleted file mode 100644
index a5a930b..0000000
--- a/src/shared/assets/icons/icon-map.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-map" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M.254,18.1A.822.822,0,0,1,0,17.5V4.168a.835.835,0,0,1,.42-.723L6.241.118A.828.828,0,0,1,6.611,0h.106l.021,0h0a.828.828,0,0,1,.3.084h0l.005,0,6.261,3.131L18.754.111A.826.826,0,0,1,19.166,0,.836.836,0,0,1,20,.835V14.168a.836.836,0,0,1-.42.723l-5.832,3.332h0l-.018.01-.009,0-.01,0a.821.821,0,0,1-.6.058l-.008,0-.008,0a.828.828,0,0,1-.148-.06L6.693,15.113,1.247,18.225a.829.829,0,0,1-.412.111A.849.849,0,0,1,.254,18.1ZM12.5,16.153V4.682l-5-2.5v11.47Zm1.667-.087,4.166-2.381V2.27L14.167,4.651ZM1.666,4.652V16.065l4.167-2.38V2.271Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <g id="Groupe_5" data-name="Groupe 5">
-    <rect id="Rectangle_159" data-name="Rectangle 159" width="30" height="30" fill="none"/>
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M.254,18.1A.822.822,0,0,1,0,17.5V4.168a.835.835,0,0,1,.42-.723L6.241.118A.828.828,0,0,1,6.611,0h.106l.021,0h0a.828.828,0,0,1,.3.084h0l.005,0,6.261,3.131L18.754.111A.826.826,0,0,1,19.166,0,.836.836,0,0,1,20,.835V14.168a.836.836,0,0,1-.42.723l-5.832,3.332h0l-.018.01-.009,0-.01,0a.821.821,0,0,1-.6.058l-.008,0-.008,0a.828.828,0,0,1-.148-.06L6.693,15.113,1.247,18.225a.829.829,0,0,1-.412.111A.849.849,0,0,1,.254,18.1ZM12.5,16.153V4.682l-5-2.5v11.47Zm1.667-.087,4.166-2.381V2.27L14.167,4.651ZM1.666,4.652V16.065l4.167-2.38V2.271Z" transform="translate(5 6.25)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-map2.svg b/src/shared/assets/icons/icon-map2.svg
deleted file mode 100644
index 8934b78..0000000
--- a/src/shared/assets/icons/icon-map2.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon_map2" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_257" data-name="Rectangle 257" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M7.079,8.73l1.947-.6L12.1,12.844a1.682,1.682,0,0,0,.764.651v9.453l-5.79,1.8ZM.395,23.078A.562.562,0,0,1,0,22.531V7.714a.57.57,0,0,1,.737-.547L5.789,8.73V24.746Zm18.816,1.406-5.079-1.563V13.47a1.548,1.548,0,0,0,.79-.626L18,8.1l1.552.469a.562.562,0,0,1,.395.547V23.938a.566.566,0,0,1-.572.57A.605.605,0,0,1,19.211,24.485ZM12.948,12.323l-3.5-5.364a4.621,4.621,0,0,1-.631-2.319A4.682,4.682,0,0,1,13.527,0c.079,0,.159,0,.236.006a4.624,4.624,0,0,1,3.789,6.954l-3.5,5.364a.668.668,0,0,1-1.1,0ZM11.211,4.615A2.289,2.289,0,1,0,13.5,2.349,2.28,2.28,0,0,0,11.211,4.615Z" transform="translate(5.027 2.625)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-megamenu.svg b/src/shared/assets/icons/icon-megamenu.svg
deleted file mode 100644
index 94479ea..0000000
--- a/src/shared/assets/icons/icon-megamenu.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-megamenu" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_245" data-name="Rectangle 245" width="30" height="30" fill="none"/>
-  <path id="Mega-Menu" d="M16.937,21.25a1,1,0,0,1-1-1V16.937a1,1,0,0,1,1-1H20.25a1,1,0,0,1,1,1V20.25a1,1,0,0,1-1,1Zm-7.969,0a1,1,0,0,1-1-1V16.937a1,1,0,0,1,1-1h3.313a1,1,0,0,1,1,1V20.25a1,1,0,0,1-1,1ZM1,21.25a1,1,0,0,1-1-1V16.937a1,1,0,0,1,1-1H4.313a1,1,0,0,1,1,1V20.25a1,1,0,0,1-1,1Zm15.937-7.969a1,1,0,0,1-1-1V8.969a1,1,0,0,1,1-1H20.25a1,1,0,0,1,1,1v3.313a1,1,0,0,1-1,1Zm-7.969,0a1,1,0,0,1-1-1V8.969a1,1,0,0,1,1-1h3.313a1,1,0,0,1,1,1v3.313a1,1,0,0,1-1,1ZM1,13.281a1,1,0,0,1-1-1V8.969a1,1,0,0,1,1-1H4.313a1,1,0,0,1,1,1v3.313a1,1,0,0,1-1,1ZM16.937,5.313a1,1,0,0,1-1-1V1a1,1,0,0,1,1-1H20.25a1,1,0,0,1,1,1V4.313a1,1,0,0,1-1,1Zm-7.969,0a1,1,0,0,1-1-1V1a1,1,0,0,1,1-1h3.313a1,1,0,0,1,1,1V4.313a1,1,0,0,1-1,1ZM1,5.313a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H4.313a1,1,0,0,1,1,1V4.313a1,1,0,0,1-1,1Z" transform="translate(4.375 4.375)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-menu.svg b/src/shared/assets/icons/icon-menu.svg
deleted file mode 100644
index 5f66d2c..0000000
--- a/src/shared/assets/icons/icon-menu.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg id="icon-menu" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_95" data-name="Rectangle 95" width="30" height="30" fill="none"/>
-  <g id="Circles" transform="translate(11.25 3.75)">
-    <path id="Tracé_102" data-name="Tracé 102" d="M3.125,0A3.125,3.125,0,1,1,0,3.125,3.125,3.125,0,0,1,3.125,0Z" fill="#091625"/>
-    <path id="Tracé_104" data-name="Tracé 104" d="M3.125,0A3.125,3.125,0,1,1,0,3.125,3.125,3.125,0,0,1,3.125,0Z" transform="translate(0 16.25)" fill="#091625"/>
-    <path id="Tracé_103" data-name="Tracé 103" d="M3.125,0A3.125,3.125,0,1,1,0,3.125,3.125,3.125,0,0,1,3.125,0Z" transform="translate(0 8.125)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-mesure.svg b/src/shared/assets/icons/icon-mesure.svg
deleted file mode 100644
index 51ffcbb..0000000
--- a/src/shared/assets/icons/icon-mesure.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-mesure" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_246" data-name="Rectangle 246" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M15.08,21.494.737,7.151a2.533,2.533,0,0,1,0-3.572L3.577.738a2.53,2.53,0,0,1,3.572,0L21.493,15.082a2.535,2.535,0,0,1,0,3.572l-2.841,2.841a2.53,2.53,0,0,1-3.572,0ZM4.787,1.947,1.946,4.788a.848.848,0,0,0,0,1.181L16.262,20.285a.872.872,0,0,0,1.181,0l2.869-2.812-.028-.028a.846.846,0,0,0,0-1.209L16.908,12.86l-1.434,1.434-1.181-1.181,1.434-1.434-1.8-1.772-1.462,1.406-1.181-1.181L12.718,8.7l-1.8-1.8L9.483,8.332,8.3,7.151,9.737,5.716l-1.8-1.8L6.5,5.351,5.321,4.169,6.755,2.735l-.787-.788a.842.842,0,0,0-1.181,0ZM15.432,17.42l1.988-1.989,1.194,1.194-1.989,1.989Z" transform="translate(3.751 3.75)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-minus.svg b/src/shared/assets/icons/icon-minus.svg
deleted file mode 100644
index 26a0136..0000000
--- a/src/shared/assets/icons/icon-minus.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-minus" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <path id="Rectangle" d="M0,0H2.5V18.75H0Z" transform="translate(24.375 14.375) rotate(90)" fill="#091625"/>
-  <rect id="Rectangle_254" data-name="Rectangle 254" width="30" height="30" fill="none"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-model.svg b/src/shared/assets/icons/icon-model.svg
deleted file mode 100644
index 6dfb047..0000000
--- a/src/shared/assets/icons/icon-model.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg id="icon-model" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_122" data-name="Rectangle 122" width="30" height="30" fill="none"/>
-  <g id="Groupe" transform="translate(3.75 6.25)">
-    <path id="Ligne_36" data-name="Ligne 36" d="M21.25,1.2H0v-2H21.25Z" transform="translate(0.625 5.427)" fill="#091625"/>
-    <path id="Ligne_37" data-name="Ligne 37" d="M1.2,11.25h-2V0h2Z" transform="translate(7.925 5.627)" fill="#091625"/>
-    <path id="Combined_Shape" data-name="Combined Shape" d="M19.687,17.5H2.813A2.869,2.869,0,0,1,0,14.583V2.917A2.869,2.869,0,0,1,2.813,0H19.687A2.869,2.869,0,0,1,22.5,2.917V14.583A2.869,2.869,0,0,1,19.687,17.5ZM2.813,1.945a.956.956,0,0,0-.938.972V14.583a.956.956,0,0,0,.938.972H19.687a.956.956,0,0,0,.938-.972V2.917a.956.956,0,0,0-.938-.972Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-new.svg b/src/shared/assets/icons/icon-new.svg
deleted file mode 100644
index 7ce7430..0000000
--- a/src/shared/assets/icons/icon-new.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg id="icon-new" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M.254,18.1A.822.822,0,0,1,0,17.5V4.168a.835.835,0,0,1,.42-.723L6.241.118A.828.828,0,0,1,6.611,0h.106l.021,0h0a.828.828,0,0,1,.3.084h0l.005,0,6.261,3.131L18.754.111A.826.826,0,0,1,19.166,0,.836.836,0,0,1,20,.835V14.168a.836.836,0,0,1-.42.723l-5.832,3.332h0l-.018.01-.009,0-.01,0a.821.821,0,0,1-.6.058l-.008,0-.008,0a.828.828,0,0,1-.148-.06L6.693,15.113,1.247,18.225a.829.829,0,0,1-.412.111A.849.849,0,0,1,.254,18.1ZM12.5,16.153V4.682l-5-2.5v11.47Zm1.667-.087,4.166-2.381V2.27L14.167,4.651ZM1.666,4.652V16.065l4.167-2.38V2.271Z" fill="#091625"/>
-    </clipPath>
-    <clipPath id="clip-path-2">
-      <path id="Combined_Shape-2" data-name="Combined Shape" d="M0,5.625A5.625,5.625,0,1,1,5.625,11.25,5.631,5.631,0,0,1,0,5.625Zm1.023,0a4.6,4.6,0,1,0,4.6-4.6A4.607,4.607,0,0,0,1.023,5.625ZM5.114,7.67V6.136H3.58a.511.511,0,0,1,0-1.023H5.114V3.58a.511.511,0,0,1,1.023,0V5.114H7.67a.511.511,0,1,1,0,1.023H6.136V7.67a.511.511,0,1,1-1.023,0Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_98" data-name="Rectangle 98" width="30" height="30" fill="none"/>
-  <g id="Icône_Nouveau" data-name="Icône Nouveau" transform="translate(2.185 5.623)">
-    <g id="Carte">
-      <path id="Soustraction_15" data-name="Soustraction 15" d="M13.331,18.336a.866.866,0,0,1-.222-.03h0s0,0-.006,0h-.01a.745.745,0,0,1-.136-.057l-.012-.006L6.69,15.113,1.245,18.228a.823.823,0,0,1-.41.108A.838.838,0,0,1,.254,18.1.822.822,0,0,1,0,17.5V4.17a.838.838,0,0,1,.418-.726L6.239.12A.839.839,0,0,1,6.609,0h.129a.882.882,0,0,1,.3.086l.007,0,6.263,3.13L18.75.112A.832.832,0,0,1,20,.835V7.5h-.014a5.606,5.606,0,0,0-1.652.25V2.271L14.167,4.649V16.065l.787-.449a5.631,5.631,0,0,0,.955,1.372l-2.16,1.235h0l0,0a.008.008,0,0,0-.007,0l-.007,0h0l-.006,0a.007.007,0,0,0-.006,0h0l-.008,0A.84.84,0,0,1,13.331,18.336ZM7.5,2.185v11.47l5,2.5V4.685l-5-2.5Zm-1.666.086h0L1.667,4.654V16.065l4.166-2.381V2.271Z" transform="translate(0.001)" fill="#091625"/>
-    </g>
-    <g id="Groupe_44" data-name="Groupe 44" transform="translate(14.375 7.501)">
-      <path id="Combined_Shape-3" data-name="Combined Shape" d="M2.045,4.6V3.069H.512a.512.512,0,0,1,0-1.024H2.045V.512a.512.512,0,0,1,1.024,0V2.045H4.6a.512.512,0,0,1,0,1.024H3.069V4.6a.512.512,0,0,1-1.024,0Z" transform="translate(3.07 3.068)" fill="#091625"/>
-      <g id="Soustraction_14" data-name="Soustraction 14" fill="#091625">
-        <path d="M 5.628902912139893 10.75293445587158 C 2.8008131980896 10.75293445587158 0.5000030994415283 8.452115058898926 0.5000030994415283 5.624024868011475 C 0.5000030994415283 2.798634767532349 2.8008131980896 0.5000048279762268 5.628902912139893 0.5000048279762268 C 8.454833030700684 0.5000048279762268 10.75390338897705 2.798634767532349 10.75390338897705 5.624024868011475 C 10.75390338897705 8.452115058898926 8.454833030700684 10.75293445587158 5.628902912139893 10.75293445587158 Z M 5.628902912139893 0.7500048279762268 C 2.940823078155518 0.7500048279762268 0.7539031505584717 2.936484813690186 0.7539031505584717 5.624024868011475 C 0.7539031505584717 8.314265251159668 2.940823078155518 10.50293445587158 5.628902912139893 10.50293445587158 C 8.316983222961426 10.50293445587158 10.50390338897705 8.314265251159668 10.50390338897705 5.624024868011475 C 10.50390338897705 2.936484813690186 8.316983222961426 0.7500048279762268 5.628902912139893 0.7500048279762268 Z" stroke="none"/>
-        <path d="M 5.628902912139893 11.25293445587158 C 2.525393009185791 11.25293445587158 3.12499992105586e-06 8.727535247802734 3.12499992105586e-06 5.624024868011475 C 3.12499992105586e-06 2.522464752197266 2.525393009185791 4.843750048166839e-06 5.628902912139893 4.843750048166839e-06 C 8.730473518371582 4.843750048166839e-06 11.25390338897705 2.522464752197266 11.25390338897705 5.624024868011475 C 11.25390338897705 8.727535247802734 8.730473518371582 11.25293445587158 5.628902912139893 11.25293445587158 Z M 5.628902912139893 1.250004887580872 C 3.216793060302734 1.250004887580872 1.253903150558472 3.211914777755737 1.253903150558472 5.624024868011475 C 1.253903150558472 8.038084983825684 3.216793060302734 10.00293445587158 5.628902912139893 10.00293445587158 C 8.041012763977051 10.00293445587158 10.00390338897705 8.038084983825684 10.00390338897705 5.624024868011475 C 10.00390338897705 3.211914777755737 8.041012763977051 1.250004887580872 5.628902912139893 1.250004887580872 Z" stroke="none" fill="#091625"/>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-next.svg b/src/shared/assets/icons/icon-next.svg
deleted file mode 100644
index 6d8872e..0000000
--- a/src/shared/assets/icons/icon-next.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg id="icon-next" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_556" data-name="Rectangle 556" width="30" height="30" fill="none"/>
-  <g id="Next" transform="translate(3.206 3)">
-    <path id="play" d="M6.7,0,27.264,11.872,6.7,23.746Z" transform="translate(-6.7)" fill="#091625"/>
-    <path id="Tracé_106" data-name="Tracé 106" d="M0,0H3.958V24H0Z" transform="translate(20.836)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-notification.svg b/src/shared/assets/icons/icon-notification.svg
deleted file mode 100644
index 6d7008d..0000000
--- a/src/shared/assets/icons/icon-notification.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-notification" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Shape" d="M11.25,22.5A3.078,3.078,0,0,1,8.6,20.968a1.022,1.022,0,0,1,.884-1.536H13.02a1.022,1.022,0,0,1,.884,1.536A3.078,3.078,0,0,1,11.25,22.5Zm10.227-5.11H1.023a1.023,1.023,0,0,1,0-2.046A2.048,2.048,0,0,0,3.068,13.3V8.182a8.182,8.182,0,1,1,16.364,0V13.3a2.048,2.048,0,0,0,2.045,2.045,1.023,1.023,0,0,1,0,2.046ZM11.25,2.045A6.144,6.144,0,0,0,5.113,8.182V13.3a4.088,4.088,0,0,1-.547,2.045H17.934a4.089,4.089,0,0,1-.547-2.045V8.182A6.144,6.144,0,0,0,11.25,2.045Z" transform="translate(0 0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_154" data-name="Rectangle 154" width="30" height="30" fill="none"/>
-  <g id="Groupe_1" data-name="Groupe 1" transform="translate(3.75 3.75)">
-    <path id="Shape-2" data-name="Shape" d="M11.25,22.5A3.078,3.078,0,0,1,8.6,20.968a1.022,1.022,0,0,1,.884-1.536H13.02a1.022,1.022,0,0,1,.884,1.536A3.078,3.078,0,0,1,11.25,22.5Zm10.227-5.11H1.023a1.023,1.023,0,0,1,0-2.046A2.048,2.048,0,0,0,3.068,13.3V8.182a8.182,8.182,0,1,1,16.364,0V13.3a2.048,2.048,0,0,0,2.045,2.045,1.023,1.023,0,0,1,0,2.046ZM11.25,2.045A6.144,6.144,0,0,0,5.113,8.182V13.3a4.088,4.088,0,0,1-.547,2.045H17.934a4.089,4.089,0,0,1-.547-2.045V8.182A6.144,6.144,0,0,0,11.25,2.045Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-object.svg b/src/shared/assets/icons/icon-object.svg
deleted file mode 100644
index 693fa4a..0000000
--- a/src/shared/assets/icons/icon-object.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg id="icon-object" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_120" data-name="Rectangle 120" width="30" height="30" fill="none"/>
-  <g id="Polygone" transform="translate(3.001 3.002)">
-    <path id="Tracé_39" data-name="Tracé 39" d="M15463.8,10468.6a2.8,2.8,0,1,1,2.8-2.8A2.8,2.8,0,0,1,15463.8,10468.6Zm0-3.467a.668.668,0,1,0,.668.668A.668.668,0,0,0,15463.8,10465.133Z" transform="translate(-15461 -10444.601)" fill="#091625"/>
-    <path id="Tracé_37" data-name="Tracé 37" d="M15463.8,10468.6a2.8,2.8,0,1,1,2.8-2.8A2.8,2.8,0,0,1,15463.8,10468.6Zm0-3.468a.668.668,0,1,0,.668.668A.668.668,0,0,0,15463.8,10465.132Z" transform="translate(-15442.6 -10463)" fill="#091625"/>
-    <path id="Tracé_38" data-name="Tracé 38" d="M15463.8,10468.6a2.8,2.8,0,1,1,2.8-2.8A2.8,2.8,0,0,1,15463.8,10468.6Zm0-3.467a.668.668,0,1,0,.668.668A.668.668,0,0,0,15463.8,10465.133Z" transform="translate(-15442.602 -10444.601)" fill="#091625"/>
-    <path id="Tracé_36" data-name="Tracé 36" d="M15463.8,10468.6a2.8,2.8,0,1,1,2.8-2.8A2.8,2.8,0,0,1,15463.8,10468.6Zm0-3.468a.668.668,0,1,0,.668.668A.668.668,0,0,0,15463.8,10465.132Z" transform="translate(-15461 -10462.999)" fill="#091625"/>
-    <path id="Tracé_106" data-name="Tracé 106" d="M3143.434,805.434H3141.3V790.355h2.133Z" transform="translate(-3139.568 -785.884)" fill="#091625"/>
-    <path id="Tracé_107" data-name="Tracé 107" d="M3158.347,790.435H3143.5V788.3h14.848Z" transform="translate(-3138.835 -786.569)" fill="#091625"/>
-    <path id="Tracé_108" data-name="Tracé 108" d="M3158.1,804.88h-2.133V789.839h2.133Z" transform="translate(-3135.979 -785.533)" fill="#091625"/>
-    <path id="Tracé_109" data-name="Tracé 109" d="M3158.347,804.234H3143.5V802.1h14.848Z" transform="translate(-3138.835 -781.969)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-open.svg b/src/shared/assets/icons/icon-open.svg
deleted file mode 100644
index 28a030c..0000000
--- a/src/shared/assets/icons/icon-open.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg id="icon-open" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_104" data-name="Rectangle 104" width="30" height="30" fill="none"/>
-  <g id="Icône_Ouvrir" data-name="Icône Ouvrir" transform="translate(3.75 6.246)">
-    <path id="Soustraction_16" data-name="Soustraction 16" d="M18.75,18.749H1.253A1.251,1.251,0,0,1,0,17.5V1.254A1.255,1.255,0,0,1,1.253,0h7.5A1.251,1.251,0,0,1,10,1.254V2.5H18.75A1.253,1.253,0,0,1,20,3.752v5H18V4.507H8V2H2V16.748h.476l-.373.932,16.966.1L20,15.328V17.5A1.251,1.251,0,0,1,18.75,18.749Z" fill="#091625"/>
-    <path id="Tracé_14_-_Contour" data-name="Tracé 14 - Contour" d="M-15274.151-8968.922h-.006l-16.963-.1a1,1,0,0,1-.824-.442,1,1,0,0,1-.1-.929l3.57-8.926a1,1,0,0,1,.928-.629h16.824a1,1,0,0,1,.822.432,1,1,0,0,1,.113.924l-3.432,9.023A1,1,0,0,1-15274.151-8968.922Zm-15.49-2.089,14.8.085,2.67-7.02h-14.7Z" transform="translate(15293.222 8987.699)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-pause.svg b/src/shared/assets/icons/icon-pause.svg
deleted file mode 100644
index 3980f07..0000000
--- a/src/shared/assets/icons/icon-pause.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-pause" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_555" data-name="Rectangle 555" width="30" height="30" fill="none"/>
-  <path id="pause" d="M6.642,22.5H12.5V0H6.642Zm13.659,0h5.852V0H20.3Z" transform="translate(-1.397 3.75)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-pdf.svg b/src/shared/assets/icons/icon-pdf.svg
deleted file mode 100644
index 859c3e3..0000000
--- a/src/shared/assets/icons/icon-pdf.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg id="icon-pdf" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_pdf" data-name="Rectangle pdf" width="30" height="30" fill="none"/>
-  <path
-    id="Document"
-    fill-rule="evenodd"
-    d="M4,2 L20,2 L26,8 L26,28 L4,28 Z M20,2 L26,8 L20,8 Z M9,15 L21,15 L21,17 L9,17 Z M9,19 L21,19 L21,21 L9,21 Z M9,23 L17,23 L17,25 L9,25 Z"
-    fill="#091625"
-  />
-</svg>
diff --git a/src/shared/assets/icons/icon-play.svg b/src/shared/assets/icons/icon-play.svg
deleted file mode 100644
index 6f186e0..0000000
--- a/src/shared/assets/icons/icon-play.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-play" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_556" data-name="Rectangle 556" width="30" height="30" fill="none"/>
-  <path id="play" d="M6.7,0,26.185,11.249,6.7,22.5Z" transform="translate(-1.443 3.75)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-plus.svg b/src/shared/assets/icons/icon-plus.svg
deleted file mode 100644
index 645c005..0000000
--- a/src/shared/assets/icons/icon-plus.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-plus" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <path id="Tracé_46" data-name="Tracé 46" d="M11919.126,10162.751v-8.125H11911v-2.5h8.126V10144h2.5v8.126h8.126v2.5h-8.126v8.125Z" transform="translate(-11905.375 -10137.75)" fill="#091625"/>
-  <rect id="Rectangle_253" data-name="Rectangle 253" width="30" height="30" fill="none"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-point.svg b/src/shared/assets/icons/icon-point.svg
deleted file mode 100644
index 794fe8e..0000000
--- a/src/shared/assets/icons/icon-point.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg id="icon-point" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_118" data-name="Rectangle 118" width="30" height="30" fill="none"/>
-  <g id="Point" transform="translate(11.249 11.251)">
-    <path id="Tracé_27" data-name="Tracé 27" d="M11819.749,9851.5a3.75,3.75,0,1,1,3.752-3.749A3.753,3.753,0,0,1,11819.749,9851.5Zm0-5.5a1.749,1.749,0,1,0,1.75,1.75A1.752,1.752,0,0,0,11819.749,9846Z" transform="translate(-11815.999 -9844.001)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-polygon.svg b/src/shared/assets/icons/icon-polygon.svg
deleted file mode 100644
index e467972..0000000
--- a/src/shared/assets/icons/icon-polygon.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg id="icon-polygon" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_120" data-name="Rectangle 120" width="30" height="30" fill="none"/>
-  <g id="Polygone" transform="translate(3.751 5.001)">
-    <path id="Tracé_39" data-name="Tracé 39" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15461.002 -10449.998)" fill="#091625"/>
-    <path id="Tracé_37" data-name="Tracé 37" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15445.347 -10463)" fill="#091625"/>
-    <path id="Tracé_38" data-name="Tracé 38" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15443.754 -10448.25)" fill="#091625"/>
-    <path id="Tracé_36" data-name="Tracé 36" d="M15463.625,10468.25a2.625,2.625,0,1,1,2.625-2.624A2.626,2.626,0,0,1,15463.625,10468.25Zm0-3.25a.626.626,0,1,0,.627.626A.626.626,0,0,0,15463.625,10465Z" transform="translate(-15455.754 -10463.001)" fill="#091625"/>
-    <path id="Tracé_32" data-name="Tracé 32" d="M-11641.436-9938.17l-1.875-.7,4.152-11.152,1.875.7Z" transform="translate(11645.369 9953.27)" fill="#091625"/>
-    <path id="Tracé_33" data-name="Tracé 33" d="M-11642.111-9937.418l-1.243-12.2,1.99-.2,1.242,12.2Z" transform="translate(11660.836 9953.799)" fill="#091625"/>
-    <path id="Tracé_34" data-name="Tracé 34" d="M-11627.482-9946.8l-15.171-1.748.229-1.987,15.171,1.748Z" transform="translate(11646.208 9965.17)" fill="#091625"/>
-    <path id="Tracé_35" data-name="Tracé 35" d="M0,.319,7.234,0" transform="matrix(0.998, 0.07, -0.07, 0.998, 9.083, 2.295)" fill="#091625"/>
-    <path id="Tracé_35_-_Contour" data-name="Tracé 35 - Contour" d="M.088,2.317,0,.319,7.234,0l.088,2Z" transform="matrix(0.998, 0.07, -0.07, 0.998, 9.109, 1.295)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-print.svg b/src/shared/assets/icons/icon-print.svg
deleted file mode 100644
index 18c4ee6..0000000
--- a/src/shared/assets/icons/icon-print.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-print" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M17.387,22.5H5.113A1.024,1.024,0,0,1,4.09,21.477V18.41H3.068A3.072,3.072,0,0,1,0,15.34V10.227A3.071,3.071,0,0,1,3.068,7.16H4.09V1.023A1.024,1.024,0,0,1,5.113,0H17.387A1.024,1.024,0,0,1,18.41,1.023V7.16h1.023A3.071,3.071,0,0,1,22.5,10.227V15.34a3.072,3.072,0,0,1-3.068,3.069H18.41v3.068A1.024,1.024,0,0,1,17.387,22.5ZM6.137,14.318v6.137H16.363V14.318ZM5.113,12.273H17.387A1.024,1.024,0,0,1,18.41,13.3v3.068h1.023a1.024,1.024,0,0,0,1.023-1.023V10.227A1.024,1.024,0,0,0,19.432,9.2H3.068a1.024,1.024,0,0,0-1.023,1.023V15.34a1.024,1.024,0,0,0,1.023,1.023H4.09V13.3A1.024,1.024,0,0,1,5.113,12.273ZM6.137,2.045V7.16H16.363V2.045Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_248" data-name="Rectangle 248" width="30" height="30" fill="none"/>
-  <g id="Groupe_7" data-name="Groupe 7" transform="translate(3.75 3.75)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M17.387,22.5H5.113A1.024,1.024,0,0,1,4.09,21.477V18.41H3.068A3.072,3.072,0,0,1,0,15.34V10.227A3.071,3.071,0,0,1,3.068,7.16H4.09V1.023A1.024,1.024,0,0,1,5.113,0H17.387A1.024,1.024,0,0,1,18.41,1.023V7.16h1.023A3.071,3.071,0,0,1,22.5,10.227V15.34a3.072,3.072,0,0,1-3.068,3.069H18.41v3.068A1.024,1.024,0,0,1,17.387,22.5ZM6.137,14.318v6.137H16.363V14.318ZM5.113,12.273H17.387A1.024,1.024,0,0,1,18.41,13.3v3.068h1.023a1.024,1.024,0,0,0,1.023-1.023V10.227A1.024,1.024,0,0,0,19.432,9.2H3.068a1.024,1.024,0,0,0-1.023,1.023V15.34a1.024,1.024,0,0,0,1.023,1.023H4.09V13.3A1.024,1.024,0,0,1,5.113,12.273ZM6.137,2.045V7.16H16.363V2.045Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-pro.svg b/src/shared/assets/icons/icon-pro.svg
deleted file mode 100644
index f43606a..0000000
--- a/src/shared/assets/icons/icon-pro.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-pro" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_264" data-name="Rectangle 264" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M0,18.8V14.733c0-4.98,1.64-4.018,5.125-4.815l2.811,4.76.5-3.791c-.689-.5-.468-.442-.192-1.3h.991c.3.858.5.8-.165,1.3l.5,3.791,2.811-4.76c2.938.8,5.127-.165,5.127,4.815V18.8ZM4.922,4.511C4.922,2.018,6.635,0,8.75,0s3.828,2.018,3.828,4.511S10.865,9.023,8.75,9.023,4.922,7,4.922,4.511Z" transform="translate(6.25 5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-properties.svg b/src/shared/assets/icons/icon-properties.svg
deleted file mode 100644
index d776c99..0000000
--- a/src/shared/assets/icons/icon-properties.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg id="icon-properties" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_123" data-name="Rectangle 123" width="30" height="30" fill="none"/>
-  <g id="Propriétés" transform="translate(6.25 3.752)">
-    <path id="Soustraction_11" data-name="Soustraction 11" d="M16.5,22.5H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H16.5a1,1,0,0,1,1,1V21.5A1,1,0,0,1,16.5,22.5ZM2,2V20.5H15.5V2Z" fill="#091625"/>
-    <rect id="Rectangle_126" data-name="Rectangle 126" width="8.25" height="2" rx="1" transform="translate(4.626 4.623)" fill="#091625"/>
-    <rect id="Rectangle_127" data-name="Rectangle 127" width="8.25" height="2" rx="1" transform="translate(4.626 8.373)" fill="#091625"/>
-    <rect id="Rectangle_128" data-name="Rectangle 128" width="8.25" height="2" rx="1" transform="translate(4.626 12.123)" fill="#091625"/>
-    <rect id="Rectangle_129" data-name="Rectangle 129" width="8.25" height="2" rx="1" transform="translate(4.626 15.873)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-save.svg b/src/shared/assets/icons/icon-save.svg
deleted file mode 100644
index d7a8769..0000000
--- a/src/shared/assets/icons/icon-save.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg id="icon-save" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_99" data-name="Rectangle 99" width="30" height="30" fill="none"/>
-  <path id="Tracé_8" data-name="Tracé 8" d="M-12418.377-9933.4h14.521a1,1,0,0,1,.643.233l5.479,4.583a1,1,0,0,1,.357.767v15.416a1,1,0,0,1-1,1h-20a1,1,0,0,1-1-1v-20A1,1,0,0,1-12418.377-9933.4Zm14.16,2h-13.16v18h18v-13.949Z" transform="translate(12423.376 9937.399)" fill="#091625"/>
-  <path id="Union_1" data-name="Union 1" d="M15473.076,10483.859H15461.2a1,1,0,0,1-1-1v-7.269a1,1,0,0,1,1-1h11.875a1,1,0,0,1,1,1v7.269A1,1,0,0,1,15473.076,10483.859Zm-10.877-2h9.877v-5.271h-9.877Zm7.164-11.448h-8.123a1,1,0,0,1-1-1v-6.212a1,1,0,0,1,1-1h8.123a1,1,0,0,1,1,1v6.212A1,1,0,0,1,15469.363,10470.412Zm-7.125-2h6.125v-4.213h-6.125Z" transform="translate(-15452.14 -10457.863)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-select.svg b/src/shared/assets/icons/icon-select.svg
deleted file mode 100644
index c854072..0000000
--- a/src/shared/assets/icons/icon-select.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-select" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_283" data-name="Rectangle 283" width="30" height="30" fill="none"/>
-  <path id="Union_6" data-name="Union 6" d="M16.683-.178A.977.977,0,0,1,17.3.033,1.021,1.021,0,0,1,17.668,1l-.531,3.274L24.169,4.2a.994.994,0,0,1,1,1.019l-.047,4.466a1.046,1.046,0,0,1-1.02,1.041l-7.008.075.571,3.51a1.061,1.061,0,0,1-.376.989,1,1,0,0,1-1.024.153L.523,8.771A1,1,0,0,1-.082,7.83a1.058,1.058,0,0,1,.624-.955L16.287-.092A1,1,0,0,1,16.683-.178ZM23.138,6.27l-7.2.077A.979.979,0,0,1,15.175,6a1.029,1.029,0,0,1-.222-.826l.427-2.631L3.509,7.791l11.859,5.034L14.9,9.973a1.061,1.061,0,0,1,.23-.843,1.025,1.025,0,0,1,.777-.376l7.2-.077Z" transform="translate(17.212 0.449) rotate(67)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-share.svg b/src/shared/assets/icons/icon-share.svg
deleted file mode 100644
index 3ff8e47..0000000
--- a/src/shared/assets/icons/icon-share.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-share" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M12,18a3.991,3.991,0,0,1,.151-1.091l-5.311-3.1a4,4,0,1,1,0-5.627l5.31-3.1A4.009,4.009,0,1,1,13.16,6.813l-5.31,3.1a4.011,4.011,0,0,1,0,2.174l5.313,3.1A4,4,0,1,1,12,18Zm2,0a2,2,0,1,0,.336-1.109,1,1,0,0,1-.119.2A1.987,1.987,0,0,0,14,18ZM2,11a2,2,0,0,0,3.706,1.042l.02-.037.023-.037a2,2,0,0,0,0-1.937l-.023-.037-.021-.037A2,2,0,0,0,2,11ZM16,6a2,2,0,1,0-1.753-1.037l.027.043.024.045A2,2,0,0,0,16,6Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_250" data-name="Rectangle 250" width="30" height="30" fill="none"/>
-  <g id="Groupe_9" data-name="Groupe 9" transform="translate(3.75 3.75)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M12,18a3.991,3.991,0,0,1,.151-1.091l-5.311-3.1a4,4,0,1,1,0-5.627l5.31-3.1A4.009,4.009,0,1,1,13.16,6.813l-5.31,3.1a4.011,4.011,0,0,1,0,2.174l5.313,3.1A4,4,0,1,1,12,18Zm2,0a2,2,0,1,0,.336-1.109,1,1,0,0,1-.119.2A1.987,1.987,0,0,0,14,18ZM2,11a2,2,0,0,0,3.706,1.042l.02-.037.023-.037a2,2,0,0,0,0-1.937l-.023-.037-.021-.037A2,2,0,0,0,2,11ZM16,6a2,2,0,1,0-1.753-1.037l.027.043.024.045A2,2,0,0,0,16,6Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-share2.svg b/src/shared/assets/icons/icon-share2.svg
deleted file mode 100644
index ab92e9b..0000000
--- a/src/shared/assets/icons/icon-share2.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-share2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Combined_Shape" data-name="Combined Shape" d="M2.917,19.444A2.917,2.917,0,0,1,0,16.527V9.722a.972.972,0,1,1,1.944,0v6.805a.973.973,0,0,0,.973.973H14.583a.972.972,0,0,0,.972-.973V9.722a.973.973,0,0,1,1.945,0v6.805a2.917,2.917,0,0,1-2.917,2.917Zm4.861-6.805V3.319l-2.23,2.23A.972.972,0,0,1,4.174,4.174L8.057.291A.976.976,0,0,1,8.156.2h0L8.175.188h0L8.194.175l0,0L8.214.161l0,0L8.235.148h0L8.255.135h0l.02-.012h0a.973.973,0,0,1,.946,0h0l.018.01,0,0,.014.008L9.269.15l.01.006.012.008.006,0,.014.01,0,0,.017.012h0a.983.983,0,0,1,.106.091l3.889,3.889a.972.972,0,1,1-1.376,1.375L9.722,3.319v9.32a.972.972,0,0,1-1.944,0Z" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_255" data-name="Rectangle 255" width="30" height="30" fill="none"/>
-  <g id="Groupe_10" data-name="Groupe 10" transform="translate(6.25 5)">
-    <path id="Combined_Shape-2" data-name="Combined Shape" d="M2.917,19.444A2.917,2.917,0,0,1,0,16.527V9.722a.972.972,0,1,1,1.944,0v6.805a.973.973,0,0,0,.973.973H14.583a.972.972,0,0,0,.972-.973V9.722a.973.973,0,0,1,1.945,0v6.805a2.917,2.917,0,0,1-2.917,2.917Zm4.861-6.805V3.319l-2.23,2.23A.972.972,0,0,1,4.174,4.174L8.057.291A.976.976,0,0,1,8.156.2h0L8.175.188h0L8.194.175l0,0L8.214.161l0,0L8.235.148h0L8.255.135h0l.02-.012h0a.973.973,0,0,1,.946,0h0l.018.01,0,0,.014.008L9.269.15l.01.006.012.008.006,0,.014.01,0,0,.017.012h0a.983.983,0,0,1,.106.091l3.889,3.889a.972.972,0,1,1-1.376,1.375L9.722,3.319v9.32a.972.972,0,0,1-1.944,0Z" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-speaker.svg b/src/shared/assets/icons/icon-speaker.svg
deleted file mode 100644
index 7bee69b..0000000
--- a/src/shared/assets/icons/icon-speaker.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg id="icon-speaker" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_558" data-name="Rectangle 558" width="30" height="30" fill="none"/>
-  <g id="Speaker" transform="translate(3.135 3.777)">
-    <path id="Rectangle_559" data-name="Rectangle 559" d="M2.5,2a.5.5,0,0,0-.5.5V6.25a.5.5,0,0,0,.5.5H4.25V2H2.5m0-2H6.25V8.75H2.5A2.5,2.5,0,0,1,0,6.25V2.5A2.5,2.5,0,0,1,2.5,0Z" transform="translate(0 6.828)" fill="#091625"/>
-    <path id="Union_5" data-name="Union 5" d="M8.474,21.647a1,1,0,0,1-.628-.221L-.427,14.758A1,1,0,0,1-.8,13.98V6.867a1,1,0,0,1,.373-.779L7.847-.578A1,1,0,0,1,9.474.2V20.647a1,1,0,0,1-1,1ZM1.2,13.5l6.274,5.056V2.29L1.2,7.346Z" transform="translate(5.05 0.799)" fill="#091625"/>
-    <path id="Tracé_81" data-name="Tracé 81" d="M-12697.539-8523.761a1,1,0,0,1-.47-.117,1,1,0,0,1-.412-1.354,9.7,9.7,0,0,0-.219-10.22,1,1,0,0,1,.182-1.4,1,1,0,0,1,1.4.182,10.538,10.538,0,0,1,1.621,3.6,12.093,12.093,0,0,1-1.221,8.779A1,1,0,0,1-12697.539-8523.761Z" transform="translate(12716.338 8541.613)" fill="#091625"/>
-    <path id="Tracé_82" data-name="Tracé 82" d="M-12697.448-8520.472a1.009,1.009,0,0,1-.471-.117,1,1,0,0,1-.411-1.354c4.083-7.653-.267-13.45-.31-13.508a1,1,0,0,1,.182-1.4,1,1,0,0,1,1.4.182,13.274,13.274,0,0,1,2.041,4.545,15.33,15.33,0,0,1-1.551,11.127A1,1,0,0,1-12697.448-8520.472Z" transform="translate(12719.307 8539.575)" fill="#091625"/>
-    <path id="Tracé_82-2" data-name="Tracé 82" d="M2763.989,761.107a1,1,0,0,1-.91-1.415,6.6,6.6,0,0,0,.577-4.38,3.68,3.68,0,0,0-.634-1.359,1,1,0,1,1,1.485-1.339c.108.12,2.628,3,.392,7.908A1,1,0,0,1,2763.989,761.107Z" transform="translate(-2748.019 -745.456)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-star-full.svg b/src/shared/assets/icons/icon-star-full.svg
deleted file mode 100644
index 6fa1b0c..0000000
--- a/src/shared/assets/icons/icon-star-full.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-star-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Shape" d="M6.588,5.77,9.186.507a.909.909,0,0,1,1.63,0l2.6,5.263,5.81.849a.909.909,0,0,1,.5,1.551l-4.2,4.094.992,5.783a.909.909,0,0,1-1.319.958L10,16.273l-5.2,2.732a.909.909,0,0,1-1.319-.958l.992-5.783L.276,8.17a.909.909,0,0,1,.5-1.551Z" transform="translate(0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_148" data-name="Rectangle 148" width="30" height="30" fill="none"/>
-  <g id="Groupe_7" data-name="Groupe 7" transform="translate(5 5)">
-    <path id="Shape-2" data-name="Shape" d="M6.588,5.77,9.186.507a.909.909,0,0,1,1.63,0l2.6,5.263,5.81.849a.909.909,0,0,1,.5,1.551l-4.2,4.094.992,5.783a.909.909,0,0,1-1.319.958L10,16.273l-5.2,2.732a.909.909,0,0,1-1.319-.958l.992-5.783L.276,8.17a.909.909,0,0,1,.5-1.551Z" transform="translate(0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-star.svg b/src/shared/assets/icons/icon-star.svg
deleted file mode 100644
index 49e1468..0000000
--- a/src/shared/assets/icons/icon-star.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg id="icon-star" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
-  <defs>
-    <clipPath id="clip-path">
-      <path id="Shape" d="M15.619,19.112a.9.9,0,0,1-.423-.106L10,16.273l-5.2,2.733a.9.9,0,0,1-.423.106.914.914,0,0,1-.7-.328.89.89,0,0,1-.2-.736l.992-5.784L.275,8.17a.91.91,0,0,1,.5-1.551L6.588,5.77,9.185.506a.91.91,0,0,1,1.631,0l2.6,5.264,5.81.848a.909.909,0,0,1,.5,1.551l-4.2,4.094.992,5.784a.89.89,0,0,1-.2.736A.915.915,0,0,1,15.619,19.112ZM10,14.337a.91.91,0,0,1,.423.1l3.988,2.1L13.651,12.1a.906.906,0,0,1,.262-.8l3.226-3.143L12.679,7.5A.9.9,0,0,1,12,7L10,2.963,8.008,7a.909.909,0,0,1-.684.5l-4.461.653L6.089,11.3a.906.906,0,0,1,.262.8L5.59,16.539l3.988-2.1A.91.91,0,0,1,10,14.337Z" transform="translate(0 0)" fill="#091625"/>
-    </clipPath>
-  </defs>
-  <rect id="Rectangle_147" data-name="Rectangle 147" width="30" height="30" fill="none"/>
-  <g id="Groupe_6" data-name="Groupe 6" transform="translate(5 5)">
-    <path id="Shape-2" data-name="Shape" d="M15.619,19.112a.9.9,0,0,1-.423-.106L10,16.273l-5.2,2.733a.9.9,0,0,1-.423.106.914.914,0,0,1-.7-.328.89.89,0,0,1-.2-.736l.992-5.784L.275,8.17a.91.91,0,0,1,.5-1.551L6.588,5.77,9.185.506a.91.91,0,0,1,1.631,0l2.6,5.264,5.81.848a.909.909,0,0,1,.5,1.551l-4.2,4.094.992,5.784a.89.89,0,0,1-.2.736A.915.915,0,0,1,15.619,19.112ZM10,14.337a.91.91,0,0,1,.423.1l3.988,2.1L13.651,12.1a.906.906,0,0,1,.262-.8l3.226-3.143L12.679,7.5A.9.9,0,0,1,12,7L10,2.963,8.008,7a.909.909,0,0,1-.684.5l-4.461.653L6.089,11.3a.906.906,0,0,1,.262.8L5.59,16.539l3.988-2.1A.91.91,0,0,1,10,14.337Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-start trace.svg b/src/shared/assets/icons/icon-start trace.svg
deleted file mode 100644
index f8e7d0c..0000000
--- a/src/shared/assets/icons/icon-start trace.svg	
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-start_trace" data-name="icon-start trace" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_557" data-name="Rectangle 557" width="30" height="30" fill="none"/>
-  <path id="Tracé_76" data-name="Tracé 76" d="M6.25,0A6.25,6.25,0,1,1,0,6.25,6.25,6.25,0,0,1,6.25,0Z" transform="translate(8.75 8.75)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-support.svg b/src/shared/assets/icons/icon-support.svg
deleted file mode 100644
index bf06b32..0000000
--- a/src/shared/assets/icons/icon-support.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-support" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_153" data-name="Rectangle 153" width="30" height="30" fill="none"/>
-  <path id="Fill_1" data-name="Fill 1" d="M10.2,23.845c-.13,0-.235,0-.333-.01a2.473,2.473,0,0,1-1.911-3.877,2.506,2.506,0,0,1,2.05-1.068h1.315l.312,0,.313,0a2.516,2.516,0,0,1,2.1,1.16,2.045,2.045,0,0,1,.188.369l2.195,0h.187a9.54,9.54,0,0,0,.961-.034,4.289,4.289,0,0,0,.835-.229,4.068,4.068,0,0,0,.651-.357l.188-.139a3.9,3.9,0,0,0,.288-.263,3.6,3.6,0,0,0,.268-.291c.07-.091.108-.146.144-.2a4,4,0,0,0,.269-.469l-1.654,0h-.179a3.281,3.281,0,0,1-.787-.07,2.167,2.167,0,0,1-1.61-2.075c0-.085,0-.173,0-.259v-.065l0-4.856a2.5,2.5,0,0,1,.273-1.238A2.179,2.179,0,0,1,18.2,8.783h.7l.666,0,.668,0a10.307,10.307,0,0,0-.4-1.207,10.02,10.02,0,0,0-.745-1.4c-.141-.22-.281-.424-.43-.622l-.062-.08-.075-.093c-.09-.112-.166-.2-.24-.283A10.65,10.65,0,0,0,17.21,4.041c-.068-.055-.138-.113-.208-.168l-.258-.2c-.234-.164-.431-.294-.62-.409A9.815,9.815,0,0,0,14.84,2.6a10.11,10.11,0,0,0-2.348-.64,10.375,10.375,0,0,0-1.258-.076,10.569,10.569,0,0,0-1.266.076A10.246,10.246,0,0,0,7.6,2.612a10.206,10.206,0,0,0-1.4.743c-.2.126-.4.262-.622.43a.058.058,0,0,1-.011.01L5.5,3.843l-.1.082c-.094.074-.189.154-.282.239A10.619,10.619,0,0,0,4.063,5.235c-.09.107-.16.194-.22.272l-.169-.053.132.1L3.774,5.6c-.025.034-.05.068-.074.1-.148.208-.283.41-.414.619a10.415,10.415,0,0,0-.664,1.287,9.93,9.93,0,0,0-.395,1.178h.686l.705,0c.254,0,.485,0,.708,0A2.169,2.169,0,0,1,6.4,10.356a3.2,3.2,0,0,1,.075.837v4.745a4.606,4.606,0,0,1-.044.771,2.141,2.141,0,0,1-2.089,1.728l-1.762,0H2.4a3.283,3.283,0,0,1-.788-.07,2.137,2.137,0,0,1-1.593-1.9A.692.692,0,0,1,0,16.3l0-5.182c0-.115.007-.237.02-.375.024-.48.064-.9.12-1.281A11.184,11.184,0,0,1,6.175,1.192,11.5,11.5,0,0,1,13.421.2a11.214,11.214,0,0,1,8.036,6.369,11.624,11.624,0,0,1,.963,3.645c.018.185.027.373.036.556v.007c.007.117.009.239.009.386,0,.2,0,.4,0,.6V16.3a8.548,8.548,0,0,1-.133,1.827,5.373,5.373,0,0,1-5.289,4.186H14.23a2.438,2.438,0,0,1-.114.246,2.506,2.506,0,0,1-2.161,1.276l-.073,0H10.766c-.1,0-.194,0-.277,0H10.4Zm.111-3.06c-.153,0-.285.005-.4.016-.02,0-.092.022-.172.051-.02.011-.062.036-.1.061l-.109.108c-.03.054-.054.1-.08.16l0,.008c-.007.025-.018.062-.026.1s0,.107,0,.174c.006.024.023.086.047.154a1,1,0,0,0,.06.1l.111.111a1.375,1.375,0,0,0,.141.073l.011,0c.029.01.072.02.118.03.111.01.231.015.376.015.1,0,.2,0,.3,0s.2,0,.3,0h1.059l.034,0H12a1.282,1.282,0,0,0,.2-.054,1.115,1.115,0,0,0,.1-.059l.055-.054c.014-.012.038-.035.058-.056.029-.051.051-.1.074-.146a.979.979,0,0,0,.032-.124,1.507,1.507,0,0,0,0-.171c-.01-.036-.028-.1-.047-.156l-.015-.025c-.013-.021-.028-.047-.046-.072l-.025-.026-.025-.026-.06-.06c-.03-.017-.058-.031-.085-.045l-.037-.018-.038-.019-.124-.029c-.1-.009-.227-.013-.374-.013-.112,0-.227,0-.339,0s-.225,0-.355,0l-.3,0C10.54,20.787,10.427,20.785,10.315,20.785ZM4.5,16.474h0l.158.067-.129-.107.032-.056a.089.089,0,0,1,.005-.026c0-.01.006-.022.008-.033.006-.1,0-.222,0-.35V15.89l0-.219v-4.4c0-.12,0-.259,0-.393a.086.086,0,0,1-.011-.025l0-.012-.044-.073.068-.159-.1.131-.114-.046h-1.5l-.245,0c-.083,0-.157,0-.227,0-.1,0-.2,0-.284.011l-.016.006-.04.013a.445.445,0,0,1-.056.034l-.073.1c-.007.152-.011.326-.012.529l0,.178,0,4.62c0,.051,0,.108.008.178h0s0,0,.017.045a.213.213,0,0,1,.021.031l.021.033.1.061h0a.118.118,0,0,1,.033.007l.019.006H4.332a.713.713,0,0,0,.1-.022l.061-.04Zm13.56.052.015,0,.034.009h2.216a.713.713,0,0,0,.1-.022l.1-.1.022-.039a.085.085,0,0,1,.005-.029l.007-.028v-.446q0-.1,0-.2l0-4.458c0-.115-.006-.235-.01-.354l-.081-.115-.125-.054h-1.5l-.243,0c-.083,0-.158,0-.228,0-.1,0-.2,0-.285.011l-.018.006-.038.013-.026.017-.039.025-.062.1s0,.005-.014.058c0,.111,0,.241,0,.379v.053l0,.216v4.4c0,.127,0,.262.006.4h0s0,0,.017.041c.006.01.024.041.043.07l.1.062h0Z" transform="translate(3.75 2.5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-table.svg b/src/shared/assets/icons/icon-table.svg
deleted file mode 100644
index 87abf82..0000000
--- a/src/shared/assets/icons/icon-table.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg id="icon-table" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_122" data-name="Rectangle 122" width="30" height="30" fill="none"/>
-  <g id="Groupe" transform="translate(3.75 6.062)">
-    <path id="Ligne_36" data-name="Ligne 36" d="M19.739,1.2H0v-2H19.739Z" transform="translate(1.42 5.427)" fill="#091625"/>
-    <path id="Ligne_36-2" data-name="Ligne 36" d="M21.25,1.2H0v-2H21.25Z" transform="translate(0.625 10.864)" fill="#091625"/>
-    <path id="Ligne_37" data-name="Ligne 37" d="M1.2,11.25h-2V0h2Z" transform="translate(7.55 5.629)" fill="#091625"/>
-    <path id="Ligne_37-2" data-name="Ligne 37" d="M1.2,11.25h-2V0h2Z" transform="translate(14.424 5.627)" fill="#091625"/>
-    <path id="Combined_Shape" data-name="Combined Shape" d="M19.687,17.5H2.813A2.869,2.869,0,0,1,0,14.583V2.917A2.869,2.869,0,0,1,2.813,0H19.687A2.869,2.869,0,0,1,22.5,2.917V14.583A2.869,2.869,0,0,1,19.687,17.5ZM2.813,1.945a.956.956,0,0,0-.938.972V14.583a.956.956,0,0,0,.938.972H19.687a.956.956,0,0,0,.938-.972V2.917a.956.956,0,0,0-.938-.972Z" transform="translate(0 0)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-tag.svg b/src/shared/assets/icons/icon-tag.svg
deleted file mode 100644
index ccb775d..0000000
--- a/src/shared/assets/icons/icon-tag.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg id="icon-tag" xmlns="http://www.w3.org/2000/svg" width="30.001" height="29.633" viewBox="0 0 30.001 29.633">
-  <rect id="Rectangle_210" data-name="Rectangle 210" width="29.001" height="29.001" transform="translate(0 0.631)" fill="none"/>
-  <g id="Mot_clé" data-name="Mot clé" transform="translate(3.156 16.932) rotate(-45)">
-    <path id="Tracé_45" data-name="Tracé 45" d="M.967,0H17.3A.966.966,0,0,1,18,.3l5.685,6.042a.969.969,0,0,1,0,1.324L18,13.713a.966.966,0,0,1-.705.3H.967A.966.966,0,0,1,0,13.051V.967A.966.966,0,0,1,.967,0ZM16.879,1.934H1.934v10.15H16.879l4.774-5.075Z" fill="#091625"/>
-    <path id="Ellipse_58" data-name="Ellipse 58" d="M1.813,1.208a.6.6,0,1,0,.6.6.6.6,0,0,0-.6-.6M1.813,0A1.813,1.813,0,1,1,0,1.813,1.813,1.813,0,0,1,1.813,0Z" transform="translate(15.332 5.196)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-text.svg b/src/shared/assets/icons/icon-text.svg
deleted file mode 100644
index e2a63f4..0000000
--- a/src/shared/assets/icons/icon-text.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg id="icon-text" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_121" data-name="Rectangle 121" width="30" height="30" fill="none"/>
-  <g id="Text" transform="translate(3.75 6.25)">
-    <path id="Tracé_40" data-name="Tracé 40" d="M4.61,3.475h4.9L4.36-13.9H-1.19L-6.34,3.475h4.8l.775-3.55h4.6ZM-.04-3.375,1.535-10.6,3.11-3.375Z" transform="translate(6.34 13.964)" fill="#091625"/>
-    <path id="Union_4" data-name="Union 4" d="M1,17.438a1,1,0,1,1,0-2H2.123V2H1A1,1,0,0,1,1,0H5.248a1,1,0,0,1,0,2H4.123V15.439H5.248a1,1,0,1,1,0,2Z" transform="translate(16.051)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-timer.svg b/src/shared/assets/icons/icon-timer.svg
deleted file mode 100644
index cabb1fd..0000000
--- a/src/shared/assets/icons/icon-timer.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-timer" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_265" data-name="Rectangle 265" width="30" height="30" fill="none"/>
-  <path id="Fill_1" data-name="Fill 1" d="M15.321,20H.928a.854.854,0,1,1,0-1.7H2.6V14.347a3.335,3.335,0,0,1,1.551-2.766l2.579-1.7L4.178,8.272a3.333,3.333,0,0,1-1.624-2.81V1.7H.928A.893.893,0,0,1,0,.852.893.893,0,0,1,.928,0H15.321a.893.893,0,0,1,.928.852.893.893,0,0,1-.928.851H13.7V5.5a3.333,3.333,0,0,1-1.551,2.757l-2.576,1.7,2.558,1.609a3.333,3.333,0,0,1,1.625,2.81V18.3h1.569a.854.854,0,1,1,0,1.7ZM8.083,11.089h0L5.241,12.958a1.666,1.666,0,0,0-.775,1.383V18.3h7.428V14.376a1.663,1.663,0,0,0-.81-1.4l-3-1.89ZM4.411,1.7v3.76a1.664,1.664,0,0,0,.808,1.4l3,1.883,2.842-1.869A1.666,1.666,0,0,0,11.84,5.5V1.7Z" transform="translate(7.5 5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-track.svg b/src/shared/assets/icons/icon-track.svg
deleted file mode 100644
index d571666..0000000
--- a/src/shared/assets/icons/icon-track.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg id="icon-track" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_550" data-name="Rectangle 550" width="30" height="30" fill="none"/>
-  <g id="Trace" transform="translate(3.375 3.375)">
-    <g id="Croix" transform="translate(0 16.25)">
-      <path id="Ligne_28" data-name="Ligne 28" d="M.2,6.2A1,1,0,0,1-.507,4.493l5-5A1,1,0,0,1,5.907.907l-5,5A1,1,0,0,1,.2,6.2Z" transform="translate(0.8 0.8)" fill="#091625"/>
-      <path id="Ligne_29" data-name="Ligne 29" d="M1,7A1,1,0,0,1,.293,5.293l5-5A1,1,0,0,1,6.707,1.707l-5,5A1,1,0,0,1,1,7Z" transform="translate(7 0) rotate(90)" fill="#091625"/>
-    </g>
-    <g id="Croix-2" data-name="Croix" transform="translate(16.25)">
-      <path id="Ligne_28-2" data-name="Ligne 28" d="M.2,6.2A1,1,0,0,1-.507,4.493l5-5A1,1,0,0,1,5.907.907l-5,5A1,1,0,0,1,.2,6.2Z" transform="translate(0.8 0.8)" fill="#091625"/>
-      <path id="Ligne_29-2" data-name="Ligne 29" d="M1,7A1,1,0,0,1,.293,5.293l5-5A1,1,0,0,1,6.707,1.707l-5,5A1,1,0,0,1,1,7Z" transform="translate(7 0) rotate(90)" fill="#091625"/>
-    </g>
-    <path id="Tracé_74" data-name="Tracé 74" d="M-14772.2,14947.591c-.361,0-.736-.008-1.123-.023a33.62,33.62,0,0,1-4.893-.58,1,1,0,0,1-.775-1.182,1,1,0,0,1,.977-.8.915.915,0,0,1,.205.021h0c2.279.471,8.7,1.264,10.977-.709a2.288,2.288,0,0,0,.777-2.025c-.045-.748-.34-1.7-2.24-2.447a26.457,26.457,0,0,0-5.623-1.166,26.649,26.649,0,0,1-5.557-1.143c-2.008-.766-3.031-2.012-3.041-3.707a4.124,4.124,0,0,1,1.428-3.184c1.49-1.328,4.137-2.059,7.861-2.172.348-.01.689-.014,1.018-.014a36.266,36.266,0,0,1,3.988.215,1,1,0,0,1,.871,1.113,1,1,0,0,1-.99.879.868.868,0,0,1-.123-.008c-2.359-.283-8.984-.576-11.295,1.48a2.106,2.106,0,0,0-.76,1.678c.012,1.8,2.729,2.309,6.873,2.879a27.948,27.948,0,0,1,6.082,1.285c2.211.871,3.391,2.279,3.5,4.191a4.31,4.31,0,0,1-1.467,3.658C-14766.875,14947-14769.119,14947.591-14772.2,14947.591Z" transform="translate(14784.745 -14926.26)" fill="#091625"/>
-  </g>
-</svg>
diff --git a/src/shared/assets/icons/icon-transparency.svg b/src/shared/assets/icons/icon-transparency.svg
deleted file mode 100644
index 39c9648..0000000
--- a/src/shared/assets/icons/icon-transparency.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-transparency" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <path id="Fill_1" data-name="Fill 1" d="M9.635,24.923A9.633,9.633,0,0,1,7.613,5.872,9.63,9.63,0,1,1,18.5,19.05,9.633,9.633,0,0,1,9.635,24.923ZM6.976,8.133a7.638,7.638,0,0,0,2.658,14.8,7.6,7.6,0,0,0,6.524-3.681A9.554,9.554,0,0,1,6.976,8.133Zm10.269,6.519-2.436,2.436a7.691,7.691,0,0,0,1.672.19c.155,0,.31-.011.459-.022l.074-.005a7.716,7.716,0,0,0,.263-1.961C17.278,15.066,17.261,14.842,17.245,14.652ZM16.481,1.991A7.593,7.593,0,0,0,9.957,5.672a9.554,9.554,0,0,1,9.182,11.12,7.638,7.638,0,0,0-2.658-14.8ZM15.9,10.929h0l-4.448,4.448a7.693,7.693,0,0,0,1.362.962l3.9-3.9a7.6,7.6,0,0,0-.817-1.507Zm-2.64-2.365h0L9.38,12.447a7.706,7.706,0,0,0,.782,1.482L14.6,9.491a7.727,7.727,0,0,0-1.338-.926ZM9.635,7.645c-.148,0-.3.011-.438.021L9.1,7.674a7.588,7.588,0,0,0-.265,1.961c0,.186.014.372.028.551l0,.033,2.394-2.394A7.626,7.626,0,0,0,9.635,7.645Z" transform="translate(2.5 2.5)" fill="#091625"/>
-  <rect id="Rectangle_252" data-name="Rectangle 252" width="30" height="30" fill="none"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-user2.svg b/src/shared/assets/icons/icon-user2.svg
deleted file mode 100644
index d287710..0000000
--- a/src/shared/assets/icons/icon-user2.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon_user2" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_259" data-name="Rectangle 259" width="30" height="30" fill="none"/>
-  <path id="Combined_Shape" data-name="Combined Shape" d="M8.78,18.752H0V15.006a5.753,5.753,0,0,1,1.359-3.4A4.482,4.482,0,0,1,5.076,10h7.378a4.48,4.48,0,0,1,3.716,1.609,5.753,5.753,0,0,1,1.359,3.4v3.745ZM4.922,4.511C4.922,2.018,6.635,0,8.75,0s3.828,2.018,3.828,4.511S10.865,9.023,8.75,9.023,4.922,7,4.922,4.511Z" transform="translate(6.25 5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/assets/icons/icon-video.svg b/src/shared/assets/icons/icon-video.svg
deleted file mode 100644
index 9236782..0000000
--- a/src/shared/assets/icons/icon-video.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg id="icon-video" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
-  <rect id="Rectangle_247" data-name="Rectangle 247" width="30" height="30" fill="none"/>
-  <path id="Mask" d="M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM8,5.5v9L14,10Z" transform="translate(5 5)" fill="#091625"/>
-</svg>
diff --git a/src/shared/config/env.ts b/src/shared/config/env.ts
index 96413fa..b24dbe5 100644
--- a/src/shared/config/env.ts
+++ b/src/shared/config/env.ts
@@ -26,6 +26,9 @@ interface Config {
     displayThemes: string[];
     submissionTheme: string;
   };
+  news: {
+    feedUrl: string;
+  };
 }
 
 const useQualification = env.VITE_USE_QUALIF === 'true';
@@ -73,4 +76,10 @@ export const config: Config = {
       .filter((t) => t.length > 0) || ['gdp-tools'],
     submissionTheme: trimEnv(env.VITE_GDP_REPORT_SUBMISSION_THEME) || 'gdp-tools',
   },
+  news: {
+    feedUrl:
+      env.VITE_GDP_NEWS_URL === undefined
+        ? 'https://fiches-geodesie.ign.fr/checkinfo-gdp.json'
+        : trimEnv(env.VITE_GDP_NEWS_URL),
+  },
 };
diff --git a/src/shared/constants/externalLinks.ts b/src/shared/constants/externalLinks.ts
index 099b3c7..f200e2a 100644
--- a/src/shared/constants/externalLinks.ts
+++ b/src/shared/constants/externalLinks.ts
@@ -1,11 +1,20 @@
 export const EXTERNAL_LINKS = {
   ESPACE_COLLABORATIF: 'https://espacecollaboratif.ign.fr/',
+  ESPACE_COLLABORATIF_PROFILE: 'https://espacecollaboratif.ign.fr/profile/',
   GEOPF_SSO_RESET_CREDENTIALS:
     'https://sso.geopf.fr/realms/geoplateforme/login-actions/reset-credentials',
+  GEOPF_SSO_ACCOUNT: 'https://sso.geopf.fr/realms/geoplateforme/account/',
+  JE_DONNE_MON_AVIS: 'https://jedonnemonavis.numerique.gouv.fr/Demarches/4229?button=4930',
 } as const;
 
-/** URL de consultation d’un signalement sur l’Espace collaboratif (ex. …/georem/1150059). */
-export function getGeoremReportUrl(reportId: number): string {
-  const origin = EXTERNAL_LINKS.ESPACE_COLLABORATIF.replace(/\/$/, '');
-  return `${origin}/georem/${reportId}`;
+
+
+/** Console compte Géoplateforme, avec le client OAuth de l’app en référent. */
+export function getGeopfSsoAccountUrl(clientId: string): string {
+  const url = new URL(EXTERNAL_LINKS.GEOPF_SSO_ACCOUNT);
+  const trimmed = clientId.trim();
+  if (trimmed) {
+    url.searchParams.set('client_id', trimmed);
+  }
+  return url.toString();
 }
diff --git a/src/shared/constants/geodesy.ts b/src/shared/constants/geodesy.ts
index 4ccd05e..52297ad 100644
--- a/src/shared/constants/geodesy.ts
+++ b/src/shared/constants/geodesy.ts
@@ -11,7 +11,7 @@ import {
 } from '@ign/gdp-tools';
 
 /** Clé API WFS privé Géoplateforme (`.env` : `VITE_GEODESY_WFS_API_KEY`). */
-export const GDP_GEODESY_WFS_API_KEY = import.meta.env.VITE_GEODESY_WFS_API_KEY?.trim() ?? '';
+const GDP_GEODESY_WFS_API_KEY = import.meta.env.VITE_GEODESY_WFS_API_KEY?.trim() ?? '';
 
 /** Mode d'affichage géodésie (alias du profil package). */
 export type GdpGeodesyMode = GeodesyProfile;
@@ -22,7 +22,7 @@ export const GDP_GEODESY_DEFAULT_MODE: GdpGeodesyMode = 'expert';
 export const GDP_GEODESY_SHOW_WFS_LOADING_INDICATOR = true;
 
 /** Champs GEODESIE_DATA affichés dans la fiche repère (ActionSheet). */
-export const GDP_GEODESY_ATTRIBUTE_KEYS = [
+const GDP_GEODESY_ATTRIBUTE_KEYS = [
   'groupe_type',
   'type',
   'nom',
@@ -47,6 +47,12 @@ const wfsApiKeyOption = GDP_GEODESY_WFS_API_KEY || undefined;
  */
 export const GDP_GEODESY_MIN_DETERMINATION_YEAR = 1823;
 
+/**
+ * Borne basse de la roue « Vu en place » (vis_date). Un point ne peut pas avoir été vu en
+ * place avant sa détermination : on réutilise la même borne, faute de statistique dédiée.
+ */
+export const GDP_GEODESY_MIN_VIS_YEAR =  1530;
+
 /** Filtres expert GDP — ordre et libellés alignés sur la maquette Figma. */
 export const GDP_GEODESY_EXPERT_WFS_ATTRIBUTE_FILTERS: readonly GeodesyWfsAttributeFilterDefinition[] =
   [
@@ -81,6 +87,20 @@ export const GDP_GEODESY_EXPERT_WFS_ATTRIBUTE_FILTERS: readonly GeodesyWfsAttrib
       trueLabel: 'Avec photo',
       falseLabel: 'Sans photo',
     },
+    {
+      id: 'VIS_DATE_FROM',
+      type: 'date',
+      title: 'Vu en place',
+      property: 'vis_date',
+      operator: 'after',
+    },
+    {
+      id: 'VIS_DATE_TO',
+      type: 'date',
+      title: 'Vu en place',
+      property: 'vis_date',
+      operator: 'before',
+    },
     {
       id: 'OBS_DATE_FROM',
       type: 'date',
@@ -137,7 +157,6 @@ export const GDP_GEODESY_EXPERT_CATALOG = createGeodesyCatalogForProfile(
   createGdpGeodesyProfileOptions(),
 );
 
-export const GDP_GEODESY_CATALOG = GDP_GEODESY_EXPERT_CATALOG;
 
 export function createGdpGeodesyCatalog(
   mode: GdpGeodesyMode,
diff --git a/src/shared/constants/map.ts b/src/shared/constants/map.ts
index 4075bd4..58903c7 100644
--- a/src/shared/constants/map.ts
+++ b/src/shared/constants/map.ts
@@ -1,14 +1,10 @@
-export const GEOLOCATION_DOUBLE_TAP_DELAY_MS = 300;
 export const GEOLOCATION_TRACKING_RECENTER_INTERVAL_MS = 1000;
 export const GEOLOCATION_LOCK_RECENTER_INTERVAL_MS = 30000;
 export const GEOLOCATION_LOCK_RECENTER_ANIMATION_DURATION_MS = 1000;
 export const GEOLOCATION_RECENTER_AFTER_MOVEMENT_MS = 3000;
 
 export const USER_LOCATION_LAYER_NAME = 'UserLocationMarker';
-export const USER_LOCATION_MARKER_Z_INDEX = Number.POSITIVE_INFINITY;
-
-export const GROUP_REPORT_MARKER_LAYER_NAME = 'GroupReportMarker';
-export const GROUP_REPORT_MARKER_Z_INDEX = 9999;
+export const USER_LOCATION_MARKER_Z_INDEX = 10050;
 
 export const MAP_CLICK_SELECTION_MARKER_LAYER_NAME = 'MapClickSelectionMarker';
 export const MAP_CLICK_SELECTION_MARKER_Z_INDEX = 9998;
@@ -73,5 +69,3 @@ export const GEOPORTAIL_LAYER_TITLES: Record<string, string> = {
   [GEOPORTAIL_LAYERS.PLAN_IGN]: 'Plans',
   [GEOPORTAIL_LAYERS.ORTHOPHOTOS]: 'Photos',
 };
-
-export const GEOPORTAIL_SERVER = 'https://data.geopf.fr/wmts';
diff --git a/src/shared/constants/reportMapLayers.ts b/src/shared/constants/reportMapLayers.ts
index 1fc073b..5a10d48 100644
--- a/src/shared/constants/reportMapLayers.ts
+++ b/src/shared/constants/reportMapLayers.ts
@@ -1,19 +1,12 @@
 export const REPORT_MAP_LAYER_GROUP_NAME = 'BofReportLayers';
 
 export const MY_REPORTS_MAP_LAYER_NAME = 'MyReportsMapLayer';
-export const GROUP_REPORTS_MAP_LAYER_NAME = 'GroupReportsMapLayer';
 
-export const REPORT_MAP_LAYER_Z_INDEX = 9000;
-export const REPORT_MAP_CLUSTER_DISTANCE = 30;
-
-/** Au-delà de ce zoom (résolution cartographique), les clusters disparaissent. */
-export const REPORT_MAP_CLUSTER_MAX_RESOLUTION = 80;
+export const MY_LOCAL_DRAFTS_MAP_LAYER_NAME = 'MyLocalDraftsMapLayer';
 
-/** En dessous de cette résolution, les points individuels remplacent les clusters. */
-export const REPORT_MAP_UNCLUSTERED_MAX_RESOLUTION = 10;
 
-/** Résolution minimale d’affichage des clusters (masqués plus zoomés). */
-export const REPORT_MAP_CLUSTER_MIN_RESOLUTION = 10;
+export const REPORT_MAP_LAYER_Z_INDEX = 9000;
+export const REPORT_MAP_CLUSTER_DISTANCE = 30;
 
 export interface ReportMapLayerVisibility {
   myReports: boolean;
diff --git a/src/shared/constants/storage.ts b/src/shared/constants/storage.ts
index 930d6f0..58a7156 100644
--- a/src/shared/constants/storage.ts
+++ b/src/shared/constants/storage.ts
@@ -1,4 +1,4 @@
-export const STORAGE_PREFIX = 'GDP';
+const STORAGE_PREFIX = 'GDP';
 
 export function storageKey(key: string): string {
   return `${STORAGE_PREFIX}_${key}`;
diff --git a/src/shared/styles/inputs.module.css b/src/shared/styles/inputs.module.css
deleted file mode 100644
index cd28ea1..0000000
--- a/src/shared/styles/inputs.module.css
+++ /dev/null
@@ -1,143 +0,0 @@
-/* Shared form input styles — import as `inputs` and use classes */
-
-/* Field layout: label + input + error stacked vertically */
-.field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.label {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--color-dark);
-}
-
-.required {
-  color: var(--color-danger);
-}
-
-.error {
-  font-size: 12px;
-  color: var(--color-danger);
-}
-
-/* Text input / number / date */
-.input {
-  padding: 12px 14px;
-  border-radius: 8px;
-  border: 1.5px solid var(--color-light-shade);
-  font-size: 1rem;
-  font-family: inherit;
-  background: var(--color-white);
-  transition: border-color 0.2s;
-  box-sizing: border-box;
-}
-
-.input:focus {
-  outline: none;
-  border-color: var(--color-primary);
-}
-
-.input::placeholder {
-  color: var(--color-medium);
-}
-
-/* Select */
-.select {
-  padding: 12px 14px;
-  padding-right: 36px;
-  border-radius: 8px;
-  border: 1.5px solid var(--color-light-shade);
-  font-size: 1rem;
-  font-family: inherit;
-  background-color: var(--color-white);
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 12px center;
-  cursor: pointer;
-  transition: border-color 0.2s;
-  box-sizing: border-box;
-}
-
-.select:focus {
-  outline: none;
-  border-color: var(--color-primary);
-}
-
-/* Textarea */
-.textarea {
-  padding: 12px 14px;
-  border-radius: 8px;
-  border: 1.5px solid var(--color-light-shade);
-  font-size: 1rem;
-  font-family: inherit;
-  background: var(--color-white);
-  resize: vertical;
-  transition: border-color 0.2s;
-  box-sizing: border-box;
-}
-
-.textarea:focus {
-  outline: none;
-  border-color: var(--color-primary);
-}
-
-.textarea::placeholder {
-  color: var(--color-medium);
-}
-
-/* Error state — compose with .input, .select, or .textarea */
-.inputError {
-  border-color: var(--color-danger);
-}
-
-/* Radio */
-.radioInput {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-  pointer-events: none;
-}
-
-.radioCircle {
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  border: 2px solid var(--color-light-shade);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: border-color 0.2s;
-  flex-shrink: 0;
-  box-sizing: border-box;
-}
-
-.radioCircle::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: transparent;
-  transition: background 0.2s;
-}
-
-.radioInput:checked + .radioCircle {
-  border-color: var(--color-secondary);
-}
-
-.radioInput:checked + .radioCircle::after {
-  background: var(--color-secondary);
-}
-
-.radioLabel {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-dark);
-}
diff --git a/src/shared/styles/screen.module.css b/src/shared/styles/screen.module.css
index 7ad1baf..e39701d 100644
--- a/src/shared/styles/screen.module.css
+++ b/src/shared/styles/screen.module.css
@@ -1,14 +1,15 @@
-.screenContainer {
-  padding: 25px;
-}
+/* Screen layout utilities */
 
-.screenExtendedContainer {
-  padding: 15px;
+.screenContainer {
+	padding-top: var(--spacing-sm);
+	padding-bottom: var(--spacing-2xl);
+	padding-left: var(--spacing-lg);
+	padding-right: var(--spacing-lg);
 }
 
 /* Shared overlay style for modals and menus */
 .overlay {
-  position: fixed;
-  inset: 0;
-  background-color: rgba(0, 0, 0, 0.5);
+	position: fixed;
+	inset: 0;
+	background-color: rgba(0, 0, 0, 0.5);
 }
\ No newline at end of file
diff --git a/src/shared/styles/typography.module.css b/src/shared/styles/typography.module.css
deleted file mode 100644
index c1368b5..0000000
--- a/src/shared/styles/typography.module.css
+++ /dev/null
@@ -1,94 +0,0 @@
-/* Classic styles for typography */
-.italic {
-  font-style: italic;
-}
-
-/* Titles */
-.title {
-  font-size: 1.8rem; /* was 2.8rem */
-  font-weight: 600;
-  color: var(--color-primary);
-  text-align: center;
-  margin-bottom: 5px;
-  margin-top: 5px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.subtitle {
-  font-size: 1rem; /* was 1.3rem */
-  font-style: italic;
-  font-weight: 600;
-  color: var(--color-dark);
-  text-align: center;
-  margin-top: 0;
-}
-
-/* Paragraphs */
-.paragraph {
-  font-size: 1rem;
-  line-height: 1.9;
-}
-
-/* Headings */
-.heading1 {
-  font-size: 2rem;
-  font-weight: 700;
-  color: var(--color-dark);
-  margin: 0;
-}
-
-.heading2 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  color: var(--color-dark);
-  margin: 0;
-}
-
-/* Text size */
-.textSmall {
-  font-size: 0.8rem;
-}
-
-.textMedium {
-  font-size: 1rem;
-}
-
-.textLarge {
-  font-size: 1.2rem;
-}
-
-.textXLarge {
-  font-size: 1.4rem;
-}
-
-.textXXLarge {
-  font-size: 1.6rem;
-}
-
-/* Body */
-.body {
-  font-size: 1rem;
-  line-height: 1.6;
-  color: var(--color-dark);
-}
-
-/* Captions */
-.caption {
-  font-size: 0.875rem;
-  color: var(--color-medium);
-}
-
-/* Links */
-a {
-  color: var(--color-primary);
-  text-decoration-thickness: 2.5px;
-  text-underline-offset: 0.5rem;
-}
-
-/* Error text */
-.error {
-  color: var(--color-danger);
-  text-align: center;
-  font-size: 0.9rem;
-}
\ No newline at end of file
diff --git a/src/shared/ui/ActionSheet/ActionSheet.module.css b/src/shared/ui/ActionSheet/ActionSheet.module.css
index 081f746..22a7baf 100644
--- a/src/shared/ui/ActionSheet/ActionSheet.module.css
+++ b/src/shared/ui/ActionSheet/ActionSheet.module.css
@@ -23,7 +23,7 @@
   flex-direction: column;
   max-height: 55vh;
   padding-bottom: var(--safe-bottom, 0px);
-  background-color: var(--color-white);
+  background-color: var(--color-bg-subtle);
   border-radius: 16px 16px 0 0;
   box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
   transform: translateY(100%);
@@ -56,15 +56,15 @@
   height: 36px;
   padding: 0;
   background: none;
-  border: 1px solid var(--color-light-tint);
-  border-radius: 50%;
+  border: 1px solid var(--color-bg-hover);
+  border-radius: var(--radius-circle);
   cursor: pointer;
 }
 
 .closeIcon {
   width: 18px;
   height: 18px;
-  color: var(--color-dark);
+  color: var(--color-text);
 }
 
 .content {
diff --git a/src/shared/ui/ActionSheet/ActionSheet.tsx b/src/shared/ui/ActionSheet/ActionSheet.tsx
index 073b909..dc6a6cc 100644
--- a/src/shared/ui/ActionSheet/ActionSheet.tsx
+++ b/src/shared/ui/ActionSheet/ActionSheet.tsx
@@ -4,7 +4,6 @@ import { Button } from '@/shared/ui/Button';
 import type { ButtonColor, ButtonVariant } from '@/shared/ui/Button';
 import IconClose from '@/shared/assets/icons/icon-close.svg?react';
 import { joinCSSClassNames } from '@/shared/utils/join';
-import typography from '@/shared/styles/typography.module.css';
 import styles from './ActionSheet.module.css';
 
 const OPEN_ANIMATION_DELAY = 20;
@@ -97,7 +96,7 @@ export function ActionSheet({
         aria-labelledby={titleId}
       >
         <div className={styles.header}>
-          <h2 id={titleId} className={typography.heading2}>
+          <h2 id={titleId} className="heading-2">
             {title}
           </h2>
           <button
@@ -110,7 +109,7 @@ export function ActionSheet({
         </div>
 
         <div className={styles.content} data-scroll-root='true'>
-          {subtitle && <p className={typography.body}>{subtitle}</p>}
+          {subtitle && <p className="body">{subtitle}</p>}
 
           {children && <div className={styles.childrenContainer}>{children}</div>}
 
diff --git a/src/shared/ui/Alert/Alert.module.css b/src/shared/ui/Alert/Alert.module.css
index 75274f4..c3ac9f4 100644
--- a/src/shared/ui/Alert/Alert.module.css
+++ b/src/shared/ui/Alert/Alert.module.css
@@ -14,9 +14,31 @@
 	background-color: rgba(0, 0, 0, 0.5);
 }
 
+.overlayBottom {
+	align-items: flex-end;
+	/* Marge latérale (même valeur que la fiche point, .sheetPointFiche) : la carte reste
+	   visible sur les côtés, ce qui suggère qu'on peut glisser la fenêtre vers le bas
+	   plutôt que de la traiter comme un écran plein. */
+	padding: 0 0.25rem;
+}
+
+.overlayBottom.overlayVisible {
+	background-color: transparent;
+}
+
+/* Non bloquant : seule la carte capte les clics, l'arrière-plan (carte OL, FABs) reste utilisable. */
+.overlayPassthrough {
+	pointer-events: none;
+	background-color: transparent;
+}
+
+.overlayPassthrough .card {
+	pointer-events: auto;
+}
+
 .card {
 	position: relative;
-	background: var(--color-white);
+	background: var(--color-bg-subtle);
 	border-radius: 16px;
 	width: 100%;
 	max-width: 400px;
@@ -32,11 +54,28 @@
 	max-width: 960px;
 }
 
+.cardBottom {
+	width: 100%;
+	max-width: 100%;
+	border-radius: var(--radius-lg);
+	background: var(--color-bg-surface);
+	box-shadow: var(--shadow-lg);
+	padding-bottom: var(--safe-bottom);
+	/* Glisse depuis complètement sous l'écran à l'ouverture : montre que la fenêtre « vient
+	   du bas », pour suggérer qu'on peut la refermer en la faisant glisser dans l'autre sens. */
+	transform: translateY(100%);
+	transition: opacity 0.2s ease, transform 0.3s var(--ease-material, ease-out);
+}
+
 .overlayVisible .card {
 	opacity: 1;
 	transform: scale(1);
 }
 
+.overlayVisible .cardBottom {
+	transform: translateY(0);
+}
+
 .closeButton {
 	position: absolute;
 	top: 16px;
@@ -48,15 +87,36 @@
 	height: 36px;
 	padding: 0;
 	background: none;
-	border: 1px solid var(--color-light-tint);
-	border-radius: 50%;
+	border: 1px solid var(--color-bg-hover);
+	border-radius: var(--radius-circle);
 	cursor: pointer;
 }
 
 .closeIcon {
 	width: 18px;
 	height: 18px;
-	color: var(--color-dark);
+	color: var(--color-text);
+}
+
+.handleArea {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	min-height: 2.66rem;
+	cursor: grab;
+	touch-action: none;
+}
+
+.handleArea:active {
+	cursor: grabbing;
+}
+
+.handle {
+	width: 2.5rem;
+	height: 0.25rem;
+	border-radius: var(--radius-pill);
+	background: var(--color-bg-disabled);
 }
 
 .content {
@@ -65,6 +125,33 @@
 	overflow-y: auto;
 }
 
+.contentCentered {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	text-align: center;
+}
+
+.iconBadge {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	width: var(--icon-wrap-lg);
+	height: var(--icon-wrap-lg);
+	margin-bottom: var(--spacing-sm);
+	border-radius: var(--radius-circle);
+}
+
+.iconBadge svg {
+	width: var(--icon-2xl);
+	height: var(--icon-2xl);
+}
+
+.iconBadge svg path {
+	fill: currentColor;
+}
+
 .childrenContainer {
 	margin-top: 16px;
 }
diff --git a/src/shared/ui/Alert/Alert.tsx b/src/shared/ui/Alert/Alert.tsx
index 9d936d8..0eb47b7 100644
--- a/src/shared/ui/Alert/Alert.tsx
+++ b/src/shared/ui/Alert/Alert.tsx
@@ -1,14 +1,21 @@
-import { useEffect, useState, type ReactNode } from 'react';
+import { useEffect, useRef, useState, type ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 import { Button } from '@/shared/ui/Button';
 import type { ButtonColor, ButtonVariant } from '@/shared/ui/Button';
 import IconClose from '@/shared/assets/icons/icon-close.svg?react';
 import { joinCSSClassNames } from '@/shared/utils/join';
-import typography from '@/shared/styles/typography.module.css';
+import { useDragToDismiss } from './useDragToDismiss';
 import styles from './Alert.module.css';
 
 const ANIMATION_DURATION = 200; // ms, matches CSS transition duration
 
+/**
+ * Attribut à poser sur un élément portalé (ex. une pile de flash messages) pour qu'un clic
+ * dedans ne ferme pas une alerte `nonBlocking` ouverte par ailleurs — sans lui, le clic sur
+ * cet élément serait vu comme « en dehors de la carte » et fermerait l'alerte en même temps.
+ */
+export const ALERT_OUTSIDE_CLICK_IGNORE_ATTRIBUTE = 'data-alert-ignore-outside-click';
+
 export interface AlertButton {
 	label: string;
 	onClick: () => void;
@@ -26,6 +33,21 @@ export interface AlertProps {
 	children?: ReactNode;
 	buttons?: AlertButton[];
 	size?: 'default' | 'wide';
+	showCloseButton?: boolean;
+	/** Icône affichée dans un badge rond centré au-dessus du titre. */
+	icon?: ReactNode;
+	/** Couleur de fond du badge d'icône (ex. `var(--figma-blue-2)`). */
+	iconBackground?: string;
+	/** Couleur de l'icône elle-même (ex. `var(--figma-blue-5)`). */
+	iconColor?: string;
+	/** 'bottom' ancre la carte en bas de l'écran, façon fenêtre glissante. */
+	placement?: 'center' | 'bottom';
+	/**
+	 * Laisse l'arrière-plan cliquable (la carte reste utilisable) au lieu de le bloquer ;
+	 * un clic en dehors de la carte ferme l'alerte. Réservé aux messages non modaux :
+	 * une confirmation doit rester bloquante.
+	 */
+	nonBlocking?: boolean;
 }
 
 export function Alert({
@@ -36,9 +58,19 @@ export function Alert({
 	children,
 	buttons = [],
 	size = 'default',
+	showCloseButton = true,
+	icon,
+	iconBackground,
+	iconColor,
+	placement = 'center',
+	nonBlocking = false,
 }: AlertProps) {
-	const [isVisible, setIsVisible] = useState(isOpen);
+	// Toujours false au montage (même si isOpen vaut déjà true) : sinon un composant monté
+	// directement ouvert — cas de GdpNewsBanners, qui n'insère l'Alert qu'une fois prête —
+	// démarre avec l'état « visible » et l'animation d'entrée ne joue jamais.
+	const [isVisible, setIsVisible] = useState(false);
 	const [shouldRender, setShouldRender] = useState(isOpen);
+	const cardRef = useRef<HTMLDivElement>(null);
 
 	if (isOpen && !shouldRender) {
 		setShouldRender(true);
@@ -61,34 +93,88 @@ export function Alert({
 		}
 	}, [isOpen]);
 
+	const isBottomSheet = placement === 'bottom';
+	const { offset: dragOffset, dragHandleProps } = useDragToDismiss(
+		onClose,
+		isBottomSheet && showCloseButton
+	);
+
+	// En mode non bloquant l'overlay laisse passer les clics : on écoute donc le document
+	// plutôt que l'overlay pour fermer sur un clic à côté de la carte.
+	useEffect(() => {
+		if (!nonBlocking || !isOpen || !showCloseButton) {
+			return;
+		}
+		const handlePointerDown = (event: PointerEvent) => {
+			const target = event.target as Element | null;
+			if (cardRef.current?.contains(event.target as Node)) {
+				return;
+			}
+			if (target?.closest(`[${ALERT_OUTSIDE_CLICK_IGNORE_ATTRIBUTE}]`)) {
+				return;
+			}
+			onClose();
+		};
+		document.addEventListener('pointerdown', handlePointerDown);
+		return () => document.removeEventListener('pointerdown', handlePointerDown);
+	}, [nonBlocking, isOpen, showCloseButton, onClose]);
+
 	if (!shouldRender) return null;
 
 	const content = (
 		<div
 			className={joinCSSClassNames(
 				styles.overlay,
-				isVisible && styles.overlayVisible
+				isVisible && styles.overlayVisible,
+				isBottomSheet && styles.overlayBottom,
+				nonBlocking && styles.overlayPassthrough
 			)}
-			onClick={onClose}
+			onClick={showCloseButton && !nonBlocking ? onClose : undefined}
 		>
 			<div
+				ref={cardRef}
 				className={joinCSSClassNames(
 					styles.card,
-					size === 'wide' && styles.cardWide
+					size === 'wide' && styles.cardWide,
+					isBottomSheet && styles.cardBottom
 				)}
+				style={
+					isBottomSheet && dragOffset > 0
+						? { transform: `translateY(${dragOffset}px)`, transition: 'none' }
+						: undefined
+				}
 				onClick={(e) => e.stopPropagation()}
 			>
-				<button
-					className={styles.closeButton}
-					onClick={onClose}
-					aria-label="Close"
-				>
-					<IconClose className={styles.closeIcon} />
-				</button>
+				{isBottomSheet ? (
+					showCloseButton ? (
+						<div className={styles.handleArea} {...dragHandleProps}>
+							<span className={styles.handle} aria-hidden />
+						</div>
+					) : null
+				) : showCloseButton ? (
+					<button
+						className={styles.closeButton}
+						onClick={onClose}
+						aria-label="Fermer"
+					>
+						<IconClose className={styles.closeIcon} />
+					</button>
+				) : null}
 
-				<div className={styles.content} data-scroll-root='true'>
-					<h2 className={typography.heading2}>{title}</h2>
-					{subtitle && <p className={typography.body}>{subtitle}</p>}
+				<div
+					className={joinCSSClassNames(styles.content, icon ? styles.contentCentered : undefined)}
+					data-scroll-root='true'
+				>
+					{icon ? (
+						<span
+							className={styles.iconBadge}
+							style={{ background: iconBackground, color: iconColor }}
+						>
+							{icon}
+						</span>
+					) : null}
+					<h2 className="heading-2">{title}</h2>
+					{subtitle && <p className="body">{subtitle}</p>}
 
 					{children && <div className={styles.childrenContainer}>{children}</div>}
 
diff --git a/src/shared/ui/Alert/index.ts b/src/shared/ui/Alert/index.ts
index 46982a2..b8a4d83 100644
--- a/src/shared/ui/Alert/index.ts
+++ b/src/shared/ui/Alert/index.ts
@@ -1,2 +1,2 @@
-export { Alert } from './Alert';
+export { Alert, ALERT_OUTSIDE_CLICK_IGNORE_ATTRIBUTE } from './Alert';
 export type { AlertProps, AlertButton } from './Alert';
diff --git a/src/shared/ui/Alert/useDragToDismiss.ts b/src/shared/ui/Alert/useDragToDismiss.ts
new file mode 100644
index 0000000..68ae298
--- /dev/null
+++ b/src/shared/ui/Alert/useDragToDismiss.ts
@@ -0,0 +1,50 @@
+import { useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';
+
+const DISMISS_DRAG_THRESHOLD_PX = 64;
+
+/** Glisser vers le bas au-delà du seuil ferme la carte ; vers le haut, elle reste en place. */
+export function useDragToDismiss(onDismiss: () => void, enabled = true) {
+	const [offset, setOffset] = useState(0);
+	const [isDragging, setIsDragging] = useState(false);
+	const startYRef = useRef(0);
+
+	const onPointerDown = (event: ReactPointerEvent<HTMLElement>) => {
+		if (!enabled) {
+			return;
+		}
+		event.currentTarget.setPointerCapture(event.pointerId);
+		startYRef.current = event.clientY;
+		setIsDragging(true);
+	};
+
+	const onPointerMove = (event: ReactPointerEvent<HTMLElement>) => {
+		if (!isDragging) {
+			return;
+		}
+		setOffset(Math.max(0, event.clientY - startYRef.current));
+	};
+
+	const endDrag = () => {
+		if (!isDragging) {
+			return;
+		}
+		setIsDragging(false);
+		if (offset > DISMISS_DRAG_THRESHOLD_PX) {
+			onDismiss();
+		}
+		setOffset(0);
+	};
+
+	return {
+		offset,
+		isDragging,
+		dragHandleProps: enabled
+			? {
+					onPointerDown,
+					onPointerMove,
+					onPointerUp: endDrag,
+					onPointerCancel: endDrag,
+				}
+			: {},
+	};
+}
diff --git a/src/shared/ui/Button/Button.module.css b/src/shared/ui/Button/Button.module.css
index 7924add..0d1874c 100644
--- a/src/shared/ui/Button/Button.module.css
+++ b/src/shared/ui/Button/Button.module.css
@@ -1,34 +1,34 @@
 .button {
-  	width: 80%;
-  	margin: 0 auto;
+	width: 80%;
+	margin: 0 auto;
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
-	gap: 0.5rem;
+	gap: var(--spacing-xs);
 	border: 1px solid transparent;
 	cursor: pointer;
-	transition: background-color 0.2s, border-color 0.2s, opacity 0.2s;
+	transition: 
+		background-color var(--duration-base) var(--ease-standard),
+		border-color var(--duration-base) var(--ease-standard),
+		opacity var(--duration-base) var(--ease-standard);
 
-	display: flex;
 	height: 2.75rem;
-	padding: 0 1.25rem;
-	justify-content: center;
-	align-items: center;
+	padding: 0 var(--spacing-lg);
 	flex: 1 0 0;
-	border-radius: 6.25rem;
-	background: var(--PRIMARY, #26A581);
+	border-radius: var(--radius-pill);
+	background: var(--color-bg-primary);
 
-	color: var(--Blanc, #FFF);
+	color: var(--color-white);
 	text-align: center;
-	font-family: "Open Sans";
-	font-size: 0.875rem;
+	font-family: var(--font-family-base);
+	font-size: var(--font-size-base);
 	font-style: normal;
-	font-weight: 600;
+	font-weight: var(--font-weight-semibold);
 	line-height: normal;
 }
 
 .button:disabled {
-	opacity: 0.5;
+	opacity: var(--opacity-subtle);
 	cursor: not-allowed;
 }
 
@@ -37,78 +37,67 @@
 }
 
 .iconOnly {
-  width: 2.5rem;
-  height: 2.5rem;
-  margin: 0;
-  padding: 0;
-  gap: 0;
-  flex-shrink: 0;
-  border-radius: 999px;
+	width: var( --icon-wrap-md);
+	height: var( --icon-wrap-md);
+	margin: 0;
+	padding: 0;
+	gap: 0;
+	flex-shrink: 0;
+	border-radius: var(--radius-circle);
 }
 
 /* Color mappings - set CSS variables per color */
+.success,
+.tertiary,
 .primary {
-	--btn-color: var(--color-primary);
-	--btn-contrast: var(--color-primary-contrast);
-	--btn-shade: var(--color-primary-shade);
-	--btn-light: var(--color-primary-light);
-	--btn-rgb: var(--color-primary-rgb);
+	--btn-color: var(--color-action-primary);
+	--btn-contrast: var(--color-bg-surface);
+	--btn-shade: var(--color-action-primary-hover);
+	--btn-light: var(--color-bg-primary-subtle);
+	--btn-rgb: var(--color-action-primary-rgb);
 }
 .secondary {
-	--btn-color: var(--color-secondary);
-	--btn-contrast: var(--color-secondary-contrast);
-	--btn-shade: var(--color-secondary-shade);
-	--btn-light: var(--color-secondary-light);
-	--btn-rgb: var(--color-secondary-rgb);
-}
-.tertiary {
-	--btn-color: var(--color-tertiary);
-	--btn-contrast: var(--color-tertiary-contrast);
-	--btn-shade: var(--color-tertiary-shade);
-	--btn-light: rgba(var(--color-tertiary-rgb), 0.1);
-	--btn-rgb: var(--color-tertiary-rgb);
-}
-.success {
-	--btn-color: var(--color-success);
-	--btn-contrast: var(--color-success-contrast);
-	--btn-shade: var(--color-success-shade);
-	--btn-light: rgba(var(--color-success-rgb), 0.1);
-	--btn-rgb: var(--color-success-rgb);
+	--btn-color: var(--color-action-secondary);
+	--btn-contrast: var(--color-bg-surface);
+	--btn-shade: var(--color-action-secondary-hover);
+	--btn-light: var(--color-bg-secondary-subtle);
+	--btn-rgb: var(--color-action-secondary-rgb);
 }
+
 .warning {
 	--btn-color: var(--color-warning);
-	--btn-contrast: var(--color-warning-contrast);
-	--btn-shade: var(--color-warning-shade);
-	--btn-light: var(--color-warning-light);
+	--btn-contrast: var(--color-bg-surface);
+	--btn-shade: var(--color-warning-emphasis);
+	--btn-light: var(--color-bg-warning-subtle);
 	--btn-rgb: var(--color-warning-rgb);
 }
 .danger {
 	--btn-color: var(--color-danger);
-	--btn-contrast: var(--color-danger-contrast);
-	--btn-shade: var(--color-danger-shade);
+	--btn-contrast: var(--color-bg-surface);
+	--btn-shade: var(--color-danger-emphasis);
 	--btn-light: rgba(var(--color-danger-rgb), 0.1);
 	--btn-rgb: var(--color-danger-rgb);
 }
 .light {
-	--btn-color: var(--color-light);
-	--btn-contrast: var(--color-light-contrast);
-	--btn-shade: var(--color-light-shade);
-	--btn-light: var(--color-light-light);
-	--btn-rgb: var(--color-light-rgb);
+	--btn-color: var(--color-bg-active);
+	--btn-contrast: var(--color-text);
+	--btn-shade: var(--color-bg-disabled);
+	--btn-light: var(--color-bg-subtle);
+	--btn-rgb: 234, 234, 233;
 }
 .medium {
-	--btn-color: var(--color-medium);
-	--btn-contrast: var(--color-medium-contrast);
-	--btn-shade: var(--color-medium-shade);
-	--btn-light: rgba(var(--color-medium-rgb), 0.1);
-	--btn-rgb: var(--color-medium-rgb);
+	--btn-color: var(--color-text-secondary);
+	--btn-contrast: var(--color-bg-surface);
+	--btn-shade: var(--color-border-strong);
+	--btn-light: rgba(var(--color-text-secondary-rgb), 0.1);
+	--btn-rgb: var(--color-text-secondary-rgb);
 }
 .dark {
-	--btn-color: var(--color-dark);
-	--btn-contrast: var(--color-dark-contrast);
-	--btn-shade: var(--color-dark-shade);
-	--btn-light: rgba(var(--color-dark-rgb), 0.1);
-	--btn-rgb: var(--color-dark-rgb);
+	--btn-color: var(--color-text);
+	--btn-contrast: var(--color-bg-surface);
+	--btn-shade: var(--color-bg-inverse);
+	--btn-light: rgba(var(--color-text-rgb), 0.1);
+	--btn-rgb: var(--color-text-rgb);
 }
 
 /* Solid variant */
@@ -121,11 +110,11 @@
 }
 
 .primary.solid:hover:not(:disabled) {
-	background-color: var(--color-primary-hover);
+	background-color: var(--color-action-primary-hover);
 }
 
 .primary.solid:active:not(:disabled) {
-	background-color: var(--color-primary-active);
+	background-color: var(--color-bg-primary-pressed);
 }
 
 /* Outline variant */
@@ -139,7 +128,7 @@
 }
 
 .iconOnly.outline {
-  background-color: var(--color-white);
+  background-color: var(--color-bg-subtle);
   border-color: rgba(var(--btn-rgb), 0.24);
 }
 
@@ -161,7 +150,7 @@
 	height: 1.25em;
 	border: 1px solid currentColor;
 	border-bottom-color: transparent;
-	border-radius: 50%;
+	border-radius: var(--radius-circle);
 	display: inline-block;
 	box-sizing: border-box;
 	animation: rotation 1s linear infinite;
@@ -176,12 +165,3 @@
 	}
 }
 
-/* Icon */
-.icon {
-  width: 24px;
-  height: 24px;
-}
-
-.icon path {
-  fill: currentColor;
-}
diff --git a/src/shared/ui/Checkbox/Checkbox.module.css b/src/shared/ui/Checkbox/Checkbox.module.css
deleted file mode 100644
index 7fb6302..0000000
--- a/src/shared/ui/Checkbox/Checkbox.module.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.checkbox {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  cursor: pointer;
-  user-select: none;
-}
-
-.checkbox.disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-  pointer-events: none;
-}
-
-.box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 22px;
-  height: 22px;
-  border-radius: 6px;
-  border: 2px solid var(--color-light-shade);
-  background: var(--color-white);
-  flex-shrink: 0;
-  transition: all 0.15s ease;
-}
-
-.boxChecked {
-  border-color: var(--color-primary);
-  background: var(--color-primary);
-  color: var(--color-white);
-}
-
-.checkIcon {
-  width: 12px;
-  height: 12px;
-}
-
-.label {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-dark);
-}
diff --git a/src/shared/ui/Checkbox/Checkbox.tsx b/src/shared/ui/Checkbox/Checkbox.tsx
deleted file mode 100644
index 8849270..0000000
--- a/src/shared/ui/Checkbox/Checkbox.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import styles from './Checkbox.module.css';
-
-export interface CheckboxProps {
-  label: string;
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-  disabled?: boolean;
-}
-
-export function Checkbox({ label, checked, onChange, disabled = false }: CheckboxProps) {
-  return (
-    <label className={`${styles.checkbox} ${disabled ? styles.disabled : ''}`}>
-      <input
-        type="checkbox"
-        className={styles.input}
-        checked={checked}
-        onChange={e => onChange(e.target.checked)}
-        disabled={disabled}
-      />
-      <span className={`${styles.box} ${checked ? styles.boxChecked : ''}`}>
-        {checked && (
-          <svg className={styles.checkIcon} viewBox="0 0 12 10" fill="none">
-            <path d="M1 5L4.5 8.5L11 1.5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
-          </svg>
-        )}
-      </span>
-      <span className={styles.label}>{label}</span>
-    </label>
-  );
-}
diff --git a/src/shared/ui/Checkbox/index.ts b/src/shared/ui/Checkbox/index.ts
deleted file mode 100644
index 43aaf92..0000000
--- a/src/shared/ui/Checkbox/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
diff --git a/src/shared/ui/Divider/Divider.module.css b/src/shared/ui/Divider/Divider.module.css
deleted file mode 100644
index aa92696..0000000
--- a/src/shared/ui/Divider/Divider.module.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.light {
-  background-color: var(--color-light-tint);
-}
-
-.dark {
-  background-color: var(--color-dark-shade);
-}
-
-.thin {
-  border: none;
-  height: 1px;
-}
-
-.thick {
-  border-width: 2px
-}
-
-.full {
-  width: 100%;
-}
-
-.content {
-  width: auto;
-}
\ No newline at end of file
diff --git a/src/shared/ui/Divider/Divider.tsx b/src/shared/ui/Divider/Divider.tsx
deleted file mode 100644
index 9aaf26b..0000000
--- a/src/shared/ui/Divider/Divider.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { joinCSSClassNames } from "@/shared/utils/join";
-import styles from './Divider.module.css';
-
-export interface DividerProps {
-  className?: string;
-  color?: 'light' | 'dark';
-  thickness?: 'thin' | 'thick';
-  width?: 'full' | 'content' | number;
-}
-
-export function Divider({ className = '', color = 'light', thickness = 'thin', width = 'content' }: DividerProps) {
-  const classNames = joinCSSClassNames(
-    className,
-    color === 'light' ? styles.light : styles.dark,
-    thickness === 'thin' ? styles.thin : styles.thick,
-    typeof width !== 'number' ? styles[width] : ''
-  );
-  const style = typeof width === 'number' ? { width: `${width}%` } : undefined;
-  return <hr className={classNames} style={style} />;
-}
\ No newline at end of file
diff --git a/src/shared/ui/Divider/index.ts b/src/shared/ui/Divider/index.ts
deleted file mode 100644
index 4b91891..0000000
--- a/src/shared/ui/Divider/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Divider } from './Divider';
-export type { DividerProps } from './Divider';
diff --git a/src/shared/ui/ExternalLink/ExternalLink.module.css b/src/shared/ui/ExternalLink/ExternalLink.module.css
index f18b478..02817b5 100644
--- a/src/shared/ui/ExternalLink/ExternalLink.module.css
+++ b/src/shared/ui/ExternalLink/ExternalLink.module.css
@@ -1,16 +1,16 @@
 .externalLink {
-  font-weight: 600;
-  font-style: normal !important;
-  display: inline;
-  color: var(--color-primary);
-  text-decoration-thickness: 2.5px;
-  text-underline-offset: 0.5rem;
+	font-weight: var(--font-weight-semibold);
+	font-style: normal !important;
+	display: inline;
+	color: var(--color-text-primary);
+	text-decoration-thickness: 2.5px;
+	text-underline-offset: var(--spacing-xs);
 }
 
 .icon {
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  vertical-align: middle;
+	display: inline-block;
+	width: var(--icon-lg);
+	height: var(--icon-lg);
+	vertical-align: middle;
 }
 
diff --git a/src/shared/ui/Loading/Loading.module.css b/src/shared/ui/Loading/Loading.module.css
index c079f7a..4a75b0c 100644
--- a/src/shared/ui/Loading/Loading.module.css
+++ b/src/shared/ui/Loading/Loading.module.css
@@ -1,41 +1,41 @@
 .container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  padding: 24px 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--spacing-sm);
+	padding: var(--spacing-xl) 0;
 }
 
 .spinner {
-  display: inline-block;
-  border-radius: 50%;
-  border: 3px solid var(--color-light-shade);
-  border-top-color: var(--color-primary);
-  animation: spin 0.8s linear infinite;
+	display: inline-block;
+	border-radius: var(--radius-circle);
+	border: 3px solid var(--color-bg-disabled);
+	border-top-color: var(--color-text-primary);
+	animation: spin 0.8s linear infinite;
 }
 
 .small {
-  width: 20px;
-  height: 20px;
-  border-width: 2px;
+	width: 1.25rem;
+	height: 1.25rem;
+	border-width: 2px;
 }
 
 .medium {
-  width: 32px;
-  height: 32px;
-  border-width: 3px;
+	width: 2rem;
+	height: 2rem;
+	border-width: 3px;
 }
 
 .large {
-  width: 48px;
-  height: 48px;
-  border-width: 4px;
+	width: 3rem;
+	height: 3rem;
+	border-width: 4px;
 }
 
 .label {
-  font-size: 14px;
-  color: var(--color-medium);
+	font-size: var(--font-size-base);
+	color: var(--color-text-secondary);
 }
 
 @keyframes spin {
diff --git a/src/shared/ui/PageHeader/PageHeader.module.css b/src/shared/ui/PageHeader/PageHeader.module.css
index f5093d7..d4d97e1 100644
--- a/src/shared/ui/PageHeader/PageHeader.module.css
+++ b/src/shared/ui/PageHeader/PageHeader.module.css
@@ -6,9 +6,9 @@
 	align-items: center;
 	justify-content: space-between;
 	margin-top: calc(0px - var(--page-header-safe-top, 0px));
-	padding: calc(16px + var(--page-header-safe-top, 0px)) 16px 16px;
-	border-bottom: 0.1px solid var(--color-light-tint);
-	background-color: var(--color-white);
+	padding: calc(var(--spacing-md) + var(--page-header-safe-top, 0px)) var(--spacing-md) var(--spacing-md);
+	border-bottom: 0.1px solid var(--color-bg-hover);
+	background-color: var(--color-bg-page);
 }
 
 .headerTitle {
@@ -17,21 +17,22 @@
 }
 
 .headerMainTitle {
-	font-size: 1rem;
-	font-weight: 600;
-	color: var(--color-dark);
+	font-size: var(--font-size-2xl);
+	font-weight: var(--font-weight-semibold);
+	font-family: var(--font-family-heading);
+	color: var(--color-text-title);
 	margin: 0;
 }
 
 .headerSubtitle {
-	font-size: 0.875rem;
-	color: var(--color-medium);
+	font-size: var(--font-size-base);
+	color: var(--color-text-secondary);
 	margin: 0;
 }
 
 /* Spacer to balance the header layout */
 .headerSpacer {
-	width: 40px;
+	width: 2.5rem;
 }
 
 /* Shared button styles for back and close buttons */
@@ -39,31 +40,26 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 40px;
-	height: 40px;
+	width: 2.5rem;
+	height: 2.5rem;
 	padding: 0;
 	background: none;
-	border: 1px solid var(--color-light-tint);
-	border-radius: 50%;
+	border: 1px solid var(--color-bg-hover);
+	border-radius: var(--radius-circle);
 	cursor: pointer;
 }
 
 .headerIcon {
-	width: 20px;
-	height: 20px;
-	color: var(--color-dark);
-}
-
-.headerButtonActive {
-	background-color: var(--color-secondary-light);
-	border-color: var(--color-secondary);
+	width: var(--icon-base);
+	height: var(--icon-base);
+	color: var(--color-text);
 }
 
 .headerButtonPrimary {
-	background-color: var(--color-primary);
-	border-color: var(--color-primary);
+	background-color: var(--color-text-primary);
+	border-color: var(--color-text-primary);
 }
 
 .headerIconOnPrimary {
-	color: var(--color-primary-contrast);
+	color: var(--color-bg-surface);
 }
diff --git a/src/shared/ui/PageHeader/PageHeader.tsx b/src/shared/ui/PageHeader/PageHeader.tsx
index e2f6510..aa623e2 100644
--- a/src/shared/ui/PageHeader/PageHeader.tsx
+++ b/src/shared/ui/PageHeader/PageHeader.tsx
@@ -4,7 +4,6 @@ import styles from './PageHeader.module.css';
 import IconArrowLeft from '@/shared/assets/icons/icon-arrow-left.svg?react';
 import IconBurger from '@/shared/assets/icons/icon-burger.svg?react';
 import IconClose from '@/shared/assets/icons/icon-close.svg?react';
-import IconSearch from '@/shared/assets/icons/icon-search.svg?react';
 import { joinCSSClassNames } from '@/shared/utils/join';
 
 export interface PageHeaderProps {
@@ -12,13 +11,10 @@ export interface PageHeaderProps {
 	subtitle?: string;
 	showBackButton?: boolean;
 	showCloseButton?: boolean;
-	showSearchButton?: boolean;
-	isSearchActive?: boolean;
 	showMenuButton?: boolean;
 	menuButtonVariant?: 'default' | 'primary';
 	onBack?: () => void;
 	onClose?: () => void;
-	onSearchClick?: () => void;
 	onMenuClick?: () => void;
 }
 
@@ -27,13 +23,10 @@ export function PageHeader({
 	subtitle,
 	showBackButton = false,
 	showCloseButton = true,
-	showSearchButton = false,
-	isSearchActive = false,
 	showMenuButton = false,
 	menuButtonVariant = 'default',
 	onBack,
 	onClose,
-	onSearchClick,
 	onMenuClick,
 }: PageHeaderProps) {
 	const navigate = useNavigate();
@@ -90,17 +83,7 @@ export function PageHeader({
 				{subtitle && <p className={styles.headerSubtitle}>{subtitle}</p>}
 			</div>
 
-			{showSearchButton ? (
-				<button
-					type="button"
-					className={`${styles.headerButton} ${isSearchActive ? styles.headerButtonActive : ''}`}
-					onClick={onSearchClick}
-					aria-label="Rechercher"
-					aria-pressed={isSearchActive}
-				>
-					<IconSearch className={styles.headerIcon} />
-				</button>
-			) : showCloseButton ? (
+			{showCloseButton ? (
 				<button
 					className={styles.headerButton}
 					onClick={handleClose}
diff --git a/src/shared/ui/PlaceholderPage.tsx b/src/shared/ui/PlaceholderPage.tsx
deleted file mode 100644
index 3f2a83b..0000000
--- a/src/shared/ui/PlaceholderPage.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export function PlaceholderPage({ title }: { title: string }) {
-  return (
-    <main style={{ padding: '1rem' }}>
-      <h1>{title}</h1>
-      <p>Écran à implémenter.</p>
-    </main>
-  );
-}
diff --git a/src/shared/ui/SlideUpPage/SlideUpPage.module.css b/src/shared/ui/SlideUpPage/SlideUpPage.module.css
index 265d4b7..a1ee06d 100644
--- a/src/shared/ui/SlideUpPage/SlideUpPage.module.css
+++ b/src/shared/ui/SlideUpPage/SlideUpPage.module.css
@@ -2,7 +2,7 @@
 	position: fixed;
 	inset: 0;
 	transform: translateY(100%);
-	transition: transform 0.3s ease-out;
+	transition: transform var(--duration-slow) var(--ease-standard);
 	z-index: 1100;
 	overflow-y: auto;
 }
@@ -13,7 +13,7 @@
 
 .slideUpPageInner {
 	min-height: 100%;
-	background-color: var(--color-white);
+	background-color: var(--color-bg-page);
 }
 
 .slideUpPageInnerFullPage {
@@ -23,3 +23,30 @@
 	padding-left: var(--safe-left, 0px);
 	padding-right: var(--safe-right, 0px);
 }
+
+/* CSS pour le backdrop */
+.backdrop {
+	display: none; /* caché sur mobile */
+}
+
+@media (min-width: 768px) {
+	.backdrop {
+		display: block;
+		position: absolute;
+		inset: 0;
+		z-index: -1; /* derrière le contenu */
+	}
+}
+
+@media (min-width: 768px) {
+	.slideUpPage {
+		display: flex;
+		justify-content: left;
+	}
+	.slideUpPageInner {
+		width: 100%;
+		max-width: 42.5rem;
+		border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+		box-shadow: var(--shadow-lg);
+	}
+}
\ No newline at end of file
diff --git a/src/shared/ui/SlideUpPage/SlideUpPage.tsx b/src/shared/ui/SlideUpPage/SlideUpPage.tsx
index ad87153..fd74aae 100644
--- a/src/shared/ui/SlideUpPage/SlideUpPage.tsx
+++ b/src/shared/ui/SlideUpPage/SlideUpPage.tsx
@@ -25,7 +25,7 @@ export interface SlideUpPageProps {
 	fullPage?: boolean;
 }
 
-export function SlideUpPage({ children, isOpen, className, level = 1, fullPage = true }: SlideUpPageProps) {
+export function SlideUpPage({ children, isOpen, onClose, className, level = 1, fullPage = true }: SlideUpPageProps) {
 	const [isVisible, setIsVisible] = useState(isOpen);
 	const [shouldRender, setShouldRender] = useState(isOpen);
 
@@ -67,11 +67,17 @@ export function SlideUpPage({ children, isOpen, className, level = 1, fullPage =
 
 	const content = (
 		<div className={classNames} style={{ zIndex }} data-scroll-root='true'>
-			<div className={innerClassNames}>
-				{children}
-			</div>
+		  {/* Backdrop cliquable sur desktop */}
+		  <div 
+			className={styles.backdrop} 
+			onClick={onClose}
+			aria-hidden="true"
+		  />
+		  <div className={innerClassNames}>
+			{children}
+		  </div>
 		</div>
-	);
+	  );
 
 	// Use portal to render at document body level for proper stacking
 	return createPortal(content, document.body);
diff --git a/src/shared/ui/Slider/Slider.module.css b/src/shared/ui/Slider/Slider.module.css
deleted file mode 100644
index 232acaa..0000000
--- a/src/shared/ui/Slider/Slider.module.css
+++ /dev/null
@@ -1,97 +0,0 @@
-.slider {
-  width: 100%;
-  height: 24px;
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  appearance: none;
-}
-
-.slider::-webkit-slider-runnable-track {
-  height: 6px;
-  border-radius: 100px;
-  background: linear-gradient(
-    to right,
-    var(--color-primary-tint) 0%,
-    var(--color-primary-tint) var(--slider-progress),
-    var(--color-light-tint) var(--slider-progress),
-    var(--color-light-tint) 100%
-  );
-}
-
-.slider::-webkit-slider-thumb {
-  margin-top: -10px;
-  width: 24px;
-  height: 24px;
-  border: 9px solid var(--color-dark-tint);
-  border-radius: 50%;
-  background: var(--color-primary-tint);
-  appearance: none;
-  -webkit-appearance: none;
-}
-
-.slider:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-
-.sliderBinary {
-  display: block;
-  width: 100%;
-  height: 24px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-}
-
-.sliderBinary:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-
-.binaryTrack {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 6px;
-  margin-top: 9px;
-  border-radius: 100px;
-  background: var(--color-light-tint);
-}
-
-.binaryFill {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  border-radius: 100px;
-  background: var(--color-primary-tint);
-  transition: width 0.15s ease;
-  pointer-events: none;
-}
-
-.binaryThumb {
-  position: absolute;
-  top: 50%;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: var(--color-dark-tint);
-  transform: translate(-50%, -50%);
-  transition: left 0.15s ease;
-  pointer-events: none;
-}
-
-.binaryThumb::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: var(--color-white);
-  transform: translate(-50%, -50%);
-}
diff --git a/src/shared/ui/Slider/Slider.tsx b/src/shared/ui/Slider/Slider.tsx
deleted file mode 100644
index 1968f2c..0000000
--- a/src/shared/ui/Slider/Slider.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import type { CSSProperties } from 'react'
-import styles from './Slider.module.css'
-import { clampNumber } from '@/shared/utils/number'
-
-export interface SliderProps {
-  value: number
-  onChange: (value: number) => void
-  min?: number
-  max?: number
-  step?: number
-  disabled?: boolean
-  /** Bascule uniquement entre min et max au clic (pas de réglage progressif). */
-  binary?: boolean
-  ariaLabel?: string
-  className?: string
-}
-
-export function Slider({
-  value,
-  onChange,
-  min = 0,
-  max = 1,
-  step = 0.01,
-  disabled = false,
-  binary = false,
-  ariaLabel,
-  className,
-}: SliderProps) {
-  const hasValidRange = max > min
-  const safeMin = hasValidRange ? min : 0
-  const safeMax = hasValidRange ? max : 1
-  const normalizedValue = clampNumber(value, safeMin, safeMax)
-  const progress = ((normalizedValue - safeMin) / (safeMax - safeMin)) * 100
-  const isOn = normalizedValue > safeMin
-
-  const classes = [styles.slider, binary && styles.sliderBinary, className ?? '']
-    .filter(Boolean)
-    .join(' ')
-
-  const style = {
-    '--slider-progress': `${progress}%`,
-  } as CSSProperties
-
-  const toggleBinaryValue = () => {
-    if (disabled || !binary) {
-      return
-    }
-
-    onChange(isOn ? safeMin : safeMax)
-  }
-
-  if (binary) {
-    return (
-      <button
-        type='button'
-        className={classes}
-        style={style}
-        disabled={disabled}
-        data-state={isOn ? 'on' : 'off'}
-        aria-label={ariaLabel}
-        aria-pressed={isOn}
-        aria-valuenow={normalizedValue}
-        aria-valuemin={safeMin}
-        aria-valuemax={safeMax}
-        onClick={toggleBinaryValue}
-      >
-        <span className={styles.binaryTrack} aria-hidden>
-          <span className={styles.binaryFill} style={{ width: `${progress}%` }} />
-          <span className={styles.binaryThumb} style={{ left: `${progress}%` }} />
-        </span>
-      </button>
-    )
-  }
-
-  return (
-    <input
-      type='range'
-      className={classes}
-      min={safeMin}
-      max={safeMax}
-      step={binary ? safeMax - safeMin : step}
-      value={normalizedValue}
-      style={style}
-      disabled={disabled}
-      data-state={isOn ? 'on' : 'off'}
-      aria-label={ariaLabel}
-      aria-valuenow={normalizedValue}
-      aria-valuemin={safeMin}
-      aria-valuemax={safeMax}
-      onChange={(event) => {
-        const nextValue = Number(event.target.value)
-        onChange(clampNumber(nextValue, safeMin, safeMax))
-      }}
-    />
-  )
-}
diff --git a/src/shared/ui/Slider/index.ts b/src/shared/ui/Slider/index.ts
deleted file mode 100644
index 70dac58..0000000
--- a/src/shared/ui/Slider/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Slider } from './Slider'
-export type { SliderProps } from './Slider'
diff --git a/src/shared/ui/Toast/Toast.module.css b/src/shared/ui/Toast/Toast.module.css
new file mode 100644
index 0000000..cd451b8
--- /dev/null
+++ b/src/shared/ui/Toast/Toast.module.css
@@ -0,0 +1,152 @@
+.stack {
+	position: fixed;
+	right: var(--spacing-md);
+	/* Au-dessus de la tabbar (hauteur 4.5rem + marge basse var(--spacing-xl)). */
+	bottom: calc(var(--safe-bottom) + 4.5rem + var(--spacing-xl) + var(--spacing-sm));
+	z-index: 1300;
+	display: flex;
+	flex-direction: column-reverse;
+	align-items: flex-end;
+	gap: var(--spacing-2xs);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	max-width: min(20rem, calc(100vw - 2 * var(--spacing-md)));
+}
+
+/* Case qui s'effondre à la fermeture : c'est ce rétrécissement qui fait « descendre »
+   naturellement l'item empilé au-dessus, sans animation JS dédiée. */
+.slot {
+	display: grid;
+	grid-template-rows: 1fr;
+	max-width: 100%;
+	transition: grid-template-rows 0.25s var(--ease-material, ease-out);
+}
+
+.slotExiting {
+	grid-template-rows: 0fr;
+}
+
+.slotInner {
+	overflow: hidden;
+	min-width: 0;
+	min-height: 0;
+}
+
+.toast {
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-4xs);
+	max-width: 100%;
+	padding: var(--spacing-2xs);
+	padding-left: var(--spacing-sm);
+	border-radius: var(--radius-pill);
+	background: rgba(255, 255, 255, 0.94);
+	box-shadow: var(--shadow-lg);
+	animation: toastIn 0.2s var(--ease-material, ease-out);
+	transition: opacity 0.25s var(--ease-material, ease-out), transform 0.25s var(--ease-material, ease-out);
+}
+
+.slotExiting .toast {
+	opacity: 0;
+	transform: translateX(120%);
+}
+
+.body {
+	display: flex;
+	align-items: center;
+	gap: var(--spacing-xs);
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	padding: var(--spacing-xs) 0;
+	border: none;
+	background: none;
+	font: inherit;
+	text-align: left;
+	cursor: pointer;
+}
+
+.iconBadge {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	width: var(--icon-wrap-xs);
+	height: var(--icon-wrap-xs);
+	border-radius: var(--radius-circle);
+}
+
+.iconBadge svg {
+	width: var(--icon-base);
+	height: var(--icon-base);
+}
+
+.iconBadge svg path {
+	fill: currentColor;
+}
+
+.message {
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	color: var(--color-text);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-semibold);
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.closeButton {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	width: 1.75rem;
+	height: 1.75rem;
+	padding: 0;
+	border: none;
+	border-radius: var(--radius-circle);
+	background: none;
+	color: var(--color-text-secondary);
+	cursor: pointer;
+}
+
+.closeButton:hover {
+	background: var(--color-bg-hover);
+}
+
+.closeIcon {
+	width: 0.875rem;
+	height: 0.875rem;
+}
+
+.closeIcon path {
+	fill: currentColor;
+}
+
+@keyframes toastIn {
+	from {
+		opacity: 0;
+		transform: translateY(0.5rem);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.slot {
+		transition: none;
+	}
+
+	.toast {
+		animation: none;
+		transition: none;
+	}
+
+	.slotExiting .toast {
+		opacity: 0;
+	}
+}
diff --git a/src/shared/ui/Toast/Toast.tsx b/src/shared/ui/Toast/Toast.tsx
new file mode 100644
index 0000000..bcc41c1
--- /dev/null
+++ b/src/shared/ui/Toast/Toast.tsx
@@ -0,0 +1,77 @@
+import { useEffect, useState, type ReactNode } from 'react';
+
+import IconClose from '@/shared/assets/icons/icon-close.svg?react';
+import { joinCSSClassNames } from '@/shared/utils/join';
+import styles from './Toast.module.css';
+
+export const TOAST_EXIT_ANIMATION_DURATION = 250; // ms, matches .slotExiting CSS transition duration
+const DEFAULT_DURATION_MS = 5000;
+
+export interface ToastProps {
+	/** Texte affiché (généralement le titre du message replié). */
+	message: string;
+	/** Clic sur le corps du flash : sert à rouvrir le contenu qui vient d'être fermé. */
+	onClick: () => void;
+	/** Appelé une fois le flash disparu (délai écoulé ou croix cliquée), après son animation de sortie. */
+	onDismiss: () => void;
+	durationMs?: number;
+	icon?: ReactNode;
+	/** Couleur de fond du badge d'icône (ex. `var(--figma-blue-2)`). */
+	iconBackground?: string;
+	/** Couleur de l'icône elle-même (ex. `var(--figma-blue-5)`). */
+	iconColor?: string;
+}
+
+/**
+ * Un flash message, pensé pour vivre dans une pile (voir `ToastStack`) : monté = affiché,
+ * démonté = disparu. Son décompte démarre à son montage, indépendamment des autres.
+ */
+export function Toast({
+	message,
+	onClick,
+	onDismiss,
+	durationMs = DEFAULT_DURATION_MS,
+	icon,
+	iconBackground,
+	iconColor,
+}: ToastProps) {
+	const [isExiting, setIsExiting] = useState(false);
+
+	useEffect(() => {
+		const timer = setTimeout(() => setIsExiting(true), durationMs);
+		return () => clearTimeout(timer);
+	}, [durationMs]);
+
+	useEffect(() => {
+		if (!isExiting) {
+			return;
+		}
+		const timer = setTimeout(onDismiss, TOAST_EXIT_ANIMATION_DURATION);
+		return () => clearTimeout(timer);
+	}, [isExiting, onDismiss]);
+
+	return (
+		<li className={joinCSSClassNames(styles.slot, isExiting && styles.slotExiting)}>
+			<div className={styles.slotInner}>
+				<div className={styles.toast}>
+					<button type="button" className={styles.body} onClick={onClick}>
+						{icon ? (
+							<span className={styles.iconBadge} style={{ background: iconBackground, color: iconColor }}>
+								{icon}
+							</span>
+						) : null}
+						<span className={styles.message}>{message}</span>
+					</button>
+					<button
+						type="button"
+						className={styles.closeButton}
+						onClick={() => setIsExiting(true)}
+						aria-label="Fermer"
+					>
+						<IconClose className={styles.closeIcon} />
+					</button>
+				</div>
+			</div>
+		</li>
+	);
+}
diff --git a/src/shared/ui/Toast/ToastStack.tsx b/src/shared/ui/Toast/ToastStack.tsx
new file mode 100644
index 0000000..22e4bc3
--- /dev/null
+++ b/src/shared/ui/Toast/ToastStack.tsx
@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+import { createPortal } from 'react-dom';
+
+import { ALERT_OUTSIDE_CLICK_IGNORE_ATTRIBUTE } from '@/shared/ui/Alert';
+import { Toast } from './Toast';
+import styles from './Toast.module.css';
+
+export interface ToastStackItem {
+	id: string;
+	message: string;
+	icon?: ReactNode;
+	iconBackground?: string;
+	iconColor?: string;
+}
+
+export interface ToastStackProps {
+	items: ToastStackItem[];
+	onItemClick: (id: string) => void;
+	onItemDismiss: (id: string) => void;
+	durationMs?: number;
+}
+
+/**
+ * Pile de flash messages ancrée en bas à droite. Les items sont rendus dans l'ordre
+ * `items` (le plus ancien en premier) : avec la mise en page en colonne inversée, le plus
+ * ancien reste au plus près du coin (position « active »), les suivants s'empilent
+ * au-dessus. Quand l'item du bas disparaît, celui juste au-dessus glisse à sa place
+ * grâce à l'effondrement CSS de sa case (voir `.slot` dans Toast.module.css) — aucune
+ * animation JS n'est nécessaire pour ce mouvement de descente.
+ */
+export function ToastStack({ items, onItemClick, onItemDismiss, durationMs }: ToastStackProps) {
+	if (items.length === 0) {
+		return null;
+	}
+
+	return createPortal(
+		<ol className={styles.stack} {...{ [ALERT_OUTSIDE_CLICK_IGNORE_ATTRIBUTE]: '' }}>
+			{items.map((item) => (
+				<Toast
+					key={item.id}
+					message={item.message}
+					icon={item.icon}
+					iconBackground={item.iconBackground}
+					iconColor={item.iconColor}
+					durationMs={durationMs}
+					onClick={() => onItemClick(item.id)}
+					onDismiss={() => onItemDismiss(item.id)}
+				/>
+			))}
+		</ol>,
+		document.body,
+	);
+}
diff --git a/src/shared/ui/Toast/index.ts b/src/shared/ui/Toast/index.ts
new file mode 100644
index 0000000..2c8feaa
--- /dev/null
+++ b/src/shared/ui/Toast/index.ts
@@ -0,0 +1,4 @@
+export { Toast } from './Toast';
+export type { ToastProps } from './Toast';
+export { ToastStack } from './ToastStack';
+export type { ToastStackItem, ToastStackProps } from './ToastStack';
diff --git a/src/shared/ui/Toggle/Toggle.module.css b/src/shared/ui/Toggle/Toggle.module.css
index 63c934c..6d8ca0c 100644
--- a/src/shared/ui/Toggle/Toggle.module.css
+++ b/src/shared/ui/Toggle/Toggle.module.css
@@ -1,71 +1,71 @@
 /* Color mappings */
-.primary { --toggle-color: var(--color-primary); }
-.secondary { --toggle-color: var(--color-secondary); }
+.primary { --toggle-color: var(--color-text-primary); }
+.secondary { --toggle-color: var(--color-action-secondary); }
 .tertiary { --toggle-color: var(--color-tertiary); }
 .success { --toggle-color: var(--color-success); }
 .warning { --toggle-color: var(--color-warning); }
 .danger { --toggle-color: var(--color-danger); }
 
 .toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  cursor: pointer;
-  user-select: none;
+	display: inline-flex;
+	align-items: center;
+	gap: var(--spacing-4);
+	cursor: pointer;
+	user-select: none;
 }
 
 .toggle.disabled {
-  opacity: 0.5;
-  pointer-events: none;
+	opacity: var(--opacity-subtle);
+	pointer-events: none;
 }
 
 .input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-  pointer-events: none;
+	position: absolute;
+	opacity: 0;
+	width: 0;
+	height: 0;
+	pointer-events: none;
 }
 
 .track {
-  position: relative;
-  flex-shrink: 0;
+	position: relative;
+	flex-shrink: 0;
 }
 
 /* Slider track */
 .slider {
-  display: block;
-  width: 44px;
-  height: 26px;
-  border-radius: 13px;
-  background-color: var(--color-light-shade);
-  transition: background-color 0.3s ease;
-  position: relative;
+	display: block;
+	width: 2.75rem;
+	height: 1.625rem;
+	border-radius: var(--radius-pill);
+	background-color: var(--color-bg-disabled);
+	transition: background-color var(--duration-slow) var(--ease-standard);
+	position: relative;
 }
 
 .sliderChecked {
-  background-color: var(--toggle-color);
+	background-color: var(--toggle-color);
 }
 
 /* Knob */
 .knob {
-  position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background-color: var(--color-white);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+	position: absolute;
+	top: 3px;
+	left: 3px;
+	width: 1.25rem;
+	height: 1.25rem;
+	border-radius: var(--radius-circle);
+	background-color: var(--color-bg-subtle);
+	box-shadow: var(--shadow-sm);
+	transition: transform var(--duration-slow) cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .sliderChecked .knob {
-  transform: translateX(18px);
+	transform: translateX(1.125rem);
 }
 
 .label {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--color-dark);
+	font-size: var(--font-size-base);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-text);
 }
diff --git a/src/shared/ui/YearWheelPicker/YearWheelPicker.module.css b/src/shared/ui/YearWheelPicker/YearWheelPicker.module.css
index 9197ab6..cd221d7 100644
--- a/src/shared/ui/YearWheelPicker/YearWheelPicker.module.css
+++ b/src/shared/ui/YearWheelPicker/YearWheelPicker.module.css
@@ -32,14 +32,14 @@
   scroll-snap-align: center;
   font-family: 'Fira Sans';
   font-size: 1.0625rem;
-  color: var(--color-medium);
+  color: var(--color-text-secondary);
   opacity: 0.9;
   cursor: pointer;
   transition: color 0.15s ease, opacity 0.15s ease, font-size 0.15s ease;
 }
 
 .row[data-distance='0'] {
-  color: var(--color-primary);
+  color: var(--color-text-primary);
   font-weight: 700;
   font-size: 1.3125rem;
   opacity: 1;
@@ -63,7 +63,7 @@
   left: 0;
   right: 0;
   height: 0;
-  border-top: 1.5px solid var(--color-dark);
+  border-top: 1.5px solid var(--color-text);
   pointer-events: none;
 }
 
diff --git a/src/shared/utils/coercion.ts b/src/shared/utils/coercion.ts
deleted file mode 100644
index fbe4731..0000000
--- a/src/shared/utils/coercion.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-export type RawObject = Record<string, unknown>;
-export type FormFieldValue<TExtra = never> = string | string[] | TExtra;
-
-export function toRawObject(value: unknown): RawObject | null {
-	if (value && typeof value === 'object') {
-		return value as RawObject;
-	}
-	return null;
-}
-
-export function toNumber(value: unknown): number | undefined {
-	if (typeof value === 'number' && Number.isFinite(value)) {
-		return value;
-	}
-
-	if (typeof value === 'string' && value.trim() !== '') {
-		const parsed = Number(value);
-		if (Number.isFinite(parsed)) {
-			return parsed;
-		}
-	}
-
-	return undefined;
-}
-
-export function toBoolean(value: unknown): boolean | undefined {
-	if (typeof value === 'boolean') {
-		return value;
-	}
-
-	if (value === 1 || value === '1' || value === 'true') {
-		return true;
-	}
-
-	if (value === 0 || value === '0' || value === 'false') {
-		return false;
-	}
-
-	return undefined;
-}
-
-export function toStringValue(value: unknown): string | undefined {
-	return typeof value === 'string' ? value : undefined;
-}
-
-export function toStringFieldValue(value: unknown): string {
-	if (typeof value === 'string') {
-		return value;
-	}
-
-	if (typeof value === 'number' || typeof value === 'boolean') {
-		return String(value);
-	}
-
-	return '';
-}
-
-export function toStringArrayFieldValue(value: unknown): string[] {
-	if (Array.isArray(value)) {
-		return value.map((item) => String(item));
-	}
-
-	if (
-		typeof value === 'string' ||
-		typeof value === 'number' ||
-		typeof value === 'boolean'
-	) {
-		return [String(value)];
-	}
-
-	return [];
-}
diff --git a/src/shared/utils/color.ts b/src/shared/utils/color.ts
index 3c049ef..40a55d9 100644
--- a/src/shared/utils/color.ts
+++ b/src/shared/utils/color.ts
@@ -1,6 +1,36 @@
+/**
+ * Résout une valeur CSS de couleur (ex. `var(--color-primary)`, `rgba(var(--color-danger-rgb), 0.14)`)
+ * en couleur calculée. Nécessaire pour les marqueurs OpenLayers : ce sont des SVG en data-URI,
+ * où `var(--…)` n'est pas résolu.
+ */
+export function resolveCssColor(value: string): string {
+  const raw = value.trim();
+  if (!raw) {
+    return '';
+  }
+
+  if (!raw.includes('var(')) {
+    return raw;
+  }
+
+  const probe = document.createElement('span');
+  probe.style.color = raw;
+  document.documentElement.appendChild(probe);
+  const resolved = getComputedStyle(probe).color.trim();
+  probe.remove();
+
+  return resolved || raw;
+}
+
 /** Lit une variable `--color-{name}` définie dans `src/styles/global.css`. */
 export function getColorCode(colorName: string): string {
-  return getComputedStyle(document.documentElement)
+  const raw = getComputedStyle(document.documentElement)
     .getPropertyValue(`--color-${colorName}`)
     .trim();
+
+  if (!raw) {
+    return '';
+  }
+
+  return resolveCssColor(raw);
 }
diff --git a/src/shared/utils/date.ts b/src/shared/utils/date.ts
index cb00b3e..06f360f 100644
--- a/src/shared/utils/date.ts
+++ b/src/shared/utils/date.ts
@@ -13,7 +13,7 @@ export function formatDate(date: Date): string {
   return DATE_FORMATTER.format(date);
 }
 
-export function formatTime(date: Date): string {
+function formatTime(date: Date): string {
   return TIME_FORMATTER.format(date);
 }
 
diff --git a/src/shared/utils/number.ts b/src/shared/utils/number.ts
index 76a6893..28b4645 100644
--- a/src/shared/utils/number.ts
+++ b/src/shared/utils/number.ts
@@ -1,4 +1,3 @@
-import { toNumber } from '@/shared/utils/coercion';
 
 export function clampNumber(value: number, min: number, max: number): number {
   if (Number.isNaN(value)) return min
@@ -6,31 +5,3 @@ export function clampNumber(value: number, min: number, max: number): number {
   if (value > max) return max
   return value
 }
-
-export function readNonNegativeNumber(value: unknown, fallback: number): number {
-  const parsed = toNumber(value)
-  if (parsed === undefined || parsed < 0) return fallback
-  return parsed
-}
-
-export function readFiniteNumber(value: unknown, fallback: number): number {
-  const parsed = toNumber(value)
-  if (parsed === undefined) return fallback
-  return parsed
-}
-
-export function parseDecimalInput(value: string): number {
-  return Number(value.replace(',', '.'))
-}
-
-export function isNonNegativeFinite(value: number): boolean {
-  return Number.isFinite(value) && value >= 0
-}
-
-export function isFiniteNumber(value: number): boolean {
-  return Number.isFinite(value)
-}
-
-export function degreesToRadians(degrees: number): number {
-  return degrees * Math.PI / 180
-}
diff --git a/src/shared/utils/reportStatus.ts b/src/shared/utils/reportStatus.ts
index 08f0891..32c0fe8 100644
--- a/src/shared/utils/reportStatus.ts
+++ b/src/shared/utils/reportStatus.ts
@@ -1,32 +1,5 @@
 import { ReportStatus } from '@ign/mobile-core';
 
-const STATUS_COLOR_MAP: Record<ReportStatus, string> = {
-  [ReportStatus.Pending]: 'var(--color-warning)',
-  [ReportStatus.Pending_Qualification]: 'var(--color-warning)',
-  [ReportStatus.Pending_Entry]: 'var(--color-warning-shade)',
-  [ReportStatus.Pending_Validation]: 'var(--color-warning-tint)',
-  [ReportStatus.Valid]: 'var(--color-primary)',
-  [ReportStatus.Valid_Already_Treated]: 'var(--color-primary-shade)',
-  [ReportStatus.Reject]: 'var(--color-danger)',
-  [ReportStatus.Reject_Irrelevant]: 'var(--color-danger-shade)',
-  [ReportStatus.Submit]: 'var(--color-secondary)',
-  [ReportStatus.Cluster]: 'var(--color-medium)',
-  [ReportStatus.Draft]: 'var(--color-medium)',
-};
-
-const STATUS_COLOR_TOKEN_MAP: Record<ReportStatus, string> = {
-  [ReportStatus.Pending]: 'warning',
-  [ReportStatus.Pending_Qualification]: 'warning',
-  [ReportStatus.Pending_Entry]: 'warning-shade',
-  [ReportStatus.Pending_Validation]: 'warning-tint',
-  [ReportStatus.Valid]: 'primary',
-  [ReportStatus.Valid_Already_Treated]: 'primary-shade',
-  [ReportStatus.Reject]: 'danger',
-  [ReportStatus.Reject_Irrelevant]: 'danger-shade',
-  [ReportStatus.Submit]: 'secondary',
-  [ReportStatus.Cluster]: 'medium',
-  [ReportStatus.Draft]: 'medium',
-};
 
 const STATUS_LABELS: Record<ReportStatus, string> = {
   [ReportStatus.Draft]: 'Brouillon',
@@ -42,14 +15,51 @@ const STATUS_LABELS: Record<ReportStatus, string> = {
   [ReportStatus.Reject_Irrelevant]: 'Rejeté (non pertinent)',
 };
 
-export function getStatusColor(status: ReportStatus | string): string {
-  return STATUS_COLOR_MAP[status as ReportStatus] ?? 'var(--color-medium)';
-}
 
-export function getStatusColorToken(status: ReportStatus | string): string {
-  return STATUS_COLOR_TOKEN_MAP[status as ReportStatus] ?? 'medium';
-}
 
 export function getStatusLabel(status: ReportStatus | string): string {
   return STATUS_LABELS[status as ReportStatus] ?? status;
 }
+
+/**
+ * Paire couleur/fond pour un badge de statut serveur, construite uniquement à partir de
+ * tokens confirmés définis dans global.css (contrairement à STATUS_COLOR_MAP ci-dessus,
+ * qui référence des tokens legacy non définis pour plusieurs statuts).
+ */
+const STATUS_BADGE_COLORS: Record<ReportStatus, { color: string; background: string }> = {
+  [ReportStatus.Valid]: { color: 'var(--color-primary)', background: 'var(--color-bg-primary-subtle)' },
+  [ReportStatus.Valid_Already_Treated]: {
+    color: 'var(--color-primary)',
+    background: 'var(--color-bg-primary-subtle)',
+  },
+  [ReportStatus.Reject]: { color: 'var(--color-danger)', background: 'rgba(var(--color-danger-rgb), 0.14)' },
+  [ReportStatus.Reject_Irrelevant]: {
+    color: 'var(--color-danger)',
+    background: 'rgba(var(--color-danger-rgb), 0.14)',
+  },
+  [ReportStatus.Pending]: { color: 'var(--color-warning)', background: 'var(--color-bg-warning-subtle)' },
+  [ReportStatus.Pending_Qualification]: {
+    color: 'var(--color-warning)',
+    background: 'var(--color-bg-warning-subtle)',
+  },
+  [ReportStatus.Pending_Entry]: {
+    color: 'var(--color-warning)',
+    background: 'var(--color-bg-warning-subtle)',
+  },
+  [ReportStatus.Pending_Validation]: {
+    color: 'var(--color-warning)',
+    background: 'var(--color-bg-warning-subtle)',
+  },
+  [ReportStatus.Submit]: { color: 'var(--color-text-secondary)', background: 'var(--color-bg-active)' },
+  [ReportStatus.Cluster]: { color: 'var(--color-text-secondary)', background: 'var(--color-bg-active)' },
+  [ReportStatus.Draft]: { color: 'var(--color-text-secondary)', background: 'var(--color-bg-active)' },
+};
+
+export function getStatusColors(status: ReportStatus | string): { color: string; background: string } {
+  return (
+    STATUS_BADGE_COLORS[status as ReportStatus] ?? {
+      color: 'var(--color-text-secondary)',
+      background: 'var(--color-bg-active)',
+    }
+  );
+}
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
new file mode 100644
index 0000000..e5522a6
--- /dev/null
+++ b/src/styles/fonts.css
@@ -0,0 +1,25 @@
+/* Open Sans variable — latin + latin-ext, graisses 300–800.
+   Famille "Open Sans" pour rester compatible avec les tokens CSS. */
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 300 800;
+  src: url("@fontsource-variable/open-sans/files/open-sans-latin-wght-normal.woff2")
+    format("woff2-variations");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
+    U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 300 800;
+  src: url("@fontsource-variable/open-sans/files/open-sans-latin-ext-wght-normal.woff2")
+    format("woff2-variations");
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
+    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
+    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
diff --git a/src/styles/global.css b/src/styles/global.css
index 7d1bacf..293dcce 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,51 +1,55 @@
 /*
- * Design tokens — correspondance Figma (palette_couleurs.png) ↔ CSS
+ * Design tokens — Géodésie de poche
+ * ═════════════════════════════════════════════════════════════════════════════
  *
- * FIGMA VERT (primaire)              → TOKEN CSS
+ * Ce fichier définit le design system complet de l'application.
+ * 
+ * ARCHITECTURE :
+ *   1. Primitives Figma (--figma-*)  → Palette brute, correspondance 1:1 avec Figma
+ *   2. Tokens sémantiques (--color-*, --spacing-*, etc.) → Abstraction pour le code
+ * 
+ * ⚠️ RÈGLE D'USAGE :
+ *   Dans le code (CSS modules), utilisez UNIQUEMENT les tokens sémantiques.
+ *   N'utilisez JAMAIS directement les primitives --figma-*.
+ * 
+ * PALETTE FIGMA → TOKENS CSS
  * ─────────────────────────────────────────────────────────────
- * Light                              → --figma-green-light
- * Light :hover                       → --figma-green-light-hover
- * Light :active                      → --figma-green-light-active
- * Normal                             → --figma-green
- * Normal :hover                      → --figma-green-hover
- * Normal :active                     → --figma-green-active
- * Dark                               → --figma-green-dark
- * Dark :hover                        → --figma-green-dark-hover
- * Dark :active                       → --figma-green-dark-active
- * Darker                             → --figma-green-darker
+ * VERT (palette 10 nuances)
+ *   green-1 → #e9f6f2 (fond très clair)
+ *   green-2 → #def2ec (fond clair)
+ *   green-3 → #bce3d8 (fond teinté)
+ *   green-4 → #26a581 (vert primaire AAA) ← --color-primary
+ *   green-5 → #229574 (vert hover) ← --color-primary-hover
+ *   green-6 → #1e8467 (vert actif) ← --color-primary-active
+ *   green-7 → #1d7c61 (vert foncé) ← --color-primary-shade
+ *   green-8 → #17634d (vert très foncé)
+ *   green-9 → #114a3a (vert sombre)
+ *   green-10 → #0d3a2d (vert le plus sombre)
  *
- * FIGMA GRIS (neutre)                → TOKEN CSS
- * ─────────────────────────────────────────────────────────────
- * Light                              → --figma-neutral-light
- * Light :hover                       → --figma-neutral-light-hover
- * Light :active                      → --figma-neutral-light-active
- * Normal                             → --figma-neutral
- * Normal :hover                      → --figma-neutral-hover
- * Normal :active                     → --figma-neutral-active
- * Dark                               → --figma-neutral-dark
- * Dark :hover                        → --figma-neutral-dark-hover
- * Dark :active                       → --figma-neutral-dark-active
- * Darker                             → --figma-neutral-darker
+ * GRIS (palette 12 nuances)
+ *   gray-1 → #f2f2f2 (fond très clair, opacité 20%)
+ *   gray-2 → #f5f5f5 (fond ultra-léger)
+ *   gray-3 → #efefef (fond léger)
+ *   gray-4 → #eaeae9 (fond neutre) ← --color-light
+ *   gray-5 → #d5d5d1 (bordures)
+ *   gray-6 → #787b7c (texte secondaire AAA)
+ *   gray-7 → #696969 (texte moyen AAA) ← --color-medium
+ *   gray-8 → #606060 (texte sombre)
+ *   gray-9 → #5a5a5a (texte très sombre)
+ *   gray-10 → #484441 (presque noir)
+ *   gray-11 → #363331 (noir principal) ← --color-dark
+ *   gray-12 → #2a2a28 (noir le plus foncé)
  *
- * ALIASES SÉMANTIQUES (usage composants) → SOURCE FIGMA
+ * ALIASES SÉMANTIQUES → UTILISER DANS LE CODE
  * ─────────────────────────────────────────────────────────────
- * --color-primary                      → --figma-green
- * --color-primary-hover                → --figma-green-hover
- * --color-primary-active               → --figma-green-active
- * --color-primary-shade                → --figma-green-dark
- * --color-primary-tint                 → --figma-green-hover
- * --color-primary-light                → --figma-green-light
- * --color-light / bordures             → --figma-neutral
- * --color-light-light / surfaces     → --figma-neutral-light
- * --color-medium / texte secondaire    → --figma-neutral-dark-hover
- * --color-dark / texte principal       → --figma-neutral-darker
- * --color-white                        → blanc pur (contraste sur fonds foncés)
- * --color-surface                      → --figma-neutral-light
- * --color-fiche-canvas                 → fond fiche repère (gris maquette)
- * --color-fiche-surface                → cartes blanches sur la fiche
- *
- * Hors palette Figma (inchangés) : secondary, tertiary, success, warning, danger.
- * Pour réadapter la charte : modifier uniquement les --figma-* ci-dessous.
+ * --color-primary        → Couleur principale (CTA, liens)
+ * --color-secondary      → Couleur secondaire (accents)
+ * --color-warning        → Avertissements
+ * --color-danger         → Erreurs, actions destructives
+ * --color-light          → Bordures, séparateurs
+ * --color-medium         → Texte secondaire, icônes désactivées
+ * --color-dark           → Texte principal
+ * --color-white          → Blanc pur (contraste)
  */
 
 :root {
@@ -55,115 +59,219 @@
   --safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));
   --safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));
 
-  /* ── Figma : vert ── */
-  --figma-green-light: #e9f6f2;
-  --figma-green-light-hover: #def2ec;
-  --figma-green-light-active: #bce3d8;
-  --figma-green: #26a581;
-  --figma-green-hover: #229574;
-  --figma-green-active: #1e8467;
-  --figma-green-dark: #1d7c61;
-  --figma-green-dark-hover: #17634d;
-  --figma-green-dark-active: #114a3a;
-  --figma-green-darker: #0d3a2d;
-
-  /* ── Figma : gris ── */
-  --figma-neutral-light: #fbfbfb;
-  --figma-neutral-light-hover: #f9f9f9;
-  --figma-neutral-light-active: #f3f3f3;
-  --figma-neutral: #d9d9d9;
-  --figma-neutral-hover: #c3c3c3;
-  --figma-neutral-active: #aeaeae;
-  --figma-neutral-dark: #a3a3a3;
-  --figma-neutral-dark-hover: #828282;
-  --figma-neutral-dark-active: #626262;
-  --figma-neutral-darker: #091625;
-
-  /* ── Utilitaires ── */
+  /* ── Figma : vert (palette complète 10 nuances) ── */
+  --figma-green-1: #e9f6f2;   /* Fond très clair */
+  --figma-green-2: #def2ec;   /* Fond clair */
+  --figma-green-3: #bce3d8;   /* Fond teinté */
+  --figma-green-4: #26a581;   /* Vert primaire - AAA */
+  --figma-green-5: #229574;   /* Vert hover */
+  --figma-green-6: #1e8467;   /* Vert actif */
+  --figma-green-7: #1d7c61;   /* Vert foncé */
+  --figma-green-8: #17634d;   /* Vert très foncé */
+  --figma-green-9: #114a3a;   /* Vert sombre */
+  --figma-green-10: #0d3a2d;  /* Vert le plus sombre */
+
+  /* ── Figma : gris (palette complète 12 nuances) ── */
+  --figma-gray-1: #f2f2f2;   /* Opacité 20% - fond très clair */
+  --figma-gray-2: #FFFFFF;   /* Fond ultra-léger */
+  --figma-gray-3: #F7F7F7;   /* Fond léger */
+  --figma-gray-4: #F2F1F0;   /* Fond neutre */
+  --figma-gray-5: #EBEAE9;   /* Bordures claires */
+  --figma-gray-6: #78716C;   /* Texte secondaire - AAA */
+  --figma-gray-7: #6C6661;   /* Texte moyen - AAA */
+  --figma-gray-8: #605A56;   /* Texte sombre */
+  --figma-gray-9: #5A5551;   /* Texte très sombre */
+  --figma-gray-10: #484441;  /* Presque noir */
+  --figma-gray-11: #363331;  /* Noir principal */
+  --figma-gray-12: #2A2826;  /* Noir le plus foncé */
+
+  /* ── Figma : jaune/orange (palette complète 10 nuances) ── */
+  --figma-yellow-2: #FEF5E7;   /* Fond très clair */
+  --figma-yellow-3: #fef0da;   /* Fond clair */
+  --figma-yellow-4: #FCE1B3;   /* Fond teinté */
+  --figma-yellow-5: #F59E0B;   /* Orange vif - AAA */
+  --figma-yellow-6: #DD8E0A;   /* Orange moyen */
+  --figma-yellow-7: #C47E09;   /* Orange foncé */
+  --figma-yellow-8: #B87708;   /* Orange très foncé */
+  --figma-yellow-9: #935F07;   /* Orange sombre */
+  --figma-yellow-10: #6E4705;  /* Brun foncé */
+  --figma-yellow-11: #563704;  /* Brun le plus foncé */
+
+  /* ── Figma : bleu (palette complète 10 nuances) ── */
+  --figma-blue-1: #EBF4FE;   /* Fond très clair */
+  --figma-blue-2: #E1EFFD;   /* Fond clair */
+  --figma-blue-3: #C2DEFB;   /* Fond teinté */
+  --figma-blue-4: #3993F3;   /* Bleu vif */
+  --figma-blue-5: #3384DB;   /* Bleu moyen - AAA */
+  --figma-blue-6: #2E76C2;   /* Bleu actif */
+  --figma-blue-7: #2B6EB6;   /* Bleu foncé */
+  --figma-blue-8: #225892;   /* Bleu très foncé */
+  --figma-blue-9: #1A426D;   /* Bleu sombre */
+  --figma-blue-10: #143355;  /* Bleu le plus sombre */
+
+  /* ── Utilitaires (legacy - à migrer progressivement) ── */
   --color-white: #ffffff;
-  --color-surface: var(--figma-neutral-light);
-  --color-fiche-canvas: var(--figma-neutral-light-active);
-  --color-fiche-surface: var(--color-white);
-  --color-rgp: #563704;
-  --color-rgp-background: #FCE1B3;
+  --color-fiche-canvas: var(--color-bg-hover);
+  --color-rgp: var(--figma-yellow-11);
+  --color-rgp-bg: var(--figma-yellow-4);
   --gradient-geodesy-layer-preview: linear-gradient(
     145deg,
-    var(--figma-green-light-hover) 0%,
-    var(--figma-green-light-active) 45%,
-    var(--figma-green) 100%
+    var(--figma-green-2) 0%,
+    var(--figma-green-3) 45%,
+    var(--figma-green-4) 100%
   );
 
-  /* ── Primaire (vert Figma) ── */
-  --color-primary: var(--figma-green);
-  --color-primary-rgb: 38, 165, 129;
-  --color-primary-contrast: var(--color-white);
-  --color-primary-contrast-rgb: 255, 255, 255;
-  --color-primary-hover: var(--figma-green-hover);
-  --color-primary-active: var(--figma-green-active);
-  --color-primary-shade: var(--figma-green-dark);
-  --color-primary-tint: var(--figma-green-hover);
-  --color-primary-light: var(--figma-green-light);
-
-  /* ── Hors palette Figma ── */
-  --color-secondary: #786af2;
-  --color-secondary-rgb: 120, 106, 242;
-  --color-secondary-contrast: var(--color-white);
-  --color-secondary-contrast-rgb: 255, 255, 255;
-  --color-secondary-shade: #2112a4;
-  --color-secondary-tint: #8679f3;
-  --color-secondary-light: #c6ccff66;
-
-  --color-tertiary: #6030ff;
-  --color-tertiary-rgb: 96, 48, 255;
-  --color-tertiary-contrast: var(--color-white);
-  --color-tertiary-contrast-rgb: 255, 255, 255;
-  --color-tertiary-shade: #542ae0;
-  --color-tertiary-tint: #7045ff;
-
-  --color-success: #5cff98;
-  --color-success-rgb: 92, 255, 152;
-  --color-success-contrast: #000000;
-  --color-success-contrast-rgb: 0, 0, 0;
-  --color-success-shade: #51e086;
-  --color-success-tint: #6cffa2;
-
-  --color-warning: #f18345;
-  --color-warning-rgb: 241, 131, 69;
-  --color-warning-contrast: #000000;
-  --color-warning-contrast-rgb: 0, 0, 0;
-  --color-warning-shade: #d4733d;
-  --color-warning-tint: #f28f58;
-  --color-warning-light: #ffeee4;
+  /* ── Actions primaires (vert) ── */
+  --color-action-primary: var(--figma-green-4);
+  --color-action-primary-rgb: 38, 165, 129;
+  --color-action-primary-hover: var(--figma-green-5);
+  --color-action-primary-pressed: var(--figma-green-6);
+  /* Alias legacy — lu entre autres par getColorCode('primary') pour le marqueur de
+     ReportPositionMap ; sans lui la mini-carte de position ne s'initialise jamais. */
+  --color-primary: var(--color-action-primary);
+
+  --color-bg-primary: var(--figma-green-4);
+  --color-bg-primary-hover: var(--figma-green-5);
+  --color-bg-primary-pressed: var(--figma-green-6);
+  --color-bg-primary-subtle: var(--figma-green-1);
+  --color-bg-primary-hover-subtle: var(--figma-green-2);
+  
+  --color-text-primary: var(--figma-green-4);
+  --color-text-primary-emphasis: var(--figma-green-10);
+  --color-text-primary-8: var(--figma-green-8);
+  
+  --color-border-primary: var(--figma-green-4);
+  --color-border-primary-subtle: var(--figma-green-5);
 
+  /* ── Actions secondaires (violet) ── */
+  --color-action-secondary: #786af2;
+  --color-action-secondary-rgb: 120, 106, 242;
+  --color-action-secondary-hover: #2112a4;
+  --color-bg-secondary-subtle: #c6ccff66;
+
+  /* ── Feedback : Warning ── */
+  --color-warning: var(--figma-yellow-5);
+  --color-warning-rgb: 247, 168, 11;
+  --color-warning-emphasis: var(--figma-yellow-6);
+  --color-bg-warning-subtle: var(--figma-yellow-2);
+
+  /* ── Feedback : Danger ── */
   --color-danger: #e86f4a;
   --color-danger-rgb: 232, 111, 74;
-  --color-danger-contrast: #000000;
-  --color-danger-contrast-rgb: 0, 0, 0;
-  --color-danger-shade: #cc6241;
-  --color-danger-tint: #ea7d5c;
-
-  /* ── Neutres (gris Figma) ── */
-  --color-light: var(--figma-neutral);
-  --color-light-rgb: 217, 217, 217;
-  --color-light-contrast: #000000;
-  --color-light-contrast-rgb: 0, 0, 0;
-  --color-light-shade: var(--figma-neutral-hover);
-  --color-light-tint: var(--figma-neutral-light-active);
-  --color-light-light: var(--figma-neutral-light);
-
-  --color-medium: var(--figma-neutral-dark-hover);
-  --color-medium-rgb: 130, 130, 130;
-  --color-medium-contrast: #000000;
-  --color-medium-contrast-rgb: 0, 0, 0;
-  --color-medium-shade: var(--figma-neutral-dark-active);
-  --color-medium-tint: var(--figma-neutral-dark);
-
-  --color-dark: var(--figma-neutral-darker);
-  --color-dark-rgb: 9, 22, 37;
-  --color-dark-contrast: var(--color-white);
-  --color-dark-contrast-rgb: 255, 255, 255;
-  --color-dark-shade: #081321;
-  --color-dark-tint: #222d3b;
+  --color-danger-emphasis: #cc6241;
+
+  /* ── Feedback : Navy (badges de statut de signalement) ── */
+  --color-navy: var(--figma-blue-9);
+  --color-navy-rgb: 26, 66, 109;
+  --color-navy-emphasis: var(--figma-blue-10);
+  --color-bg-navy-subtle: var(--figma-blue-1);
+
+  /* ── Texte gray ── */
+  --color-text: var(--figma-gray-11);
+  --color-text-title: var(--figma-gray-12);
+  --color-text-rgb: 54, 51, 49;
+  --color-text-secondary-label: var(--figma-gray-6);
+  --color-text-secondary: var(--figma-gray-7);
+  --color-text-secondary-rgb: 105, 102, 97;
+  --color-text-disabled: var(--figma-gray-9);
+  --color-text-9: var(--figma-gray-9);
+  --color-text-inverse: var(--color-white);
+  --color-text-gray-10: var(--figma-gray-10);
+
+
+  /* ── Backgrounds ── */
+  --color-bg-page: var(--figma-gray-3);
+  --color-bg-surface: var(--color-white);
+  --color-bg-white: var(--color-white);
+  --color-bg-subtle: var(--figma-gray-2);
+  --color-bg-hover: var(--figma-gray-3);
+  --color-bg-active: var(--figma-gray-4);
+  --color-bg-disabled: var(--figma-gray-5);
+  --color-bg-inverse: var(--figma-gray-11);
+
+  /* ── Bordures ── */
+  --color-border: var(--figma-gray-5);
+  --color-border-strong: var(--figma-gray-8);
+  --color-border-subtle: var(--figma-gray-3);
+  --color-divider: #D9D9D9;
+
+  --color-border-active: var(--figma-green-5);
+
+
+
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  /* SPACING TOKENS (nomenclature hybride : sémantique + numérique)            */
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  --spacing-4xs: 0.125rem;  /* 2px */
+  --spacing-3xs: 0.25rem;   /* 4px */
+  --spacing-2xs: 0.375rem;  /* 6px */
+  --spacing-xs: 0.5rem;     /* 8px */
+  --spacing-s: 0.625rem;    /* 10px */
+  --spacing-sm: 0.75rem;    /* 12px */
+  --spacing-md: 1rem;       /* 16px */
+  --spacing-lg: 1.5rem;     /* 24px */
+  --spacing-xl: 2rem;       /* 32px */
+  --spacing-2xl: 3rem;      /* 48px */
+
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  /* BORDER RADIUS TOKENS                                                       */
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  --radius-sm: 0.5rem;     /* 8px - petits éléments (inputs, badges) */
+  --radius-md: 0.625rem;   /* 10px - boutons, cards */
+  --radius-lg: 0.75rem;    /* 12px - panels, modales */
+  --radius-xl: 1rem;       /* 16px - sections */
+  --radius-pill: 624.9375rem;    /* pilules (boutons pill, tags) */
+  --radius-circle: 50%;    /* cercles parfaits (avatars, icônes) */
+
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  /* TYPOGRAPHY TOKENS                                                          */
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  
+  /* Font families */
+  --font-family-base: "Open Sans", system-ui, sans-serif;
+  --font-family-heading: "Fira Sans", "Open Sans", sans-serif;
+
+  /* Font sizes */
+  --font-size-xs: 0.75rem;      /* 12px - captions, labels */
+  --font-size-sm: 0.8125rem;    /* 13px - small text, hints */
+  --font-size-base: 0.875rem;   /* 14px - body text (défaut) */
+  --font-size-md: 0.9375rem;    /* 15px - emphasized text */
+  --font-size-lg: 1rem;         /* 16px - inputs, boutons */
+  --font-size-xl: 1.125rem;     /* 18px - headings H3 */
+  --font-size-2xl: 1.25rem;     /* 20px - headings H2 */
+  --font-size-3xl: 1.5rem;      /* 24px - headings H1 */
+
+  /* Font weights */
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  /* Line heights */
+  --line-height-tight: 1.25;
+  --line-height-base: 1.5;
+  --line-height-relaxed: 1.75;
+
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  /* TRANSITIONS & ANIMATIONS                                                   */
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  --duration-instant: 0.1s;
+  --duration-fast: 0.15s;
+  --duration-base: 0.2s;
+  --duration-slow: 0.3s;
+
+  --ease-standard: ease;
+  --ease-out: ease-out;
+  --ease-in-out: ease-in-out;
+  --ease-material: cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  /* SHADOWS                                                                    */
+  /* ═════════════════════════════════════════════════════════════════════════ */
+  --shadow-sm: 0 1px 3px rgba(9, 22, 37, 0.12);
+  --shadow-md: 0 2px 8px rgba(9, 22, 37, 0.16);
+  --shadow-lg: 0 4px 12px rgba(9, 22, 37, 0.16);
+  --shadow-focus: 0 0 0 2px var(--color-primary), 0 2px 10px rgba(var(--color-primary-rgb), 0.18);
 }
 
 /* Bandeau WIP / DEBUG — classe globale réutilisable (pas d’import CSS module). */
@@ -173,21 +281,27 @@
   border-radius: 0.5rem;
   border: 1px dashed var(--color-warning);
   border-left: 4px solid var(--color-warning);
-  background: var(--color-warning-light);
+  background: var(--color-bg-warning-subtle);
   font-size: 0.75rem;
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   font-weight: 700;
   line-height: 1.35;
-  color: var(--color-warning-shade);
+  color: var(--color-warning-emphasis);
   letter-spacing: 0.02em;
   word-break: break-all;
 }
 
-html,
+html {
+  font-size: 16px; /* Base pour les calculs rem */
+}
+
 body {
   margin: 0;
   padding: 0;
-  font-family: "Open Sans", system-ui, sans-serif;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base); /* 0.875rem = 14px */
+  line-height: var(--line-height-base);
+  color: var(--color-text);
 }
 
 * {
@@ -201,3 +315,84 @@ body {
   min-height: 100vh;
   box-sizing: border-box;
 }
+
+/* ═════════════════════════════════════════════════════════════════════════ */
+/* GLOBAL TYPOGRAPHY CLASSES                                                  */
+/* ═════════════════════════════════════════════════════════════════════════ */
+
+/* Headings */
+.heading-2 {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-2xl);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--line-height-tight);
+  color: var(--color-text);
+  margin: 0;
+}
+
+/* Page title (for screens) */
+.page-title {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-xl);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary);
+  text-align: center;
+  margin: var(--spacing-xs) 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.page-subtitle {
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-semibold);
+  font-style: italic;
+  color: var(--color-text);
+  text-align: center;
+  margin: 0;
+}
+
+/* Body text */
+.body {
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-relaxed);
+  color: var(--color-text);
+}
+
+/* Links */
+a {
+  color: var(--color-text-primary);
+  text-decoration-thickness: 2.5px;
+  text-underline-offset: 0.5rem;
+}
+
+a:hover {
+  color: var(--color-action-primary-hover);
+}
+
+/* ══════════════════════════════════════════════════════════════
+   OPACITY TOKENS
+   ══════════════════════════════════════════════════════════════ */
+:root {
+  --opacity-hover: 0.85;
+  --opacity-disabled: 0.6;
+  --opacity-subtle: 0.5;
+}
+
+/* ══════════════════════════════════════════════════════════════
+   ICON TOKENS
+   ══════════════════════════════════════════════════════════════ */
+:root {
+  --icon-sm: 1rem;       /* 16px - icône standard petite */
+  --icon-base: 1.25rem;  /* 20px - icône de base */
+  --icon-lg: 1.375rem;   /* 22px - grande icône */
+  --icon-xl: 1.5rem;     /* 24px - très grande icône */
+  --icon-2xl: 1.75rem;   /* 28px - icône énorme */
+
+  --icon-wrap-xs: 2rem;   /* 32px - icône de base */
+  --icon-wrap-sm: 2.25rem;   /* 36px - icône de base */
+  --icon-wrap-md: 2.5rem;   /* 40px - icône de base */
+  --icon-wrap-lg: 3.5rem;   /* 56px - badge d'icône mis en avant (ex. carte news) */
+
+  --icon-color-8: var(--figma-green-8);
+  --icon-color-1: var(--figma-green-1);
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index cbe1b9a..1e2d166 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -16,6 +16,7 @@ interface ImportMetaEnv {
   readonly VITE_GDP_REPORT_COMMUNITY_ID?: string;
   readonly VITE_GDP_REPORT_DISPLAY_THEMES?: string;
   readonly VITE_GDP_REPORT_SUBMISSION_THEME?: string;
+  readonly VITE_GDP_NEWS_URL?: string;
 }
 
 interface ImportMeta {
diff --git a/vite.config.ts b/vite.config.ts
index 2cad4a5..54f6b54 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,7 +2,7 @@ import { readFileSync } from 'node:fs'
 import { createRequire } from 'node:module'
 import path from 'path'
 import createHttpsProxyAgent from 'https-proxy-agent'
-import { defineConfig, loadEnv } from 'vite'
+import { defineConfig, loadEnv, type ViteDevServer } from 'vite'
 import react from '@vitejs/plugin-react'
 import svgr from 'vite-plugin-svgr'
 
@@ -26,7 +26,7 @@ const useGeodesySourceAlias = process.env.VITE_GEODESY_SOURCE !== 'dist'
 const appPackage = JSON.parse(
   readFileSync(path.join(__dirname, 'package.json'), 'utf8'),
 ) as { version?: string }
-const appVersion = appPackage.version ?? '0.0.0'
+const appVersion = appPackage.version ?? '4.0.0'
 
 const oauthDevProxyPrefix = '/__sso'
 
@@ -34,14 +34,55 @@ function normalizeOAuthBaseUrl(url: string): string {
   return url.trim().replace(/\/+$/, '')
 }
 
-function getOutboundHttpProxyUrl(): string | undefined {
-  const value =
-    process.env.HTTPS_PROXY ||
-    process.env.https_proxy ||
-    process.env.HTTP_PROXY ||
-    process.env.http_proxy
-  const trimmed = value?.trim()
-  return trimmed ? trimmed : undefined
+function firstNonEmpty(...values: Array<string | undefined>): string | undefined {
+  for (const value of values) {
+    const trimmed = value?.trim()
+    if (trimmed) {
+      return trimmed
+    }
+  }
+  return undefined
+}
+
+/** Proxy sortant Node (Vite → sso.geopf.fr). Le navigateur n’en a pas besoin. */
+function getOutboundHttpProxyUrl(fileEnv: Record<string, string> = {}): string | undefined {
+  return firstNonEmpty(
+    process.env.HTTPS_PROXY,
+    process.env.https_proxy,
+    process.env.HTTP_PROXY,
+    process.env.http_proxy,
+    fileEnv.HTTPS_PROXY,
+    fileEnv.https_proxy,
+    fileEnv.HTTP_PROXY,
+    fileEnv.http_proxy,
+  )
+}
+
+function getNoProxy(fileEnv: Record<string, string> = {}): string {
+  return (
+    firstNonEmpty(
+      process.env.NO_PROXY,
+      process.env.no_proxy,
+      fileEnv.NO_PROXY,
+      fileEnv.no_proxy,
+    ) ?? ''
+  )
+}
+
+function applyFileProxyEnv(fileEnv: Record<string, string>): void {
+  const proxyUrl = getOutboundHttpProxyUrl(fileEnv)
+  if (proxyUrl && !process.env.HTTPS_PROXY && !process.env.https_proxy) {
+    process.env.HTTPS_PROXY = proxyUrl
+    process.env.https_proxy = proxyUrl
+    process.env.HTTP_PROXY ??= proxyUrl
+    process.env.http_proxy ??= proxyUrl
+  }
+
+  const noProxy = firstNonEmpty(fileEnv.NO_PROXY, fileEnv.no_proxy)
+  if (noProxy && !process.env.NO_PROXY && !process.env.no_proxy) {
+    process.env.NO_PROXY = noProxy
+    process.env.no_proxy = noProxy
+  }
 }
 
 function hostnameMatchesNoProxy(hostname: string, noProxyRaw: string): boolean {
@@ -62,9 +103,33 @@ function hostnameMatchesNoProxy(hostname: string, noProxyRaw: string): boolean {
   })
 }
 
-function createOauthProxyAgent(ssoTarget: string): ReturnType<typeof createHttpsProxyAgent> | undefined {
-  const proxyUrl = getOutboundHttpProxyUrl()
+function stripOauthBrowserOriginPlugin(mount: string) {
+  return {
+    name: 'gdp-strip-oauth-origin',
+    configureServer(server: ViteDevServer) {
+      server.middlewares.use((req, _res, next) => {
+        const url = req.url ?? ''
+        if (url === mount || url.startsWith(`${mount}/`)) {
+          delete req.headers.origin
+          delete req.headers.referer
+        }
+        next()
+      })
+    },
+  }
+}
+
+function createOauthProxyAgent(
+  ssoTarget: string,
+  fileEnv: Record<string, string> = {},
+): ReturnType<typeof createHttpsProxyAgent> | undefined {
+  const proxyUrl = getOutboundHttpProxyUrl(fileEnv)
   if (!proxyUrl) {
+    console.warn(
+      '[vite oauth proxy] HTTPS_PROXY absent — /__sso joint sso.geopf.fr en direct ' +
+        '(ECONNREFUSED fréquent au bureau IGN). Ajoutez HTTPS_PROXY dans gdp-mobile/.env ' +
+        'ou exportez-le avant npm run dev. Le navigateur / SSO n’a pas besoin de ce proxy.',
+    )
     return undefined
   }
 
@@ -75,7 +140,7 @@ function createOauthProxyAgent(ssoTarget: string): ReturnType<typeof createHttps
     return undefined
   }
 
-  const noProxy = process.env.NO_PROXY || process.env.no_proxy || ''
+  const noProxy = getNoProxy(fileEnv)
   if (hostnameMatchesNoProxy(hostname, noProxy)) {
     console.info(`[vite oauth proxy] ${hostname} est dans NO_PROXY — connexion directe`)
     return undefined
@@ -87,17 +152,18 @@ function createOauthProxyAgent(ssoTarget: string): ReturnType<typeof createHttps
 
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, __dirname, '')
+  applyFileProxyEnv(env)
   const oauthSsoTarget = normalizeOAuthBaseUrl(
     env.VITE_OAUTH_BASE_URL || 'https://sso.geopf.fr/realms/geoplateforme/protocol/openid-connect',
   )
 
   const basePath = env.VITE_BASE_PATH || '/'
   const oauthProxyMount = `${basePath.replace(/\/+$/, '')}${oauthDevProxyPrefix}`
-  const oauthProxyAgent = createOauthProxyAgent(oauthSsoTarget)
+  const oauthProxyAgent = createOauthProxyAgent(oauthSsoTarget, env)
 
   return {
     base: basePath,
-    plugins: [react(), svgr()],
+    plugins: [react(), svgr(), stripOauthBrowserOriginPlugin(oauthProxyMount)],
     define: {
       'process.env.SECRET': JSON.stringify(env.VITE_SECRET || 'default-secret'),
       __APP_VERSION__: JSON.stringify(appVersion),
@@ -172,6 +238,12 @@ export default defineConfig(({ mode }) => {
                 );
               }
             });
+            proxy.on('proxyRes', (proxyRes, req) => {
+              const requestUrl = req.url ?? '';
+              if (requestUrl.includes('/token') || requestUrl.includes('/revoke')) {
+                console.info(`[vite oauth proxy] ${req.method} ${requestUrl} → ${proxyRes.statusCode}`);
+              }
+            });
           },
         },
       },