Retour

Pied de page (footer)

Le pied de page propose des éléments d’information sur le site et une navigation secondaire pour l’utilisateur afin qu’il poursuive son parcours. Il est modulable selon les besoins et les exigences du site.

Documentation

Pied de page minimal

<footer class="village-footer" role="contentinfo" id="footer-7127">
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <a id="footer-operator" href="/" title="Retour à l’accueil du site - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)">
                    <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7128" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7129" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7130" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7131" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7132" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7133" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7134" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7135" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7136" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Pied de page avec navigation

<footer class="village-footer" role="contentinfo" id="footer-7184">
    <div class="village-footer__top">
        <div class="village-container">
            <div class="village-grid-row village-grid-row--start village-grid-row--gutters">
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7185" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7186" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7187" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7188" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7189" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7190" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7191" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7192" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7193" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7194" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7195" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7196" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7197" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7198" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7199" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7200" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7201" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7202" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7203" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7204" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7205" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7206" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7207" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7208" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7209" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7210" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7211" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7212" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7213" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7214" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7215" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7216" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7217" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7218" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7219" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7220" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <a id="footer-operator" href="/" title="Retour à l’accueil du site - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)">
                    <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7221" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7222" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7223" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7224" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7225" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7226" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7227" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7228" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7229" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Pied de page avec logo opérateur

<footer class="village-footer" role="contentinfo" id="footer-7241">
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                <a id="footer-brand" class="village-footer__brand-link" href="/" title="Retour à l’accueil du site - [À MODIFIER - texte alternatif de l’image : nom de l&#39;opérateur ou du site serviciel] - République Française">
                    <img class="village-footer__logo" style="max-width:10rem;" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                    <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7242" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7243" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7244" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7245" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7246" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7247" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7248" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7249" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7250" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Pied de page avec logos partenaires

<footer class="village-footer" role="contentinfo" id="footer-7266">
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <a id="footer-operator" href="/" title="Retour à l’accueil du site - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)">
                    <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7267" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7268" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7269" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7270" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__partners">
            <h2 class="village-footer__partners-title">Nos partenaires</h2>
            <div class="village-footer__partners-logos">
                <div class="village-footer__partners-main">
                    <a id="footer__partners-link-7271" class="village-footer__partners-link" href="">
                        <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                        <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                    </a>
                </div>
                <div class="village-footer__partners-sub">
                    <ul>
                        <li>
                            <a id="footer__subpartners-link-7272" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                        <li>
                            <a id="footer__subpartners-link-7273" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.1x1.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                        <li>
                            <a id="footer__subpartners-link-7274" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.9x16.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7275" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7276" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7277" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7278" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7279" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Pied de page avec logo partenaire primaire uniquement

<footer class="village-footer" role="contentinfo" id="footer-7292">
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <a id="footer-operator" href="/" title="Retour à l’accueil du site - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)">
                    <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7293" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7294" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7295" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7296" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__partners">
            <h2 class="village-footer__partners-title">Notre partenaire</h2>
            <div class="village-footer__partners-logos">
                <div class="village-footer__partners-main">
                    <a id="footer__partners-link-7297" class="village-footer__partners-link" href="">
                        <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                        <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                    </a>
                </div>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7298" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7299" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7300" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7301" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7302" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Pied de page avec logos partenaires secondaires uniquement

<footer class="village-footer" role="contentinfo" id="footer-7318">
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <a id="footer-operator" href="/" title="Retour à l’accueil du site - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)">
                    <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7319" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7320" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7321" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7322" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__partners">
            <h2 class="village-footer__partners-title">Nos partenaires</h2>
            <div class="village-footer__partners-logos">
                <div class="village-footer__partners-sub">
                    <ul>
                        <li>
                            <a id="footer__subpartners-link-7324" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                        <li>
                            <a id="footer__subpartners-link-7325" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.1x1.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                        <li>
                            <a id="footer__subpartners-link-7326" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.9x16.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7327" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7328" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7329" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7330" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7331" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Pied de page complet

<footer class="village-footer" role="contentinfo" id="footer-7383">
    <div class="village-footer__top">
        <div class="village-container">
            <div class="village-grid-row village-grid-row--start village-grid-row--gutters">
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7384" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7385" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7386" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7387" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7388" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7389" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7390" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7391" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7392" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7393" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7394" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7395" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7396" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7397" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7398" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7399" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7400" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7401" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7402" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7403" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7404" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7405" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7406" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7407" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7408" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7409" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7410" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7411" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7412" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7413" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
                <div class="village-col-12 village-col-sm-3 village-col-md-2">
                    <h3 class="village-footer__top-cat">Nom de la catégorie</h3>
                    <ul class="village-footer__top-list">
                        <li>
                            <a id="footer__top-link-7414" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7415" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7416" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7417" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7418" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                        <li>
                            <a id="footer__top-link-7419" class="village-footer__top-link" href="../">Lien de navigation</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="village-container">
        <div class="village-footer__body">
            <div class="village-footer__brand village-enlarge-link">
                <img src="../../../dist/artwork/logo/logo.svg" class="village-logo" alt="logo" />
                <a id="footer-brand" class="village-footer__brand-link" href="/" title="Retour à l’accueil du site - [À MODIFIER - texte alternatif de l’image : nom de l&#39;opérateur ou du site serviciel] - République Française">
                    <img class="village-footer__logo" style="max-width:10rem;" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                    <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                </a>
            </div>
            <div class="village-footer__content">
                <p class="village-footer__content-desc">Lorem [...] elit ut.</p>
                <ul class="village-footer__content-list">
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7420" class="village-footer__content-link" href="https://legifrance.gouv.fr">legifrance.gouv.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7421" class="village-footer__content-link" href="https://gouvernement.fr">gouvernement.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7422" class="village-footer__content-link" href="https://service-public.fr">service-public.fr</a>
                    </li>
                    <li class="village-footer__content-item">
                        <a target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre" id="footer__content-link-7423" class="village-footer__content-link" href="https://data.gouv.fr">data.gouv.fr</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="village-footer__partners">
            <h2 class="village-footer__partners-title">Nos partenaires</h2>
            <div class="village-footer__partners-logos">
                <div class="village-footer__partners-main">
                    <a id="footer__partners-link-7424" class="village-footer__partners-link" href="">
                        <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                        <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                    </a>
                </div>
                <div class="village-footer__partners-sub">
                    <ul>
                        <li>
                            <a id="footer__subpartners-link-7425" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                        <li>
                            <a id="footer__subpartners-link-7426" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.1x1.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                        <li>
                            <a id="footer__subpartners-link-7427" class="village-footer__partners-link" href="">
                                <img class="village-footer__logo" style="height: 5.625rem" src="../../../example/img/placeholder.9x16.png" alt="[À MODIFIER - texte alternatif de l’image]" />
                                <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="village-footer__bottom">
            <ul class="village-footer__bottom-list">
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7428" href="#">Plan du site</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7429" href="#">Accessibilité : non/partiellement/totalement conforme</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7430" href="#">Mentions légales</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7431" href="#">Données personnelles</a>
                </li>
                <li class="village-footer__bottom-item">
                    <a class="village-footer__bottom-link" id="footer__bottom-link-7432" href="#">Gestion des cookies</a>
                </li>
            </ul>
            <div class="village-footer__bottom-copy">
                <p>Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank" rel="noopener external" title="[À MODIFIER - Intitulé] - nouvelle fenêtre">licence etalab-2.0</a>
                </p>
            </div>
        </div>
    </div>
</footer>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.