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/02._programmes/programmes.md

@@ -3,24 +3,24 @@ title: Programmes
 body_classes: 'modular-row programmes'
 programmes:
     -
-        nom_du_programme: 'Plateforme d’observation des projets et stratégies urbaine'
+        nom_du_programme: "Europan France\_"
-        texte_de_presentation: "Lieu de convergence des milieux de la recherche et de ceux qui font et gouvernent les villes, la Plateforme d’observation des projets et stratégies urbaines – **POPSU** – croise les savoirs scientifiques et l’expertise opérationnelle pour mieux comprendre les enjeux et les évolutions associés aux villes et aux territoires. _Elle capitalise, à des fins d’action, les connaissances établies sur les _métropoles et en assure la diffusion auprès de publics divers : professionnels, académiques, grand public... Lien vers le site\_: [popsu](http://www.popsu.archi.fr)"
+        texte_de_presentation: 'Europan est un concours d''idées d''architecture et d''urbanisme se déroulant tous les deux ans simultanément dans une vingtaine de pays européens, sur un thème et un règlement communs. Dans chaque pays des sites sont proposés par des collectivités territoriales et leurs partenaires. Ce concours est suivi de réalisation in-situ pour les équipes sélectionnées. Europan facilite le dialogue sur les modes de faire la ville à toutes les échelles.'
-        logo: popsu.png
-    -
-        nom_du_programme: Europan
-        texte_de_presentation: 'Europan est un concours d’idées d’architecture et d’urbanisme se déroulant tous les deux ans simultanément dans une vingtaine de pays européens, sur un thème et un règlement communs. Dans chaque pays des sites sont proposés par des collectivités territoriales et leurs partenaires. Ce concours est suivi de réalisation in-situ pour les équipes sélectionnées. Europan facilite le dialogue sur les modes de faire la ville à toutes les échelles. https://www.europanfrance.org/'
         logo: europan_france.jpg
     -
-        nom_du_programme: 'Forum des Solutions'
+        nom_du_programme: 'Plateforme d’Observation des Projets et Stratégies Urbaines '
-        texte_de_presentation: 'Prolongement physique des programmes Action Cœur de Ville et Petites villes de demain, le Forum des solutions est une série de rendez-vous mensuels et thématiques conçues pour les villes du programme, mais qui s’adresse également à toutes les collectivités qui souhaitent placer l’innovation au cœur des stratégies de revitalisation urbaine. Chaque rendez-vous permet la présentation par leurs auteurs de projets réalisés répondant aux problématiques rencontrées par ces villes. Il est ouvert à tous les acteurs de l’aménagement du territoire. http://www.urbanisme-puca.gouv.fr/forums-des-solutions-en-videos-a1879.html'
+        texte_de_presentation: "Lieu de convergence des milieux de la recherche et de ceux qui font et gouvernent les villes, la Plateforme d’observation des projets et stratégies urbaines – **POPSU** – croise les savoirs scientifiques et l’expertise opérationnelle pour mieux comprendre les enjeux et les évolutions associés aux villes et aux territoires. _Elle capitalise, à des fins d’action, les connaissances établies sur les _métropoles et en assure la diffusion auprès de publics divers : professionnels, académiques, grand public... Lien vers le site\_: [popsu](http://www.popsu.archi.fr)"
-        logo: forum_solution.png
+        logo: POPSU2018_LOGO_moinsde6cm.png
     -
-        nom_du_programme: Coubertin
+        nom_du_programme: 'Programme Coubertin'
-        texte_de_presentation: 'Le programme de recherche-action Coubertin construit le récit, au fil de l’eau, de la conception des ouvrages et des opérations d’aménagement des Jeux Olympiques et Paralympiques de Paris 2024. À travers une observation embarquée au sein de la SOLIDEO, l’équipe de chercheurs analyse la production architecturale et urbaine et sa capacité à transformer les pratiques d’aménagement.'
+        texte_de_presentation: "Le programme de recherche-action Coubertin construit le récit, au fil de l’eau, de la conception des ouvrages et des opérations d’aménagement des Jeux Olympiques et Paralympiques de Paris 2024. À travers une observation embarquée au sein de la SOLIDEO, l’équipe de chercheurs analyse la production architecturale et urbaine et sa capacité à transformer les pratiques d’aménagement.\r\n                        \r\n                    "
         logo: logo_coubertin.png
+    -
+        nom_du_programme: 'Le Forum des Solutions'
+        texte_de_presentation: "Prolongement physique du programme Action Cœur de Ville, le Forum des solutions est une série de rendez-vous mensuels et thématiques conçues sur mesure pour les villes du programme. Pour sa seconde saison, ces rencontres sont également pensées à destination des communes retenues au programme Petites Villes de Demain ainsi qu'à toutes les collectivités qui souhaitent placer l'innovation au cœur de leur stratégie de revitalisation urbaine. Chaque séquence permet la présentation par leurs auteurs de projets réalisés répondant aux problématiques rencontrées par les villes petites et moyennes. Chaque retour d'expérience est capitalisé au sein d'une publication annuelle intitulée «\_L'innovation en partage dans les cœurs de ville\_»."
+        logo: forum_solution.png
 visible: true
 debugger: true
-media_order: '14360_default_big.jpg,10361_web_01.jpg,hyperliens_marseille.PNG,popsu.png,forum_solution.png,europan_france.jpg,logo_coubertin.png'
+media_order: '14360_default_big.jpg,10361_web_01.jpg,hyperliens_marseille.PNG,popsu.png,forum_solution.png,europan_france.jpg,logo_coubertin.png,POPSU2018_LOGO_moinsde6cm.png'
 process:
     markdown: true
     twig: false

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/Republique-francaise-logo-sans-text.svg

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 3200 1400"
+   version="1.1"
+   id="svg16"
+   sodipodi:docname="Republique-francaise-logo-sans-text.svg"
+   width="3200"
+   height="1400"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <metadata
+     id="metadata22">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs20" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1829"
+     inkscape:window-height="1015"
+     id="namedview18"
+     showgrid="false"
+     inkscape:zoom="0.093220339"
+     inkscape:cx="4250"
+     inkscape:cy="3835"
+     inkscape:window-x="0"
+     inkscape:window-y="332"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg16"
+     inkscape:document-rotation="0" />
+  <!-- fond -->
+  <!-- Marianne -->
+  <g
+     id="g10"
+     transform="matrix(0.80566901,0,0,0.80566901,-317.24859,-503.43813)">
+    <path
+       d="m 2145,1884 c 11,-11 22,-22 32,-34 20,-23 40,-44 63,-64 7,-6 14,-12 21,-16 2,-2 2,-6 4,-8 -9,4 -15,11 -25,15 -2,0 -4,-2 -2,-4 7,-5 14,-10 20,-15 h -1 c -2,0 -2,-2 -2,-4 -25,-4 -43,13 -60,28 -4,2 -8,-2 -9,-2 -28,9 -49,34 -77,45 v -4 c -11,4 -22,11 -34,13 -17,4 -32,2 -47,2 -23,2 -46,7 -69,12 -1,0 -1,0 -2,1 -12,3 -24,8 -35,14 l -4,4 c -4,4 -8,9 -13,11 -12,6 -21,16 -31,25 -1,1 -2,1 -3,1 -10,10 -20,20 -30,29 -1,1 -4,1 -6,1 0,-1 1,-1 1,-2 2,-3 3,-5 5,-8 l 6,-9 c 3,-4 5,-8 8,-11 1,-1 1,-2 0,-2 -1,-1 -2,-1 -3,-1 9,-9 21,-17 32,-24 -1,0 -3,-1 -2,-2 1,-2 2,-3 3,-5 0,-1 0,-1 1,-2 0,-1 -1,-1 -1,-2 l -9,6 c -5,4 -8,12 -15,12 h -3 c -1,0 -2,0 -2,-1 v -1 c 0,-1 1,-1 1,-2 0,-1 1,-1 1,-2 0,0 0,-1 1,-1 0,-1 1,-2 1,-2 0,-1 1,-1 1,-2 1,-1 2,-3 2,-4 0,-1 1,-1 1,-2 1,-1 1,-2 2,-3 1,-2 0,-3 -1,-3 3,-5 8,-8 13,-11 h -1 c 7,-4 15,-8 22,-12 l 3,-3 c -11,4 -20,9 -30,15 0,0 -2,1 -3,2 0,0 -2,1 -5,-2 v -1 c 2,-4 8,-6 11,-9 2,0 4,0 4,2 61,-47 144,-36 214,-60 6,-4 11,-8 17,-11 9,-4 17,-13 28,-19 15,-11 26,-25 32,-43 0,-2 -2,-4 -2,-4 -25,26 -53,47 -83,62 -40,21 -83,17 -125,23 2,-4 6,-4 9,-4 0,-6 4,-8 8,-11 h 6 c 2,0 2,-4 4,-4 4,0 10,-2 8,-2 -6,-8 -17,6 -26,0 4,-4 2,-9 6,-11 h 8 c 0,-4 4,-8 4,-8 28,-17 55,-30 81,-45 -6,0 -9,6 -15,2 4,0 0,-6 4,-6 21,-6 38,-17 59,-25 -8,0 -13,6 -21,0 4,-2 6,-6 11,-6 v -6 c 0,-2 2,-2 4,-2 -2,0 -4,-2 -4,-2 2,-4 8,-2 11,-6 -2,0 -6,0 -6,-2 6,-8 15,-9 25,-11 -2,-4 -8,0 -8,-4 0,-2 2,-2 4,-2 h -4 c -4,-2 -2,-6 -2,-8 11,-13 11,-30 17,-45 -2,0 -4,0 -4,-2 -19,21 -49,28 -77,36 h -13 c -9,4 -23,4 -32,-2 -8,-4 -11,-9 -19,-15 -15,-9 -30,-17 -47,-23 -47,-15 -96,-23 -145,-21 21,-11 44,-12 66,-19 32,-9 62,-21 96,-19 -6,-2 -13,0 -19,0 -26,-2 -53,6 -81,11 -19,4 -36,11 -55,15 -11,4 -17,15 -30,13 v -6 c 19,-23 42,-45 72,-47 34,-6 66,0 100,4 25,2 47,8 72,13 9,0 11,15 19,17 11,4 23,0 34,8 0,-4 -2,-8 0,-11 8,-8 17,2 25,-2 15,-9 -13,-26 -21,-40 0,-2 2,-4 2,-4 15,13 26,28 45,38 9,4 32,9 28,-2 -9,-21 -28,-38 -44,-57 v -8 c -4,0 -4,-2 -6,-4 v -8 c -8,-4 -6,-11 -9,-17 -6,-9 -2,-23 -6,-34 -4,-11 -6,-21 -8,-32 -6,-32 -13,-60 -17,-91 -4,-36 21,-64 38,-96 13,-23 28,-45 53,-60 6,-23 21,-42 36,-60 15,-18 40,-30 58,-38 26,-12 50,-19 50,-19 H 1000 v 1000 h 927 c 36,-26 72,-38 122,-63 24,-10 78,-35 96,-53 m -290,-136 c -4,0 -11,2 -9,-2 2,-9 15,-9 23,-13 4,-2 9,-6 13,-4 4,6 9,4 13,8 -12,11 -27,6 -40,11 m -290,-41 c 0,0 -2,-2 -2,-4 25,-32 43,-62 61,-96 25,-13 45,-32 64,-53 32,-34 66,-64 106,-83 15,-6 34,-4 49,2 -6,8 -15,6 -23,11 -2,0 -4,0 -6,-2 2,-2 2,-4 2,-6 -19,21 -45,30 -60,55 -11,19 -19,43 -43,49 -8,2 2,-6 -2,-4 -59,36 -100,80 -146,131 m 157,-125 c -2,4 -4,4 -6,8 -2,4 -4,6 -8,8 -2,0 -4,0 -4,-2 2,-8 8,-15 15,-17 3,-1 3,1 3,3 m 88,283 c -1,2 -3,4 -5,6 2,0 4,2 2,3 -4,4 -9,8 -14,10 h -3 c -2,2 -5,4 -7,7 -2,2 -13,1 -10,-2 5,-4 9,-9 14,-13 3,-2 6,-5 8,-8 1,-2 2,-3 4,-4 3,-2 13,-3 11,1 m -34,-15 c -8,5 -15,10 -22,15 -8,5 -17,8 -25,12 -1,-1 -2,-1 -3,-1 -7,4 -13,9 -19,15 l -3,3 -3,3 -4,4 c -1,1 -1,2 -3,3 -1,1 -4,1 -4,-1 -1,1 -2,1 -3,2 -1,1 -2,1 -3,2 h -2 c -2,2 -5,4 -7,6 -4,4 -8,7 -11,12 v 1 l -1,1 c 0,0 0,1 -1,1 0,1 -1,1 -1,2 0,0 -1,1 -2,1 l -1,-1 c 0,0 0,-1 -1,-1 -1,-1 -1,-2 -2,-3 v -1 c 2,-2 4,-4 6,-7 1,-1 1,-2 2,-2 1,-1 2,-3 3,-4 0,-1 1,-1 1,-2 2,-3 4,-5 6,-8 l 1,-1 c 1,-1 2,-3 3,-4 1,-1 1,-2 2,-4 v -1 c 1,-2 1,-3 2,-4 v -1 c 0,-1 0,-1 1,-2 0,-1 0,-2 1,-3 v -1 c 2,-4 5,-7 8,-10 h -1 c -3,2 -5,4 -7,6 -2,2 -6,-1 -3,-3 2,-1 3,-3 4,-4 3,-3 6,-7 10,-10 2,-2 4,-3 6,-4 l 1,-1 c 1,-2 3,-3 4,-5 18,-17 49,-17 72,-28 9,-4 21,2 30,0 6,0 11,0 17,4 -17,3 -32,14 -48,24 m 39,-132 c -2,-2 6,0 8,-4 h -15 c -2,0 -2,-2 -2,-4 -9,2 -21,6 -30,8 -13,4 -25,13 -40,17 -21,8 -38,25 -60,32 -2,0 -2,-2 -2,-4 2,-6 9,-8 13,-13 0,-2 0,-4 -2,-4 15,-21 36,-32 55,-49 v -6 c 6,-8 15,-11 19,-21 2,-6 10,-13 19,-17 -2,-2 -6,-2 -6,-6 -8,0 -15,4 -23,-2 4,-3 8,-5 12,-7 -2,0 -3,-1 -4,-3 -2,-4 4,-8 9,-9 8,-2 17,-2 23,-8 -13,-2 -28,4 -42,-4 9,-25 25,-45 47,-57 2,0 6,0 6,2 0,9 -6,17 -15,19 15,4 30,4 45,11 -2,4 -6,2 -8,2 9,6 21,2 30,9 -6,6 -11,0 -17,0 59,17 121,30 170,68 -42,21 -85,30 -130,40 -6,0 -9,0 -15,-2 0,2 0,6 -2,6 -8,0 -13,0 -19,4 -7,6 -18,8 -24,2"
+       fill="#000091"
+       id="path4" />
+    <path
+       d="M 3755,1000 H 2681 c 0,0 2,0 10,5 9,5 20,11 27,14 14,7 27,16 36,30 4,6 9,17 6,25 -4,9 -6,25 -15,28 -11,6 -26,6 -40,4 -8,0 -15,-2 -23,-4 28,11 55,25 74,51 2,4 9,6 17,6 2,0 2,4 2,6 -4,4 -8,6 -6,11 h 6 c 9,-4 8,-23 21,-17 9,6 13,19 8,28 -8,8 -15,13 -23,19 -2,4 -2,9 0,13 6,8 8,15 9,23 6,13 8,28 13,42 8,28 15,57 13,85 0,15 -8,28 -2,43 4,15 13,26 21,40 8,11 15,19 21,30 11,19 32,38 23,60 -6,13 -26,11 -40,19 -11,9 -2,25 4,34 9,17 -11,28 -25,33 4,6 11,4 13,8 2,9 11,15 6,25 -8,11 -30,17 -19,34 8,13 3,28 -2,42 -6,15 -19,25 -34,28 -11,4 -25,4 -36,2 -4,-2 -8,-4 -11,-4 -32,-4 -64,-13 -96,-13 -9,2 -19,4 -26,7 -8,6 -16,13 -23,20 -1,2 -3,3 -4,5 -1,1 -2,2 -2,3 l -2,2 c -6,7 -10,14 -15,22 0,1 -1,1 -1,1 0,1 -1,2 -2,3 -6,11 -11,23 -14,35 -13,43 -7,80 2,89 2,2 62,21 104,40 20,9 33,15 45,23 H 3756 V 1000 Z"
+       fill="#e1000f"
+       id="path6" />
+    <path
+       d="m 2745,1366 c 8,2 19,2 19,6 -4,15 -26,19 -38,34 h -6 c -6,4 -4,13 -9,13 -6,-2 -11,0 -17,2 8,8 17,13 28,11 2,0 6,4 6,8 0,0 2,0 4,-2 2,0 4,0 4,2 v 8 c -6,8 -15,4 -23,6 15,4 30,4 44,0 11,-4 0,-23 8,-32 -4,0 0,-6 -4,-6 4,-4 8,-9 11,-11 4,0 9,-2 11,-6 0,-4 -8,-6 -6,-9 11,-8 21,-19 17,-30 -2,-6 -17,-6 -26,-10 -9,-4 -21,0 -32,2 -9,0 -19,6 -28,8 -13,4 -25,11 -36,19 13,-6 26,-8 41,-11 11,-2 20,-4 32,-2"
+       fill="#808080"
+       id="path8" />
+  </g>
+  <!-- RF -->
+  <!-- devise -->
+</svg>

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;
 
-            }
+.mozaique {
-            .info:hover {
+  // background-color: #fff;
-                background-color: #000;
+  display: flex;
-                color: #fff;
+  flex-direction: row;
-            }
+  max-width: 65%;
 
-            .portrait img {
+  align-items: stretch;
-              max-width:15rem !important;
+  position: relative;
-              background: transparent !important;
+  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>