diff --git a/css/adminConnexion.css b/css/adminConnexion.css
new file mode 100644
index 0000000..3dcd0fd
--- /dev/null
+++ b/css/adminConnexion.css
@@ -0,0 +1,16 @@
+p {
+    background-color: #001;
+    color: #fff;
+    margin: 5px;
+}
+
+input {
+    margin: .4rem;
+}
+
+form{
+    text-align: center;
+    margin: auto;
+    width: 300px;
+    border: solid;
+}
\ No newline at end of file
diff --git a/css/listeNews.css b/css/listeNews.css
new file mode 100644
index 0000000..22972f0
--- /dev/null
+++ b/css/listeNews.css
@@ -0,0 +1,26 @@
+#titre {
+    text-align: center;
+    font-size: large;
+    font-weight: bold;
+  }
+  
+#pubDate{
+    text-align:left;
+    font-size: small;
+}
+
+#description{
+    text-align: justify;
+}
+
+div{
+    background-color: white;
+    border-bottom:solid ;
+    padding: 5px;
+    margin: 10px;
+}
+
+#menu{
+    color: white;
+    background-color: black;
+}
\ No newline at end of file
diff --git a/vues/adminConnexion.php b/vues/adminConnexion.php
index 05531f7..f53d5b5 100644
--- a/vues/adminConnexion.php
+++ b/vues/adminConnexion.php
@@ -1,8 +1,13 @@
 <!doctype html>
+<link href="css/adminConnexion.css" rel="stylesheet" type="text/css">
+
 <html>
     <form action="index.php?action=verifValidation" method="POST">
-        <input type="text" name="name" placeholder="name" /><br>
-        <input type="text" name="password" placeholder="password" />
+        <p>Connexion</p>
+        <label for="Nom"></label>
+        <input type="text" name="name" placeholder="Nom" /><br>
+        <label for="Mot de passe"></label>
+        <input type="text" name="password" placeholder="Mot de passe" /><br>
         <input type="submit" value="OK">
     </form>
 </html>
\ No newline at end of file
diff --git a/vues/listeNews.php b/vues/listeNews.php
index a9e4298..0bb97f8 100644
--- a/vues/listeNews.php
+++ b/vues/listeNews.php
@@ -1,20 +1,25 @@
 <!doctype html>
+<link href="css/listeNews.css" rel="stylesheet" type="text/css">
 <html>
-    <form action="index.php">
-        <input type="hidden" name="action" value="goToAdminConnexion">
-        <button type="submit">connexion</button>
-    </form>
+    <div id="menu">
+        <form action="index.php">
+            <input type="hidden" name="action" value="goToAdminConnexion">
+            <button type="submit">connexion</button>
+        </form>
+    </div>
     <?php
         foreach ($listeNews as $n){
-            echo $n->getTitle();
-            echo "</br>";
+            echo "<div>";
+            echo "<p id=titre>";
+            echo '<a href='.$n->getLink().'>'.$n->getTitle().'</a>';
+            echo "</p>";
+            echo "<p id=pubDate>";
             echo $n->getPubdate();
-            echo "</br>";
-            echo '<a href='.$n->getLink().'>'.$n->getLink().'</a>';
-            echo "</br>";
+            echo "</p>";            
+            echo "<p id=description>";
             echo  $n->getDescription();
-            echo "</br>";
-            echo "</br>";
+            echo "</p>";
+            echo "</div>";
     }
     ?>
 </html>
\ No newline at end of file
