taille infos personnes

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

@@ -895,10 +895,10 @@ ul.pagination {
     width: 100%; } }
 
 .after-h1 .test {
-  animation: anim 2.5s 1 normal ease-in-out forwards; }
+  animation: anim 1.2s 1 normal ease-in-out forwards; }
 
 .after-h1 .souligne {
-  animation: glissement 2.5s 1 normal ease-in-out forwards; }
+  animation: glissement 1.2s 1 normal ease-in-out forwards; }
 
 .programmes {
   display: flex;
@@ -954,6 +954,16 @@ ul.pagination {
 .texte-cache.ouvert {
   max-height: 100vh;
   /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/ }
+  .texte-cache.ouvert .bouton-ouverture {
+    position: relative;
+    justify-content: center;
+    cursor: pointer;
+    border: solid;
+    background-color: transparent;
+    text-transform: uppercase;
+    left: 45%;
+    margin-top: 3rem;
+    margin-bottom: 5rem; }
 
 /*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
 .texte-cache:not(.ouvert)::after {
@@ -963,6 +973,16 @@ ul.pagination {
   bottom: 0;
   left: 0;
   right: 0; }
+  .texte-cache:not(.ouvert)::after .bouton-ouverture {
+    position: relative;
+    justify-content: center;
+    cursor: pointer;
+    border: solid;
+    background-color: transparent;
+    text-transform: uppercase;
+    left: 45%;
+    margin-top: 3rem;
+    margin-bottom: 5rem; }
 
 .bouton-ouverture {
   position: relative;
@@ -1028,7 +1048,7 @@ ul.pagination {
           flex-direction: column;
           font-family: "Sarabun", sans-serif;
           width: 50%;
-          height: 26rem;
+          height: 23rem;
           min-width: 15rem; }
           .mozaique_personnes .equipe .personne .mozaique .info h5 {
             font-weight: 900;
@@ -1036,16 +1056,16 @@ ul.pagination {
             margin: 0;
             padding-top: 1rem;
             padding-right: 1rem;
-            padding-left: 1rem; }
+            padding-left: 1.3rem; }
           .mozaique_personnes .equipe .personne .mozaique .info h6 {
             font-weight: 300;
-            font-size: 1.1rem;
+            font-size: 1rem;
             font-style: italic;
             line-height: 1.5;
             margin: 0;
-            padding-right: 1rem;
-            padding-bottom: 1rem;
-            padding-left: 1rem; }
+            padding-right: 1.2rem;
+            padding-bottom: 1.2rem;
+            padding-left: 1.3rem; }
           .mozaique_personnes .equipe .personne .mozaique .info:hover {
             background-color: #000;
             color: #fff;
@@ -1070,6 +1090,13 @@ ul.pagination {
 
 .modal.open {
   display: block; }
+  .modal.open .bouton {
+    border: solid;
+    background-color: transparent;
+    text-transform: uppercase;
+    align-self: flex-end;
+    margin: auto;
+    margin-bottom: 2rem; }
 
 .modal .container {
   position: absolute;