affichage bloc prochains événements

public/Pages/actu.html

@@ -2,23 +2,26 @@
     <div class="container-fluid">
         <h2 class="section-heading">Actualités</h2>
         <hr class="light">
-        <!-- Bloc prochains événements
+        <!-- Bloc prochains événements -->
         <div class="row">
             <div class="col-md-12 center-bloc">
                 <div class="panel panel-default" id="evenements">
                     <div class="panel-heading">
                         <h3 class="panel-title">Prochains événements et formations</h3>
                     </div>
-                    <div class="panel-body">
+                    <div class="panel-body">     
+                        <h4>Formations permaculture</h4>
                         <ul>
-                            <li><strong>Formations permaculture : </strong><a href="#">Prochaine session du x au x septembre</a></li>
-                            <li><strong>Stages : </strong><a href="#">Nous cherchons un stagiaire pour le maraîchage</a></li>
+                            <li><strong>Sessions longues</strong> : 22-27 avril et 14-19 août</li>
+                            <li><strong>Session courte</strong> : 7-9 juillet</li>
                         </ul>
+                        <p class="center">Plus d'infos ici :<br />
+                        <a href="mailto:formation.permaculture@gmail.com">formation.permaculture@gmail.com</a></p>
                     </div>
                 </div>
             </div>
         </div>
-        -->
+        <!-- Fin du bloc prochains événements-->
         <div class="row"> 
             <div class="col-md-3">
                 <div class="panel panel-default actu">

public/css/creative.css

@@ -78,6 +78,14 @@
     background-color: #80ae41a8;
     border-color: #558b2f;
 }
+#actu #evenements .panel-body {
+    display:  flex;
+    flex-direction:  column;
+    align-items: center;
+}
+#actu #evenements h4 {
+    font-weight: bold;
+}
 #actu .panel-title {
     text-align: center;
 }