diff --git a/templates/web/prod/preview/basket_train.html.twig b/templates/web/prod/preview/basket_train.html.twig
index 1a1daa19f7..e8a1800e60 100644
--- a/templates/web/prod/preview/basket_train.html.twig
+++ b/templates/web/prod/preview/basket_train.html.twig
@@ -56,8 +56,10 @@
          <button class="preview-navigate-action" data-direction="forward">
              <i class="fa fa-caret-right" aria-hidden="true"></i>
          </button><br/>
-       <span onclick="startSlide()" id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }}</span>
-       <span onclick="stopSlide()" id="stop_slide">{{ 'preview:: arreter le diaporama' | trans }}</span>
+         <span class="preview-start-slideshow-action"
+               id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
+         <span class="preview-stop-slideshow-action"
+               id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
      </div>
    </div>
    <div id="PREVIEWTOOL">
diff --git a/templates/web/prod/preview/feed_train.html.twig b/templates/web/prod/preview/feed_train.html.twig
index 4fd455e9fe..d832d0189f 100644
--- a/templates/web/prod/preview/feed_train.html.twig
+++ b/templates/web/prod/preview/feed_train.html.twig
@@ -54,8 +54,10 @@
          <button class="preview-navigate-action" data-direction="forward">
              <i class="fa fa-caret-right" aria-hidden="true"></i>
          </button><br/>
-         <span onclick="startSlide()" id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }}</span>
-         <span onclick="stopSlide()" id="stop_slide">{{ 'preview:: arreter le diaporama' | trans }}</span>
+         <span class="preview-start-slideshow-action"
+               id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
+         <span class="preview-stop-slideshow-action"
+               id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
      </div>
    </div>
    <div id="PREVIEWTOOL">
diff --git a/templates/web/prod/preview/reg_train.html.twig b/templates/web/prod/preview/reg_train.html.twig
index 0a751418af..2f0c1b9800 100644
--- a/templates/web/prod/preview/reg_train.html.twig
+++ b/templates/web/prod/preview/reg_train.html.twig
@@ -90,9 +90,10 @@
                 <button class="preview-navigate-action" data-direction="forward">
                     <i class="fa fa-caret-right" aria-hidden="true"></i>
                 </button><br/>
-                <span onclick="startSlide()" id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }}</span>
-                <span onclick="stopSlide()" id="stop_slide">{{ 'preview:: arreter le diaporama' | trans }}</span>
-            </div>
+                <span class="preview-start-slideshow-action"
+                      id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
+                <span class="preview-stop-slideshow-action"
+                      id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
         </div>
         <div id="PREVIEWTOOL">
             {% include 'prod/preview/tools.html.twig' %}
diff --git a/templates/web/prod/preview/result_train.html.twig b/templates/web/prod/preview/result_train.html.twig
index 2b8110c09d..2e1d20afbb 100644
--- a/templates/web/prod/preview/result_train.html.twig
+++ b/templates/web/prod/preview/result_train.html.twig
@@ -50,8 +50,10 @@
             <button class="preview-navigate-action" data-direction="forward">
                 <i class="fa fa-caret-right" aria-hidden="true"></i>
             </button><br/>
-            <span onclick="startSlide()" id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
-            <span onclick="stopSlide()" id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
+            <span class="preview-start-slideshow-action"
+                  id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
+            <span class="preview-stop-slideshow-action"
+                  id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
         </div>
     </div>
     <div id="PREVIEWTOOL"></div>
diff --git a/templates/web/prod/preview/result_train_options.html.twig b/templates/web/prod/preview/result_train_options.html.twig
index 9120495e15..04d71ead7e 100644
--- a/templates/web/prod/preview/result_train_options.html.twig
+++ b/templates/web/prod/preview/result_train_options.html.twig
@@ -4,8 +4,10 @@
         <button class="preview-navigate-action" data-direction="backward">
             <i class="fa fa-caret-left" aria-hidden="true"></i>
         </button>
-        <span onclick="startSlide()" id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }}</span>
-        <span onclick="stopSlide()" id="stop_slide">{{ 'preview:: arreter le diaporama' | trans }}</span>
+        <span class="preview-start-slideshow-action"
+              id="start_slide">{{ 'preview:: demarrer le diaporama' | trans }} </span>
+        <span class="preview-stop-slideshow-action"
+              id="stop_slide"> {{ 'preview:: arreter le diaporama' | trans }} </span>
         <button class="preview-navigate-action" data-direction="forward">
             <i class="fa fa-caret-right" aria-hidden="true"></i>
         </button><br/>