新しいHTMLとそのCSSファイルは次のとおりである。

```html 
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
    <title>Mon site web simple</title>
  </head>
  <body>
    <h1>Titre de mon site</h1>
    <p>Voici un paragraphe de texte pour mon site web simple.</p>
    <h2>Liens utiles</h2>
    <ul>
      <li><a href="https://www.google.com/">Google</a></li>
      <li><a href="https://www.wikipedia.org/">Wikipedia</a></li>
      <li><a href="https://www.github.com/">GitHub</a></li>
    </ul>
  </body>
</html> 
```

styles.cssファイルに名前をつけるか、HTMLの中の名前を変更することを忘れないでください。
```css
/* Change les liens en gris */

a{color: darkgrey;}


/* Les liens passe en bleu au survolage de la souris */

a:hover{color: blue;}


/* met le titre en haut de page */

h1.top-element{
    position: absolute;
    top: auto;
}


/* centre le paragraphe */

p.middle-element{
    width: auto;
    margin: auto;
    text-align: center;
}


/* positionne les liens en bas de page */

li.bottom-element{
    position: absolute;
    bottom: auto;
}
```
voici le nouveau HTML avec son fichier CSS

```html 
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">
    <title>Mon site web simple</title>
  </head>
  <body>
    <h1>Titre de mon site</h1>
    <p>Voici un paragraphe de texte pour mon site web simple.</p>
    <h2>Liens utiles</h2>
    <ul>
      <li><a href="https://www.google.com/">Google</a></li>
      <li><a href="https://www.wikipedia.org/">Wikipedia</a></li>
      <li><a href="https://www.github.com/">GitHub</a></li>
    </ul>
  </body>
</html> 
```

Pensez à nommer votre fichier styles.css ou à changer le nom dans le HTML
```css
/* Change les liens en gris */

a{color: darkgrey;}


/* Les liens passe en bleu au survolage de la souris */

a:hover{color: blue;}


/* met le titre en haut de page */

h1.top-element{
    position: absolute;
    top: auto;
}


/* centre le paragraphe */

p.middle-element{
    width: auto;
    margin: auto;
    text-align: center;
}


/* positionne les liens en bas de page */

li.bottom-element{
    position: absolute;
    bottom: auto;
}
```