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

5 files changed, 9 insertions, 9 deletions

diff --git a/files/fr/web/css/@font-face/ascent-override/index.html b/files/fr/web/css/@font-face/ascent-override/index.html
index 54a738dcdc..dbbeb8eaa3 100644
--- a/files/fr/web/css/@font-face/ascent-override/index.html
+++ b/files/fr/web/css/@font-face/ascent-override/index.html
@@ -6,7 +6,7 @@ translation_of: 'Web/CSS/@font-face/ascent-override'
 ---
 <p>{{CSSRef}}</p>
 
-<p>Le descripteur CSS <strong><code>ascent-override</code></strong> définit la mesure du jambage supérieur (ascendant) de la police (voir la <a class="external" href="https://fr.wikipedia.org/wiki/Jambage">définition de jambage</a>). La mesure du jambage supérieur correspond à la distance verticale par rapport à la hauteur d'X (hauteur du caractère bas de casse, à l'exclusion des jambages inférieurs et supérieurs) que CSS doit utiliser pour agencer les boîtes dans un contexte de formatage en ligne.</p>
+<p>Le descripteur CSS <strong><code>ascent-override</code></strong> définit la mesure du jambage supérieur (ascendant) de la police (voir la <a href="https://fr.wikipedia.org/wiki/Jambage">définition de jambage</a>). La mesure du jambage supérieur correspond à la distance verticale par rapport à la hauteur d'X (hauteur du caractère bas de casse, à l'exclusion des jambages inférieurs et supérieurs) que CSS doit utiliser pour agencer les boîtes dans un contexte de formatage en ligne.</p>
 
 <h2 id="syntax">Syntaxe</h2>
 
diff --git a/files/fr/web/css/@font-face/descent-override/index.html b/files/fr/web/css/@font-face/descent-override/index.html
index 23655a5f02..6805fdd77f 100644
--- a/files/fr/web/css/@font-face/descent-override/index.html
+++ b/files/fr/web/css/@font-face/descent-override/index.html
@@ -6,7 +6,7 @@ translation_of: 'Web/CSS/@font-face/descent-override'
 ---
 <p>{{CSSRef}}</p>
 
-<p>Le descripteur CSS <strong><code>descent-override</code></strong> définit la mesure du jambage inférieur (descendant) de la police (voir la <a class="external" href="https://fr.wikipedia.org/wiki/Jambage">définition de jambage</a>). La mesure du jambage inférieur correspond à la distance verticale par rapport à la hauteur d'X (hauteur du caractère bas de casse, à l'exclusion des jambages inférieurs et supérieurs) que CSS doit utiliser pour agencer les boîtes dans un contexte de formatage en ligne.</p>
+<p>Le descripteur CSS <strong><code>descent-override</code></strong> définit la mesure du jambage inférieur (descendant) de la police (voir la <a href="https://fr.wikipedia.org/wiki/Jambage">définition de jambage</a>). La mesure du jambage inférieur correspond à la distance verticale par rapport à la hauteur d'X (hauteur du caractère bas de casse, à l'exclusion des jambages inférieurs et supérieurs) que CSS doit utiliser pour agencer les boîtes dans un contexte de formatage en ligne.</p>
 
 <h2 id="syntax">Syntaxe</h2>
 
diff --git a/files/fr/web/css/@font-face/font-display/index.html b/files/fr/web/css/@font-face/font-display/index.html
index 798e350ac7..2b89c8661d 100644
--- a/files/fr/web/css/@font-face/font-display/index.html
+++ b/files/fr/web/css/@font-face/font-display/index.html
@@ -57,7 +57,7 @@ font-display: optional;</pre>
 
 <h2 id="Exemples">Exemples</h2>
 
-<pre class="brush: css; highlight[7]">@font-face {
+<pre class="brush: css">@font-face {
   font-family: FonteExemple;
   src: url(/chemin/vers/fonts/examplefont.woff) format('woff'),
        url(/chemin/vers/fonts/examplefont.eot) format('eot');
diff --git a/files/fr/web/css/@font-face/font-stretch/index.html b/files/fr/web/css/@font-face/font-stretch/index.html
index 66d3a0211d..505de0c2ac 100644
--- a/files/fr/web/css/@font-face/font-stretch/index.html
+++ b/files/fr/web/css/@font-face/font-stretch/index.html
@@ -130,10 +130,10 @@ font-stretch: condensed ultra-condensed;;
 
 <h2 id="Accessibilité">Accessibilité</h2>
 
-<p>Les personnes atteintes de dyslexie ou d'autres troubles cognitifs pourront avoir des difficultés à lire des textes dont la fonte est trop condensée, notamment <a href="/en-US/docs/Web/CSS/color#Accessibility_concerns">si le contraste des couleurs est trop faible</a>.</p>
+<p>Les personnes atteintes de dyslexie ou d'autres troubles cognitifs pourront avoir des difficultés à lire des textes dont la fonte est trop condensée, notamment <a href="/en-US/docs/Web/CSS/color#accessibility_concerns">si le contraste des couleurs est trop faible</a>.</p>
 
 <ul>
- <li><a href="/fr/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">Comprendre les règles WCAG - Partie 1.4 (MDN)</a></li>
+ <li><a href="/fr/docs/Web/Accessibility/Understanding_WCAG/Perceivable#guideline_1.4_make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">Comprendre les règles WCAG - Partie 1.4 (MDN)</a></li>
  <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html" rel="noopener">Respecter le critère 1.4.8 - Comprendre les règles WCAG 2.0 (W3C)</a></li>
 </ul>
 
diff --git a/files/fr/web/css/@font-face/font-style/index.html b/files/fr/web/css/@font-face/font-style/index.html
index c9776cadef..672e77a232 100644
--- a/files/fr/web/css/@font-face/font-style/index.html
+++ b/files/fr/web/css/@font-face/font-style/index.html
@@ -9,7 +9,7 @@ translation_of: Web/CSS/@font-face/font-style
 ---
 <div>{{CSSRef}}</div>
 
-<p>Le descripteur <strong><code>font-style</code></strong>, associé à <a href="/fr/docs/Web/CSS/Règles_@">la règle @</a> {{cssxref("@font-face")}}, permet d'indiquer le style de police pour la police définie via la règle.</p>
+<p>Le descripteur <strong><code>font-style</code></strong>, associé à <a href="/fr/docs/Web/CSS/At-rule">la règle @</a> {{cssxref("@font-face")}}, permet d'indiquer le style de police pour la police définie via la règle.</p>
 
 <p>Pour une police donnée (un ensemble de fontes), les auteurs peuvent télécharger plusieurs fichiers correspondant à la même police mais pour différents styles. Le descripteur <code>font-style</code> peut alors être utilisé afin d'indiquer explicitement le style associé à la fonte. La valeur du descripteur correspond à la propriété de la fonte.</p>
 
@@ -49,11 +49,11 @@ font-style: oblique 30deg 50deg;</pre>
   src: url('garamond.ttf');
 }</pre>
 
-<p><img alt="unstyled Garamond" src="https://mdn.mozillademos.org/files/12265/garamondunstyled.JPG" style="height: 101px; width: 276px;"></p>
+<p><img alt="unstyled Garamond" src="garamondunstyled.jpg"></p>
 
 <p>La version en italique du texte utilisera les mêmes glyphes que la version normale, artificiellement penchés de quelques degrés.</p>
 
-<p><img alt="artificially sloped garamond" src="https://mdn.mozillademos.org/files/12267/garamondartificialstyle.JPG" style="height: 101px; width: 276px;"></p>
+<p><img alt="artificially sloped garamond" src="garamondartificialstyle.jpg"></p>
 
 <p>En revanche, si on dispose d'une vraie version italique, on peut l'indiquer via le descripteur <code>src</code> et indiquer que c'est une police italique via <code>font-style</code>. Une « vraie » police italique utilisera des glyphes différents et la qualité calligraphique obtenue sera meilleure qu'avec les glyphes normaux penchés artificiellement.</p>
 
@@ -64,7 +64,7 @@ font-style: oblique 30deg 50deg;</pre>
   font-style: italic;
 }</pre>
 
-<p><img alt="italic garamond" src="https://mdn.mozillademos.org/files/12269/garamonditalic.JPG" style="height: 101px; width: 267px;"></p>
+<p><img alt="italic garamond" src="garamonditalic.jpg"></p>
 
 <h2 id="Spécifications">Spécifications</h2>