update

css/styles.css

@@ -669,6 +669,11 @@ footer {
     border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }
 
+.footer-top img{
+    width: 40px;
+    border-radius: 10px;
+}
+
 .footer-top .brand {
     color: var(--blanc);
 }

index.html

@@ -7,7 +7,7 @@
     <meta name="description" content="Fernando Paysagiste, artisan indépendant à Nancy : tonte, taille de haies, création et entretien d'espaces verts. Devis gratuit et sans engagement.">
     <meta name="theme-color" content="#154e1f">
 
-    <link rel="icon" href="assets/images/logo.png" type="image/png">
+    <link rel="icon" href="assets/images/logo-transparent.png" type="image/png">
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -21,7 +21,7 @@
 <header class="site-header">
     <div class="header-inner">
         <a href="#accueil" class="brand">
-            <img src="assets/images/logo.png" alt="Logo Fernando Paysagiste" id="logo">
+            <img src="assets/images/logo-transparent.png" alt="Logo Fernando Paysagiste" id="logo">
             <span>Fernando <strong>Paysagiste</strong></span>
         </a>
 
@@ -215,6 +215,9 @@
 
 <footer>
     <div class="footer-top">
+        <style>
+
+        </style>
         <a href="#accueil" class="brand">
             <img src="assets/images/logo.png" alt="Logo Fernando Paysagiste">
             <span>Fernando <strong>Paysagiste</strong></span>
@@ -255,5 +258,14 @@
     </div>
 </footer>
 
+<script>
+    const navToggle = document.getElementById('nav-toggle');
+    document.querySelectorAll('.nav-mobile a').forEach(function (link) {
+        link.addEventListener('click', function () {
+            navToggle.checked = false;
+        });
+    });
+</script>
+
 </body>
 </html>