diff --git a/lib/Alchemy/Phrasea/Controller/Prod/Query.php b/lib/Alchemy/Phrasea/Controller/Prod/Query.php
index 09ad33fb7e..1bd5833387 100644
--- a/lib/Alchemy/Phrasea/Controller/Prod/Query.php
+++ b/lib/Alchemy/Phrasea/Controller/Prod/Query.php
@@ -152,7 +152,7 @@ class Query implements ControllerProviderInterface
         $explain .= '<br><div>' . $result->getDuration() . ' s</div>dans index ' . $result->getIndexes();
         $explain .= "</div>";
 
-        $infoResult = '<a href="#" class="infoDialog" infos="' . str_replace('"', '&quot;', $explain) . '">' . $app->trans('reponses:: %total% reponses', ['%total%' => $result->getTotal()]) . '</a> | ' . $app->trans('reponses:: %number% documents selectionnes', ['%number%' => '<span id="nbrecsel"></span>']);
+        $infoResult = '<a href="#" class="infoDialog" infos="' . str_replace('"', '&quot;', $explain) . '">' .$app->trans('%total% reponses', ['%total%' => '<span>'.$result->getTotal().'</span>']) . '</a>' . $app->trans('%number% documents<br/>selectionnes', ['%number%' => '<span id="nbrecsel"></span>']);
 
         $json['infos'] = $infoResult;
         $json['navigation'] = $string;
diff --git a/templates/web/common/index_bootstrap.html.twig b/templates/web/common/index_bootstrap.html.twig
index 0bed576dd0..0caf5ceb37 100644
--- a/templates/web/common/index_bootstrap.html.twig
+++ b/templates/web/common/index_bootstrap.html.twig
@@ -33,7 +33,7 @@
     <body class="PNB">
         <div id="mainContainer" class="PNB">
             {% include 'common/menubar.html.twig' %}
-            <div class="PNB" id="mainContent" style="top:30px; min-width:900px; overflow-x:auto; overflow-y:auto;">
+            <div class="PNB" id="mainContent">
                 {% block content %}{% endblock %}
             </div>
         </div>
diff --git a/templates/web/prod/index.html.twig b/templates/web/prod/index.html.twig
index 846066dd1c..ae0faf1c56 100644
--- a/templates/web/prod/index.html.twig
+++ b/templates/web/prod/index.html.twig
@@ -167,7 +167,7 @@
                         </li>
                         {% endif %}
                         <li style="float:right;">
-                            <a href="#" class="escamote" style="margin:8px 0;">
+                            <a href="#" class="escamote">
                                 <img src="/skins/icons/workzoneEscamote.png" title="{{ 'Close the WorkZone' | trans }}"/>
                             </a>
                         </li>
@@ -468,6 +468,16 @@
                             </table>
                         </div>
                     </form>
+                    <div id="answers_status">
+                        <div class="infos">
+                            <span id="tool_results">
+
+                            </span>
+                        </div>
+                        <!--td class="navigation">
+                            <div id="tool_navigate"></div>
+                        </td-->
+                    </div>
                 </div>
 
                 <!--
@@ -711,22 +721,6 @@
                         });
                     </script>
                 </div>
-                <div id="answers_status" class="PNB">
-                    <table>
-                        <tr>
-                            <td class="infos">
-                                <a href="#" onclick="lookBox(this,event);return false;">{{ 'Preferences' | trans }} </a>
-                                |
-                                <span id="tool_results">
-
-                                </span>
-                            </td>
-                            <td class="navigation">
-                                <div id="tool_navigate"></div>
-                            </td>
-                        </tr>
-                    </table>
-                </div>
             </div>
         </div>
     </div>
diff --git a/www/skins/icons/workzoneEscamote.png b/www/skins/icons/workzoneEscamote.png
index 0f467f31c3..9d676008ca 100644
Binary files a/www/skins/icons/workzoneEscamote.png and b/www/skins/icons/workzoneEscamote.png differ
diff --git a/www/skins/prod/000000/prodcolor.css b/www/skins/prod/000000/prodcolor.css
index 5a9efa070b..4ca882d6ce 100644
--- a/www/skins/prod/000000/prodcolor.css
+++ b/www/skins/prod/000000/prodcolor.css
@@ -13,6 +13,10 @@ html, body {
     z-index: 1;
 }
 
+#desktop {
+    min-width: 1100px;
+}
+
 *::-moz-selection, *::selection{
     background: white;
     color: black;
@@ -89,6 +93,13 @@ body {
     min-height: 500px;
 }
 
+#mainContent {
+    top: 40px;
+    min-width:900px;
+    overflow-x:auto;
+    overflow-y:auto;
+}
+
 .PNB {
     position: absolute;
     top: 0;
@@ -249,6 +260,11 @@ span.ww_winTitle {
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
+    margin:8px 0;
+}
+
+#idFrameC .ui-tabs .ui-tabs-nav li a.escamote {
+    margin:25px 25px 0 0;
 }
 
 #idFrameC .ui-tabs .ui-tabs-nav li:hover a {
@@ -607,17 +623,12 @@ div.diapo {
 }
 
 #answers_status{
-    top: auto;
-    left: 10px;
-    right: 10px;
-    height: 30px;
-    overflow: hidden;
+    width: 200px;
+    float: right;
 }
 
 #answers_status table{
     width: 100%;
-    height: 20px;
-    margin: 5px 0;
 }
 
 #answers_status table tr{
@@ -629,10 +640,35 @@ div.diapo {
     text-align: right;
 }
 
-#answers_status table tr td.infos{
+#answers_status .infos {
     text-align: left;
+    line-height: 18px;
+    font-size: 11px;
+    color: #949494;
 }
 
+#answers_status .infos .infoDialog {
+    float: left;
+    color: #949494;
+    margin-top: 2px;
+    margin-right: 30px;
+}
+
+#answers_status .infos .infoDialog span {
+    font-size: 20px;
+    display: block;
+}
+
+#answers_status .infos #nbrecsel {
+    float: left;
+    font-size: 20px;
+    margin-right: 10px;
+    height: 30px;
+    line-height: 36px;
+    vertical-align: middle;
+}
+
+
 /******* POPOVERS *************************************************************/
 #tooltip .popover {
     background-color:inherit;
@@ -658,7 +694,7 @@ div.diapo {
 /******* idFrameT CSS *********************************************************/
 
 #idFrameT {
-    margin-left: -29px;
+    margin-left: -20px;
 }
 
 .submenu .ui-buttonset{
@@ -953,6 +989,10 @@ div.diapo {
     position: absolute; bottom: 0px;
 }
 
+#answers {
+    padding: 20px;
+}
+
 #answers .list {
     position: relative;
     float: left;
@@ -2714,6 +2754,17 @@ DIV.thesaurus U.w {
 
 /*******  MAINMENU ************************************************************/
 
+#mainMenu {
+    height: 40px;
+    line-height: 40px;
+    vertical-align: middle;
+}
+
+#mainMenu li, #mainMenu li span {
+    height: 40px;
+    line-height: 40px;
+}
+
 #mainMenu, .publi_group {
     background-color: #333333;
 }
diff --git a/www/skins/prod/jquery.main-prod.js b/www/skins/prod/jquery.main-prod.js
index aa0bd46a4a..ed6e729a06 100644
--- a/www/skins/prod/jquery.main-prod.js
+++ b/www/skins/prod/jquery.main-prod.js
@@ -517,10 +517,11 @@ function initAnswerForm() {
 function answerSizer() {
     var el = $('#idFrameC').outerWidth();
     if (!$.support.cssFloat) {
-        $('#idFrameC .insidebloc').width(el - 56);
+       // $('#idFrameC .insidebloc').width(el - 56);
     }
     var widthA = Math.round(bodySize.x - el - 10);
     $('#rightFrame').width(widthA);
+    $('#rightFrame').css('left', $('#idFrameC').width());
 
 }
 
