diff --git a/AHOVEYSaintGeorge/index.html b/AHOVEYSaintGeorge/index.html
index 43f4d3b..6784690 100644
--- a/AHOVEYSaintGeorge/index.html
+++ b/AHOVEYSaintGeorge/index.html
@@ -7,9 +7,9 @@
     <body>
         <div class="container">
             <div class="row align-items-center">
-                <div class="col-md-6">
+                <div class="col-md-6"> <br>
                     <img src="logo.png" alt="Logo" style="max-width: 100%;">
-                </div>
+                </div> </br>
                 <div class="col-md-6">
                     <h1 class="fw-bold">CENTRE DE FORMATION INFORMATIQUE <br> 
                         À LA RÉUNION DEPUIS 2002 !</h1>
@@ -17,6 +17,8 @@
             </div>
 
   <P></P>
+<h1 class="text-center my-4">Connexion</h1>
+
             <div class="row-5">
                     <form style="background-color:#009DE0; padding: 20px; border-radius: 10px;">
                         <div class="form-group mb-3">
diff --git a/AHOVEYSaintGeorge/liste.html b/AHOVEYSaintGeorge/liste.html
index 97c20a8..23c4caa 100644
--- a/AHOVEYSaintGeorge/liste.html
+++ b/AHOVEYSaintGeorge/liste.html
@@ -7,8 +7,12 @@
 <div class="container">
     <div class="row align-items-center">
         <div class="col-md-6">
+           
+           <br>
             <img src="logo.png" alt="Logo" style="max-width: 100%;">
         </div>
+    </br>
+
         <div class="col-md-6">
             <h1 class="fw-bold">CENTRE DE FORMATION INFORMATIQUE <br> 
                 À LA RÉUNION DEPUIS 2002 !</h1>
@@ -16,41 +20,76 @@
     </div>
 
 <P></P>
-<h1 class="text-center my-4">Liste des étudiants en CDA8</h1>
-
-<div class="card" style="background-color: #009DE0; padding: 20px;">
-    <div class="row text-center text-white">
-        <div class="col-md-12">
-            <span>AHOVEY Saint-George</span>
-        </div>
-        <div class="col-md-12">
-            <span>AH-YONG Emjy</span>
-        </div>
-        <div class="col-md-12">
-            <span>BARRET Toma</span>
-        </div>
-        <div class="col-md-12">
-            <span>CELEMANI Theo</span>
-        </div>
-        <div class="col-md-12">
-            <span>RAMASSY Cheun</span>
-        </div>
-        <div class="col-md-12">
-            <span>DEMONTIS Matisse</span>
-        </div>
-        <div class="col-md-12">
-            <span>GRONDIN Clarel</span>
-        </div>
-        <div class="col-md-12">
-            <span>HOARAU Jeremy</span>
-        </div>
-        <div class="col-md-12">
-            <span>MUNIER Jerome</span>
-        </div>
-        <div class="col-md-12 mb-3">
-            <span>PEDRE Gabriel</span>
+<body>
+    <div class="container my-5">
+        <h1 class="text-center mb-4">Liste des étudiants en CDA8</h1>
+        <div class="table-responsive">
+            <table class="table table-striped table-bordered">
+                <thead>
+                    <tr>
+                        <th scope="col"style="background-color: #009DE0;">Nom</th>
+                        <th scope="col"style="background-color: #009DE0;">Prénom</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>AHOVEY</td>
+                        <td>Saint-George</td>
+                    </tr>
+                    <tr>
+                        <td>AH-YONG</td>
+                        <td>Emjy</td>
+                    </tr>
+                    <tr>
+                        <td>BARRET</td>
+                        <td>Toma</td>
+                    </tr>
+                    <tr>
+                        <td>CELEMANI</td>
+                        <td>Theo</td>
+                    </tr>
+                    <tr>
+                        <td>RAMASSY</td>
+                        <td>Cheun</td>
+                    </tr>
+                    <tr>
+                        <td>DEMONTIS</td>
+                        <td>Matisse</td>
+                    </tr>
+                    <tr>
+                        <td>GRONDIN</td>
+                        <td>Clarel</td>
+                    </tr>
+                    <tr>
+                        <td>HOARAU</td>
+                        <td>Jeremy</td>
+                    </tr>
+                    <tr>
+                        <td>MUNIER</td>
+                        <td>Jerome</td>
+                    </tr>
+                    <tr>
+                        <td>PEDRE</td>
+                        <td>Gabriel</td>
+                    </tr>
+                    <tr>
+                        <td>M</td>
+                        <td>Sebastien</td>
+                    </tr>
+                    <tr>
+                        <td>NOEL</td>
+                        <td>Thomy</td>
+                    </tr>
+                    <tr>
+                        <td>BOYER</td>
+                        <td>Dorian</td>
+                    </tr>
+                    <tr>
+                        <td></td>
+                        <td>Lou</td>
+                    </tr>
+                </tbody>
+            </table>
         </div>
     </div>
-</div>
-</div>
 </body>
\ No newline at end of file
diff --git a/AHYONG_Emjy/liste.html b/AHYONG_Emjy/liste.html
index 8ea240b..ba5435a 100644
--- a/AHYONG_Emjy/liste.html
+++ b/AHYONG_Emjy/liste.html
@@ -56,23 +56,74 @@
             <h1>Liste des élèves de CDA8</h1>
         </div>
         <div class="container">
-            <ul class="list-group">
-                <li class="list-group-item">Gaby</li>
-                <li class="list-group-item">Dorian</li>
-                <li class="list-group-item">Julien</li>
-                <li class="list-group-item">Lou</li>
-                <li class="list-group-item">Saint-George</li>
-                <li class="list-group-item">Toma</li>
-                <li class="list-group-item">Théo</li>
-                <li class="list-group-item">Cheun</li>
-                <li class="list-group-item">Matisse</li>
-                <li class="list-group-item">Clarel</li>
-                <li class="list-group-item">Jeremy</li>
-                <li class="list-group-item">Jerome</li>
-                <li class="list-group-item">Gabriel</li>
-                <li class="list-group-item">Thomy</li>
-                <li class="list-group-item">Emjy</li>
-              </ul>
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>Nom</th>
+                        <th>Prénom</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>AHOVEY</td>
+                        <td>Saint-George</td>
+                    </tr>
+                    <tr>
+                        <td>AH-YONG</td>
+                        <td>Emjy</td>
+                    </tr>
+                    <tr>
+                        <td>BARRET</td>
+                        <td>Toma</td>
+                    </tr>
+                    <tr>
+                        <td>CELEMANI</td>
+                        <td>Théo</td>
+                    </tr>
+                    <tr>
+                        <td>RAMASSY</td>
+                        <td>Cheun</td>
+                    </tr>
+                    <tr>
+                        <td>DEMONTIS</td>
+                        <td>Matisse</td>
+                    </tr>
+                    <tr>
+                        <td>GRONDIN</td>
+                        <td>Clarel</td>
+                    </tr>
+                    <tr>
+                        <td>HOARAU</td>
+                        <td>Jeremy</td>
+                    </tr>
+                    <tr>
+                        <td>MUNIER</td>
+                        <td>Jerome</td>
+                    </tr>
+                    <tr>
+                        <td>PEDRE</td>
+                        <td>Gabriel</td>
+                    </tr>
+                    <tr>
+                        <td>NOEL</td>
+                        <td>Thomy</td>
+                    </tr>
+                    <tr>
+                        <td>RASSABY</td>
+                        <td>Ludovic</td>
+                    </tr>
+                    <tr>
+                        <td></td>
+                        <td>Dorian</td>
+                    </tr>
+                    <tr>
+                        <td>DUCAUROY</td>
+                        <td>Lou</td>
+                    </tr>
+                    
+                </tbody>
+            </table>
+            
         </div>
     
 
diff --git a/Cheun RAMASSY/Liste.html b/Cheun RAMASSY/Liste.html
new file mode 100644
index 0000000..bdfe040
--- /dev/null
+++ b/Cheun RAMASSY/Liste.html	
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+    <title>Document</title>
+</head>
+<body>
+
+
+    <nav class="navbar navbar-expand-lg bg-body-tertiary" >
+        
+        <div class="container-fluid" style="background-color: #0693e3;">
+        <div class="container">
+          <a class="nav-link" href="#">Notre centre</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarSupportedContent" >
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item">
+                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-current="page" href="#" >Formations</a>
+                <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                  </ul>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#" >Planing</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link" href="#" role="button">
+                    Financement
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" >blog</a>
+              </li>
+            </ul>
+            <form class="d-flex" role="search">
+              <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+              <button class="btn btn-outline-success" type="submit" style="color: black; background-color: #FFC329;">Search</button>
+            </form>
+          </div>
+        </div>
+    </div>
+      </nav>
+
+
+    <h1 style="margin-top: 1%">Liste des étudiants</h1>
+    <div class="container" style="margin-top:5%">
+        <table class="table table-striped">
+            <tr>
+                <th>Nom</th>
+                <th>Prénom</th>
+              </tr>
+              <tr>
+                <td>AHOVEY</td>
+                <td>SaintGeorge</td>
+              </tr>
+                <td>AHYONG</td>
+                <td>Emjy</td>
+              <tr>
+                <td>.</td>
+                <td>Toma</td>
+             </tr>
+                <td>CELEMANI</td>
+                <td>Theo</td>
+            <tr>
+                <td>RAMASSY</td>
+                <td>Cheun</td>
+            </tr>
+
+            <tr>
+                <td>Demontis </td>
+                <td>matisse</td>
+            </tr>
+
+            <tr>
+                <td>Demontis </td>
+                <td>matisse</td>
+            </tr>
+
+            <tr>
+                <td>GRONDIN</td>
+                <td>Clarel</td>
+            </tr>
+
+            <tr>
+                <td>Hoarau</td>
+                <td>Jeremy</td>
+            </tr>
+
+            <tr>
+                <td>M</td>
+                <td>Sebastien</td>
+            </tr>
+
+            <tr>                
+                <td>Pedre</td>
+                <td>Gabriel</td>
+            </tr>
+
+            <tr>
+                <td> Noel</td>
+                <td>Thomy</td>
+            </tr>
+                
+            <tr>
+                <td>.</td>
+                <td>dorian</td>
+            </tr>
+
+            <tr>
+                <td>Ducauroy</td>
+                <td>lou</td>
+            </tr>
+
+          </table>
+
+    </div>
+    <!-- jquery cdn -->
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
+    <!-- boostrap js cdn-->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/Cheun RAMASSY/index.html b/Cheun RAMASSY/index.html
new file mode 100644
index 0000000..4a2c68d
--- /dev/null
+++ b/Cheun RAMASSY/index.html	
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+    <title>Document</title>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg bg-body-tertiary" >
+        
+        <div class="container-fluid" style="background-color: #0693e3;">
+        <div class="container">
+          <a class="nav-link" href="#">Notre centre</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+
+          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarSupportedContent" >
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item">
+                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-current="page" href="#" >Formations</a>
+                <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><hr class="dropdown-divider"></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                  </ul>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#" >Planing</a>
+              </li>
+              <li class="nav-item dropdown">
+                <a class="nav-link" href="#" role="button">
+                    Financement
+                </a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" >blog</a>
+              </li>
+            </ul>
+            <form class="d-flex" role="search">
+              <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+              <button class="btn btn-outline-success" type="submit" style="color: black; background-color: #FFC329;">Search</button>
+            </form>
+          </div>
+        </div>
+    </div>
+      </nav>
+
+        <!-- Formulaire de connexion -->
+         
+      <!-- <div class="position-relative">
+        <div class="position-absolute top-50 start-50 translate-middle"> -->
+            <form>
+                <div class="container" style=" margin-top: 10%;
+                                                background-color: #0693e3;">
+                    <div class="mb-3">
+                        <label for="exampleInputEmail1" class="form-label">Email address</label>
+                        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
+                      </div>
+                      <div class="mb-3">
+                        <label for="exampleInputPassword1" class="form-label">Password</label>
+                        <input type="password" class="form-control" id="exampleInputPassword1">
+                      </div>
+                      <div class="mb-3 form-check">
+                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                        <label class="form-check-label" for="exampleCheck1">Check me out</label>
+                      </div>
+                      <button type="submit" class="btn btn-primary" style="margin-bottom: 1;">Connexion</a></button>
+                      <p ><a href="Liste.html" style ="color: white">Se connecter anonymement à la liste des étudiants</a> </p>
+                    </form>
+                    
+                </div>
+        <!-- </div> -->
+    
+    <!-- jquery cdn -->
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
+    <!-- boostrap js cdn-->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/Jeremy_Hoarau/index.html b/Jeremy_Hoarau/index.html
index 7e77cc9..1738505 100644
--- a/Jeremy_Hoarau/index.html
+++ b/Jeremy_Hoarau/index.html
@@ -3,7 +3,7 @@
         <title>CDA</title>
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
         <style>
-            .btn-expernet {
+            .btn-expernet, .btn-expernet:hover {
                 background-color: #009de0;
             }
         </style>
@@ -26,7 +26,9 @@
         <main class="form-signin w-100 m-auto">
             <div class="container w-25 p-2 border rounded">
                 <form>            
-                    <img class="mb-4" src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" alt="" width="72" height="57">  
+                    <div class="container d-flex justify-content-center">
+                        <img class="mb-4" src="https://expernet.re/wp-content/themes/tm-bootstrap/images/logo.png" alt="" width="96" height="81">  
+                    </div>
                 
                     <div class="form-floating">
                         <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
@@ -44,7 +46,7 @@
                         </label>
                     </div>
 
-                    <button class="btn btn-expernet w-100 py-2" type="submit">Connexion</button>
+                    <button class="btn btn-expernet btn-ho w-100 py-2" type="submit">Connexion</button>
                     <p class="text-center my-2">Ou</p>  
                     <a class="btn btn-expernet w-100 py-2" href="liste.html" role="button">Connexion anonyme</a>
                 </form>

Nom	Prénom
AHOVEY	Saint-George
AH-YONG	Emjy
BARRET	Toma
CELEMANI	Theo
RAMASSY	Cheun
DEMONTIS	Matisse
GRONDIN	Clarel
HOARAU	Jeremy
MUNIER	Jerome
PEDRE	Gabriel
M	Sebastien
NOEL	Thomy
BOYER	Dorian
	Lou
Nom	Prénom
AHOVEY	SaintGeorge
AHYONG	Emjy
.	Toma
CELEMANI	Theo
RAMASSY	Cheun
Demontis	matisse
Demontis	matisse
GRONDIN	Clarel
Hoarau	Jeremy
M	Sebastien
Pedre	Gabriel
Noel	Thomy
.	dorian
Ducauroy	lou