Prepare Web API section for Markdown conversion (#2464)

* Remove summary classes and ids

* Remove unecessary hidden

* Remove useless span filled with useless attributes / ids

* Remove useless font

* Remove notranslate

* Remove id in other elements than headings

* Remove name attributes

* Remove <pre><code> for JS w/ language-js class

* Remove <pre><code> for HTML w/ language-html class

* Remove <pre><code> for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI

14 files changed, 32 insertions, 28 deletions

diff --git a/files/fr/web/api/idbindex/get/index.html b/files/fr/web/api/idbindex/get/index.html
index b9b6022001..f5cbe56570 100644
--- a/files/fr/web/api/idbindex/get/index.html
+++ b/files/fr/web/api/idbindex/get/index.html
@@ -87,7 +87,7 @@ translation_of: Web/API/IDBIndex/get
   };
 };</pre>
 
-<p class="note">Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p>
+<div class="note"><p><strong>Note :</strong> Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p></div>
 
 <h2 id="Spécification">Spécification</h2>
 
@@ -106,7 +106,7 @@ translation_of: Web/API/IDBIndex/get
  </tbody>
 </table>
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité avec les navigateurs</h2>
+<h2 id="Browser_compatibility">Compatibilité avec les navigateurs</h2>
 
 <p>{{Compat("api.IDBIndex.get")}}</p>
 
@@ -119,5 +119,5 @@ translation_of: Web/API/IDBIndex/get
  <li>{{domxref("IDBKeyRange","Définir l'intervalle des clés")}}</li>
  <li>{{domxref("IDBObjectStore","Accès aux magasins d'objets")}}</li>
  <li>{{domxref("IDBCursor","Utiliser les curseur")}}</li>
- <li>Exemple de référence: <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
+ <li>Exemple de référence: <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/getall/index.html b/files/fr/web/api/idbindex/getall/index.html
index 5099371f31..f9ed6d0d8f 100644
--- a/files/fr/web/api/idbindex/getall/index.html
+++ b/files/fr/web/api/idbindex/getall/index.html
@@ -97,5 +97,5 @@ getAllKeysRequest.onsuccess = function() {
  <li>{{domxref("IDBKeyRange","Définir l'intervalle des clés")}}</li>
  <li>{{domxref("IDBObjectStore","Accès aux magasins d'objets")}}</li>
  <li>{{domxref("IDBCursor","Utiliser les curseur")}}</li>
- <li>Exemple de référence: <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
+ <li>Exemple de référence: <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/getallkeys/index.html b/files/fr/web/api/idbindex/getallkeys/index.html
index cabf74e895..fd13fd5758 100644
--- a/files/fr/web/api/idbindex/getallkeys/index.html
+++ b/files/fr/web/api/idbindex/getallkeys/index.html
@@ -25,7 +25,7 @@ var getAllKeysRequest = <em>IDBIndex</em>.getAllKeys(<em>requete</em>, <em>quant
  <dt><code>requete</code> {{optional_inline}}</dt>
  <dd>Une clé ou un intervalle de clé ({{domxref("IDBKeyRange")}}) qui identifie les clés qu'on souhaite récupérer. Si cette valeur vaut {{jsxref("null")}} ou est absente, le navigateur utilisera un intervalle de clé sans limite.</dd>
  <dt><code>quantite</code> {{optional_inline}}</dt>
- <dd>Le nombre d'enregistrements qu'on souhaite obtenir. Si cette quantité est supérieure au nombre d'enregistrements récupérés par la requête, le navigateur ne récupèrera que le premier élément. Si elle est négative ou supérieure à <code>2<sup>32</sup>-1</code>, une exception {{jsxref("TypeError")}} sera levée.</dd>
+ <dd>Le nombre d'enregistrements qu'on souhaite obtenir. Si cette quantité est supérieure au nombre d'enregistrements récupérés par la requête, le navigateur ne récupèrera que le premier élément. Si elle est négative ou supérieure à <code>2^32-1</code>, une exception {{jsxref("TypeError")}} sera levée.</dd>
 </dl>
 
 <h3 id="Valeur_de_retour">Valeur de retour</h3>
@@ -54,7 +54,7 @@ var getAllKeysRequest = <em>IDBIndex</em>.getAllKeys(<em>requete</em>, <em>quant
   </tr>
   <tr>
    <td>{{jsxref("TypeError")}}</td>
-   <td>Le paramètre <code>quantite</code> n'est pas compris entre <code>0</code> et <code>2<sup>32</sup>-1</code></td>
+   <td>Le paramètre <code>quantite</code> n'est pas compris entre <code>0</code> et <code>2^32-1</code></td>
   </tr>
  </tbody>
 </table>
@@ -98,5 +98,5 @@ getAllKeysRequest.onsuccess = function() {
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/getkey/index.html b/files/fr/web/api/idbindex/getkey/index.html
index 6eb5146021..828f700fb9 100644
--- a/files/fr/web/api/idbindex/getkey/index.html
+++ b/files/fr/web/api/idbindex/getkey/index.html
@@ -131,5 +131,5 @@ var request = myIndex.getKey(key);</pre>
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>L'exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">notifications de trucs à faire</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">voir la démonstration</a>)</li>
+ <li>L'exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">notifications de trucs à faire</a> (<a href="https://mdn.github.io/to-do-notifications/">voir la démonstration</a>)</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/index.html b/files/fr/web/api/idbindex/index.html
index f70700fe74..57e72be398 100644
--- a/files/fr/web/api/idbindex/index.html
+++ b/files/fr/web/api/idbindex/index.html
@@ -25,7 +25,7 @@ translation_of: Web/API/IDBIndex
 
 <h2 id="Méthodes">Méthodes</h2>
 
-<p>Hérite de: <a href="/en/DOM/EventTarget" title="en/DOM/EventTarget">EventTarget</a></p>
+<p>Hérite de: <a href="/en/DOM/EventTarget">EventTarget</a></p>
 
 <dl>
  <dt>{{domxref("IDBIndex.count()")}}</dt>
@@ -56,7 +56,7 @@ translation_of: Web/API/IDBIndex
  <dt>{{domxref("IDBIndex.objectStore")}} {{readonlyInline}}</dt>
  <dd>Renvoie un {{domxref("IDBObjectStore","accès au magasin d'objet")}} que référence l'index.</dd>
  <dt>{{domxref("IDBIndex.keyPath")}} {{readonlyInline}}</dt>
- <dd>Renvoie le chemin de clé de l'index. Si l'index n'est pas <a href="https://developer.mozilla.org/fr/IndexedDB/Index#gloss_auto-populated" title="en/IndexedDB/Index#gloss auto-populated">automatiquement mise à jour</a> la propriété vaux <code>null</code>.</dd>
+ <dd>Renvoie le chemin de clé de l'index. Si l'index n'est pas <a href="/fr/IndexedDB/Index#gloss_auto-populated">automatiquement mise à jour</a> la propriété vaux <code>null</code>.</dd>
  <dt>{{domxref("IDBIndex.multiEntry")}} {{readonlyInline}}</dt>
  <dd>Renvoie un {{domxref("Boolean","booléen")}} qui indique comment l'index gère le chemin de clé si c'est un tableau.</dd>
  <dt>{{domxref("IDBIndex.unique")}} {{readonlyInline}}</dt>
@@ -69,7 +69,7 @@ translation_of: Web/API/IDBIndex
 
 <p>Finalement, On itère sur tous les enregistrements pour en insérer les données dans un tableau HTML. En utilisant la méthode {{domxref("IDBIndex.openCursor")}} qui travaille de la même façon que la méthode {{domxref("IDBObjectStore.openCursor")}} de l'{{domxref("IDBObjectStore","accès")}} au magasin d'objet sauf que les enregistrements sont renvoyés dans l'ordre de l'index et non celui du magasin d'objet.</p>
 
-<pre class="brush:js notranslate">function displayDataByIndex() {
+<pre class="brush:js">function displayDataByIndex() {
   tableEntry.innerHTML = '';
 
   //ouvre un transaction
@@ -103,7 +103,7 @@ translation_of: Web/API/IDBIndex
   };
 };</pre>
 
-<p class="note">Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p>
+<div class="note"><p><strong>Note :</strong> Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p></div>
 
 <h2 id="Spécification">Spécification</h2>
 
@@ -135,6 +135,6 @@ translation_of: Web/API/IDBIndex
  <li>{{domxref("IDBKeyRange","Définir l'intervalle des clés")}}</li>
  <li>{{domxref("IDBObjectStore","Accès aux magasins d'objets")}}</li>
  <li>{{domxref("IDBCursor","Utiliser les curseur")}}</li>
- <li>Exemple de référence: <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">voir l'exemple en direct</a>.)</li>
+ <li>Exemple de référence: <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">voir l'exemple en direct</a>.)</li>
 </ul>
 </div>
diff --git a/files/fr/web/api/idbindex/isautolocale/index.html b/files/fr/web/api/idbindex/isautolocale/index.html
index 32aa7556ed..70a7c7ea4a 100644
--- a/files/fr/web/api/idbindex/isautolocale/index.html
+++ b/files/fr/web/api/idbindex/isautolocale/index.html
@@ -75,5 +75,5 @@ console.log(monIndex.isAutoLocale);</pre>
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/keypath/index.html b/files/fr/web/api/idbindex/keypath/index.html
index b4378bccd4..551f9f0b73 100644
--- a/files/fr/web/api/idbindex/keypath/index.html
+++ b/files/fr/web/api/idbindex/keypath/index.html
@@ -6,7 +6,7 @@ translation_of: Web/API/IDBIndex/keyPath
 <p>{{ APIRef("IndexedDB") }}</p>
 
 <div>
-<p>La propriété <strong><code>keyPath</code></strong> de l'interface {{domxref("IDBIndex")}} renvoie le <a href="/fr/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB#gloss_keypath" title="en/IndexedDB#gloss key path">chemin de clé</a> de l'index. Si l'index n'est pas <a href="https://developer.mozilla.org/fr/IndexedDB/Index#gloss_auto-populated" title="en/IndexedDB/Index#gloss auto-populated">automatiquement mise à jour</a> la propriété vaux <code>null</code>.</p>
+<p>La propriété <strong><code>keyPath</code></strong> de l'interface {{domxref("IDBIndex")}} renvoie le <a href="/fr/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB#gloss_keypath">chemin de clé</a> de l'index. Si l'index n'est pas <a href="/fr/IndexedDB/Index#gloss_auto-populated">automatiquement mise à jour</a> la propriété vaux <code>null</code>.</p>
 
 <p>{{AvailableInWorkers}}</p>
 </div>
@@ -62,7 +62,7 @@ translation_of: Web/API/IDBIndex/keyPath
   };
 };</pre>
 
-<p class="note">Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p>
+<div class="note"><p><strong>Note :</strong> Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p></div>
 
 <h2 id="Spécification">Spécification</h2>
 
@@ -94,5 +94,5 @@ translation_of: Web/API/IDBIndex/keyPath
  <li>{{domxref("IDBKeyRange","Définir l'intervalle des clés")}}</li>
  <li>{{domxref("IDBObjectStore","Accès aux magasins d'objets")}}</li>
  <li>{{domxref("IDBCursor","Utiliser les curseur")}}</li>
- <li>Exemple de référence: <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
+ <li>Exemple de référence: <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/locale/index.html b/files/fr/web/api/idbindex/locale/index.html
index 830760797c..6f91a28888 100644
--- a/files/fr/web/api/idbindex/locale/index.html
+++ b/files/fr/web/api/idbindex/locale/index.html
@@ -60,7 +60,7 @@ translation_of: Web/API/IDBIndex/locale
   };
 };</pre>
 
-<p class="note">Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p>
+<div class="note"><p><strong>Note :</strong> Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p></div>
 
 <h2 id="Spécification">Spécification</h2>
 
@@ -79,5 +79,5 @@ translation_of: Web/API/IDBIndex/locale
  <li>{{domxref("IDBKeyRange","Définir l'intervalle des clés")}}</li>
  <li>{{domxref("IDBObjectStore","Accès aux magasins d'objets")}}</li>
  <li>{{domxref("IDBCursor","Utiliser les curseur")}}</li>
- <li>Exemple de référence: <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
+ <li>Exemple de référence: <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/multientry/index.html b/files/fr/web/api/idbindex/multientry/index.html
index d3e827a3e8..730a9f074a 100644
--- a/files/fr/web/api/idbindex/multientry/index.html
+++ b/files/fr/web/api/idbindex/multientry/index.html
@@ -93,5 +93,5 @@ console.log(monIndex.multiEntry);</pre>
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/name/index.html b/files/fr/web/api/idbindex/name/index.html
index 62877bbc51..1211cc937e 100644
--- a/files/fr/web/api/idbindex/name/index.html
+++ b/files/fr/web/api/idbindex/name/index.html
@@ -108,5 +108,5 @@ translation_of: Web/API/IDBIndex/name
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/objectstore/index.html b/files/fr/web/api/idbindex/objectstore/index.html
index 51002bc8f1..72f83bc88e 100644
--- a/files/fr/web/api/idbindex/objectstore/index.html
+++ b/files/fr/web/api/idbindex/objectstore/index.html
@@ -13,7 +13,7 @@ translation_of: Web/API/IDBIndex/objectStore
 
 <h2 id="Syntaxe">Syntaxe</h2>
 
-<pre class="brush: js" style="font-size: 14px;">var indexObjectStore = myIndex.objectStore;</pre>
+<pre class="brush: js">var indexObjectStore = myIndex.objectStore;</pre>
 
 <h2 id="Valeur">Valeur</h2>
 
@@ -64,7 +64,7 @@ translation_of: Web/API/IDBIndex/objectStore
   };
 };</pre>
 
-<p class="note">Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p>
+<div class="note"><p><strong>Note :</strong> Pour un exemple de travail complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">To-do Notifications</a> app (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>).</p></div>
 
 <h2 id="Spécification">Spécification</h2>
 
@@ -96,5 +96,5 @@ translation_of: Web/API/IDBIndex/objectStore
  <li>{{domxref("IDBKeyRange","Définir l'intervalle des clés")}}</li>
  <li>{{domxref("IDBObjectStore","Accès aux magasins d'objets")}}</li>
  <li>{{domxref("IDBCursor","Utiliser les curseur")}}</li>
- <li>Exemple de référence: <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
+ <li>Exemple de référence: <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="http://mdn.github.io/to-do-notifications/">view example live</a>.)</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/opencursor/index.html b/files/fr/web/api/idbindex/opencursor/index.html
index 360aecc871..8e0dff9573 100644
--- a/files/fr/web/api/idbindex/opencursor/index.html
+++ b/files/fr/web/api/idbindex/opencursor/index.html
@@ -118,7 +118,9 @@ translation_of: Web/API/IDBIndex/openCursor
   };
 };</pre>
 
-<p class="note"><strong>Note :</strong> pour un exemple fonctionnel complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">application To-do</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple</a>).</p>
+<div class="note">
+  <p><strong>Note :</strong> pour un exemple fonctionnel complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">application To-do</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple</a>).</p>
+</div>
 
 <h2 id="Spécifications">Spécifications</h2>
 
@@ -150,5 +152,5 @@ translation_of: Web/API/IDBIndex/openCursor
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
 </ul>
diff --git a/files/fr/web/api/idbindex/openkeycursor/index.html b/files/fr/web/api/idbindex/openkeycursor/index.html
index f575bc4419..a52f7c4e8e 100644
--- a/files/fr/web/api/idbindex/openkeycursor/index.html
+++ b/files/fr/web/api/idbindex/openkeycursor/index.html
@@ -114,7 +114,9 @@ var request = monIndex.openKeyCursor(keyRange,direction);</pre>
   };
 };</pre>
 
-<p class="note"><strong>Note :</strong> pour un exemple fonctionnel complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">application To-do</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple</a>).</p>
+<div class="note">
+  <p><strong>Note :</strong> pour un exemple fonctionnel complet, voir notre <a href="https://github.com/mdn/to-do-notifications/">application To-do</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple</a>).</p>
+</div>
 
 <h2 id="Spécifications">Spécifications</h2>
 
diff --git a/files/fr/web/api/idbindex/unique/index.html b/files/fr/web/api/idbindex/unique/index.html
index c2271edaf5..4e199912a4 100644
--- a/files/fr/web/api/idbindex/unique/index.html
+++ b/files/fr/web/api/idbindex/unique/index.html
@@ -92,5 +92,5 @@ translation_of: Web/API/IDBIndex/unique
  <li>Définir un intervalle de clés : {{domxref("IDBKeyRange")}}</li>
  <li>Récupérer et modifier les données : {{domxref("IDBObjectStore")}}</li>
  <li>Utiliser les curseurs {{domxref("IDBCursor")}}</li>
- <li>Exemple de référence : <a class="external" href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a class="external" href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
+ <li>Exemple de référence : <a href="https://github.com/mdn/to-do-notifications/tree/gh-pages">To-do Notifications</a> (<a href="https://mdn.github.io/to-do-notifications/">exemple <em>live</em></a>).</li>
 </ul>