insertion picto, burger, reglage section...

web/app/themes/la_mine/asset/dist/style.css

@@ -42,15 +42,21 @@ a, a:hover{
 }
 .section_accueil {
   position: relative;
-  background-color: pink;
 }
 
 /* START KEVIN */
 .burger{
   position: fixed;
-  top: 0;
+  top: 20px;
   right: 0;
 }
+
+.fond_burger{
+  background-image: url('../images/form_burger.svg');
+  background-position: center; /* Center the image */
+  background-repeat: no-repeat; /* Do not repeat the image */
+  background-size: contain;
+}
   .nav-main{
     display: none;
     position: fixed;
@@ -71,8 +77,8 @@ a, a:hover{
 }
 .rs {
   position: fixed;
-  top: 0;
-  right: 0;
+  top: 20px;
+  right: 20px;
   margin-right: 80px;
 }
 .rs img {
@@ -82,7 +88,7 @@ a, a:hover{
   opacity: 1;
 }
 .facebook {
-  margin-right: 30px;
+  margin-right: 40px;
 }
 .rs img:hover {
   opacity: 0.6;
@@ -166,26 +172,55 @@ a, a:hover{
   .thumbnails .icone_cat{
     width: 50px;
     height: 50px;
-    content: "Picto";
+    border-radius: 50px;
     position: absolute;
     transform: translate(-50%, -50%);
-    background: black;
-    border-radius: 50px;
+    background-position: center; /* Center the image */
+    background-repeat: no-repeat; /* Do not repeat the image */
+    background-size: cover; /* Resize the background image to cover the entire container */
+    background-color: black;
   }
-  .icone_cat .atelier_bois{
-    background-image: url('/asset/');
+  .atelier_bois{
+    background-image: url("../images/atelier_couture.png");
   }
-  .icone_cat .atelier_couture{
-    background-image: url('/asset/images/atelier_couture.png');
+  .atelier_couture{
+    background-image: url("../images/atelier_couture.png");
   }
-  .icone_cat .atelier_tricot_solidaire{
-    background-image: url('/asset/');
+  .atelier_tricot_solidaire{
+    background-image: url("../images/atelier_tricot.png");
   }
-  .icone_cat .danse_orientale{
-    background-image: url('/asset/images/bal_rock.png');
+  .bal_rock{
+    background-image: url("../images/bal_rock.png");
   }
-  .icone_cat .hatha_yoga{
-    background-image: url('/asset/');
+  .chiner_concert{
+    background-image: url("../images/chiner_concert.png");
+  }
+  .fab_lab{
+    background-image: url("../images/fab_lab.png");
+  }
+  .festival_lamine_numerique{
+    background-image: url("../images/fab_lab.png");
+  }
+  .gouter_melanie{
+    background-image: url("../images/gouter.png");
+  }
+  .danse_orientale{
+    background-image: url('../images/bal_rock.png');
+  }
+  .hatha_yoga{
+    background-image: url("../images/hatha_yoga.png");
+  }
+  .mineside_jazz{
+    background-image: url("../images/mineside_jazz.png");
+  }
+  .non_programmation{
+    background-image: url("../images/non_prog.png");
+  }
+  .soiree_mine{
+    background-image: url("../images/soiree_mine.png");
+  }
+  .zero_dechet{
+    background-image: url("../images/zero_dechet.png");
   }
 
 /* SECTION ASSO */
@@ -209,7 +244,11 @@ a, a:hover{
     background-color: white;
     border: 8px solid yellow;
   }
-
+/* START SECTION PROJETS*/
+#section_projets{
+  margin-top: 300px;
+}
+/*END SECTION PROJETS*/
   /* responsive iframe */
   #section_MineVideo .wrapper__content {
     position: relative;
@@ -315,6 +354,16 @@ a, a:hover{
 /*fin collecte et form*/
 
 /*page event*/
+.fleche {
+  position: relative;
+  left:-50px;
+  top:-10px;
+  background-image: url('../images/fleche.svg');
+  width: 50px;
+  height: 50px;
+  background-size: contain;
+}
+
 .titre_event {
   position: absolute;
   top: -100px;