From a8dce6ae6312c350731ed5fa965aa47b0280187a Mon Sep 17 00:00:00 2001
From: Louis-LJ <79785663+Louis-LJ@users.noreply.github.com>
Date: Sun, 23 Jun 2024 09:39:02 +0200
Subject: [PATCH] fix

---
 test/Hiking_legend_FR.html | 72 +++++++++++++++++++-------------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/test/Hiking_legend_FR.html b/test/Hiking_legend_FR.html
index b31a627..cd6afa9 100644
--- a/test/Hiking_legend_FR.html
+++ b/test/Hiking_legend_FR.html
@@ -65,7 +65,7 @@
       <table style="max-width: 900px;">
         <tr>
           <td colspan="5" align="center">
-            <h4>Chemin/Chemin agricole/piste forestière ( <code><a class="div-link" href="https://wiki.openstreetmap.org/wiki/Tag:highway%3Dtrack">highway=track</a></code> )</h4>
+            <h4>Chemin/Chemin agricole/piste forestière ( <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Tag:highway%3Dtrack">highway=track</a> )</h4>
           </td>
         </tr>
         <tr align="center">
@@ -111,13 +111,13 @@ <h4>Chemin/Chemin agricole/piste forestière ( <code><a class="div-link" href="h
         </tr>
         <tr>
           <td colspan="5" align="center">
-            <h4>Sentiers ( <code><a class="div-link" href="https://wiki.openstreetmap.org/wiki/Tag:highway%3Dpath">highway=path</a></code> )</h4>
+            <h4>Sentiers ( <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Tag:highway%3Dpath">highway=path</a> )</h4>
           </td>
         </tr>
         <tr>
           <td colspan="3" align="center">Accès: « <strong>oui ou sans infos</strong> »</td>
           <td colspan="2" align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
               </svg>
@@ -127,7 +127,7 @@ <h4>Sentiers ( <code><a class="div-link" href="https://wiki.openstreetmap.org/wi
         <tr>
           <td colspan="3" align="center">Accès: « <strong>non ou privé</strong> »</td>
           <td colspan="2" align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#dd0e0e" stroke-width="3" />
               </svg>
@@ -136,7 +136,7 @@ <h4>Sentiers ( <code><a class="div-link" href="https://wiki.openstreetmap.org/wi
         </tr>
         <tr>
           <td colspan="5" align="center">
-            <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href="https://wiki.openstreetmap.org/wiki/Key:sac_scale">sac_scale=*</a> &amp; <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Key:trail_visibility">trail_visibility=*</a></code> )</h4>
+            <h4>Difficulté &amp; visibilité des sentiers ( <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Key:sac_scale">sac_scale=*</a> &amp; <a class="div-link" href="https://wiki.openstreetmap.org/wiki/Key:trail_visibility">trail_visibility=*</a> )</h4>
           </td>
         </tr>
         <tr>
@@ -154,28 +154,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
         <tr>
           <td align="center"> T1 </td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#64503c" stroke-width="3" />
               </svg>
@@ -185,28 +185,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
         <tr>
           <td align="center"> T2 </td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#2d14fd" stroke-width="3" />
               </svg>
@@ -216,28 +216,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
         <tr>
           <td align="center"> T3 </td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF00F5" stroke-width="3" />
               </svg>
@@ -247,28 +247,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
         <tr>
           <td align="center">T4</td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#ac19ff" stroke-width="3" />
               </svg>
@@ -278,21 +278,21 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
         <tr>
           <td align="center">T5</td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,12" stroke="#00cdcd" stroke-width="3" />
               </svg>
@@ -300,7 +300,7 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
           </td>
           </td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#00cdcd" stroke-width="3" />
               </svg>
@@ -310,28 +310,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
         <tr>
           <td align="center">T6</td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#FF7F00" stroke-width="3" />
               </svg>
@@ -342,28 +342,28 @@ <h4>Difficulté &amp; visibilité des sentiers ( <code><a class="div-link" href=
             <font color="#a90601">CAS Off</font>
           </td>
           <td align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <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: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg width="100%" height="100%" version="1.1">
                 <line x1="0%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="0.3,20" stroke="#64503c" stroke-width="3" />
               </svg>
@@ -598,7 +598,7 @@ <h4>Itinéraires</h4>
             Régional
           </td>
           <td colspan="3" align="center">
-            <span style="display: inline-block; height: 1em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
                 <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#FFA500;stroke-width:9" />
                 <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
@@ -611,7 +611,7 @@ <h4>Itinéraires</h4>
             Local
           </td>
           <td colspan="3" align="center">
-            <span style="display: inline-block; height: 0.8em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
                 <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#cccc00;stroke-width:6" />
                 <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />
@@ -624,7 +624,7 @@ <h4>Itinéraires</h4>
             Défaut
           </td>
           <td colspan="3" align="center">
-            <span style="display: inline-block; height: 0.8em; width: 80%;">
+            <span style="display: flex; align-items: center; width: 80%;">
               <svg height="20" width="100%">
                 <line x1="0" y1="50%" x2="100%" y2="50%" style="stroke:#84A8FF;stroke-width:6" />
                 <line x1="2%" x2="100%" y1="50%" y2="50%" stroke-linecap="round" stroke-dasharray="20,6" stroke="#64503c" stroke-width="3" />