{% extends 'sites/template-default/base.html.twig' %}

{% block title %}{{ site.name }} - Page non trouvée{% endblock %}
{% block description %}La page demandée n'existe pas.{% endblock %}

{% block body %}
    <div class="container-boxed">
        <div class="container-inner" style="padding: 80px 20px; text-align: center;">
            <h1 style="font-size: 72px; font-weight: bold; color: #ccc; margin-bottom: 20px;">404</h1>
            <h2 style="font-size: 28px; margin-bottom: 20px;">Page non trouvée</h2>
            <p style="font-size: 16px; color: #666; margin-bottom: 30px;">
                Désolé, la page que vous recherchez n'existe pas ou n'est plus disponible.
            </p>
            <a href="/" class="btn btn-primary" style="display: inline-block; padding: 12px 30px; background-color: #007bff; color: white; text-decoration: none; border-radius: 4px;">
                Retour à l'accueil
            </a>
        </div>
    </div>
{% endblock %}