added click on chemin de fer, click on arrows, etc

css/main.scss

@@ -94,14 +94,40 @@ $mi:1cm;
     }
   }
 
-  #railway{
-    position:absolute;
+  #navigation{
+    position:absolute; z-index: 3;
     bottom:0; width:100%; // height:2cm;
-    background-color: rgba(0, 0, 0, 0.7);
+    padding:2mm 0;
+    background-color: rgba(26, 26, 26, 0.7);
     overflow: hidden;
     text-align: center;
+    opacity: 0;
+    transition: opacity .3s ease-in-out;
+    &:hover{opacity: 1;}
+  }
+
+  #pagination{
+    color:#fff;
+    font-size: 1em;
+    padding: 0 0 2mm 0;
+    div{
+      display: inline-block;
+      width:49%;
+      &.wrapper-l{left:0; text-align: left;}
+      &.wrapper-r{right:0; text-align: right;}
+      span.p{
+
+      }
+      span.l{
+        cursor: pointer;
+        line-height: -1;
+      }
+    }
+  }
+
+  #railway{
     ul{
-      padding:1mm;
+      padding:1mm; margin:0;
       li{
         display: inline-block; vertical-align: middle;
         background-color: white;
@@ -110,12 +136,16 @@ $mi:1cm;
         background-position: center;
         background-size: cover;
         &.active{
-          width:7mm;
+          width:7mm; cursor: pointer;
         }
         &.page-right{
           margin-right: 1mm;
         }
+        opacity:0.2;
+        transition: opacity 0.3s ease-in-out;
+        &.current, &.active:hover{opacity: 1;}
       }
+      &:hover li{opacity: 1;}
     }
   }