logo header

user/pages/01.home/01._accueil/text.md

@@ -10,4 +10,4 @@ debugger: true
 
 ## L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS
 
-Organisme de recherche et d’expérimentation opérant des programmes nationaux sous tutelles des Ministères en charge de l’architecture et de l’urbanisme, la Cité de l’architecture et du patrimoine et l’Association Europan France.
+Organisme national de recherche et d’expérimentation, sous la tutelle des Ministères en charge de l’architecture et de l’urbanisme, la Cité de l’Architecture et du Patrimoine et de l’Association Europan France

user/pages/01.home/04._gouvernance/02._membres-du-conseil-dadministration/personnes.md

@@ -1,7 +1,7 @@
 ---
 title: 'Membres du conseil d''administration'
 visible: true
-body_classes: 'modular-row personnes'
+body_classes: columns
 personnes:
     -
         nom: 'Jean-Baptiste Butlen'

user/pages/01.home/04._gouvernance/03._equipe-epau/equipe-epau.md

@@ -8,4 +8,4 @@ template: modular/equipe-epau
 body_classes: 'modular-row personnes'
 ---
 
-## Équipe EPAU
+### Équipe EPAU

user/pages/01.home/modular.md

@@ -14,6 +14,6 @@ content:
             - _ressources
             - _gouvernance
             - _contact
-media_order: 'EPAU_logo_EPAU_vecto-seul.svg,Republique-francaise-logo.svg,popsu.png'
+media_order: 'EPAU_logo_EPAU_vecto-seul.svg,Republique-francaise-logo-sans-text.svg'
 ---
 

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

@@ -816,11 +816,6 @@ ul.pagination {
 #body > script:first-child + .grav-lightslider {
   margin-top: -3rem; }
 
-.programme p {
-  font-family: "Sarabun", sans-serif;
-  font-weight: 500;
-  font-style: italic; }
-
 #header #navbar ul.navigation li a {
   font-family: "Sarabun", sans-serif;
   font-weight: 400;
@@ -835,6 +830,13 @@ ul.pagination {
   font-size: 0.95rem;
   transition: 0.6s ease-in-out; }
 
+#logo {
+  display: flex;
+  flex-direction: row; }
+
+#logo img {
+  padding: 1rem; }
+
 .callout {
   padding-top: 0.5rem; }
 
@@ -873,7 +875,12 @@ ul.pagination {
   text-transform: uppercase; }
 
 .programme img {
-  max-width: 30%; }
+  max-height: 15%; }
+
+.programme p {
+  font-family: "Sarabun", sans-serif;
+  font-weight: 500;
+  font-style: italic; }
 
 .programmes :hover {
   background-color: #000;
@@ -902,29 +909,53 @@ ul.pagination {
 
 .mozaique {
   display: flex;
-  justify-items: center;
+  flex-direction: row;
+  max-width: 65%;
+  align-items: stretch;
   position: relative;
   margin-right: 10%;
-  margin-left: 10%; }
+  margin-left: 15%;
+  height: auto; }
 
 .info {
   background-color: #fff;
   display: flex;
-  flex-direction: column; }
+  flex-direction: column;
+  font-family: "Sarabun", sans-serif; }
 
 .info:hover {
   background-color: #000;
-  color: #fff; }
+  color: #fff;
+  transition: 0.2s ease-in-out; }
 
-.portrait img {
+.info h5 {
+  font-weight: 900;
+  font-size: 1.3rem;
+  margin: 0;
+  padding-top: 1rem;
+  padding-left: 1rem; }
+
+.info h6 {
+  font-weight: 300;
+  font-size: 1.1rem;
+  font-style: italic;
+  margin: 0;
+  padding-left: 1rem;
+  padding-bottom: 1rem; }
+
+.portrait {
   max-width: 15rem !important;
   background: transparent !important; }
 
+.2columns {
+  max-width: 25%; }
+
 .bouton {
-  margin: 0 30rem;
   border: solid;
   background-color: transparent;
-  text-transform: uppercase; }
+  text-transform: uppercase;
+  align-self: flex-end;
+  margin-right: 2rem; }
 
 #modal {
   position: fixed;

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

@@ -16,11 +16,7 @@
   margin-top: -3rem;
 }
 
-.programme p {
-  font-family: $font-family-default;
-  font-weight: 500;
-  font-style: italic;
-}
+
 
 #header #navbar ul.navigation li a {
     font-family: "Sarabun", sans-serif;
@@ -42,6 +38,16 @@
 
   }
 
+#logo {
+    display: flex;
+    flex-direction: row;
+
+}
+
+#logo img {
+  padding: 1rem;
+}
+
 
 .callout {
   padding-top: 0.5rem;
@@ -56,12 +62,6 @@
   padding-bottom: 5rem;
 }
 
-// h2 {
-//   font-size: 30px;
-//   font-weight: lighter;
-//   line-height: 35px;
-// }
-
 .titre_bsn {
   display: block;
   margin-left: 40%;
@@ -87,8 +87,6 @@
   padding-bottom: 8rem;
 }
 
-
-
     .programme {
       max-width: 45%;
       padding: 1.5rem;
@@ -102,9 +100,13 @@
     }
 
     .programme img {
-      max-width: 30%;
+      max-height: 15%;
+    }
+    .programme p {
+      font-family: $font-family-default;
+      font-weight: 500;
+      font-style: italic;
     }
-
     .programmes :hover {
       background-color: #000;
       color: #ffffff;
@@ -192,49 +194,83 @@
       line-height: 20px;
     }
 
-        .mozaique {
-          // background-color: #fff;
-          display: flex;
 
-          justify-items: center;
-          position: relative;
-          margin-right: 10%;
-          // margin-bottom: 6rem;
-          margin-left: 10%;
-        }
 
-        // .mozaique :hover {
-        //   background-color: #000;
-        //   color: #fff;
-        // }
 
-            .info {
-              background-color: #fff;
-              display:flex;
-              flex-direction: column;
 
-            }
-            .info:hover {
-                background-color: #000;
-                color: #fff;
-            }
+.mozaique {
+  // background-color: #fff;
+  display: flex;
+  flex-direction: row;
+  max-width: 65%;
 
-            .portrait img {
-              max-width:15rem !important;
-              background: transparent !important;
-            }
+  align-items: stretch;
+  position: relative;
+  margin-right: 10%;
+  // margin-bottom: 6rem;
+  margin-left: 15%;
+  height: auto;
+
+}
+
+// .mozaique :hover {
+//   background-color: #000;
+//   color: #fff;
+// }
+
+    .info {
+      background-color: #fff;
+      display:flex;
+      flex-direction: column;
+      font-family: $font-family-default;
+
+
+    }
+    .info:hover {
+        background-color: #000;
+        color: #fff;
+        transition:0.2s ease-in-out;
+    }
+
+    .info h5 {
+      font-weight: 900;
+      font-size: 1.3rem;
+      margin: 0;
+      padding-top: 1rem;
+      padding-left: 1rem;
+    }
+
+    .info h6 {
+      font-weight: 300;
+      font-size: 1.1rem;
+      font-style: italic;
+      margin: 0;
+      padding-left: 1rem;
+      padding-bottom: 1rem;
+    }
+
+.portrait {
+  max-width:15rem !important;
+  background: transparent !important;
+}
+
+.2columns {
+  max-width: 25%;
+}
 
 .bouton {
-  margin: 0 30rem;
   border: solid;
   background-color: transparent;
   text-transform: uppercase;
+  align-self: flex-end;
+  margin-right: 2rem;
 }
 //
 // .bouton :hover {
 //     background-color: #000;
 // }
 
+
 // pop in biographie
 
 #modal{

user/themes/epau-antimatter/templates/partials/base.html.twig

@@ -52,7 +52,7 @@
 
             <div id="logo">
 
-              <img src="/user/pages/01.home/Republique-francaise-logo.svg" alt="logo France">
+              <img src="/user/pages/01.home/Republique-francaise-logo-sans-text.svg" alt="logo République Française">
               <img src="user/pages/01.home/EPAU_logo_EPAU_vecto-seul.svg" alt="logo EPAU">
 
             </div>