<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{% block title %}Chronokiwi{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}style.css" />
    <script type="text/javascript" src="http://openlayers.org/api/2.8/OpenLayers.js"></script>
</head>

<body>
	<div id="header">
    	<ul id="nav-global">
    		<li id="site-name"><img src="{{ MEDIA_URL }}/chronokiwi_logo.png" alt="Chronokiwi"/></li>
			<li id="nav-homepage"><a href="{% url events.views.index %}">Accueil</a></li>
			<li id="nav-events"><a href="{% url events.views.event_list %}">Evènements</a></li>
			<li id="nav-chronologies"><a href="{% url events.views.chronology_list %}">Chronologies</a></li>
			<li id="nav-admin"><a href="{% url admin:index %}">Editer</a></li>
			<li id="nav-export"><a href="{% url events.views.export %}">Exporter</a></li>
			<li id="nav-flurss"><a href="{% url flurss url='latest' %}">flURSS</a></li>
			<li id="nav-about"><a href="{% url events.views.about %}">A propos</a></li>
			<li id="nav-search">
				<form action="{% url events.views.search %}" method="get">
					{% if searchForm %}
						{{ searchForm.as_p }}
					{% else %}
						<input id="q" type="text" name="q" maxlength="255" />
					{% endif %}
						<input type="submit" value="search" />
				</form>
			</li>
	</ul>
	
    </div>
    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>