style: improve main page visuals

index.php

@@ -125,7 +125,7 @@ get_header(); ?>
             </div>
         </div>
     </div>
-    <div class="wrap">
+    <div class="wrap adullact-no-height-padding">
         <div id="primary" class="content-area">
             <main id="main" class="site-main" role="main">
                 <div class="adullact-cadres-ligne">

style.css

@@ -27,11 +27,24 @@
     color: #4891bf;
 }
 
+.page-header {
+    padding-bottom: 0;
+}
+
+.archive:not(.page-one-column):not(.has-sidebar) #primary article {
+    width: 100%;
+    float: none;
+}
+
+body:not(.has-sidebar):not(.page-one-column) .page-header {
+    float: none;
+}
+
 /*************************************************************/
 /*header*/
 /*************************************************************/
-.adullact-blue{
-    color:#4891bf;
+.adullact-blue {
+    color: #4891bf;
 }
 
 #logo-adullact-big, #logo-adullact-small {
@@ -42,6 +55,11 @@
     padding: 0 !important;
 }
 
+.adullact-no-height-padding {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
 .adullact-header {
     display: flex;
     flex-direction: row;
@@ -70,6 +88,7 @@
 .adullact-search-bar {
     width: 70%;
 }
+
 @media screen and ( max-width: 66.99em ) {
     .adullact-header {
         display: flex;
@@ -77,17 +96,18 @@
         align-items: center;
         justify-content: space-between;
     }
+
     .adullact-reseaux-sociaux-searchbar {
         display: flex;
         flex-direction: column;
         width: 80%;
-        max-width:20em;
+        max-width: 20em;
         align-items: center;
     }
-    .adullact-search-bar
-    {
-        margin-bottom:3em;
-        width:100%;
+
+    .adullact-search-bar {
+        margin-bottom: 3em;
+        width: 100%;
     }
 }
 
@@ -454,10 +474,6 @@ article .entry-footer {
     margin-top: 0;
 }
 
-/*
-l'article affiché seul, drôle de manière de faire mais je n'ai pas réussi à modifier les deux propriétés CSS autrement
-que comme cela
-*/
 .blog:not(.has-sidebar) #primary article {
     width: 100%;
     float: none;
@@ -483,4 +499,29 @@ que comme cela
 #adullact-contact-informations {
     text-align: center;
     padding: 7px;
+}
+
+.archive:not(.page-one-column):not(.has-sidebar) #primary article {
+    width: 100%;
+}
+
+/*************************************************************/
+/*classes de base adullact*/
+/*************************************************************/
+.adullact-blue {
+    color: #4891bf;
+}
+
+.adullact-button {
+    border-radius: 3px;
+    border: 1px solid grey;
+    color: grey;
+    transition: background-color 0.2s ease;
+    padding: 7px;
+    font-size: 1em;
+}
+
+.adullact-button:hover {
+    color: dimgrey;
+    background-color: lightgrey;
 }
\ No newline at end of file