<footer class="mt-auto bg-white border-t border-slate-200 pt-12 pb-8" role="contentinfo">
    <div class="container mx-auto px-8">
        <div class="flex flex-col lg:flex-row justify-between gap-10 mb-10 border-b border-slate-100 pb-10">
            <div class="flex items-center gap-6">
                <img src="img/ministere.png" alt="Logo du Ministère de la Santé et de la Prévention" class="w-24 h-auto">
            </div>
            <div class="flex flex-wrap gap-6 text-xs font-bold text-slate-600">
                <a href="#" class="hover:text-[--fr-blue] underline">legifrance.gouv.fr</a>
                <a href="#" class="hover:text-[--fr-blue] underline">service-public.fr</a>
                <a href="#" class="hover:text-[--fr-blue] underline">data.gouv.fr</a>
            </div>
        </div>
        <div class="flex flex-wrap gap-6 text-[11px] font-bold text-slate-500 uppercase tracking-wider">
            <a href="#" class="hover:underline">Mentions légales</a>
            <a href="#" class="hover:underline">Accessibilité : partiellement conforme</a>
            <a href="#" class="hover:underline">Données personnelles</a>
            <a href="#" class="hover:underline">Cookies</a>
            <span class="ml-auto text-slate-400 font-normal">&copy; {{ date('Y') }} Ministère de la Santé - CESIZen</span>
        </div>
    </div>
</footer>