<?php
http_response_code(404);
$page_title = 'Page non trouvée';
?><!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>404 - Page non trouvée</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/custom.css">
    <style>
        body { background: #f8f9fa; }
        .error-container { max-width: 500px; margin: 80px auto; text-align: center; }
        .error-code { font-size: 6rem; color: #696cff; font-weight: bold; }
        .error-message { font-size: 1.5rem; color: #333; margin-bottom: 2rem; }
        .btn-home { margin-top: 2rem; }
    </style>
</head>
<body>
    <div class="error-container">
        <div class="error-code">404</div>
        <div class="error-message">Oups ! La page demandée est introuvable.</div>
        <a href="index.php" class="btn btn-primary btn-home">Retour à l'accueil</a>
    </div>
</body>
</html>
