diff --git a/template/yoga/image.css b/template/yoga/image.css
index cff44831e..a7c8dfa83 100644
--- a/template/yoga/image.css
+++ b/template/yoga/image.css
@@ -65,20 +65,23 @@ de l'image...
     margin: 0 auto;
 }
 
-.navThumb.prev {
+.navThumb {
+    margin-top: 2px;
+}
+#thumbPrev {
     float: left;
 }
 
-.navThumb.next {
+#thumbNext {
     float: right;
 }
 
-.thumbLink.prev {
+#linkPrev {
     margin-right: 10px;
     margin-left: 5px;
 }
 
-.thumbLink.next {
+#linkNext {
     margin-right: 5px;
     margin-left: 10px;
 }
diff --git a/template/yoga/picture.tpl b/template/yoga/picture.tpl
index 7a574b36e..c9df55eeb 100644
--- a/template/yoga/picture.tpl
+++ b/template/yoga/picture.tpl
@@ -65,13 +65,13 @@
 </div>
 
 <!-- BEGIN previous -->
-<a class="navThumb prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
-  <img src="{previous.IMG}" class="thumbLink prev" alt="{previous.TITLE_IMG}">
+<a class="navThumb" id="thumbPrev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
+  <img src="{previous.IMG}" class="thumbLink" id="linkPrev" 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}" class="thumbLink next" alt="{next.TITLE_IMG}">
+<a class="navThumb" id="thumbNext" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
+  <img src="{next.IMG}" class="thumbLink" id="linkNext" alt="{next.TITLE_IMG}">
 </a>
 <!-- END next -->