correction bouton du bas telephone, placement z-index

assets/css/src/footer.css

@@ -32,11 +32,13 @@
     justify-content: center;
     width: 100%;
     outline: none;
-    border-top: 1px solid var(--color-background);
+    border-top: 1px solid var(--color-primary);
     font-size: var(--font-size-m);
-    background-color: var(--color-primary);
+    background-color: var(--color-background);
     padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
     margin-bottom: env(safe-area-inset-bottom);
+    color: var(--color-primary);
+    line-height: 1;
   }
 }
 

assets/css/src/header.css

@@ -47,11 +47,6 @@ main article > div {
 [data-theme="light"] #logo #actuel {
   font-weight: 550;
   color: white;
-  /*diag*/
-  /* text-shadow: -1px -1px var(--color-primary), 1px 1px var(--color-primary); */ 
-  /*difus*/
-  /* text-shadow: -2px 0 5px var(--color-primary), 2px 0 5px var(--color-primary); */
-  /*partout*/
   text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary), 0 -1px var(--color-primary),0 1px var(--color-primary);
 }
 
@@ -59,7 +54,6 @@ main article > div {
 #logo #inactuel {
   mix-blend-mode: difference;
 }
-
 #logo #inactuel {
   transition: margin-top 0.3s ease-in-out, transform 0.3s ease-in-out;
 }
@@ -114,6 +108,7 @@ button.toggle.right::before {
   bottom: 8px;
   width: 100%;
   box-sizing: border-box;
+  
 }
 
 .page-cover .links li {

assets/css/src/nav.css

@@ -127,11 +127,13 @@ footer {
   justify-content: center;
   width: 100%;
   outline: none;
-  border-top: 1px solid var(--color-background);
+  border-top: 1px solid var(--color-primary);
   font-size: var(--font-size-m);
-  background-color: var(--color-primary);
+  background-color: var(--color-background);
   padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
   margin-bottom: env(safe-area-inset-bottom);
+  color: var(--color-primary);
+  line-height: 1;
 }
 
 /* ================= LISTS ================= */

assets/css/src/print.css

@@ -1,5 +1,6 @@
 @media print {
   /* Hide header / footer infos. */
+
   @page {
     margin: 0;
     size: auto;
@@ -25,13 +26,45 @@
     }
   }
 
-  body {
+  .panel, nav {
-    padding-top: 4rem;
+    display: none;
-    color: var(--color-primary);
   }
 
-  .panel {
+  /* regle du light mode dupliqué*/
-    display: none;
+  :root {
+    --color-background: #ffffff;
+    --color-primary: #000;
+
+    --color-secondary-rgb: 140, 140, 140;
+    --font-weight-light: 240;
+  }
+  body {
+    padding-top: 4rem;
+    background-image: none;
+    background-color: var(--color-background) !important;
+  }
+
+  .minimized #inactuel{
+    transform: none !important;
+    margin: 0 !important;
+  }
+  #logo h1{
+    display: grid;
+    grid-template-columns: 100%;
+    grid-template-rows: auto;
+  }
+  #logo #actuel, #logo #inactuel{
+    grid-column: 1;
+    grid-row: 1;
+  }
+  #logo #actuel {
+    font-weight: 550;
+    color: rgb(254, 250, 254) !important;
+    text-shadow: -1px 0 var(--color-primary), 1px 0 var(--color-primary), 0 -1px var(--color-primary),0 1px var(--color-primary);
+    z-index: 100;
+  }
+  #logo #inactuel {
+    z-index: 0;
   }
 
   .main-title.fs-xxl {
@@ -43,15 +76,6 @@
     position: relative;
   }
 
-  #logo #actuel {
-    color: var(--color-primary);
-    opacity: 0.8;
-  }
-
-  #logo #inactuel {
-    color: rgb(86, 217, 163);
-  }
-
   #entry-btns {
     display: none;
   }

assets/css/src/toggle-light-mode.css

@@ -2,9 +2,9 @@
     position: fixed;
     right: 0;
     bottom: 0;
-    padding: var(--unit--vertical) var(--unit--horizontal);
+    padding: calc((var(--unit--vertical) / 2) / 2) calc(var(--unit--horizontal) / 2);
-}
+    margin: calc((var(--unit--vertical) / 2) / 2) calc(var(--unit--horizontal) / 2);
-.theme-toggler > *{
+    z-index: 100;
 }
 .theme-toggler-icon {
     width: 1.2rem;
@@ -17,4 +17,11 @@
 
     mask: var(--icon-theme-toggler) no-repeat center;
     -webkit-mask: var(--icon-theme-toggler) no-repeat center;
+}
+@media screen and (max-width: 640px) {
+.theme-toggler-icon {
+    width: 1.1rem;
+    height: 1.1rem;
+}
+
 }

assets/css/style.css

@@ -10,8 +10,8 @@
 @import url("src/grid.css");
 @import url("src/newsletter.css");
 @import url("src/footer.css");
-@import url("src/print.css");
 @import url("src/toggle-light-mode.css");
+@import url("src/print.css");