menu ok graphiquement et page 404 ok

php/404.php

@@ -1,16 +1,30 @@
 <?php
-// On envoie explicitement le code d'erreur 404 au navigateur
+
+declare(strict_types=1);
+
 http_response_code(404);
 
-require_once('header.php');
+$pageStylesheets = ['/css/404.css'];
+$bodyClass = 'page-404';
+
+require_once __DIR__ . '/header.php';
 ?>
 
-<div style="text-align: center; padding: 50px; color: white;">
-    <h1>Erreur 404</h1>
-    <p>Désolé, la page que vous recherchez est introuvable.</p>
-    <a href="/index.php" style="color: #007bff;">Retour à l'accueil</a>
-</div>
+    <section class="error-shell">
+        <article class="error-card">
+            <h1 class="error-headline">404</h1>
+            <p class="error-subtitle">La transaction est introuvable. Le cours de cette page a chuté et le marché n’en veut plus.</p>
 
-<?php 
-require_once('footer.php'); 
-?>
+            <div class="error-meta">
+                <span class="meta-chip">Route : /404</span>
+                <span class="meta-chip">Status : Page non cotée</span>
+                <span class="meta-chip">Session : <?= htmlspecialchars((string) ($_SESSION['user_id'] ?? 'invité'), ENT_QUOTES, 'UTF-8') ?></span>
+            </div>
+
+            <div class="error-actions">
+                <a href="/index.php" class="button-return">Retour à la base</a>
+            </div>
+        </article>
+    </section>
+
+<?php require_once __DIR__ . '/footer.php'; ?>