divers fix

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

@@ -876,8 +876,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     padding-left: 0 !important;
     padding-right: 0rem !important; }
   #header #logo {
-    position: absolute;
-    left: -2rem; }
+    position: absolute; }
   #logo img {
     height: 3rem;
     margin-left: 1rem; } }
@@ -890,14 +889,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     padding-right: 2rem; } }
 
 .callout {
-  padding-top: 0.5rem; }
-
-.callout h1, h2, h3, p {
-  text-align: left !important; }
-
-.callout {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding-top: 0.5rem;
   padding-right: 0rem !important;
   padding-left: 0rem !important; }
+  .callout h1, .callout h2, .callout h3, .callout p {
+    text-align: left !important; }
   .callout h2 {
     text-transform: capitalize;
     font-weight: 300;
@@ -924,6 +921,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     text-align: left;
     margin-bottom: 0rem !important; }
   .titre_bsn p {
+    text-transform: uppercase;
     padding-right: 15%; }
   @media (max-width: 442px) {
     .titre_bsn h1 {
@@ -1049,6 +1047,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   text-transform: uppercase;
   left: 45%;
   margin-bottom: 2rem !important; }
+  @media (min-width: 768px) {
+    .bouton-ouverture {
+      display: none; } }
 
 .gouvernance {
   background-color: #000;
@@ -1256,17 +1257,14 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       flex-direction: row;
       width: 65%;
       align-items: center;
-      margin-left: 3rem; }
-      #new-footer .footer .footer-logos p {
-        display: inline-flex; }
+      justify-content: center; }
       #new-footer .footer .footer-logos img {
         max-height: 4rem;
-        padding-right: 3rem; }
-    #new-footer .footer #new-footer .footer .footer-logos img:last-of-type {
-      height: 0.5rem !important; }
+        padding-right: 2rem; }
     #new-footer .footer .contact {
       display: flex;
       flex-direction: column;
+      min-width: 288px;
       width: 35%;
       padding-left: 1.5rem;
       margin-right: 2rem;
@@ -1292,15 +1290,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
         padding-top: 1rem;
         width: 80%; }
       #new-footer .footer .footer-logos {
-        width: 90%;
         margin-top: 1.5rem;
         margin-left: 0.5rem;
         flex-direction: column;
         justify-content: space-between; }
         #new-footer .footer .footer-logos img {
-          padding: 0.5rem; }
-          #new-footer .footer .footer-logos img:last-of-type {
-            padding: 0.8rem; } }
+          padding: 0.5rem; } }
   @media (max-width: 1024px) {
     #new-footer .footer .contact img {
       max-height: 1.5rem; }
@@ -1311,9 +1306,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     #new-footer .footer .contact svg {
       margin-bottom: 0.6rem; }
     #new-footer .footer .footer-logos img {
-      padding: 0.5rem; }
-      #new-footer .footer .footer-logos img:last-of-type {
-        padding: 0.8rem; } }
+      padding: 0.5rem; } }
 
 button:focus {
   border: solid !important;

user/themes/epau-antimatter/js/antimatter.js

@@ -26,6 +26,7 @@ jQuery(document).ready(function($){
       $('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS
     }
 
+
     // definir une règle si .texte-cache {max-height}<=.texte-cache.ouvert {max-height}, alors .bouton-ouverture { visible: hidden}
 
   	});

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

@@ -115,7 +115,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   }
   #header #logo {
     position: absolute;
-    left: -2rem;
+    // left: -2rem;
   }
   #logo img {
     height: 3rem;
@@ -135,29 +135,31 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   }
 }
 
-.callout {
-  padding-top: 0.5rem;
-
-}
+// .callout {
+//   padding-top: 0.5rem;
+//   // background-color: rgba(0, 0, 255, 0.1);
+//   // opacity: 0.2;
+// }
 
-.callout h1, h2, h3, p {
-  text-align: left !important;
-  }
+// .callout h1, h2, h3, p {
+//   text-align: left !important;
+//   }
 
 .callout {
+    background-color: rgba(255, 255, 255, 0.5);
+    padding-top: 0.5rem;
     padding-right: 0rem !important;
     padding-left: 0rem !important;
-
-    // h1 {
-    // margin-bottom: 0rem !important;
-    // }
+    h1, h2, h3, p {
+      text-align: left !important;
+    }
     h2 {
       text-transform: capitalize;
       font-weight: 300;
       font-size: 1rem;
     }
-
 }
+
 .titre_nsb {
     display: block;
     margin-right: 52%;
@@ -182,14 +184,13 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   display: block;
   margin-left: 40%;
   // padding-right: 15%;
-
     h1 {
       text-align: left;
       margin-bottom: 0rem !important;
       // padding-bottom: 3rem;
     }
-
     p {
+      text-transform: uppercase;
       padding-right: 15%;
     }
     @media (max-width: 442px) {
@@ -201,7 +202,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 @keyframes animate {
   0% {width: 0%;}
-
   100% {width: 100%;}
 }
 
@@ -218,8 +218,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }
 .after-h1 {
   .in-view-right {
-    // opacity: 0;
-    // transition: opacity 1s ease-in-out;
     animation: animate 1.2s 1 normal ease-in-out forwards;
   }
   .in-view {
@@ -231,14 +229,9 @@ 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%;
@@ -249,10 +242,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }
 
 .parallax-window {
-
     background: transparent;
-
 }
+
 .parallax-mirror {
   top: -80px;
 }
@@ -366,6 +358,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     left: 45%;
     // margin-top: 3rem;
     margin-bottom: 2rem !important;
+    @media (min-width: 768px) {display: none ;}
 
 }
 
@@ -684,17 +677,15 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
     .footer-logos {
       display: flex;
       flex-direction: row;
-      // flex-wrap: nowrap;
       width: 65%;
       align-items: center;
-      margin-left: 3rem;
+      justify-content: center;
       p {
-        display: inline-flex;
+        // display: inline-flex;
       }
       img {
-        // min-height: 4rem;
         max-height: 4rem;
-        padding-right: 3rem;
+        padding-right: 2rem;
         // &:last-of-type {
         //   // height: 3.25rem;
         //   padding-top: 0.30rem;
@@ -703,13 +694,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       }
     }
 
-    #new-footer .footer .footer-logos img:last-of-type {
-      height: 0.5rem !important;
-    }
+
     .contact {
 
       display: flex;
       flex-direction: column;
+      min-width: 288px;
       width: 35%;
 
       padding-left: 1.5rem;
@@ -743,29 +733,19 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
         width: 80%;
       }
       .footer-logos {
-        width: 90%;
+        // width: 90%;
         margin-top: 1.5rem;
         margin-left: 0.5rem;
         flex-direction: column;
         justify-content: space-between;
         img {
           padding:0.5rem;
-          &:last-of-type {
-            padding: 0.8rem;
-          }
         }
       }
     }
-    // .tothetop {
-    //   bottom: $footer-height + 28rem;
-    // }
-  }
-  @media (max-width: 768px) {
-    // .tothetop {
-    //   bottom: $footer-height + 10rem;
-    // }
   }
 
+
   @media (max-width: 1024px) {
     .footer {
       .contact {
@@ -777,18 +757,11 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       .footer-logos {
         img {
           padding: 0.5rem;
-          &:last-of-type {
-            padding: 0.8rem;
-          }
+
         }
       }
     }
-    // .tothetop {
-    //   bottom: $footer-height + 11rem;
-    // }
-
   }
-
 }
 
 

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

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