diff --git a/agile-dev/css/custom.css b/agile-dev/css/custom.css
index 76bb7be..3b864be 100644
--- a/agile-dev/css/custom.css
+++ b/agile-dev/css/custom.css
@@ -112,4 +112,71 @@ button {
     /* Espacement intérieur du bouton */
 }
 
+
+/* section 1 */
+.section1 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+    background-color: #9c9c9c;
+  }
+
+  img {
+    width: 200px;
+  }
+  
+  
+  .logo {
+    width: 50px;
+    height: 50px;
+  }
+  
+
+
+  .buttonsec1 {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  .buttonsec1 {
+    background-color: transparent;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    transition: opacity 0.3s;
+  }
+  
+    .buttonsec1 {
+    opacity: 0.8;
+  }
+  
+  
+/* section 1 */
+nav .imagelogo{
+    padding-left: 25px;
+    padding-top: 9px;
+}
+nav .listenav{
+    padding-right: 35px;
+}
+
+.footer {
+  background-color: #f1f1f1;
+  padding: 20px 0;
+  text-align: center;
+}
+
+.footer .container {
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+.footer p {
+  margin: 0;
+  font-size: 14px;
+  color: #888;
+}
+
 /* FIN SECTION 2 ET 3 */
diff --git a/agile-dev/index.html b/agile-dev/index.html
index 68ab36e..e695da1 100644
--- a/agile-dev/index.html
+++ b/agile-dev/index.html
@@ -114,6 +114,16 @@ <h3>Benefice 4</h3>
     
     <!--Fin section 4-->
 
+    <!-- Footer -->
+      <footer class="footer">
+        <div class="container">
+          <p class="copyright">
+            &copy; 2023 Nom de l'entreprise. Tous droits réservés.
+          </p>
+        </div>
+      </footer>
+    <!-- Fin du Footer -->
+    
     <!--Import materialize.js - JavaScript at end of body for optimized loading-->
     <script type="text/javascript" src="materialize.js"></script>
     <!--Import your custom.js-->