affinage style event

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

@@ -674,7 +674,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       line-height: 2,5rem;
       background: #fff;
       width: 4rem;
-      height: 5rem;
+      height: 2rem;
       border-radius: $border-radius;
       display: inline-block;
       text-align: top;
@@ -794,11 +794,49 @@ button:focus {
 
 // CSS page evenement
 
-.event .callout{
-  filter:opacity(1);
+.event{
+  .callout{
+    filter:opacity(1);
+    h2 {
+      font-family: "Sarabun Light";
+      font-weight: 100 !important;
+      font-size:1.8rem;
+      line-height: 1.2;
+      text-transform: uppercase;
+      margin:0 ;
+    }
+
+    .titre_bsn {
+      position: relative;
+      #explog{
+        position: absolute;
+        right: 100%;
+        top: 25%;
+        max-width:30%;
+      }
+      .text-titre-event{
+        h1{
+        text-transform: uppercase;
+        line-height:1 !important;
+        margin-bottom: 0.5rem !important;
+        }
+        .sous-titre{
+          margin-top: 1rem;
+        }
+      }
+    }
+
+  } 
+
 }
 
 
+h1{
+  text-transform: uppercase;
+  line-height:1 !important;
+  margin-bottom: 0.5rem !important;
+  }
+
 .presentation-event{
   display: flex;
   flex-direction: column;
@@ -807,17 +845,38 @@ button:focus {
   height:auto;
   background-color: white;
   color: #000;
+  padding-top: 1.5rem;
   padding-left: 2em;
   padding-right: 2em;
   margin-top: 6rem;
+  margin-bottom: 6rem;
   text-align: left;
+  p{
+    font-size: 1.2rem;
+    line-height: 1.5;
+    margin: 1rem;
+  }
+  .boutons-event {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    display: flex;
+    flex-direction: column;
+    .bouton {
+      border: solid !important;
+      background-color: transparent;
+      border-radius: 0px !important;
+      text-transform: uppercase;
+      align-self: flex-end;
+      margin:auto;
+      margin-bottom: 0.8rem !important;
+      font-size: 0.7rem;
+      padding: 2px 10px;
+    }
+  }
 }
 
 
 
-.event .titre_bsn h1{
-  text-transform: uppercase;
-}
 
 .intervenant{
   background-color: #d9d9d9;
@@ -825,7 +884,6 @@ button:focus {
   text-transform: uppercase;
   padding-bottom: 2rem;
   padding-top: 2rem;
-
 }
 
 
@@ -990,6 +1048,7 @@ button:focus {
   // padding-left: 3rem;
   // padding-right: 6rem;
   flex-wrap: wrap;
+
   p{
     display: flex;
     margin: auto;
@@ -1000,4 +1059,8 @@ button:focus {
     padding: 2rem;
 
   }
-}
+}
+
+.event #new-footer{
+  border-top:solid 5px #d9d9d9;
+}

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

@@ -22,8 +22,10 @@
         padding-top: 4rem;
         padding-bottom: 4rem;
         background-color: #666;
-        background-size: cover;
+        background-size:cover;
         background-position: center;
+        // background-repeat: no-repeat;
+        
 
         text-align: center;
         color: $header-text;