slide & contact

user/themes/epau-antimatter/css-compiled/template.css

@@ -43,7 +43,7 @@ b, strong, label, th {
 
 #body {
   background: #fff;
-  padding-top: 8rem;
+  padding-top: 5rem;
   padding-bottom: 11rem; }
 
 .left {
@@ -889,7 +889,8 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     padding-right: 2rem; } }
 
 .callout {
-  background-color: rgba(255, 255, 255, 0.5);
+  position: relative;
+  z-index: 1;
   padding-top: 0.5rem;
   padding-right: 0rem !important;
   padding-left: 0rem !important; }
@@ -950,8 +951,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .programmes {
   display: flex;
   flex-wrap: wrap;
-  background-color: #d5d2d1;
-  z-index: -1;
   justify-content: center;
   padding-left: 15%;
   padding-right: 15%;
@@ -1052,7 +1051,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       display: none; } }
 
 .gouvernance {
-  background-color: #000;
+  background-color: #333333;
   color: #ffffff;
   text-transform: uppercase;
   padding-bottom: 6rem;

user/themes/epau-antimatter/scss/template/_core.scss

@@ -23,7 +23,9 @@ b, strong {
 // Global Container
 #container {
  	min-height: 100%;
-  	position: relative;
+
+  position: relative;
+
 }
 
 // Fullwidth styles
@@ -43,7 +45,8 @@ b, strong {
 	@extend .padding-horiz;
 
 	background: $page-bg;
-	padding-top: $header-height + $padding-vert;
+	padding-top: $header-height;
+	// padding-top: $header-height + $padding-vert;
 	padding-bottom: $footer-height + $padding-vert + 2rem;
 }
 

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -17,13 +17,19 @@
 
 #body > script:first-child + .grav-lightslider {
   margin-top: -3rem;
+
 }
 
+
 #sb-site{
   background: none !important;
 
   #body{
+    // min-height: 100vh;
+    // display: flex;
+    // flex-direction: column;
     background: none !important;
+
     padding-bottom: 2rem !important;
     font-family: "Sarabun", sans-serif !important;
     p:empty { display:none; }
@@ -146,21 +152,25 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 //   }
 
 .callout {
-    background-color: rgba(255, 255, 255, 0.5);
-    padding-top: 0.5rem;
-    padding-right: 0rem !important;
-    padding-left: 0rem !important;
-    h1, h2, h3, p {
-      text-align: left !important;
-    }
-    h2 {
-      text-transform: capitalize;
-      font-weight: 300;
-      font-size: 1rem;
-    }
+  position: relative;
+  z-index: 1;
+  padding-top: 0.5rem;
+  padding-right: 0rem !important;
+  padding-left: 0rem !important;
+  h1, h2, h3, p {
+    text-align: left !important;
+  }
+  h2 {
+    text-transform: capitalize;
+    font-weight: 300;
+    font-size: 1rem;
+  }
 }
 
+
 .titre_nsb {
+  // position: relative;
+  // top: -440px;
     display: block;
     margin-right: 52%;
 
@@ -226,49 +236,54 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }
 
 
-
-
 .programmes {
+  // position: relative;
+  // min-height:cover;
+  //
+  // // background-size: contain;
+  // top: -440px;
   display: flex;
   flex-wrap: wrap;
-  background-color: #d5d2d1;
-  z-index: -1;
   justify-content: center;
   padding-left: 15%;
   padding-right: 15%;
-
   padding-top: 8rem;
+  // padding-bottom: 40rem;
   padding-bottom: 8rem;
 }
 
 .parallax-window {
     background: transparent;
+    // // background-size: contain;
+    //   height: 300vh;
+    // width: 100%;
+
 }
 
 .parallax-mirror {
   top: -80px;
+  // height: auto;
+
+
 }
 
-.programme {
 
+.programme {
+  // position: relative;
+  // top: 440px;
   z-index: 1;
   max-width: 35%;
   min-width: 26rem;
   padding: 1.5rem;
   background-color: white;
   margin: 0.4rem;
-
-
     h4 {
       text-transform: uppercase;
       line-height: 1.2;
-
     }
-
     img {
       max-height: 4rem;
     }
-
     p {
       font-family: $font-family-default;
       font-weight: 500;
@@ -284,17 +299,20 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .programme:hover {
   background-color: #000;
   transition:0.2s ease-in-out;
-
   p {
     color: #fff;
   }
-
   h4 {
     color: #fff;
   }
 }
 
 
+// #ressources {
+//   position: relative;
+//   top: -440px;
+// }
+
 /*CSS pour afficher/masquer un texte via un bouton*/
 
 /*Style du module TEXTE*/
@@ -363,7 +381,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }
 
 .gouvernance {
-  background-color: #000;
+  background-color: hsl(0,0%,20%);
   color: #ffffff;
   text-transform: uppercase;
   padding-bottom: 6rem;

user/themes/epau-antimatter/scss/template/modular/_features.scss

@@ -7,7 +7,8 @@
   }
 
     .features {
-
+      // position: relative;
+      // top: -440px;
         width: 75%;
         margin: auto;
 

user/themes/epau-antimatter/scss/template/modular/_text.scss

@@ -7,7 +7,7 @@ $image-margin:      2rem;
 // styling
 .callout {
     background: $text-bg;
-    // filter:opacity(0.2);
+    // filter:opacity(0.7);
     color: #fff;
     padding: $text-padding $content-padding;
     @include breakpoint(desktop-only) {

user/themes/epau-antimatter/templates/modular/programmes.html.twig

@@ -2,18 +2,10 @@
 <div
   class="programmes{{ page.header.class}} parallax-window"
   data-parallax="scroll"
-  data-image-src="{{ url('theme://images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg') }}">
+  data-image-src="{{ url('theme://images/04_photo_ AE_PlanDAou_36.jpg') }}">
 <!-- <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> -->
 
 
-<!-- <div class="images-background parallax parallax-window" data-parallax="scroll">
-
-    <img id="photo1" src="/user/themes/epau-antimatter/images/14360_default_big.jpg" alt="photo 1" />
-    <img id="photo2" src="/user/themes/epau-antimatter/images/10361_web_01.jpg" alt="photo 2" />
-    <img id="photo3" src="/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG" alt="photo 3" />
-    <img id="photo4" src="/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg" alt="photo 4" />
- </div>  -->
-
     {{ content|raw }}
 
     {% for programme in page.header.programmes %}

user/themes/epau-antimatter/templates/modular/text.html.twig

@@ -19,8 +19,8 @@
               <h6>CONTACT :</h6>
 
               <p>Fabienne.Dran@developpement-durable.gouv.fr</br>
-                +33 (0)1 40 81 9327</br>
-                +33 (0)7 86 5033 31.</p>
+                +33 (0)1 40 81 93 27</br>
+                +33 (0)7 86 50 33 31</p>
 
           </div>
       </div>