index page projets

web/themes/erabletheme/scss/_home.scss

@@ -2,7 +2,8 @@
   background-color: white;
   width: 100%;
   box-sizing: border-box;
-  padding: 4rem 1rem;
+  padding: 3rem 1rem;
+  margin: 2rem 0;
   h2 {
     display: none;
   }
@@ -15,14 +16,11 @@
     img {
       width: 50%;
       height: auto;
-      @media (min-width: $breakpoint_tablet) {
+      @media (min-width: $breakpoint_desktop) {
           width: 100%;
       }
-      @media (min-width: $breakpoint_desktop) {
-          //width: 18vw;
-      }
     }
-    @media (min-width: $breakpoint_tablet) {
+    @media (min-width: $breakpoint_desktop) {
       width: 170%;
       margin: 0 3rem;
     }
@@ -34,8 +32,12 @@
       @include main_text_content();
       width: 100%;
       @media (min-width: $breakpoint_tablet) {
+        padding-left: 3rem;
         padding-right: 3rem;
       }
+      @media (min-width: $breakpoint_desktop) {
+        padding-left: 0;
+      }
     }
     @media (min-width: $breakpoint_tablet) {
       padding: 0 !important;
@@ -61,6 +63,8 @@
     margin-left: 20vw;
     margin-right: 20vw;
     width: calc(100% - 40vw);
+  }
+  @media (min-width: $breakpoint_desktop) {
     display: flex;
     justify-content: space-around;
   }
@@ -122,13 +126,46 @@
     }
 }
 
-#sites-map-container {
-  #popup {
-    h3 {
-      @include sous_titre();
+.map-projets {
+  background-color: white;
+  padding: 1rem 0;
+  margin-left: $x_margin;
+  width: calc(100% - #{$x_margin} * 2);
+  @media (min-width: $breakpoint_tablet) {
+    margin-left: 20vw;
+    width: calc(100% - 40vw);
+  }
+  @media (min-width: $breakpoint_desktop) {
+    margin-left: 25vw;
+    width: calc(100% - 50vw);
+  }
+  > h2 {
+    @include main_title();
+  }
+  > .projets_intro {
+    padding: 0 3vw;
+    @include main_text_content();
+    h1, h2, h3,
+    h4, h5, h6 {
+      @include sous_titre_alt();
     }
-    p {
-      @include main_text_content();
+    a {
+      color: black;
+    }
+    > p {
+      margin: 1rem 0;
+    }
+  }
+  > #sites-map-container {
+    margin: 0 2rem;
+    width: calc(100% - 4rem);
+    #popup {
+      h3 {
+        @include sous_titre();
+      }
+      p {
+        @include main_text_content();
+      }
     }
   }
 }