<footer class="fr-footer" role="contentinfo" id="footer" tabindex="-1">
  <div class="fr-container">
    <div class="fr-footer__body">
      <div class="fr-footer__brand fr-enlarge-link">
        <a
          href="<%= MCP_APP_URL %>"
          title="Retour à l'accueil MonComptePro"
          aria-label="Retour à l’accueil MonComptePro"
        >
          <span class="fr-logo">
            République<br />
            Française
          </span>
        </a>
      </div>
      <div class="fr-footer__content">
        <ul class="fr-footer__content-list">
          <li class="fr-footer__content-item">
            <a class="fr-footer__content-link" href="https://legifrance.gouv.fr"
              >legifrance.gouv.fr</a
            >
          </li>
          <li class="fr-footer__content-item">
            <a class="fr-footer__content-link" href="https://gouvernement.fr"
              >gouvernement.fr</a
            >
          </li>
          <li class="fr-footer__content-item">
            <a class="fr-footer__content-link" href="https://service-public.fr"
              >service-public.fr</a
            >
          </li>
          <li class="fr-footer__content-item">
            <a class="fr-footer__content-link" href="https://data.gouv.fr"
              >data.gouv.fr</a
            >
          </li>
        </ul>
      </div>
    </div>
    <div class="fr-footer__bottom">
      <ul class="fr-footer__bottom-list">
        <li class="fr-footer__bottom-item">
          <a class="fr-footer__bottom-link" href="<%= MCP_APP_URL %>/help"
            >Aide</a
          >
        </li>
        <li class="fr-footer__bottom-item">
          <a
            class="fr-footer__bottom-link"
            href="https://moncomptepro.beta.gouv.fr/"
            >À propos</a
          >
        </li>
        <li class="fr-footer__bottom-item">
          <a
            class="fr-footer__bottom-link"
            href="/moncomptepro-politique-de-confidentialite"
          >
            Politique de confidentialité
          </a>
        </li>
        <li class="fr-footer__bottom-item">
          <a
            class="fr-footer__bottom-link"
            href="/moncomptepro-conditions-generales-d-utilisation"
          >
            Conditions générales d’utilisation
          </a>
        </li>
        <li class="fr-footer__bottom-item">
          <a class="fr-footer__bottom-link" href="/moncomptepro-accessibilite">
            Accessibilité : non conforme
          </a>
        </li>
      </ul>
      <div class="fr-footer__bottom-copy">
        <p
          >Sauf mention contraire, tous les contenus de ce site sont sous
          <a
            href="https://github.com/etalab/licence-ouverte/blob/master/LO.md"
            target="_blank"
            rel="noopener noreferrer"
            >licence etalab-2.0</a
          >
        </p>
      </div>
    </div>
  </div>
</footer>
