Prepare CSS section for Markdown conversion (#2307)

* Removes summary / seoSummary classes

* Remove div class=hidden and some notranslate

* Remove hidden paragraphs for live sample

* Remove hidden paragraphs for live sample - take 2

* Remove other hidden div and p - updated w/ en-US when necessary

* Remove ids

* Remove notranslate class

* Fix typo which broke build

* remove div class='index'

* remove useless <span style=...>

* remove non typographical sups

* remove non typographical subs

* remove blockindicator and fix some div.note

* fix build :/

* remove useless classes

* fix build - again :x

* fix unhandled elements 1/N + embedlivesample build fail

* fix div.warning

* Fix fixable flaws - hoping to reduce error conversion

* Remove unecessary images (same as en-US)

* fix div notes

* fix warnings

* fix some dl handling

* fix dls

* Fix a bunch of conversion errors

* rm unhandled figures

* Fix other set of issues and revamp easing-function page

* Fix some one-offs conversion errors (incl. deki files)

* fix the rest of one-off conversion issues

* Fix last dl standing

5 files changed, 29 insertions, 45 deletions

diff --git a/files/fr/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.html b/files/fr/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.html
index 9487c666d5..f7fc54380d 100644
--- a/files/fr/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.html
+++ b/files/fr/web/css/css_box_alignment/box_alignment_in_block_abspos_tables/index.html
@@ -9,7 +9,7 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_bloc_abs
 ---
 <div>{{CSSRef}}</div>
 
-<p class="summary">Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes dans une disposition en bloc, y compris pour les éléments flottants, les éléments positionnés et les tableaux. Cette page détaille les aspects spécifiques relatifs à l'alignement et à la disposition en bloc. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
+<p>Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes dans une disposition en bloc, y compris pour les éléments flottants, les éléments positionnés et les tableaux. Cette page détaille les aspects spécifiques relatifs à l'alignement et à la disposition en bloc. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
 
 <div class="note">
 <p><strong>Note :</strong> À l'heure où cet article est écrit (juin 2018), il n'y a pas de réelle prise en charge des propriétés d'alignement pour la disposition en bloc. Ce document détaille les intentions de la spécification dans un souci d'exhaustivité mais il est probable que des modifications soient apportées au fur et à mesure de l'évolution de la spécification et de l'implémentation par les navigateurs.</p>
diff --git a/files/fr/web/css/css_box_alignment/box_alignment_in_flexbox/index.html b/files/fr/web/css/css_box_alignment/box_alignment_in_flexbox/index.html
index f644790b67..2eb9626f5a 100644
--- a/files/fr/web/css/css_box_alignment/box_alignment_in_flexbox/index.html
+++ b/files/fr/web/css/css_box_alignment/box_alignment_in_flexbox/index.html
@@ -10,7 +10,7 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_Flexbox
 ---
 <div>{{CSSRef}}</div>
 
-<p class="summary">Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec les boîtes flexibles (<em>flexbox</em>). Cette page détaille les aspects spécifiques relatifs à l'alignement et aux boîtes flexibles. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
+<p>Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec les boîtes flexibles (<em>flexbox</em>). Cette page détaille les aspects spécifiques relatifs à l'alignement et aux boîtes flexibles. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
 
 <h2 id="Exemple_simple">Exemple simple</h2>
 
@@ -81,7 +81,6 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_Flexbox
 
 <h3 id="Propriétés_CSS">Propriétés CSS</h3>
 
-<div class="index">
 <ul>
  <li>{{cssxref("justify-content")}}</li>
  <li>{{cssxref("align-content")}}</li>
@@ -94,16 +93,13 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_Flexbox
  <li>{{cssxref("column-gap")}}</li>
  <li>{{cssxref("gap")}}</li>
 </ul>
-</div>
 
 <h3 id="Termes_du_glossaire">Termes du glossaire</h3>
 
-<div class="index">
 <ul>
  <li><a href="/fr/docs/Glossaire/Axe_transversal">Axe secondaire</a></li>
  <li><a href="/fr/docs/Glossaire/Axe_principal">Axe principal</a></li>
 </ul>
-</div>
 
 <h2 id="Guides">Guides</h2>
 
diff --git a/files/fr/web/css/css_box_alignment/box_alignment_in_grid_layout/index.html b/files/fr/web/css/css_box_alignment/box_alignment_in_grid_layout/index.html
index 7efe8c5be7..8e6f9623b5 100644
--- a/files/fr/web/css/css_box_alignment/box_alignment_in_grid_layout/index.html
+++ b/files/fr/web/css/css_box_alignment/box_alignment_in_grid_layout/index.html
@@ -11,7 +11,7 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_grille
 ---
 <div>{{CSSRef}}</div>
 
-<p class="summary">Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">les grilles CSS</a>. Cette page détaille les aspects spécifiques relatifs à l'alignement et aux grilles. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
+<p>Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">les grilles CSS</a>. Cette page détaille les aspects spécifiques relatifs à l'alignement et aux grilles. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
 
 <h2 id="Exemple_simple">Exemple simple</h2>
 
@@ -25,7 +25,7 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_grille
 
 <p>L'axe en ligne correspond à l'axe selon lequel les mots d'une phrase sont écrits pour le mode d'écriture utilisé. Ainsi, pour une langue écrite horizontalement (comme le français ou l'arabe), l'axe en ligne sera horizontal. Pour les modes d'écriture verticaux, cet axe sera vertica.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15962/Inline_Axis.png" style="height: 306px; width: 940px;"></p>
+<p><img alt="" src="inline_axis.png"></p>
 
 <p>Pour aligner des éléments selon l'axe en ligne, on utilisera les propriétés commençant par <code>justify-</code> : {{cssxref("justify-content")}}, {{cssxref("justify-items")}} et {{cssxref("justify-self")}}.</p>
 
@@ -33,7 +33,7 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_grille
 
 <p>Pour aligner des éléments sur l'axe de bloc, on utilisera les propriétés commençant par <code>align-</code> : {{cssxref("align-content")}}, {{cssxref("align-items")}} et {{cssxref("align-self")}}.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15961/Block_Axis.png" style="height: 306px; width: 940px;"></p>
+<p><img alt="" src="block_axis.png"></p>
 
 <h2 id="Alignement_individuel">Alignement individuel</h2>
 
@@ -66,12 +66,12 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_grille
  <li>{{cssxref("row-gap")}}</li>
  <li>{{cssxref("column-gap")}}</li>
  <li>{{cssxref("gap")}}</li>
- <li>{{cssxref("grid-row-gap")}}</li>
+ <li>{{cssxref("row-gap")}}</li>
  <li>{{cssxref("grid-column-gap")}}</li>
- <li>{{cssxref("grid-gap")}}</li>
+ <li>{{cssxref("gap")}}</li>
 </ul>
 
-<p>La spécification sur les grilles contenaient initialement les définitions des propriétés {{cssxref("grid-row-gap")}}, {{cssxref("grid-column-gap")}} et {{cssxref("grid-gap")}}. Les définitions de ces propriétés ont depuis été déplacées dans le module de spécification <em>Box Alignment</em> et ont respectivement été renommées en {{cssxref("row-gap")}}, {{cssxref("column-gap")}} et {{cssxref("gap")}}. Ainsi, elles peuvent être utilisées pour d'autres méthodes de disposition où les gouttières sont pertinentes.</p>
+<p>La spécification sur les grilles contenaient initialement les définitions des propriétés {{cssxref("row-gap")}}, {{cssxref("grid-column-gap")}} et {{cssxref("gap")}}. Les définitions de ces propriétés ont depuis été déplacées dans le module de spécification <em>Box Alignment</em> et ont respectivement été renommées en {{cssxref("row-gap")}}, {{cssxref("column-gap")}} et {{cssxref("gap")}}. Ainsi, elles peuvent être utilisées pour d'autres méthodes de disposition où les gouttières sont pertinentes.</p>
 
 <p>À l'heure actuelle (juin 2018), seul Microsoft Edge prend en charge les versions non-préfixées pour ces propriétés. Il vaut donc mieux utiliser les deux versions (avec puis sans préfixe <code>grid-</code>) afin d'assurer une meilleure compatibilité.</p>
 
@@ -79,7 +79,6 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_grille
 
 <h3 id="Propriétés_CSS">Propriétés CSS</h3>
 
-<div class="index">
 <ul>
  <li>{{cssxref("justify-content")}}</li>
  <li>{{cssxref("align-content")}}</li>
@@ -94,21 +93,18 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_grille
  <li>{{cssxref("column-gap")}}</li>
  <li>{{cssxref("gap")}}</li>
 </ul>
-</div>
 
 <h3 id="Termes_du_glossaire">Termes du glossaire</h3>
 
-<div class="index">
 <ul>
- <li><a href="/fr/docs/Glossaire/Axe_transversal">Axe secondaire</a></li>
- <li><a href="/fr/docs/Glossaire/Axe_principal">Axe principal</a></li>
+ <li><a href="/fr/docs/Glossary/Cross_Axis">Axe secondaire</a></li>
+ <li><a href="/fr/docs/Glossary/Main_Axis">Axe principal</a></li>
 </ul>
-</div>
 
 <h2 id="Guides">Guides</h2>
 
 <ul>
- <li><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_boîtes_avec_les_grilles_CSS">Aligner les boîtes dans une disposition en grille</a></li>
+ <li><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Aligner les boîtes dans une disposition en grille</a></li>
 </ul>
 
 <h2 id="Ressources_externes">Ressources externes</h2>
diff --git a/files/fr/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.html b/files/fr/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.html
index 81fa6692ae..f6195db8dc 100644
--- a/files/fr/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.html
+++ b/files/fr/web/css/css_box_alignment/box_alignment_in_multi-column_layout/index.html
@@ -9,7 +9,7 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_colonnes
 ---
 <div>{{CSSRef}}</div>
 
-<p class="summary">Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec <a href="/fr/docs/Web/CSS/Colonnes_CSS">une disposition multi-colonnes</a>. Cette page détaille les aspects spécifiques relatifs à l'alignement et au module <em>Multi-Column Layout</em>. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
+<p>Le module de spécification <em><a href="/fr/docs/Web/CSS/CSS_Box_Alignment">Box Alignment</a></em> détaille le fonctionnement de l'alignement selon les différentes méthodes de disposition. Dans cet article, nous verrons comment fonctionne l'alignement des boîtes avec <a href="/fr/docs/Web/CSS/Colonnes_CSS">une disposition multi-colonnes</a>. Cette page détaille les aspects spécifiques relatifs à l'alignement et au module <em>Multi-Column Layout</em>. Pour une description générale des fonctionnalités communes pour les différentes dispositions, voir <a href="/fr/docs/Web/CSS/CSS_Box_Alignment">la page principale sur cette spécification</a>.</p>
 
 <p>Pour une disposition en colonne, le conteneur d'alignement est le conteneur de colonnes. Le sujet d'alignement correspond à la boîte de colonne. Les propriétés qui s'appliquent pour ce type de disposition sont détaillées ci-après.</p>
 
@@ -33,20 +33,16 @@ original_slug: Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_colonnes
 
 <h3 id="Propriétés_CSS">Propriétés CSS</h3>
 
-<div class="index">
 <ul>
  <li>{{cssxref("justify-content")}}</li>
  <li>{{cssxref("align-content")}}</li>
  <li>{{cssxref("column-gap")}}</li>
 </ul>
-</div>
 
 <h3 id="Termes_du_glossaire">Termes du glossaire</h3>
 
-<div class="index">
 <ul>
  <li><a href="/fr/docs/Glossary/Alignment_Subject">Sujet d'alignement</a></li>
  <li><a href="/fr/docs/Glossary/Alignment_Container">Conteneur d'alignement</a></li>
  <li><a href="/fr/docs/Glossary/Fallback_Alignment">Alignement de recours</a></li>
 </ul>
-</div>
diff --git a/files/fr/web/css/css_box_alignment/index.html b/files/fr/web/css/css_box_alignment/index.html
index e0787aca03..18feaec140 100644
--- a/files/fr/web/css/css_box_alignment/index.html
+++ b/files/fr/web/css/css_box_alignment/index.html
@@ -9,21 +9,21 @@ translation_of: Web/CSS/CSS_Box_Alignment
 ---
 <div>{{CSSRef}}</div>
 
-<p class="summary">Le module de spécification <em>CSS Box Alignment</em> (alignement des boîtes en CSS) décrit les fonctionnalités relatives à l'alignement des boîtes pour les différents modes de disposition CSS : disposition en bloc, en tableau, disposition flexible et disposition en grille. L'objectif de ce module est d'obtenir des méthodes d'alignement cohérentes pour tout CSS. Dans ce guide, nous verrons les différents concepts utilisés par cette spécification.</p>
+<p>Le module de spécification <em>CSS Box Alignment</em> (alignement des boîtes en CSS) décrit les fonctionnalités relatives à l'alignement des boîtes pour les différents modes de disposition CSS : disposition en bloc, en tableau, disposition flexible et disposition en grille. L'objectif de ce module est d'obtenir des méthodes d'alignement cohérentes pour tout CSS. Dans ce guide, nous verrons les différents concepts utilisés par cette spécification.</p>
 
 <div class="note">
-<p><strong>Note : </strong>La documentation relative à chaque méthode de disposition explicitera comment le module d'alignement est appliqué pour cette méthode.</p>
+<p><strong>Note :</strong> La documentation relative à chaque méthode de disposition explicitera comment le module d'alignement est appliqué pour cette méthode.</p>
 </div>
 
 <h2 id="Anciennes_méthodes_d'alignement">Anciennes méthodes d'alignement</h2>
 
 <p>Par le passé, CSS disposait de peu d'outils pour l'alignement. Le texte pouvait être aligné grâce à {{cssxref("text-align")}}, les blocs pouvaient être centrés avec des marges ({{cssxref("margin")}}) automatique et les tableaux ou éléments en affichage <em>inline-block</em> pouvaient tirer parti de {{cssxref("vertical-align")}}. Désormais, l'alignement du texte est couvert par les modules <a href="https://www.w3.org/TR/css-inline-3/">Inline Layout</a> et <a href="https://www.w3.org/TR/css-text-3/">CSS Text</a> et, pour la première fois, avec le module <em>Box Alignment</em>, on dispose d'outils complets pour l'alignement vertical et horizontal.</p>
 
-<p>Si vous connaissez déjà <a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS">les boîtes flexibles (<em>flexbox</em>)</a>, vous reconnaitrez certaines propriétés faisant partie de la spécification de niveau 1 pour Flexbox. Toutefois, la spécification indique que la spécification <em>Box Alignment</em> est prioritaire car elle peut décrire certaines fonctionnalités supplémentaires.</p>
+<p>Si vous connaissez déjà <a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout">les boîtes flexibles (<em>flexbox</em>)</a>, vous reconnaitrez certaines propriétés faisant partie de la spécification de niveau 1 pour Flexbox. Toutefois, la spécification indique que la spécification <em>Box Alignment</em> est prioritaire car elle peut décrire certaines fonctionnalités supplémentaires.</p>
 
 <h2 id="Exemples_simples">Exemples simples</h2>
 
-<p>Dans les exemples suivants, nous allons voir comment certaines des propriétés d'alignement peuvent être appliquées sur des dispositions <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">en grille</a> ou utilisant <a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS">les boîtes flexibles</a>.</p>
+<p>Dans les exemples suivants, nous allons voir comment certaines des propriétés d'alignement peuvent être appliquées sur des dispositions <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">en grille</a> ou utilisant <a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout">les boîtes flexibles</a>.</p>
 
 <h3 id="Alignement_pour_une_disposition_en_grille">Alignement pour une disposition en grille</h3>
 
@@ -49,7 +49,7 @@ translation_of: Web/CSS/CSS_Box_Alignment
 
 <p>Lorsqu'on utilise les propriétés d'alignement, on aligne le contenu selon deux axes : l'axe en ligne (<em>inline axis</em>) et l'axe de bloc (<em>block axis</em>). L'axe en ligne correspond à l'axe selon lequel les mots sont écrits pour ce mode d'écriture. En français, par exemple, l'axe en ligne est un axe horizontal dirigé de la gauche vers la droite. L'axe de bloc est orthogonal à l'axe en ligne et suit la direction selon laquelle les blocs de texte sont disposés les uns à la suite des autres.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15952/two-axes.png"></p>
+<p><img alt="" src="two-axes.png"></p>
 
 <p>Lorsqu'on aligne des objets le long de l'axe en ligne, on utilisera les propriétés qui commencent par <code>justify-</code>:</p>
 
@@ -79,7 +79,7 @@ translation_of: Web/CSS/CSS_Box_Alignment
 
 <p>Dans l'image qui suit, on voit un conteneur d'alignement qui contient deux sujets.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15953/align-container-subjects.png" style="height: 170px; width: 248px;"></p>
+<p><img alt="" src="align-container-subjects.png"></p>
 
 <h3 id="L'alignement_de_recours_(fallback)">L'alignement de recours (<em>fallback</em>)</h3>
 
@@ -117,7 +117,7 @@ translation_of: Web/CSS/CSS_Box_Alignment
 
 <p>On voit ici que ces deux exemples utilisent <code>justify-content: start</code> mais que l'emplacement des sujets varie selon le mode d'écriture.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15956/writing-mode-start.png" style="height: 101px; width: 478px;"></p>
+<p><img alt="" src="writing-mode-start.png"></p>
 
 <h3 id="Alignement_selon_la_ligne_de_base">Alignement selon la ligne de base</h3>
 
@@ -146,11 +146,11 @@ translation_of: Web/CSS/CSS_Box_Alignment
 
 <p>Ainsi, si des objets flexibles sont alignés avec <code>flex-start</code> et qu'on travaille dans un mode d'écriture horizontal de gauche à droite et de haut en bas (comme le français) avec <code>flex-direction</code> qui vaut <code>row</code>, les sujets commenceront à gauche et l'espace disponible sera affiché à droite après que les sujets aient été placés.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15954/justify-content-start.png" style="height: 100px; width: 559px;"></p>
+<p><img alt="" src="justify-content-start.png"></p>
 
 <p>Si on utilise <code>justify-content: space-between</code> sur le conteneur flexible, l'espace disponible sera alors réparti entre les objets.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15955/justify-content-space-between.png" style="height: 100px; width: 559px;"></p>
+<p><img alt="" src="justify-content-space-between.png"></p>
 
 <p>Pour que ces mots-clés aient un effet, il est nécessaire qu'il reste de l'espace supplémentaire. S'il n'y a plus d'espace, aucune distribution ne pourra être effectuée.</p>
 
@@ -176,12 +176,12 @@ translation_of: Web/CSS/CSS_Box_Alignment
 
 <p>{{EmbedGHLiveSample("css-examples/box-alignment/overview/grid-gap.html", '100%', 500)}}</p>
 
-<p>Dans cet exemple, on utilise la propriété {{cssxref("grid-gap")}} en plus de la propriété {{cssxref("gap")}}. Les propriétés d'espacement, initialement définies pour la disposition en grille, étaient préfixées par <code>grid-</code> et certains navigateurs ne prennent encore en charge que ces versions préfixées :</p>
+<p>Dans cet exemple, on utilise la propriété {{cssxref("gap")}} en plus de la propriété {{cssxref("gap")}}. Les propriétés d'espacement, initialement définies pour la disposition en grille, étaient préfixées par <code>grid-</code> et certains navigateurs ne prennent encore en charge que ces versions préfixées :</p>
 
 <ul>
- <li>{{cssxref("grid-row-gap")}}</li>
+ <li>{{cssxref("row-gap")}}</li>
  <li>{{cssxref("grid-column-gap")}}</li>
- <li>{{cssxref("grid-gap")}}</li>
+ <li>{{cssxref("gap")}}</li>
 </ul>
 
 <p>Ces versions préfixées seront maintenues comme des alias des propriétés non-préfixées. Toutefois, il est toujours possible de les dédoubler comme on le fait avec les propriétés préfixées des différents éditeurs : déclarer la propriété <code>grid-gap</code> puis <code>gap</code> avec la même valeur.</p>
@@ -203,7 +203,6 @@ translation_of: Web/CSS/CSS_Box_Alignment
 
 <h3 id="Propriétés_CSS">Propriétés CSS</h3>
 
-<div class="index">
 <ul>
  <li>{{cssxref("justify-content")}}</li>
  <li>{{cssxref("align-content")}}</li>
@@ -218,26 +217,23 @@ translation_of: Web/CSS/CSS_Box_Alignment
  <li>{{cssxref("column-gap")}}</li>
  <li>{{cssxref("gap")}}</li>
 </ul>
-</div>
 
 <h3 id="Termes_du_glossaire">Termes du glossaire</h3>
 
-<div class="index">
 <ul>
- <li><a href="/fr/docs/Glossaire/Axe_transversal">Axe secondaire</a></li>
- <li><a href="/fr/docs/Glossaire/Axe_principal">Axe principal</a></li>
+ <li><a href="/fr/docs/Glossary/Cross_Axis">Axe secondaire</a></li>
+ <li><a href="/fr/docs/Glossary/Main_Axis">Axe principal</a></li>
  <li><a href="/fr/docs/Glossary/Alignment_Container">Conteneur d'alignement</a></li>
  <li><a href="/fr/docs/Glossary/Alignment_Subject">Sujet d'alignement</a></li>
  <li><a href="/fr/docs/Glossary/Fallback_Alignment">Alignement de recours</a></li>
 </ul>
-</div>
 
 <h2 id="Guides">Guides</h2>
 
 <ul>
- <li>Guide CSS sur Flexbox : <em><a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS/Concepts_de_base_flexbox">Les concepts de base de Flexbox</a></em></li>
- <li>Guide CSS sur Flexbox : <em><a href="/fr/docs/Web/CSS/Disposition_flexbox_CSS/Aligner_des_éléments_dans_un_conteneur_flexible">Aligner les éléments d'un conteneur flexible</a></em></li>
- <li>Guide CSS sur les grilles : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_boîtes_avec_les_grilles_CSS">Aligner les boîtes dans une disposition en grille</a></em></li>
+ <li>Guide CSS sur Flexbox : <em><a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Les concepts de base de Flexbox</a></em></li>
+ <li>Guide CSS sur Flexbox : <em><a href="/fr/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligner les éléments d'un conteneur flexible</a></em></li>
+ <li>Guide CSS sur les grilles : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Aligner les boîtes dans une disposition en grille</a></em></li>
 </ul>
 
 <h2 id="Ressources_externes">Ressources externes</h2>