diff --git a/agile-dev/css/custom.css b/agile-dev/css/custom.css
index a22c247..1217e00 100644
--- a/agile-dev/css/custom.css
+++ b/agile-dev/css/custom.css
@@ -1,3 +1,57 @@
+/* NAV BAR */
+nav .imagelogo {
+    padding-left: 25px;
+    padding-top: 9px;
+}
+
+nav .listenav {
+    padding-right: 35px;
+}
+
+/* FIN NAV BAR */
+
+/* DEB 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;
+}
+
+buttonsec.buttonsec1 {
+    opacity: 0.8;
+}
+
+
+/* section 1 */
+
+/* DEB SECTION 2 ET 3 */
+
 .section-2 {
     display: flex;
     align-items: center;
@@ -7,6 +61,11 @@
     /* Largeur du bloc */
 }
 
+.section2-img {
+    width: 200px;
+
+}
+
 .section-3 {
     display: flex;
     align-items: center;
@@ -14,12 +73,17 @@
     width: 80%;
 }
 
+.section3-img {
+    width: 350px;
+  }
+
 .left {
     flex: 1 1 auto;
     /* Ne pas agrandir la zone automatiquement */
     margin-right: 20px;
     /* Marge à droite pour séparer les zones */
 }
+
 .left2 {
     flex: 1 1 auto;
     /* Ne pas agrandir la zone automatiquement */
@@ -27,9 +91,11 @@
     margin-right: 20px;
     /* Marge à droite pour séparer les zones */
 }
+
 .center {
     flex: 0 0 auto;
-    margin: 0 20px; /* Marge à gauche et à droite pour séparer les zones */
+    margin: 0 20px;
+    /* Marge à gauche et à droite pour séparer les zones */
 }
 
 .right {
@@ -37,62 +103,19 @@
     /* Permet à la zone de droite de prendre toute la largeur disponible */
 }
 
-
 h2 {
     font-size: 1.5em;
     /* Taille du titre */
 }
 
+h2 {
+    font-size: 1.2em;
+    /* Taille du titre */
+}
+
 button {
     padding: 10px 20px;
     /* 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;
-}
+/* FIN SECTION 2 ET 3 */
\ No newline at end of file
diff --git a/agile-dev/index.html b/agile-dev/index.html
index cb38f26..fe21cbd 100644
--- a/agile-dev/index.html
+++ b/agile-dev/index.html
@@ -52,7 +52,7 @@ <h1 style="font-size: medium;">Lorem ipsum</h1>
 
   <div class="section-2">
     <div class="left">
-      <img src="img/iphone_cover_light.png" alt="appli-iphone">
+      <img class="section2-img" src="img/iphone_cover_light.png" alt="appli-iphone">
     </div>
     <div class="right">
       <h2>Benefice</h2>
@@ -69,6 +69,35 @@ <h2>Benefice</h2>
   <!-- FIN SECTION 2-->
 
   <!-- DEB SECTION 3 -->
+
+  <div class="section-3">
+    <div class="left2">
+      <h3>Benefice 2</h3>
+      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
+        industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
+        scrambled it to
+        make a type specimen book. It has survived not only five centuries, but also the leap into electronic
+        typesetting,
+        remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
+        containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
+        including
+        versions of Lorem Ipsum.</p>
+    </div>
+    <div class="center">
+      <img class="section3-img" src="img/iphone_side_light.png" alt="appli-iphone" width=250px >>
+    </div>
+      <div class="right">
+        <h3>Benefice 3</h3>
+        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
+          industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
+          scrambled it to
+          make a type specimen book. It has survived not only five centuries, but also the leap into electronic
+          typesetting,
+          remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets
+          containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
+          including
+          versions of Lorem Ipsum.</p>
+        <h3>Benefice 3</h3>
     <div class="section-3">
       <div class="left2">
         <h3>Benefice 2</h3>