Structure casiment fini

index.css

@@ -12,6 +12,20 @@ body{
 .conteneur
 {
     display: flex;
+    padding-top : 15px;
+    padding-bottom: 15px;
+    width : 97%;
+
+    border : 1px solid red;
+}
+
+.partie
+{
+    width : 82%;
+    margin-top: 20px;
+    padding-bottom: 30px;
+
+    border : 1px solid black;
 }
 
 /*
@@ -55,14 +69,14 @@ header
 
 #sommaire
 {
-    width : 82%;
+
     display: flex;
     flex-direction: column;
 
-    border : 1px solid black;
+
 }
 
-#titreSommaire
+.titrePartie, .titreQuestion
 {
     font-size: 180%;
     margin-left: 20px;
@@ -72,13 +86,9 @@ header
 {
     justify-content: space-around;
     flex-direction: row;
-    padding-top : 15px;
-    padding-bottom: 15px;
-    width : 97%;
+
     align-self : center;
-    margin-bottom: 30px;
 
-    border : 1px solid red;
 }
 
 .blocLienQuestion
@@ -133,4 +143,43 @@ td{
     width : 100%;
     margin : 0px;
 }
-*/
+/*
+========================================
+                Question 1  
+========================================
+*/
+
+#question1
+{
+    display: flex;
+    flex-direction: column;
+}
+
+.titreQuestion
+{
+    text-align: center;
+    margin-left : 0px;
+}
+
+#intitule1
+{
+    align-self : center;
+    padding-bottom: 5px;
+    width: 55%;
+    padding-top: 5px;
+    display: flex;
+    justify-content: center;
+}
+
+.enonce
+{
+    text-align: center;
+    width : 98%;
+}
+
+#reponse1
+{
+    margin-top: 15px;
+    align-self: center;
+
+}

index.html

@@ -12,8 +12,8 @@
             <h2 class="titreSAE" id="DECOUVERTE">DÉCOUVERTE DE L'ENVIRONNEMENT ÉCONOMIQUE ET ÉCOLOGIQUE - LMC</h1>
         </header>
 
-        <section id="sommaire">
-            <h1 id="titreSommaire">Sommaire</h1>
+        <section class="partie" id="sommaire">
+            <h1 class="titrePartie">Sommaire</h1>
             
             <div class="conteneur" id="liensQuestions">
                 <div class="blocLienQuestion">
@@ -51,22 +51,31 @@
             </div>
         </section>
 
-        <section id="questions">
-            <div id="q1">
-                <p>Hello WORLD</p>
+        <section class="partie" id="question1">
+            <h1 class="titreQuestion">Question 1</h1>
+            
+            <div class="conteneur" id="intitule1">
+                <p class="enonce">
+                    Dans la S.A.É. 1-04, vous avez identifié la structure de marché dans laquelle intervient votre entreprise.
+                    Allez plus loin dans votre réflexion en donnant les caractéristiques des demandeurs et des autres offreurs.
+                </p>
             </div>
 
-            <div id="q2">
+            <div class="conteneur" id="reponse1">
             
             </div>
-    
-            <div id="q3">
-                
-            </div>
-    
-            <div id="q4">
-                
-            </div>
+        </section>
+
+        <section class="partie" id="question2">
+            <p>Hello World</p>
+        </section>
+
+        <section class="partie" id="question3">
+            <p>Hello World</p>
+        </section>
+
+        <section class="partie" id="question4">
+            <p>Hello World</p>
         </section>