{# templates/bundles/TwigBundle/Exception/error404.html.twig #}
{% extends 'base.html.twig' %}

{% block title %} {{ '404.title'|trans }} {% endblock %}

{% block description %} {% endblock %}

{% block body %}

    <section class="breadcrumb">
        <div class="image_breadcrumb">
            <img src="{{ asset('front/images/breadcrumbimg.jpg') }}" width="1979" height="561" alt="404"/>
        </div>
        <div class="text_breadcrumb">
            <div class="title_breadcrumb">
                <p>{{ '404.title'|trans }}</p>
            </div>
            <div class="phat_breadcrumb">
                <ul>
                    <li>
                        <a href="{{ path('accueil' , {_locale : app.request.locale}) }}" title="{{ 'breadcrumb.return'|trans }}">{{ 'breadcrumb.accueil'|trans }}</a>
                    </li>
                    <span>/</span>
                    <li>
                        <a>{{ '404.title'|trans }}</a>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <div class="page-404">
        <div class="svg">
            <svg xmlns="http://www.w3.org/2000/svg" width="432" height="213" fill="none" viewbox="0 0 432 213">
                <path fill="#7E2110" d="m138.72 88.36.64 4.16L94.4 156.2l-.16-2.56h48.96c4.373 0 7.147-.587 8.32-1.76 1.173-1.28 1.973-3.413 2.4-6.4h2.72c0 5.227.053 9.227.16 12 .107 2.773.267 5.333.48 7.68-.747-.213-1.973-.32-3.68-.32-1.6-.107-3.52-.213-5.76-.32-2.24-.107-4.587-.16-7.04-.16H86.72V161l52-72.64Zm2.56 0v107.2h-12.8v-90.24l10.24-16.96h2.56Zm70.583 0c7.573 0 14.24 1.76 20 5.28 5.866 3.413 10.453 8.267 13.76 14.56 3.306 6.293 4.96 13.707 4.96 22.24 0 8.533-1.707 16.213-5.12 23.04-3.414 6.72-8.16 12.053-14.24 16-5.974 3.84-13.014 5.76-21.121 5.76-7.359 0-13.973-1.707-19.839-5.12-5.867-3.52-10.507-8.427-13.92-14.72-3.307-6.4-4.96-13.867-4.96-22.4 0-8.427 1.653-16 4.96-22.72 3.413-6.72 8.16-12.053 14.24-16 6.08-3.947 13.173-5.92 21.28-5.92Zm-1.44 2.88c-6.827 0-12.48 3.627-16.96 10.88-4.374 7.253-6.56 17.387-6.56 30.4 0 9.6 1.12 17.333 3.36 23.2 2.24 5.76 5.226 9.973 8.96 12.64 3.84 2.667 7.946 4 12.32 4 6.933 0 12.586-3.627 16.96-10.88 4.373-7.36 6.56-17.547 6.56-30.56 0-9.6-1.12-17.28-3.36-23.04-2.24-5.867-5.227-10.08-8.96-12.64-3.734-2.667-7.84-4-12.32-4Zm103.297-2.88.64 4.16-44.96 63.68-.16-2.56h48.96c4.373 0 7.147-.587 8.32-1.76 1.173-1.28 1.973-3.413 2.4-6.4h2.72c0 5.227.053 9.227.16 12 .107 2.773.267 5.333.48 7.68-.747-.213-1.973-.32-3.68-.32-1.6-.107-3.52-.213-5.76-.32-2.24-.107-4.587-.16-7.04-.16h-54.08V161l52-72.64Zm2.56 0v107.2h-12.8v-90.24l10.24-16.96h2.56Z"/>
                <path fill="#F7EFE8" d="m392.863 76.238.391-.67.13-.224 1.034-2.54c-.344.847-.512 1.647-1.034 2.54l-.13.224c-.177.047-.261.447-.391.67-11.802 25.603-51.555 45.726-51.555 45.726s66.633-15.118 76.782-73.547c-63.56-1.946-75.789 42.858-76.634 67.649 23.971-14.638 44.644-26.705 51.407-39.828Zm-7.269 68.631c.047.177.27.307.27.307s-.046-.177-.27-.307c-13.054-14.322-43.307-19.194-43.307-19.194s46.836-4.038 65.669 32.195c-41.421 14.516-58.717-12.295-64.29-28.401 18.793 4.493 34.735 8.226 41.928 15.4Z"/>
                <path fill="#F7EFE8" d="M396.146 108.068c.177-.047.177-.047.4.083l.177-.047-.177.047c-.223-.13-.4-.083-.4-.083-11.693-1.263-27.643 8.613-27.643 8.613s19.769-20.522 43.146-11.568c-13.162 23.315-31.834 17.845-40.909 12.868 10.276-5.545 19.229-10.363 25.406-9.913Z"/>
                <g clip-path="">
                    <path fill="#F7EFE7" d="M79 144S61.29 83.546 0 88.648C4.004 122.045 43.119 98.698 79 144Z"/>
                    <path fill="#F7EFE7" d="M70.223 115.551S56.979 98.234 70.993 82c8.47 7.885-2.772 16.853-.77 33.551Zm-19.866 13.451s-23.561-18.708-46.044.464c10.78 11.906 23.253-3.401 46.044-.464Z"/>
                </g>
                <defs>
                    <clipPath id="a">
                        <path fill="#fff" d="M0 0h79v62H0z" transform="translate(0 82)"/>
                    </clipPath>
                </defs>
            </svg>
        </div>
        <div class="text-404">
            <p class="title">{{ '404.info.title'|trans }}</p>
            <p class="info">
                {{ '404.info.description'|trans }}
            </p>
        </div>
        <div class="btn-404">
            <a href="{{ path('accueil' , {_locale : app.request.locale}) }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" fill="none" viewbox="0 0 22 20">
                    <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m1 6 9.732-4.866a.6.6 0 0 1 .536 0L21 6m-2 3v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9"/>
                </svg>
                {{ '404.info.lien'|trans }}
            </a>
        </div>
    </div>

{% endblock %}