diff --git a/test/Hiking_legend_FR.html b/test/Hiking_legend_FR.html
index cd6afa9..e7ca553 100644
--- a/test/Hiking_legend_FR.html
+++ b/test/Hiking_legend_FR.html
@@ -118,7 +118,7 @@ <h4>Sentiers ( <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Tag
           <td colspan="3" align="center">Accès: « <strong>oui ou sans infos</strong> »</td>
           <td colspan="2" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
@@ -128,7 +128,7 @@ <h4>Sentiers ( <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Tag
           <td colspan="3" align="center">Accès: « <strong>non ou privé</strong> »</td>
           <td colspan="2" align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#dd0e0e" stroke-width="3" />
               </svg>
             </span>
@@ -155,28 +155,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           <td align="center"> T1 </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
@@ -186,28 +186,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           <td align="center"> T2 </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#2d14fd" stroke-width="3" />
               </svg>
             </span>
@@ -217,28 +217,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           <td align="center"> T3 </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF00F5" stroke-width="3" />
               </svg>
             </span>
@@ -248,28 +248,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           <td align="center">T4</td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#ac19ff" stroke-width="3" />
               </svg>
             </span>
@@ -279,21 +279,21 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           <td align="center">T5</td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#00cdcd" stroke-width="3" />
               </svg>
             </span>
@@ -301,7 +301,7 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#00cdcd" stroke-width="3" />
               </svg>
             </span>
@@ -311,28 +311,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           <td align="center">T6</td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <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: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF7F00" stroke-width="3" />
               </svg>
             </span>
@@ -343,28 +343,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,7" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>
           </td>
           <td align="center">
             <span style="display: flex; align-items: center; width: 80%;">
-              <svg width="100%" height="100%" version="1.1">
+              <svg height="20" width="100%">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#64503c" stroke-width="3" />
               </svg>
             </span>