Rename french translation for topic menu (#343)

* refactor: rename french translation for theme and topic menu

* refactor: rename french translation for theme and topic menu

src/fr/composants/menu-des-themes-et-sujets/base.md → src/fr/composants/menu-thematique/base.md

@@ -5,16 +5,16 @@ permalink: false
 tags: ['themeand-topic-menuFR', 'header']
 ---
 
-# Menu des thèmes et sujets <br>`<gcds-component-name>`
+# Menu thématique <br>`<gcds-topic-menu>`
 
 _Autres noms : navigation globale, navigation par thème._
 
-Le menu des thèmes et sujets est un mécanisme de navigation vers les tâches les plus importantes des sites Web du gouvernement du Canada.
+Le menu thématique est un mécanisme de navigation vers les tâches les plus importantes des sites Web du gouvernement du Canada.
 
 {% docLinks locale stage figma github %}
 {% enddocLinks %}
 
-{% componentPreview "Aperçu du composant de menu des thèmes et sujets" "px-0 py-400" %}
+{% componentPreview "Aperçu du composant de menu thématique" "px-0 py-400" %}
 
 <div aria-hidden="true">
   <gcds-topic-menu>

src/fr/composants/menu-thematique/cas-dutilisation.md

@@ -0,0 +1,35 @@
+---
+title: Menu thématique
+layout: 'layouts/component-documentation.njk'
+eleventyNavigation:
+  key: themeand-topic-menuFR
+  title: Menu thématique
+  locale: fr
+  parent: componentsFR
+  otherNames: navigation globale, navigation par thème.
+  description: Le menu thématique est un mécanisme de navigation vers les tâches les plus importantes des sites Web du gouvernement du Canada.
+  thumbnail: /images/common/components/preview-topic-menu.svg
+  alt: Le menu thématique affiche un bouton de menu gris au-dessus d'une liste verticale étendue d'options de menu.
+  state: published
+translationKey: 'themeand-topic-menu'
+tags: ['themeand-topic-menuFR', 'usage']
+permalink: /fr/composants/menu-thematique/
+date: 'git Last Modified'
+---
+
+## Problèmes résolus par le menu thématique
+
+Utilisez le menu thématique pour :
+
+- Permettre aux utilisateur·rice·s de naviguer dans l’ensemble des pages Web du gouvernement du Canada, notamment pour les pages accédées fréquemment à partir de votre site Web.
+
+<article class="bg-full-width bg-primary text-light pt-500 pb-400 my-500">
+  <h2 class="mt-0 mb-400">Composants connexes</h2>
+
+<a href="{{ links.header }}" class="link-light">En-tête</a> : permet de placer l’image de marque du gouvernement du Canada dans l’en-tête.
+
+<a href="{{ links.footer }}" class="link-light">Pied de page</a> : permet de placer l’image de marque du gouvernement du Canada en bas de page.
+
+<a href="{{ links.topNav }}" class="link-light">Barre de navigation supérieure</a> and <a href="{{ links.sideNav }}" class="link-light">barre de navigation latérale</a> pour une navigation plus personnalisée.
+
+</article>

src/fr/composants/menu-des-themes-et-sujets/code.md → src/fr/composants/menu-thematique/code.md

@@ -1,20 +1,20 @@
 ---
-title: Menu des thèmes et sujets
+title: Menu thématique
 layout: 'layouts/component-documentation.njk'
 translationKey: 'themeand-topic-menuCode'
 tags: ['themeand-topic-menuFR', 'code']
 date: 'git Last Modified'
 ---
 
-## Création d'un menu des thèmes et sujets
+## Création d'un menu thématique
 
-Utilisez le menu des thèmes et sujets pour permettre aux utilisateur·rice·s de naviguer à travers l'ensemble des sites du gouvernement du Canada.
+Utilisez le menu thématique pour permettre aux utilisateur·rice·s de naviguer à travers l'ensemble des sites du gouvernement du Canada.
 
-## Codage et accessibilité du menu des thèmes et sujets
+## Codage et accessibilité du menu thématique
 
-### Utilisation du menu des thèmes et sujets avec d'autres composants
+### Utilisation du menu thématique avec d'autres composants
 
-Ajoutez directement le menu des thèmes et sujets à l'<gcds-link href="{{ links.header }}">en-tête</gcds-link> en passant un élément secondaire avec l'attribut `slot="menu"` dans l'en-tête. Cela placera le menu des thèmes et sujets dans l'en-tête, à la suite de la bascule de la langue, la signature et la barre de recherche.
+Ajoutez directement le menu thématique à l'<gcds-link href="{{ links.header }}">en-tête</gcds-link> en passant un élément secondaire avec l'attribut `slot="menu"` dans l'en-tête. Cela placera le menu thématique dans l'en-tête, à la suite de la bascule de la langue, la signature et la barre de recherche.
 
 Remarque : Si vous souhaitez ajouter un menu de thèmes et sujets à la page d'accueil de Canada.ca, utilisez l'attribut `home` pour utiliser le style approprié.
 

src/fr/composants/menu-des-themes-et-sujets/design.md → src/fr/composants/menu-thematique/design.md

@@ -1,23 +1,23 @@
 ---
-title: Menu des thèmes et sujets
-layout: "layouts/component-documentation.njk"
-translationKey: "themeand-topic-menuDesign"
+title: Menu thématique
+layout: 'layouts/component-documentation.njk'
+translationKey: 'themeand-topic-menuDesign'
 tags: ['themeand-topic-menuFR', 'design']
-date: "git Last Modified"
+date: 'git Last Modified'
 ---
 
-## Structure de la Menu des thèmes et sujets
+## Structure de la Menu thématique
 
 <ol class="anatomy-list">
-  <li>Le <strong>bouton du menu</strong> permet d’ouvrir et de fermer le menu des thèmes et sujets.</li>
+  <li>Le <strong>bouton du menu</strong> permet d’ouvrir et de fermer le menu thématique.</li>
   <li>La <strong>section « Thèmes et sujets »</strong> est une liste contenant les thèmes principaux prédéfinis sur Canada.ca.</li>
   <li>Le <strong>menu volant</strong> est une liste de liens pertinents pour chaque sujet. Tous les liens seront chargés et mis à jour automatiquement.</li>
   <li>Les <strong>liens les plus en demande</strong> est une liste des actions les plus fréquemment effectuées pour chaque thème. Tous les liens seront chargés et mis à jour automatiquement.</li>
 </ol>
 
-<img class="b-sm b-default p-400" src="/images/fr/components/anatomy/gcds-topic-menu-anatomy.svg" alt="Le menu des thèmes et sujets avec des flèches numérotées pointant vers les parties individuelles de la structure du composant." />
+<img class="b-sm b-default p-400" src="/images/fr/components/anatomy/gcds-topic-menu-anatomy.svg" alt="Le menu thématique avec des flèches numérotées pointant vers les parties individuelles de la structure du composant." />
 
-## Accessibilité et design des menu des thèmes et sujets
+## Accessibilité et design des menu thématique
 
 - La première lettre du libellé du bouton de menu doit être écrite en majuscule, mais le reste du libellé doit être écrit en minuscules (Menu) afin que les lecteurs d’écran ne lisent pas chaque lettre individuellement.
-- Placez le menu des thèmes et sujets dans l’en-tête sous la ligne de division.
+- Placez le menu thématique dans l’en-tête sous la ligne de division.

src/fr/fr.json

@@ -45,7 +45,7 @@
     "text": "/fr/composants/texte",
     "textarea": "/fr/composants/zone-de-texte",
     "topNav": "/fr/composants/barre-de-navigation-superieure",
-    "topicmenu": "/fr/composants/menu-des-themes-et-sujets/",
+    "topicmenu": "/fr/composants/menu-thematique",
     "verifyBanner": "/fr/developpement-en-cours",
 
     "about": "/fr/a-propos",