added reperes, see task #74

css/dist/main.css

@@ -65,9 +65,17 @@ html, body {
       z-index: 2; }
       #main .page .maps .map {
         position: absolute;
+        z-index: 3;
         cursor: pointer; }
         #main .page .maps .map[debug="true"] {
           background-color: rgba(0, 0, 250, 0.4); }
+      #main .page .maps .repere {
+        position: absolute;
+        cursor: pointer;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+        z-index: 2; }
 
 #navigation {
   width: 455.04741mm;

css/main.scss

@@ -85,11 +85,20 @@ $navh:30mm;
       z-index: 2;
       .map{
         position: absolute;
+        z-index: 3;
         cursor: pointer;
         &[debug="true"]{
           background-color: rgba(0, 0, 250, 0.4);
         }
       }
+      .repere{
+        position: absolute;
+        cursor: pointer;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+        z-index: 2;
+      }
     }
 
   }

js/dist/settings.min.js

@@ -1,2 +1,2 @@
 
-var _SETTINGS={'debug':false};
+var _SETTINGS={'debug':true};

js/main.js

@@ -260,7 +260,22 @@ $(document).ready(function() {
                 .parents('.page').find('.overlay')
                   .css({'background-image':'none'});
             })
-        );
+          );
+        if(typeof map.repere !== "undefined"){
+          $p.append(
+            $('<div>')
+              .addClass('repere')
+              .css({
+                "left":map.repere_x+"mm",
+                "top":map.repere_y+"mm",
+                "width":map.repere_w+"mm",
+                "height":map.repere_h+"mm",
+                'background-image':'url(images/reperes/'+map.repere+')'
+              })
+          );
+        }
+
+
       }
       lr++;
     }

js/pages.js

@@ -71,7 +71,12 @@ var _ACTIVE_PAGES={
           "w":10,
           "h":10,
           "over":"mire_rn.svg",
-          "debug":true
+          "repere":"repere-test.svg",
+          "repere_x":100,
+          "repere_y":100,
+          "repere_w":10,
+          "repere_h":10,
+          "debug":false
         },
         {							// TEST MIRE Rouge 5 X 5
           "x":100,