シンプルなHTMLサイトに要求された変更を加えるには、HTMLファイルの`<head>`タグにCSSコードを追加します。あなたのニーズを満たすために必要なCSSスタイルを追加しました：

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mon site web simple</title>
    <style>
      body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        margin: 0;
      }

      h1 {
        margin-top: 0;
      }

      p {
        flex: 1;
        text-align: center;
      }

      ul {
        margin-bottom: 0;
      }

      a {
        background-color: gray;
        color: white;
        text-decoration: none;
        padding: 5px;
      }

      a:hover {
        background-color: blue;
      }
    </style>
  </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>
```

このCSSコードは、タイトルをページの一番上に、段落を真ん中に、リンクを最後に配置します。リンクの背景は灰色で、マウスを移動させると青くなります。
Pour apporter les modifications demandées à votre site HTML simple, vous pouvez ajouter du code CSS dans la balise `<head>` de votre fichier HTML. J'ai ajouté les styles CSS nécessaires pour répondre à vos besoins :

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mon site web simple</title>
    <style>
      body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        margin: 0;
      }

      h1 {
        margin-top: 0;
      }

      p {
        flex: 1;
        text-align: center;
      }

      ul {
        margin-bottom: 0;
      }

      a {
        background-color: gray;
        color: white;
        text-decoration: none;
        padding: 5px;
      }

      a:hover {
        background-color: blue;
      }
    </style>
  </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>
```

Ce code CSS positionne le titre en haut de la page, le paragraphe au milieu et les liens à la fin. Les liens ont un fond gris et deviennent bleus lorsqu'on passe la souris dessus.