modifications header + parallax home

web/themes/erabletheme/css/styles.css

@@ -46,7 +46,7 @@ a {
 }
 
 #block-erabletheme-contenudelapageprincipale {
-  margin-top: 7vh;
+  margin-top: 10vh;
 }
 
 /* PARTIALS */
@@ -65,7 +65,7 @@ a {
 }
 .layout-container header div {
   max-width: 100%;
-  max-height: 7vh;
+  max-height: 10vh;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
@@ -87,9 +87,15 @@ a {
     padding-right: 1.5vw;
   }
 }
+@media (min-width: 760px) {
+  .layout-container header div #block-erabletheme-logorepublique {
+    padding-right: 2rem;
+  }
+}
 @media (min-width: 1080px) {
   .layout-container header div #block-erabletheme-logorepublique {
     width: 10vw;
+    padding-right: 1vw;
   }
 }
 .layout-container header div #block-erabletheme-logoerable {
@@ -114,6 +120,9 @@ a {
 @media (min-width: 1080px) {
   .layout-container header div #block-erabletheme-logoerable {
     width: 10vw;
+    padding-left: 3vw;
+    padding-top: 0.4rem;
+    padding-bottom: 0.4rem;
   }
 }
 .layout-container header div #block-erabletheme-navigationprincipale {
@@ -125,7 +134,7 @@ a {
   height: 100%;
   align-items: center;
   justify-content: space-around;
-  padding: 0 5vw;
+  padding: 0 2vw;
 }
 .layout-container header div #block-erabletheme-navigationprincipale ul li {
   font-family: "Marianne", sans-serif;
@@ -142,7 +151,6 @@ a {
   background-color: #00ff80;
 }
 .layout-container header div #block-erabletheme-navigationprincipale ul li a.is-active {
-  font-weight: 400;
   background-color: #00ff80;
 }
 @media (min-width: 1080px) {
@@ -181,13 +189,14 @@ a {
 }
 .layout-container header div #block-erabletheme-header #hamburger {
   cursor: pointer;
-  width: 7vh;
+  width: 10vh;
   height: 100%;
   background-color: #00ff80;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
+  padding: 0.5rem 0;
 }
 .layout-container header div #block-erabletheme-header #hamburger h2 {
   font-size: 0.8rem;
@@ -227,7 +236,7 @@ a {
   transition: max-height 0.9s ease, padding 0.5s ease-out;
   position: fixed;
   background-color: #314e41;
-  top: 7vh;
+  top: 10vh;
   left: 0;
   width: 100vw;
   z-index: 0;
@@ -783,8 +792,8 @@ a {
 }
 @media (min-width: 760px) {
   .ornements_top_over {
-    left: -40vw;
-    top: -16vw;
+    left: -35vw;
+    top: -20vw;
   }
   .ornements_top_over > div {
     transform: scaleX(-1);
@@ -796,11 +805,8 @@ a {
   .ornements_top_over > div:nth-of-type(2) {
     display: none;
   }
-}
-@media (min-width: 1080px) {
   .ornements_top_over > div:nth-of-type(3) {
-    transform: scaleX(-1) rotate(-25deg);
-    top: -25vh;
+    background-image: url(../assets/formes/forme_6.png);
   }
 }
 
@@ -982,7 +988,7 @@ a {
     background-size: contain;
     background-image: url(../assets/formes/forme_5.png);
     position: absolute;
-    margin-top: 35vh;
+    top: 35vh;
   }
   .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) {
     width: 100%;
@@ -991,8 +997,8 @@ a {
     background-size: contain;
     background-image: url(../assets/formes/forme_2.png);
     position: absolute;
-    margin-top: 40vh;
-    margin-left: 12vw;
+    top: 40vh;
+    left: 12vw;
   }
 }
 @media (min-width: 1080px) {
@@ -1003,11 +1009,11 @@ a {
     right: -2vw;
   }
   .carousel_container .ornements_carousel_bottom > div:first-of-type {
-    margin-top: -16vh;
+    top: -16vh;
   }
   .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) {
-    margin-top: -8vh;
-    margin-left: 4vw;
+    top: -8vh;
+    left: 4vw;
   }
 }
 
@@ -1124,8 +1130,7 @@ a {
 @media (min-width: 1080px) {
   .ornements_consultation_left > div:first-of-type {
     transform: rotate(0deg);
-    bottom: unset;
-    top: -5vh;
+    bottom: 5vh;
     left: 0;
     width: 60%;
   }
@@ -1194,7 +1199,6 @@ a {
 @media (min-width: 1080px) {
   .ornements_consultation_right > div:nth-of-type(2) {
     transform: none;
-    right: -4vw;
     width: 60%;
   }
 }
@@ -1560,7 +1564,7 @@ a {
 }
 @media (min-width: 760px) {
   .fullpage {
-    margin-top: 10vh;
+    margin-top: 12vh;
     padding-top: 0;
     width: 75vw;
     margin-left: 12.5vw;