diff --git a/templates/web/prod/WorkZone/Browser/Basket.html.twig b/templates/web/prod/WorkZone/Browser/Basket.html.twig
index 65ef32fa33..c829da4b1d 100644
--- a/templates/web/prod/WorkZone/Browser/Basket.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Basket.html.twig
@@ -2,7 +2,7 @@
   <div class="PNB header" style="height:40px;bottom:auto;">
     <table>
       <tr>
-        <td>
+        <td style="width:230px;">
           <a href="#" class="back">
             <img src="/skins/prod/Basket/Browser/BASKET_LIST.png"/> 
             {% trans 'Back to basket list' %}
@@ -29,10 +29,46 @@
       </tr>
     </table>
   </div>
-  <div class="PNB" style="top:40px;bottom:auto;height:160px;">
   
-  </div>
-  <div class="PNB" style="height:40px;bottom:auto;top:200px;">
+  {% set top = 0 %}
+    
+  {% if Basket.getPusher() %}
+    {% set top = top + 40 %}
+    <div class="PNB" style="top:40px;bottom:auto;height:40px;background-color:#404040;">
+      <div class="PNB10">
+        <p>
+          {% set user_name = '<a href="/prod/tooltip/user/' ~ Basket.getPusher().get_id() ~ '/" class="userTips">' ~ Basket.getPusher().get_display_name() ~ '</a>' %}
+          {% trans %}
+            Received from {{ user_name }}
+          {% endtrans %}
+        </p>
+      </div>
+    </div>
+  {% endif %}
+    
+  {% if Basket.getValidation() %}
+    {% set top = top + 160 %}
+    <div class="PNB" style="top:40px;bottom:auto;height:160px;background-color:#404040;">
+      <div class="PNB10">
+        <p>
+          {% set list_participants = '' %}
+          {% for Participant in Basket.getValidation().getParticipants() %}
+            {% set list_participants = list_participants ~ '<a href="/user/{{ Participant.getUser().get_id() }}/">
+              {{ Participant.getUser().get_display_name }}
+            </a>' %}
+          {% endfor %}
+          {% trans %}
+            Sent for validation to {{ list_participants }}
+          {% endtrans %}
+        </p>
+      </div>
+    </div>
+  {% endif %}
+    
+  {% set top = top + 40 %}
+    
+  <div class="PNB" style="height:40px;bottom:auto;top:{{ top }}px;">
+    <div class="PNB10">
     {% set ElementsCount = Basket.getElements().count() %}
     {% if ElementsCount == 0 %}
       {% trans 'No records' %}
@@ -41,8 +77,33 @@
     {% else %}
       {% trans %}{{ ElementsCount }} records{% endtrans %}
     {% endif %}
+    </div>
   </div>
-  <div class="PNB" style="top:240px;">
     
+    
+  {% set top = top + 40 %}
+    
+    
+  {% import 'common/thumbnail.html' as thumbnail %}
+    
+    
+  <div class="PNB" style="top:{{ top }}px;">
+    <div class="PNB10">
+    {% for BasketElement in Basket.getElements() %}
+      {% set record = BasketElement.getRecord() %}
+      <div class="diapo" style="width:150px; height:180px;">
+        <div class='titre'>
+        {{record.get_original_name()}}
+        </div>
+        <div>
+          {{thumbnail.format(record.get_thumbnail,120,120, '', session, true)}}
+        </div>
+        <div style='position:absolute; bottom:0px; left:0px; height:20px'>
+          <div class="previewTips" tooltipsrc="/prod/tooltip/preview/{{record.get_sbas_id()}}/{{record.get_record_id()}}/"></div>
+          <img class="infoTips" tooltipsrc="/prod/tooltip/tc_datas/{{record.get_sbas_id()}}/{{record.get_record_id()}}/" src="/skins/icons/info.gif"/>
+        </div>
+      </div>
+    {% endfor %}
+    </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/templates/web/prod/WorkZone/Browser/Browser.html.twig b/templates/web/prod/WorkZone/Browser/Browser.html.twig
index c97ab68517..1213ef3fad 100644
--- a/templates/web/prod/WorkZone/Browser/Browser.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Browser.html.twig
@@ -110,7 +110,7 @@
           var results = $('.results', $container);
           results.removeClass('loading').append(data);
           activateLinks(results);
-          
+          active_archiver(results);
           return;
         }
 
@@ -147,6 +147,7 @@
 
             return false;
           });
+          active_archiver($('.Basket', $container));
           return;
         }
 
@@ -172,7 +173,13 @@
 
         return false;
       });
+      
+    }
     
+    function active_archiver($scope)
+    {
+      $('.userTips', $scope).tooltip();
+      
       $('a.archive_toggler', $scope).bind('click', function(){
           var $this = $(this), parent = $this.parent();
 
diff --git a/templates/web/prod/WorkZone/Browser/Results.html.twig b/templates/web/prod/WorkZone/Browser/Results.html.twig
index 51eab8e7fc..203e8bf7ba 100644
--- a/templates/web/prod/WorkZone/Browser/Results.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Results.html.twig
@@ -66,7 +66,7 @@
                 
               {% if Basket.getPusher() %}
               <p>
-                {% set user_name = '<a href="/prod/tooltip/user/' ~ Basket.getPusher().get_id() ~ '/" class="userTips">' ~ Basket.getPusher().get_display_name() ~ '</a>' %}
+                {% set user_name = '<a href="#" tooltipsrc="/prod/tooltip/user/' ~ Basket.getPusher().get_id() ~ '/" class="userTips">' ~ Basket.getPusher().get_display_name() ~ '</a>' %}
                 {% trans %}
                   Received from {{ user_name }}
                 {% endtrans %}
@@ -78,9 +78,9 @@
               <p>
                 {% set list_participants = '' %}
                 {% for Participant in Basket.getValidation().getParticipants() %}
-                  {% set list_participants = list_participants ~ '<a href="/user/{{ Participant.getUser().get_id() }}/">
-                    {{ Participant.getUser().get_display_name }}
-                  </a>' %}
+                  {% set list_participants = list_participants ~ '<a href="/user/' ~ Participant.getUser().get_id() ~ '/">' %}
+                  {% set list_participants = list_participants ~ Participant.getUser().get_display_name %}
+                  {% set list_participants = list_participants ~ '</a>' %}
                 {% endfor %}
                 {% trans %}
                   Sent for validation to {{ list_participants }}