--- /dev/null
+{% extends "base.html" %}
+
+{% block content %}
+
+<p><a href="{% url 'home' %}">Home</a> - Les émissions - {{ emission.title }}</p>
+
+<h2>{{ emission.title }}</h2>
+
+<div id="tabs">
+ <ul>
+ <li><a href="#tabs-emission">L'émission</a></li>
+ <li><a href="#tabs-archives">Archives</a></li>
+ </ul>
+
+<div id="tabs-emission">
+
+ <div class="sidebar">
+ <ul class="horaires">
+ {% for schedule in schedules %}
+ <li>{{ schedule.datetime|date:"l G:i" }}
+ {% if schedule.rerun %} (rediff) {% endif %}
+ </li>
+ {% endfor %}
+ </ul>
+
+ <p><a href="#">Écouter la dernière</a></p>
+
+ {% if emission.description %}
+ <div class="description">
+ {{ emission.description|safe }}
+ </div>
+ {% endif %}
+
+ </div>
+
+
+ {% if emission.text %}
+ {{ emission.text|safe }}
+ {% endif %}
+</div>
+
+<div id="tabs-archives">
+
+<ul class="episode-list">
+{% for episode in episodes %}
+<li>{{ episode.first_diffusion|date:"d E o H:i"|lower }}
+<br/> <a href="{{ episode.slug }}/">{{ episode.title }}</a>
+{% if episode.has_sound %}<span class="icon-music"/>{%endif%}
+</li>
+{% endfor %}
+</ul>
+</div>
+
+</div> <!-- #tabs -->
+
+{% endblock %}
+
+{% block pageend %}
+<script>
+$(function() {
+ $("#tabs").tabs();
+});
+</script>
+{% endblock %}