diff --git a/files/fr/learn/html/introduction_to_html/test_your_skills_colon__links/index.md b/files/fr/learn/html/introduction_to_html/test_your_skills_colon__links/index.md
index 1b52a9399f1992..985a0f9bd8d63c 100644
--- a/files/fr/learn/html/introduction_to_html/test_your_skills_colon__links/index.md
+++ b/files/fr/learn/html/introduction_to_html/test_your_skills_colon__links/index.md
@@ -28,7 +28,7 @@ Essayez de mettre à jour le code en direct ci-dessous pour recréer l'exemple t
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/links/links1.html", '100%', 700)}}
-> **Remarque :**
+> [!CALLOUT]
>
> [Télécharger les éléments de départ de cette tâche](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/links/links1-download.html) pour travailler dans votre propre éditeur ou dans un éditeur en ligne.
@@ -47,7 +47,7 @@ Essayez de mettre à jour le code en direct ci-dessous pour recréer l'exemple t
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/links/links2.html", '100%', 800)}}
-> **Remarque :**
+> [!CALLOUT]
>
> [Télécharger les éléments de départ de cette tâche](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/links/links2-download.html) pour travailler dans votre propre éditeur ou dans un éditeur en ligne.
@@ -64,6 +64,6 @@ Essayez de mettre à jour le code en direct ci-dessous pour recréer l'exemple t
{{EmbedGHLiveSample("learning-area/html/introduction-to-html/tasks/links/links3.html", '100%', 700)}}
-> **Remarque :**
+> [!CALLOUT]
>
> [Télécharger les éléments de départ de cette tâche](https://github.com/mdn/learning-area/blob/main/html/introduction-to-html/tasks/links/links3-download.html) pour travailler dans votre propre éditeur ou dans un éditeur en ligne.
diff --git a/files/fr/learn/index.md b/files/fr/learn/index.md
index b59a85dcf5372f..bc155b68c98166 100644
--- a/files/fr/learn/index.md
+++ b/files/fr/learn/index.md
@@ -13,7 +13,7 @@ Le but de cette section de MDN n'est pas de vous faire passer de « débuta
Si vous débutez complètement, le développement web peut être un réel défi : notre but est de simplifier suffisamment le sujet pour que vous appreniez facilement, tout en vous fournissant assez de détails pour que vous soyez autonome. Vous devriez vous sentir chez vous, que vous soyez étudiant·e apprenant le développement web (de votre propre gré ou dans le cadre de vos études), un·e enseignant·e recherchant des supports de cours, une amatrice ou un amateur ou encore quelqu'un qui souhaite simplement comprendre comment fonctionnent le Web et ses technologies.
-> **Remarque :**
+> [!CALLOUT]
>
> Vous voulez devenir développeuse ou développeur web front-end ?
>
diff --git a/files/fr/learn/javascript/asynchronous/index.md b/files/fr/learn/javascript/asynchronous/index.md
index a528e6f7a3d2fd..7eb91c45b48b07 100644
--- a/files/fr/learn/javascript/asynchronous/index.md
+++ b/files/fr/learn/javascript/asynchronous/index.md
@@ -7,9 +7,9 @@ slug: Learn/JavaScript/Asynchronous
Dans ce module, nous examinons le [JavaScript](/fr/docs/Glossary/JavaScript) [asynchrone](/fr/docs/Glossary/Asynchronous), pourquoi il est important et comment il peut être utilisé afin de gérer efficacement les opérations potentiellement bloquantes telles que la récupération de ressources sur un serveur.
-> **Remarque :**
+> [!CALLOUT]
>
-> #### Vous cherchez à devenir développeuse ou développeur web front-end ?
+> Vous cherchez à devenir développeuse ou développeur web front-end ?
>
> Nous avons élaboré un cours qui comprend toutes les informations essentielles dont vous avez besoin pour atteindre votre objectif.
>
diff --git a/files/fr/learn/javascript/objects/index.md b/files/fr/learn/javascript/objects/index.md
index 788272221141c3..1d11774ef6498b 100644
--- a/files/fr/learn/javascript/objects/index.md
+++ b/files/fr/learn/javascript/objects/index.md
@@ -9,9 +9,9 @@ l10n:
En JavaScript, la plupart des valeurs manipulées sont des objets, qu'ils proviennent des fonctionnalités natives du langage, comme les tableaux, ou qu'ils soient fournis par les API du navigateur. Il est aussi possible de créer ses propres objets qui contiendront des propriétés avec des données ou des fonctions. JavaScript est un langage orienté objet et la compréhension de cette notion est nécessaire pour approfondir ses connaissances dans ce langage. Nous avons donc construit un module pour vous aider, où nous vous apprendrons la théorie du modèle objet et les détails de la syntaxe JavaScript associée. Nous verrons ensuite comment créer ses propres objets.
-> **Remarque :**
+> [!CALLOUT]
>
-> #### Vous souhaitez devenir développeuse ou développeur web ?
+> Vous souhaitez devenir développeuse ou développeur web ?
>
> Nous avons construit un cursus contenant toutes les informations essentielles pour parvenir à cet objectif.
>
diff --git a/files/fr/learn/tools_and_testing/github/index.md b/files/fr/learn/tools_and_testing/github/index.md
index 2a4c4b0f005305..17cf9d64d14649 100644
--- a/files/fr/learn/tools_and_testing/github/index.md
+++ b/files/fr/learn/tools_and_testing/github/index.md
@@ -20,7 +20,7 @@ Les systèmes de contrôle des versions fournissent des outils pour répondre à
> **Note :** Git est en fait un système de contrôle des versions _distribué_, signifiant qu'une copie complète du dépôt contenant la base de code est fait sur votre ordinateur (et celui de tous les autres participants). Vous modifiez votre propre copie et puis vous les envoyez vers le serveur, où un administrateur pourra décider de les fusionner avec la copie commune ou non.
-> **Remarque :**
+> [!CALLOUT]
>
> Vous cherchez à devenir un développeur web front-end ?
>
diff --git a/files/fr/web/css/reference/index.md b/files/fr/web/css/reference/index.md
index 9276b56db93af0..e31d77f7abc312 100644
--- a/files/fr/web/css/reference/index.md
+++ b/files/fr/web/css/reference/index.md
@@ -96,7 +96,7 @@ Les combinateurs sont des sélecteurs qui établissent une relation entre deux s
- [Pseudo-éléments](/fr/docs/Web/CSS/Pseudo-elements) `::`
- : Représente des entités qui ne sont pas incluses en HTML.
-> **Remarque :**
+> [!CALLOUT]
>
> See also [Selectors in the Selectors Level 4 specification](https://www.w3.org/TR/selectors/#overview).
diff --git a/files/fr/web/html/index.md b/files/fr/web/html/index.md
index 6e775f4f1af1a5..b9b87d1ee37b83 100644
--- a/files/fr/web/html/index.md
+++ b/files/fr/web/html/index.md
@@ -24,9 +24,9 @@ Les articles suivants fournissent des éléments de référence utiles au dével
- Référence HTML
- : Dans notre [référence exhaustive](/fr/docs/Web/HTML/Reference), vous trouverez le détail de chaque élément et attribut constituant HTML.
-> **Remarque :**
+> [!CALLOUT]
>
-> #### Vous cherchez à devenir un développeur web front-end ?
+> Vous cherchez à devenir un développeur web front-end ?
>
> Nous avons élaboré un cours qui comprend toutes les informations essentielles dont vous avez besoin pour atteindre votre objectif.
>