
<!DOCTYPE html>
<html lang="fr" data-fr-scheme="system">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="{{ "dsfr/dsfr.min.css"|url }}">

    <meta name="theme-color" content="#000091"><!-- Défini la couleur de thème du navigateur (Safari/Android) -->
    <link rel="apple-touch-icon" href="{{ "favicon/apple-touch-icon.png"|url }}"><!-- 180×180 -->
    <link rel="icon" href="{{ "favicon/favicon.svg"|url }}" type="image/svg+xml">
    <link rel="shortcut icon" href="{{ "favicon/favicon.ico"|url }}"><!-- 32×32 -->
    <link rel="manifest" href="{{ "favicon/manifest.webmanifest"|url }}" crossorigin="use-credentials">
    <!-- Modifier les chemins relatifs des favicons en fonction de la structure du projet -->
    <!-- Dans le fichier manifest.webmanifest aussi, modifier les chemins vers les images -->
    {% for path in config.extra_css %}
    <link href="{{ path|url }}" rel="stylesheet">
    {% endfor %}

    <title>{% if page.title %}{{ page.title }} - {% endif %}{{ config.site_name }}</title>

    {% block extrahead %}
    {% endblock %}

  </head>
  <body>
    <header role="banner" class="fr-header">
      <div class="fr-header__body">
          <div class="fr-container">
              <div class="fr-header__body-row">
                  <div class="fr-header__brand fr-enlarge-link">
                      <div class="fr-header__brand-top">
                          <div class="fr-header__logo">
                              <p class="fr-logo">
                                  {{ config.theme.intitule }}
                              </p>
                          </div>
                          
                          <div class="fr-header__navbar">
                              {% if not config.theme.no_search %}
                              <button class="fr-btn--search fr-btn" data-fr-opened="false" aria-controls="modal-541" id="button-542" title="Rechercher">
                                  Rechercher
                              </button>
                              {% endif %}
                              <button class="fr-btn--menu fr-btn" data-fr-opened="false" aria-controls="modal-543" aria-haspopup="menu" id="button-544" title="Menu">
                                  Menu
                              </button>
                          </div>
                        </div>
                      <div class="fr-header__service">
                          <a href="/" title="{{ config.theme.titre }}">
                              <p class="fr-header__service-title">
                                {{ config.theme.titre }}
                              </p>
                          </a>
                          <p class="fr-header__service-tagline">{{ config.theme.soustitre }}</p>
                      </div>
                  </div>
                  <div class="fr-header__tools">
                      <div class="fr-header__search fr-modal" id="modal-541">
                          <div class="fr-container fr-container-lg--fluid">
                              <button class="fr-btn--close fr-btn" aria-controls="modal-541" title="Fermer">
                                  Fermer
                              </button>
                              {% if not config.theme.no_search %}
                              <div class="fr-search-bar" id="search-540" role="search">
                                  <label class="fr-label" for="search-540-input">
                                      Rechercher
                                  </label>
                                  <input class="fr-input" placeholder="Rechercher" type="search" id="search-540-input" name="search-540-input">
                                  <button class="fr-btn" title="Rechercher">
                                      Rechercher
                                  </button>
                              </div>
                              {% endif %}
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="fr-header__menu fr-modal" id="modal-543" aria-labelledby="button-544">
          <div class="fr-container">
              <button class="fr-btn--close fr-btn" aria-controls="modal-543" title="Fermer">
                  Fermer
              </button>
              <div class="fr-header__menu-links">
              </div>
              {% include "nav.html" %}
          </div>
      </div>
  </header>
  <main id="content" role="main">
    <div class="fr-container">
      <div class="fr-grid-row">
        {% if config.theme.menulateral %}
        <div class="fr-col-12 fr-col-md-3">
          {% include "lateral.html" %}
        </div>
        <div id="contenu" class="fr-col-12 fr-col-md-9 fr-py-12v">
        {% else %}
        <div id="contenu" class="fr-col-12 fr-col-md-12 fr-py-12v">
        {% endif %}
        <div class="fr-highlight">
        <p><strong>Date d'analyse (UTC) : {{ build_date_utc .strftime('%d/%m/%Y - %H:%M') }}</strong></p>
        </div>
        {% block content %}
          {{ page.content }}
        {% endblock %}
        </div>
          <hr/>
          <nav role="navigation" class="fr-pagination" aria-label="Pagination">
            <ul class="fr-pagination__list">
              <a class="fr-pagination__link fr-pagination__link--prev fr-pagination__link--lg-label" {% if page.previous_page %}href="{{ page.previous_page.url|url }}" title="{{ page.previous_page.title }}"{% else %}aria-disabled="true" role="link"{% endif %}>
                Page précédente
              </a>
              <a class="fr-pagination__link fr-pagination__link--next fr-pagination__link--lg-label" {% if page.next_page %}href="{{ page.next_page.url|url }}" title="{{ page.next_page.title }}"{% else %}aria-disabled="true" role="link"{% endif %}>
                Page suivante
              </a>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </main>

   
    <!--
    MkDocs version      : {{ mkdocs_version }}
    Docs Build Date UTC : {{ build_date_utc }}
    -->
  

    <!-- Script en version es6 module et nomodule pour les navigateurs le ne supportant pas -->
    <script type="module" src="{{ "dsfr/dsfr.module.min.js"|url }}"></script>
    <script type="text/javascript" nomodule src="{{ "dsfr/dsfr.nomodule.min.js"|url }}"></script>
    {% for path in config.extra_javascript %}
    <script src="{{ path|url }}"></script>
    {% endfor %}
  </body>
</html>
