convert content to md

1 files changed, 39 insertions, 51 deletions

diff --git a/files/fr/web/css/@counter-style/suffix/index.md b/files/fr/web/css/@counter-style/suffix/index.md
index 9dfe61362b..e3bfc350ee 100644
--- a/files/fr/web/css/@counter-style/suffix/index.md
+++ b/files/fr/web/css/@counter-style/suffix/index.md
@@ -7,33 +7,33 @@ tags:
   - Reference
 translation_of: Web/CSS/@counter-style/suffix
 ---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
 
-<p>Le descripteur <code><strong>suffix</strong></code>, utilisé avec la règle @ {{cssxref("@counter-style")}}, afin de définir un symbole qui pourra être utilisé comme suffixe pour la représentation du marqueur. Le symbole en question pourra être une chaîne de caractères, une image ou un identifiant CSS. La valeur par défaut de ce descripteur sera <code>"\2E\20"</code> (un point « . » suivi par un espace).</p>
+Le descripteur **`suffix`**, utilisé avec la règle @ {{cssxref("@counter-style")}}, afin de définir un symbole qui pourra être utilisé comme suffixe pour la représentation du marqueur. Le symbole en question pourra être une chaîne de caractères, une image ou un identifiant CSS. La valeur par défaut de ce descripteur sera `"\2E\20"` (un point « . » suivi par un espace).
 
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
 
-<pre class="brush: css">/* Une valeur de type &lt;symbol&gt; */
+```css
+/* Une valeur de type <symbol> */
 suffix: "";
 suffix: ") ";
-</pre>
+```
 
-<h3 id="Valeur">Valeur</h3>
+### Valeur
 
-<dl>
- <dt><code>&lt;symbol&gt;</code></dt>
- <dd>Un symbole qui sera ajouté comme suffixe à la représentation du marqueur. Cette valeur peut être une valeur de type {{cssxref("&lt;string&gt;")}}, {{cssxref("&lt;image&gt;")}} ou {{cssxref("&lt;custom-ident&gt;")}}.</dd>
-</dl>
+- `<symbol>`
+  - : Un symbole qui sera ajouté comme suffixe à la représentation du marqueur. Cette valeur peut être une valeur de type {{cssxref("&lt;string&gt;")}}, {{cssxref("&lt;image&gt;")}} ou {{cssxref("&lt;custom-ident&gt;")}}.
 
-<h3 id="Syntaxe_formelle">Syntaxe formelle</h3>
+### Syntaxe formelle
 
 {{csssyntax}}
 
-<h2 id="Exemples">Exemples</h2>
+## Exemples
 
-<h3 id="CSS">CSS</h3>
+### CSS
 
-<pre class="brush: css">@counter-style options {
+```css
+@counter-style options {
   system: fixed;
   symbols: A B C D;
   suffix: ") ";
@@ -41,51 +41,39 @@ suffix: ") ";
 
 .exemple {
   list-style: options;
-}</pre>
+}
+```
 
-<h3 id="HTML">HTML</h3>
+### HTML
 
-<pre class="brush: html">&lt;ul class="exemple"&gt;
-  &lt;li&gt;Un&lt;/li&gt;
-  &lt;li&gt;Deux&lt;/li&gt;
-  &lt;li&gt;Trois&lt;/li&gt;
-  &lt;li&gt;Autre&lt;/li&gt;
-&lt;/ul&gt;</pre>
+```html
+<ul class="exemple">
+  <li>Un</li>
+  <li>Deux</li>
+  <li>Trois</li>
+  <li>Autre</li>
+</ul>
+```
 
-<h3 id="Résultat">Résultat</h3>
+### Résultat
 
-<p>{{EmbedLiveSample('Exemples')}}</p>
+{{EmbedLiveSample('Exemples')}}
 
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Spécification</th>
-   <th scope="col">État</th>
-   <th scope="col">Commentaires</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('CSS3 Counter Styles', '#descdef-counter-style-suffix', 'suffix')}}</td>
-   <td>{{Spec2('CSS3 Counter Styles')}}</td>
-   <td>Définition initiale.</td>
-  </tr>
- </tbody>
-</table>
+| Spécification                                                                                            | État                                         | Commentaires         |
+| -------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------- |
+| {{SpecName('CSS3 Counter Styles', '#descdef-counter-style-suffix', 'suffix')}} | {{Spec2('CSS3 Counter Styles')}} | Définition initiale. |
 
-<p>{{cssinfo}}</p>
+{{cssinfo}}
 
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
 
-<p>{{Compat("css.at-rules.counter-style.suffix")}}</p>
+{{Compat("css.at-rules.counter-style.suffix")}}
 
-<h2 id="Voir_aussi">Voir aussi</h2>
+## Voir aussi
 
-<ul>
- <li>{{cssxref("list-style")}},</li>
- <li>{{cssxref("list-style-image")}},</li>
- <li>{{cssxref("list-style-position")}},</li>
- <li>{{cssxref("symbols", "symbols()")}}, la notation fonctionnelle utilisée pour créer des styles de compteur anonymes.</li>
-</ul>
+- {{cssxref("list-style")}},
+- {{cssxref("list-style-image")}},
+- {{cssxref("list-style-position")}},
+- {{cssxref("symbols", "symbols()")}}, la notation fonctionnelle utilisée pour créer des styles de compteur anonymes.