fonts, grid

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

@@ -1,8 +1,15 @@
 
-
-{{ page.content|raw }}
+<div class="gouvernance">
+  <div class="titre_bsn">
+    {{ page.content|raw }}
+  </div>
+</div>
+<div class="mozaique_personnes">
 {% for module in page.collection() %}
-    <div id="{{ _self.pageLinkName(module.menu) }}"></div>
+    <div id="{{ _self.pageLinkName(module.menu) }}">
 
-    {{ module.content|raw }}
+        {{ module.content|raw }}
+
+    </div>
 {% endfor %}
+</div>

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

@@ -1,9 +1,14 @@
-<div class="modular-row personnes {{ page.header.class}}">
+<div class="mozaique_personnes {{ page.header.class}}">
     {{ content|raw }}
-    <div class="feature-items">
-    {% for personne in page.header.personnes %}
-           <div class="feature">
 
+    {% for personne in page.header.personnes %}
+
+      <div class="personne">
+        <div class="portait">
+          {% if personne.portrait %}
+            <img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
+          {% endif %}
+        </div>
             {% if personne.nom %}
             <h5>{{ personne.nom }}</h5>
             {% endif %}
@@ -13,13 +18,9 @@
             {% if personne.biographie %}
             <p>{{ personne.biographie|markdown }}</p>
             {% endif %}
-            {% if personne.portrait %}
-            <img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
 
-            {% endif %}
-
-            </div>
         </div>
+
     {% endfor %}
-    </div>
+
 </div>

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

@@ -1,6 +1,7 @@
 <div class="ressources {{ page.header.class}}">
-    {{ content|raw }}
-
+    <div class="titre_nsb">
+      {{ content|raw }}
+    </div>
 
     {% for rapport in page.header.rapports %}
 

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

@@ -1,9 +1,9 @@
-<div class="modular-row callout">
+<div class="callout">
     {% set image = page.media.images|first %}
     {% if image %}
         {{ image.cropResize(400,400).html('','','align-'~page.header.image_align)|raw }}
     {% endif %}
-  <div class="align-left_centered">
+  <div class="titre_bsn">
   {{ content|raw }}
   </div>
 </div>