2017-09-22 16:02:03 +02:00
<!DOCTYPE html>
{% load i18n static %}
< html { % if LANGUAGE_CODE % } lang = "{{ LANGUAGE_CODE }}" { % endif % } { % if LANGUAGE_BIDI % } dir = "rtl" { % endif % } >
< head >
2018-11-16 17:29:22 +01:00
< meta charset = "UTF-8" > <!-- 🔥 -->
2017-09-22 16:02:03 +02:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > {% firstof global_title "Compte Citoyen" %} {% block title %}{% endblock %}< / title >
{% if favicon %}
< link rel = "shortcut icon" href = "{{site_base}}{% static " " % } { { favicon } } " / >
{% endif %}
{% if theme_color %}
< meta name = "theme-color" content = "{{theme_color}}" >
< meta name = "msapplication-navbutton-color" content = "{{theme_color}}" >
{% endif %}
{% block extra_top_head %}
{% endblock %}
{{ media }}
{% if css_variant %}
< link rel = "stylesheet" type = "text/css" href = "{{site_base}}{% static " " % } { { css_variant } } / style . css ? { { statics_hash } } " >
{% else %}
< link rel = "stylesheet" type = "text/css" href = "{{site_base}}{% static " style . css " % } ? { { statics_hash } } " >
{% endif %}
{% block extra_css %}
{% endblock %}
{% block extra_scripts %}
{% endblock %}
< / 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 >
2017-07-17 17:44:20 +02:00
2017-09-22 16:02:03 +02:00
< div id = "page" { % block page-args % } { % endblock % } >
< header >
< div id = "header-wrapper" >
< div id = "header" >
{% block header-top %}
2018-03-13 14:36:14 +01:00
{% if request.partner or a2_return_url %}
2017-09-22 16:02:03 +02:00
< div id = "return" >
2018-03-13 14:36:14 +01:00
{% if request.partner %}
2017-09-22 16:02:03 +02:00
< a href = "{{ request.partner.url }}" class = "highlight" style = "color: {{ request.partner.color }}" > {{ request.partner.name }}< / a >
2018-03-13 14:36:14 +01:00
{% else %}
< a href = "{{ a2_return_url }}" class = "highlight" > Mon compte< / a >
{% endif %}
2017-09-22 16:02:03 +02:00
< / div >
{% endif %}
{% if help_url %}
< div id = "help" class = "desktop-only" >
2019-06-17 09:01:49 +02:00
< a href = "{{ help_url }}" target = "_blank" rel = "noopener" > Besoin d'aide< / a >
2017-09-22 16:02:03 +02:00
< / div >
{% endif %}
{% endblock %}
< div id = "top" >
{% block header-title %}
2017-10-24 16:59:24 +02:00
< h1 id = "logo" { % if not request . partner % } style = "background-position: 50% center;" { % endif % } >
2017-10-11 21:57:05 +02:00
< a accesskey = "1" href = "{% if request.partner %}{{ request.partner.url }}{% else %}{{ logo_link_url|default:'/' }}{% endif %}" style = "background-image: {% if request.partner %}url({{ request.partner.logo_url }}){% endif %}" > {{ global_title }}< / a >
2017-09-22 16:02:03 +02:00
< / h1 >
{% endblock %}
< 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é connexion< / a >
< / span >
{% endif %}
{% endblock %}
< / div > <!-- toplinks -->
< / div >
{% block header-bottom %}{% endblock %}
< / div > <!-- header -->
< / div > <!-- header - wrapper -->
< / header >
{% block nav %}
< nav >
< div id = "nav-wrapper" >
< div id = "nav" class = "togglable" >
< button id = "nav-button" class = "togglable" aria-label = "Menu" >
< span class = "sr-only" > Ouvrir le menu< / span >
< span class = "icon-bar icon-bar-1" > < / span >
< span class = "icon-bar icon-bar-2" > < / span >
< span class = "icon-bar icon-bar-3" > < / span >
< / button >
{% 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 >
2019-06-17 09:01:49 +02:00
< li class = "link-aide" > < a href = "{{help_url}}" target = "_blank" rel = "noopener" > Aide< / a > < / li >
2017-09-22 16:02:03 +02:00
< / ul >
{% endblock %}
< / div > <!-- nav -->
< / div > <!-- nav - wrapper -->
< / nav >
2017-07-17 17:44:20 +02:00
{% endblock %}
2017-09-22 16:02:03 +02:00
{% block before-main-content %}
{% endblock %}
2017-07-17 17:44:20 +02:00
2017-09-22 16:02:03 +02:00
< div id = "main-content-wrapper" >
< div id = "main-content" >
2017-07-17 17:44:20 +02:00
2017-09-22 16:02:03 +02:00
{% 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 >
2017-07-17 17:44:20 +02:00
{% endif %}
{% endblock %}
2020-08-31 11:03:08 +02:00
< div id = "content" class = "gru-content large" >
2017-09-22 16:02:03 +02:00
{% block content %}
{% endblock %}
< / div > <!-- #content -->
< / div > <!-- #main - content -->
< / div > <!-- #main - content - wrapper -->
2017-07-17 17:44:20 +02:00
2018-09-28 15:05:01 +02:00
< footer >
{% block footer-top %}{% endblock %}
2017-09-22 16:02:03 +02:00
< div id = "footer-wrapper" >
< div id = "footer" >
{% block footer %}
2018-09-28 15:05:01 +02:00
< div class = "textcell grid-1-3 securise desktop-only" >
< div >
< h3 > Sécurisé< / h3 >
< p > Effectuez vos démarches en toute < strong > sécurité< / strong > < / p >
< / div >
< / div >
< div class = "textcell grid-1-3 unique desktop-only" >
< div > < h3 > Unique< / h3 >
< p > Accédez à vos services en ligne avec < strong > un seul compte< / strong > < / p >
< / div >
< / div >
< div class = "textcell grid-1-3 simple desktop-only" >
< div >
< h3 > Simple< / h3 >
< p > < strong > Facilitez< / strong > vos démarches< br / > en ligne< / p >
< / div >
< / div >
< div class = "cell textcell clear desktop-only" > < div > < p > < / p > < p > < / p > < / div > < / div >
< div class = "cell textcell desktop-only " >
< div > < p > < strong > Un seul compte pour accéder à vos services numériques< br >
situés sur le territoire de la Métropole de Lyon< / strong >
< / p >
< / div >
< / div >
2017-09-22 16:02:03 +02:00
{% endblock %}
< / div >
< / div >
2018-09-28 15:05:01 +02:00
{% block footer-bottom %}
< div id = "footnote" >
< div class = "footnote-top desktop-only" >
< div >
< div class = "cell textcell grid-1-2" >
< div >
< p >
{{ global_title }} est un service de la Métropole de Lyon et ses partenaires pour simplifier l’
< / p >
< / div >
< / div >
< div class = "cell textcell" >
< div >
2019-05-21 14:15:11 +02:00
< img src = "{{site_base}}{% static " grandlyon-cut / images / logo-ecocite . png " % } " title = "Ecocité - engagée pour les terrotoires et la ville de demain" alt = "Ecocité - engagée pour les terrotoires et la ville de demain" / >
2018-09-28 15:05:01 +02:00
< img src = "{{site_base}}{% static " grandlyon-cut / images / logo-europe-engage . png " % } " title = "L'Europe s'engage en région Auvergne-Rhône-Alpes avec le FEDER" alt = "L'Europe s'engage en région Auvergne-Rhône-Alpes avec le FEDER" / >
< img src = "{{site_base}}{% static " grandlyon-cut / images / eu-logo . png " % } " title = "Union Européenne" alt = "Union Européenne" / >
< img src = "{{site_base}}{% static " grandlyon-cut / images / logo-gl . png " % } " title = "Grand Lyon" alt = "Grand Lyon" / >
< / div >
< div class = "feder" > Cette action est cofinancée par l'Union européenne dans le cadre du Fonds Européen de Développement Régional (FEDER).< / div >
< / div >
< / div >
< / div >
< div class = "footnote-bottom" >
< div >
< div class = "cell textcell" > < div >
< p > < a href = "/cgu/" > MENTIONS LEGALES< / a > | < a href = "{{ help_url }}" > EN SAVOIR +< / a > < / p >
< / div > < / div >
< div class = "cell textcell" > < div >
2019-06-17 09:01:49 +02:00
< p > < a class = "metro" href = "http://www.grandlyon.com/" target = "_blank" rel = "noopener" title = "Accéder au site de la Métropole de Lyon (nouvelle fenêtre)" > un site de la Métropole de Lyon< / a > < / p >
2018-09-28 15:05:01 +02:00
< / div > < / div >
< / div >
< / div >
< / div >
{% endblock %}
2017-09-22 16:02:03 +02:00
< / footer >
< / div > <!-- #page -->
{% if environment_label %}< span id = "environment-label" > {{ environment_label }}< / span > {% endif %}
< a style = "display: none" href = "#" accesskey = "t" > Retour en haut de page< / a >
2017-09-22 16:02:31 +02:00
{% if smarttag_js %}
< script type = "text/javascript" src = "{{ smarttag_js }}" > < / script >
2017-09-22 16:02:03 +02:00
< script type = "text/javascript" src = "{{ site_base }}{% static 'js/cookie_usage_consent.js' %}?{{statics_hash}}" > < / script >
< script type = "text/javascript" >
if (has_consent()) {
2017-09-22 16:02:31 +02:00
var tag = new ATInternet.Tracker.Tag();
tag.page.set({name: '{{ request.path }}'});
tag.dispatch();
2017-09-22 16:02:03 +02:00
}
< / script >
{% endif %}
< / body >
< / html >
