affinage style event

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

@@ -1247,7 +1247,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
       line-height: 2,5rem;
       background: #fff;
       width: 4rem;
-      height: 5rem;
+      height: 2rem;
       border-radius: 3px;
       display: inline-block;
       text-align: top; }
@@ -1325,6 +1325,31 @@ button:focus {
 
 .event .callout {
   filter: opacity(1); }
+  .event .callout h2 {
+    font-family: "Sarabun Light";
+    font-weight: 100 !important;
+    font-size: 1.8rem;
+    line-height: 1.2;
+    text-transform: uppercase;
+    margin: 0; }
+  .event .callout .titre_bsn {
+    position: relative; }
+    .event .callout .titre_bsn #explog {
+      position: absolute;
+      right: 100%;
+      top: 25%;
+      max-width: 30%; }
+    .event .callout .titre_bsn .text-titre-event h1 {
+      text-transform: uppercase;
+      line-height: 1 !important;
+      margin-bottom: 0.5rem !important; }
+    .event .callout .titre_bsn .text-titre-event .sous-titre {
+      margin-top: 1rem; }
+
+h1 {
+  text-transform: uppercase;
+  line-height: 1 !important;
+  margin-bottom: 0.5rem !important; }
 
 .presentation-event {
   display: flex;
@@ -1334,13 +1359,31 @@ 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; }
-
-.event .titre_bsn h1 {
-  text-transform: uppercase; }
+  .presentation-event p {
+    font-size: 1.2rem;
+    line-height: 1.5;
+    margin: 1rem; }
+  .presentation-event .boutons-event {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    display: flex;
+    flex-direction: column; }
+    .presentation-event .boutons-event .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; }
 
 .intervenant {
   background-color: #d9d9d9;
@@ -1463,6 +1506,9 @@ button:focus {
     display: flex;
     padding: 2rem; }
 
+.event #new-footer {
+  border-top: solid 5px #d9d9d9; }
+
 .modular.header-image #header {
   background-color: rgba(255, 255, 255, 0);
   box-shadow: none; }