diff --git a/templates/web/prod/index.html.twig b/templates/web/prod/index.html.twig
index 1de6cd6174..bf75f08888 100644
--- a/templates/web/prod/index.html.twig
+++ b/templates/web/prod/index.html.twig
@@ -474,9 +474,6 @@
 
                             </span>
                         </div>
-                        <!--td class="navigation">
-                            <div id="tool_navigate"></div>
-                        </td-->
                     </div>
                 </div>
 
@@ -721,6 +718,11 @@
                         });
                     </script>
                 </div>
+                <div id="paginate">
+                    <div class="navigation">
+                        <div id="tool_navigate"></div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
diff --git a/templates/web/prod/preview/caption.html.twig b/templates/web/prod/preview/caption.html.twig
index 2a723fa4a4..af342c8865 100644
--- a/templates/web/prod/preview/caption.html.twig
+++ b/templates/web/prod/preview/caption.html.twig
@@ -3,7 +3,7 @@
   {% if app['acl'].get(app['authentication'].getUser()).has_right_on_base(record.get_base_id, 'canmodifrecord') %}
     <div class="edit_button" style="text-align:right">
       <a href="#" onclick="editThis('IMGT','{{record.get_serialize_key()}}');">
-        <img style="vertical-align:middle" src="/skins/prod/000000/images/ppen_history.png" />
+        <img style="vertical-align:middle" src="/skins/prod/000000/images/ppen_history.png" width="16"/>
         {{ 'action : editer' | trans }}
       </a>
     </div>
diff --git a/www/skins/prod/000000/prodcolor.css b/www/skins/prod/000000/prodcolor.css
index ce3c7eed20..b28625fbcd 100644
--- a/www/skins/prod/000000/prodcolor.css
+++ b/www/skins/prod/000000/prodcolor.css
@@ -4378,3 +4378,48 @@ ui-dialog-titlebar {
     max-width: 16px;
     max-heigh: 16px;
 }
+
+#paginate {
+    position: absolute;
+    bottom: 30px;
+    right: 65px;
+}
+
+#paginate #tool_navigate {
+    background-color: #000;
+    /*border: 1px solid #3b3b3b;*/
+}
+
+
+#paginate #tool_navigate input,
+#paginate #tool_navigate a {
+    border: none;
+    border-top: 1px solid #3b3b3b;
+    border-bottom: 1px solid #3b3b3b;
+    padding: 0;
+    margin: 0;
+    border-radius: 0;
+    height: 50px;
+    line-height: 50px;
+    vertical-align: middle;
+    width: 30px;
+    background: none;
+    font-weight: normal;
+    text-shadow: none;
+    box-shadow: none;
+    color: #3b3b3b;
+}
+
+#paginate #tool_navigate:first-child {
+    border-left: 1px solid #3b3b3b;
+}
+
+#paginate #tool_navigate:last-child {
+    border-right: 1px solid #3b3b3b;
+}
+
+#paginate #tool_navigate input,
+#paginate #tool_navigate a:hover {
+    color: #fff;
+    background: #076882;
+}