diff --git a/fluxRSS/controleur/Controleur.php b/fluxRSS/controleur/Controleur.php
index 86ef927..f9084b4 100755
--- a/fluxRSS/controleur/Controleur.php
+++ b/fluxRSS/controleur/Controleur.php
@@ -1,6 +1,7 @@
 <?php
 namespace controleur;
 
+use model\AdminModel;
 use model\ArticleModel;
 
 class Controleur
@@ -23,6 +24,9 @@ class Controleur
                     $this->Reinit();
                     break;
 
+                case 'login':
+                    $this->login();;
+                    break;
                 case 'validationFormulaire':
                     $this->ValidationFormulaire($dVueEreur);
                     break;
@@ -48,15 +52,35 @@ class Controleur
         exit(0);
     }//fin constructeur
 
+    public function login(){
+        global $twig; // nécessaire pour utiliser variables globales
+        if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+            $username = $_POST['username'];
+            $password = $_POST['password'];
+
+            $adminModel = new AdminModel();
+            $admin = $adminModel->connection($username, $password);
+
+            if ($admin != null){
+                $dVue = [
+                    'data' => ArticleModel::getArticles()
+                ];
+                echo $twig->render('listArticle.html', [
+                    'dVue' => $dVue
+                ]);
+            }
+            else{
+                $this->Reinit();
+            }
+        }
+    }
     public function Reinit()
     {
         global $twig; // nécessaire pour utiliser variables globales
         $dVue = [
-            'nom' => '',
-            'age' => 0,
             'data' => ArticleModel::getArticles()
         ];
-        echo $twig->render('listArticle.html', [
+        echo $twig->render('vuephp1.html', [
             'dVue' => $dVue
         ]);
     }
diff --git a/fluxRSS/templates/vuephp1.html b/fluxRSS/templates/vuephp1.html
index 3cf5685..64cdea5 100755
--- a/fluxRSS/templates/vuephp1.html
+++ b/fluxRSS/templates/vuephp1.html
@@ -1,105 +1,28 @@
 <!DOCTYPE html>
-<html lang="fr">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Personne - formulaire</title>
-    <script type="text/javascript">
-      function clearForm(oForm) {
-        const elements = oForm.elements;
-        oForm.reset();
-
-        for (i = 0; i < elements.length; i++) {
-          field_type = elements[i].type.toLowerCase();
-
-          switch (field_type) {
-            case "text":
-            case "password":
-            case "textarea":
-            case "hidden":
-              elements[i].value = "";
-              break;
-
-            case "radio":
-            case "checkbox":
-              if (elements[i].checked) {
-                elements[i].checked = false;
-              }
-              break;
-
-            case "select-one":
-            case "select-multi":
-              elements[i].selectedIndex = -1;
-              break;
-
-            default:
-              break;
-          }
-        }
-      }
-    </script>
-  </head>
-
-  <body>
-    <!-- on vérifie les données provenant du modèle -->
-    {% if dVue is defined %}
-      <div align="center">
-        {% if dVueEreur is defined and dVueEreur|length >0 %}
-          <h2>ERREUR !!!!!</h2>
-          {% for value in dVueEreur %}
-            <p>{{value}}</p>
-          {% endfor %}
-        {% endif %}
-
-        <h2>Personne - formulaire</h2>
-        <hr />
-        <!-- affichage de données provenant du modèle -->
-        {{dVue.data}}
-
-        <form method="post" name="myform" id="myform">
-          <table>
-            <tr>
-              <td>Nom</td>
-              <td>
-                <input name="txtNom" value="{{dVue.nom}}" type="text" size="20" />
-              </td>
-            </tr>
-            <tr>
-              <td>Age</td>
-              <td>
-                <input
-                  name="txtAge"
-                  value="{{dVue.age}}"
-                  type="text"
-                  size="3"
-                  required
-                />
-              </td>
-            </tr>
-            <tr></tr>
-          </table>
-          <table>
-            <tr>
-              <td><input type="submit" value="Envoyer" /></td>
-              <td><input type="reset" value="Rétablir" /></td>
-              <td>
-                <input
-                  type="button"
-                  value="Effacer"
-                  onclick="clearForm(this.form);"
-                />
-              </td>
-            </tr>
-          </table>
-          <!-- action !!!!!!!!!! -->
-          <input type="hidden" name="action" value="validationFormulaire" />
-        </form>
-      </div>
-    {% else %}
-      <p>Erreur !!<br />utilisation anormale de la vuephp</p>
-    {% endif %}
-    <p>
-      Essayez de mettre du code html dans nom -> Correspond à une attaque de type injection
-    </p>
-  </body>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Login</title>
+</head>
+<body>
+<h1>Login</h1>
+
+{% if error %}
+<p style="color: red;">{{ error }}</p>
+{% endif %}
+
+<form action="login" method="post">
+  <label for="username">Username:</label>
+  <input type="text" id="username" name="username" required>
+
+  <label for="password">Password:</label>
+  <input type="password" id="password" name="password" required>
+
+  <button type="submit">Login</button>
+</form>
+
+<a href="listArticle.html">Not a member? Go to Articles</a>
+</body>
 </html>
