ajout de dev front

app/assets/scss/base/_img.scss

@@ -19,4 +19,8 @@
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.04);
+}
+
+.img_darkness::after {
+  background: rgba(0, 0, 0, var(--overlay-opacity, 0.4));
 }

app/assets/scss/component/_header_nav.scss

@@ -333,6 +333,15 @@
                 margin-top: -4px;
             }
         }
+
+        .nav_focus_black {
+            background-color: var(--c-text);
+            color: var(--c-text-invert);
+            padding-left: 5px;
+            padding-top: 3px;
+            padding-bottom: 1px;
+            padding-right: 6px;
+        }
     }
 
     /* accessibilité pour que les écran est le message "ouvrir le menu" mais non visible sur l'écran en mode normal*/
@@ -523,6 +532,13 @@
                     }
                 }
         }
+        .nav_focus_invert {
+            background-color: var(--c-text-invert);
+            color: var(--c-text);
+            padding-inline: 5px;
+            padding-top: 2px;
+            padding-bottom: 1px;
+        }
     }
     
 

app/assets/scss/component/_orbites.scss

@@ -1,33 +0,0 @@
-.bg-orbs {
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  //transform: translateZ(0);
-  overflow: hidden;
-}
-
-.orb {
-  position: absolute;
-  border-radius: 999px;
-  //filter: blur(3px);
-  opacity: 0.5;
-  //will-change: transform;
-  //transform: translate3d(0,0,0);
-
-  //background: radial-gradient(circle, rgba(255,255,255,0.20), rgba(255,255,255,0) 60%);
-  background: red;
-}
-
-.orb--1 { width: 100px; height: 100px; top: 2%; left: 18%; animation: orb1 6s ease-in-out infinite alternate; }
-.orb--2 { width: 320px; height: 320px; top: 6%;  left: 72%; animation: orb2 6s ease-in-out infinite alternate; }
-
-//@keyframes orb1 { to { transform: translate3d(30px, 18px, 0); } }
-//@keyframes orb2 { to { transform: translate3d(-26px, 34px, 0); } }
-//@keyframes orb3 { to { transform: translate3d(22px, -28px, 0); } }
-//@keyframes orb4 { to { transform: translate3d(34px, -14px, 0); } }
-//@keyframes orb5 { to { transform: translate3d(-18px, -18px, 0); } }
-//@keyframes orb6 { to { transform: translate3d(-34px, 12px, 0); } }
-
-@media (prefers-reduced-motion: reduce) {
-  .orb { animation: none !important; }
-}

app/assets/scss/main.scss

@@ -16,4 +16,3 @@
 
 @use 'component/_header_layout';
 @use 'component/header_nav';
-@use 'component/orbites';