{% load analytics %}
{% load i18n %}
{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{LANGUAGE_CODE}}" lang="{{LANGUAGE_CODE}}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
        <link rel="SHORTCUT ICON" href="{% static 'hdalab/img/favicon.ico' %}" />        
        <title>{% block title %}HdA Lab{% endblock %}</title>

{% block css_import %}
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/header.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/footer.css' %}" />
{% endblock %}

{% block js_import %}
        <script src="{% static 'hdalab/lib/jquery.min.js' %}"></script>
{% endblock %}
    </head>
    <body>
{% block header %}
		<header id="header">
			
			<div class="top">
				<div id="logo">
					<div class="row">
						<h1><a href="#"><img src="{% static 'hdalab/img/logo-hda.png' %}" alt="HdA Lab"></a></h1>
					</div>
				</div>
				<nav>
					<div class="row">
						<ul id="menu">
							<li class="{% block home_actif %}{% endblock %}"><a href="{% url 'home'  %}">Accueil</a></li>
							<li class="{% block facettes_actif %}{% endblock %}"><a href="{% url 'facettes' %}">Facettes</a></li>
							<li class="{% block categories_actif %}{% endblock %}"><a href="{% url 'categories' %}">Catégories de Wikipedia</a></li>
							<li class="{% block thesaurus_actif %}{% endblock %}"><a href="{% url 'thesaurus' %}">Thésaurus</a></li>
							<li class="{% block renkans_actif %}{% endblock %}"><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
							<li class="external"><a href="http://www.histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a></li>

						</ul>
						<ul id="menu" class="profile">
							{% if user.is_authenticated %}
	                			<li class="{% block profile_actif %}{% endblock %}"><a href="{% url 'profile_home' %}">{{ user.username }}</a></li>
	                			<li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
	              			{% else %}
	                			<li class="{% block login_actif %}{% endblock %}"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
	              			{% endif %}
						</ul>
					</div>
				</nav>
			</div>
			<div id="subhead">
				{% block subhead %}
				{% endblock %}
			</div>
		</header>
{% endblock %}

<main id="content" class="row">
	{% block main_content %}
	{% endblock %}
</main>

{% block footer %}
		<footer id="footer">
			<div class="nav">
				<div class="row">
					<ul>
						<li><a href="{% url 'a_propos'%}">A Propos</a></li>
						<li><a href="{% url 'credits'%}">Crédits</a></li>
						<li><a href="{% url 'mentions_legales'%}">Mentions légales</a></li>
						<li><a href="{% url 'contact'%}">Contact</a></li>
					</ul>
				</div>
			</div>
			<div id="innerfooter">
				<a class = "iri-url" href="http://www.iri.centrepompidou.fr/">
					<img src="{% static 'hdalab/img/logo_iri.png' %}" alt="">
				</a>
				<a class = "culture-url" href="http://www.culturecommunication.gouv.fr/">
					<img src="{% static 'hdalab/img/logo_mcc_blanc.png' %}" alt="">
				</a>
				<div class="row">
					<ul id="menu">
						<li><a href="{% url 'home'  %}">Accueil</a></li>
						<li><a href="{% url 'facettes' %}">Facettes</a></li>
						<li><a href="{% url 'categories' %}">Catégories de Wikipedia</a></li>
						<li><a href="{% url 'thesaurus' %}">Thésaurus</a></li>
						<li><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
						<li><a href="http://www.histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a></li>
					</ul>
				</div>
				<p id="copyright">© Ministère de la Culture et de la Communication</p>
			</div>
		</footer>
{% endblock %}
{% analytics %}
    </body>
</html>
