module valeurs/equipe

user/themes/lecampus/css-compiled/theme.css

@@ -2980,13 +2980,38 @@ header nav.dropmenu > ul {
     transform: translate(-50%, -50%);
     width: 70%; }
 
-.module {
-  width: 75%;
+#module {
+  width: 60%;
   margin: auto;
-  padding-right: 10%; }
-  .module .valeurs {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+  padding-right: 4rem;
+  display: flex;
+  flex-direction: column; }
+  #module .titre-module {
+    font-family: "now_alt_bold";
+    font-weight: 400;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    padding-bottom: 2rem;
+    text-align: center;
+    color: #0093a3; }
+  #module .valeurs {
     display: flex;
-    flexdirection: row;
-    align-items: baseline; }
-    .module .valeurs .valeur {
+    flex-direction: row; }
+    #module .valeurs .valeur {
+      width: 33%;
+      display: flex;
+      flex-direction: column;
       padding: 10px; }
+      #module .valeurs .valeur .images_v {
+        width: 100%;
+        max-height: 10rem;
+        overflow: hidden; }
+        #module .valeurs .valeur .images_v img {
+          padding-bottom: 20px; }
+      #module .valeurs .valeur h5 {
+        padding-top: 20px;
+        padding-bottom: 5px;
+        font-family: "bold";
+        font-size: 1.3rem; }

user/themes/lecampus/scss/theme/_blog.scss

@@ -1595,26 +1595,47 @@
     width: 70%;
   }
 }
-.titre-module{
-}
 
-.module {
-  width: 75%;
-  margin:auto;
-  padding-right: 10%;
-    .valeurs{
+
+#module{
+  width: 60%;
+  margin: auto;
+  margin-top: 4rem;
+  margin-bottom: 4rem;
+  padding-right: 4rem;
+  display: flex;
+  flex-direction: column;
+  .titre-module{
+    font-family: "now_alt_bold";
+    font-weight: 400;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    padding-bottom: 2rem;
+    text-align: center;
+    color: #0093a3;
+  }
+  .valeurs{
+    display: flex;
+    flex-direction: row;
+    .valeur{
+      width:33%;
       display: flex;
-      flexdirection: row;
-      align-items: baseline;
-
-      .valeur{
-        // display: flex;
-        // flexdirection: column;
-        // align-items: baseline;
-
-        padding: 10px;
-
+      flex-direction: column;
+      padding: 10px;
+      .images_v{
+        width:100%;
+        max-height: 10rem;
+        overflow: hidden;
+        img{
+          padding-bottom: 20px;
+        }
+      }
+      h5{
+        padding-top: 20px;
+        padding-bottom: 5px;
+        font-family: "bold";
+        font-size: 1.3rem;
       }
     }
-
+  }
 }

user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig

@@ -2,7 +2,7 @@
 
 
 {% for module in page.collection() %}
-    <div id="{{ _self.pageLinkName(module.menu) }}">
+    <div id="module{{ _self.pageLinkName(module.menu) }}">
           {{ module.content|raw }}
     </div>
 

user/themes/lecampus/templates/modular/valeurs.html.twig

@@ -1,20 +1,19 @@
 
 <div class="titre-module">{{page.title}}</div>
 
-<div class="valeurs {{ page.header.class}}">
+<div class="valeurs{{ page.header.class}}">
     {{ content|raw }}
 
 
     {% for valeur in page.header.valeurs %}
 
       <div class="valeur">
+          <div class="images_v">
 
-            <!-- <div class="photo"> -->
               {% if valeur.image %}
                 <img src="{{page.media[valeur.image].url|e }}" alt="photo de {{valeur.titre}}" />
               {% endif %}
-            <!-- </div>
-            <div class="title"> -->
+          </div>
                 {% if valeur.titre %}
                 <h5>{{ valeur.titre }}</h5>
                 {% endif %}
@@ -22,8 +21,7 @@
                 {% if valeur.texte %}
                 <p>{{ valeur.texte|markdown }} </p>
                 {% endif %}
-<!--
-            </div> -->
+
 
 
       </div>