<!DOCTYPE html>
{% load i18n static %}
<html>
  <head>
    <meta charset="UTF-8"><!-- ☭ -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/themes/auquotidien/favicon.png" />
    <title>Compte Citoyen {% block title %}{% endblock %}</title>
    <link rel="shortcut icon" href="{% static "favicon.ico" %}" />
    {% block extra_top_head %}
    {% endblock %}
    <link rel="stylesheet" type="text/css" href="{{site_base}}{% static "style.css" %}" >
    {% block extra_css %}
    {% endblock %}
    {% block extra_scripts %}
    {% endblock %}
    {% if css_variant %}
    <link rel="stylesheet" type="text/css" href="{{site_base}}{% static "" %}custom-{{css_variant}}/style.css" >
    {% endif %}
  </head>
  <body {% block bodyargs %}{% endblock %}>

   <div id="page">
    <div id="header">
     <div id="top">
       <h1 id="logo"><a href="/">{{ site_title }}</a></h1>
        <div id="toplinks">
          {% block user-info %}
          {% if user.is_authenticated %}
          <span class="logged-in">
            <span class="connected-user">{{user.first_name}} {{user.last_name}}</span>
            <a class="logout" href="{% url 'auth_logout' %}">D&eacute;connexion</a>
          </span>
          {% endif %}
          {% endblock %}
      </div>
     </div>

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

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

<div id="nav">
{% block menu %}
  <ul>
    <li class="link-accueil"><a href="{{combo_url}}">Accueil</a></li>
    <li class="link-demarches"><a href="{{wcs_url}}/login">Démarches</a></li>
    <li class="link-profil"><a href="{{authentic_url}}/accounts/">Profil</a></li>
    <li class="link-aide"><a href="{{help_url}}">Aide</a></li>
  </ul>
{% endblock %}
</div>

    <div id="main-content">

    <div id="content" class="large">
            {% block content %}
            {% endblock %}
    </div> <!-- #content -->

    <br class="clear"/>

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

    <div id="footer-wrapper">
    <div id="footer">
      {% block footer %}
      <p id="legal">Copyright © 2005-2015 Entr'ouvert</p>
      {% endblock %}
    </div>
    </div>
  </body>
</html>
