Merge branch 'accueil-contraste'

2 files changed, 14 insertions, 7 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index d9fe362..0a88fab 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -117,7 +117,7 @@ footer.legal {
 
         min-height: 100vh;
         display: grid;
-        grid-template-columns: 2fr 1fr 4fr 1fr auto;
+        grid-template-columns: 2fr 1fr 4fr 2fr auto;
         grid-template-rows: auto 1fr auto;
     }
 
@@ -130,13 +130,10 @@ footer.legal {
     }
 
     header.menu {
-        grid-column: 3 / -2;
-        display: grid;
-        grid-template-columns: 3fr 1fr;
+        grid-column: 3;
     }
 
     header.menu nav {
-        grid-column: 1;
         margin-top: var(--menu-top-margin);
     }
 
@@ -163,7 +160,7 @@ footer.legal {
 
     @media (min-width: 80em) {
         nav > ol {
-            grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
+            grid-template-columns: repeat(4, minmax(8em, 1fr));
         }
     }
 
@@ -214,7 +211,7 @@ footer.legal {
     footer.social {
         grid-row: 1 / -2;
         grid-column: 5;
-        padding: var(--menu-top-margin) 1em 0;
+        margin: var(--menu-top-margin) 1em 0;
     }
 
     footer.social a {
diff --git a/stylesheets/index.css b/stylesheets/index.css
index 74ba8b7..8e6f167 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -70,3 +70,13 @@ a#next-concert:hover {
         top: 10%;
      }
 }
+
+@media (min-width: 40em) {
+    header.menu > nav {
+        background: #0004;
+    }
+
+    nav li.dropdown ul {
+        background: #0004;
+    }
+}