{% load i18n static %}<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html lang="fr" class="no-js ie ie6" dir="ltr"> <![endif]-->
<!--[if IE 7 ]>    <html lang="fr" class="no-js ie ie7" dir="ltr"> <![endif]-->
<!--[if IE 8 ]>    <html lang="fr" class="no-js ie ie8" dir="ltr"> <![endif]-->
<!--[if IE 9 ]>    <html lang="fr" class="no-js ie ie9" dir="ltr"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="fr" class="no-js" dir="ltr"> <!--<![endif]-->

<head>
  <meta charset="utf-8"><!-- ❤ -->
  <title>{% firstof global_title "Compte Citoyen" %} {% block title %}{% endblock %} - Saisine en ligne</title>

  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

    {% if meta_robots %}
    <meta name="robots" content="{{ meta_robots }}" />
    {% elif environment_label %}
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, notranslate, noimageindex" />
    {% endif %}
      
  <!--  métadonnées -->
	<meta name="description" content="" />
	<meta name="author" content="" />


  
  
	<!-- Fav and touch icons -->
  <!-- http://favicon.il.ly/ -->
  <!-- http://realfavicongenerator.net/ -->
  <!-- https://github.com/audreyr/favicon-cheat-sheet -->

  <link rel="icon" sizes="16x16 32x32 48x48 64x64" href="favicon.ico" />
  <!--[if IE]>
  <link rel="shortcut icon" href="favicon.ico" />
  <![endif]-->
  <!-- Optional: Android & iPhone-->
  <link rel="apple-touch-icon-precomposed" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-152.png" />
  <!-- Optional: IE10 Tile.-->
  <meta name="msapplication-TileColor" content="#b91d47" />
  <meta name="msapplication-TileImage" content="{{site_base}}{% static "" %}minint/img/favicon/favicon-144.png" />
  <!-- Optional: ipads, androids, iphones, ...-->
  <link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-152.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-144.png" />
  <link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-120.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-72.png" />
  <link rel="apple-touch-icon-precomposed" href="{{site_base}}{% static "" %}minint/img/favicon/favicon-57.png" />

  <!-- test svg, js, font-face disponibility -->
  <script src="{{site_base}}{% static "" %}minint/js/top/modernizr.js"></script>

  {% block extra_top_head %}
  {% endblock %}
  {{ media }}
  {% if css_variant %}
    <link rel="stylesheet" type="text/css" href="{{site_base}}{% static "" %}{{css_variant}}/initial.css">
  {% endif %}
  {% block extra_css %}
  {% endblock %}
  {% block extra_scripts %}
  {% endblock %}

  <link href="{{site_base}}{% static "" %}minint/style.css" rel="stylesheet">

    <!-- respond.js enable media query support -->
  <!--[if lt IE 9]>
      <script src="static/minint/js/lib/ie/respond.min.js"></script>
  <![endif]-->
  
      <!--  JavaScript / handle with care -->

<script src="{{site_base}}{% static "" %}minint/js/base/anchor_focus.js"></script>
<script src="{{site_base}}{% static "" %}minint/js/base/nav-skip.js"></script>

  

  
</head>

<body {% block bodyargs %}class="{% block bodyclasses %}{% endblock %}" {% block bodyattrs %}{% endblock %}{% endblock %}>

<noscript>
  <p class="text-center text-danger">Javascript est désactivé dans votre navigateur.</p>
</noscript>
<!--[if lt IE 8]>
  <div class="browsehappy">
    <div class="container">
      <p>Savez-vous que votre navigateur est obsolète ?<p>
      <p> Pour naviguer de la manière la plus satisfaisante sur le Web, nous vous recommandons de procéder à une <a href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie">mise à jour de votre navigateur</a>.<br>Vous pouvez aussi <a href="http://browsehappy.com/">essayer d’autres navigateurs web populaires</a>.</p>
    </div>
  </div>
<![endif]-->


  
<!--  liens dévitement -->
<div class="nav-skip">
  <div class="container">
    <ul id="top">
      <li><a href="#content">Aller au contenu</a></li>
      <li><a href="#nav">Aller au menu</a></li>
    </ul>
  </div>
</div><!-- .nav-skip -->



  <div id="page">

    <div id="header" role="banner">

      <div id="top">
        <img class="logo-rf" src="{{site_base}}{% static "" %}minint/img/logo-republique.png" alt="">
        <h1 id="logo">
          <a href="/">
            <span class="tt1">Saisine des services de l’État</span>
            <span class="tt2">par voie électronique</span>
          </a>
        </h1>



     </div>

    </div> <!-- header -->

    <div id="main-content-wrapper">

      <div id="nav" class="gru-nav togglable" role="navigation">
{% block menu %}
  {% show_menu depth=2 ignore_visibility=True %}
  {% placeholder "menu_right" %}
{% endblock %}
            </div>

      <div id="main-content" role="main">

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

            {% block content %}
            {% endblock %}

        <p class="nav-up">
          <a href="#top"><span>Retour en haut de page</span></a>
        </p>

        <br class="clear"/>

      </div> <!-- #main-content -->
    </div> <!-- #main-content-wrapper -->

  </div> <!-- #page -->


  <div id="footer-wrapper" role="contentinfo">
    <div id="footer">
      {% block footer %}
          <p><a href="">Mentions légales</a> - @2015</p>
      {% endblock %}
      </div>
  </div><!-- #footer-wrapper -->







</body>
</html>
