3 files changed, 23 insertions, 21 deletions

diff --git a/public/css/body.css b/public/css/body.css
index 8ad3a52..57afe92 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -43,7 +43,7 @@ main
     margin: auto;
     /*max-width: 1200px;*/
     background-color: #E3F3FF;
-    padding: 15px 0;
+    padding: 15px;
 }
 .hidden
 {
@@ -51,8 +51,7 @@ main
 }
 section
 {
-    margin: 10px 0;
-    padding: 15px;
+    margin-top: 20px;
 }
 section > h3
 {
@@ -72,7 +71,7 @@ section .fetch_articles
 
 .section_child
 {
-    gap: 15px; /* fonctionne avec flexbox et grid */
+    gap: 15px; /* fonctionne avec flexbox et grid, mais pas avec firefox 52 (win XP/vista) */
     margin-top: 15px;
 }
 .fullwidth > .section_child
diff --git a/public/css/foot.css b/public/css/foot.css
index 8d0a94d..38284e3 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -9,16 +9,22 @@ footer
         /*padding: 0 20px;*/
         
 }
+footer a
+{
+        color: unset; /* ne plus hériter */
+        text-decoration: none;
+}
 footer > div
 {
         max-width: 1200px;
         display: flex;
         justify-content: space-around;
+        flex-wrap: wrap;
 }
 
-.contact
+footer .data > div
 {
-        margin: 16px 0; /* alignement avec la <p> autour du logo */
+        margin: 20px 10px;
 }
 .contact a
 {
@@ -73,7 +79,7 @@ footer > div
         margin: 0 3px;
 }*/
 
-.footer_logo img
+#footer_logo_img
 {
         max-width: 288px;
         min-width: 150px;
@@ -85,14 +91,6 @@ footer > div
                 width: 70px;
         }
 }
-@media screen and (max-width: 800px)
-{
-        footer > div
-        {
-                flex-direction: column;
-                align-items: center;
-        }
-}
 
 .breadcrumb a
 {
diff --git a/public/css/head.css b/public/css/head.css
index b173077..4206044 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -17,7 +17,12 @@ header
         display: none;
 }
 
-.header-content
+.background_button
+{
+        max-height: 24px;
+}
+
+.header_content
 {
         padding: 20px 0;
         display: grid;
@@ -27,12 +32,12 @@ header
 /*.header_left_col
 {}*/
 @media screen and (max-width: 1000px){
-        .header-content{
+        .header_content{
                 padding: 18px 0;
         }
 }
 @media screen and (max-width: 450px){
-        .header-content
+        .header_content
         {
                 /*grid-template-columns: 1fr 2fr 1fr;*/
                 display: block;
@@ -69,16 +74,16 @@ header img
 {
         vertical-align: bottom; /* supprime espace sous l'image */
         max-width: 150px;
-        max-height: 75px;
+        max-height: 100px;
 }
 header a
 {
         color: unset; /* ne plus hériter */
         text-decoration: none;
 }
-#edit_favicon_zone
+.editing_zone > div
 {
-        margin-bottom: 10px;
+        /*display: inline;*/ /* à l'ancienne */
 }
 /*.header_right_col
 {}*/