print style

assets/css/style.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 html,
 body,
 h1,
@@ -1155,7 +1154,7 @@ body.full-width #main-content {
     background-color: transparent;
   }
 }
-.theme-toggler {
+.toggle-light {
   position: fixed;
   right: 0;
   bottom: 0;
@@ -1165,61 +1164,40 @@ body.full-width #main-content {
   z-index: 1;
 }
 
-.theme-toggler-icon {
+.toggle-light-icon {
   width: 1.2rem;
   height: 1.2rem;
   background-color: var(--color-primary);
   mask-size: cover;
   -webkit-mask-size: cover;
-  mask: var(--icon-theme-toggler) no-repeat center;
-  -webkit-mask: var(--icon-theme-toggler) no-repeat center;
+  mask: var(--icon-toggle-light) no-repeat center;
+  -webkit-mask: var(--icon-toggle-light) no-repeat center;
 }
 
 @media screen and (max-width: 640px) {
-  .theme-toggler {
+  .toggle-light {
     margin-bottom: calc(var(--unit--vertical) / 2 / 2);
   }
-  .theme-toggler-icon {
+  .toggle-light-icon {
     width: 1.1rem;
     height: 1.1rem;
   }
 }
 @media print {
-  /* Hide header / footer infos. */
-  @page {
-    margin: 0;
-    size: auto;
-    @top-left {
-      content: none;
-    }
-    @top-right {
-      content: none;
-    }
-    @top-center {
-      content: none;
-    }
-    @bottom-left {
-      content: none;
-    }
-    @bottom-right {
-      content: none;
-    }
-    @bottom-center {
-      content: none;
-    }
-  }
-  .panel, nav {
+  .panel,
+  nav,
+  .toggle-light {
     display: none;
   }
-  /* regle du light mode dupliqué*/
-  :root {
+  :root,
+  [data-theme=dark] {
     --color-background: #ffffff;
     --color-primary: #000;
     --color-secondary-rgb: 140, 140, 140;
     --font-weight-light: 240;
   }
   body {
-    padding-top: 4rem;
+    padding-top: 8rem;
     background-image: none;
     background-color: var(--color-background) !important;
   }
@@ -1232,7 +1210,8 @@ body.full-width #main-content {
     grid-template-columns: 100%;
     grid-template-rows: auto;
   }
-  #logo #actuel, #logo #inactuel {
+  #logo #actuel,
+  #logo #inactuel {
     grid-column: 1;
     grid-row: 1;
   }
@@ -1258,8 +1237,11 @@ body.full-width #main-content {
   a {
     text-decoration: none !important;
   }
+  #chapo {
+    page-break-after: always;
+  }
   article #main-content {
-    width: 60%;
+    width: 70%;
     margin: auto;
   }
 }
@@ -1332,19 +1314,19 @@ body.full-width #main-content {
   --curve-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
 }
 
-[data-theme=dark] {
-  --color-background: #000;
-  --color-primary: #ffffff;
-  --font-weight-light: 200;
+@media screen {
+  [data-theme=dark] {
+    --color-background: #000;
+    --color-primary: #ffffff;
+    --font-weight-light: 200;
+  }
+  [data-theme=light] {
+    --color-background: #ffffff;
+    --color-primary: #000;
+    --color-secondary-rgb: 140, 140, 140;
+    --font-weight-light: 240;
+  }
 }
-
-[data-theme=light] {
-  --color-background: #ffffff;
-  --color-primary: #000;
-  --color-secondary-rgb: 140, 140, 140;
-  --font-weight-light: 240;
-}
-
 @media screen and (min-width: 640px) {
   :root {
     --unit--horizontal: 2.5vw;