style: improve visuals

functions.php

@@ -42,11 +42,12 @@ function dump_debug($list)
 
 /**Génère un effet de type parallax avec une image personnalisée.
  * @param string $url
+ * @param $padding : paddig en pixels.
  */
-function add_parallax($url)
+function add_parallax($url,$padding)
 {
     //génère un "style=" pour l'ajout d'un effet parallax
-    echo "style=\"background: url('" . $url . "') fixed;width:100%\"";
+    echo "style=\"background: url('" . $url . "') fixed;width:100%;padding-top:" . $padding . "px;padding-bottom:" . $padding . "px;\"";
 }
 
 /**on supprime du texte inutile généré sur certaines pages

index.php

@@ -19,7 +19,7 @@ $newsletter_icon = $adullact_icons_directory . "newsletter.png";
 
 get_header(); ?>
 
-    <div class="wrap adullact-no-height-padding">
+    <div class="wrap">
         <div id="primary" class="content-area">
             <main id="main" class="site-main" role="main">
                 <p class="adullact-justify">

style.css

@@ -159,7 +159,7 @@ input[type="search"] {
 
 .adullact-cadres-ligne {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     flex-wrap: wrap;
 }
 
@@ -170,18 +170,17 @@ input[type="search"] {
 
 .adullact-cadre {
     background-color: #F1F1F1;
-    width: 190px;
+    width: 10em;
     display: flex;
     flex-direction: column;
     justify-content: center;
-    margin-right: 3%;
-    margin-bottom: 4%;
-    margin-left: 3%;
     text-align: center;
     align-items: center;
     font-size: 1.6em;
     padding: 10px;
     padding-top: 20px;
+    margin-bottom: 1.2em;
+    height: 8em;
 }
 
 .adullact-cadre img {