Prepare Glossary section for Markdown conversion (#2971)

* Remove seoSummary and summary classes

* Fix hidden blocks / code samples

* Remove span cruft

* Remove <font> and <style .. font..>

* Remove notranslate

* Remove id other than in headings

* Fix pre blocks and remove style

* Fix other report one offs and remove absolute urls

* Remove external classes

* Fixing images url

1 files changed, 6 insertions, 8 deletions

diff --git a/files/fr/glossary/gutters/index.html b/files/fr/glossary/gutters/index.html
index a9128bc13b..eac9e2e8b9 100644
--- a/files/fr/glossary/gutters/index.html
+++ b/files/fr/glossary/gutters/index.html
@@ -12,9 +12,9 @@ original_slug: Glossaire/Gutters
 
 <p>Dans l'exemple ci-dessous  nous avons une grille de pistes de 3 colonnes et 2 rangées, avec 20 pixels d'écart entre les pistes de colonnes et <code>20 px</code> entre les pistes de lignes.</p>
 
-<div id="example_1">
-<div class="hidden">
-<pre class="brush: css">* {box-sizing: border-box;}
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: css hidden">* {box-sizing: border-box;}
 
 .wrapper {
     border: 2px solid #f76707;
@@ -30,7 +30,6 @@ original_slug: Glossaire/Gutters
     color: #d9480f;
 }
 </pre>
-</div>
 
 <pre class="brush: css">.wrapper {
   display: grid;
@@ -50,12 +49,11 @@ original_slug: Glossaire/Gutters
 &lt;/div&gt;
 </pre>
 
-<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p>
-</div>
+<p>{{ EmbedLiveSample('Exemple', '300', '280') }}</p>
 
 <p>En terme de dimensionnement de la grille, l'écart agit comme une grille régulière, mais rien ne peut y être placé. L'écart agit comme si la ligne de grille à cet endroit avait gagné une taille supplémentaire, de sorte que tout élément de grille placé après cette ligne commence à la fin de l'écart.</p>
 
-<p>Les propriétés de l'écart de grille ne sont pas la seule chose qui peut provoquer l'espacement des pistes. Les marges, le remplissage ou l'utilisation des propriétés de distribution d'espace pour <a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_bo%C3%AEtes_avec_les_grilles_CSS">l'alignement des boîtes</a> peuvent tous contribuer à l'écart visible - donc les propriétés de l'écart de grille ne doivent pas être considérées comme égales à la taille de la gouttière, sauf si vous savez que votre conception n'a pas introduit d'espace supplémentaire avec l'une de ces méthodes.</p>
+<p>Les propriétés de l'écart de grille ne sont pas la seule chose qui peut provoquer l'espacement des pistes. Les marges, le remplissage ou l'utilisation des propriétés de distribution d'espace pour <a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_bo%C3%AEtes_avec_les_grilles_CSS">l'alignement des boîtes</a> peuvent tous contribuer à l'écart visible - donc les propriétés de l'écart de grille ne doivent pas être considérées comme égales à la taille de la gouttière, sauf si vous savez que votre conception n'a pas introduit d'espace supplémentaire avec l'une de ces méthodes.</p>
 
 <h2 id="En_apprendre_plus">En apprendre plus</h2>
 
@@ -70,6 +68,6 @@ original_slug: Glossaire/Gutters
 <h3 id="En_lire_plus">En lire plus</h3>
 
 <ul>
- <li>Guide des grilles CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li>
+ <li>Guide des grilles CSS : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li>
  <li><a href="https://drafts.csswg.org/css-grid/#gutters">Définition des gouttières <em>(gutters)</em> dans la spécification des grilles CSS</a> (en)</li>
 </ul>