--- a/web/hdalab/templates/index.html	Wed Jul 04 10:31:59 2012 +0200
+++ b/web/hdalab/templates/index.html	Wed Jul 04 11:44:29 2012 +0200
@@ -11,10 +11,10 @@
 {{block.super}}
         <script type="text/javascript">
             $(function() {
-                $(".entree-bloc").mouseover(function() {
-                    var _id = this.id;
+                $(".fond-bloc").mouseover(function() {
+                    var _this = this;
                     $(".overlay-bloc").each(function() {
-                        if ($(this).parent().attr("id") == _id) {
+                        if (this.parentNode == _this) {
                             $(this).slideDown();
                         } else {
                             $(this).slideUp();
@@ -32,12 +32,27 @@
 
 {% block main_content %}
     <h2>Explorez autrement le portail Histoire des Arts</h2>
-    <h3>Recherche par facettes</h3>
-    <div class="entree-bloc" id="bloc-facettes">
-        <div class="overlay-bloc">
-            <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée&nbsp;: pays, périodes historiques, disciplines artistiques et mots-clés liés aux &oelig;vres.</p>
-            <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats&nbsp;: Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>
-            <p class="goto"><a href="{% url facettes %}">&raquo;</a></p>
+    <div class="liste-applis">
+        <div class="bloc-appli">
+            <h3>Recherche par facettes</h3>
+            <div class="fond-bloc" id="bloc-facettes">
+                <div class="overlay-bloc">
+                    <p>Recherchez les contenus d'Histoire des Arts par plusieurs points d'entrée&nbsp;: pays, périodes historiques, disciplines artistiques et mots-clés liés aux &oelig;vres.</p>
+                    <p>Les éléments de l'interface sont à la fois des critères de recherche et des mode de visualisation des résultats&nbsp;: Au fur et à mesure de vos recherches, ils se mettent à jour pour refléter le nombre de contenus correspondant.</p>
+                    <p class="goto"><a href="{% url facettes %}">&raquo;</a></p>
+                </div>
+            </div>
+        </div>
+        <div class="separateur-applis"></div>
+        <div class="bloc-appli">
+            <h3>Catégories de Wikipedia</h3>
+            <div class="fond-bloc" id="bloc-categories">
+                <div class="overlay-bloc">
+                    <p>Naviguez dans l'arbre des catégories de Wikipedia pour atteindre les contenus du portail Histoire des Arts.</p>
+                    <p>Recherchez une catégorie par son titre, puis explorez les sous-catégories et les tags qui y sont rattachés.</p>
+                    <p class="goto"><a href="{% url categories %}">&raquo;</a></p>
+                </div>
+            </div>
         </div>
     </div>
     <h3>À propos de HdA Lab</h3>