From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001
From: julieng <julien.gattelier@gmail.com>
Date: Fri, 17 Sep 2021 20:58:15 +0200
Subject: move *.html to *.md

---
 .../layout_cookbook/split_navigation/index.html    | 47 ----------------------
 .../css/layout_cookbook/split_navigation/index.md  | 47 ++++++++++++++++++++++
 2 files changed, 47 insertions(+), 47 deletions(-)
 delete mode 100644 files/fr/web/css/layout_cookbook/split_navigation/index.html
 create mode 100644 files/fr/web/css/layout_cookbook/split_navigation/index.md

(limited to 'files/fr/web/css/layout_cookbook/split_navigation')

diff --git a/files/fr/web/css/layout_cookbook/split_navigation/index.html b/files/fr/web/css/layout_cookbook/split_navigation/index.html
deleted file mode 100644
index aec75bcde2..0000000000
--- a/files/fr/web/css/layout_cookbook/split_navigation/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Navigation segmentée
-slug: Web/CSS/Layout_cookbook/Split_Navigation
-tags:
-  - CSS
-  - Navigation
-  - flexbox
-translation_of: Web/CSS/Layout_cookbook/Split_Navigation
-original_slug: Web/CSS/Layout_cookbook/Navigation_segmentée
----
-<div>{{CSSRef}}</div>
-
-<p>Une barre de navigation divisée consiste en un ou plusieurs éléments de navigation séparés des autres éléments de navigation.</p>
-
-<p><img alt="Items separated into two groups." src="split-navigation.png"></p>
-
-<h2 id="Spécifications_sommaires">Spécifications sommaires</h2>
-
-<p>Une telle barre de navigation consiste généralement à avoir un élément écarté des autres. Pour cela, on va pouvoir utiliser les boîtes flexibles sans avoir besoin de deux conteneurs flexibles.</p>
-
-<h2 id="Exemple_appliqué">Exemple appliqué</h2>
-
-<p>{{EmbedGHLiveSample("css-examples/css-cookbook/split-navigation.html", '100%', 520)}}</p>
-
-<div class="note">
-<p><strong>Note :</strong> <a href="https://github.com/mdn/css-examples/blob/master/css-cookbook/split-navigation--download.html">Télécharger cet exemple</a>.</p>
-</div>
-
-<h2 id="Choix_effectués">Choix effectués</h2>
-
-<p>Ce composant utilise les marges automatiques et les boîtes flexibles pour séparer l'élément voulu.</p>
-
-<p>Une marge automatique absorbe tout l'espace disponible sur la direction à laquelle elle est appliquée. C'est comme cela qu'on peut centrer un bloc avec des marges automatiques, de chaque côté du bloc, la marge essaye de consommer le plus d'espace possible et <em>pousse</em> le bloc au milieu.</p>
-
-<p>Dans notre exemple, c'est la marge à gauche du dernier élément qui est automatique et qui consomme l'espace, poussant ainsi l'élément sur la droite. Pour déplacer la séparation, on peut appliquer la classe <code>push</code> à n'importe quel élément de la liste.</p>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<h4 id="Boîtes_flexibles">Boîtes flexibles</h4>
-
-<p>{{Compat("css.properties.flex")}}</p>
-
-<h2 id="See_also">Voir aussi</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">Le module de spécification <em>CSS Flexible Box Layout</em></a></li>
-</ul>
diff --git a/files/fr/web/css/layout_cookbook/split_navigation/index.md b/files/fr/web/css/layout_cookbook/split_navigation/index.md
new file mode 100644
index 0000000000..aec75bcde2
--- /dev/null
+++ b/files/fr/web/css/layout_cookbook/split_navigation/index.md
@@ -0,0 +1,47 @@
+---
+title: Navigation segmentée
+slug: Web/CSS/Layout_cookbook/Split_Navigation
+tags:
+  - CSS
+  - Navigation
+  - flexbox
+translation_of: Web/CSS/Layout_cookbook/Split_Navigation
+original_slug: Web/CSS/Layout_cookbook/Navigation_segmentée
+---
+<div>{{CSSRef}}</div>
+
+<p>Une barre de navigation divisée consiste en un ou plusieurs éléments de navigation séparés des autres éléments de navigation.</p>
+
+<p><img alt="Items separated into two groups." src="split-navigation.png"></p>
+
+<h2 id="Spécifications_sommaires">Spécifications sommaires</h2>
+
+<p>Une telle barre de navigation consiste généralement à avoir un élément écarté des autres. Pour cela, on va pouvoir utiliser les boîtes flexibles sans avoir besoin de deux conteneurs flexibles.</p>
+
+<h2 id="Exemple_appliqué">Exemple appliqué</h2>
+
+<p>{{EmbedGHLiveSample("css-examples/css-cookbook/split-navigation.html", '100%', 520)}}</p>
+
+<div class="note">
+<p><strong>Note :</strong> <a href="https://github.com/mdn/css-examples/blob/master/css-cookbook/split-navigation--download.html">Télécharger cet exemple</a>.</p>
+</div>
+
+<h2 id="Choix_effectués">Choix effectués</h2>
+
+<p>Ce composant utilise les marges automatiques et les boîtes flexibles pour séparer l'élément voulu.</p>
+
+<p>Une marge automatique absorbe tout l'espace disponible sur la direction à laquelle elle est appliquée. C'est comme cela qu'on peut centrer un bloc avec des marges automatiques, de chaque côté du bloc, la marge essaye de consommer le plus d'espace possible et <em>pousse</em> le bloc au milieu.</p>
+
+<p>Dans notre exemple, c'est la marge à gauche du dernier élément qui est automatique et qui consomme l'espace, poussant ainsi l'élément sur la droite. Pour déplacer la séparation, on peut appliquer la classe <code>push</code> à n'importe quel élément de la liste.</p>
+
+<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+
+<h4 id="Boîtes_flexibles">Boîtes flexibles</h4>
+
+<p>{{Compat("css.properties.flex")}}</p>
+
+<h2 id="See_also">Voir aussi</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout">Le module de spécification <em>CSS Flexible Box Layout</em></a></li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf