diff --git a/test/Hiking_legend_FR.html b/test/Hiking_legend_FR.html
index bd47777..846bd4b 100644
--- a/test/Hiking_legend_FR.html
+++ b/test/Hiking_legend_FR.html
@@ -82,7 +82,7 @@ <h4>Sentiers type IGN (<code>highway=path</code>)</h4>
           <td colspan="2" align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -92,7 +92,7 @@ <h4>Sentiers type IGN (<code>highway=path</code>)</h4>
           <td colspan="2" align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#dd0e0e" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#dd0e0e" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -119,28 +119,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -150,28 +150,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#2d14fd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#2d14fd" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#2d14fd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#2d14fd" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#2d14fd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#2d14fd" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#2d14fd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#2d14fd" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -181,28 +181,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#FF00F5" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#FF00F5" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#FF00F5" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#FF00F5" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#FF00F5" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#FF00F5" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF00F5" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF00F5" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -212,28 +212,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#ac19ff" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#ac19ff" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#ac19ff" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#ac19ff" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#ac19ff" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#ac19ff" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#ac19ff" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#ac19ff" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -243,21 +243,21 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#00cdcd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#00cdcd" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#00cdcd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#00cdcd" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#00cdcd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#00cdcd" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -265,7 +265,7 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#00cdcd" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#00cdcd" stroke-width="3" />
               </svg>
             </span>
           </td>
@@ -275,28 +275,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#FF7F00" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#FF7F00" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#FF7F00" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#FF7F00" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#FF7F00" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#FF7F00" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF7F00" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF7F00" stroke-width="3" />
               </svg>
             </span>
         </tr>
@@ -307,28 +307,28 @@ <h4>Difficulté et visibilité des sentiers (<code>sac_scale=* & trail_visibilit
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: inline-block; height: 1em; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
-                <line x1="0%" x2="100%" y1="60%" y2="60%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#7d5c46" stroke-width="3" />
+                <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#7d5c46" stroke-width="3" />
               </svg>
             </span>
           </td>