diff --git a/resources/www/common/images/icons/Share.png b/resources/www/common/images/icons/Share.png
new file mode 100644
index 0000000000..447ced8ba7
Binary files /dev/null and b/resources/www/common/images/icons/Share.png differ
diff --git a/resources/www/common/images/icons/archive.png b/resources/www/common/images/icons/archive.png
new file mode 100644
index 0000000000..0d63a2e6f6
Binary files /dev/null and b/resources/www/common/images/icons/archive.png differ
diff --git a/resources/www/common/images/icons/basket-1.png b/resources/www/common/images/icons/basket-1.png
new file mode 100644
index 0000000000..fa62394842
Binary files /dev/null and b/resources/www/common/images/icons/basket-1.png differ
diff --git a/resources/www/common/images/icons/detach.png b/resources/www/common/images/icons/detach.png
new file mode 100644
index 0000000000..0f9080d04f
Binary files /dev/null and b/resources/www/common/images/icons/detach.png differ
diff --git a/resources/www/common/images/icons/disktt_history.png b/resources/www/common/images/icons/disktt_history.png
index 849c5acdc2..e81e9e383a 100644
Binary files a/resources/www/common/images/icons/disktt_history.png and b/resources/www/common/images/icons/disktt_history.png differ
diff --git a/resources/www/common/images/icons/edit-pen.png b/resources/www/common/images/icons/edit-pen.png
new file mode 100644
index 0000000000..efba208714
Binary files /dev/null and b/resources/www/common/images/icons/edit-pen.png differ
diff --git a/resources/www/common/images/icons/export-shadow.png b/resources/www/common/images/icons/export-shadow.png
new file mode 100644
index 0000000000..90ba5c1b53
Binary files /dev/null and b/resources/www/common/images/icons/export-shadow.png differ
diff --git a/resources/www/common/images/icons/print-shadow.png b/resources/www/common/images/icons/print-shadow.png
new file mode 100644
index 0000000000..8f13ffd61a
Binary files /dev/null and b/resources/www/common/images/icons/print-shadow.png differ
diff --git a/resources/www/common/images/icons/print_history.png b/resources/www/common/images/icons/print_history.png
index c4e4090c41..139cb45458 100644
Binary files a/resources/www/common/images/icons/print_history.png and b/resources/www/common/images/icons/print_history.png differ
diff --git a/resources/www/common/images/icons/rename.png b/resources/www/common/images/icons/rename.png
new file mode 100644
index 0000000000..f86b6c80b7
Binary files /dev/null and b/resources/www/common/images/icons/rename.png differ
diff --git a/resources/www/common/images/icons/set-order.png b/resources/www/common/images/icons/set-order.png
new file mode 100644
index 0000000000..e49be67dc8
Binary files /dev/null and b/resources/www/common/images/icons/set-order.png differ
diff --git a/resources/www/lightbox/images/lightbox-icon.png b/resources/www/lightbox/images/lightbox-icon.png
new file mode 100644
index 0000000000..ef9f72ec70
Binary files /dev/null and b/resources/www/lightbox/images/lightbox-icon.png differ
diff --git a/templates/web/prod/WorkZone/Macros.html.twig b/templates/web/prod/WorkZone/Macros.html.twig
index 04f3d3d735..d496cb2e7c 100644
--- a/templates/web/prod/WorkZone/Macros.html.twig
+++ b/templates/web/prod/WorkZone/Macros.html.twig
@@ -136,55 +136,72 @@
               <tbody>
                 <tr>
                   <td>
-                    <div class="context-menu context-menu-theme-vista">
+                    <div class="context-menu context-menu-theme-flat">
                       <div title="" class="context-menu-item">
                         <div class="context-menu-item-inner export-record-action"
-                             data-kind="basket" data-id="{{basket.getId()}}">{{ 'action::exporter' | trans }}
+                             data-kind="basket" data-id="{{basket.getId()}}">
+                            <a href="#">
+                              <img src="/assets/common/images/icons/export-shadow.png" style="width: 22px;" alt="{{ 'action::exporter' | trans }}">
+                            <span>{{ 'action::exporter' | trans }}</span>
+                          </a>
                         </div>
                       </div>
                       <div title="" class="context-menu-item">
                         <div class="context-menu-item-inner">
-                          <a href="{{ path('lightbox_compare', { 'basket' : basket.getId() }) }}" target="_blank">Lightbox</a>
+                          <a href="{{ path('lightbox_compare', { 'basket' : basket.getId() }) }}" target="_blank">
+                            <img src="/assets/lightbox/images/lightbox-icon.png" style="width: 20px; box-shadow: 0 2px 2px rgba(0,0,0,.2);" alt="{{ 'Lightbox' | trans }}">
+                            <span>{{ 'Lightbox' | trans }}</span>
+                          </a>
                         </div>
                       </div>
                       <div title="" class="context-menu-item">
                         <div class="context-menu-item-inner">
                           <a class="basket-update-action" data-basket-id="{{ basket.getId() }}" title="{{ 'action::renommer' | trans }}" href="#">
-                            {{ 'action::renommer' | trans }}
+                            <img src="/assets/common/images/icons/rename.png" style="width: 26px; margin-left: -2px; margin-right: -2px;" alt="{{ 'action::renommer' | trans }}">
+                            <span>{{ 'action::renommer' | trans }}</span>
                           </a>
                         </div>
                       </div>
 
                       {% if basket.getValidation() %}
                         <div title="" class="context-menu-item">
-                          <a target="_blank" href="{{ path('lightbox_validation', { 'basket' : basket.getId() }) }}">
-                            <div class="context-menu-item-inner">
-                              {{ 'action::Valider' | trans }}
-                            </div>
-                          </a>
+                          <div class="context-menu-item-inner">
+                            <a target="_blank" href="{{ path('lightbox_validation', { 'basket' : basket.getId() }) }}">
+                              <img src="/assets/common/images/icons/basket_validation.png" style="width: 22px;" alt="{{ 'action::Valider' | trans }}">
+                              <span>{{ 'action::Valider' | trans }}</span>
+                            </a>
+                          </div>
                         </div>
                       {% endif %}
 
                       <div title="" class="context-menu-item">
                         <div class="context-menu-item-inner basket-archive-action" data-basket-id="{{ basket.getId() }}" >
-                          {{ 'Archive' | trans }}
-                        </div>
-                      </div>
-                      <div title="" class="context-menu-item">
-                        <div class="context-menu-item-inner basket-delete-action" id="SSTTREMOVER_{{basket.getId()}}" data-context="SSTT">
-                          {{ 'action : supprimer' | trans }}
+                          <a href="#">
+                            <img src="/assets/common/images/icons/archive.png" style="width: 26px; margin-left: -2px; margin-right: -2px;" alt="{{ 'Archive' | trans }}">
+                            <span>{{ 'Archive' | trans }}</span>
+                          </a>
                         </div>
                       </div>
 
                       <div title="" class="context-menu-item">
                         <div class="context-menu-item-inner">
                           <a class="basket-reorder-content-action" data-basket-id="{{ basket.getId() }}" title="{{ 'Re-ordonner' | trans }}" href="#">
-                            {{ 'Re-ordonner' | trans }}
+                            <img src="/assets/common/images/icons/set-order.png" style="width: 26px; margin-left: -2px; margin-right: -2px;" alt="{{ 'Re-ordonner' | trans }}">
+                            <span>{{ 'Re-ordonner' | trans }}</span>
                           </a>
                         </div>
                       </div>
 
+                      <div title="" class="context-menu-item">
+                        <div class="context-menu-item-inner basket-delete-action" id="SSTTREMOVER_{{basket.getId()}}" data-context="SSTT">
+                          <a href="#">
+                            <img src="/assets/common/images/icons/delete.png" style="width: 22px;" alt="{{ 'action : supprimer' | trans }}">
+                            <span>{{ 'action : supprimer' | trans }}</span>
+                          </a>
+                        </div>
                       </div>
+
+                    </div>
                   </td>
                 </tr>
               </tbody>
@@ -222,24 +239,33 @@
               <tbody>
                 <tr>
                   <td>
-                    <div class="context-menu context-menu-theme-vista">
+                    <div class="context-menu context-menu-theme-flat">
                       <div title="" class="context-menu-item">
                         <div class="context-menu-item-inner export-record-action"
-                             data-kind="record" data-id="{{story.getRecord(app).get_serialize_key()}}">{{ 'action::exporter' | trans }}
+                          data-kind="record" data-id="{{story.getRecord(app).get_serialize_key()}}">
+                          <a href="#">
+                            <img src="/assets/common/images/icons/export-shadow.png" style="width: 22px;" alt="{{ 'action::exporter' | trans }}">
+                            <span>{{ 'action::exporter' | trans }}</span>
+                          </a>
                         </div>
                       </div>
-                        {% if app.getAclForUser(app.getAuthenticatedUser()).has_right(constant('\\ACL::CANMODIFRECORD')) %}
+                      {% if app.getAclForUser(app.getAuthenticatedUser()).has_right(constant('\\ACL::CANMODIFRECORD')) %}
                       <div title="" class="context-menu-item menu3-custom-item">
                         <div class="context-menu-item-inner edit-record-action"
                              data-kind="record" data-id="{{story.getRecord(app).get_serialize_key()}}"
-                             >{{ 'action::editer' | trans }}
+                             >
+                            <a href="#">
+                              <img src="/assets/common/images/icons/edit-pen.png" style="width: 22px;" alt="{{ 'action::editer' | trans }}">
+                              <span>{{ 'action::editer' | trans }}</span>
+                            </a>
                         </div>
                       </div>
-                        {% endif %}
+                      {% endif %}
                       <div title="" class="context-menu-item menu3-custom-item">
                         <div class="context-menu-item-inner">
                           <a class="story_unfix" href="{{ path('prod_workzone_detach_story', { 'sbas_id' : story.getRecord(app).get_sbas_id(), 'record_id' : story.getRecord(app).get_record_id()}) }}">
-                            {{ 'action::detacher' | trans }}
+                            <img src="/assets/common/images/icons/detach.png" style="width: 26px; margin-left: -2px; margin-right: 2px;" alt="{{ 'action::detacher' | trans }}">
+                            <span style="margin-left: 4px;">{{ 'action::detacher' | trans }}</span>
                           </a>
                         </div>
                       </div>
@@ -249,7 +275,8 @@
                              data-db-id="{{ story.getRecord(app).get_sbas_id }}"
                              data-record-id="{{ story.getRecord(app).get_record_id() }}"
                              href="#">
-                            {{ 'Re-ordonner' | trans }}
+                            <img src="/assets/common/images/icons/set-order.png" style="width: 26px; margin-left: -2px; margin-right: -2px;" alt="{{ 'Re-ordonner' | trans }}">
+                            <span>{{ 'Re-ordonner' | trans }}</span>
                           </a>
                         </div>
                       </div>
diff --git a/templates/web/prod/results/record.html.twig b/templates/web/prod/results/record.html.twig
index 413cd04769..2d537dd72c 100644
--- a/templates/web/prod/results/record.html.twig
+++ b/templates/web/prod/results/record.html.twig
@@ -111,25 +111,34 @@
                             <tbody>
                             <tr>
                                 <td>
-                                    <div class="context-menu context-menu-theme-vista">
+                                    <div class="context-menu context-menu-theme-flat">
                                         {% if granted_on_collection(record.baseId, [constant('\\ACL::CANPUTINALBUM')]) and not record.story %}
                                             <div title="" class="context-menu-item">
                                                 <div class="context-menu-item-inner record-add-to-basket-action" data-db-id="{{record.databoxId}}" data-record-id="{{record.recordId}}">
-                                                    {{ 'action : ajouter au panier' | trans }}
+                                                    <a title="{{ 'action : ajouter au panier' | trans }}" href="#">
+                                                        <img style="cursor:pointer;" src="/assets/common/images/icons/basket-1.png" alt="{{ 'action : ajouter au panier' | trans }}">
+                                                        <span>{{ 'action : ajouter au panier' | trans }}</span>
+                                                    </a>
                                                 </div>
                                             </div>
                                         {% endif %}
                                         {% if granted_on_collection(record.baseId, [constant('\\ACL::CANDWNLDPREVIEW')]) or granted_on_collection(record.baseId, [constant('\\ACL::CANDWNLDHD')]) %}
                                             <div title="" class="context-menu-item">
                                                 <div class="context-menu-item-inner record-export-action" data-kind="record" data-id="{{record.id}}">
-                                                    {{ 'action : exporter' | trans }}
+                                                    <a title="{{ 'action : exporter' | trans }}" href="#">
+                                                        <img style="cursor:pointer;" src="/assets/common/images/icons/export-shadow.png" alt="{{ 'action : exporter' | trans }}">
+                                                        <span>{{ 'action : exporter' | trans }}</span>
+                                                    </a>
                                                 </div>
                                             </div>
                                         {% endif %}
                                         <div title="" class="context-menu-item">
                                             <div class="context-menu-item-inner record-print-action"
                                                  data-kind="record" data-id="{{record.id}}">
-                                                {{ 'action : print' | trans }}
+                                                <a title="{{ 'action : print' | trans }}" href="#">
+                                                    <img style="cursor:pointer;" src="/assets/common/images/icons/print-shadow.png" alt="{{ 'action : print' | trans }}">
+                                                    <span>{{ 'action : print' | trans }}</span>
+                                                </a>
                                             </div>
                                         </div>
                                         {% if app['conf'].get(['registry', 'actions', 'social-tools']) == 'all'
@@ -138,7 +147,10 @@
                                             {% if record.story is empty %}
                                                 <div title="" class="context-menu-item">
                                                     <div class="context-menu-item-inner share-record-action" data-db="{{record.baseId}}" data-record-id="{{record.recordId}}">
-                                                        {{ 'reponses:: partager' | trans }}
+                                                        <a title="{{ 'reponses:: partager' | trans }}" href="#">
+                                                            <img style="cursor:pointer;" src="/assets/common/images/icons/Share.png" alt="{{ 'reponses:: partager' | trans }}">
+                                                            <span>{{ 'reponses:: partager' | trans }}</span>
+                                                        </a>
                                                     </div>
                                                 </div>
                                             {% endif %}