Prepare Mozilla section for Markdown conversion (#2980)

* Remove summary

* Remove hidden except for copyright notice

* Remove spans

* Remove font

* Remove notranslate

* Remove extra id, deleting an untranslated page doing so

* Fix links, absolute links, rm internal, titles

* Remove external classes

* fix headings with name attr

* fix some styles and classes

* remove useless class reference-values

* rm styles in links

* Fix code blocks in pre

* Remove ltr classes

* remove fullwidth-table

* Fix various conversion errors and some one offs

* Remove nested code/pre/code

* Fix notes

* Fix warnings

* fix dls

* fix nested issues in dls

* fix images

24 files changed, 68 insertions, 70 deletions

diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/index.html
index 604a1cd590..70c32fc4f4 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/index.html
@@ -33,7 +33,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/devtools
 
 <p>{{Compat("webextensions.api.devtools")}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basé sur l'API  <a href="https://developer.chrome.com/extensions/downloads"><code>chrome.downloads</code></a> de Chromium.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html
index 39193b8c25..b0a63e7c22 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html
@@ -45,7 +45,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">var evaluating = browser.devtools.inspectedWindow.eval(
+<pre class="brush: js">var evaluating = browser.devtools.inspectedWindow.eval(
   expression,       // string
   options           // object
 )
@@ -57,9 +57,8 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval
  <dt><code>expression</code></dt>
  <dd><code>string</code>. L'expression JavaScript à évaluer. La chaîne doit évaluer un objet qui peut être représenté comme JSON, ou une exception sera lancée. Par exemple, l'expression ne doit pas évaluer une fonction.</dd>
  <dt><code>options</code>{{optional_inline}}</dt>
- <dd><code>object</code>. Options pour la fonction  (Notez que Firefox ne supporte pas encore cette option), comme suit :</dd>
- <dd>
- <dl class="reference-values">
+ <dd><p><code>object</code>. Options pour la fonction  (Notez que Firefox ne supporte pas encore cette option), comme suit :</p>
+ <dl>
   <dt><code>frameURL</code>{{optional_inline}}</dt>
   <dd><code>string</code>. L'URL du cadre dans lequel à évaluer l'expression. Si cela est supprimé, l'expression est évaluée dans la trame principale de la fenêtre.</dd>
   <dt><code>useContentScriptContext</code>{{optional_inline}}</dt>
@@ -179,7 +178,7 @@ inspectButton.addEventListener("click", () =&gt; {
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools"><code>chrome.devtools</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html
index 233dfe0ef5..ed589e5b7c 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html
@@ -14,7 +14,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow
 <div>{{AddonSidebar}}</div>
 
 <div class="note">
-<p>Cette page décrit les API de développement de WebExtensions telles qu'elles existent dans Firefox 54. Bien que les API soient basées sur les <a href="https://developer.chrome.com/extensions/devtools">APIs de devtools de Chrome</a>, il existe encore de nombreuses fonctionnalités qui ne sont pas encore implémentées dans Firefox et ne sont donc pas documentées ici. Pour voir les fonctionnalités actuellement manquantes, regarder  <a href="/fr/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations des APIs devtools</a>.</p>
+<p><strong>Note :</strong> Cette page décrit les API de développement de WebExtensions telles qu'elles existent dans Firefox 54. Bien que les API soient basées sur les <a href="https://developer.chrome.com/extensions/devtools">APIs de devtools de Chrome</a>, il existe encore de nombreuses fonctionnalités qui ne sont pas encore implémentées dans Firefox et ne sont donc pas documentées ici. Pour voir les fonctionnalités actuellement manquantes, regarder  <a href="/fr/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations des APIs devtools</a>.</p>
 </div>
 
 <p>L'API <code>devtools.inspectedWindow</code> permet à un extension de devtools d'interagir avec la fenêtre sur laquelle les outils de développement sont attachés.</p>
@@ -45,7 +45,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow
 
 
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_inspectedWindow"><code>chrome.devtools.inspectedWindow</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.html
index ea683cbf69..ee1076553c 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/reload/index.html
@@ -18,7 +18,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/reload
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.inspectedWindow.reload(
+<pre class="brush: js">browser.devtools.inspectedWindow.reload(
   reloadOptions       // object
 )
 </pre>
@@ -27,9 +27,8 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/reload
 
 <dl>
  <dt><code>reloadOptions</code>{{optional_inline}}</dt>
- <dd><code>object</code>. Options pour la fonction, comme suit</dd>
- <dd>
- <dl class="reference-values">
+ <dd><p><code>object</code>. Options pour la fonction, comme suit</p>
+ <dl>
   <dt><code>ignoreCache</code>{{optional_inline}}</dt>
   <dd><code>boolean</code>. S'il est vrai, cela fait que le rechargement ignore le cache du navigateur (comme si l'utilisateur avait appuyé sur Shift+Ctrl+R).</dd>
   <dt><code>userAgent</code>{{optional_inline}}</dt>
@@ -60,7 +59,7 @@ reloadButton.addEventListener("click", () =&gt; {
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools"><code>chrome.devtools</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.html
index c7a892ca92..74bd42ba3b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/tabid/index.html
@@ -45,7 +45,7 @@ browser.runtime.onMessage.addListener(handleMessage);</pre>
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools"><code>chrome.devtools</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.html
index 9464ab8be8..622856787a 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/gethar/index.html
@@ -18,7 +18,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.network/getHAR
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">var getting = browser.devtools.network.getHAR()
+<pre class="brush: js">var getting = browser.devtools.network.getHAR()
 </pre>
 
 <h3 id="Paramètres">Paramètres</h3>
@@ -50,7 +50,7 @@ logRequestsButton.addEventListener("click", logRequests);
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements : </strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_network"><code>chrome.devtools.network</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/index.html
index 1e64b79613..77b3bfa8a7 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/index.html
@@ -20,8 +20,8 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.network
 <h2 id="Fonctions">Fonctions</h2>
 
 <dl>
- <dt><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.network/getHAR">devtools.network.getHAR()</a></dt>
- <dd>Obtenez le  <a class="external external-icon" href="http://www.softwareishard.com/blog/har-12-spec/#log" rel="noopener">journal HAR</a> pour la page chargée dans l'onglet en cours..</dd>
+ <dt><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/devtools.network/getHAR">devtools.network.getHAR()</a></dt>
+ <dd>Obtenez le  <a href="http://www.softwareishard.com/blog/har-12-spec/#log" rel="noopener">journal HAR</a> pour la page chargée dans l'onglet en cours..</dd>
 </dl>
 
 <h2 id="Evénements">Evénements</h2>
@@ -39,7 +39,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.network
 
 <p>{{WebExtExamples("h2")}}</p>
 
-<div class="note"><strong>Remerciements : </strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_network"><code>chrome.devtools.network</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.html
index 516ea9d7a8..bc75f0ecdd 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onnavigated/index.html
@@ -17,7 +17,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.network/onNavigated
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.network.onNavigated.addListener(listener)
+<pre class="brush: js">browser.devtools.network.onNavigated.addListener(listener)
 browser.devtools.network.onNavigated.removeListener(listener)
 browser.devtools.network.onNavigated.hasListener(listener)
 </pre>
@@ -42,7 +42,7 @@ browser.devtools.network.onNavigated.hasListener(listener)
  <dd>
  <p>Fonction qui sera appelée lors de l'événement. La fonction passera les arguments suivants :</p>
 
- <dl class="reference-values">
+ <dl>
   <dt><code>url</code></dt>
   <dd><code>string</code>. La nouvelle URL pour la fenêtre.</dd>
  </dl>
@@ -63,7 +63,7 @@ browser.devtools.network.onNavigated.addListener(handleNavigated);</pre>
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API <a href="https://developer.chrome.com/extensions/devtools"><code>chrome.devtools</code></a> de Chromium.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.html
index 69f20ca8a8..10f287569b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/network/onrequestfinished/index.html
@@ -23,7 +23,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.network/onRequestFinis
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.network.onRequestFinished.addListener(listener)
+<pre class="brush: js">browser.devtools.network.onRequestFinished.addListener(listener)
 browser.devtools.network.onRequestFinished.removeListener(listener)
 browser.devtools.network.onRequestFinished.hasListener(listener)
 </pre>
@@ -48,7 +48,7 @@ browser.devtools.network.onRequestFinished.hasListener(listener)
  <dd>
  <p>Fonction qui sera appelée lorsque cet événement se produit. La fonction recevra les arguments suivants :</p>
 
- <dl class="reference-values">
+ <dl>
   <dt><code>request</code></dt>
   <dd><code>object</code>. Un objet représentant la requête. Cet objet est un seul objet d'<a href="http://www.softwareishard.com/blog/har-12-spec/#entries">entrée HAR</a>. Il définit également une méthode <code>getContent()</code> asynchrone, qui renvoie une <code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise">Promise</a></code> qui se résout avec le corps de la réponse.</dd>
  </dl>
@@ -74,7 +74,7 @@ browser.devtools.network.onRequestFinished.addListener(handleRequestFinished);</
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API <a href="https://developer.chrome.com/extensions/devtools"><code>chrome.devtools</code></a> de Chromium.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/create/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/create/index.html
index e7a86cd7fb..4ea3a37efb 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/create/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/create/index.html
@@ -16,11 +16,11 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/create
 
 <p>Ajoute un nouveau panneau aux devtools.</p>
 
-<p><span id="result_box" lang="fr"><span>Cette fonction prend </span></span>: un titre, une URL vers un fichier d'icône et une URL vers un fichier HTML. <span id="result_box" lang="fr"><span>Il crée un nouveau panneau dans les </span></span>devtools, dont le contenu est spécifié par le fichier HTML. Il renvoie une <code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise">Promise</a></code> qui résout un objet <code><a href="/fr/Add-ons/WebExtensions/API/devtools.panels/ExtensionPanel">ExtensionPanel</a></code> représentant le nouveau panneau.</p>
+<p>Cette fonction prend : un titre, une URL vers un fichier d'icône et une URL vers un fichier HTML. Il crée un nouveau panneau dans les devtools, dont le contenu est spécifié par le fichier HTML. Il renvoie une <code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise">Promise</a></code> qui résout un objet <code><a href="/fr/Add-ons/WebExtensions/API/devtools.panels/ExtensionPanel">ExtensionPanel</a></code> représentant le nouveau panneau.</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">var creating = browser.devtools.panels.create(
+<pre class="brush: js">var creating = browser.devtools.panels.create(
   title,       // string
   iconPath,    // string
   pagePath     // string
@@ -70,7 +70,7 @@ browser.devtools.panels.create(
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.html
index 6e75ec8059..13429a0e32 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elements/index.html
@@ -22,7 +22,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/elements
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.html
index a7c77cb836..5725db54ca 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/createsidebarpane/index.html
@@ -24,13 +24,13 @@ original_slug: >-
 
 <p>La fonction <code>createSidebarPane()</code> ajoute un nouveau volet à la barre latérale. ar exemple, la capture d'écran ci-dessous montre un nouveau volet intitulé "My pane", qui affiche un objet JSON :</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15607/inspector-sidebar.png" style="display: block; height: 276px; margin-left: auto; margin-right: auto; width: 836px;"></p>
+<p><img alt="" src="inspector-sidebar.png"></p>
 
 <p>Cette fonction prend un argument, qui est une chaîne représentant le titre du volet. Il renvoie une <code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise">Promise</a></code> qui se résout en un objet <code><a href="/fr/Add-ons/WebExtensions/API/devtools.panels/ExtensionSidebarPane">ExtensionSidebarPane</a></code> représentant le nouveau volet. Vous pouvez utiliser cet objet pour définir le contenu et le comportement du volet.</p>
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">var creating = browser.devtools.panels.elements.createSidebarPane(
+<pre class="brush: js">var creating = browser.devtools.panels.elements.createSidebarPane(
   title       // string
 )
 </pre>
@@ -70,7 +70,7 @@ browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.html
index 004d1de2f8..cb9b7b24be 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/index.html
@@ -37,7 +37,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.html
index 0c6ec80058..d04a11bf65 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/elementspanel/onselectionchanged/index.html
@@ -22,7 +22,7 @@ original_slug: >-
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.panels.elements.onSelectionChanged.addListener(listener)
+<pre class="brush: js">browser.devtools.panels.elements.onSelectionChanged.addListener(listener)
 browser.devtools.panels.elements.onSelectionChanged.removeListener(listener)
 browser.devtools.panels.elements.onSelectionChanged.hasListener(listener)
 </pre>
@@ -68,7 +68,7 @@ browser.devtools.panels.elements.onSelectionChanged.addListener(handleSelectedEl
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools"><code>chrome.devtools</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.html
index 7888ca6f25..8dc65df859 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionpanel/index.html
@@ -53,7 +53,7 @@ browser.devtools.panels.create(
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/index.html
index de63e20cb0..d56f4b58fc 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/index.html
@@ -17,7 +17,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ExtensionSideba
 
 <p>L'objet <code>ExtensionSidebarPane</code> représente un volet qu'une extension a ajouté à la barre latérale dans l'inspecteur HTML/CSS du navigateur.</p>
 
-<p><img alt="" src="https://mdn.mozillademos.org/files/15607/inspector-sidebar.png" style="display: block; height: 276px; margin-left: auto; margin-right: auto; width: 836px;"></p>
+<p><img alt="" src="inspector-sidebar.png"></p>
 
 <p>Pour créer un <code>ExtensionSidebarPane</code>, appelez la fonction <code><a href="/fr/Add-ons/WebExtensions/API/devtools.panels/ElementsPanel/createSidebarPane">browser.devtools.panels.elements.createSidebarane()</a></code>.</p>
 
@@ -53,7 +53,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ExtensionSideba
 
 <p>{{WebExtExamples("h2")}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.html
index 043fd7c8b1..ac7d1e0aaa 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onhidden/index.html
@@ -22,7 +22,7 @@ original_slug: >-
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.panels.onHidden.addListener(listener)
+<pre class="brush: js">browser.devtools.panels.onHidden.addListener(listener)
 browser.devtools.panels.onHidden.removeListener(listener)
 browser.devtools.panels.onHidden.hasListener(listener)
 </pre>
@@ -74,7 +74,7 @@ browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.html
index 3faafa1599..e1338a1d19 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/onshown/index.html
@@ -19,7 +19,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ExtensionSideba
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.panels.onShown.addListener(listener)
+<pre class="brush: js">browser.devtools.panels.onShown.addListener(listener)
 browser.devtools.panels.onShown.removeListener(listener)
 browser.devtools.panels.onShown.hasListener(listener)
 </pre>
@@ -71,7 +71,7 @@ browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.html
index 5ddee36cba..0098ac9f7a 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setexpression/index.html
@@ -27,7 +27,7 @@ original_slug: >-
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">var evaluating = browser.devtools.panels.setExpression(
+<pre class="brush: js">var evaluating = browser.devtools.panels.setExpression(
   expression,       // string
   rootTitle         // string
 )
@@ -69,7 +69,7 @@ browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.html
index c169a14301..dda73e1faa 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setobject/index.html
@@ -25,7 +25,7 @@ original_slug: >-
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">var setting = browser.devtools.panels.setObject(
+<pre class="brush: js">var setting = browser.devtools.panels.setObject(
   jsonObject,       // string, array, or JSON object
   rootTitle         // string
 )
@@ -52,22 +52,22 @@ original_slug: >-
 
 <p>Créez un nouveau volet et remplissez-le avec un objet JSON. Vous pouvez exécuter ce code dans un script chargé par la <a href="/fr/Add-ons/WebExtensions/manifest.json/devtools_page">page devtools</a>. de votre extension</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">onCreated</span><span class="punctuation token">(</span>sidebarPane<span class="punctuation token">)</span> <span class="punctuation token">{</span>
-  sidebarPane<span class="punctuation token">.</span><span class="function token">setObject</span><span class="punctuation token">(</span><span class="punctuation token">{</span>
-    someBool<span class="punctuation token">:</span> <span class="keyword token">true</span><span class="punctuation token">,</span>
-    someString<span class="punctuation token">:</span> <span class="string token">"hello there"</span><span class="punctuation token">,</span>
-    someObject<span class="punctuation token">:</span> <span class="punctuation token">{</span>
-      someNumber<span class="punctuation token">:</span> <span class="number token">42</span><span class="punctuation token">,</span>
-      someOtherString<span class="punctuation token">:</span> <span class="string token">"this is my pane's content"</span>
-    <span class="punctuation token">}</span>
-  <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="punctuation token">}</span>
+<pre class="brush: js">function onCreated(sidebarPane) {
+  sidebarPane.setObject({
+    someBool: true,
+    someString: "hello there",
+    someObject: {
+      someNumber: 42,
+      someOtherString: "this is my pane's content"
+    }
+  });
+}
 
-browser<span class="punctuation token">.</span>devtools<span class="punctuation token">.</span>panels<span class="punctuation token">.</span>elements<span class="punctuation token">.</span><span class="function token">createSidebarPane</span><span class="punctuation token">(</span><span class="string token">"My pane"</span><span class="punctuation token">)</span><span class="punctuation token">.</span><span class="function token">then</span><span class="punctuation token">(</span>onCreated<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre>
+browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);</pre>
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setpage/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setpage/index.html
index 2b67a77552..7d3651cbeb 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setpage/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/extensionsidebarpane/setpage/index.html
@@ -17,7 +17,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ExtensionSideba
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.panels.setPage(
+<pre class="brush: js">browser.devtools.panels.setPage(
   path // string containing relative path to page
 )
 </pre>
@@ -37,12 +37,12 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ExtensionSideba
 
 <h2 id="Exemples">Exemples</h2>
 
-<p>Créez un nouveau volet et remplissez-le d'une page HTML. Vous pouvez exécuter ce code dans un script chargé par la <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json/devtools_page">page devtools</a> de votre extension.</p>
+<p>Créez un nouveau volet et remplissez-le d'une page HTML. Vous pouvez exécuter ce code dans un script chargé par la <a href="/fr/Add-ons/WebExtensions/manifest.json/devtools_page">page devtools</a> de votre extension.</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">onCreated</span><span class="punctuation token">(</span>sidebarPane<span class="punctuation token">)</span> <span class="punctuation token">{</span>
-  sidebarPane<span class="punctuation token">.</span><span class="function token">setPage</span><span class="punctuation token">('sidebar/sidebar.html'</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="punctuation token">}</span>
-</code></pre>
+<pre class="brush: js">function onCreated(sidebarPane) {
+  sidebarPane.setPage('sidebar/sidebar.html');
+}
+</pre>
 
 <p>{{WebExtExamples}}</p>
 
@@ -50,7 +50,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/ExtensionSideba
 
 <p>{{Compat("webextensions.api.devtools.panels.ExtensionSidebarPane.setPage", 10)}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 </div>
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/index.html
index 736efe00bc..b144733c9b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/index.html
@@ -14,7 +14,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels
 <div>{{AddonSidebar}}</div>
 
 <div class="note">
-<p>Bien que les API soient basées sur les <a href="https://developer.chrome.com/extensions/devtools">APIs de devtools de Chrome</a>, il existe encore de nombreuses fonctionnalités qui ne sont pas encore implémentées dans Firefox et ne sont donc pas documentées ici. Pour voir les fonctionnalités actuellement manquantes, regarder  <a href="/fr/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations des APIs devtools</a>.</p>
+<p><strong>Note :</strong> Bien que les API soient basées sur les <a href="https://developer.chrome.com/extensions/devtools">APIs de devtools de Chrome</a>, il existe encore de nombreuses fonctionnalités qui ne sont pas encore implémentées dans Firefox et ne sont donc pas documentées ici. Pour voir les fonctionnalités actuellement manquantes, regarder  <a href="/fr/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations des APIs devtools</a>.</p>
 </div>
 
 <p>L'API devtools.panels permet à une extension devtools de définir son interface utilisateur à l'intérieur de la fenêtre devtools.</p>
@@ -65,7 +65,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels
 
 <p>{{WebExtExamples("h2")}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.html
index a6dd5c36a9..757f74684b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/onthemechanged/index.html
@@ -18,7 +18,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/onThemeChanged
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="syntaxbox brush:js">browser.devtools.panels.onThemeChanged.addListener(listener)
+<pre class="brush: js">browser.devtools.panels.onThemeChanged.addListener(listener)
 browser.devtools.panels.onThemeChanged.removeListener(listener)
 browser.devtools.panels.onThemeChanged.hasListener(listener)
 </pre>
@@ -43,7 +43,7 @@ browser.devtools.panels.onThemeChanged.hasListener(listener)
  <dd>
  <p>Function qui sera appelée lors de l'événement. La fonction passera les arguments suivants :</p>
 
- <dl class="reference-values">
+ <dl>
   <dt><code>themeName</code></dt>
   <dd><code>string</code>. Nom du nouveau thème : ce sera l'une des valeurs autorisées pour  <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels/themeName">devtools.panels.themeName</a></code>.</dd>
  </dl>
@@ -63,7 +63,7 @@ browser.devtools.panels.onThemeChanged.hasListener(listener)
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>
 
diff --git a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.html b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.html
index c3cecc5f79..12aab2c1b1 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.html
+++ b/files/fr/mozilla/add-ons/webextensions/api/devtools/panels/themename/index.html
@@ -30,7 +30,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.panels/themeName
 
 <p>{{WebExtExamples}}</p>
 
-<div class="note"><strong>Remerciements</strong>
+<div class="note"><p><strong>Note :</strong></p>
 
 <p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/devtools_panels"><code>chrome.devtools.panels</code></a>.</p>