diff --git a/user/themes/epau-antimatter/css-compiled/template.css b/user/themes/epau-antimatter/css-compiled/template.css
index 2dc6f83..08456a5 100644
--- a/user/themes/epau-antimatter/css-compiled/template.css
+++ b/user/themes/epau-antimatter/css-compiled/template.css
@@ -1028,7 +1028,7 @@ ul.pagination {
           flex-direction: column;
           font-family: "Sarabun", sans-serif;
           width: 50%;
-          height: 30rem;
+          height: 26rem;
           min-width: 15rem; }
           .mozaique_personnes .equipe .personne .mozaique .info h5 {
             font-weight: 900;
@@ -1041,6 +1041,7 @@ ul.pagination {
             font-weight: 300;
             font-size: 1.1rem;
             font-style: italic;
+            line-height: 1.5;
             margin: 0;
             padding-right: 1rem;
             padding-bottom: 1rem;
diff --git a/user/themes/epau-antimatter/js/antimatter.js b/user/themes/epau-antimatter/js/antimatter.js
index 257b39e..5257f1f 100644
--- a/user/themes/epau-antimatter/js/antimatter.js
+++ b/user/themes/epau-antimatter/js/antimatter.js
@@ -40,6 +40,16 @@ jQuery(document).ready(function($){
     }
   	});
 
+// // souligne apparait on scrollLock
+//     $(function () {
+//       var element = $("#triggerOnScroll");
+//       $(window).scroll(function () {
+//         if($(window).scrollTop() > 0) {
+//           element.addClass("animateMe");
+//         }
+//
+//       });
+
 
 // jQuery('.your-class-here').one('inview', function (event, visible) {
 //     if (visible == true) {
diff --git a/user/themes/epau-antimatter/scss/template/_custom.scss b/user/themes/epau-antimatter/scss/template/_custom.scss
index c7844b5..e6d8639 100644
--- a/user/themes/epau-antimatter/scss/template/_custom.scss
+++ b/user/themes/epau-antimatter/scss/template/_custom.scss
@@ -144,7 +144,6 @@
 
 @keyframes anim {
   0% {width: 0%;}
-
   100% {width: 100%;}
 }
 
@@ -169,7 +168,17 @@
     animation: glissement 2.5s 1 normal ease-in-out forwards;
   }
 }
-
+//
+// .after-h1 {
+//   .test {
+//     // opacity: 0;
+//     // transition: opacity 1s ease-in-out;
+//     animation: anim 2.5s 1 normal ease-in-out forwards;
+//   }
+//   .animateMe {
+//     animation: glissement 2.5s 1 normal ease-in-out forwards;
+//   }
+// }
 
 
 
@@ -419,7 +428,7 @@
           flex-direction: column;
           font-family: $font-family-default;
           width: 50%;
-          height: 30rem;
+          height: 26rem;
           min-width: 15rem;
 
           h5 {
@@ -434,6 +443,7 @@
            font-weight: 300;
            font-size: 1.1rem;
            font-style: italic;
+           line-height: 1.5;
            margin: 0;
            padding-right: 1rem;
            padding-bottom: 1rem;
@@ -588,8 +598,8 @@
         min-height: 4rem;
         max-height: 4rem;
         padding-right: 1rem;
-
       }
+      
     }
     .contact {
       display: flex;
diff --git a/user/themes/epau-antimatter/templates/modular/accueil.html.twig b/user/themes/epau-antimatter/templates/modular/accueil.html.twig
index e617529..2cbd21b 100644
--- a/user/themes/epau-antimatter/templates/modular/accueil.html.twig
+++ b/user/themes/epau-antimatter/templates/modular/accueil.html.twig
@@ -26,7 +26,7 @@
 
   <h1>EPAU</h1>
 
-  <div class="souligne" >
+  <div id="triggerOnScroll" class="souligne " >
     <svg width="100%" height="0.5rem">
      <rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
    </svg>
diff --git a/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig b/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig
index 34b259f..ff8e0ac 100644
--- a/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig
+++ b/user/themes/epau-antimatter/templates/modular/gouvernance.html.twig
@@ -5,7 +5,7 @@
 
     <h1>Gouvernance</h1>
 
-    <div class="souligne" >
+    <div id="triggerOnScroll" class="souligne">
       <svg width="100%" height="0.5rem">
        <rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
      </svg>