fin

Web/Margotte/css_js/style.css

@@ -189,16 +189,27 @@ div#slider figure img { width: 20%; height: auto; float: left; }
     color: var(--col3);
 }
 .soustitre{
-    margin: 100px 250px;
-    margin-top: 0px;
+    margin: 0px 250px;
     display: flex;
     color: var(--col3);
 }
 .allboxmain{
     margin: 100px;
-    margin-top: 0px;
     display: flex;
-    height: 2000px;
-    width: 1400px;
-    border: 2px dashed red;
+    width: 1200px;
+    max-height: 1000px;
+    flex-direction: column;
+    flex-wrap: wrap;
+}
+.boximg{
+    width: 600px;
+    height: 200px;    
+    background-color: whitesmoke;
+    transition: 0.3s;
+}
+.boximg:hover{
+    transform: scale(1.1);
+    box-shadow: 2px 2px 10px rgb(0, 0, 0);
+    z-index: 3600;
+    transition: 0.3s;
 }
\ No newline at end of file

Web/Margotte/index.html

@@ -43,17 +43,25 @@
         </div>
 
         <div class="real">
-            <div class="titre"><p class="PFD f30">Chausette</p></div>
+            <div class="titre"><p class="PFD f30">Chaussette</p></div>
             <div class="soustitre"><p class="DDIN f25">Lorem ipsum, dolor sit amet 
                 consectetur adipisicing elit. Praesentium magni minus,
                  labore dolores iusto dignissimos fuga autem neque tempore
                   adipisci commodi, error unde laboriosam dicta, esse id
                    vitae optio dolor.</p>
             </div>
-            <!-- 
             <div class="allboxmain">
-            </div>     
-            -->           
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+            </div>        
         </div>
 
         <div class="footer">

Web/Margotte/page/création.html

@@ -33,7 +33,18 @@
 
         </div>
         <div class="real">
-            créa
+            <div class="allboxmain">
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+                <a class="boximg"></a>
+            </div> 
         </div>
         
         <div class="footer">