<!DOCTYPE html>
{% load gadjo i18n static %}
<html>
  <head>
    <meta charset="UTF-8"><!-- 🔥 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-language" content="fr" />
    <title>Compte Citoyen :: Montpellier Méditerranée Métropole :: {% block title %}{% endblock %}</title>
    <link rel="shortcut icon" href="{{ site_base }}{% static "montpellier/favicon.png" %}" />
    {% if meta_robots %}
    <meta name="robots" content="{{ meta_robots }}" />
    {% elif environment_label %}
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, notranslate, noimageindex" />
    {% endif %}
    {% block extra_top_head %}
    {% endblock %}
    <link rel="stylesheet" type="text/css" href="{{site_base}}{% static 'montpellier/style.css' %}?{% start_timestamp %}">
    {% if theme_color %}
    <meta name="theme-color" content="{{theme_color}}">
    <meta name="msapplication-navbutton-color" content="{{theme_color}}">
    {% endif %}
    {% block extra_css %}
    {% endblock %}
    {% block extra_scripts %}
    {% endblock %}
    {{ PIWIK_JS|safe }}
  </head>
  <body {% block bodyargs %}class="{% block bodyclasses %}{% endblock %}" {% block bodyattrs %}{% endblock %}{% endblock %}>
   <div id="nav-skip">
    <div>
     <a href="#main-content">Aller au contenu</a>
     <a href="#nav">Aller au menu</a>
    </div>
   </div>

    <div id="page">
      <div id="header">
        <div id="top">
          <a href="{{ site_agglo_montpellier_url }}" accesskey="1">Montpellier Méditerranée Métropole</a>
          <div class="region-header">
          {% block top-links %}
          {% endblock %}
          </div>
        </div>
      </div> <!-- header -->
      <div id="main-content-wrapper">

        {% block messages %}
          {% if messages %}
            <div id="messages">
              <ul class="messages">
                  {% for message in messages %}
                  <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
                  {% endfor %}
              </ul>
            </div>
          {% endif %}
        {% endblock %}

        {% block nav %}{% endblock %}
        
        {% block content_header %}{% endblock %}
        <div id="main-content">
          <div id="content" class="gru-content">
            {% block content %}
            {% endblock %}
          </div> <!-- #content -->
        </div> <!-- #main-content -->
      </div> <!-- #main-content-wrapper -->
      <div id="footer">
        {% block footer %}
        {% endblock %}
      </div>
    </div>
   <a style="display: none" href="#" accesskey="t">Retour en haut de page</a>
    {% block js-endpage %}
    {% endblock %}
  </body>
</html>
