page evenement

2021-10-01 15:05:41 +02:00
parent a5073396ea
commit 9494467cc2
1307 changed files with 5140 additions and 962 deletions
@@ -382,7 +382,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 }

 .mozaique_personnes {
-  background-color: #d5d2d1;
+  background-color: #d9d9d9;
  padding-bottom: 10rem;


@@ -790,3 +790,187 @@ button:focus {
      outline-style: auto;
      outline-width: 0px;
 }
+
+
+// CSS page evenement
+
+.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;
+}
+
+// .event .equipe .info{
+//   background-color: red;
+// }
+
+  .equipe-event {
+    display: flex !important;
+    flex-direction: row;
+    flex-wrap: wrap;
+    // margin-left: 15%;
+    // padding-right: 15%;
+    width: 100%;
+    padding-left: 10%;
+    padding-right: 15%;
+    margin: auto;
+    justify-items: center;
+    @media (max-width: 442px) {
+      width: 100%;
+      padding-left: 3%;
+      padding-right: 2%;
+
+    }
+
+    h3 {
+      // display: flex;
+      // flex-grow: 1;
+      padding-top: 3rem;
+      // padding-left: 15%;
+      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) {
+        font-size: 0.9rem;
+        padding-right: 0.5rem;
+      }
+    }
+
+    .personne {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      // width: 50%;
+
+      padding-right: 0.5rem;
+      padding-bottom: 0.5rem;
+
+
+      .mozaique {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+        max-width: 30rem;
+        min-width: 30rem;
+        @media (max-width: 442px) {
+          max-width: 21rem;
+          min-width: 21rem;
+
+        }
+
+        .photo {
+          // min-width: 10rem;
+          // min-height: 10rem;
+
+          // max-width:50% !important;
+          overflow: hidden;
+          width: 10rem !important;
+          height: 10rem !important;
+          // object-fit: cover;
+          // background-size: cover;
+
+          img {
+              // maxwidth: 15rem !important;
+              // height: 15rem !important;
+              object-fit: cover;
+              width: 100%;
+              height: 100%;
+
+          }
+
+        }
+
+        .info {
+          // background-color: #fff;
+          display:flex;
+          flex-direction: column;
+          font-family: $font-family-default;
+          width: 50%;
+          height: 15rem;
+          min-width: 15rem;
+          padding-left: 1.3rem;
+          @media (max-width: 442px) {
+            max-width: 11rem;
+            min-width: 11rem;
+          }
+          .nom {
+            display: flex;
+            direction: row;
+            h5{
+              padding-right: 0.4em !important;
+            }
+          }
+          h5 {
+           font-weight: 900;
+           font-size: 1.1rem;
+           margin: 0;
+           padding-top: 0.8rem;
+           padding-right: 1rem;
+          //  padding-left: 1.3rem;
+           @media (max-width: 442px) {
+           font-size: 0.9rem;
+           padding-left: 0.8rem;
+           padding-right: 0.6rem;
+           }
+          
+         }
+         h6 {
+           font-weight: 300;
+           font-size: 0.9rem;
+           font-style: italic;
+           line-height: 1.3;
+           margin: 0;
+           padding-right: 1.2rem;
+           // padding-bottom: 1rem;
+          //  padding-left: 1.3rem;
+           @media (max-width: 442px) {
+              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;
+  h1{
+    margin-top: 0 !important;
+  }
+  .grille{
+    display:flex;
+    direction: row;
+  }
+
+}