Prepare CSS section for Markdown conversion (#2307)

* Removes summary / seoSummary classes

* Remove div class=hidden and some notranslate

* Remove hidden paragraphs for live sample

* Remove hidden paragraphs for live sample - take 2

* Remove other hidden div and p - updated w/ en-US when necessary

* Remove ids

* Remove notranslate class

* Fix typo which broke build

* remove div class='index'

* remove useless <span style=...>

* remove non typographical sups

* remove non typographical subs

* remove blockindicator and fix some div.note

* fix build :/

* remove useless classes

* fix build - again :x

* fix unhandled elements 1/N + embedlivesample build fail

* fix div.warning

* Fix fixable flaws - hoping to reduce error conversion

* Remove unecessary images (same as en-US)

* fix div notes

* fix warnings

* fix some dl handling

* fix dls

* Fix a bunch of conversion errors

* rm unhandled figures

* Fix other set of issues and revamp easing-function page

* Fix some one-offs conversion errors (incl. deki files)

* fix the rest of one-off conversion issues

* Fix last dl standing

2 files changed, 9 insertions, 9 deletions

diff --git a/files/fr/web/css/media_queries/index.html b/files/fr/web/css/media_queries/index.html
index ad2a10fb01..1acb40d913 100644
--- a/files/fr/web/css/media_queries/index.html
+++ b/files/fr/web/css/media_queries/index.html
@@ -23,12 +23,10 @@ original_slug: Web/CSS/Requêtes_média
 
 <h3 id="Règles">Règles @</h3>
 
-<div class="index">
 <ul>
  <li>{{cssxref("@import")}}</li>
  <li>{{cssxref("@media")}}</li>
 </ul>
-</div>
 
 <h2 id="Guides">Guides</h2>
 
diff --git a/files/fr/web/css/media_queries/using_media_queries/index.html b/files/fr/web/css/media_queries/using_media_queries/index.html
index 21228d0eaf..b87d5cba87 100644
--- a/files/fr/web/css/media_queries/using_media_queries/index.html
+++ b/files/fr/web/css/media_queries/using_media_queries/index.html
@@ -35,17 +35,19 @@ original_slug: Web/CSS/Requêtes_média/Utiliser_les_Media_queries
 <p>Un type de média définit une catégorie générale d'appareil. Le type de média est optionnel dans une requête média, sauf si celle-ci utilise les opérateurs logiques <code>not</code> ou <code>only</code>. Par défaut, le type de média utilisé est <code>all</code>.</p>
 
 <dl>
- <dt><code id="all">all</code></dt>
+ <dt><code>all</code></dt>
  <dd>Correspond pour tous les appareils.</dd>
- <dt><code id="print">print</code></dt>
+ <dt><code>print</code></dt>
  <dd>Correspond aux matériaux paginés et aux documents consultés en aperçu avant impression. Pour plus d'informations, voir l'article sur <a href="/fr/docs/Web/CSS/Paged_Media">les médias paginés</a>.</dd>
- <dt><code id="screen">screen</code></dt>
+ <dt><code>screen</code></dt>
  <dd>Correspond aux appareils dotés d'un écran.</dd>
- <dt><code id="speech">speech</code></dt>
+ <dt><code>speech</code></dt>
  <dd>Correspond aux outils de synthèse vocale.</dd>
 </dl>
 
-<div class="note"><strong>Note : Les types de média dépréciés</strong> CSS2.1 et <a href="https://drafts.csswg.org/mediaqueries-3/#background">Media Queries 3</a> ont défini plusieurs types additionnels (<code>tty</code>, <code>tv</code>, <code>projection</code>, <code>handheld</code>, <code>braille</code>, <code>embossed</code>, and <code>aural</code>) qui ont ensuite été dépréciés avec <a href="https://dev.w3.org/csswg/mediaqueries/#media-types">Media Queries 4</a>. Ces types ne doivent donc plus être utilisés. Le type <code>aural</code> a été remplacé par le type <code>speech</code>.</div>
+<div class="note">
+  <p><strong>Note :</strong> Les types de média dépréciés CSS2.1 et <a href="https://drafts.csswg.org/mediaqueries-3/#background">Media Queries 3</a> ont défini plusieurs types additionnels (<code>tty</code>, <code>tv</code>, <code>projection</code>, <code>handheld</code>, <code>braille</code>, <code>embossed</code>, and <code>aural</code>) qui ont ensuite été dépréciés avec <a href="https://dev.w3.org/csswg/mediaqueries/#media-types">Media Queries 4</a>. Ces types ne doivent donc plus être utilisés. Le type <code>aural</code> a été remplacé par le type <code>speech</code>.</p>
+</div>
 
 <h3 id="media_features">Caractéristiques média (<i lang="en">media features</i>)</h3>
 
@@ -247,7 +249,7 @@ original_slug: Web/CSS/Requêtes_média/Utiliser_les_Media_queries
 
 <pre class="brush: css">@media screen, print { ... }</pre>
 
-<p>Pour une liste complète des types de média, voir <a class="internal" href="#types">ci-avant</a>. Ces types étant très génériques, peu de valeurs sont disponibles. Afin d'avoir un ciblage plus fin, on pourra utiliser les caractéristiques média.</p>
+<p>Pour une liste complète des types de média, voir <a href="#types">ci-avant</a>. Ces types étant très génériques, peu de valeurs sont disponibles. Afin d'avoir un ciblage plus fin, on pourra utiliser les caractéristiques média.</p>
 
 <h2 id="targeting_media_features">Cibler des caractéristiques média</h2>
 
@@ -260,7 +262,7 @@ original_slug: Web/CSS/Requêtes_média/Utiliser_les_Media_queries
 <pre class="brush: css">@media (max-width: 1250px) { ... }</pre>
 
 <div class="note">
-<p>Selon la spécification du W3C, les barres de défilement font partie des dimensions de la page. Ainsi la barre de défilement vertical s'ajoute à la largeur du document tandis que la barre de défilement horizontal s'ajoute à la hauteur du document. Cependant tous les navigateurs n'ont pas adopté cette recommandation (Chrome par exemple) et tous n'ont pas opté pour la même taille de barre de défilement, ce qui mène à un développement plus difficile pour assurer une comptabilité sur tous les navigateurs.</p>
+<p><strong>Note :</strong> Selon la spécification du W3C, les barres de défilement font partie des dimensions de la page. Ainsi la barre de défilement vertical s'ajoute à la largeur du document tandis que la barre de défilement horizontal s'ajoute à la hauteur du document. Cependant tous les navigateurs n'ont pas adopté cette recommandation (Chrome par exemple) et tous n'ont pas opté pour la même taille de barre de défilement, ce qui mène à un développement plus difficile pour assurer une comptabilité sur tous les navigateurs.</p>
 </div>
 
 <p>Si on utilise une caractéristique média sans indiquer de valeur, la requête sera vérifiée tant que la valeur de cette caractéristique n'est pas nulle (ou <code>none</code> pour la spécification de niveau 4). Ainsi, la requête suivante permettra d'appliquer les styles qu'elle contient si l'appareil peut afficher des couleurs :</p>