diff --git a/web/themes/erabletheme/css/styles.css b/web/themes/erabletheme/css/styles.css
index 16aef3a..51eff7e 100644
--- a/web/themes/erabletheme/css/styles.css
+++ b/web/themes/erabletheme/css/styles.css
@@ -1,276 +1,363 @@
+@charset "UTF-8";
 /* GLOBAL */
 /* Marianne */
 @font-face {
-  font-family: 'Marianne';
+  font-family: "Marianne";
   src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
   font-weight: 400;
-  font-style: normal; }
-
+  font-style: normal;
+}
 @font-face {
-  font-family: 'Marianne';
+  font-family: "Marianne";
   src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
   font-weight: 400;
-  font-style: italic; }
-
+  font-style: italic;
+}
 @font-face {
-  font-family: 'Marianne';
+  font-family: "Marianne";
   src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
   font-weight: 800;
-  font-style: normal; }
-
+  font-style: normal;
+}
 @font-face {
-  font-family: 'Marianne';
+  font-family: "Marianne";
   src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
   font-weight: 800;
-  font-style: italic; }
-
+  font-style: italic;
+}
 /* Barlow */
 @font-face {
-  font-family: 'Barlow';
+  font-family: "Barlow";
   src: url("../fonts/Barlow/barlow-light.woff2") format("woff2"), url("../fonts/Barlow/barlow_light.woff") format("woff");
   font-weight: 300;
-  font-style: normal; }
-
+  font-style: normal;
+}
 /* BREAKPOINTS */
 .layout-container {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  min-height: 100vh; }
+  min-height: 100vh;
+}
 
 /* SIZES */
 /* MIXINS */
 a {
-  text-decoration: none; }
+  text-decoration: none;
+}
 
-main[role="main"] {
-  margin-top: 12vh; }
-  @media (min-width: 1080px) {
-    main[role="main"] {
-      margin-top: 22vh; } }
+main[role=main] {
+  margin-top: 10vh;
+}
+@media (min-width: 1080px) {
+  main[role=main] {
+    margin-top: calc(10vh + 3rem);
+  }
+}
 
 strong {
-  font-weight: bold; }
+  font-weight: bold;
+}
 
 em {
-  font-style: italic; }
+  font-style: italic;
+}
+
+#block-erabletheme-titredepage {
+  display: none;
+}
 
 /* PARTIALS */
-body.toolbar-tray-open header[role="banner"] {
+body.toolbar-tray-open header[role=banner] {
   left: 15rem !important;
-  width: calc(100% - 15rem) !important; }
+  width: calc(100% - 15rem) !important;
+}
 
-body.toolbar-fixed header[role="banner"] {
-  top: 2.4em !important; }
+body.toolbar-fixed header[role=banner] {
+  top: 2.4em !important;
+}
 
 .layout-container {
   width: 100%;
-  overflow: hidden; }
-  .layout-container header[role="banner"] {
+  overflow: hidden;
+}
+.layout-container header[role=banner] {
+  width: 100%;
+  background: white;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 1080px) {
+  .layout-container header[role=banner] {
+    box-shadow: none;
+  }
+}
+.layout-container header[role=banner] > div {
+  display: grid;
+  grid-template-columns: repeat(16, 1fr);
+}
+.layout-container header[role=banner] > div > div {
+  height: 10vh;
+  grid-row: 1;
+  max-height: 100%;
+  width: 100%;
+}
+.layout-container header[role=banner] > div > div > div {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.layout-container header[role=banner] > div > div > div > div {
+  height: 10vh;
+}
+.layout-container header[role=banner] > div > div > div > div a {
+  display: block;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.layout-container header[role=banner] > div > div > div > div img {
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  max-height: 100%;
+}
+.layout-container header[role=banner] > div #block-erabletheme-logorep-2 {
+  grid-column: 1/5;
+}
+@media (min-width: 760px) {
+  .layout-container header[role=banner] > div #block-erabletheme-logorep-2 {
+    grid-column: 0/4;
+  }
+}
+@media (min-width: 1080px) {
+  .layout-container header[role=banner] > div #block-erabletheme-logorep-2 {
+    grid-column: 1/3;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-logoepau-2 {
+  grid-column: 5/10;
+}
+@media (min-width: 760px) {
+  .layout-container header[role=banner] > div #block-erabletheme-logoepau-2 {
+    grid-column: 4/7;
+  }
+}
+@media (min-width: 1080px) {
+  .layout-container header[role=banner] > div #block-erabletheme-logoepau-2 {
+    grid-column: 3/6;
+  }
+  .layout-container header[role=banner] > div #block-erabletheme-logoepau-2 img {
+    padding: 0 1rem;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-logoerable {
+  grid-column: 11/15;
+}
+@media (min-width: 1080px) {
+  .layout-container header[role=banner] > div #block-erabletheme-logoerable {
+    grid-column: 14/16;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-logoerable img {
+  padding: 0 1.5rem;
+}
+.layout-container header[role=banner] > div #block-erabletheme-socialmedialinks {
+  display: none;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header {
+  grid-column: 15/17;
+}
+@media (min-width: 1080px) {
+  .layout-container header[role=banner] > div #block-erabletheme-header {
+    grid-column: 16/17;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger {
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+  background-color: #00ff80;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  padding: 0.5rem 0;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger h2 {
+  font-size: 0.8rem;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  text-align: center;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger .burger-icon {
+  width: 2rem;
+  height: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-bottom: 0.5rem;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger .burger-icon div {
+  border-bottom: solid 1px black;
+  width: 100%;
+  background-color: black;
+  opacity: 1;
+  transition: opacity 0.2s ease-out, transform 0.4s ease-out;
+  transform: none;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger .burger-icon.open div:first-of-type {
+  transform: translate(0rem, 0.5rem) rotate(-45deg);
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger .burger-icon.open div:nth-of-type(2) {
+  opacity: 0;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header #hamburger .burger-icon.open div:last-of-type {
+  transform: translate(0rem, -0.5rem) rotate(45deg);
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) {
+  display: none;
+  height: auto;
+  max-height: 0vh;
+  transition: max-height 0.9s ease, padding 0.5s ease-out;
+  position: fixed;
+  background-color: #314e41;
+  top: 10vh;
+  left: 0;
+  width: 100vw;
+  z-index: 0;
+  padding: 0;
+  align-items: center;
+  flex-direction: column;
+}
+@media screen and (min-width: 1080px) {
+  .layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) {
+    padding-top: 3rem;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding: 6px 0;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  max-width: 60vw;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a {
+  text-align: center;
+  line-height: 1.2;
+  color: white;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  padding: 4px 6px;
+  background-color: rgba(255, 255, 255, 0);
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a:hover {
+  background-color: white;
+  color: #314e41;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a.is-active {
+  background-color: white;
+  color: #314e41;
+}
+@media (min-width: 760px) {
+  .layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li {
+    max-width: 30vw;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper {
+  display: flex;
+  width: auto;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li {
+  width: auto;
+  padding: 0 1rem;
+  margin-top: 1rem;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a span {
+  color: white;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a svg {
+  display: none;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li.visible {
+  opacity: 1;
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1),
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(2),
+.layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6) {
+  border-bottom: solid 1px white;
+  padding: 12px 0;
+}
+@media (min-width: 1080px) {
+  .layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) {
+    width: 25vw;
+    right: 0;
+    left: auto;
+  }
+  .layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) li {
+    width: calc(100% - 6vw);
+  }
+  .layout-container header[role=banner] > div #block-erabletheme-header ul:not(.social-media-links--platforms) li a {
     width: 100%;
-    background: white;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 99;
-    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); }
-    @media (min-width: 1080px) {
-      .layout-container header[role="banner"] {
-        box-shadow: none; } }
-    .layout-container header[role="banner"] > div {
-      height: 10vh;
-      display: grid;
-      grid-template-columns: repeat(16, 1fr); }
-      .layout-container header[role="banner"] > div > div {
-        height: 10vh;
-        grid-row: 1;
-        max-height: 100%;
-        width: 100%; }
-        .layout-container header[role="banner"] > div > div > div {
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          align-items: center; }
-          .layout-container header[role="banner"] > div > div > div > div {
-            height: 10vh; }
-            .layout-container header[role="banner"] > div > div > div > div a {
-              display: block;
-              height: 100%;
-              width: 100%;
-              display: flex;
-              justify-content: center;
-              align-items: center; }
-            .layout-container header[role="banner"] > div > div > div > div img {
-              width: auto;
-              height: auto;
-              max-width: 100%;
-              max-height: 100%; }
-      .layout-container header[role="banner"] > div #block-erabletheme-logorep-2 {
-        grid-column: 1 / 5; }
-        @media (min-width: 760px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-logorep-2 {
-            grid-column: 0 / 4; } }
-        @media (min-width: 1080px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-logorep-2 {
-            grid-column: 1 / 3; } }
-      .layout-container header[role="banner"] > div #block-erabletheme-logoepau-2 {
-        grid-column: 5 / 10; }
-        @media (min-width: 760px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-logoepau-2 {
-            grid-column: 4 / 7; } }
-        @media (min-width: 1080px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-logoepau-2 {
-            grid-column: 3 / 6; }
-            .layout-container header[role="banner"] > div #block-erabletheme-logoepau-2 img {
-              padding: 0 1rem; } }
-      .layout-container header[role="banner"] > div #block-erabletheme-logoerable {
-        grid-column: 11 / 15; }
-        @media (min-width: 1080px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-logoerable {
-            grid-column: 14 / 16; } }
-        .layout-container header[role="banner"] > div #block-erabletheme-logoerable img {
-          padding: 0 1.5rem; }
-      .layout-container header[role="banner"] > div #block-erabletheme-socialmedialinks {
-        display: none; }
-      .layout-container header[role="banner"] > div #block-erabletheme-header {
-        grid-column: 15 / 17; }
-        @media (min-width: 1080px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-header {
-            grid-column: 16 / 17; } }
-        .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger {
-          cursor: pointer;
-          width: 100%;
-          height: 100%;
-          background-color: #00ff80;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: space-around;
-          padding: 0.5rem 0; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger h2 {
-            font-size: 0.8rem;
-            font-family: 'Marianne', sans-serif;
-            font-weight: 800;
-            text-align: center; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger .burger-icon {
-            width: 2rem;
-            height: 1.5rem;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            padding-bottom: 0.5rem; }
-            .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger .burger-icon div {
-              border-bottom: solid 1px black;
-              width: 100%;
-              background-color: black;
-              opacity: 1;
-              transition: opacity 0.2s ease-out, transform 0.4s ease-out;
-              transform: none; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger .burger-icon.open div:first-of-type {
-            transform: translate(0rem, 0.5rem) rotate(-45deg); }
-          .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger .burger-icon.open div:nth-of-type(2) {
-            opacity: 0; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header #hamburger .burger-icon.open div:last-of-type {
-            transform: translate(0rem, -0.5rem) rotate(45deg); }
-        .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) {
-          display: none;
-          height: auto;
-          max-height: 0vh;
-          transition: max-height 0.9s ease, padding 0.5s ease-out;
-          position: fixed;
-          background-color: #314e41;
-          top: 10vh;
-          left: 0;
-          width: 100vw;
-          z-index: 0;
-          padding: 0;
-          align-items: center;
-          flex-direction: column; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li {
-            width: 100%;
-            display: flex;
-            justify-content: center;
-            padding: 6px 0;
-            opacity: 0;
-            transition: opacity 0.3s ease;
-            max-width: 60vw; }
-            .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a {
-              text-align: center;
-              line-height: 1.2;
-              color: white;
-              font-family: 'Marianne', sans-serif;
-              font-weight: 800;
-              padding: 4px 6px;
-              background-color: rgba(255, 255, 255, 0);
-              transition: background-color 0.3s ease, color 0.3s ease; }
-            .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a:hover {
-              background-color: white;
-              color: #314e41; }
-            .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li > a.is-active {
-              background-color: white;
-              color: #314e41; }
-            @media (min-width: 760px) {
-              .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li {
-                max-width: 30vw; } }
-            .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper {
-              display: flex;
-              width: auto; }
-              .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li {
-                width: auto;
-                padding: 0 1rem;
-                margin-top: 1rem; }
-                .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a span {
-                  color: white; }
-                .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li #socials-in-menu-wrapper li a svg {
-                  display: none; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li.visible {
-            opacity: 1; }
-          .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(1),
-          .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(2),
-          .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6) {
-            border-bottom: solid 1px white;
-            padding: 12px 0; }
-          @media (min-width: 1080px) {
-            .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) {
-              width: 25vw;
-              right: 0;
-              left: auto; }
-              .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) li {
-                width: calc(100% - $x_margin * 2); }
-                .layout-container header[role="banner"] > div #block-erabletheme-header ul:not(.social-media-links--platforms) li a {
-                  width: 100%;
-                  text-align: left; } }
-        .layout-container header[role="banner"] > div #block-erabletheme-header ul.active {
-          padding: 30px 0;
-          max-height: 100vh; }
-      .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale {
-        display: none;
-        grid-column: 1 / 17;
-        grid-row: 2;
-        background-color: white;
-        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); }
-        @media (min-width: 1080px) {
-          .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale {
-            display: block; } }
-        .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale ul {
-          width: 100%;
-          display: flex;
-          padding: 1rem 10vw;
-          justify-content: space-around;
-          border-top: solid 1px #314e41; }
-          .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale ul li {
-            font-family: 'Marianne', sans-serif;
-            font-size: 0.9rem; }
-            .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale ul li a {
-              font-weight: 800;
-              padding: 4px 6px;
-              color: black;
-              background-color: rgba(255, 255, 255, 0);
-              transition: background-color 0.3s ease; }
-            .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale ul li a:hover {
-              background-color: #00ff80; }
-            .layout-container header[role="banner"] > div #block-erabletheme-navigationprincipale ul li a.is-active {
-              background-color: #00ff80; }
+    text-align: left;
+  }
+}
+.layout-container header[role=banner] > div #block-erabletheme-header ul.active {
+  padding: 30px 0;
+  padding-top: 3rem;
+  max-height: 100vh;
+}
+.layout-container header[role=banner] > div #block-erabletheme-navigationprincipale {
+  margin-top: 0 !important;
+}
+.layout-container #block-erabletheme-navigationprincipale {
+  position: fixed;
+  width: 100%;
+  margin-top: 10vh;
+  display: none;
+  grid-column: 1/17;
+  grid-row: 2;
+  background-color: white;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
+}
+@media (min-width: 1080px) {
+  .layout-container #block-erabletheme-navigationprincipale {
+    display: block;
+  }
+}
+.layout-container #block-erabletheme-navigationprincipale ul {
+  width: 100%;
+  display: flex;
+  padding: 1rem 10vw;
+  justify-content: space-around;
+  border-top: solid 1px #314e41;
+}
+.layout-container #block-erabletheme-navigationprincipale ul li {
+  font-family: "Marianne", sans-serif;
+  font-size: 0.9rem;
+}
+.layout-container #block-erabletheme-navigationprincipale ul li a {
+  font-weight: 800;
+  padding: 4px 6px;
+  color: black;
+  background-color: rgba(255, 255, 255, 0);
+  transition: background-color 0.3s ease;
+}
+.layout-container #block-erabletheme-navigationprincipale ul li a:hover {
+  background-color: #00ff80;
+}
+.layout-container #block-erabletheme-navigationprincipale ul li a.is-active {
+  background-color: #00ff80;
+}
 
 .layout-container > footer {
   width: 100vw;
@@ -278,266 +365,343 @@ body.toolbar-fixed header[role="banner"] {
   z-index: 99;
   box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
   margin-top: 50px;
-  padding: 0 3vw; }
+  padding: 0 3vw;
+}
+.layout-container > footer #footer_middle #footer_left > div {
+  margin-top: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep {
+  width: 30vw;
+}
+.layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep img {
+  width: 100%;
+  height: auto;
+}
+@media (min-width: 760px) {
+  .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep {
+    width: 10vw;
+  }
+}
+.layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau {
+  width: 50vw;
+}
+.layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau img {
+  width: 100%;
+  height: auto;
+}
+@media (min-width: 760px) {
+  .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau {
+    width: 15vw;
+    padding-left: 2vw;
+  }
+}
+@media (min-width: 760px) {
   .layout-container > footer #footer_middle #footer_left > div {
-    margin-top: 5px;
+    width: 25vw;
+    padding-left: 3vw;
+  }
+}
+.layout-container > footer #footer_middle #footer_section {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 10px;
+  margin-bottom: 20px;
+  position: relative;
+}
+.layout-container > footer #footer_middle #footer_section #footer_center {
+  padding-left: 2vw;
+  width: 50%;
+}
+.layout-container > footer #footer_middle #footer_section #footer_center nav ul {
+  display: flex;
+  justify-content: space-between;
+}
+.layout-container > footer #footer_middle #footer_section #footer_center nav ul li a {
+  color: #314e41;
+  font-size: 0.8rem;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  text-decoration: underline;
+}
+@media (min-width: 760px) {
+  .layout-container > footer #footer_middle #footer_section #footer_center nav ul {
+    width: 50vw;
+    padding: 0 15vw;
+  }
+}
+@media (min-width: 760px) {
+  .layout-container > footer #footer_middle #footer_section #footer_center {
+    padding-left: 0;
+    width: auto;
+  }
+}
+.layout-container > footer #footer_middle #footer_section #footer_right {
+  width: 30%;
+}
+.layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul {
+  display: flex;
+  justify-content: space-between;
+}
+.layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a span {
+  font-weight: lighter;
+  font-size: 1.4rem;
+  width: 2.2rem;
+  height: 2.2rem;
+  padding: 0.4rem;
+  border-radius: 1.1rem;
+  color: white;
+  background-color: #038788;
+}
+.layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a svg.ext {
+  display: none;
+}
+@media (min-width: 760px) {
+  .layout-container > footer #footer_middle #footer_section #footer_right {
+    width: 25vw;
+    padding-left: 15vw;
+    padding-right: 3vw;
+  }
+}
+@media (min-width: 760px) {
+  .layout-container > footer #footer_middle {
     display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: nowrap; }
-    .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep {
-      width: 30vw; }
-      .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep img {
-        width: 100%;
-        height: auto; }
-      @media (min-width: 760px) {
-        .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logorep {
-          width: 10vw; } }
-    .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau {
-      width: 50vw; }
-      .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau img {
-        width: 100%;
-        height: auto; }
-      @media (min-width: 760px) {
-        .layout-container > footer #footer_middle #footer_left > div #block-erabletheme-logoepau {
-          width: 15vw;
-          padding-left: 2vw; } }
-    @media (min-width: 760px) {
-      .layout-container > footer #footer_middle #footer_left > div {
-        width: 25vw;
-        padding-left: 3vw; } }
-  .layout-container > footer #footer_middle #footer_section {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 10px;
-    margin-bottom: 20px;
-    position: relative; }
-    .layout-container > footer #footer_middle #footer_section #footer_center {
-      padding-left: 2vw;
-      width: 50%; }
-      .layout-container > footer #footer_middle #footer_section #footer_center nav ul {
-        display: flex;
-        justify-content: space-between; }
-        .layout-container > footer #footer_middle #footer_section #footer_center nav ul li a {
-          color: #314e41;
-          font-size: 0.8rem;
-          font-family: 'Marianne', sans-serif;
-          font-weight: 800;
-          text-decoration: underline; }
-        @media (min-width: 760px) {
-          .layout-container > footer #footer_middle #footer_section #footer_center nav ul {
-            width: 50vw;
-            padding: 0 15vw; } }
-      @media (min-width: 760px) {
-        .layout-container > footer #footer_middle #footer_section #footer_center {
-          padding-left: 0;
-          width: auto; } }
-    .layout-container > footer #footer_middle #footer_section #footer_right {
-      width: 30%; }
-      .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul {
-        display: flex;
-        justify-content: space-between; }
-        .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a span {
-          font-weight: lighter;
-          font-size: 1.4rem;
-          width: 2.2rem;
-          height: 2.2rem;
-          padding: 0.4rem;
-          border-radius: 1.1rem;
-          color: white;
-          background-color: #038788; }
-        .layout-container > footer #footer_middle #footer_section #footer_right #block-erabletheme-socialmedialinks-2 ul li a svg.ext {
-          display: none; }
-      @media (min-width: 760px) {
-        .layout-container > footer #footer_middle #footer_section #footer_right {
-          width: 25vw;
-          padding-left: 15vw;
-          padding-right: 3vw; } }
-  @media (min-width: 760px) {
-    .layout-container > footer #footer_middle {
-      display: flex; } }
-  @media (min-width: 760px) {
-    .layout-container > footer {
-      padding: 0; } }
+  }
+}
+@media (min-width: 760px) {
+  .layout-container > footer {
+    padding: 0;
+  }
+}
 
 .slick-container {
   background: linear-gradient(to bottom, #fcf9ee 80%, white 100%);
   width: 100vw;
-  border-bottom: solid 2px #038788; }
-  .slick-container div.views-row article {
-    width: 100%; }
-    .slick-container div.views-row article > div:first-of-type {
-      width: 100%;
-      height: 30vh !important;
-      overflow-y: hidden;
-      padding: 0 !important;
-      display: flex;
-      align-items: center; }
-      .slick-container div.views-row article > div:first-of-type > div {
-        width: 100%; }
-        .slick-container div.views-row article > div:first-of-type > div > a {
-          max-width: 100%; }
-          .slick-container div.views-row article > div:first-of-type > div > a img {
-            width: 100%;
-            height: auto; }
-      @media (min-width: 1080px) {
-        .slick-container div.views-row article > div:first-of-type {
-          height: 50vh !important; } }
-    @media (min-width: 760px) {
-      .slick-container div.views-row article .preview_meta {
-        margin-left: 0;
-        margin-right: 0; }
-      .slick-container div.views-row article h2, .slick-container div.views-row article .preview_sous_titre {
-        padding-left: 0;
-        padding-right: 0; } }
+  border-bottom: solid 2px #038788;
+}
+.slick-container div.views-row article {
+  width: 100%;
+}
+.slick-container div.views-row article > div:first-of-type {
+  width: 100%;
+  height: 30vh !important;
+  overflow-y: hidden;
+  padding: 0 !important;
+  display: flex;
+  align-items: center;
+}
+.slick-container div.views-row article > div:first-of-type > div {
+  width: 100%;
+}
+.slick-container div.views-row article > div:first-of-type > div > a {
+  max-width: 100%;
+}
+.slick-container div.views-row article > div:first-of-type > div > a img {
+  width: 100%;
+  height: auto;
+}
+@media (min-width: 1080px) {
+  .slick-container div.views-row article > div:first-of-type {
+    height: 50vh !important;
+  }
+}
+@media (min-width: 760px) {
+  .slick-container div.views-row article .preview_meta {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .slick-container div.views-row article h2, .slick-container div.views-row article .preview_sous_titre {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.slick-container .slick-arrow {
+  display: none !important;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 1.5rem;
+  border: solid 1px #038788;
+  top: unset;
+  bottom: 5%;
+  background-color: rgba(255, 255, 255, 0.4) !important;
+  transition: background-color 0.3s ease;
+}
+@media (min-width: 1080px) {
   .slick-container .slick-arrow {
-    display: none !important;
-    width: 2rem;
-    height: 2rem;
-    border-radius: 1.5rem;
-    border: solid 1px #038788;
-    top: unset;
-    bottom: 5%;
-    background-color: rgba(255, 255, 255, 0.4) !important;
-    transition: background-color 0.3s ease; }
-    @media (min-width: 1080px) {
-      .slick-container .slick-arrow {
-        transform: translateY(-5rem); } }
-  .slick-container .slick-arrow:hover {
-    background-color: rgba(255, 255, 255, 0.8) !important; }
-  .slick-container .slick-arrow::before {
-    color: #038788;
-    font-family: 'Marianne', sans-serif;
-    display: block;
-    padding-bottom: 3px; }
+    transform: translateY(-5rem);
+  }
+}
+.slick-container .slick-arrow:hover {
+  background-color: rgba(255, 255, 255, 0.8) !important;
+}
+.slick-container .slick-arrow::before {
+  color: #038788;
+  font-family: "Marianne", sans-serif;
+  display: block;
+  padding-bottom: 3px;
+}
+.slick-container #carousel_dots {
+  position: relative;
+  margin-top: -15px;
+}
+.slick-container #carousel_dots ul {
+  position: relative;
+  bottom: 0;
+}
+.slick-container #carousel_dots ul li.slick-active button::before {
+  color: #00ff80;
+}
+.slick-container #carousel_dots ul li button::before {
+  color: rgb(1, 1, 1);
+}
+@media (min-width: 1080px) {
   .slick-container #carousel_dots {
-    position: relative;
-    margin-top: -15px; }
-    .slick-container #carousel_dots ul {
-      position: relative;
-      bottom: 0; }
-      .slick-container #carousel_dots ul li.slick-active button::before {
-        color: #00ff80; }
-      .slick-container #carousel_dots ul li button::before {
-        color: #010101; }
-    @media (min-width: 1080px) {
-      .slick-container #carousel_dots {
-        margin-top: 4vh; } }
-  .slick-container footer {
-    text-align: center;
-    margin-top: 4rem;
-    margin-bottom: 4rem; }
-    .slick-container footer a {
-      text-align: center;
-      color: black;
-      font-family: "Marianne", sans-serif;
-      font-weight: 800;
-      font-size: 0.9rem;
-      background-color: white;
-      border: solid 2px #00ff80;
-      padding: 9px 18px;
-      transition: background-color 0.3s ease; }
-      .slick-container footer a svg {
-        display: none; }
-    .slick-container footer a:hover {
-      background-color: #00ff80; }
-  @media (min-width: 760px) {
-    .slick-container {
-      padding: 0 12.5vw; }
-      .slick-container .slick-prev, .slick-container .slick-next {
-        display: block !important; }
-      .slick-container .slick-prev {
-        left: -5rem; }
-      .slick-container .slick-next {
-        right: -5rem; } }
+    margin-top: 4vh;
+  }
+}
+.slick-container footer {
+  text-align: center;
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+}
+.slick-container footer a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.slick-container footer a svg {
+  display: none;
+}
+.slick-container footer a:hover {
+  background-color: #00ff80;
+}
+@media (min-width: 760px) {
+  .slick-container {
+    padding: 0 12.5vw;
+  }
+  .slick-container .slick-prev, .slick-container .slick-next {
+    display: block !important;
+  }
+  .slick-container .slick-prev {
+    left: -5rem;
+  }
+  .slick-container .slick-next {
+    right: -5rem;
+  }
+}
 
 .actu_full div {
   font-family: "Marianne", sans-serif;
   font-size: 1rem;
-  line-height: 1.4; }
-
+  line-height: 1.4;
+}
 .actu_full .retour_actus {
   padding-top: 3vh;
-  padding-left: 3vw; }
-  .actu_full .retour_actus a {
-    font-size: 0.8rem;
-    font-weight: 800;
-    color: #038788; }
-
+  padding-left: 3vw;
+}
+.actu_full .retour_actus a {
+  font-size: 0.8rem;
+  font-weight: 800;
+  color: #038788;
+}
 .actu_full .article_meta {
   padding-left: 3vw;
-  margin: 20px 0; }
-  .actu_full .article_meta div {
-    font-size: 0.8rem;
-    margin-bottom: 5px; }
-
+  margin: 20px 0;
+}
+.actu_full .article_meta div {
+  font-size: 0.8rem;
+  margin-bottom: 5px;
+}
 .actu_full h2 {
   padding-top: 0 !important;
-  margin-bottom: 2rem !important; }
-
+  margin-bottom: 2rem !important;
+}
 .actu_full h2 + div {
   position: relative;
-  padding: 0 3vw; }
-  .actu_full h2 + div .visually-hidden {
-    width: 0% !important; }
-  .actu_full h2 + div .sous_titre {
-    margin-top: -1.5rem; }
-    .actu_full h2 + div .sous_titre > div > div {
-      font-size: 1.3rem;
-      margin-bottom: 30px; }
-  .actu_full h2 + div > div > div {
-    width: 100%;
-    margin-bottom: 40px; }
-    .actu_full h2 + div > div > div img {
-      width: 100%;
-      height: auto; }
-
+  padding: 0 3vw;
+}
+.actu_full h2 + div .visually-hidden {
+  width: 0% !important;
+}
+.actu_full h2 + div .sous_titre {
+  margin-top: -1.5rem;
+}
+.actu_full h2 + div .sous_titre > div > div {
+  font-size: 1.3rem;
+  margin-bottom: 30px;
+}
+.actu_full h2 + div > div > div {
+  width: 100%;
+  margin-bottom: 40px;
+}
+.actu_full h2 + div > div > div img {
+  width: 100%;
+  height: auto;
+}
 .actu_full p {
-  margin-bottom: 1rem; }
-
+  margin-bottom: 1rem;
+}
 .actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
   font-family: "Marianne", sans-serif;
   font-size: 1.3rem;
   color: #038788;
   font-weight: 800;
-  margin-bottom: 1rem; }
-
+  margin-bottom: 1rem;
+}
 .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
-  padding: 0 calc($x_margin / 2);
+  padding: 0 1.5vw;
   text-align: right;
-  margin: 2rem 0; }
+  margin: 2rem 0;
+}
+.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.actu_full .liens_fixed > div > div:nth-of-type(2) a svg, .actu_full .file_fixed > div > div > div a svg {
+  display: none;
+}
+.actu_full .liens_fixed > div > div:nth-of-type(2) a:hover, .actu_full .file_fixed > div > div > div a:hover {
+  background-color: #00ff80;
+}
+.actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
+  display: inline-block;
+}
+@media (min-width: 1080px) {
+  .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
+    margin-bottom: 0 !important;
+    margin: 0;
+    position: fixed;
+    left: 75vw;
+    bottom: 10vh;
+  }
+  .actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div > div {
+    height: 3vh;
+  }
   .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
-    text-align: center;
-    color: black;
-    font-family: "Marianne", sans-serif;
-    font-weight: 800;
-    font-size: 0.9rem;
-    background-color: white;
-    border: solid 2px #00ff80;
-    padding: 9px 18px;
-    transition: background-color 0.3s ease; }
-    .actu_full .liens_fixed > div > div:nth-of-type(2) a svg, .actu_full .file_fixed > div > div > div a svg {
-      display: none; }
-  .actu_full .liens_fixed > div > div:nth-of-type(2) a:hover, .actu_full .file_fixed > div > div > div a:hover {
-    background-color: #00ff80; }
-  .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
-    display: inline-block; }
-  @media (min-width: 1080px) {
-    .actu_full .liens_fixed > div > div:nth-of-type(2), .actu_full .file_fixed > div > div > div {
-      margin-bottom: 0 !important;
-      margin: 0;
-      position: fixed;
-      left: 75vw;
-      bottom: 10vh; }
-      .actu_full .liens_fixed > div > div:nth-of-type(2) > div, .actu_full .file_fixed > div > div > div > div {
-        height: 3vh; }
-      .actu_full .liens_fixed > div > div:nth-of-type(2) a, .actu_full .file_fixed > div > div > div a {
-        max-width: calc(25vw - $x_margin * 2); } }
-
+    max-width: 19vw;
+  }
+}
 .actu_full .file_fixed span:last-of-type {
-  display: none; }
+  display: none;
+}
 
 .views-row article > div:first-of-type {
   width: 100%;
@@ -546,14 +710,17 @@ body.toolbar-fixed header[role="banner"] {
   padding-left: 3vw;
   padding-right: 3vw;
   display: flex;
-  align-items: center; }
-  .views-row article > div:first-of-type a img {
-    height: auto;
-    width: 100%; }
-  @media (min-width: 760px) {
-    .views-row article > div:first-of-type {
-      height: 20vh; } }
-
+  align-items: center;
+}
+.views-row article > div:first-of-type a img {
+  height: auto;
+  width: 100%;
+}
+@media (min-width: 760px) {
+  .views-row article > div:first-of-type {
+    height: 20vh;
+  }
+}
 .views-row article .preview_meta {
   font-family: "Marianne", sans-serif;
   font-size: 0.9rem;
@@ -564,26 +731,31 @@ body.toolbar-fixed header[role="banner"] {
   border-top: solid 1px #038788;
   margin: 0 3vw;
   margin-top: 1.3rem;
-  padding-top: 0.7rem; }
-  .views-row article .preview_meta > div:first-of-type {
-    font-weight: 800; }
-
+  padding-top: 0.7rem;
+}
+.views-row article .preview_meta > div:first-of-type {
+  font-weight: 800;
+}
 .views-row article .preview_sous_titre {
   font-family: "Marianne", sans-serif;
   font-size: 1.3rem;
-  padding: 5px 3vw; }
-  @media (min-width: 760px) {
-    .views-row article .preview_sous_titre {
-      padding-top: 0; } }
-
+  padding: 5px 3vw;
+}
+@media (min-width: 760px) {
+  .views-row article .preview_sous_titre {
+    padding-top: 0;
+  }
+}
 .views-row article h2 {
   font-family: "Barlow", sans-serif;
   font-size: 2.3rem;
   padding: 0 3vw;
   margin-top: 1rem;
-  color: #038788; }
-  .views-row article h2 a {
-    color: #038788; }
+  color: #038788;
+}
+.views-row article h2 a {
+  color: #038788;
+}
 
 .ornements_top_over {
   pointer-events: none;
@@ -593,38 +765,49 @@ body.toolbar-fixed header[role="banner"] {
   right: -55vw;
   top: -5vh;
   z-index: 0;
-  transition: left 0.05s ease, top 0.05s ease; }
+  transition: left 0.05s ease, top 0.05s ease;
+}
+.ornements_top_over > div {
+  position: absolute;
+  background-repeat: no-repeat;
+  background-size: contain;
+  width: 100%;
+  height: 100%;
+  transition: left 0.05s ease, top 0.05s ease;
+}
+.ornements_top_over > div:first-of-type {
+  background-image: url(../assets/formes/forme_4.png);
+  top: -3vh;
+  right: 5vw;
+}
+.ornements_top_over > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_5.png);
+  right: -13vw;
+}
+.ornements_top_over > div:nth-of-type(3) {
+  background-image: url(../assets/formes/forme_3.png);
+  top: 4vh;
+  right: -8vw;
+}
+@media (min-width: 760px) {
+  .ornements_top_over {
+    left: -35vw;
+    top: -20vw;
+  }
   .ornements_top_over > div {
-    position: absolute;
-    background-repeat: no-repeat;
-    background-size: contain;
-    width: 100%;
-    height: 100%;
-    transition: left 0.05s ease, top 0.05s ease; }
+    transform: scaleX(-1);
+    left: -55vw;
+  }
   .ornements_top_over > div:first-of-type {
-    background-image: url(../assets/formes/forme_4.png);
-    top: -3vh;
-    right: 5vw; }
+    display: none;
+  }
   .ornements_top_over > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_5.png);
-    right: -13vw; }
+    display: none;
+  }
   .ornements_top_over > div:nth-of-type(3) {
-    background-image: url(../assets/formes/forme_3.png);
-    top: 4vh;
-    right: -8vw; }
-  @media (min-width: 760px) {
-    .ornements_top_over {
-      left: -35vw;
-      top: -20vw; }
-      .ornements_top_over > div {
-        transform: scaleX(-1);
-        left: -55vw; }
-      .ornements_top_over > div:first-of-type {
-        display: none; }
-      .ornements_top_over > div:nth-of-type(2) {
-        display: none; }
-      .ornements_top_over > div:nth-of-type(3) {
-        background-image: url(../assets/formes/forme_6.png); } }
+    background-image: url(../assets/formes/forme_6.png);
+  }
+}
 
 .ornements_top_under {
   pointer-events: none;
@@ -634,32 +817,41 @@ body.toolbar-fixed header[role="banner"] {
   height: 30vh;
   left: -30vw;
   top: 0vw;
-  transition: left 0.05s ease, top 0.05s ease; }
-  .ornements_top_under > div {
-    position: absolute;
-    background-repeat: no-repeat;
-    background-size: contain;
-    width: 100%;
-    height: 100%;
-    transform: scaleX(-1);
-    transition: left 0.05s ease, top 0.05s ease; }
+  transition: left 0.05s ease, top 0.05s ease;
+}
+.ornements_top_under > div {
+  position: absolute;
+  background-repeat: no-repeat;
+  background-size: contain;
+  width: 100%;
+  height: 100%;
+  transform: scaleX(-1);
+  transition: left 0.05s ease, top 0.05s ease;
+}
+.ornements_top_under > div:first-of-type {
+  background-image: url(../assets/formes/forme_4.png);
+  top: -3vh;
+  left: -45vw;
+}
+.ornements_top_under > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_5.png);
+  left: -60vw;
+}
+@media (min-width: 760px) {
+  .ornements_top_under {
+    display: block;
+  }
+}
+@media (min-width: 1080px) {
   .ornements_top_under > div:first-of-type {
-    background-image: url(../assets/formes/forme_4.png);
-    top: -3vh;
-    left: -45vw; }
+    top: 1vh;
+    left: -50vw;
+  }
   .ornements_top_under > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_5.png);
-    left: -60vw; }
-  @media (min-width: 760px) {
-    .ornements_top_under {
-      display: block; } }
-  @media (min-width: 1080px) {
-    .ornements_top_under > div:first-of-type {
-      top: 1vh;
-      left: -50vw; }
-    .ornements_top_under > div:nth-of-type(2) {
-      top: 6vh;
-      left: -56.5vw; } }
+    top: 6vh;
+    left: -56.5vw;
+  }
+}
 
 .ornements_bottom_over {
   pointer-events: none;
@@ -667,128 +859,162 @@ body.toolbar-fixed header[role="banner"] {
   width: 100vw;
   height: 30vh;
   left: -30vw;
-  bottom: -20vh; }
+  bottom: -20vh;
+}
+.ornements_bottom_over > div {
+  position: absolute;
+  background-repeat: no-repeat;
+  background-size: contain;
+  width: 100%;
+  height: 100%;
+}
+.ornements_bottom_over > div:first-of-type {
+  background-image: url(../assets/formes/forme_1.png);
+  left: 8vw;
+  bottom: -4vh;
+}
+.ornements_bottom_over > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_2.png);
+  bottom: -15vh;
+  left: -3vw;
+}
+@media (min-width: 760px) {
+  .ornements_bottom_over {
+    left: unset;
+    right: -8vw;
+    bottom: -25vh;
+  }
   .ornements_bottom_over > div {
-    position: absolute;
-    background-repeat: no-repeat;
-    background-size: contain;
-    width: 100%;
-    height: 100%; }
-  .ornements_bottom_over > div:first-of-type {
-    background-image: url(../assets/formes/forme_1.png);
-    left: 8vw;
-    bottom: -4vh; }
+    transform: scaleX(-1);
+  }
   .ornements_bottom_over > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_2.png);
-    bottom: -15vh;
-    left: -3vw; }
-  @media (min-width: 760px) {
-    .ornements_bottom_over {
-      left: unset;
-      right: -8vw;
-      bottom: -25vh; }
-      .ornements_bottom_over > div {
-        transform: scaleX(-1); }
-      .ornements_bottom_over > div:nth-of-type(2) {
-        left: 18vw;
-        bottom: -11vh; } }
-  @media (min-width: 1080px) {
-    .ornements_bottom_over > div:first-of-type {
-      bottom: 6vh;
-      left: 20vw; }
-    .ornements_bottom_over > div:nth-of-type(2) {
-      bottom: -9vh;
-      left: 25vw; } }
+    left: 18vw;
+    bottom: -11vh;
+  }
+}
+@media (min-width: 1080px) {
+  .ornements_bottom_over > div:first-of-type {
+    bottom: 6vh;
+    left: 20vw;
+  }
+  .ornements_bottom_over > div:nth-of-type(2) {
+    bottom: -9vh;
+    left: 25vw;
+  }
+}
 
 .fullpage.actus .ornements_top_over, .fullpage.actus .ornements_top_under {
-  top: -12vh; }
-
+  top: -12vh;
+}
 .fullpage.actus .ornements_bottom_over {
-  bottom: -28vh; }
-  .fullpage.actus .ornements_bottom_over > div:nth-of-type(2) {
-    bottom: -10vh;
-    left: -7vh; }
-
+  bottom: -28vh;
+}
+.fullpage.actus .ornements_bottom_over > div:nth-of-type(2) {
+  bottom: -10vh;
+  left: -7vh;
+}
 @media (min-width: 760px) {
   .fullpage.actus {
     width: auto;
     margin-left: 3vw;
-    margin-right: 3vw; }
-    .fullpage.actus .actus_list {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr); } }
-
+    margin-right: 3vw;
+  }
+  .fullpage.actus .actus_list {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
 @media (min-width: 1080px) {
   .fullpage.actus .actus_list {
-    grid-template-columns: repeat(3, 1fr); }
+    grid-template-columns: repeat(3, 1fr);
+  }
   .fullpage.actus .ornements_top_over > div:nth-of-type(3) {
-    top: -28vh; }
+    top: -28vh;
+  }
   .fullpage.actus .ornements_bottom_over > div:first-of-type {
     bottom: 0vh;
-    left: -3vw; }
+    left: -3vw;
+  }
   .fullpage.actus .ornements_bottom_over > div:nth-of-type(2) {
-    left: 6vh; } }
+    left: 6vh;
+  }
+}
 
 .carousel_container {
-  position: relative; }
+  position: relative;
+}
+.carousel_container .ornements_carousel_top {
+  position: absolute;
+  display: none;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-image: url(../assets/formes/forme_5.png);
+}
+@media (min-width: 760px) {
   .carousel_container .ornements_carousel_top {
-    position: absolute;
-    display: none;
+    display: block;
+    width: 20vw;
+    height: 50vh;
+    top: -25vh;
+    left: 3vw;
+    transform: rotate(-90deg);
+  }
+}
+@media (min-width: 1080px) {
+  .carousel_container .ornements_carousel_top {
+    top: 20vh;
+    left: -10vw;
+    height: 30vh;
+  }
+}
+.carousel_container .ornements_carousel_bottom {
+  position: absolute;
+  display: none;
+  overflow: hidden;
+}
+@media (min-width: 760px) {
+  .carousel_container .ornements_carousel_bottom {
+    display: block;
+    width: 20vw;
+    height: 50vh;
+    right: 0;
+    bottom: 1px;
+  }
+  .carousel_container .ornements_carousel_bottom > div:first-of-type {
+    width: 100%;
+    height: 100%;
     background-repeat: no-repeat;
     background-size: contain;
-    background-image: url(../assets/formes/forme_5.png); }
-    @media (min-width: 760px) {
-      .carousel_container .ornements_carousel_top {
-        display: block;
-        width: 20vw;
-        height: 50vh;
-        top: -25vh;
-        left: 3vw;
-        transform: rotate(-90deg); } }
-    @media (min-width: 1080px) {
-      .carousel_container .ornements_carousel_top {
-        top: 20vh;
-        left: -10vw;
-        height: 30vh; } }
-  .carousel_container .ornements_carousel_bottom {
+    background-image: url(../assets/formes/forme_5.png);
     position: absolute;
-    display: none;
-    overflow: hidden; }
-    @media (min-width: 760px) {
-      .carousel_container .ornements_carousel_bottom {
-        display: block;
-        width: 20vw;
-        height: 50vh;
-        right: 0;
-        bottom: 1px; }
-        .carousel_container .ornements_carousel_bottom > div:first-of-type {
-          width: 100%;
-          height: 100%;
-          background-repeat: no-repeat;
-          background-size: contain;
-          background-image: url(../assets/formes/forme_5.png);
-          position: absolute;
-          top: 35vh; }
-        .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) {
-          width: 100%;
-          height: 100%;
-          background-repeat: no-repeat;
-          background-size: contain;
-          background-image: url(../assets/formes/forme_2.png);
-          position: absolute;
-          top: 40vh;
-          left: 12vw; } }
-    @media (min-width: 1080px) {
-      .carousel_container .ornements_carousel_bottom {
-        width: 12vw;
-        bottom: unset;
-        top: 0;
-        right: -2vw; }
-        .carousel_container .ornements_carousel_bottom > div:first-of-type {
-          top: -16vh; }
-        .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) {
-          top: -8vh;
-          left: 4vw; } }
+    top: 35vh;
+  }
+  .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) {
+    width: 100%;
+    height: 100%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-image: url(../assets/formes/forme_2.png);
+    position: absolute;
+    top: 40vh;
+    left: 12vw;
+  }
+}
+@media (min-width: 1080px) {
+  .carousel_container .ornements_carousel_bottom {
+    width: 12vw;
+    bottom: unset;
+    top: 0;
+    right: -2vw;
+  }
+  .carousel_container .ornements_carousel_bottom > div:first-of-type {
+    top: -16vh;
+  }
+  .carousel_container .ornements_carousel_bottom > div:nth-of-type(2) {
+    top: -8vh;
+    left: 4vw;
+  }
+}
 
 .ornements_presentation_left {
   pointer-events: none;
@@ -798,40 +1024,47 @@ body.toolbar-fixed header[role="banner"] {
   bottom: 0;
   left: 0;
   z-index: 0;
-  overflow: hidden; }
-  .ornements_presentation_left > div {
-    background-repeat: no-repeat;
-    background-size: contain;
-    position: absolute;
-    width: 100%;
-    height: 100%; }
-  .ornements_presentation_left > div:first-of-type {
-    background-image: url(../assets/formes/forme_4.png);
-    transform: rotate(180deg);
-    width: 200%;
-    left: -20vw;
-    bottom: -8vh; }
+  overflow: hidden;
+}
+.ornements_presentation_left > div {
+  background-repeat: no-repeat;
+  background-size: contain;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.ornements_presentation_left > div:first-of-type {
+  background-image: url(../assets/formes/forme_4.png);
+  transform: rotate(180deg);
+  width: 200%;
+  left: -20vw;
+  bottom: -8vh;
+}
+.ornements_presentation_left > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_5.png);
+  transform: rotate(180deg);
+  width: 130%;
+  left: -10vw;
+  bottom: -5vh;
+}
+@media (min-width: 760px) {
   .ornements_presentation_left > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_5.png);
-    transform: rotate(180deg);
-    width: 130%;
-    left: -10vw;
-    bottom: -5vh; }
-    @media (min-width: 760px) {
-      .ornements_presentation_left > div:nth-of-type(2) {
-        width: 170%;
-        height: 120%;
-        left: -21vw;
-        bottom: -3vh; } }
-  .ornements_presentation_left > div:nth-of-type(3) {
-    background-image: url(../assets/formes/forme_3.png);
-    transform: rotate(180deg);
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    width: 200%;
-    left: -22vw;
-    bottom: -3vh; }
+    width: 170%;
+    height: 120%;
+    left: -21vw;
+    bottom: -3vh;
+  }
+}
+.ornements_presentation_left > div:nth-of-type(3) {
+  background-image: url(../assets/formes/forme_3.png);
+  transform: rotate(180deg);
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  width: 200%;
+  left: -22vw;
+  bottom: -3vh;
+}
 
 .ornements_presentation_right {
   pointer-events: none;
@@ -841,26 +1074,32 @@ body.toolbar-fixed header[role="banner"] {
   bottom: 0;
   right: 0;
   z-index: 0;
-  overflow: hidden; }
-  .ornements_presentation_right > div {
-    background-repeat: no-repeat;
-    background-size: contain;
-    position: absolute;
-    width: 100%;
-    height: 100%; }
+  overflow: hidden;
+}
+.ornements_presentation_right > div {
+  background-repeat: no-repeat;
+  background-size: contain;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.ornements_presentation_right > div:first-of-type {
+  background-image: url(../assets/formes/forme_1.png);
+  transform: rotate(-90deg);
+  right: -15vw;
+  bottom: -6vh;
+}
+@media (min-width: 760px) {
   .ornements_presentation_right > div:first-of-type {
-    background-image: url(../assets/formes/forme_1.png);
-    transform: rotate(-90deg);
-    right: -15vw;
-    bottom: -6vh; }
-    @media (min-width: 760px) {
-      .ornements_presentation_right > div:first-of-type {
-        bottom: -3vh;
-        right: -6vw; } }
-  .ornements_presentation_right > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_2.png);
-    bottom: -12vh;
-    right: -12vw; }
+    bottom: -3vh;
+    right: -6vw;
+  }
+}
+.ornements_presentation_right > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_2.png);
+  bottom: -12vh;
+  right: -12vw;
+}
 
 .ornements_consultation_left {
   pointer-events: none;
@@ -870,37 +1109,47 @@ body.toolbar-fixed header[role="banner"] {
   bottom: -8vh;
   left: 0;
   z-index: 0;
-  overflow: hidden; }
-  .ornements_consultation_left > div {
-    background-repeat: no-repeat;
-    background-size: contain;
-    position: absolute;
-    width: 100%;
-    height: 100%; }
+  overflow: hidden;
+}
+.ornements_consultation_left > div {
+  background-repeat: no-repeat;
+  background-size: contain;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.ornements_consultation_left > div:first-of-type {
+  background-image: url(../assets/formes/forme_4.png);
+  transform: rotate(180deg);
+  width: 200%;
+  height: 120%;
+  left: -30vw;
+  bottom: -10vh;
+}
+@media (min-width: 1080px) {
   .ornements_consultation_left > div:first-of-type {
-    background-image: url(../assets/formes/forme_4.png);
-    transform: rotate(180deg);
-    width: 200%;
-    height: 120%;
-    left: -30vw;
-    bottom: -10vh; }
-    @media (min-width: 1080px) {
-      .ornements_consultation_left > div:first-of-type {
-        transform: rotate(0deg);
-        bottom: 5vh;
-        left: 0;
-        width: 60%; } }
+    transform: rotate(0deg);
+    bottom: 5vh;
+    left: 0;
+    width: 60%;
+  }
+}
+.ornements_consultation_left > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_5.png);
+  transform: rotate(180deg);
+  left: -12vw;
+}
+@media (min-width: 1080px) {
   .ornements_consultation_left > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_5.png);
-    transform: rotate(180deg);
-    left: -12vw; }
-    @media (min-width: 1080px) {
-      .ornements_consultation_left > div:nth-of-type(2) {
-        left: -20vw;
-        top: -5vh; } }
-  @media (min-width: 1080px) {
-    .ornements_consultation_left {
-      top: 0; } }
+    left: -20vw;
+    top: -5vh;
+  }
+}
+@media (min-width: 1080px) {
+  .ornements_consultation_left {
+    top: 0;
+  }
+}
 
 .ornements_consultation_right {
   pointer-events: none;
@@ -910,450 +1159,1137 @@ body.toolbar-fixed header[role="banner"] {
   bottom: -8vh;
   right: 0;
   z-index: 0;
-  overflow: hidden; }
-  .ornements_consultation_right > div {
-    background-repeat: no-repeat;
-    background-size: contain;
-    position: absolute;
-    width: 100%;
-    height: 100%; }
+  overflow: hidden;
+}
+.ornements_consultation_right > div {
+  background-repeat: no-repeat;
+  background-size: contain;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.ornements_consultation_right > div:first-of-type {
+  background-image: url(../assets/formes/forme_1.png);
+  transform: rotate(-90deg);
+  width: 80%;
+  height: 80%;
+  right: -8vw;
+  bottom: -2vh;
+}
+@media (min-width: 1080px) {
   .ornements_consultation_right > div:first-of-type {
-    background-image: url(../assets/formes/forme_1.png);
-    transform: rotate(-90deg);
-    width: 80%;
-    height: 80%;
-    right: -8vw;
-    bottom: -2vh; }
-    @media (min-width: 1080px) {
-      .ornements_consultation_right > div:first-of-type {
-        right: -3vw;
-        bottom: 6vh;
-        transform: rotate(180deg); } }
-  .ornements_consultation_right > div:nth-of-type(2) {
-    background-image: url(../assets/formes/forme_3.png);
+    right: -3vw;
+    bottom: 6vh;
     transform: rotate(180deg);
-    right: -4vw;
-    width: 100%; }
-    @media (min-width: 760px) {
-      .ornements_consultation_right > div:nth-of-type(2) {
-        width: 30%;
-        bottom: 3vh; } }
-    @media (min-width: 1080px) {
-      .ornements_consultation_right > div:nth-of-type(2) {
-        transform: none;
-        width: 60%; } }
-  @media (min-width: 1080px) {
-    .ornements_consultation_right {
-      bottom: unset;
-      top: 0;
-      right: 0; } }
+  }
+}
+.ornements_consultation_right > div:nth-of-type(2) {
+  background-image: url(../assets/formes/forme_3.png);
+  transform: rotate(180deg);
+  right: -4vw;
+  width: 100%;
+}
+@media (min-width: 760px) {
+  .ornements_consultation_right > div:nth-of-type(2) {
+    width: 30%;
+    bottom: 3vh;
+  }
+}
+@media (min-width: 1080px) {
+  .ornements_consultation_right > div:nth-of-type(2) {
+    transform: none;
+    width: 60%;
+  }
+}
+@media (min-width: 1080px) {
+  .ornements_consultation_right {
+    bottom: unset;
+    top: 0;
+    right: 0;
+  }
+}
 
-.login, .user {
+main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask {
+  min-height: 50vh;
+}
+main.main-login .login, main.main-login .user, main.main-login .register, main.main-login .contact, main.main-login .ask, main.main-user .login, main.main-user .user, main.main-user .register, main.main-user .contact, main.main-user .ask, main.main-register .login, main.main-register .user, main.main-register .register, main.main-register .contact, main.main-register .ask, main.main-contact .login, main.main-contact .user, main.main-contact .register, main.main-contact .contact, main.main-contact .ask, main.main-ask .login, main.main-ask .user, main.main-ask .register, main.main-ask .contact, main.main-ask .ask {
+  padding-top: 5vh;
   width: 100vw;
-  height: 50vh;
-  background: linear-gradient(to bottom, #fcf9ee 80%, white 100%);
-  padding-top: 15vh; }
-  .login > h2, .user > h2 {
-    font-family: "Barlow", sans-serif;
-    color: black;
-    font-size: 1.6rem;
-    text-align: center; }
-  .login > div, .user > div {
-    height: 100%; }
-    .login > div > div:not(.hidden), .user > div > div:not(.hidden) {
-      margin-top: 5vh !important;
-      display: flex;
-      align-items: center;
-      justify-content: center; }
-      .login > div > div:not(.hidden) form, .user > div > div:not(.hidden) form {
-        font-family: 'Marianne', sans-serif; }
-        .login > div > div:not(.hidden) form .form-item, .user > div > div:not(.hidden) form .form-item {
-          margin: 1.8rem 0; }
-          .login > div > div:not(.hidden) form .form-item .form-checkbox, .user > div > div:not(.hidden) form .form-item .form-checkbox {
-            width: 1rem;
-            height: 1rem;
-            -webkit-appearance: auto; }
-          .login > div > div:not(.hidden) form .form-item .form-required, .user > div > div:not(.hidden) form .form-item .form-required {
-            font-weight: 800;
-            padding-right: 1rem; }
-          .login > div > div:not(.hidden) form .form-item .description, .user > div > div:not(.hidden) form .form-item .description {
-            margin-top: 0.3rem; }
-        .login > div > div:not(.hidden) form input, .user > div > div:not(.hidden) form input {
-          border: solid 1px #038788; }
-        .login > div > div:not(.hidden) form .button, .user > div > div:not(.hidden) form .button {
-          font-family: 'Marianne', sans-serif;
-          font-weight: 800;
-          border: solid 1px #038788;
-          background-color: white;
-          cursor: pointer; }
-        .login > div > div:not(.hidden) form .button:hover, .user > div > div:not(.hidden) form .button:hover {
-          background-color: rgba(255, 255, 255, 0.6); }
+  background: linear-gradient(to bottom, white 0%, #fcf9ee 10%, #fcf9ee 80%, white 100%);
+}
+main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2 {
+  font-family: "Barlow", sans-serif;
+  color: black;
+  font-size: 1.6rem;
+  text-align: center;
+}
+main.main-login .login h1, main.main-login .user h1, main.main-login .register h1, main.main-login .contact h1, main.main-login .ask h1, main.main-user .login h1, main.main-user .user h1, main.main-user .register h1, main.main-user .contact h1, main.main-user .ask h1, main.main-register .login h1, main.main-register .user h1, main.main-register .register h1, main.main-register .contact h1, main.main-register .ask h1, main.main-contact .login h1, main.main-contact .user h1, main.main-contact .register h1, main.main-contact .contact h1, main.main-contact .ask h1, main.main-ask .login h1, main.main-ask .user h1, main.main-ask .register h1, main.main-ask .contact h1, main.main-ask .ask h1 {
+  font-family: "Barlow", sans-serif;
+  color: black;
+  font-size: 1.6rem;
+  text-align: center;
+  margin-top: 3rem;
+  margin-bottom: 2rem;
+}
+main.main-login .login > div, main.main-login .user > div, main.main-login .register > div, main.main-login .contact > div, main.main-login .ask > div, main.main-user .login > div, main.main-user .user > div, main.main-user .register > div, main.main-user .contact > div, main.main-user .ask > div, main.main-register .login > div, main.main-register .user > div, main.main-register .register > div, main.main-register .contact > div, main.main-register .ask > div, main.main-contact .login > div, main.main-contact .user > div, main.main-contact .register > div, main.main-contact .contact > div, main.main-contact .ask > div, main.main-ask .login > div, main.main-ask .user > div, main.main-ask .register > div, main.main-ask .contact > div, main.main-ask .ask > div {
+  height: 100%;
+}
+main.main-login .login > div > div:not(.hidden), main.main-login .user > div > div:not(.hidden), main.main-login .register > div > div:not(.hidden), main.main-login .contact > div > div:not(.hidden), main.main-login .ask > div > div:not(.hidden), main.main-user .login > div > div:not(.hidden), main.main-user .user > div > div:not(.hidden), main.main-user .register > div > div:not(.hidden), main.main-user .contact > div > div:not(.hidden), main.main-user .ask > div > div:not(.hidden), main.main-register .login > div > div:not(.hidden), main.main-register .user > div > div:not(.hidden), main.main-register .register > div > div:not(.hidden), main.main-register .contact > div > div:not(.hidden), main.main-register .ask > div > div:not(.hidden), main.main-contact .login > div > div:not(.hidden), main.main-contact .user > div > div:not(.hidden), main.main-contact .register > div > div:not(.hidden), main.main-contact .contact > div > div:not(.hidden), main.main-contact .ask > div > div:not(.hidden), main.main-ask .login > div > div:not(.hidden), main.main-ask .user > div > div:not(.hidden), main.main-ask .register > div > div:not(.hidden), main.main-ask .contact > div > div:not(.hidden), main.main-ask .ask > div > div:not(.hidden) {
+  margin-top: 5vh !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+main.main-login .login > div > div:not(.hidden) form, main.main-login .user > div > div:not(.hidden) form, main.main-login .register > div > div:not(.hidden) form, main.main-login .contact > div > div:not(.hidden) form, main.main-login .ask > div > div:not(.hidden) form, main.main-user .login > div > div:not(.hidden) form, main.main-user .user > div > div:not(.hidden) form, main.main-user .register > div > div:not(.hidden) form, main.main-user .contact > div > div:not(.hidden) form, main.main-user .ask > div > div:not(.hidden) form, main.main-register .login > div > div:not(.hidden) form, main.main-register .user > div > div:not(.hidden) form, main.main-register .register > div > div:not(.hidden) form, main.main-register .contact > div > div:not(.hidden) form, main.main-register .ask > div > div:not(.hidden) form, main.main-contact .login > div > div:not(.hidden) form, main.main-contact .user > div > div:not(.hidden) form, main.main-contact .register > div > div:not(.hidden) form, main.main-contact .contact > div > div:not(.hidden) form, main.main-contact .ask > div > div:not(.hidden) form, main.main-ask .login > div > div:not(.hidden) form, main.main-ask .user > div > div:not(.hidden) form, main.main-ask .register > div > div:not(.hidden) form, main.main-ask .contact > div > div:not(.hidden) form, main.main-ask .ask > div > div:not(.hidden) form {
+  width: 95%;
+  font-family: "Marianne", sans-serif;
+}
+@media screen and (min-width: 1080px) {
+  main.main-login .login > div > div:not(.hidden) form, main.main-login .user > div > div:not(.hidden) form, main.main-login .register > div > div:not(.hidden) form, main.main-login .contact > div > div:not(.hidden) form, main.main-login .ask > div > div:not(.hidden) form, main.main-user .login > div > div:not(.hidden) form, main.main-user .user > div > div:not(.hidden) form, main.main-user .register > div > div:not(.hidden) form, main.main-user .contact > div > div:not(.hidden) form, main.main-user .ask > div > div:not(.hidden) form, main.main-register .login > div > div:not(.hidden) form, main.main-register .user > div > div:not(.hidden) form, main.main-register .register > div > div:not(.hidden) form, main.main-register .contact > div > div:not(.hidden) form, main.main-register .ask > div > div:not(.hidden) form, main.main-contact .login > div > div:not(.hidden) form, main.main-contact .user > div > div:not(.hidden) form, main.main-contact .register > div > div:not(.hidden) form, main.main-contact .contact > div > div:not(.hidden) form, main.main-contact .ask > div > div:not(.hidden) form, main.main-ask .login > div > div:not(.hidden) form, main.main-ask .user > div > div:not(.hidden) form, main.main-ask .register > div > div:not(.hidden) form, main.main-ask .contact > div > div:not(.hidden) form, main.main-ask .ask > div > div:not(.hidden) form {
+    padding: 0 20vw;
+  }
+}
+main.main-login .login > div > div:not(.hidden) form .form-item, main.main-login .user > div > div:not(.hidden) form .form-item, main.main-login .register > div > div:not(.hidden) form .form-item, main.main-login .contact > div > div:not(.hidden) form .form-item, main.main-login .ask > div > div:not(.hidden) form .form-item, main.main-user .login > div > div:not(.hidden) form .form-item, main.main-user .user > div > div:not(.hidden) form .form-item, main.main-user .register > div > div:not(.hidden) form .form-item, main.main-user .contact > div > div:not(.hidden) form .form-item, main.main-user .ask > div > div:not(.hidden) form .form-item, main.main-register .login > div > div:not(.hidden) form .form-item, main.main-register .user > div > div:not(.hidden) form .form-item, main.main-register .register > div > div:not(.hidden) form .form-item, main.main-register .contact > div > div:not(.hidden) form .form-item, main.main-register .ask > div > div:not(.hidden) form .form-item, main.main-contact .login > div > div:not(.hidden) form .form-item, main.main-contact .user > div > div:not(.hidden) form .form-item, main.main-contact .register > div > div:not(.hidden) form .form-item, main.main-contact .contact > div > div:not(.hidden) form .form-item, main.main-contact .ask > div > div:not(.hidden) form .form-item, main.main-ask .login > div > div:not(.hidden) form .form-item, main.main-ask .user > div > div:not(.hidden) form .form-item, main.main-ask .register > div > div:not(.hidden) form .form-item, main.main-ask .contact > div > div:not(.hidden) form .form-item, main.main-ask .ask > div > div:not(.hidden) form .form-item {
+  margin: 1.8rem 0;
+}
+main.main-login .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-login .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-user .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-register .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-contact .ask > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .login > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .user > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .register > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .contact > div > div:not(.hidden) form .form-item .form-checkbox, main.main-ask .ask > div > div:not(.hidden) form .form-item .form-checkbox {
+  width: 1rem;
+  height: 1rem;
+  -webkit-appearance: auto;
+}
+main.main-login .login > div > div:not(.hidden) form .form-item .form-required, main.main-login .user > div > div:not(.hidden) form .form-item .form-required, main.main-login .register > div > div:not(.hidden) form .form-item .form-required, main.main-login .contact > div > div:not(.hidden) form .form-item .form-required, main.main-login .ask > div > div:not(.hidden) form .form-item .form-required, main.main-user .login > div > div:not(.hidden) form .form-item .form-required, main.main-user .user > div > div:not(.hidden) form .form-item .form-required, main.main-user .register > div > div:not(.hidden) form .form-item .form-required, main.main-user .contact > div > div:not(.hidden) form .form-item .form-required, main.main-user .ask > div > div:not(.hidden) form .form-item .form-required, main.main-register .login > div > div:not(.hidden) form .form-item .form-required, main.main-register .user > div > div:not(.hidden) form .form-item .form-required, main.main-register .register > div > div:not(.hidden) form .form-item .form-required, main.main-register .contact > div > div:not(.hidden) form .form-item .form-required, main.main-register .ask > div > div:not(.hidden) form .form-item .form-required, main.main-contact .login > div > div:not(.hidden) form .form-item .form-required, main.main-contact .user > div > div:not(.hidden) form .form-item .form-required, main.main-contact .register > div > div:not(.hidden) form .form-item .form-required, main.main-contact .contact > div > div:not(.hidden) form .form-item .form-required, main.main-contact .ask > div > div:not(.hidden) form .form-item .form-required, main.main-ask .login > div > div:not(.hidden) form .form-item .form-required, main.main-ask .user > div > div:not(.hidden) form .form-item .form-required, main.main-ask .register > div > div:not(.hidden) form .form-item .form-required, main.main-ask .contact > div > div:not(.hidden) form .form-item .form-required, main.main-ask .ask > div > div:not(.hidden) form .form-item .form-required {
+  font-weight: 800;
+  padding-right: 1rem;
+}
+main.main-login .login > div > div:not(.hidden) form .form-item .description, main.main-login .user > div > div:not(.hidden) form .form-item .description, main.main-login .register > div > div:not(.hidden) form .form-item .description, main.main-login .contact > div > div:not(.hidden) form .form-item .description, main.main-login .ask > div > div:not(.hidden) form .form-item .description, main.main-user .login > div > div:not(.hidden) form .form-item .description, main.main-user .user > div > div:not(.hidden) form .form-item .description, main.main-user .register > div > div:not(.hidden) form .form-item .description, main.main-user .contact > div > div:not(.hidden) form .form-item .description, main.main-user .ask > div > div:not(.hidden) form .form-item .description, main.main-register .login > div > div:not(.hidden) form .form-item .description, main.main-register .user > div > div:not(.hidden) form .form-item .description, main.main-register .register > div > div:not(.hidden) form .form-item .description, main.main-register .contact > div > div:not(.hidden) form .form-item .description, main.main-register .ask > div > div:not(.hidden) form .form-item .description, main.main-contact .login > div > div:not(.hidden) form .form-item .description, main.main-contact .user > div > div:not(.hidden) form .form-item .description, main.main-contact .register > div > div:not(.hidden) form .form-item .description, main.main-contact .contact > div > div:not(.hidden) form .form-item .description, main.main-contact .ask > div > div:not(.hidden) form .form-item .description, main.main-ask .login > div > div:not(.hidden) form .form-item .description, main.main-ask .user > div > div:not(.hidden) form .form-item .description, main.main-ask .register > div > div:not(.hidden) form .form-item .description, main.main-ask .contact > div > div:not(.hidden) form .form-item .description, main.main-ask .ask > div > div:not(.hidden) form .form-item .description {
+  margin-top: 0.3rem;
+}
+main.main-login .login > div > div:not(.hidden) form input, main.main-login .login > div > div:not(.hidden) form textarea, main.main-login .user > div > div:not(.hidden) form input, main.main-login .user > div > div:not(.hidden) form textarea, main.main-login .register > div > div:not(.hidden) form input, main.main-login .register > div > div:not(.hidden) form textarea, main.main-login .contact > div > div:not(.hidden) form input, main.main-login .contact > div > div:not(.hidden) form textarea, main.main-login .ask > div > div:not(.hidden) form input, main.main-login .ask > div > div:not(.hidden) form textarea, main.main-user .login > div > div:not(.hidden) form input, main.main-user .login > div > div:not(.hidden) form textarea, main.main-user .user > div > div:not(.hidden) form input, main.main-user .user > div > div:not(.hidden) form textarea, main.main-user .register > div > div:not(.hidden) form input, main.main-user .register > div > div:not(.hidden) form textarea, main.main-user .contact > div > div:not(.hidden) form input, main.main-user .contact > div > div:not(.hidden) form textarea, main.main-user .ask > div > div:not(.hidden) form input, main.main-user .ask > div > div:not(.hidden) form textarea, main.main-register .login > div > div:not(.hidden) form input, main.main-register .login > div > div:not(.hidden) form textarea, main.main-register .user > div > div:not(.hidden) form input, main.main-register .user > div > div:not(.hidden) form textarea, main.main-register .register > div > div:not(.hidden) form input, main.main-register .register > div > div:not(.hidden) form textarea, main.main-register .contact > div > div:not(.hidden) form input, main.main-register .contact > div > div:not(.hidden) form textarea, main.main-register .ask > div > div:not(.hidden) form input, main.main-register .ask > div > div:not(.hidden) form textarea, main.main-contact .login > div > div:not(.hidden) form input, main.main-contact .login > div > div:not(.hidden) form textarea, main.main-contact .user > div > div:not(.hidden) form input, main.main-contact .user > div > div:not(.hidden) form textarea, main.main-contact .register > div > div:not(.hidden) form input, main.main-contact .register > div > div:not(.hidden) form textarea, main.main-contact .contact > div > div:not(.hidden) form input, main.main-contact .contact > div > div:not(.hidden) form textarea, main.main-contact .ask > div > div:not(.hidden) form input, main.main-contact .ask > div > div:not(.hidden) form textarea, main.main-ask .login > div > div:not(.hidden) form input, main.main-ask .login > div > div:not(.hidden) form textarea, main.main-ask .user > div > div:not(.hidden) form input, main.main-ask .user > div > div:not(.hidden) form textarea, main.main-ask .register > div > div:not(.hidden) form input, main.main-ask .register > div > div:not(.hidden) form textarea, main.main-ask .contact > div > div:not(.hidden) form input, main.main-ask .contact > div > div:not(.hidden) form textarea, main.main-ask .ask > div > div:not(.hidden) form input, main.main-ask .ask > div > div:not(.hidden) form textarea {
+  margin-top: 0.5rem;
+  border: solid 1px #038788;
+}
+main.main-login .login > div > div:not(.hidden) form .button, main.main-login .user > div > div:not(.hidden) form .button, main.main-login .register > div > div:not(.hidden) form .button, main.main-login .contact > div > div:not(.hidden) form .button, main.main-login .ask > div > div:not(.hidden) form .button, main.main-user .login > div > div:not(.hidden) form .button, main.main-user .user > div > div:not(.hidden) form .button, main.main-user .register > div > div:not(.hidden) form .button, main.main-user .contact > div > div:not(.hidden) form .button, main.main-user .ask > div > div:not(.hidden) form .button, main.main-register .login > div > div:not(.hidden) form .button, main.main-register .user > div > div:not(.hidden) form .button, main.main-register .register > div > div:not(.hidden) form .button, main.main-register .contact > div > div:not(.hidden) form .button, main.main-register .ask > div > div:not(.hidden) form .button, main.main-contact .login > div > div:not(.hidden) form .button, main.main-contact .user > div > div:not(.hidden) form .button, main.main-contact .register > div > div:not(.hidden) form .button, main.main-contact .contact > div > div:not(.hidden) form .button, main.main-contact .ask > div > div:not(.hidden) form .button, main.main-ask .login > div > div:not(.hidden) form .button, main.main-ask .user > div > div:not(.hidden) form .button, main.main-ask .register > div > div:not(.hidden) form .button, main.main-ask .contact > div > div:not(.hidden) form .button, main.main-ask .ask > div > div:not(.hidden) form .button {
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  border: solid 1px #038788;
+  background-color: white;
+  cursor: pointer;
+}
+main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-login .user > div > div:not(.hidden) form .button:hover, main.main-login .register > div > div:not(.hidden) form .button:hover, main.main-login .contact > div > div:not(.hidden) form .button:hover, main.main-login .ask > div > div:not(.hidden) form .button:hover, main.main-user .login > div > div:not(.hidden) form .button:hover, main.main-user .user > div > div:not(.hidden) form .button:hover, main.main-user .register > div > div:not(.hidden) form .button:hover, main.main-user .contact > div > div:not(.hidden) form .button:hover, main.main-user .ask > div > div:not(.hidden) form .button:hover, main.main-register .login > div > div:not(.hidden) form .button:hover, main.main-register .user > div > div:not(.hidden) form .button:hover, main.main-register .register > div > div:not(.hidden) form .button:hover, main.main-register .contact > div > div:not(.hidden) form .button:hover, main.main-register .ask > div > div:not(.hidden) form .button:hover, main.main-contact .login > div > div:not(.hidden) form .button:hover, main.main-contact .user > div > div:not(.hidden) form .button:hover, main.main-contact .register > div > div:not(.hidden) form .button:hover, main.main-contact .contact > div > div:not(.hidden) form .button:hover, main.main-contact .ask > div > div:not(.hidden) form .button:hover, main.main-ask .login > div > div:not(.hidden) form .button:hover, main.main-ask .user > div > div:not(.hidden) form .button:hover, main.main-ask .register > div > div:not(.hidden) form .button:hover, main.main-ask .contact > div > div:not(.hidden) form .button:hover, main.main-ask .ask > div > div:not(.hidden) form .button:hover {
+  background-color: rgba(255, 255, 255, 0.6);
+}
 
 .user .contextual-region > div {
   display: flex;
-  font-family: 'Marianne', sans-serif; }
-  .user .contextual-region > div > h4 {
-    padding-right: 0.5rem; }
+  font-family: "Marianne", sans-serif;
+}
+.user .contextual-region > div > h4 {
+  padding-right: 0.5rem;
+}
 
 /* PAGES */
 .home_introduction {
   position: relative;
   border-bottom: solid 2px #038788;
   width: 100%;
-  padding: 4rem 0; }
-  .home_introduction h2 {
-    display: none; }
-  .home_introduction > div {
-    z-index: 1;
-    position: relative; }
-  .home_introduction > .logo {
-    text-align: center;
-    width: 100%;
-    margin-bottom: 3rem; }
-    .home_introduction > .logo img {
-      width: 35vw; }
-      @media (min-width: 760px) {
-        .home_introduction > .logo img {
-          width: 25vw; } }
-      @media (min-width: 1080px) {
-        .home_introduction > .logo img {
-          width: 18vw; } }
+  padding: 4rem 0;
+}
+.home_introduction h2 {
+  display: none;
+}
+.home_introduction > div {
+  z-index: 1;
+  position: relative;
+}
+.home_introduction > .logo {
+  text-align: center;
+  width: 100%;
+  margin-bottom: 3rem;
+}
+.home_introduction > .logo img {
+  width: 35vw;
+}
+@media (min-width: 760px) {
+  .home_introduction > .logo img {
+    width: 25vw;
+  }
+}
+@media (min-width: 1080px) {
+  .home_introduction > .logo img {
+    width: 18vw;
+  }
+}
+.home_introduction article > div {
+  height: unset !important;
+}
+.home_introduction article > div p {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+@media (min-width: 1080px) {
+  .home_introduction article > div p {
+    margin-left: 12.5vw;
+    max-width: 50vw;
+  }
+}
+@media (min-width: 760px) {
   .home_introduction article > div {
-    height: unset !important; }
-    .home_introduction article > div p {
-      font-family: "Marianne", sans-serif;
-      font-size: 1rem;
-      line-height: 1.4; }
-      @media (min-width: 1080px) {
-        .home_introduction article > div p {
-          margin-left: 12.5vw;
-          max-width: 50vw; } }
-    @media (min-width: 760px) {
-      .home_introduction article > div {
-        padding: 0 !important; } }
+    padding: 0 !important;
+  }
+}
+.home_introduction div.more-link {
+  margin-top: 3rem;
+  margin-bottom: 1.5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.home_introduction div.more-link a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.home_introduction div.more-link a svg {
+  display: none;
+}
+.home_introduction div.more-link a:hover {
+  background-color: #00ff80;
+}
+@media (min-width: 1080px) {
   .home_introduction div.more-link {
-    margin-top: 3rem;
-    margin-bottom: 1.5rem;
     display: flex;
-    justify-content: center;
-    align-items: center; }
-    .home_introduction div.more-link a {
-      text-align: center;
-      color: black;
-      font-family: "Marianne", sans-serif;
-      font-weight: 800;
-      font-size: 0.9rem;
-      background-color: white;
-      border: solid 2px #00ff80;
-      padding: 9px 18px;
-      transition: background-color 0.3s ease; }
-      .home_introduction div.more-link a svg {
-        display: none; }
-    .home_introduction div.more-link a:hover {
-      background-color: #00ff80; }
-    @media (min-width: 1080px) {
-      .home_introduction div.more-link {
-        display: flex;
-        justify-content: flex-end; } }
-  @media (min-width: 760px) {
-    .home_introduction {
-      padding-left: 12.5vw;
-      padding-right: 12.5vw; } }
+    justify-content: flex-end;
+  }
+}
+@media (min-width: 760px) {
+  .home_introduction {
+    padding-left: 12.5vw;
+    padding-right: 12.5vw;
+  }
+}
 
 .home_consultation {
   position: relative;
   background: linear-gradient(to bottom, #fcf9ee 80%, white 100%);
   width: 100%;
-  padding: 4rem 0; }
+  padding: 4rem 0;
+}
+.home_consultation h2 {
+  font-family: "Barlow", sans-serif;
+  font-size: 2.3rem;
+  padding: 0 3vw;
+  margin-top: 1rem;
+  color: #038788;
+  margin-bottom: 1.2rem;
+}
+.home_consultation h2 a {
+  color: #038788;
+}
+@media (min-width: 760px) {
   .home_consultation h2 {
-    font-family: "Barlow", sans-serif;
-    font-size: 2.3rem;
-    padding: 0 3vw;
-    margin-top: 1rem;
-    color: #038788;
-    margin-bottom: 1.2rem; }
-    .home_consultation h2 a {
-      color: #038788; }
-    @media (min-width: 760px) {
-      .home_consultation h2 {
-        padding-left: 0 !important; } }
-    @media (min-width: 1080px) {
-      .home_consultation h2 {
-        margin-left: 12.5vw;
-        max-width: 50vw; } }
+    padding-left: 0 !important;
+  }
+}
+@media (min-width: 1080px) {
+  .home_consultation h2 {
+    margin-left: 12.5vw;
+    max-width: 50vw;
+  }
+}
+.home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 {
+  font-family: "Barlow", sans-serif;
+  color: black;
+  font-size: 1.6rem;
+}
+@media (min-width: 1080px) {
   .home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 {
-    font-family: "Barlow", sans-serif;
-    color: black;
-    font-size: 1.6rem; }
-    @media (min-width: 1080px) {
-      .home_consultation h2 + div h2, .home_consultation h2 + div h3, .home_consultation h2 + div h4 {
-        max-width: 50vw;
-        margin-left: 12.5vw; } }
+    max-width: 50vw;
+    margin-left: 12.5vw;
+  }
+}
+.home_consultation article > div {
+  height: unset !important;
+}
+.home_consultation article > div p {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+@media (min-width: 1080px) {
+  .home_consultation article > div p {
+    margin-left: 12.5vw;
+    max-width: 50vw;
+  }
+}
+@media (min-width: 760px) {
   .home_consultation article > div {
-    height: unset !important; }
-    .home_consultation article > div p {
-      font-family: "Marianne", sans-serif;
-      font-size: 1rem;
-      line-height: 1.4; }
-      @media (min-width: 1080px) {
-        .home_consultation article > div p {
-          margin-left: 12.5vw;
-          max-width: 50vw; } }
-    @media (min-width: 760px) {
-      .home_consultation article > div {
-        padding: 0 !important; } }
+    padding: 0 !important;
+  }
+}
+.home_consultation div.more-link {
+  margin-top: 3rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.home_consultation div.more-link a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.home_consultation div.more-link a svg {
+  display: none;
+}
+.home_consultation div.more-link a:hover {
+  background-color: #00ff80;
+}
+@media (min-width: 1080px) {
   .home_consultation div.more-link {
-    margin-top: 3rem;
     display: flex;
-    justify-content: center;
-    align-items: center; }
-    .home_consultation div.more-link a {
-      text-align: center;
-      color: black;
-      font-family: "Marianne", sans-serif;
-      font-weight: 800;
-      font-size: 0.9rem;
-      background-color: white;
-      border: solid 2px #00ff80;
-      padding: 9px 18px;
-      transition: background-color 0.3s ease; }
-      .home_consultation div.more-link a svg {
-        display: none; }
-    .home_consultation div.more-link a:hover {
-      background-color: #00ff80; }
-    @media (min-width: 1080px) {
-      .home_consultation div.more-link {
-        display: flex;
-        justify-content: flex-end; } }
-  @media (min-width: 760px) {
-    .home_consultation {
-      padding-left: 12.5vw;
-      padding-right: 12.5vw; } }
+    justify-content: flex-end;
+  }
+}
+@media (min-width: 760px) {
+  .home_consultation {
+    padding-left: 12.5vw;
+    padding-right: 12.5vw;
+  }
+}
 
 .fullpage {
   margin-bottom: 10vh;
   margin-top: -3vh;
   padding-top: 3vh;
   background: linear-gradient(to bottom, #fcf9ee 80%, white 100%);
-  position: relative; }
+  position: relative;
+}
+.fullpage > h2 {
+  font-family: "Barlow", sans-serif;
+  font-size: 2.3rem;
+  padding: 0 3vw;
+  margin-top: 1rem;
+  color: #038788;
+  margin-top: 5vh;
+  margin-bottom: 7vh;
+  background-color: #fcf9ee;
+  z-index: 1;
+  position: relative;
+  width: auto;
+  display: inline-block;
+}
+.fullpage > h2 a {
+  color: #038788;
+}
+@media (min-width: 760px) {
   .fullpage > h2 {
-    font-family: "Barlow", sans-serif;
-    font-size: 2.3rem;
-    padding: 0 3vw;
-    margin-top: 1rem;
-    color: #038788;
-    margin-top: 5vh;
-    margin-bottom: 7vh;
-    background-color: #fcf9ee;
-    z-index: 1;
-    position: relative;
-    width: auto;
-    display: inline-block; }
-    .fullpage > h2 a {
-      color: #038788; }
-    @media (min-width: 760px) {
-      .fullpage > h2 {
-        background-color: unset; } }
-  .fullpage .legende {
-    display: block !important;
-    font-size: 0.8rem;
-    color: #314e41; }
+    background-color: unset;
+  }
+}
+.fullpage .legende {
+  display: block !important;
+  font-size: 0.8rem;
+  color: #314e41;
+}
+.fullpage .fullpage_content > h2 {
+  font-family: "Barlow", sans-serif;
+  font-size: 2.3rem;
+  padding: 0 3vw;
+  margin-top: 1rem;
+  color: #038788;
+  margin-top: 5vh;
+  margin-bottom: 1rem;
+  background-color: #fcf9ee;
+  z-index: 1;
+  position: relative;
+  width: auto;
+  display: inline-block;
+}
+.fullpage .fullpage_content > h2 a {
+  color: #038788;
+}
+@media (min-width: 760px) {
   .fullpage .fullpage_content > h2 {
-    font-family: "Barlow", sans-serif;
-    font-size: 2.3rem;
-    padding: 0 3vw;
-    margin-top: 1rem;
-    color: #038788;
-    margin-top: 5vh;
-    margin-bottom: 1rem;
-    background-color: #fcf9ee;
-    z-index: 1;
-    position: relative;
-    width: auto;
-    display: inline-block; }
-    .fullpage .fullpage_content > h2 a {
-      color: #038788; }
-    @media (min-width: 760px) {
-      .fullpage .fullpage_content > h2 {
-        background-color: unset; } }
-  .fullpage .fullpage_content .sous_titre {
-    font-family: "Marianne", sans-serif;
-    font-size: 1rem;
-    line-height: 1.4;
-    font-size: 1.3rem;
-    padding: 0 3vw; }
-  .fullpage .fullpage_content p {
-    font-family: "Marianne", sans-serif;
-    font-size: 1rem;
-    line-height: 1.4;
-    padding: 0 3vw;
-    margin-bottom: 2rem; }
-  .fullpage .fullpage_content p:first-of-type {
-    margin-top: 7vh; }
+    background-color: unset;
+  }
+}
+.fullpage .fullpage_content .sous_titre {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  font-size: 1.3rem;
+  padding: 0 3vw;
+}
+.fullpage .fullpage_content p {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  padding: 0 3vw;
+  margin-bottom: 2rem;
+}
+.fullpage .fullpage_content p:first-of-type {
+  margin-top: 7vh;
+}
+.fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div {
+  padding: 0 1.5vw;
+  text-align: right;
+  margin: 2rem 0;
+}
+.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.fullpage .fullpage_content .liens_fixed > div > div a svg, .fullpage .fullpage_content .file_fixed > div > div a svg {
+  display: none;
+}
+.fullpage .fullpage_content .liens_fixed > div > div a:hover, .fullpage .fullpage_content .file_fixed > div > div a:hover {
+  background-color: #00ff80;
+}
+.fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
+  display: inline-block;
+}
+@media (min-width: 1080px) {
   .fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div {
-    padding: 0 calc($x_margin / 2);
-    text-align: right;
-    margin: 2rem 0; }
-    .fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
-      text-align: center;
-      color: black;
-      font-family: "Marianne", sans-serif;
-      font-weight: 800;
-      font-size: 0.9rem;
-      background-color: white;
-      border: solid 2px #00ff80;
-      padding: 9px 18px;
-      transition: background-color 0.3s ease; }
-      .fullpage .fullpage_content .liens_fixed > div > div a svg, .fullpage .fullpage_content .file_fixed > div > div a svg {
-        display: none; }
-    .fullpage .fullpage_content .liens_fixed > div > div a:hover, .fullpage .fullpage_content .file_fixed > div > div a:hover {
-      background-color: #00ff80; }
-    .fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
-      display: inline-block; }
-    @media (min-width: 1080px) {
-      .fullpage .fullpage_content .liens_fixed > div > div, .fullpage .fullpage_content .file_fixed > div > div {
-        margin-bottom: 0 !important;
-        margin: 0;
-        position: fixed;
-        left: 75vw;
-        bottom: 10vh; }
-        .fullpage .fullpage_content .liens_fixed > div > div > div, .fullpage .fullpage_content .file_fixed > div > div > div {
-          height: 3vh; }
-        .fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
-          max-width: calc(25vw - $x_margin * 2); } }
-  .fullpage .fullpage_content .file_fixed span:last-of-type {
-    display: none; }
-  .fullpage .fullpage_content h3, .fullpage .fullpage_content h4, .fullpage .fullpage_content h5, .fullpage .fullpage_content h6 {
-    font-family: "Marianne", sans-serif;
-    font-size: 1.3rem;
-    color: #038788;
-    font-weight: 800;
-    margin-bottom: 1rem;
-    padding-left: 3vw; }
-  .fullpage .views-row {
-    margin-bottom: 8vh; }
-  @media (min-width: 760px) {
-    .fullpage {
-      margin-top: 12vh;
-      padding-top: 0;
-      width: 75vw;
-      margin-left: 12.5vw; } }
-  @media (min-width: 1080px) {
-    .fullpage {
-      width: 50%;
-      margin-left: 25%; } }
+    margin-bottom: 0 !important;
+    margin: 0;
+    position: fixed;
+    left: 75vw;
+    bottom: 10vh;
+  }
+  .fullpage .fullpage_content .liens_fixed > div > div > div, .fullpage .fullpage_content .file_fixed > div > div > div {
+    height: 3vh;
+  }
+  .fullpage .fullpage_content .liens_fixed > div > div a, .fullpage .fullpage_content .file_fixed > div > div a {
+    max-width: 19vw;
+  }
+}
+.fullpage .fullpage_content .file_fixed span:last-of-type {
+  display: none;
+}
+.fullpage .fullpage_content h3, .fullpage .fullpage_content h4, .fullpage .fullpage_content h5, .fullpage .fullpage_content h6 {
+  font-family: "Marianne", sans-serif;
+  font-size: 1.3rem;
+  color: #038788;
+  font-weight: 800;
+  margin-bottom: 1rem;
+  padding-left: 3vw;
+}
+.fullpage .views-row {
+  margin-bottom: 8vh;
+}
+@media (min-width: 760px) {
+  .fullpage {
+    margin-top: 2vh;
+    padding-top: 0;
+    width: 75vw;
+    margin-left: 12.5vw;
+  }
+}
+@media (min-width: 1080px) {
+  .fullpage {
+    width: 50%;
+    margin-left: 25%;
+  }
+}
 
 .content_gouvernance .views-row {
-  margin-bottom: 2vh; }
-  .content_gouvernance .views-row article > h2 {
-    margin-bottom: 2vh;
-    font-family: "Barlow", sans-serif;
-    color: black;
-    font-size: 1.6rem; }
-  .content_gouvernance .views-row article > h2 + div > div {
-    font-family: "Marianne", sans-serif;
-    font-size: 1rem;
-    line-height: 1.4;
-    margin-bottom: 2em; }
-  .content_gouvernance .views-row article > div:first-of-type {
-    height: unset;
-    flex-direction: column; }
+  margin-bottom: 2vh;
+}
+.content_gouvernance .views-row article > h2 {
+  margin-bottom: 2vh;
+  font-family: "Barlow", sans-serif;
+  color: black;
+  font-size: 1.6rem;
+}
+.content_gouvernance .views-row article > h2 + div > div {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  margin-bottom: 2em;
+}
+.content_gouvernance .views-row article > div:first-of-type {
+  height: unset;
+  flex-direction: column;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe {
+  height: auto;
+  display: grid;
+  grid-template-columns: 30vw auto 1fr;
+  grid-auto-rows: auto;
+  margin-bottom: 5vh;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type {
+  grid-row: 1/3;
+  display: flex;
+  align-items: center;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
+  width: 20vw;
+  height: 20vw;
+  overflow: hidden;
+  border-radius: 10vw;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2),
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
+  font-family: "Marianne", sans-serif;
+  font-size: 1.3rem;
+  color: #038788;
+  font-weight: 800;
+  margin-bottom: 2vh;
+  align-self: flex-end;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
+  padding-left: 0.5rem;
+}
+.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  grid-column: 2/4;
+}
+@media (min-width: 760px) {
   .content_gouvernance .views-row article .paragraph--type--membre-equipe {
-    height: auto;
-    display: grid;
-    grid-template-columns: 30vw auto 1fr;
-    grid-auto-rows: auto;
-    margin-bottom: 5vh; }
-    .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type {
-      grid-row: 1 / 3;
-      display: flex;
-      align-items: center; }
-      .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
-        width: 20vw;
-        height: 20vw;
-        overflow: hidden;
-        border-radius: 10vw; }
-        .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover; }
-    .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2),
-    .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
-      font-family: "Marianne", sans-serif;
-      font-size: 1.3rem;
-      color: #038788;
-      font-weight: 800;
-      margin-bottom: 2vh;
-      align-self: flex-end; }
-    .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
-      padding-left: 0.5rem; }
-    .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
-      font-family: "Marianne", sans-serif;
-      font-size: 1rem;
-      line-height: 1.4;
-      grid-column: 2 / 4; }
-    @media (min-width: 760px) {
-      .content_gouvernance .views-row article .paragraph--type--membre-equipe {
-        grid-template-columns: 10vw auto 1fr; }
-        .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
-          width: 10vw;
-          height: 10vw;
-          border-radius: 5vw; }
-        .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2) {
-          padding-left: 3vw; }
-        .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
-          padding-left: 3vw; } }
+    grid-template-columns: 10vw auto 1fr;
+  }
+  .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
+    width: 10vw;
+    height: 10vw;
+    border-radius: 5vw;
+  }
+  .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2) {
+    padding-left: 3vw;
+  }
+  .content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
+    padding-left: 3vw;
+  }
+}
 
 .content_partenaires .views-row {
-  margin-bottom: 2vh; }
-  .content_partenaires .views-row article > h2 {
-    margin-bottom: 2vh;
-    font-family: "Barlow", sans-serif;
-    color: black;
-    font-size: 1.6rem; }
-  .content_partenaires .views-row article > div:first-of-type {
-    height: unset !important;
-    display: grid;
+  margin-bottom: 2vh;
+}
+.content_partenaires .views-row article > h2 {
+  margin-bottom: 2vh;
+  font-family: "Barlow", sans-serif;
+  color: black;
+  font-size: 1.6rem;
+}
+.content_partenaires .views-row article > div:first-of-type {
+  height: unset !important;
+  display: grid;
+  grid-template-columns: 0.3fr 1fr;
+  align-items: center;
+}
+.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
+  width: 30vw;
+  height: auto;
+  overflow: hidden;
+  margin-bottom: 1rem;
+}
+.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img {
+  width: 100%;
+  height: auto;
+  mix-blend-mode: darken;
+}
+@media (min-width: 760px) {
+  .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
+    width: 20vw;
+  }
+}
+@media (min-width: 1080px) {
+  .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
+    width: 10vw;
+  }
+}
+.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  margin-bottom: 2rem;
+  padding-left: 3vw;
+}
+.content_partenaires .views-row article > div:first-of-type > div:last-of-type {
+  grid-column: 1/3;
+  width: 100%;
+  text-align: right;
+  padding-bottom: 2rem;
+  margin-top: 1rem;
+}
+.content_partenaires .views-row article > div:first-of-type > div:last-of-type a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.content_partenaires .views-row article > div:first-of-type > div:last-of-type a svg {
+  display: none;
+}
+.content_partenaires .views-row article > div:first-of-type > div:last-of-type a:hover {
+  background-color: #00ff80;
+}
+
+#block-erabletheme-unequestion {
+  position: relative;
+  display: grid;
+  grid-template-columns: 0.5fr 1fr;
+  grid-template-rows: repeat(2, 1fr);
+  align-items: center;
+  width: 50vw;
+  margin-left: 1.5vw;
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  background-color: #038788;
+  color: white;
+  font-weight: 800;
+  padding-bottom: 2rem;
+  padding-top: 1.5rem;
+  padding-right: 0.5rem;
+}
+@media (min-width: 760px) {
+  #block-erabletheme-unequestion {
+    position: absolute;
+    width: 40vw;
+    left: 1.5vw;
+    bottom: -25vh;
+  }
+}
+@media (min-width: 1080px) {
+  #block-erabletheme-unequestion {
+    left: unset;
+    right: 1.5vw;
+    width: 22vw;
+    bottom: unset;
+    top: 24vh;
+    padding-right: 1rem;
+  }
+}
+#block-erabletheme-unequestion > h2 {
+  grid-column: 2;
+}
+#block-erabletheme-unequestion > div {
+  grid-column: 2;
+}
+#block-erabletheme-unequestion > div a {
+  color: white;
+  text-decoration: underline;
+}
+
+#block-erabletheme-unequestion::before {
+  content: "?";
+  grid-column: 1;
+  grid-row: 1/3;
+  justify-self: center;
+  align-self: center;
+  border: solid 1px white;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 1.5rem;
+  font-size: 1.6rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 0.5rem;
+}
+
+@media (min-width: 760px) {
+  .fullpage.meetup {
+    width: auto;
+    margin-left: 3vw;
+    margin-right: 3vw;
+  }
+}
+.fullpage.meetup > h2 {
+  border-bottom: solid 1px #038788;
+  padding: 0;
+  padding-bottom: 4vh;
+  margin-left: 3vw;
+  margin-right: 3vw;
+  margin-bottom: 4vh;
+  height: auto;
+}
+@media (min-width: 1080px) {
+  .fullpage.meetup > h2 {
+    width: calc(75% - 6vw);
+  }
+}
+.fullpage.meetup > header {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+.fullpage.meetup > header > div:first-of-type {
+  margin-left: 3vw;
+  margin-right: 3vw;
+}
+@media (min-width: 760px) {
+  .fullpage.meetup > header > div:first-of-type {
+    width: calc(75% - 6vw);
+  }
+}
+.fullpage.meetup > header > div:last-of-type {
+  background-color: #038788;
+  width: 40%;
+  height: 16vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  margin-top: 4vh;
+  margin-left: calc(60% - 3vw);
+}
+@media (min-width: 1080px) {
+  .fullpage.meetup > header > div:last-of-type {
+    position: absolute;
+    top: 3vh;
+    right: 4vh;
+    width: 20%;
+  }
+}
+.fullpage.meetup > header > div:last-of-type > div {
+  padding-bottom: 1rem;
+}
+.fullpage.meetup > header > div:last-of-type > div > a {
+  font-weight: 800;
+  color: white;
+  text-decoration: underline;
+}
+.fullpage.meetup > header > div:last-of-type > div > a::after {
+  content: " →";
+}
+.fullpage.meetup > header > div:last-of-type::before {
+  content: "+";
+  color: white;
+  border: solid 1px white;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 1.5rem;
+  font-size: 1.6rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 10px;
+  margin-top: 1rem;
+}
+.fullpage.meetup > .meetup_list {
+  display: grid;
+  margin: 3vh 3vw;
+  margin-top: 8vh;
+  grid-template-columns: 1fr;
+  gap: 2rem;
+}
+@media (min-width: 760px) {
+  .fullpage.meetup > .meetup_list {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+@media (min-width: 1080px) {
+  .fullpage.meetup > .meetup_list {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+.fullpage.meetup > .meetup_list > .views-row {
+  margin-bottom: 2vh;
+}
+.fullpage.meetup > .meetup_list > .views-row > article {
+  padding: unset !important;
+  padding-top: 0.5rem !important;
+  padding-bottom: 1rem !important;
+  padding-right: 0.5rem !important;
+  display: grid;
+  grid-template-columns: 0.5fr 1fr;
+  grid-template-rows: repeat(6, auto);
+  background-color: white;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > p, .fullpage.meetup > .meetup_list > .views-row > article > a, .fullpage.meetup > .meetup_list > .views-row > article > div, .fullpage.meetup > .meetup_list > .views-row > article > a > h2 {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  padding: 0.2rem 0;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > img {
+  grid-column: 1;
+  grid-row: 1/7;
+  width: 10rem;
+  height: 10rem;
+  border-radius: 5rem;
+  align-self: center;
+  justify-self: center;
+  padding: 1rem;
+  margin-right: 1rem;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > p.occupation {
+  grid-column: 2;
+  grid-row: 1/2;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > p.occupation > a {
+  color: #038788;
+  text-transform: uppercase;
+  font-weight: 800;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > a.author {
+  grid-column: 2;
+  grid-row: 2/3;
+  color: black;
+  text-transform: uppercase;
+  font-weight: 800;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > a.offre-title {
+  grid-column: 2;
+  grid-row: 3/4;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > a.offre-title > h2 {
+  margin: unset;
+  padding: unset;
+  font-weight: 800;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > p.address {
+  grid-column: 2;
+  grid-row: 4/5;
+  margin-bottom: 1.5rem;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > p.address .country {
+  display: none;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > div.date-offre {
+  grid-column: 2;
+  grid-row: 6/7;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > div.date-offre > a {
+  color: black;
+}
+.fullpage.meetup > .meetup_list > .views-row > article > .legende {
+  display: none !important;
+}
+.fullpage.meetup .ornements_top_over {
+  top: -15vh;
+}
+.fullpage.meetup .ornements_bottom_over {
+  right: 11vw;
+}
+
+.fullpage.meetup-offre {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+}
+.fullpage.meetup-offre > .retour-meetup {
+  padding-top: 3vh;
+  padding-left: 3vw;
+}
+.fullpage.meetup-offre > .retour-meetup a {
+  font-size: 0.8rem;
+  font-weight: 800;
+  color: #038788;
+}
+.fullpage.meetup-offre > h2 {
+  font-family: "Barlow", sans-serif;
+  font-size: 2.3rem;
+  padding: 0 3vw;
+  margin-top: 1rem;
+  color: #038788;
+  margin-bottom: 3vh;
+  width: auto;
+}
+.fullpage.meetup-offre > h2 a {
+  color: #038788;
+}
+.fullpage.meetup-offre > .offre-content > div {
+  border-top: solid 1px #038788;
+  padding-top: 4vh;
+  margin-left: 3vw;
+  margin-right: 3vw;
+  width: calc(100% - 6vw);
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div {
+  display: grid;
+  grid-template-columns: 0.3fr 1fr 1fr;
+  grid-template-rows: repeat(8, auto);
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div .views-row {
+  margin-bottom: unset;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type {
+  padding: unset !important;
+  grid-column: 1/2;
+  grid-row: 1/6;
+  justify-self: center;
+  align-self: center;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
+  width: 15rem;
+  height: 15rem;
+  border-radius: 7.5rem;
+  padding: 1rem;
+  margin-right: 2rem;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure {
+  grid-column: 2/4;
+  grid-row: 1/2;
+  text-transform: uppercase;
+  color: #038788;
+  font-weight: 800;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure > h2 {
+  display: none;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation {
+  grid-column: 2/4;
+  grid-row: 3/4;
+  font-weight: 800;
+  color: #038788;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation > h2 {
+  display: none;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-localisation .country {
+  display: none;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-title {
+  grid-column: 2/4;
+  grid-row: 4/5;
+  font-size: 1.6rem;
+  font-weight: 800;
+  margin-bottom: 2rem;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-nom {
+  grid-column: 2/4;
+  grid-row: 2/3;
+  text-transform: uppercase;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact {
+  grid-column: 2/4;
+  grid-row: 5/6;
+}
+@media (min-width: 1080px) {
+  .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact {
+    grid-column: 2/3;
+    grid-row: 5/7;
+  }
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact span > a {
+  display: block;
+  margin-right: 2rem;
+  background-color: #038788;
+  line-height: 1.1;
+  padding: 0.7rem 1rem;
+  color: white;
+  font-weight: 800;
+  font-size: 0.8rem;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
+  align-self: center;
+  grid-column: 2/4;
+  grid-row: 6/7;
+  font-size: 0.8rem;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > div {
+  display: inline-block;
+}
+@media (min-width: 1080px) {
+  .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
+    margin-top: 0;
+    grid-column: 3/4;
+    grid-row: 5/7;
+  }
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description {
+  grid-column: 1/4;
+  grid-row: 7/8;
+  border-top: solid 1px #038788;
+  margin-top: 2vh;
+  padding-top: 6vh;
+  margin-bottom: 4vh;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed {
+  grid-row: 8/9;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > h2 {
+  display: none;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div {
+  padding: 0 1.5vw;
+  text-align: right;
+  margin: 2rem 0;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div a, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a {
+  text-align: center;
+  color: black;
+  font-family: "Marianne", sans-serif;
+  font-weight: 800;
+  font-size: 0.9rem;
+  background-color: white;
+  border: solid 2px #00ff80;
+  padding: 9px 18px;
+  transition: background-color 0.3s ease;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div a svg, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a svg {
+  display: none;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div a:hover, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a:hover {
+  background-color: #00ff80;
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div a, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a {
+  display: inline-block;
+}
+@media (min-width: 1080px) {
+  .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div {
+    margin-bottom: 0 !important;
+    margin: 0;
+    position: fixed;
+    left: 75vw;
+    bottom: 10vh;
+  }
+  .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div > div, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div > div {
+    height: 3vh;
+  }
+  .fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed > div a, .fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed > div a {
+    max-width: 19vw;
+  }
+}
+.fullpage.meetup-offre > .offre-content > div > div > div > div > .file_fixed span:last-of-type {
+  display: none;
+}
+
+.faq-fullpage {
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  padding: 0 3vw;
+}
+.faq-fullpage .faq-description {
+  margin-bottom: 5vh;
+}
+.faq-fullpage .faq-question {
+  padding: 0;
+  margin-top: 1rem;
+  border-top: solid 1px #314e41;
+  padding-top: 1rem;
+  padding-bottom: 0.5rem;
+}
+.faq-fullpage .faq-question > span > a {
+  color: #038788;
+  font-weight: 800;
+  display: flex;
+  align-items: center;
+}
+.faq-fullpage .faq-question > span > a::after {
+  content: "↓";
+}
+.faq-fullpage .faq-qa-visible > span > a::after {
+  content: "↑";
+}
+.faq-fullpage .faq-answer a[href="#top"] {
+  display: block;
+  padding-top: 1rem;
+  padding-bottom: 0.5rem;
+  margin-left: -40px;
+  color: #038788;
+}
+.faq-fullpage .faq-question-answer:last-of-type {
+  border-bottom: solid 1px #314e41;
+  padding-bottom: 0.5rem;
+}
+.faq-fullpage .ornements_top_over {
+  top: -15vh;
+}
+.faq-fullpage .ornements_bottom_over {
+  bottom: -30vh !important;
+}
+
+#block-erabletheme-votrequestionnexistepas {
+  position: relative;
+  display: grid;
+  grid-template-columns: 0.5fr 1fr;
+  grid-template-rows: repeat(2, 1fr);
+  align-items: center;
+  width: 50vw;
+  margin-left: 1.5vw;
+  font-family: "Marianne", sans-serif;
+  font-size: 1rem;
+  line-height: 1.4;
+  background-color: #038788;
+  color: white;
+  font-weight: 800;
+  padding-bottom: 2rem;
+  padding-top: 1.5rem;
+  padding-right: 0.5rem;
+}
+@media (min-width: 760px) {
+  #block-erabletheme-votrequestionnexistepas {
     grid-template-columns: 0.3fr 1fr;
-    align-items: center; }
-    .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
-      width: 30vw;
-      height: auto;
-      overflow: hidden;
-      margin-bottom: 1rem; }
-      .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img {
-        width: 100%;
-        height: auto;
-        mix-blend-mode: darken; }
-      @media (min-width: 760px) {
-        .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
-          width: 20vw; } }
-      @media (min-width: 1080px) {
-        .content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
-          width: 10vw; } }
-    .content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
-      font-family: "Marianne", sans-serif;
-      font-size: 1rem;
-      line-height: 1.4;
-      margin-bottom: 2rem;
-      padding-left: 3vw; }
-    .content_partenaires .views-row article > div:first-of-type > div:last-of-type {
-      grid-column: 1 / 3;
-      width: 100%;
-      text-align: right;
-      padding-bottom: 2rem;
-      margin-top: 1rem; }
-      .content_partenaires .views-row article > div:first-of-type > div:last-of-type a {
-        text-align: center;
-        color: black;
-        font-family: "Marianne", sans-serif;
-        font-weight: 800;
-        font-size: 0.9rem;
-        background-color: white;
-        border: solid 2px #00ff80;
-        padding: 9px 18px;
-        transition: background-color 0.3s ease; }
-        .content_partenaires .views-row article > div:first-of-type > div:last-of-type a svg {
-          display: none; }
-      .content_partenaires .views-row article > div:first-of-type > div:last-of-type a:hover {
-        background-color: #00ff80; }
+    position: absolute;
+    width: 40vw;
+    left: 1.5vw;
+    bottom: -25vh;
+  }
+}
+@media (min-width: 1080px) {
+  #block-erabletheme-votrequestionnexistepas {
+    left: unset;
+    right: 1.5vw;
+    width: 22vw;
+    bottom: unset;
+    top: 24vh;
+    padding-right: 1rem;
+  }
+}
+#block-erabletheme-votrequestionnexistepas > h2 {
+  grid-column: 2;
+}
+#block-erabletheme-votrequestionnexistepas > div {
+  grid-column: 2;
+}
+#block-erabletheme-votrequestionnexistepas > div a {
+  color: white;
+  text-decoration: underline;
+}
+
+#block-erabletheme-votrequestionnexistepas::before {
+  content: "?";
+  grid-column: 1;
+  grid-row: 1/3;
+  justify-self: center;
+  align-self: center;
+  border: solid 1px white;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 1.5rem;
+  font-size: 1.6rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 0.5rem;
+}
+
+/*# sourceMappingURL=styles.css.map */
diff --git a/web/themes/erabletheme/css/styles.css.map b/web/themes/erabletheme/css/styles.css.map
index 5966f05..d385993 100644
--- a/web/themes/erabletheme/css/styles.css.map
+++ b/web/themes/erabletheme/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_ornements.scss","../scss/partials/_login.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss"],"names":[],"mappings":"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3BJ;IA4BQ;;;AAEJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EAxBJ;IAyBQ;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAMR;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EAXJ;IAYQ;IACA,aV1JG;IU2JH,cV3JG;;EU4JH;IACI;IACA;;;AAGR;EACI;IACI;;EAGA;IACI;;EAIJ;IACI;IACA;;EAEJ;IACI;;;;AAMhB;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EAdJ;IAeQ;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGR;EA9BJ;IA+BQ;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;IACA;;;AAGR;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EA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","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/styles.scss","../scss/global/_fonts.scss","../scss/global/variables/_layout.scss","../scss/global/variables/_typography.scss","../scss/global/_typography.scss","../scss/global/_global.scss","../scss/partials/_header.scss","../scss/global/variables/_colors.scss","../scss/partials/_footer.scss","../scss/partials/_carousel.scss","../scss/partials/_articles.scss","../scss/partials/_articles_teaser.scss","../scss/partials/_ornements.scss","../scss/partials/_forms.scss","../scss/_home.scss","../scss/_fullpage.scss","../scss/_gouvernance.scss","../scss/_partenaires.scss","../scss/_consultation.scss","../scss/_meetup.scss","../scss/_faq.scss"],"names":[],"mappings":"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;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EA3BJ;IA4BQ;;;AAEJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EAxBJ;IAyBQ;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;;AAMR;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EAXJ;IAYQ;IACA,aV1JG;IU2JH,cV3JG;;EU4JH;IACI;IACA;;;AAGR;EACI;IACI;;EAGA;IACI;;EAIJ;IACI;IACA;;EAEJ;IACI;;;;AAMhB;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EAdJ;IAeQ;IACA;IACA;;;AAIR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGR;EA9BJ;IA+BQ;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;IACA;;;AAGR;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EA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AGR;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAEJ;EATJ;IAUQ;;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EhBvEZ;EACA,WAlBa;EAmBb;EgBuEgB;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI,OZ/GjB;EYgHiB;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;;AACA;EACI;;AAGR;EACI;;AAOhB;EACI;;AAEJ;EACI;;;AAIR;EhB9II;EACA,WAlBa;EAmBb;;AgB8IA;EACI;EACA,cjBxKG;;AiByKH;EACI,WhBzKG;EgB0KH;EACA,OZ3KL;;AY8KH;EhBpKA;EACA,WANS;EAOT;EACA;EACA,OIdG;EYgLC;EACA;;AhBlKJ;EACI,OIhBD;;AYoLC;EACI;EACA;EACA,ajBxLD;EiByLC,cjBzLD;EiB0LC;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EAII;EACA;EACA;EACA,OZtNb;EYuNa;;AAPA;EACI;;AAQR;EAOI;EACA;EACA;EACA,OZnOb;;AY0Na;EACI;;AAEJ;EACI;;AAOR;EACI;EACA;EACA,WhBrOL;EgBsOK;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EAHJ;IAIQ;IACA;;;AAEJ;EACI;EACA;EACA,kBZ3PjB;EY4PiB;EACA;EACA;EACA;EACA,WhBhQT;;AgBmQC;EAII;EACA;EACA;EACA,WhB1QL;EgB2QK;EACA;;AARA;EACI;;AAQJ;EAVJ;IAWQ;IACA;IACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AhB3PpB;EACI;EACA;EACA;EACA;EACA,WA5CM;EA6CN;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI,kBIxDK;;AYsSW;EACI;;AAEJ;EARJ;IASQ;IACA;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;;AAKhB;EACI;;;ACzTpB;EjBsBI;EACA,WAlBa;EAmBb;EiBtBA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI,ObZL;EaaK;EACA;EACA;;AAEJ;EACI;;AAIJ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA,ObhCL;;AamCH;EACI;EACA;;AAIJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EjBnCA;EACA,WAlBa;EAmBb;EiBmCA,kBb1DG;Ea2DH;EACA;EACA;EACA;EACA;;AACA;EAfJ;IAgBQ;IACA;IACA;IACA;IACA;;;AAEJ;EAtBJ;IAuBQ;IACA;IACA;IACA;IACA;IACA;;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"}
\ No newline at end of file
diff --git a/web/themes/erabletheme/erabletheme.theme b/web/themes/erabletheme/erabletheme.theme
index eabece4..eb0db9e 100644
--- a/web/themes/erabletheme/erabletheme.theme
+++ b/web/themes/erabletheme/erabletheme.theme
@@ -52,6 +52,8 @@ function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, arr
       $suggestions[] = 'views_view__content_gouvernance';
     } elseif (isset($view) && $view === 'Partenaires') {
       $suggestions[] = 'views_view__content_partenaires';
+    } elseif (isset($view) && $view === 'Meetup en ligne') {
+      $suggestions[] = 'views_view__content_meetup';
     }
   }
 }
@@ -70,6 +72,12 @@ function erabletheme_theme_suggestions_node_alter(array &$suggestions, array $va
     }
 
   }
+}
 
-
+function erabletheme_theme_suggestions_region_alter(array &$suggestions, array $variables) {
+  if (isset($variables['elements']['erabletheme_contenudelapageprincipale']) && $variables['elements']['erabletheme_contenudelapageprincipale']['content']['#title'] == "Meet-up en ligne") {
+    $suggestions[] = 'region__offre_meetup';
+  } elseif (isset($variables['elements']['erabletheme_contenudelapageprincipale']) && $variables['elements']['erabletheme_contenudelapageprincipale']['content']['#title'] == "Foire aux Questions") {
+    $suggestions[] = 'region__faq';
+  }
 }
\ No newline at end of file
diff --git a/web/themes/erabletheme/js/erabletheme.js b/web/themes/erabletheme/js/erabletheme.js
index e8c2eb5..18356b9 100644
--- a/web/themes/erabletheme/js/erabletheme.js
+++ b/web/themes/erabletheme/js/erabletheme.js
@@ -92,6 +92,8 @@
       let fluoButtons;
       if (document.querySelector('.actu_full')) {
         fluoButtons = document.querySelectorAll('.liens_fixed > div > div:nth-of-type(2):not(.visually-hidden), .file_fixed > div > .visually-hidden + div > div');
+      } else if (document.querySelector('.offre-content')) {
+        fluoButtons = document.querySelectorAll('.liens_fixed > div, .file_fixed > div');
       } else {
         fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div');
       }
@@ -152,7 +154,6 @@
         let imgs = document.querySelectorAll('.fullpage img');
         for (let img of imgs) {
           if (img.height > img.width) {
-            console.log('ouiiii');
             img.parentElement.style.padding = '0 12vw';
           }
         }
diff --git a/web/themes/erabletheme/scss/_consultation.scss b/web/themes/erabletheme/scss/_consultation.scss
new file mode 100644
index 0000000..6894a87
--- /dev/null
+++ b/web/themes/erabletheme/scss/_consultation.scss
@@ -0,0 +1,56 @@
+#block-erabletheme-unequestion {
+    position: relative;
+    display: grid;
+    grid-template-columns: 0.5fr 1fr;
+    grid-template-rows: repeat(2, 1fr);
+    align-items: center;
+    width: 50vw;
+    margin-left: 1.5vw;
+    @include main_text_content();
+    background-color: $teal;
+    color: white;
+    font-weight: 800;
+    padding-bottom: 2rem;
+    padding-top: 1.5rem;
+    padding-right: 0.5rem;
+    @media (min-width: $breakpoint_tablet) {
+        position: absolute;
+        width: 40vw;
+        left: 1.5vw;
+        bottom: -25vh;
+    }
+    @media (min-width: $breakpoint_desktop) {
+        left: unset;
+        right: 1.5vw;
+        width: 22vw;
+        bottom: unset;
+        top: 24vh;
+        padding-right: 1rem;
+    }
+    > h2 {
+        grid-column: 2;
+    }
+    > div {
+        grid-column: 2;
+        a {
+            color: white;
+            text-decoration: underline;
+        }
+    }
+}
+#block-erabletheme-unequestion::before {
+    content: "?";    
+    grid-column: 1;
+    grid-row: 1/3;
+    justify-self: center;
+    align-self: center;
+    border: solid 1px white;
+    width: 3rem;
+    height: 3rem;
+    border-radius: 1.5rem;
+    font-size: 1.6rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 0.5rem;
+}
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/_faq.scss b/web/themes/erabletheme/scss/_faq.scss
new file mode 100644
index 0000000..e8719f6
--- /dev/null
+++ b/web/themes/erabletheme/scss/_faq.scss
@@ -0,0 +1,107 @@
+.faq-fullpage {
+    @include main_text_content();
+    padding: 0 $x_margin;
+    .faq-description {
+        margin-bottom: 5vh;
+    }
+    .faq-question {
+        padding: 0;
+        margin-top: 1rem;
+        border-top: solid 1px $dark_green;
+        padding-top: 1rem;
+        padding-bottom: 0.5rem;
+        > span > a {
+            color: $teal;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+        }
+        > span > a::after {
+            content: "↓";
+        }
+    }
+    .faq-qa-visible {
+        > span > a::after {
+            content: "↑";
+        }
+    }
+    .faq-answer {
+        a[href="#top"] {
+            display: block;
+            padding-top: 1rem;
+            padding-bottom: 0.5rem;
+            margin-left: -40px;
+            color: $teal;
+        }
+    }
+    .faq-question-answer:last-of-type {
+        border-bottom: solid 1px $dark_green;
+        padding-bottom: 0.5rem;
+    }
+
+
+    .ornements_top_over {
+        top: -15vh;
+    }
+    .ornements_bottom_over {
+        bottom: -30vh !important;
+    }
+}
+
+#block-erabletheme-votrequestionnexistepas {
+    position: relative;
+    display: grid;
+    grid-template-columns: 0.5fr 1fr;
+    grid-template-rows: repeat(2, 1fr);
+    align-items: center;
+    width: 50vw;
+    margin-left: 1.5vw;
+    @include main_text_content();
+    background-color: $teal;
+    color: white;
+    font-weight: 800;
+    padding-bottom: 2rem;
+    padding-top: 1.5rem;
+    padding-right: 0.5rem;
+    @media (min-width: $breakpoint_tablet) {
+        grid-template-columns: 0.3fr 1fr;
+        position: absolute;
+        width: 40vw;
+        left: 1.5vw;
+        bottom: -25vh;
+    }
+    @media (min-width: $breakpoint_desktop) {
+        left: unset;
+        right: 1.5vw;
+        width: 22vw;
+        bottom: unset;
+        top: 24vh;
+        padding-right: 1rem;
+    }
+    > h2 {
+        grid-column: 2;
+    }
+    > div {
+        grid-column: 2;
+        a {
+            color: white;
+            text-decoration: underline;
+        }
+    }
+}
+#block-erabletheme-votrequestionnexistepas::before {
+    content: "?";    
+    grid-column: 1;
+    grid-row: 1/3;
+    justify-self: center;
+    align-self: center;
+    border: solid 1px white;
+    width: 3rem;
+    height: 3rem;
+    border-radius: 1.5rem;
+    font-size: 1.6rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 0.5rem;
+}
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/_fullpage.scss b/web/themes/erabletheme/scss/_fullpage.scss
index 86f3c7c..b894246 100644
--- a/web/themes/erabletheme/scss/_fullpage.scss
+++ b/web/themes/erabletheme/scss/_fullpage.scss
@@ -94,7 +94,7 @@
         margin-bottom: 8vh;
     }
     @media (min-width: $breakpoint_tablet) {
-        margin-top: 12vh;
+        margin-top: 2vh;
         padding-top: 0;
         width: 75vw;
         margin-left: 12.5vw;
diff --git a/web/themes/erabletheme/scss/_meetup.scss b/web/themes/erabletheme/scss/_meetup.scss
new file mode 100644
index 0000000..9ae459c
--- /dev/null
+++ b/web/themes/erabletheme/scss/_meetup.scss
@@ -0,0 +1,319 @@
+.fullpage.meetup {
+    @media (min-width: $breakpoint_tablet) {
+        width: auto;
+        margin-left: $x_margin;
+        margin-right: $x_margin;
+    }
+    > h2 {
+        border-bottom: solid 1px $teal;
+        padding: 0;
+        padding-bottom: 4vh;
+        margin-left: $x_margin;
+        margin-right: $x_margin;
+        margin-bottom: 4vh;
+        height: auto;
+        @media (min-width: $breakpoint_desktop) {
+            width: calc(75% - $x_margin * 2);
+        }
+    }
+    > header {
+        @include main_text_content();
+        > div:first-of-type {
+            margin-left: $x_margin;
+            margin-right: $x_margin;
+            @media (min-width: $breakpoint_tablet) {
+                width: calc(75% - $x_margin * 2);
+            }
+        }
+        > div:last-of-type {
+            background-color: $teal;
+            width: 40%;
+            height: 16vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: space-around;
+            margin-top: 4vh;
+            margin-left: calc(60% - $x_margin);
+            @media (min-width: $breakpoint_desktop) {
+                position: absolute;
+                top: 3vh;
+                right: 4vh;
+                width: 20%;
+            }
+            > div {
+                padding-bottom: 1rem;
+                > a {
+                    font-weight: 800;
+                    color: white;
+                    text-decoration: underline;
+                }
+                > a::after {
+                    content: "\2003 →";
+                }
+            }
+        }
+        > div:last-of-type::before {
+            content: "+";
+            color: white;
+            border: solid 1px white;
+            width: 3rem;
+            height: 3rem;
+            border-radius: 1.5rem;
+            font-size: 1.6rem;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding-bottom: 10px;
+            margin-top: 1rem;
+        }
+    }
+    > .meetup_list {
+        display: grid;
+        margin: 3vh $x_margin;
+        margin-top: 8vh;
+        grid-template-columns: 1fr;
+        gap: 2rem;
+        @media (min-width: $breakpoint_tablet) {
+            grid-template-columns: repeat(2, 1fr);
+        }
+        @media (min-width: $breakpoint_desktop) {
+            grid-template-columns: repeat(3, 1fr);
+        }
+        > .views-row{
+            margin-bottom: 2vh;
+            > article {
+                padding: unset !important;
+                padding-top: 0.5rem !important;
+                padding-bottom: 1rem !important;
+                padding-right: 0.5rem !important;
+                display: grid;
+                grid-template-columns: 0.5fr 1fr;
+                grid-template-rows: repeat(6, auto);
+                background-color: white;
+                > p, > a, > div, > a > h2 {
+                    @include main_text_content();
+                    padding: 0.2rem 0;
+                }
+                > img {
+                    grid-column: 1;
+                    grid-row: 1/7;
+                    width: 10rem;
+                    height: 10rem;
+                    border-radius: 5rem;
+                    align-self: center;
+                    justify-self: center;
+                    padding: 1rem;
+                    margin-right: 1rem;
+                }
+                > p.occupation {
+                    grid-column: 2;
+                    grid-row: 1/2;
+                    > a {
+                        color: $teal;
+                        text-transform: uppercase;
+                        font-weight: 800;
+                    }
+                }
+                > a.author {
+                    grid-column: 2;
+                    grid-row: 2/3;
+                    color: black;
+                    text-transform: uppercase;
+                    font-weight: 800;
+                }
+                > a.offre-title {
+                    grid-column: 2;
+                    grid-row: 3/4;
+                    > h2 {
+                        margin: unset;
+                        padding: unset;
+                        font-weight: 800;
+                    }
+                }
+                > p.address {
+                    grid-column: 2;
+                    grid-row: 4/5;
+                    margin-bottom: 1.5rem;
+                    .country {
+                        display: none;
+                    }
+                }
+                > div.date-offre {
+                    grid-column: 2;
+                    grid-row: 6/7;
+                    > a {
+                        color: black;
+                    }
+                }
+                > .legende {
+                    display: none !important;
+                }
+            }
+        }
+    }
+
+
+    .ornements_top_over {
+        top: -15vh;
+    }
+    .ornements_bottom_over {
+        right: 11vw;
+    }
+}
+
+.fullpage.meetup-offre {
+    @include main_text_content();
+    > .retour-meetup {
+        padding-top: 3vh;
+        padding-left: $x_margin;
+        a {
+            font-size: $sm_font_size;
+            font-weight: 800;
+            color: $teal;
+        }
+    }
+    > h2 {
+        @include main_title();
+        margin-bottom: 3vh;
+        width: auto;
+    }
+    > .offre-content {
+        > div {
+            border-top: solid 1px $teal;
+            padding-top: 4vh;
+            margin-left: $x_margin;
+            margin-right: $x_margin;
+            width: calc(100% - $x_margin * 2);
+            > div > div > div {
+                display: grid;
+                grid-template-columns: 0.3fr 1fr 1fr;
+                grid-template-rows: repeat(8, auto);
+                .views-row {
+                    margin-bottom: unset;
+                }
+                > div:first-of-type {
+                    padding: unset !important;
+                    grid-column: 1/2;
+                    grid-row: 1/6;
+                    justify-self: center;
+                    align-self: center;
+                    > img {
+                        width: 15rem;
+                        height: 15rem;
+                        border-radius: 7.5rem;
+                        padding: 1rem;
+                        margin-right: 2rem;
+                    }
+                }
+                > .offre-structure {
+                    > h2 {
+                        display: none;
+                    }
+                    grid-column: 2/4;
+                    grid-row: 1/2;
+                    text-transform: uppercase;
+                    color: $teal;
+                    font-weight: 800;
+                }
+                > .offre-localisation {
+                    > h2 {
+                        display: none;
+                    }
+                    .country {
+                        display: none;
+                    }
+                    grid-column: 2/4;
+                    grid-row: 3/4;
+                    font-weight: 800;
+                    color: $teal;
+                }
+                > .offre-title {
+                    grid-column: 2/4;
+                    grid-row: 4/5;
+                    font-size: $xl_font_size;
+                    font-weight: 800;
+                    margin-bottom: 2rem;
+                }
+                > .offre-nom {
+                    grid-column: 2/4;
+                    grid-row: 2/3;
+                    text-transform: uppercase;
+                }
+                > .offre-contact {
+                    grid-column: 2/4;
+                    grid-row: 5/6;
+                    @media (min-width: $breakpoint_desktop) {
+                        grid-column: 2/3;
+                        grid-row: 5/7;
+                    }
+                    span > a {
+                        display: block;
+                        margin-right: 2rem;
+                        background-color: $teal;
+                        line-height: 1.1;
+                        padding: 0.7rem 1rem;
+                        color: white;
+                        font-weight: 800;
+                        font-size: $sm_font_size;
+                    }
+                }
+                > .offre-time {
+                    > h2, > div {
+                        display: inline-block;
+                    }
+                    align-self: center;
+                    grid-column: 2/4;
+                    grid-row: 6/7;
+                    font-size: $sm_font_size;
+                    margin-top: 1rem;
+                    margin-bottom: 0.5rem;
+                    @media (min-width: $breakpoint_desktop) {
+                        margin-top: 0;
+                        grid-column: 3/4;
+                        grid-row: 5/7;
+                    }
+                }
+                > .offre-description {
+                    grid-column: 1/4;
+                    grid-row: 7/8;
+                    border-top: solid 1px $teal;
+                    margin-top: 2vh;
+                    padding-top: 6vh;
+                    margin-bottom: 4vh;
+                }
+                > .file_fixed, > .liens_fixed {
+                    grid-row: 8/9;
+                    > h2 {
+                        display: none;
+                    }
+                    > div {
+                        padding: 0 calc($x_margin / 2);
+                        text-align: right;
+                        margin: 2rem 0;
+                        @include fluo_button();
+                        a {
+                            display: inline-block;
+                        }
+                        @media (min-width: $breakpoint_desktop) {
+                            margin-bottom: 0 !important;
+                            margin: 0;
+                            position: fixed;
+                            left: 75vw;
+                            bottom: 10vh;
+                            > div {
+                                height: 3vh;
+                            }
+                            a {
+                                max-width: calc(25vw - $x_margin * 2);
+                            }
+                        }
+                    }
+                }
+                > .file_fixed span:last-of-type {
+                    display: none;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/global/_global.scss b/web/themes/erabletheme/scss/global/_global.scss
index fd59467..bb3ae87 100644
--- a/web/themes/erabletheme/scss/global/_global.scss
+++ b/web/themes/erabletheme/scss/global/_global.scss
@@ -1,8 +1,8 @@
 
 main[role="main"] {
-    margin-top: 12vh;
+    margin-top: 10vh;
     @media (min-width: $breakpoint_desktop) {
-        margin-top: 22vh;
+        margin-top: calc(10vh + 3rem);
     }
 }
 
@@ -12,4 +12,8 @@ strong {
 
 em {
     font-style: italic;
+}
+
+#block-erabletheme-titredepage {
+    display: none;
 }
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/global/variables/_colors.scss b/web/themes/erabletheme/scss/global/variables/_colors.scss
index 61dee5a..2533f77 100644
--- a/web/themes/erabletheme/scss/global/variables/_colors.scss
+++ b/web/themes/erabletheme/scss/global/variables/_colors.scss
@@ -5,4 +5,8 @@ $dark_green: #314e41;
 
 @mixin beige_gradient() {
     background: linear-gradient(to bottom, $beige 80%, white 100%);
+}
+
+@mixin white_beige_gradient() {
+    background: linear-gradient(to bottom, white 0%, $beige 10%, $beige 80%, white 100%);
 }
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/partials/_forms.scss b/web/themes/erabletheme/scss/partials/_forms.scss
new file mode 100644
index 0000000..ec85aec
--- /dev/null
+++ b/web/themes/erabletheme/scss/partials/_forms.scss
@@ -0,0 +1,72 @@
+main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask {
+    min-height: 50vh;
+    .login, .user, .register, .contact, .ask {
+        padding-top: 5vh;
+        width: 100vw;
+        @include white_beige_gradient();
+        > h2 {
+            @include sous_titre_alt();
+            text-align: center;
+        }
+        h1 {
+            @include sous_titre_alt();
+            text-align: center;
+            margin-top: 3rem;
+            margin-bottom: 2rem;
+        }
+        > div {
+            height: 100%;
+            > div:not(.hidden) {
+                margin-top: 5vh !important;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                form {
+                    width: 95%;
+                    @media screen and (min-width: $breakpoint_desktop) {
+                        padding: 0 20vw;
+                    }
+                    font-family: 'Marianne', sans-serif;
+                    .form-item {
+                        margin: 1.8rem 0;
+                        .form-checkbox {
+                            width: 1rem;
+                            height: 1rem;
+                            -webkit-appearance: auto;
+                        }
+                        .form-required {
+                            font-weight: 800;
+                            padding-right: 1rem;
+                        }
+                        .description {
+                            margin-top: 0.3rem;
+                        }
+                    }
+                    input, textarea {
+                        margin-top: 0.5rem;
+                        border: solid 1px $teal;
+                    }
+                    .button {
+                        font-family: 'Marianne', sans-serif;
+                        font-weight: 800;
+                        border: solid 1px $teal;
+                        background-color: white;
+                        cursor: pointer;
+                    }
+                    .button:hover {
+                        background-color: rgba(255, 255, 255, 0.6);
+                    }
+                }
+            }
+        }
+    }
+}
+.user {
+    .contextual-region > div {
+        display: flex;
+        font-family: 'Marianne', sans-serif;
+        > h4 {
+            padding-right: 0.5rem;
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/partials/_header.scss b/web/themes/erabletheme/scss/partials/_header.scss
index 4c6c842..db022cd 100644
--- a/web/themes/erabletheme/scss/partials/_header.scss
+++ b/web/themes/erabletheme/scss/partials/_header.scss
@@ -23,7 +23,6 @@ body.toolbar-fixed header[role="banner"] {
             box-shadow: none;
         }
         > div {
-            height: 10vh;
             display: grid;
             grid-template-columns: repeat(16, 1fr);
             > div{
@@ -151,6 +150,9 @@ body.toolbar-fixed header[role="banner"] {
                     padding: 0;
                     align-items: center;
                     flex-direction: column;
+                    @media screen and (min-width: $breakpoint_desktop) {
+                        padding-top: 3rem;
+                    }
                     > li {
                         width: 100%;
                         display: flex;
@@ -224,45 +226,51 @@ body.toolbar-fixed header[role="banner"] {
                 }
                 ul.active {
                     padding: 30px 0;
+                    padding-top: 3rem;
                     max-height: 100vh;
                 }
             }
             #block-erabletheme-navigationprincipale {
-                display: none;
-                grid-column: 1 / 17;
-                grid-row: 2;
-                background-color: white;
-                box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-                @media (min-width: $breakpoint_desktop) {
-                    display: block;
+                margin-top: 0 !important;
+            }
+        }
+    }
+    #block-erabletheme-navigationprincipale {
+        position: fixed;
+        width: 100%;
+        margin-top: 10vh;
+        display: none;
+        grid-column: 1 / 17;
+        grid-row: 2;
+        background-color: white;
+        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
+        @media (min-width: $breakpoint_desktop) {
+            display: block;
+        }
+        ul {
+            width: 100%;
+            display: flex;
+            padding: 1rem 10vw;
+            justify-content: space-around;
+            border-top: solid 1px $dark_green;
+            li {
+                font-family: 'Marianne', sans-serif;
+                font-size: $m_font_size;
+                a {
+                    font-weight: 800;
+                    padding: 4px 6px;
+                    color: black;
+                    background-color: rgba(255, 255, 255, 0);
+                    transition: background-color 0.3s ease;
                 }
-                ul {
-                    width: 100%;
-                    display: flex;
-                    padding: 1rem 10vw;
-                    justify-content: space-around;
-                    border-top: solid 1px $dark_green;
-                    li {
-                        font-family: 'Marianne', sans-serif;
-                        font-size: $m_font_size;
-                        a {
-                            font-weight: 800;
-                            padding: 4px 6px;
-                            color: black;
-                            background-color: rgba(255, 255, 255, 0);
-                            transition: background-color 0.3s ease;
-                        }
-                        a:hover {
-                            background-color: $fluo_green;
-                        }
-                        a.is-active {
-                            background-color: $fluo_green;
-                        }
-                    }
+                a:hover {
+                    background-color: $fluo_green;
+                }
+                a.is-active {
+                    background-color: $fluo_green;
                 }
             }
         }
     }
+
 }
-
-
diff --git a/web/themes/erabletheme/scss/partials/_login.scss b/web/themes/erabletheme/scss/partials/_login.scss
deleted file mode 100644
index f82cd20..0000000
--- a/web/themes/erabletheme/scss/partials/_login.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-.login, .user {
-    width: 100vw;
-    height: 50vh;
-    @include beige_gradient();
-    padding-top: 15vh;
-    > h2 {
-        @include sous_titre_alt();
-        text-align: center;
-    }
-    > div {
-        height: 100%;
-        > div:not(.hidden) {
-          //  height: 100%;
-            margin-top: 5vh !important;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            form {
-                font-family: 'Marianne', sans-serif;
-                .form-item {
-                    margin: 1.8rem 0;
-                    .form-checkbox {
-                        width: 1rem;
-                        height: 1rem;
-                        -webkit-appearance: auto;
-                    }
-                    .form-required {
-                        font-weight: 800;
-                        padding-right: 1rem;
-                    }
-                    .description {
-                        margin-top: 0.3rem;
-                    }
-                }
-                input {
-                    border: solid 1px $teal;
-                }
-                .button {
-                    font-family: 'Marianne', sans-serif;
-                    font-weight: 800;
-                    border: solid 1px $teal;
-                    background-color: white;
-                    cursor: pointer;
-                }
-                .button:hover {
-                    background-color: rgba(255, 255, 255, 0.6);
-                }
-            }
-        }
-    }
-}
-
-.user {
-    .contextual-region > div {
-        display: flex;
-        font-family: 'Marianne', sans-serif;
-        > h4 {
-            padding-right: 0.5rem;
-        }
-    }
-}
\ No newline at end of file
diff --git a/web/themes/erabletheme/scss/styles.scss b/web/themes/erabletheme/scss/styles.scss
index 30f1f20..b10b448 100644
--- a/web/themes/erabletheme/scss/styles.scss
+++ b/web/themes/erabletheme/scss/styles.scss
@@ -13,11 +13,14 @@
 @import "partials/_articles";
 @import "partials/_articles_teaser";
 @import "partials/_ornements.scss";
-@import "partials/_login.scss";
+@import "partials/_forms.scss";
 
 /* PAGES */
 
 @import "_home.scss";
 @import "_fullpage.scss";
 @import "_gouvernance.scss";
-@import "_partenaires.scss";
\ No newline at end of file
+@import "_partenaires.scss";
+@import "_consultation.scss";
+@import "_meetup.scss";
+@import "_faq.scss";
\ No newline at end of file
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-description.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-description.html.twig
new file mode 100644
index 0000000..df99f43
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-description.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="offre-description">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-documents-complementaires.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-documents-complementaires.html.twig
new file mode 100644
index 0000000..6845f5c
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-documents-complementaires.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="file_fixed">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-lien-offre.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-lien-offre.html.twig
new file mode 100644
index 0000000..c1a2750
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-lien-offre.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="liens_fixed">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-localisation.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-localisation.html.twig
new file mode 100644
index 0000000..2c55666
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-localisation.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="offre-localisation">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-structure.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-structure.html.twig
new file mode 100644
index 0000000..d50bed4
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--field-structure.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="offre-structure">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--revision-timestamp.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--revision-timestamp.html.twig
new file mode 100644
index 0000000..312e31d
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--revision-timestamp.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="offre-time">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--title.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--title.html.twig
new file mode 100644
index 0000000..5c78ebf
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--entity-field--node--title.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }} class="offre-title">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--views-block--offre-candidat-block-1.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--views-block--offre-candidat-block-1.html.twig
new file mode 100644
index 0000000..2b8c545
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--views-block--offre-candidat-block-1.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="offre-nom">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/block--views-block--offre-candidat-block-2.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/block--views-block--offre-candidat-block-2.html.twig
new file mode 100644
index 0000000..5fc9a81
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/block--views-block--offre-candidat-block-2.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="offre-contact">
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
diff --git a/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig b/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig
new file mode 100644
index 0000000..d61b321
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/fiche/region--offre-meetup.html.twig
@@ -0,0 +1,43 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region <div>.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if content %}
+  <div class="ornements_top_under">
+      <div></div>
+      <div></div>
+  </div>
+  <div{{ attributes }} class="fullpage meetup-offre">
+    <div class="ornements_top_over">
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
+    <div class="ornements_bottom_over">
+        <div></div>
+        <div></div>
+    </div>
+
+    <div class="retour-meetup">
+        <a href="/meetup">← Retour à la liste des annonces</a>
+    </div>
+
+    <h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
+
+    <div class="offre-content">
+        {{ content }}
+    </div>
+  </div>
+{% endif %}
diff --git a/web/themes/erabletheme/templates/node/meetup/field--node--field-image-de-presentation--offre.html.twig b/web/themes/erabletheme/templates/node/meetup/field--node--field-image-de-presentation--offre.html.twig
new file mode 100644
index 0000000..34a8d44
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/field--node--field-image-de-presentation--offre.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% for item in items %}
+    {{ item.content }}
+{% endfor %}
\ No newline at end of file
diff --git a/web/themes/erabletheme/templates/node/meetup/field--node--field-localisation--offre.html.twig b/web/themes/erabletheme/templates/node/meetup/field--node--field-localisation--offre.html.twig
new file mode 100644
index 0000000..3157113
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/field--node--field-localisation--offre.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% for item in items %}
+    <p class="adresse">{{ item.content }}</p>
+{% endfor %}
\ No newline at end of file
diff --git a/web/themes/erabletheme/templates/node/meetup/field--node--field-structure--offre.html.twig b/web/themes/erabletheme/templates/node/meetup/field--node--field-structure--offre.html.twig
new file mode 100644
index 0000000..a206d3a
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/meetup/field--node--field-structure--offre.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+
+{% for item in items %}
+    <p class="occupation">{{ item.content }}</p>
+{% endfor %}
\ No newline at end of file
diff --git a/web/themes/erabletheme/templates/node/node--view--meetup.html.twig b/web/themes/erabletheme/templates/node/node--view--meetup.html.twig
new file mode 100644
index 0000000..02b612e
--- /dev/null
+++ b/web/themes/erabletheme/templates/node/node--view--meetup.html.twig
@@ -0,0 +1,79 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>
+        {{ content }}
+        <div class="date-offre">
+                <a href="{{ url }}"><p>Proposé le {{ date }}</p></a>
+                <p>→</p>
+        </div>
+        <a href="{{ url }}" class="author">{{ author_name }}</a>
+        <a href="{{ url }}" class="offre-title"><h2{{ title_attributes }}>{{ label }}</h2></a>
+</article>
diff --git a/web/themes/erabletheme/templates/page/page--user--1.html.twig b/web/themes/erabletheme/templates/page/page--user--1.html.twig
index b68e654..15f27cc 100644
--- a/web/themes/erabletheme/templates/page/page--user--1.html.twig
+++ b/web/themes/erabletheme/templates/page/page--user--1.html.twig
@@ -64,7 +64,7 @@
 
   {{ page.help }}
 
-  <main role="main">
+  <main role="main" class="main-user">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
     <div class="layout-content user">
diff --git a/web/themes/erabletheme/templates/page/page--user--contact.html.twig b/web/themes/erabletheme/templates/page/page--user--contact.html.twig
new file mode 100644
index 0000000..c61f988
--- /dev/null
+++ b/web/themes/erabletheme/templates/page/page--user--contact.html.twig
@@ -0,0 +1,102 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer_top: Items for the footer region.
+ * - page.footer_left: Items for the footer region.
+ * - page.footer_center: Items for the footer region.
+ * - page.footer_right: Items for the footer region.
+ * - page.footer_bottom: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+
+  <header role="banner">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main" class="main-contact">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content contact">
+        <h1>Contact</h1>
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+
+  <footer role="contentinfo">
+    <section id="footer_top">{{ page.footer_top }}</section>
+    <section id="footer_middle">
+      <section id="footer_left">{{ page.footer_left }}</section>
+      <div id="footer_section">
+        <section id="footer_center">{{ page.footer_center }}</section>
+        <section id="footer_right">{{ page.footer_right }}</section>
+      </div>
+    </section>
+    <section id="footer_bottom">{{ page.bottom }}</section>
+    
+  </footer>
+
+</div>{# /.layout-container #}
diff --git a/web/themes/erabletheme/templates/page/page--user--login-register.html.twig b/web/themes/erabletheme/templates/page/page--user--login-register.html.twig
new file mode 100644
index 0000000..e9a8632
--- /dev/null
+++ b/web/themes/erabletheme/templates/page/page--user--login-register.html.twig
@@ -0,0 +1,101 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer_top: Items for the footer region.
+ * - page.footer_left: Items for the footer region.
+ * - page.footer_center: Items for the footer region.
+ * - page.footer_right: Items for the footer region.
+ * - page.footer_bottom: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+
+  <header role="banner">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main" class="main-register">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content register">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+
+  <footer role="contentinfo">
+    <section id="footer_top">{{ page.footer_top }}</section>
+    <section id="footer_middle">
+      <section id="footer_left">{{ page.footer_left }}</section>
+      <div id="footer_section">
+        <section id="footer_center">{{ page.footer_center }}</section>
+        <section id="footer_right">{{ page.footer_right }}</section>
+      </div>
+    </section>
+    <section id="footer_bottom">{{ page.bottom }}</section>
+    
+  </footer>
+
+</div>{# /.layout-container #}
diff --git a/web/themes/erabletheme/templates/page/page--user--login.html.twig b/web/themes/erabletheme/templates/page/page--user--login.html.twig
index 02084d7..724d3d0 100644
--- a/web/themes/erabletheme/templates/page/page--user--login.html.twig
+++ b/web/themes/erabletheme/templates/page/page--user--login.html.twig
@@ -64,7 +64,7 @@
 
   {{ page.help }}
 
-  <main role="main">
+  <main role="main" class="main-login">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
     <div class="layout-content login">
diff --git a/web/themes/erabletheme/templates/page/page--user--register.html.twig b/web/themes/erabletheme/templates/page/page--user--register.html.twig
new file mode 100644
index 0000000..5c9c9ef
--- /dev/null
+++ b/web/themes/erabletheme/templates/page/page--user--register.html.twig
@@ -0,0 +1,103 @@
+{#
+    /**
+     * @file
+     * Default theme implementation to display a single page.
+     *
+     * The doctype, html, head and body tags are not in this template. Instead they
+     * can be found in the html.html.twig template in this directory.
+     *
+     * Available variables:
+     *
+     * General utility variables:
+     * - base_path: The base URL path of the Drupal installation. Will usually be
+     *   "/" unless you have installed Drupal in a sub-directory.
+     * - is_front: A flag indicating if the current page is the front page.
+     * - logged_in: A flag indicating if the user is registered and signed in.
+     * - is_admin: A flag indicating if the user has permission to access
+     *   administration pages.
+     *
+     * Site identity:
+     * - front_page: The URL of the front page. Use this instead of base_path when
+     *   linking to the front page. This includes the language domain or prefix.
+     *
+     * Page content (in order of occurrence in the default page.html.twig):
+     * - messages: Status and error messages. Should be displayed prominently.
+     * - node: Fully loaded node, if there is an automatically-loaded node
+     *   associated with the page and the node ID is the second argument in the
+     *   page's path (e.g. node/12345 and node/12345/revisions, but not
+     *   comment/reply/12345).
+     *
+     * Regions:
+     * - page.header: Items for the header region.
+     * - page.primary_menu: Items for the primary menu region.
+     * - page.secondary_menu: Items for the secondary menu region.
+     * - page.highlighted: Items for the highlighted content region.
+     * - page.help: Dynamic help text, mostly for admin pages.
+     * - page.content: The main content of the current page.
+     * - page.sidebar_first: Items for the first sidebar.
+     * - page.sidebar_second: Items for the second sidebar.
+     * - page.footer_top: Items for the footer region.
+     * - page.footer_left: Items for the footer region.
+     * - page.footer_center: Items for the footer region.
+     * - page.footer_right: Items for the footer region.
+     * - page.footer_bottom: Items for the footer region.
+     * - page.breadcrumb: Items for the breadcrumb region.
+     *
+     * @see template_preprocess_page()
+     * @see html.html.twig
+     *
+     * @ingroup themeable
+     */
+    #}
+    <div class="layout-container">
+    
+      <header role="banner">
+        {{ page.header }}
+      </header>
+    
+      {{ page.primary_menu }}
+      {{ page.secondary_menu }}
+    
+      {{ page.breadcrumb }}
+    
+      {{ page.highlighted }}
+    
+      {{ page.help }}
+    
+      <main role="main" class="main-register">
+        <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+    
+        <div class="layout-content register">
+          <h1>Créer un nouveau compte</h1>
+          {{ page.content }}
+        </div>{# /.layout-content #}
+    
+        {% if page.sidebar_first %}
+          <aside class="layout-sidebar-first" role="complementary">
+            {{ page.sidebar_first }}
+          </aside>
+        {% endif %}
+    
+        {% if page.sidebar_second %}
+          <aside class="layout-sidebar-second" role="complementary">
+            {{ page.sidebar_second }}
+          </aside>
+        {% endif %}
+    
+      </main>
+    
+      <footer role="contentinfo">
+        <section id="footer_top">{{ page.footer_top }}</section>
+        <section id="footer_middle">
+          <section id="footer_left">{{ page.footer_left }}</section>
+          <div id="footer_section">
+            <section id="footer_center">{{ page.footer_center }}</section>
+            <section id="footer_right">{{ page.footer_right }}</section>
+          </div>
+        </section>
+        <section id="footer_bottom">{{ page.bottom }}</section>
+        
+      </footer>
+    
+    </div>{# /.layout-container #}
+    
\ No newline at end of file
diff --git a/web/themes/erabletheme/templates/page/page--webform--une-question-.html.twig b/web/themes/erabletheme/templates/page/page--webform--une-question-.html.twig
new file mode 100644
index 0000000..ffa9643
--- /dev/null
+++ b/web/themes/erabletheme/templates/page/page--webform--une-question-.html.twig
@@ -0,0 +1,103 @@
+{#
+    /**
+     * @file
+     * Default theme implementation to display a single page.
+     *
+     * The doctype, html, head and body tags are not in this template. Instead they
+     * can be found in the html.html.twig template in this directory.
+     *
+     * Available variables:
+     *
+     * General utility variables:
+     * - base_path: The base URL path of the Drupal installation. Will usually be
+     *   "/" unless you have installed Drupal in a sub-directory.
+     * - is_front: A flag indicating if the current page is the front page.
+     * - logged_in: A flag indicating if the user is registered and signed in.
+     * - is_admin: A flag indicating if the user has permission to access
+     *   administration pages.
+     *
+     * Site identity:
+     * - front_page: The URL of the front page. Use this instead of base_path when
+     *   linking to the front page. This includes the language domain or prefix.
+     *
+     * Page content (in order of occurrence in the default page.html.twig):
+     * - messages: Status and error messages. Should be displayed prominently.
+     * - node: Fully loaded node, if there is an automatically-loaded node
+     *   associated with the page and the node ID is the second argument in the
+     *   page's path (e.g. node/12345 and node/12345/revisions, but not
+     *   comment/reply/12345).
+     *
+     * Regions:
+     * - page.header: Items for the header region.
+     * - page.primary_menu: Items for the primary menu region.
+     * - page.secondary_menu: Items for the secondary menu region.
+     * - page.highlighted: Items for the highlighted content region.
+     * - page.help: Dynamic help text, mostly for admin pages.
+     * - page.content: The main content of the current page.
+     * - page.sidebar_first: Items for the first sidebar.
+     * - page.sidebar_second: Items for the second sidebar.
+     * - page.footer_top: Items for the footer region.
+     * - page.footer_left: Items for the footer region.
+     * - page.footer_center: Items for the footer region.
+     * - page.footer_right: Items for the footer region.
+     * - page.footer_bottom: Items for the footer region.
+     * - page.breadcrumb: Items for the breadcrumb region.
+     *
+     * @see template_preprocess_page()
+     * @see html.html.twig
+     *
+     * @ingroup themeable
+     */
+    #}
+    <div class="layout-container">
+    
+      <header role="banner">
+        {{ page.header }}
+      </header>
+    
+      {{ page.primary_menu }}
+      {{ page.secondary_menu }}
+    
+      {{ page.breadcrumb }}
+    
+      {{ page.highlighted }}
+    
+      {{ page.help }}
+    
+      <main role="main" class="main-ask">
+        <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+    
+        <div class="layout-content ask">
+          <h1>Poser une question</h1>
+          {{ page.content }}
+        </div>{# /.layout-content #}
+    
+        {% if page.sidebar_first %}
+          <aside class="layout-sidebar-first" role="complementary">
+            {{ page.sidebar_first }}
+          </aside>
+        {% endif %}
+    
+        {% if page.sidebar_second %}
+          <aside class="layout-sidebar-second" role="complementary">
+            {{ page.sidebar_second }}
+          </aside>
+        {% endif %}
+    
+      </main>
+    
+      <footer role="contentinfo">
+        <section id="footer_top">{{ page.footer_top }}</section>
+        <section id="footer_middle">
+          <section id="footer_left">{{ page.footer_left }}</section>
+          <div id="footer_section">
+            <section id="footer_center">{{ page.footer_center }}</section>
+            <section id="footer_right">{{ page.footer_right }}</section>
+          </div>
+        </section>
+        <section id="footer_bottom">{{ page.bottom }}</section>
+        
+      </footer>
+    
+    </div>{# /.layout-container #}
+    
\ No newline at end of file
diff --git a/web/themes/erabletheme/templates/region--faq.html.twig b/web/themes/erabletheme/templates/region--faq.html.twig
new file mode 100644
index 0000000..e0f0435
--- /dev/null
+++ b/web/themes/erabletheme/templates/region--faq.html.twig
@@ -0,0 +1,35 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region <div>.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if content %}
+  <div class="ornements_top_under">
+      <div></div>
+      <div></div>
+  </div>
+  <div{{ attributes }} class="fullpage faq-fullpage">
+    <div class="ornements_top_over">
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
+    <div class="ornements_bottom_over">
+        <div></div>
+        <div></div>
+    </div>
+    <h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
+    {{ content }}
+  </div>
+{% endif %}
diff --git a/web/themes/erabletheme/templates/views-view--content-meetup.html.twig b/web/themes/erabletheme/templates/views-view--content-meetup.html.twig
new file mode 100644
index 0000000..97c666c
--- /dev/null
+++ b/web/themes/erabletheme/templates/views-view--content-meetup.html.twig
@@ -0,0 +1,77 @@
+{#
+/**
+ * @file
+ * Default theme implementation for main view template.
+ *
+ * Available variables:
+ * - attributes: Remaining HTML attributes for the element.
+ * - css_name: A CSS-safe version of the view name.
+ * - css_class: The user-specified classes names, if any.
+ * - header: The optional header.
+ * - footer: The optional footer.
+ * - rows: The results of the view query, if any.
+ * - empty: The content to display if there are no rows.
+ * - pager: The optional pager next/prev links to display.
+ * - exposed: Exposed widget form/info to display.
+ * - feed_icons: Optional feed icons to display.
+ * - more: An optional link to the next page of results.
+ * - title: Title of the view, only used when displaying in the admin preview.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the view title.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the view title.
+ * - attachment_before: An optional attachment view to be displayed before the
+ *   view content.
+ * - attachment_after: An optional attachment view to be displayed after the
+ *   view content.
+ * - dom_id: Unique id for every view being printed to give unique class for
+ *   JavaScript.
+ *
+ * @see template_preprocess_views_view()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    dom_id ? 'js-view-dom-id-' ~ dom_id,
+  ]
+%}
+<div class="ornements_top_under">
+  <div></div>
+  <div></div>
+</div>
+<div{{ attributes.addClass(classes).addClass('fullpage', 'meetup') }}>
+  <div class="ornements_top_over">
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+  <div class="ornements_bottom_over">
+    <div></div>
+    <div></div>
+  </div>
+  <h2>
+    {{ view_array['#title']['#markup'] }}
+  </h2>
+
+    {% if header %}
+      <header>
+        {{ header }}
+      </header>
+    {% endif %}
+
+    {{ exposed }}
+    {{ attachment_before }}
+   <div class="meetup_list">
+      {% if rows -%}
+        {{ rows }}
+      {% elseif empty -%}
+        {{ empty }}
+      {% endif %}
+      {{ pager }}
+    </div>
+
+    {{ attachment_after }}
+    {{ more }}
+</div>