diff --git a/template/yoga/image.css b/template/yoga/image.css
index 74f9e1a66..d3c06eff0 100644
--- a/template/yoga/image.css
+++ b/template/yoga/image.css
@@ -71,6 +71,16 @@ de l'image...
     float: right;
 }
 
+.thumbLink.prev {
+    margin-right: 10px;
+    margin-left: 5px;
+}
+
+.thumbLink.next {
+    margin-right: 5px;
+    margin-left: 10px;
+}
+
 TABLE.infoTable {
     margin: auto;
 }
diff --git a/template/yoga/picture.tpl b/template/yoga/picture.tpl
index 55bd2157b..1e653e8da 100644
--- a/template/yoga/picture.tpl
+++ b/template/yoga/picture.tpl
@@ -66,12 +66,12 @@
 
 <!-- BEGIN previous -->
 <a class="navThumb prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
-  <img src="{previous.IMG}" class="thumbLink" style="margin-right:10px;margin-left:5px;" alt="{previous.TITLE_IMG}">
+  <img src="{previous.IMG}" class="thumbLink prev" alt="{previous.TITLE_IMG}">
 </a>
 <!-- END previous -->
 <!-- BEGIN next -->
 <a class="navThumb next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
-  <img src="{next.IMG}" alt="{next.TITLE_IMG}">
+  <img src="{next.IMG}" class="thumbLink next" alt="{next.TITLE_IMG}">
 </a>
 <!-- END next -->