style page evenement

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

@@ -914,7 +914,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .titre_nsb {
   display: block;
-  margin-right: 52%; }
+  margin-right: 45%; }
   .titre_nsb h1 {
     margin-bottom: 0rem !important;
     text-align: right;
@@ -928,7 +928,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .titre_bsn {
   display: block;
-  margin-left: 40%; }
+  margin-left: 45%; }
   .titre_bsn h1 {
     text-align: left;
     margin-bottom: 0rem !important; }
@@ -1061,7 +1061,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .mozaique_personnes {
   background-color: #d9d9d9;
-  padding-bottom: 10rem; }
+  padding-bottom: 6rem; }
   .mozaique_personnes .equipe {
     display: flex !important;
     flex-direction: row;
@@ -1330,11 +1330,14 @@ button:focus {
   display: flex;
   flex-direction: column;
   margin: auto;
-  width: 80%;
+  width: 60%;
   height: auto;
   background-color: white;
   color: #000;
-  padding: 5em; }
+  padding-left: 2em;
+  padding-right: 2em;
+  margin-top: 6rem;
+  text-align: left; }
 
 .event .titre_bsn h1 {
   text-transform: uppercase; }
@@ -1343,7 +1346,7 @@ button:focus {
   background-color: #d9d9d9;
   color: #000;
   text-transform: uppercase;
-  padding-bottom: 6rem;
+  padding-bottom: 2rem;
   padding-top: 2rem; }
 
 .equipe-event {
@@ -1361,11 +1364,11 @@ button:focus {
       padding-left: 3%;
       padding-right: 2%; } }
   .equipe-event h3 {
-    padding-top: 3rem;
+    margin-bottom: 3rem;
     min-width: 100%;
-    font-family: "Sarabun", sans-serif;
+    font-family: "Sarabun Light", sans-serif;
     text-transform: uppercase;
-    font-weight: 400;
+    font-weight: 200;
     font-size: 1rem;
     line-height: 20px;
     text-align: left; }
@@ -1382,7 +1385,6 @@ button:focus {
     .equipe-event .personne .mozaique {
       display: flex;
       flex-direction: row;
-      justify-content: flex-end;
       max-width: 30rem;
       min-width: 30rem; }
       @media (max-width: 442px) {
@@ -1439,15 +1441,27 @@ button:focus {
               padding-right: 0.6rem; } }
 
 .partenaires {
-  background-color: #d9d9d9;
+  background-color: #fff;
   height: auto;
-  padding-bottom: 6rem;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
   margin-top: 0 !important; }
   .partenaires h1 {
     margin-top: 0 !important; }
-  .partenaires .grille {
+
+.grille {
+  background-color: #fff;
+  display: flex;
+  margin: auto;
+  padding-bottom: 8rem;
+  flex-wrap: wrap; }
+  .grille p {
     display: flex;
-    direction: row; }
+    margin: auto; }
+  .grille img {
+    height: 9rem;
+    display: flex;
+    padding: 2rem; }
 
 .modular.header-image #header {
   background-color: rgba(255, 255, 255, 0);

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

@@ -178,7 +178,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
   // position: relative;
   // top: -440px;
     display: block;
-    margin-right: 52%;
+    margin-right: 45%;
 
 
       h1 {
@@ -199,7 +199,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 .titre_bsn {
 
   display: block;
-  margin-left: 40%;
+  margin-left: 45%;
   // padding-right: 15%;
     h1 {
       text-align: left;
@@ -383,7 +383,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
 
 .mozaique_personnes {
   background-color: #d9d9d9;
-  padding-bottom: 10rem;
+  padding-bottom: 6rem;
 
 
 
@@ -803,13 +803,18 @@ button:focus {
   display: flex;
   flex-direction: column;
   margin: auto;
-  width: 80%;
+  width: 60%;
   height:auto;
   background-color: white;
   color: #000;
-  padding: 5em;
+  padding-left: 2em;
+  padding-right: 2em;
+  margin-top: 6rem;
+  text-align: left;
 }
 
+
+
 .event .titre_bsn h1{
   text-transform: uppercase;
 }
@@ -818,10 +823,13 @@ button:focus {
   background-color: #d9d9d9;
   color: #000;
   text-transform: uppercase;
-  padding-bottom: 6rem;
+  padding-bottom: 2rem;
   padding-top: 2rem;
+
 }
 
+
+
 // .event .equipe .info{
 //   background-color: red;
 // }
@@ -847,12 +855,13 @@ button:focus {
     h3 {
       // display: flex;
       // flex-grow: 1;
-      padding-top: 3rem;
+      // padding-top: 2rem;
       // padding-left: 15%;
+      margin-bottom: 3rem;
       min-width: 100%;
-      font-family: "Sarabun", sans-serif;
+      font-family: "Sarabun Light", sans-serif;
       text-transform: uppercase;
-      font-weight: 400;
+      font-weight: 200;
       font-size: 1rem;
       line-height: 20px;
       text-align: left;
@@ -875,7 +884,7 @@ button:focus {
       .mozaique {
         display: flex;
         flex-direction: row;
-        justify-content: flex-end;
+        // justify-content: flex-end;
         max-width: 30rem;
         min-width: 30rem;
         @media (max-width: 442px) {
@@ -961,16 +970,34 @@ button:focus {
     }
 
 .partenaires{
-  background-color: #d9d9d9;
+  background-color: #fff;
   height: auto;
-  padding-bottom: 6rem;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
+
   margin-top: 0 !important;
   h1{
     margin-top: 0 !important;
   }
-  .grille{
-    display:flex;
-    direction: row;
-  }
 
+}
+
+.grille{
+  background-color: #fff;
+  display: flex;
+  margin: auto;
+  padding-bottom: 8rem;
+  // padding-left: 3rem;
+  // padding-right: 6rem;
+  flex-wrap: wrap;
+  p{
+    display: flex;
+    margin: auto;
+  }
+  img{
+    height: 9rem;
+    display: flex;
+    padding: 2rem;
+
+  }
 }

user/themes/epau-antimatter/templates/modular/partenaires.html.twig

@@ -10,14 +10,13 @@
        <rect class="" width="100%" height="100%" style="fill:rgb(0,0,0)" />
      </svg>
     </div>
-    <!-- <p>Assemblée générale de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains</p> -->
+
+  </div>
+</div>
 
       <div class="grille">
       {{ page.content|raw }}
       </div>
-
-  </div>
-</div>
 <!-- <div class="mozaique_personnes">
 {% for module in page.collection() %}
     <div id="{{ _self.pageLinkName(module.menu) }}">