Try to simplify margin/padding management

7 files changed, 5 insertions, 29 deletions

diff --git a/stylesheets/actualités.css b/stylesheets/actualités.css
index f1071e1..25ec656 100644
--- a/stylesheets/actualités.css
+++ b/stylesheets/actualités.css
@@ -46,7 +46,8 @@
     }
 
     main > div {
-        padding: 1em;
+        padding-left: 1em;
+        padding-right: 1em;
     }
 
     .events {
@@ -80,10 +81,6 @@
     .event:hover .summary {
         opacity: 1;
     }
-
-    .details.active > *:first-child {
-        margin-top: 0;
-    }
 }
 
 @media (max-width: 40em) {
diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 9012d8c..100300a 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -198,7 +198,8 @@ footer.legal {
     main {
         grid-row: 2;
         grid-column: 1 / -2;
-        padding-left: 4%;       /* TODO: remove? */
+        font-size: 1.2rem;
+        margin-left: 4em;
     }
 
     footer.social {
@@ -253,7 +254,7 @@ footer.legal {
     main {
         grid-row: 3;
         grid-column: 1 / -1;
-        padding: 0.8em;         /* TODO: remove? */
+        margin: 0.8em;
     }
 
     header.menu {
diff --git a/stylesheets/contact.css b/stylesheets/contact.css
index 6bd68ec..ba32d8e 100644
--- a/stylesheets/contact.css
+++ b/stylesheets/contact.css
@@ -2,11 +2,6 @@
     main {
         display: grid;
         grid-template-columns: 60% 40%;
-        padding-right: 4%;
-    }
-
-    main > div {
-        padding: 2%;
     }
 
     #contact-us dl {
diff --git a/stylesheets/galerie.css b/stylesheets/galerie.css
index a75faf7..26a5e88 100644
--- a/stylesheets/galerie.css
+++ b/stylesheets/galerie.css
@@ -44,12 +44,6 @@
 }
 
 @media (min-width: 40em) {
-    main {
-        padding-top: 2%;
-        padding-bottom: 2%;
-        padding-right: 2%;
-    }
-
     .mosaic.photos {
         --mosaic-side: 14em;
     }
diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 4905299..d4de920 100644
--- a/stylesheets/membre.css
+++ b/stylesheets/membre.css
@@ -4,11 +4,6 @@ main {
     align-items: center;
 }
 
-main > * {
-    margin-left: 2em;
-    margin-right: 2em;
-}
-
 #bio {
     justify-self: center;
 }
diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
index 98a1a4f..88591c6 100644
--- a/stylesheets/programmes.css
+++ b/stylesheets/programmes.css
@@ -53,10 +53,6 @@ details summary .duration {
         grid-template-columns: 50% 50%;
     }
 
-    main > div {
-        padding: 1em;
-    }
-
     .programs {
         --cell-width: 10em;
         --cell-height: 10em;
diff --git a/stylesheets/quatuor.css b/stylesheets/quatuor.css
index f33c9e9..26caa77 100644
--- a/stylesheets/quatuor.css
+++ b/stylesheets/quatuor.css
@@ -13,7 +13,6 @@
     color: #404040;
 }
 
-
 #photos p.name {
     font-weight: bold;
 }
@@ -24,7 +23,6 @@
 
 @media (min-width: 40em) {
     main {
-        font-size: 1.2rem;
         max-width: 55em;
         justify-self: center;
     }