page evenement

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

@@ -1060,7 +1060,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   padding-top: 2rem; }
 
 .mozaique_personnes {
-  background-color: #d5d2d1;
+  background-color: #d9d9d9;
   padding-bottom: 10rem; }
   .mozaique_personnes .equipe {
     display: flex !important;
@@ -1323,6 +1323,132 @@ button:focus {
   outline-style: auto;
   outline-width: 0px; }
 
+.event .callout {
+  filter: opacity(1); }
+
+.presentation-event {
+  display: flex;
+  flex-direction: column;
+  margin: auto;
+  width: 80%;
+  height: auto;
+  background-color: white;
+  color: #000;
+  padding: 5em; }
+
+.event .titre_bsn h1 {
+  text-transform: uppercase; }
+
+.intervenant {
+  background-color: #d9d9d9;
+  color: #000;
+  text-transform: uppercase;
+  padding-bottom: 6rem;
+  padding-top: 2rem; }
+
+.equipe-event {
+  display: flex !important;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+  padding-left: 10%;
+  padding-right: 15%;
+  margin: auto;
+  justify-items: center; }
+  @media (max-width: 442px) {
+    .equipe-event {
+      width: 100%;
+      padding-left: 3%;
+      padding-right: 2%; } }
+  .equipe-event h3 {
+    padding-top: 3rem;
+    min-width: 100%;
+    font-family: "Sarabun", sans-serif;
+    text-transform: uppercase;
+    font-weight: 400;
+    font-size: 1rem;
+    line-height: 20px;
+    text-align: left; }
+    @media (max-width: 442px) {
+      .equipe-event h3 {
+        font-size: 0.9rem;
+        padding-right: 0.5rem; } }
+  .equipe-event .personne {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding-right: 0.5rem;
+    padding-bottom: 0.5rem; }
+    .equipe-event .personne .mozaique {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      max-width: 30rem;
+      min-width: 30rem; }
+      @media (max-width: 442px) {
+        .equipe-event .personne .mozaique {
+          max-width: 21rem;
+          min-width: 21rem; } }
+      .equipe-event .personne .mozaique .photo {
+        overflow: hidden;
+        width: 10rem !important;
+        height: 10rem !important; }
+        .equipe-event .personne .mozaique .photo img {
+          object-fit: cover;
+          width: 100%;
+          height: 100%; }
+      .equipe-event .personne .mozaique .info {
+        display: flex;
+        flex-direction: column;
+        font-family: "Sarabun", sans-serif;
+        width: 50%;
+        height: 15rem;
+        min-width: 15rem;
+        padding-left: 1.3rem; }
+        @media (max-width: 442px) {
+          .equipe-event .personne .mozaique .info {
+            max-width: 11rem;
+            min-width: 11rem; } }
+        .equipe-event .personne .mozaique .info .nom {
+          display: flex;
+          direction: row; }
+          .equipe-event .personne .mozaique .info .nom h5 {
+            padding-right: 0.4em !important; }
+        .equipe-event .personne .mozaique .info h5 {
+          font-weight: 900;
+          font-size: 1.1rem;
+          margin: 0;
+          padding-top: 0.8rem;
+          padding-right: 1rem; }
+          @media (max-width: 442px) {
+            .equipe-event .personne .mozaique .info h5 {
+              font-size: 0.9rem;
+              padding-left: 0.8rem;
+              padding-right: 0.6rem; } }
+        .equipe-event .personne .mozaique .info h6 {
+          font-weight: 300;
+          font-size: 0.9rem;
+          font-style: italic;
+          line-height: 1.3;
+          margin: 0;
+          padding-right: 1.2rem; }
+          @media (max-width: 442px) {
+            .equipe-event .personne .mozaique .info h6 {
+              padding-left: 0.8rem;
+              font-size: 0.75rem;
+              padding-right: 0.6rem; } }
+
+.partenaires {
+  background-color: #d9d9d9;
+  height: auto;
+  padding-bottom: 6rem;
+  margin-top: 0 !important; }
+  .partenaires h1 {
+    margin-top: 0 !important; }
+  .partenaires .grille {
+    display: flex;
+    direction: row; }
+
 .modular.header-image #header {
   background-color: rgba(255, 255, 255, 0);
   box-shadow: none; }