--- a/src/jocondelab/static/jocondelab/css/front-common.css	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/static/jocondelab/css/front-common.css	Mon Oct 07 13:30:52 2013 +0200
@@ -138,7 +138,7 @@
 }
 
 footer {
-    padding: 40px 0 20px; text-align: right; font-size: 16px;
+    padding: 60px 0 20px; text-align: right; font-size: 16px;
 }
 
 footer img {
@@ -447,7 +447,11 @@
 /* Wikipedia Box in search results */
 
 .wiki-info {
-    float: left; width: 480px; height: 320px; background: #e8e8f8;
+    float: left; width: 480px; height: 320px; background: url("../img/background-pinstripe-blue.png");
+}
+
+.wiki-info p {
+    font-size: 13px;
 }
 
 .wiki-info-title {
@@ -455,7 +459,7 @@
 }
 
 .wiki-info-abstract {
-    font-size: 13px; margin: 0 10px 10px;
+    margin: 0 10px 10px;
 }
 
 .wiki-info-source {
@@ -491,7 +495,7 @@
         padding: 0;
     }
     
-    .wiki-info-abstract {
+    .wiki-info p {
         font-size: 12px;
     }
 }

--- a/src/jocondelab/static/jocondelab/css/front-home.css	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/static/jocondelab/css/front-home.css	Mon Oct 07 13:30:52 2013 +0200
@@ -20,9 +20,9 @@
 }
 
 .module-item h3 {
-    margin: 8px 5px; font-size: 16px; text-decoration: underline; text-align: center;
+    margin: 8px 5px; font-size: 15px; color: #0000c0; text-align: center; font-weight: bold; line-height: 15px;
 }
 
 .module-item p {
-    margin: 8px 5px; font-size: 13px;
+    margin: 8px 5px; font-size: 12px; text-align: center;
 }

--- a/src/jocondelab/static/jocondelab/css/front-notice.css	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/static/jocondelab/css/front-notice.css	Mon Oct 07 13:30:52 2013 +0200
@@ -120,6 +120,10 @@
     font-size: 18px;
 }
 
+.contribution-frame p {
+    font-size: 12px; margin: 4px 0;
+}
+
 .contribution-frame .notice-term-list {
     font-size: 14px; line-height: 16px;
 }

--- a/src/jocondelab/static/jocondelab/css/front-termlist.css	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/static/jocondelab/css/front-termlist.css	Mon Oct 07 13:30:52 2013 +0200
@@ -9,19 +9,19 @@
 }
 
 .term-tabs {
-    width: 100%; clear: both; height: 41px;
+    width: 100%; clear: both; height: 41px; margin-top: 20px;
 }
 
 .term-tab {
-    width: 25%; float: left;
+    width: 20%; float: left;
 }
 
 .term-tab h2 {
-    height: 20px; margin: 0 2px; border: 1px #cccccc; border-style: solid solid none; padding: 10px;
-    font-size: 15px; background: #f8f8f8; color: #666666; border-radius: 8px 8px 0 0; overflow: hidden; line-height: 1.1em;
+    height: 20px; margin: 0 2px; border: 1px #cccccc; border-style: solid solid none; padding: 10px; font-weight: bold; text-align: center;
+    font-size: 15px; background: #f8f8f8; color: #0000c0; border-radius: 8px 8px 0 0; overflow: hidden; line-height: 1.1em;
 }
 
-@media screen and (max-width: 640px) {
+@media screen and (max-width: 720px) {
     .term-tab h2 {
         font-size: 12px;
     }

--- a/src/jocondelab/static/jocondelab/js/front-common.js	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/static/jocondelab/js/front-common.js	Mon Oct 07 13:30:52 2013 +0200
@@ -294,7 +294,7 @@
                 left: isleft ? "0" : "",
                 right: isleft ? "" : "0",
                 width: isfull ? nw : (nw + 260),
-                "margin-top": ((gridsize - nh) / 2 - 10) + "px",
+                "margin-top": ((gridsize - nh) / 3 - 10) + "px",
                 "margin-left": isleft ? ((gridsize - nw) / 2 - 10) + "px" : 0,
                 "margin-right": isleft ? 0 : ((gridsize - nw) / 2 - 10) + "px"
             });
@@ -418,14 +418,14 @@
     
     var currentAbstract, currentUri, currentW, currentH;
     
-    function resizeWikiInfo() {
+    function resizeWikiInfo(force) {
         var $wikinfo = $(".wiki-info");
         if (!$wikinfo.length) {
             return;
         }
         var uri = $wikinfo.attr("data-dbpedia-uri"), w = $wikinfo.width(), h = $wikinfo.height(), $wiabstract = $wikinfo.find(".wiki-info-abstract");
         if (uri === currentUri) {
-            if (w === currentW && h === currentH) {
+            if (w === currentW && h === currentH && !force) {
                 return;
             }
         } else {
@@ -447,6 +447,8 @@
     
     resizeWikiInfo();
     
+    $(".wiki-info img").on("load", resizeWikiInfo);
+    
     $win.resize(function() {
         adaptGrid();
         recentreDbpediaBox();

--- a/src/jocondelab/templates/jocondelab/front_base.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/front_base.html	Mon Oct 07 13:30:52 2013 +0200
@@ -89,23 +89,23 @@
                 </li>
                 {% url 'front_about' as url %}
                 <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
-                    <a href="{{url}}">{% trans 'À propos' %}</a>
+                    <a href="{{url}}" title="{% trans "Tout savoir sur l'expérimentation JocondeLab." %}">{% trans 'À propos' %}</a>
                 </li>
                 {% url 'front_geo' as url %}
                 <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
-                    <a href="{{url}}">{% trans 'Mappemonde' %}</a>
+                    <a href="{{url}}" title="{% trans "Découvrez le monde à travers les collections des musées de France." %}">{% trans 'Mappemonde' %}</a>
                 </li>
                 {% url 'front_timeline' as url %}
                 <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
-                    <a href="{{url}}">{% trans 'Frise chronologique' %}</a>
+                    <a href="{{url}}" title="{% trans "Découvrez les collections des musées de France au fil du temps (période ou date précise)." %}">{% trans 'Chronologie' %}</a>
                 </li>
                 {% url 'front_termlist' as url %}
                 <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
-                    <a href="{{url}}">{% trans 'Index' %}</a>
+                    <a href="{{url}}" title="{% trans "Choisissez un artiste, un sujet représenté, un domaine ou une époque d'un simple clic." %}">{% trans 'Mots-clés' %}</a>
                 </li>
                 {% url 'random_describe' as url %}
                 <li class="menu-item{% if request.path == url %} menu-item-current{% endif %}">
-                    <a href="{{url}}">{% trans "Contribuer" %}</a>
+                    <a href="{{url}}" title="{% trans "Aidez-nous à décrire le sujet d'une œuvre à l'aide de Wikipédia." %}">{% trans "Contribuer" %}</a>
                 </li>
                 <li class="menu-item">
                     <a href="{% url 'front_about' %}">{% trans 'Travaux étudiants' %}</a>

--- a/src/jocondelab/templates/jocondelab/front_describe.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/front_describe.html	Mon Oct 07 13:30:52 2013 +0200
@@ -6,10 +6,13 @@
 {% block breadcrumbs %}<a href="{% url 'random_describe' %}">{% trans "Contribuer" %}</a>{% endblock %}
 {% block main %}
 <div class="describe-mode">
+    {{object.id}}
     {% block images %}{{block.super}}{% endblock %}
+    <h2 style="font-size: 18px; margin: 5px 0; font-weight: bold;">{{object.titr}}</h2>
     {% block contribution %}
     <form class="contribution-frame description-frame">
         <h2>{% trans "Décrivez le sujet de cette œuvre" %}</h2>
+        <p>Les termes proposés proviennent de Wikipédia.</p>
         <input class="notice-contribution-field" data-thesaurus-label="REPR" type="text" size="60" placeholder="{% trans 'Que voyez-vous dans cette oeuvre ?' %}" />
         <ul class="notice-term-list notice-contribution-list contribution-novote"></ul>
         <p class="button-links">
@@ -18,5 +21,6 @@
     </form>
     {% endblock %}
     {% block datasheet %}{{block.super}}{% endblock %}
+    {% block datasheet_title %}{% endblock %}
 </div>
 {% endblock %}

--- a/src/jocondelab/templates/jocondelab/front_home.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/front_home.html	Mon Oct 07 13:30:52 2013 +0200
@@ -22,23 +22,23 @@
             <ul class="module-list">
                 <li class="module-item">
                     <h3><a href="{% url 'front_about' %}">{% trans "À propos" %}</a></h3>
-                    <p>{% trans "Tout savoir sur l'expérimentation JocondeLab" %}</p>
+                    <p>{% trans "Tout savoir sur l'expérimentation JocondeLab." %}</p>
                 </li>
                 <li class="module-item">
                     <h3><a href="{% url 'front_geo' %}">{% trans "Mappemonde" %}</a></h3>
-                    <p>{% trans "Découvrez le monde à travers les collections des musées de France" %}</p>
+                    <p>{% trans "Découvrez le monde à travers les collections des musées de France." %}</p>
                 </li>
                 <li class="module-item">
-                    <h3><a href="{% url 'front_timeline' %}">{% trans "Frise chronologique" %}</a></h3>
-                    <p>{% trans "Découvrez les collections des musées de France au fil du temps (période ou date précise)" %}</p>
+                    <h3><a href="{% url 'front_timeline' %}">{% trans "Chronologie" %}</a></h3>
+                    <p>{% trans "Découvrez les collections des musées de France au fil du temps (période ou date précise)." %}</p>
                 </li>
                 <li class="module-item">
-                    <h3><a href="{% url 'front_termlist' %}">{% trans "Index" %}</a></h3>
-                    <p>Court texte de présentation de la liste de termes</p>
+                    <h3><a href="{% url 'front_termlist' %}">{% trans "Mots-clés" %}</a></h3>
+                    <p>{% trans "Choisissez un artiste, un sujet représenté, un domaine ou une époque d'un simple clic." %}</p>
                 </li>
                 <li class="module-item">
                     <h3><a href="{% url 'random_describe' %}">{% trans "Contribuer" %}</a></h3>
-                    <p>{% trans "Aidez-nous à décrire le sujet d'une œuvre à l'aide de Wikipédia" %}</p>
+                    <p>{% trans "Aidez-nous à décrire le sujet d'une œuvre à l'aide de Wikipédia." %}</p>
                 </li>
                 <li class="module-item">
                     <h3><a href="{% url 'front_about' %}">{% trans "Travaux étudiants" %}</a></h3>

--- a/src/jocondelab/templates/jocondelab/front_notice.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/front_notice.html	Mon Oct 07 13:30:52 2013 +0200
@@ -51,16 +51,24 @@
                             <td>{% show_datasheet_row 'ECOL' %}</td>
                         </tr>
                     {% endif %}
+            {% block datasheet_title %}
+                    {% if object.titr %}
+                        <tr class="datasheet-title">
+                            <th>{% trans 'Titre&nbsp;:' %}</th>
+                            <td>{% show_datasheet_row 'TITR' %}</td>
+                        </tr>
+                    {% endif %}
+            {% endblock %}
                     {% if object.domn %}
                         <tr>
                             <th>{% trans 'Domaine(s)&nbsp;:' %}</th>
                             <td>{% show_datasheet_row 'DOMN' %}</td>
                         </tr>
                     {% endif %}
-                    {% if object.titr or object.deno or object.appl %}
-                        <tr class="datasheet-title">
+                    {% if object.deno or object.appl %}
+                        <tr>
                             <th>{% trans 'Désignation&nbsp;:' %}</th>
-                            <td>{% show_datasheet_row 'TITR' %}{% show_datasheet_row 'APPL' %}{% show_datasheet_row 'DENO' %}</td>
+                            <td>{% show_datasheet_row 'APPL' %}{% show_datasheet_row 'DENO' %}</td>
                         </tr>
                     {% endif %}
                     {% if object.repr %}
@@ -132,8 +140,9 @@
 
     {% block contribution %}
                     <form class="contribution-frame folksonomy-frame">
-                        <h2>{% trans "Apportez d'autres informations à partir des vocabulaires de Wikipédia" %}</h2>
-                        <input class="notice-contribution-field" type="text" size="60" placeholder="{% trans 'Complétez les mots-clés de la fiche' %}" />
+                        <h2>{% trans "Ajoutez vos mots-clés" %}</h2>
+                        <p>Les termes proposés proviennent de Wikipédia.</p>
+                        <input class="notice-contribution-field" type="text" size="60" />
                         <ul class="notice-term-list notice-contribution-list">
                         {% for term in contributions %}
                             {% include "jocondelab/partial/contributed_item.html" %}

--- a/src/jocondelab/templates/jocondelab/front_termlist.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/front_termlist.html	Mon Oct 07 13:30:52 2013 +0200
@@ -11,21 +11,16 @@
     <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}jocondelab/css/front-termlist.css" />
 {% endblock %}
 
-{% block title %}JocondeLab &raquo; {% trans 'Index' %}{% endblock %}
+{% block title %}JocondeLab &raquo; {% trans 'Mots-clés' %}{% endblock %}
 
-{% block breadcrumbs %}<a href="{% url 'front_termlist' %}">{% trans 'Index' %}</a>{% endblock %}
+{% block breadcrumbs %}<a href="{% url 'front_termlist' %}">{% trans 'Mots-clés' %}</a>{% endblock %}
 
 {% block main %}
             
-            <ul class="term-cloud">
-                {% for word in words %}
-                    <li style="font-size: {{word.font_size}}em">
-                        <a href="{% url 'front_search' %}?dbpedia_uri={{word.uri|urlencode}}" data-dbpedia-uri="{{word.uri}}">{{word.label}}</a>
-                    </li>
-                {% endfor %}
-            </ul>
-            
             <ul class="term-tabs">
+                <li class="term-tab{% if thesaurus == None %} active{% endif %}">
+                    <h2><a href="{% url 'front_termlist' %}">{% trans "Nuage" %}</a></h2>
+                </li>
                 <li class="term-tab{% if thesaurus == 'AUTR' %} active{% endif %}">
                     <h2><a href="{% url 'front_termlist' %}?thesaurus=AUTR">{% trans "Artistes" %}</a></h2>
                 </li>

--- a/src/jocondelab/templates/jocondelab/front_timeline.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/front_timeline.html	Mon Oct 07 13:30:52 2013 +0200
@@ -20,9 +20,9 @@
     <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}jocondelab/css/front-timeline.css"></script>
 {% endblock %}
 
-{% block title %}JocondeLab &raquo; {% trans 'Frise chronologique' %}{% endblock %}
+{% block title %}JocondeLab &raquo; {% trans 'Chronologie' %}{% endblock %}
 
-{% block breadcrumbs %}<a href="{% url 'front_timeline' %}">{% trans 'Frise chronologique' %}</a>{% endblock %}
+{% block breadcrumbs %}<a href="{% url 'front_timeline' %}">{% trans 'Chronologie' %}</a>{% endblock %}
 
 {% block main %}
             

--- a/src/jocondelab/templates/jocondelab/partial/termlist_contents.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/partial/termlist_contents.html	Mon Oct 07 13:30:52 2013 +0200
@@ -27,5 +27,11 @@
         {% endfor %}
         </ul>
 {% else %}
-        <h3 class="term-contents-empty">{% trans "Choisissez une liste ci-dessus" %}</h3>
+        <ul class="term-cloud">
+            {% for word in words %}
+                <li style="font-size: {{word.font_size}}em">
+                    <a href="{% url 'front_search' %}?dbpedia_uri={{word.uri|urlencode}}" data-dbpedia-uri="{{word.uri}}">{{word.label}}</a>
+                </li>
+            {% endfor %}
+        </ul>
 {% endif %}
\ No newline at end of file

--- a/src/jocondelab/templates/jocondelab/partial/wrapped_notice_list.html	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/templates/jocondelab/partial/wrapped_notice_list.html	Mon Oct 07 13:30:52 2013 +0200
@@ -14,10 +14,10 @@
         <h3 class="wiki-info-title">
             <a href="{{wkinfo.label|wikiurl:lang}}" target="_blank">{{wkinfo.label}}</a>
         </h3>
-        <p class="wiki-info-abstract">{{wkinfo.abstract|default_if_none:""}}</p>
         <p class="wiki-info-source">
             <a href="{{wkinfo.label|wikiurl:lang}}" target="_blank">{% trans 'Source : Wikipédia' %}</a>
         </p>
+        <p class="wiki-info-abstract">{{wkinfo.abstract|default_if_none:""}}</p>
     </li>
 {% endif %}
 {% include 'jocondelab/partial/notice_list.html' %}

--- a/src/jocondelab/urls.py	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/urls.py	Mon Oct 07 13:30:52 2013 +0200
@@ -33,7 +33,7 @@
     url(r'^bo/term/validate/$', login_required(TermValidate.as_view()), name='validate_term'),
     url(r'^bo/tree/(?P<thes_id>\d+)/$', login_required(ThesaurusTree.as_view()), name='term_tree'),
     url(r'^$', SearchView.as_view(template_name="jocondelab/front_home.html"), name='front_home'),
-    url(r'^index/$', FrontTermListView.as_view(), name='front_termlist'),
+    url(r'^keywords/$', FrontTermListView.as_view(), name='front_termlist'),
     url(r'^search/$', SearchView.as_view(), name='front_search'),
     url(r'^map/$', GeoView.as_view(), name='front_geo'),
     url(r'^timeline/$', TemplateView.as_view(template_name="jocondelab/front_timeline.html"), name='front_timeline'),

--- a/src/jocondelab/views/front_office.py	Fri Oct 04 17:54:07 2013 +0200
+++ b/src/jocondelab/views/front_office.py	Mon Oct 07 13:30:52 2013 +0200
@@ -209,7 +209,8 @@
         
         if is_ajax:
             self.template_name = "jocondelab/partial/termlist_contents.html"
-        else:
+        
+        if thesaurus is None:
             wqs = TagcloudTerm.objects.filter(term__dbpedia_fields__language_code=lang).values('term__dbpedia_fields__label','term__dbpedia_uri')
             wqs = wqs.distinct().annotate(sum_notice=Sum('term__nb_notice')).order_by('-sum_notice')
             n = wqs.count()
@@ -219,8 +220,7 @@
                      'font_size': "%.2f"%(1. + float(n-i)/n)
                                  } for i, w in enumerate(wqs)]
             random.shuffle(context['words'])
-        
-        if thesaurus is not None:
+        else:
             alphabets = [{
                   "languages": [ "fr", "en", "de", "it", "es", "pt", "ca", "br", "eu", "oc" ],
                   "letters": u"ABCDEFGHIJKLMNOPQRSTUVWXYZ"