diff -r 73f19fa4f997 -r 8f77cf71ab02 src/hdalab/templates/categories.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/hdalab/templates/categories.html	Tue Jun 17 10:25:33 2014 +0200
@@ -0,0 +1,62 @@
+{% extends "base.html" %}
+
+{% block title %}{{block.super}} > Recherche par arbre{% endblock %}
+
+{% block css_import %}
+{{block.super}}
+        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/ui-lightness/jquery-ui-1.8.16.custom.css" />
+        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/trees.css?refresh" />
+        <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}hdalab/css/cattree.css?refresh" />
+{% endblock %}
+
+{% block js_import %}
+{{block.super}}
+        <script src="{{STATIC_URL}}hdalab/lib/underscore-min.js"></script>
+        <script src="{{STATIC_URL}}hdalab/lib/mustache.js"></script>
+        <script src="{{STATIC_URL}}hdalab/lib/jquery-ui-1.8.16.custom.min.js"></script>
+        <script type="text/javascript">
+        endpoints = {
+            cat_search: "{% url cat_search %}",
+            cat_tree: "{% url cat_tree %}",
+            fill_tree: "{% url fill_tree %}",
+            datasheet: "{% url notice 'ID' %}"
+        };
+        </script>
+        <script src="{{STATIC_URL}}hdalab/js/trees.js?refresh"></script>
+        <script src="{{STATIC_URL}}hdalab/js/cattree.js?refresh"></script>
+{% endblock %}
+
+{% block categories_actif %}actif{% endblock %}
+
+{% block main_content %}
+    <div class="leftzone">
+        <h2>Explorer les domaines artistiques</h2>
+        <p>
+            Cette interface expérimentale présente les ressources d'<a href="http://histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a>,
+            ordonnées selon l'arborescence des <a href="http://fr.wikipedia.org/wiki/Sp%C3%A9cial:ArbreCat%C3%A9gorie/Espace_Cat%C3%A9gorie" target="_blank">catégories de Wikipédia</a>.
+            Seules les ressources les plus pertinentes sont affichées.
+        </p>
+        <ul class="disciplist">
+            <li><a href="#">Architecture</a></li>
+            <li><a href="#">Cinéma</a></li>
+            <li><a href="#">Littérature</a></li>
+            <li><a href="#">Musique</a></li>
+            <li><a href="#">Peinture</a></li>
+            <li><a href="#">Photographie</a></li>
+            <li><a href="#">Poésie</a></li>
+            <li><a href="#">Sculpture</a></li>
+            <li><a href="#">Théâtre</a></li>
+        </ul>
+        <h3>Recherche de catégories de Wikipédia&nbsp;: </h3>
+        <p>
+            <form id="catform"><input id="catsearch" /></form>
+        </p>
+        <div class="results hidden">
+            <h2>Résultats pour &laquo;&nbsp;<span class="label-name"></span>&nbsp;&raquo;&nbsp;:</h2>
+            <p class="category-results"><span class="category-count"></span> sous-catégorie(s)</p>
+            <p class="tag-results"><span class="tag-count"></span> tag(s)</p>
+            <p class="content-results"><span class="content-count"></span> contenu(s)</p>
+        </div>
+    </div>
+    <div id="tree" class="cattree"></div>
+{% endblock %}
\ No newline at end of file