diff -r 20107345d73b -r d5b166da842d src/hdalab/templates/categories.html
--- a/src/hdalab/templates/categories.html	Sat Feb 28 07:31:59 2015 +0100
+++ b/src/hdalab/templates/categories.html	Mon Mar 02 18:10:47 2015 +0100
@@ -41,16 +41,27 @@
             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>
+            <li><a class="cinema" href="#"><span>Cinéma</span></a></li>
+            <li><a class="architecture" href="#"><span>Architecture</span></a></li>
+            <li><a class="peinture" href="#"><span>Peinture</span></a></li>
+            <li><a class="litterature" href="#"><span>Littérature</span></a></li>
+            <li><a class="musique" href="#"><span>Musique</span></a></li>
+            <li><a class="theatre" href="#"><span>Théâtre</span></a></li>
+            <li><a class="photographie" href="#"><span>Photographie</span></a></li>
+            <li><a class="poesie" href="#"><span>Poésie</span></a></li>
+            <li><a class="sculpture" href="#"><span>Sculpture</span></a></li>
+            <li><a class="arts-jardins" href="#"><span>Arts de Jardins</span></a></li>
+            <li><a class="arts-cirque" href="#"><span>Arts du Cirque</span></a></li>
+            <li><a class="arts-numeriques" href="#"><span>Arts Numériques</span></a></li>
+            <li><a class="bd" href="#"><span>Bande Dessinée</span></a></li>
+            <li><a class="chanson" href="#"><span>Chanson</span></a></li>
+            <li><a class="danse" href="#"><span>Danse</span></a></li>
+            <li><a class="design" href="#"><span>Design</span></a></li>
+            <li><a class="dessin" href="#"><span>Dessin</span></a></li>
+            <li><a class="mode" href="#"><span>Mode</span></a></li>
         </ul>
+        <div id="morecategories">{% trans 'Voir plus ou moins de categories' %}</div>
+        
         <h3>Recherche de catégories de Wikipédia&nbsp;: </h3>
         <p>
             <form id="catform"><input id="catsearch" placeholder="{% trans 'Entrez une catégorie'%}"/></form>