Fix md conversion errors (#3021)

4 files changed, 25 insertions, 56 deletions

diff --git a/files/fr/web/media/formats/image_types/index.html b/files/fr/web/media/formats/image_types/index.html
index fba64531f0..06035c62ec 100644
--- a/files/fr/web/media/formats/image_types/index.html
+++ b/files/fr/web/media/formats/image_types/index.html
@@ -35,7 +35,6 @@ original_slug: Web/Media/Formats/Types_des_images
 
 <p>Il existe de nombreux formats de fichiers d'images dans le monde. Toutefois, ceux qui sont énumérés ci-dessous sont généralement reconnus comme utilisables sur le Web, bien que <strong>BMP ne soit généralement pas recommandé</strong>, car la prise en charge par les navigateurs est potentiellement limitée ; il faut généralement l'éviter pour le contenu Web.</p>
 
-<div id="table-of-image-file-types">
 <table class="standard-table">
  <thead>
   <tr>
@@ -106,14 +105,12 @@ original_slug: Web/Media/Formats/Types_des_images
   </tr>
  </tbody>
 </table>
-</div>
 
 <p>Les formats moins récents comme PNG, JPEG, GIF possèdent de moins bonnes performances que des formats comme WebP et AVIF mais bénéficient d'une compatibilité navigateur plus large. Les formats plus récents gagnent en popularité du fait que la part des navigateurs incompatibles diminue.</p>
 </div>
 
 <p>Le tableau qui suit indique les formats d'image qui peuvent également être utilisés sur le Web mais qui devraient être évités en raison de leur compatibilité faible ou de l'existence de meilleurs formats.</p>
 
-<div id="table-of-less-used-image-file-types">
   <table class="standard-table">
    <thead>
     <tr>
@@ -148,7 +145,6 @@ original_slug: Web/Media/Formats/Types_des_images
     </tr>
    </tbody>
   </table>
-</div>
 
 <p>L'abréviation de chaque format renvoie à une description plus longue du format, de ses capacités et à des informations détaillées sur la compatibilité des navigateurs ; y compris les versions qui ont introduit le support et les caractéristiques spéciales spécifiques qui ont pu être introduites ultérieurement.</p>
 
@@ -321,8 +317,8 @@ original_slug: Web/Media/Formats/Types_des_images
 
 <p>Le type de fichier BMP <strong>(image Bitmap)</strong> est le plus répandu sur les ordinateurs Windows, et n'est généralement utilisé que dans des cas particuliers pour les applications et contenus web.</p>
 
-<div class="blockIndicator warning">
-<p><strong>Note:</strong> Vous devriez généralement éviter d'utiliser le BMP pour le contenu des sites web, car ce n'est pas une utilisation généralement acceptée du format.</p>
+<div class="warning">
+<p><strong>Attention :</strong> Vous devriez généralement éviter d'utiliser le BMP pour le contenu des sites web, car ce n'est pas une utilisation généralement acceptée du format.</p>
 </div>
 
 <p>BMP soutient théoriquement une variété de représentations de données internes. La forme la plus simple, et la plus couramment utilisée, de fichier BMP est une image tramée non compressée, chaque pixel occupant 3 octets représentant ses composantes rouge, verte et bleue, et chaque ligne étant rembourrée avec des <code>0x00</code> octets à un multiple de 4 octets de large.</p>
@@ -502,8 +498,8 @@ original_slug: Web/Media/Formats/Types_des_images
 
 <p>Un fichier ICO peut contenir plusieurs icônes, et commence par un répertoire contenant des détails sur chacune d'entre elles. Ce répertoire est suivi des données relatives aux icônes. Les données de chaque icône peuvent être soit une image <a href="#bmp">BMP</a> sans l'en-tête du fichier, soit une image <a href="#png">PNG</a> complète (y compris l'en-tête du fichier). Si vous utilisez des fichiers ICO, vous devez utiliser le format BMP, car la prise en charge du format PNG dans les fichiers ICO n'a été ajoutée qu'à partir de Windows Vista et pourrait ne pas être bien prise en charge.</p>
 
-<div class="blockIndicator warning">
-<p>Les fichiers ICO ne doivent pas être utilisés dans le contenu Web. En outre, leur utilisation pour les favicons a diminué au profit de l'utilisation d'un fichier PNG et de l'élément <a href="/fr/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>, comme décrit dans <a href="/fr/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#ajouter_des_ic%C3%B4nes_personnalis%C3%A9es_%C3%A0_un_site">cette section</a>.</p>
+<div class="warning">
+<p><strong>Attention :</strong> Les fichiers ICO ne doivent pas être utilisés dans le contenu Web. En outre, leur utilisation pour les favicons a diminué au profit de l'utilisation d'un fichier PNG et de l'élément <a href="/fr/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>, comme décrit dans <a href="/fr/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#ajouter_des_ic%C3%B4nes_personnalis%C3%A9es_%C3%A0_un_site">cette section</a>.</p>
 </div>
 
 <table class="standard-table">
@@ -833,7 +829,7 @@ original_slug: Web/Media/Formats/Types_des_images
   </tr>
   <tr>
    <th scope="row">Licence</th>
-   <td>©2003 <a href="https://www.w3.org/">W3C</a><sup>®</sup> (<a href="https://www.lcs.mit.edu/">MIT</a>, <a href="https://www.ercim.org/">ERCIM</a>, <a href="https://www.keio.ac.jp/">Keio</a>), Tous Droits Réservés. Les règles du W3C en matière de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">responsabilité</a>, de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">marque commerciale</a>, d'<a href="https://www.w3.org/Consortium/Legal/copyright-documents">utilisation des documents</a> et de <a href="https://www.w3.org/Consortium/Legal/copyright-software">licences de logiciels</a> s'appliquent. Pas de brevets porteurs de royalties connus.</td>
+   <td>©2003 <a href="https://www.w3.org/">W3C</a>® (<a href="https://www.lcs.mit.edu/">MIT</a>, <a href="https://www.ercim.org/">ERCIM</a>, <a href="https://www.keio.ac.jp/">Keio</a>), Tous Droits Réservés. Les règles du W3C en matière de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">responsabilité</a>, de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">marque commerciale</a>, d'<a href="https://www.w3.org/Consortium/Legal/copyright-documents">utilisation des documents</a> et de <a href="https://www.w3.org/Consortium/Legal/copyright-software">licences de logiciels</a> s'appliquent. Pas de brevets porteurs de royalties connus.</td>
   </tr>
  </tbody>
 </table>
@@ -925,7 +921,7 @@ original_slug: Web/Media/Formats/Types_des_images
   </tr>
   <tr>
    <th scope="row">Licence</th>
-   <td>©2018 <a href="https://www.w3.org/">W3C</a><sup>®</sup> (<a href="https://www.lcs.mit.edu/">MIT</a>, <a href="https://www.ercim.org/">ERCIM</a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>), Tous Droits Réservés. Les règles du W3C en matière de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">responsabilité</a>, de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">marque commerciale</a>, d'<a href="https://www.w3.org/Consortium/Legal/copyright-documents">utilisation des documents</a> et de <a href="https://www.w3.org/Consortium/Legal/copyright-software">licences de logiciels</a> s'appliquent. Pas de brevets porteurs de royalties connus.</td>
+   <td>©2018 <a href="https://www.w3.org/">W3C</a>® (<a href="https://www.lcs.mit.edu/">MIT</a>, <a href="https://www.ercim.org/">ERCIM</a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>), Tous Droits Réservés. Les règles du W3C en matière de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">responsabilité</a>, de <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">marque commerciale</a>, d'<a href="https://www.w3.org/Consortium/Legal/copyright-documents">utilisation des documents</a> et de <a href="https://www.w3.org/Consortium/Legal/copyright-software">licences de logiciels</a> s'appliquent. Pas de brevets porteurs de royalties connus.</td>
   </tr>
  </tbody>
 </table>
@@ -1255,10 +1251,10 @@ static unsigned char square8_bits[] = {
 
 <p>Les photographies se comportent généralement bien avec une compression avec perte (selon la configuration du codeur). Cela fait de <a href="#jpeg">JPEG</a> et <a href="#webp">WebP</a> de bons choix pour les photographies, le JPEG étant plus compatible mais le WebP offrant peut-être une meilleure compression. Pour maximiser la qualité et réduire le temps de téléchargement, envisagez de fournir à la fois une solution de repli avec WebP comme premier choix et JPEG comme second. Sinon, le JPEG est le choix le plus sûr pour la compatibilité.</p>
 
-<table class="standard-table" style="max-width: 42rem;">
+<table class="standard-table">
  <thead>
   <tr>
-   <th scope="col" style="width: 50%;">Meilleurs choix</th>
+   <th scope="col">Meilleurs choix</th>
    <th scope="col">Choix de secours</th>
   </tr>
  </thead>
@@ -1276,10 +1272,10 @@ static unsigned char square8_bits[] = {
 
 <p>Si l'icône peut être représentée par des graphiques vectoriels, il faut envisager <a href="#svg">SVG</a>, puisqu'elle s'étend sur plusieurs résolutions et tailles, ce qui est parfait pour une conception réactive. Bien que la prise en charge du SVG soit bonne, il peut être utile de proposer un PNG de secours pour les navigateurs plus anciens.</p>
 
-<table class="standard-table" style="max-width: 42rem;">
+<table class="standard-table">
  <thead>
   <tr>
-   <th scope="col" style="width: 50%;">Meilleurs choix</th>
+   <th scope="col">Meilleurs choix</th>
    <th scope="col">Choix de secours</th>
   </tr>
   <tr>
@@ -1295,10 +1291,10 @@ static unsigned char square8_bits[] = {
 
 <p>Le format PNG est probablement le plus adapté, mais le format WebP sans perte est sans doute mieux compressé.</p>
 
-<table class="standard-table" style="max-width: 42rem;">
+<table class="standard-table">
  <thead>
   <tr>
-   <th scope="col" style="width: 50%;">Meilleur choix</th>
+   <th scope="col">Meilleur choix</th>
    <th scope="col">Choix de secours</th>
   </tr>
   <tr>
@@ -1314,10 +1310,10 @@ static unsigned char square8_bits[] = {
 
 <p>Pour toute image pouvant être représentée par des graphiques vectoriels, le SVG est le meilleur choix. Sinon, vous devez utiliser un format sans perte comme le PNG. Si vous choisissez un format avec perte, tel que JPEG ou WebP avec perte, pesez soigneusement le niveau de compression pour éviter que le texte ou d'autres formes ne deviennent flous ou imprécis.</p>
 
-<table class="standard-table" style="max-width: 42rem;">
+<table class="standard-table">
  <thead>
   <tr>
-   <th scope="col" style="width: 50%;">Meilleur choix</th>
+   <th scope="col">Meilleur choix</th>
    <th scope="col">Choix de secours</th>
   </tr>
   <tr>
diff --git a/files/fr/web/media/formats/index.html b/files/fr/web/media/formats/index.html
index 770e1b280d..aac9573135 100644
--- a/files/fr/web/media/formats/index.html
+++ b/files/fr/web/media/formats/index.html
@@ -24,11 +24,9 @@ translation_of: Web/Media/Formats
 
 <p>Depuis presque ses débuts, le web a inclus un support pour une certaine forme de présentation visuelle des médias. À l'origine, ces capacités étaient limitées et ont été développées de manière organique, les différents navigateurs trouvant leurs propres solutions aux problèmes liés à l'inclusion d'images fixes et vidéo sur le web. Le web moderne dispose de puissantes fonctionnalités pour prendre en charge la présentation et la manipulation des médias, avec plusieurs API liées aux médias prenant en charge divers types de contenu. En général, les formats de médias pris en charge par un navigateur sont entièrement laissés à la discrétion des créateurs du navigateur, ce qui peut compliquer le travail d'un développeur web.</p>
 
-<p><span class="seoSummary">Ce guide donne un aperçu des types de fichiers médias, {{Glossary("codec", "codecs")}},</span> et des algorithmes qui peuvent comprendre des médias utilisés sur le web. Il fournit également des informations sur la prise en charge des navigateurs pour diverses combinaisons de ceux-ci, et des suggestions pour la hiérarchisation des formats, ainsi que sur les formats qui excellent pour des types de contenu spécifiques.</p>
+<p>Ce guide donne un aperçu des types de fichiers médias, {{Glossary("codec", "codecs")}}, et des algorithmes qui peuvent comprendre des médias utilisés sur le web. Il fournit également des informations sur la prise en charge des navigateurs pour diverses combinaisons de ceux-ci, et des suggestions pour la hiérarchisation des formats, ainsi que sur les formats qui excellent pour des types de contenu spécifiques.</p>
 
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="Références">Références</h2>
+<h2 id="Références">Références</h2>
 
 <h3 id="Images">Images</h3>
 
@@ -44,9 +42,6 @@ translation_of: Web/Media/Formats
 <dl>
  <dt><a href="/fr/docs/Web/Media/Formats/Containers">Conteneurs de médias (types de fichiers)</a></dt>
  <dd>Un guide des types de fichiers qui contiennent des données médiatiques. Certains sont spécifiques à l'audio, tandis que d'autres peuvent être utilisés pour du contenu audio ou audiovisuel combiné, comme les films. Comprend des aperçus de chacun des types de fichiers pris en charge par les principaux navigateurs web, ainsi que des informations sur la prise en charge des navigateurs et les fonctionnalités prises en charge.</dd>
-</dl>
-
-<dl>
  <dt><a href="/fr/docs/Web/Media/Formats/Audio_codecs">Guide des codecs audio pour le Web</a></dt>
  <dd>Un guide des codecs audio autorisés par les conteneurs de médias communs, ainsi que par les principaux navigateurs. Comprend les avantages, les limites, les principales spécifications et capacités, et des cas d'utilisation. Il couvre également le support de chaque navigateur pour l'utilisation du codec dans des conteneurs donnés.</dd>
  <dt><a href="/fr/docs/Web/Media/Formats/Video_codecs">Guide des codecs vidéo du Web</a></dt>
@@ -56,10 +51,8 @@ translation_of: Web/Media/Formats
  <dt><a href="/fr/docs/Web/Media/Formats/WebRTC_codecs">Codecs utilisés par WebRTC</a></dt>
  <dd><a href="/fr/docs/Web/API/WebRTC_API">WebRTC</a> n'utilise pas de conteneur, mais diffuse le média encodé lui-même de pair à pair en utilisant des objets {{domxref("MediaStreamTrack")}} pour représenter chaque piste audio ou vidéo. Ce guide présente les codecs couramment utilisés avec le WebRTC.</dd>
 </dl>
-</div>
 
-<div class="section">
-<h2 class="Documentation" id="Guides">Guides</h2>
+<h2 id="Guides">Guides</h2>
 
 <h3 id="Concepts">Concepts</h3>
 
@@ -84,6 +77,4 @@ translation_of: Web/Media/Formats
 <dl>
  <dt><a href="/fr/docs/Web/API/Media_Capabilities_API">Capacités des médias API</a></dt>
  <dd>L'API des capacités média vous permet de découvrir les capacités de codage et de décodage de l'appareil sur lequel votre application ou votre site fonctionne. Cela vous permet de prendre des décisions en temps réel sur les formats à utiliser et le moment de leur utilisation.</dd>
-</dl>
-</div>
-</div>
+</dl>
\ No newline at end of file
diff --git a/files/fr/web/media/formats/support_issues/index.html b/files/fr/web/media/formats/support_issues/index.html
index b803c61b95..27ebd89d54 100644
--- a/files/fr/web/media/formats/support_issues/index.html
+++ b/files/fr/web/media/formats/support_issues/index.html
@@ -20,7 +20,7 @@ original_slug: Web/Media/Formats/Questions_sur_le_soutien
 
 <p>L'une des réalités du travail avec la présentation et la manipulation audio et vidéo sur le web est qu'il existe un certain nombre de formats de médias disponibles, de degrés de popularité variables et avec des capacités variées. La possibilité de choisir est bonne pour l'utilisateur, dans la mesure où il peut choisir le format qui répond le mieux à ses besoins. Il y a cependant un inconvénient : comme il y a un grand choix, avec tant de types de licences et de principes de conception différents, chaque développeur de navigateur web est laissé à lui-même pour décider des types de fichiers média et des codecs à prendre en charge.</p>
 
-<p>Cela impose une charge légère, mais raisonnablement facile à surmonter, au développeur web : gérer correctement la situation lorsque le navigateur de l'utilisateur ne peut pas gérer un type de média particulier. <span class="seoSummary">Ce guide couvre les techniques que vous pouvez utiliser pour développer des contenus web qui répondent à vos besoins médiatiques tout en offrant l'expérience la plus largement compatible possible.</span> Les sujets que nous examinerons sont les solutions de secours, les formats de base des médias et les pratiques de traitement des erreurs qui permettront à votre contenu de fonctionner dans le plus grand nombre de situations possible.</p>
+<p>Cela impose une charge légère, mais raisonnablement facile à surmonter, au développeur web : gérer correctement la situation lorsque le navigateur de l'utilisateur ne peut pas gérer un type de média particulier. Ce guide couvre les techniques que vous pouvez utiliser pour développer des contenus web qui répondent à vos besoins médiatiques tout en offrant l'expérience la plus largement compatible possible. Les sujets que nous examinerons sont les solutions de secours, les formats de base des médias et les pratiques de traitement des erreurs qui permettront à votre contenu de fonctionner dans le plus grand nombre de situations possible.</p>
 
 <h2 id="Utilisation_de_cadres_daffiches">Utilisation de cadres d'affiches</h2>
 
@@ -45,20 +45,10 @@ original_slug: Web/Media/Formats/Questions_sur_le_soutien
 
 <p>Lors de l'utilisation d'une image progressive, les données sont stockées de telle sorte que le navigateur est en mesure de rendre une représentation de faible qualité de l'image dès que possible, puis de mettre à jour l'image au fur et à mesure de son chargement — ou une fois celui-ci terminé — pour la présenter en pleine qualité.</p>
 
-<div class="blockIndicator note">
-<p><strong>Note:</strong> Les images progressives (ou entrelacées) sont par nature légèrement plus grandes que les versions non progressives des mêmes images. C'est à vous de déterminer si l'entrelacement sera bénéfique pour vos utilisateurs.</p>
+<div class="note">
+<p><strong>Note :</strong> Les images progressives (ou entrelacées) sont par nature légèrement plus grandes que les versions non progressives des mêmes images. C'est à vous de déterminer si l'entrelacement sera bénéfique pour vos utilisateurs.</p>
 </div>
 
-<h2 id="Préciser_les_sources_multiples">Préciser les sources multiples</h2>
-
 <h2 id="Vérification_de_la_compatibilité_en_JavaScript">Vérification de la compatibilité en JavaScript</h2>
 
 <p>{{domxref("HTMLMediaElement.canPlayType")}} et {{domxref("MediaSource.isTypeSupported")}}...</p>
-
-<h2 id="Détection_des_erreurs_de_lecture">Détection des erreurs de lecture</h2>
-
-<h2 id="Adaptation_de_la_présentation_avec_le_CSS">Adaptation de la présentation avec le CSS</h2>
-
-<h2 id="Gestion_de_la_mémoire">Gestion de la mémoire</h2>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/media/index.html b/files/fr/web/media/index.html
index b3053f767b..4daa809968 100644
--- a/files/fr/web/media/index.html
+++ b/files/fr/web/media/index.html
@@ -5,11 +5,9 @@ translation_of: Web/Media
 ---
 <div>{{draft}}</div>
 
-<p><span class="seoSummary">Over the years, the Web's ability to present, create, and manage audio, video, and other media has grown at an increasing pace. Today, there are a large number of APIs available, as well as HTML elements, DOM interfaces, and other features that make it possible to not only perform these tasks, but use media in tandem with other technologies to do truly remarkable things. This article lists the various APIs with links to documentation you may find helpful in mastering them.</span></p>
+<p>Over the years, the Web's ability to present, create, and manage audio, video, and other media has grown at an increasing pace. Today, there are a large number of APIs available, as well as HTML elements, DOM interfaces, and other features that make it possible to not only perform these tasks, but use media in tandem with other technologies to do truly remarkable things. This article lists the various APIs with links to documentation you may find helpful in mastering them.</p>
 
-<div class="row topicpage-table">
-<div class="section">
-<h2 class="Documentation" id="References">References</h2>
+<h2 id="References">References</h2>
 
 <h3 id="HTML">HTML</h3>
 
@@ -32,18 +30,14 @@ translation_of: Web/Media
  <dt><a href="/en-US/docs/Web/API/WebRTC_API">WebRTC</a></dt>
  <dd>WebRTC (Web Real-Time Communication) makes it possible to stream live audio and video, as well as transfer arbitrary data, between two peers over the Internet, without requiring an intermediary.</dd>
 </dl>
-</div>
 
-<div class="section">
-<h2 class="Documentation" id="Guides">Guides</h2>
+<h2 id="Guides">Guides</h2>
 
 <dl>
  <dt><a href="/en-US/docs/Web/Media/Overview">Overview of media technology on the web</a></dt>
  <dd>A general look at the open Web technologies and APIs that provide support for audio and video playback, manipulation, and recording. If you're not sure which API you should use, this is the place to start.</dd>
 </dl>
 
-<dl>
-</dl>
 
 <h2 id="Other_topics">Other topics</h2>
 
@@ -54,6 +48,4 @@ translation_of: Web/Media
  <dd>The Canvas API lets you draw into an {{HTMLElement("canvas")}}, manipulating and changing the contents of an image. This can be used with media in many ways, including by setting a <code>&lt;canvas&gt;</code> element as the destination for video playback or camera capture so that you can capture and manipulate video frames.</dd>
  <dt><a href="/en-US/docs/Web/API/WebGL_API">WebGL</a></dt>
  <dd>WebGL provides an OpenGL ES compatible API on top of the existing Canvas API, making it possible to do powerful 3D graphics on the Web. Through a canvas, this can be used to add 3D imagery to media content.</dd>
-</dl>
-</div>
-</div>
+</dl>
\ No newline at end of file