diff --git a/assets2/img/AssistanceEducative.jpg b/assets2/img/AssistanceEducative.jpg
new file mode 100755
index 0000000..1d1ae68
Binary files /dev/null and b/assets2/img/AssistanceEducative.jpg differ
diff --git a/assets2/img/CharlinePasteur-banniere.jpg b/assets2/img/CharlinePasteur-banniere.jpg
new file mode 100755
index 0000000..76ac6d9
Binary files /dev/null and b/assets2/img/CharlinePasteur-banniere.jpg differ
diff --git a/assets2/img/DroitPenaldesMineurs.jpg b/assets2/img/DroitPenaldesMineurs.jpg
new file mode 100755
index 0000000..e6fb486
Binary files /dev/null and b/assets2/img/DroitPenaldesMineurs.jpg differ
diff --git a/assets2/img/DroitddelEducation.jpg b/assets2/img/DroitddelEducation.jpg
new file mode 100755
index 0000000..8ac932c
Binary files /dev/null and b/assets2/img/DroitddelEducation.jpg differ
diff --git a/assets2/img/DroitdesEtrangers.jpg b/assets2/img/DroitdesEtrangers.jpg
new file mode 100755
index 0000000..570d67c
Binary files /dev/null and b/assets2/img/DroitdesEtrangers.jpg differ
diff --git a/assets2/img/banner-mobile.png b/assets2/img/banner-mobile.png
new file mode 100755
index 0000000..6f06f56
Binary files /dev/null and b/assets2/img/banner-mobile.png differ
diff --git a/assets2/img/logo.jpg b/assets2/img/logo.jpg
new file mode 100755
index 0000000..f284696
Binary files /dev/null and b/assets2/img/logo.jpg differ
diff --git a/assets2/img/logo.png b/assets2/img/logo.png
new file mode 100755
index 0000000..93d50ee
Binary files /dev/null and b/assets2/img/logo.png differ
diff --git a/assets2/img/portraitCharlinePasteur.jpg b/assets2/img/portraitCharlinePasteur.jpg
new file mode 100755
index 0000000..857f366
Binary files /dev/null and b/assets2/img/portraitCharlinePasteur.jpg differ
diff --git a/assets2/img/specialiste.png b/assets2/img/specialiste.png
new file mode 100755
index 0000000..dd74fe7
Binary files /dev/null and b/assets2/img/specialiste.png differ
diff --git a/assistance_educative.html b/assistance_educative.html
index b44ade2..70500d0 100644
--- a/assistance_educative.html
+++ b/assistance_educative.html
@@ -14,18 +14,18 @@
     <meta property="og:description"
         content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://www.pasteuravocate.com/assistance_educative.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/assistance_educative.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
 <body>
-        <header class="header">
+    <header class="header">
         <div class="contact">
             <div>Tel : 06.......... </div>
             <div>
@@ -38,21 +38,23 @@
             </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
                     <li><a href="index.html"><span>Accueil</span></a></li>
-                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="assistance_educative.html" class="active">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
@@ -62,7 +64,7 @@
                 <!-- Tablette -->
                 <ul class="menu" id="menuM">
                     <li><a href="index.html">Accueil</a></li>
-                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="assistance_educative.html" class="active">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
@@ -109,10 +111,15 @@
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/class.css b/class.css
index 579012d..25acfee 100644
--- a/class.css
+++ b/class.css
@@ -8,23 +8,23 @@
 }
 
 .banner-accueil {
-  background-image: url('assets/img/CharlinePasteur-banniere.jpg');
+  background-image: url('assets2/img/CharlinePasteur-banniere.jpg');
 }
 
 .banner-droit-education {
-  background-image: url('assets/img/DroitddelEducation.jpg');
+  background-image: url('assets2/img/DroitddelEducation.jpg');
 }
 
 .banner-droit-etrangers {
-  background-image: url('assets/img/DroitdesEtrangers.jpg');
+  background-image: url('assets2/img/DroitdesEtrangers.jpg');
 }
 
 .banner-droit-penal-mineur {
-  background-image: url('assets/img/DroitPenaldesMineurs.jpg');
+  background-image: url('assets2/img/DroitPenaldesMineurs.jpg');
 }
 
 .banner-assistance-educative {
-  background-image: url('assets/img/AssistanceEducative.jpg');
+  background-image: url('assets2/img/AssistanceEducative.jpg');
 }
 
 .button {
@@ -138,6 +138,7 @@
 
 .texte {
   flex-grow: 6;
+  text-align: justify;
 }
 
 .specialiste {
@@ -147,4 +148,29 @@
 .specialiste img {
   padding: 2rem 2rem;
   max-width: 100px;
+}
+
+.styled-list {
+  float: none;
+  list-style-type: disc;
+  list-style-position: inside;
+  padding-left: 1rem;
+}
+
+.styled-list li::marker {
+  color: #CC4331;
+}
+
+.formulaire-contact {
+  display: flex;
+  justify-content: center; /* Centre horizontalement */
+  align-items: center;     /* Centre verticalement si hauteur définie */
+  padding: 2rem 1rem;
+  flex-direction: column;
+}
+
+.formulaire-contact iframe {
+  max-width: 100%;
+  width: 640px;
+  border: none;
 }
\ No newline at end of file
diff --git a/contact.html b/contact.html
index 177d498..06a05da 100644
--- a/contact.html
+++ b/contact.html
@@ -14,12 +14,12 @@
     <meta property="og:description"
         content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." />
     <meta property="og:url" content="https://www.pasteuravocate.com/contact.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/contact.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
 <body>
@@ -36,16 +36,18 @@
             </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
@@ -55,7 +57,7 @@
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
                     <li><a href="honoraires.html">Honoraires</a></li>
-                    <li><a href="contact.html">Contact</a></li>
+                    <li><a href="contact.html" class="active">Contact</a></li>
                 </ul>
                 <!-- Tablette -->
                 <ul class="menu" id="menuM">
@@ -68,7 +70,7 @@
                         <span class="dropdown-label">Autre ⏷</span>
                         <ul class="submenu">
                             <li><a href="honoraires.html">Honoraires</a></li>
-                            <li><a href="contact.html">Contact</a></li>
+                            <li><a href="contact.html" class="active">Contact</a></li>
                         </ul>
                     </li>
                 </ul>
@@ -78,92 +80,26 @@
     <div class="banner banner-accueil">
     </div>
     <main>
-        <section id="accueil">
-            <div class="">
-                <div>
-                    <h1>Charline Pasteur</h1>
-                </div>
-                <div>
-                    <h1>Avocate au Barreau de Nantes</h1>
-                </div>
-            </div>
-            <div class="presentation">
-                <div class="portrait">
-                    <img src="assets/img/portraitCharlinePasteur.jpg">
-                </div>
-                <div class="texte">
-                    <h2>Spécialiste droit des enfants</h2>
-                    <p>Ayant obtenu mon certificat d'aptitude à la profession d'Avocat au sein de l'École de Formation
-                        du
-                        Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de Nantes en
-                        janvier
-                        2018.
-                        Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité, probité,
-                        conscience et indépendance.
-                    </p>
-                    <p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles mais aussi
-                        de
-                        causes collectives, le droit étant à mes yeux avant tout un outil au service des droits humains.
-                        Parmi
-                        ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
-                        particulièrement.
-                    </p>
-                    <p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à travers
-                        une
-                        année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis d'obtenir le
-                        Diplôme
-                        Universitaire « Protection de l'Enfance ».
-                    </p>
-                    <p>J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre 2024 me
-                        permettant aujourd'hui d'exercer comme avocate spécialiste.
-                    </p>
-                    <p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs, du droit
-                        de la
-                        famille et du droit de l'éducation. J'exerce également dans le domaine du droit des étrangers.
-                    </p>
-                    <p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission
-                        mineure du Syndicat des Avocats de France.
-                    </p>
-                </div>
-                <div class="specialiste">
-                    <img src="assets/img/specialiste.png">
-                </div>
-            </div>
-        </section>
-
-        <section id="domaines">
-            <h2>Domaines d'intervention</h2>
-            <ul class="cards-list">
-                <li>
-                    <a href="assistance_educative.html"
-                        style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
-                    <span>Assistance éducative</span>
-                </li>
-                <li>
-                    <a href="droit_penal_mineur.html"
-                        style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
-                    <span>Droit pénal des mineurs</span>
-                </li>
-                <li>
-                    <a href="droit_education.html"
-                        style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
-                    <span>Droit de l'éducation</span>
-                </li>
-                <li>
-                    <a href="droit_etrangers.html"
-                        style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
-                    <span>Droit des étrangers</span>
-                </li>
-            </ul>
+        <section id="contact" class="formulaire-contact">
+            <iframe
+                src="https://docs.google.com/forms/d/e/1FAIpQLSfVpdPQfCvT-t3bdN0CaJfQMvDaeDUbkUGGeFAv_eKAQEKmVw/viewform?embedded=true"
+                width="640" height="877" frameborder="0" marginheight="0" marginwidth="0">
+                Chargement…
+            </iframe>
         </section>
     </main>
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/droit_education.html b/droit_education.html
index e84335d..f3971fd 100644
--- a/droit_education.html
+++ b/droit_education.html
@@ -13,17 +13,18 @@
     <meta property="og:description"
         content="Conseil et contentieux droits en matière de l'éducation à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://www.pasteuravocate.com/droit_education.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/droit_education.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
-<body>    <header class="header">
+<body>
+    <header class="header">
         <div class="contact">
             <div>Tel : 06.......... </div>
             <div>
@@ -36,23 +37,25 @@
             </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
                     <li><a href="index.html"><span>Accueil</span></a></li>
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
-                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_education.html" class="active">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
                     <li><a href="honoraires.html">Honoraires</a></li>
                     <li><a href="contact.html">Contact</a></li>
@@ -62,7 +65,7 @@
                     <li><a href="index.html">Accueil</a></li>
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
-                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_education.html" class="active">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
                     <li class="dropdown">
                         <span class="dropdown-label">Autre ⏷</span>
@@ -82,7 +85,8 @@
             <section id="droit_education">
                 <h1>Droit de l'éducation</h1>
                 <div class="citation">
-                    <p>« Le droit à l'éducation est garanti à chacun afin de lui permettre de développer sa personnalité,
+                    <p>« Le droit à l'éducation est garanti à chacun afin de lui permettre de développer sa
+                        personnalité,
                         d'élever son niveau de formation initiale et continue, de s'insérer dans la vie sociale et
                         professionnelle, d'exercer sa citoyenneté .»
                     </p>
@@ -100,21 +104,19 @@
 
                 </div>
             </section>
-
-
-            <section id="contact">
-                <h2>Contactez-moi</h2>
-                <p>Vous pouvez me contacter à l'adresse email suivante : <a
-                        href="mailto:votre@email.com">votre@email.com</a></p>
-            </section>
     </main>
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/droit_etrangers.html b/droit_etrangers.html
index bf4ccdf..e63a9f0 100644
--- a/droit_etrangers.html
+++ b/droit_etrangers.html
@@ -14,14 +14,14 @@
     <meta property="og:description"
         content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://www.pasteuravocate.com/droit_etrangers.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/droit_etrangers.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
 <body>
@@ -38,16 +38,18 @@
             </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
@@ -55,7 +57,7 @@
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
-                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="droit_etrangers.html" class="active">Droit des étrangers</a></li>
                     <li><a href="honoraires.html">Honoraires</a></li>
                     <li><a href="contact.html">Contact</a></li>
                 </ul>
@@ -65,7 +67,7 @@
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
-                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="droit_etrangers.html" class="active">Droit des étrangers</a></li>
                     <li class="dropdown">
                         <span class="dropdown-label">Autre ⏷</span>
                         <ul class="submenu">
@@ -83,8 +85,7 @@
         <section id="droit_etrangers">
             <h1>Droit des étrangers</h1>
             <div class="citation">
-                <p>« Tous les êtres humains naissent libres et égaux en dignité et en droits ».
-                </p>
+                <p>« Tous les êtres humains naissent libres et égaux en dignité et en droits ».</p>
                 <span>Article premier de la Déclaration Universelle des Droits de l'Homme</span>
             </div>
             <div class="description">
@@ -98,9 +99,8 @@
                     supérieur de l'enfant tel que consacré par l'article 3-1 de la convention internationale
                     des droits de l'enfant.
                 </p>
-                <p>
-                    Mes matières préférentielles sont les suivantes:
-                <ul>
+                <p> Mes matières préférentielles sont les suivantes:</p>
+                <ul class="styled-list">
                     <li>
                         Droit des mineurs non accompagnés
                     </li>
@@ -128,18 +128,22 @@
                     <li>
                         Droit au logement et à l'hébergement d'urgence
                     </li>
-                </ul>
-                </p>
+                </ul>                
             </div>
         </section>
     </main>
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/droit_penal_mineur.html b/droit_penal_mineur.html
index c4eec18..0a1e648 100644
--- a/droit_penal_mineur.html
+++ b/droit_penal_mineur.html
@@ -14,17 +14,18 @@
     <meta property="og:description"
         content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://www.pasteuravocate.com/droit_penal_mineur.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
-<body><header class="header">
+<body>
+    <header class="header">
         <div class="contact">
             <div>Tel : 06.......... </div>
             <div>
@@ -37,22 +38,24 @@
             </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
                     <li><a href="index.html"><span>Accueil</span></a></li>
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
-                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_penal_mineur.html" class="active">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
                     <li><a href="honoraires.html">Honoraires</a></li>
@@ -62,7 +65,7 @@
                 <ul class="menu" id="menuM">
                     <li><a href="index.html">Accueil</a></li>
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
-                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_penal_mineur.html" class="active">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
                     <li class="dropdown">
@@ -114,10 +117,15 @@
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/honoraires.html b/honoraires.html
index 8e3e72e..5c9c887 100644
--- a/honoraires.html
+++ b/honoraires.html
@@ -12,40 +12,39 @@
     <meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" />
     <meta property="og:description" content="Honoraires" />
     <meta property="og:url" content="https://www.pasteuravocate.com/honoraires.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/honoraires.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
 <body>
-  <header class="header">
+    <header class="header">
         <div class="contact">
-            <div>Tel : 06.......... </div>
+            <div>Tel : 06</div>
             <div>
                 <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                     Rendez vous en ligne
                 </a>
             </div>
-            <!--<div>
-                Email : c.pasteuravocate@gmail.com
-            </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
@@ -54,7 +53,7 @@
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
                     <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
-                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="honoraires.html" class="active">Honoraires</a></li>
                     <li><a href="contact.html">Contact</a></li>
                 </ul>
                 <!-- Tablette -->
@@ -67,7 +66,7 @@
                     <li class="dropdown">
                         <span class="dropdown-label">Autre ⏷</span>
                         <ul class="submenu">
-                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="honoraires.html" class="active">Honoraires</a></li>
                             <li><a href="contact.html">Contact</a></li>
                         </ul>
                     </li>
@@ -81,22 +80,18 @@
         <section id="honoraires">
             <h1>Honoraires</h1>
             <div>
-                <h2>Transparence & personnalisation</h2>
-                <p>
-                    Les honoraires de Maître Charline Pasteur sont fixés <span>en toute transparence</span>, en fonction
-                    :
+                <h3>Transparence & personnalisation</h2>
+                <p>Les honoraires de Maître Charline Pasteur sont fixés <span>en toute transparence</span>, en fonction :</p>
                 <ul>
                     <li>de la nature de l'affaire,</li>
                     <li>de sa complexité,</li>
                     <li>et des diligences à accomplir.</li>
                 </ul>
-                Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
-                </p>
+                <p>Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
             </div>
             <div>
-                <h2>Modes de facturation</h2>
-                <p>
-                    Selon votre situation, plusieurs modalités peuvent être proposées :
+                <h3>Modes de facturation</h2>
+                <p>Selon votre situation, plusieurs modalités peuvent être proposées :</p>
                 <ul>
                     <li><span>Au temps passé :</span> facturation sur la base d'un taux horaire défini ensemble.</li>
                     <li><span>Forfaitaire :</span> un montant global est fixé pour la mission.</li>
@@ -105,17 +100,16 @@
                         complément d'un forfait ou d'un taux horaire.
                     </li>
                 </ul>
-                </p>
+
             </div>
             <div>
-                <h2>Premier rendez-vous</h2>
+                <h3>Premier rendez-vous</h3>
                 <p>Le premier rendez-vous est consacré à l'étude de votre situation et à la définition du cadre
-                    d'intervention.
-                    Il peut faire l'objet d'une <span>facturation forfaitaire</span>, dont le montant est précisé à
+                    d'intervention. Il peut faire l'objet d'une <span>facturation forfaitaire</span>, dont le montant est précisé à
                     l'avance. </p>
             </div>
             <div>
-                <h2>Convention d'honoraires</h2>
+                <h3>Convention d'honoraires</h3>
                 <p>
                     Conformément aux règles déontologiques de la profession, une <span>convention écrite</span> est
                     systématiquement
@@ -124,26 +118,29 @@
                 </p>
             </div>
             <div>
-                <h2>Demander un devis</h2>
+                <h3>Demander un devis</h3>
                 <p>
                     Pour toute demande d'information ou pour obtenir un devis, me contacter par mail à l'adresse
-                    suivante contact.pasteuravocate.com. Pour une consultation ou une prise de rendez-vous en ligne,
+                    suivante contact@pasteuravocate.com. Pour une consultation ou une prise de rendez-vous en ligne,
                     dirigez vous ici : <a
                         href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html">Me Charline
                         PASTEUR, Avocat à Nantes | RDV et Consultation en ligne</a>
                 </p>
             </div>
         </section>
-
-
     </main>
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/index.html b/index.html
index 1a2a5ed..9439709 100644
--- a/index.html
+++ b/index.html
@@ -14,35 +14,31 @@
     <meta property="og:description"
         content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droits des mineurs à Nantes et Pays de la Loire." />
     <meta property="og:url" content="https://www.pasteuravocate.com" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
 <body>
-
     <header class="header">
         <div class="contact">
-            <div>Tel : 06.......... </div>
+            <div>Tel : 06</div>
             <div>
                 <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                     Rendez vous en ligne
                 </a>
             </div>
-            <!--<div>
-                Email : c.pasteuravocate@gmail.com
-            </div>-->
         </div>
         <div class="navigation">
             <div class="nav-phone">
                 <div class="logo">
                     <a href="index.html">
-                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -54,7 +50,7 @@
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
-                    <li><a href="index.html"><span>Accueil</span></a></li>
+                    <li><a href="index.html" class="active">Accueil</a></li>
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
@@ -64,7 +60,7 @@
                 </ul>
                 <!-- Tablette -->
                 <ul class="menu" id="menuM">
-                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="index.html" class="active">Accueil</a></li>
                     <li><a href="assistance_educative.html">Assistance éducative</a></li>
                     <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
                     <li><a href="droit_education.html">Droit de l'éducation</a></li>
@@ -86,15 +82,13 @@
         <section id="accueil">
             <div class="">
                 <div>
-                    <h1>Charline Pasteur</h1>
-                </div>
-                <div>
-                    <h1>Avocate au Barreau de Nantes</h1>
+                    <h1>Charline Pasteur <br>
+                    Avocate au Barreau de Nantes</h1>
                 </div>
             </div>
             <div class="presentation">
                 <div class="portrait">
-                    <img src="assets/img/portraitCharlinePasteur.jpg">
+                    <img src="assets2/img/portraitCharlinePasteur.jpg">
                 </div>
                 <div class="texte">
                     <h2>Spécialiste droit des enfants</h2>
@@ -128,7 +122,7 @@
                     </p>
                 </div>
                 <div class="specialiste">
-                    <img src="assets/img/specialiste.png">
+                    <img src="assets2/img/specialiste.png">
                 </div>
             </div>
         </section>
@@ -138,22 +132,22 @@
             <ul class="cards-list">
                 <li>
                     <a href="assistance_educative.html"
-                        style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
+                        style="background-image: url('assets2/img/AssistanceEducative.jpg');"></a>
                     <span>Assistance éducative</span>
                 </li>
                 <li>
                     <a href="droit_penal_mineur.html"
-                        style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
+                        style="background-image: url('assets2/img/DroitPenaldesMineurs.jpg');"></a>
                     <span>Droit pénal des mineurs</span>
                 </li>
                 <li>
                     <a href="droit_education.html"
-                        style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
+                        style="background-image: url('assets2/img/DroitddelEducation.jpg');"></a>
                     <span>Droit de l'éducation</span>
                 </li>
                 <li>
                     <a href="droit_etrangers.html"
-                        style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
+                        style="background-image: url('assets2/img/DroitdesEtrangers.jpg');"></a>
                     <span>Droit des étrangers</span>
                 </li>
             </ul>
@@ -162,11 +156,15 @@
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les
-            illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/mentions.html b/mentions.html
index ebc7db4..19328ae 100644
--- a/mentions.html
+++ b/mentions.html
@@ -12,18 +12,18 @@
     <meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" />
     <meta property="og:description" content="Mentions légales." />
     <meta property="og:url" content="https://www.pasteuravocate.com/mentions.html" />
-    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <meta property="og:image" content="assets2/img/og-cover.jpg" />
 
     <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
     <link rel="stylesheet" href="style.css" />
     <link rel="stylesheet" href="class.css" />
     <link rel="stylesheet" href="navigation.css" />
     <link rel="canonical" href="https://www.pasteuravocate.com/mentions.html" />
-    <link rel="icon" href="assets/img/logo.png">
+    <link rel="icon" href="assets2/img/logo.png">
 </head>
 
 <body>
-     <header class="header">
+    <header class="header">
         <div class="contact">
             <div>Tel : 06.......... </div>
             <div>
@@ -36,16 +36,18 @@
             </div>-->
         </div>
         <div class="navigation">
+            <div class="nav-phone">
+                <div class="logo">
+                    <a href="index.html">
+                        <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
             <input class="menu-btn" type="checkbox" id="menu-btn" />
             <label class="menu-icon" for="menu-btn">
                 <span class="navicon"></span>
             </label>
-            <div class="logo">
-                <a href="index.html">
-                    <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
-                    <span>Charline Pasteur, Avocate</span>
-                </a>
-            </div>
             <nav class="nav-wrapper" aria-label="Menu principal">
                 <!-- Grand écran : aucun sous-menu -->
                 <ul class="menu" id="menuXL">
@@ -152,12 +154,14 @@
                 <p>
                     Ainsi, en cas de litige avec Mme Charline Pasteur, vous avez la possibilité de faire appel au
                     Médiateur de la consommation de la profession d'avocat.
-                    Les coordonnées du médiateur national près du <span>Conseil National des Barreaux (CNB)</span> sont les suivantes
+                    Les coordonnées du médiateur national près du <span>Conseil National des Barreaux (CNB)</span> sont
+                    les suivantes
                     :
                     <span>Médiateur :</span> Jérôme Hercé
                     <span>Adresse postale :</span> CNB, 180 boulevard Haussmann, 75008 Paris
                     <span>Email :</span> mediateur@mediateur-consommation-avocat.fr
-                    <span>Site Internet :</span><a href="https://mediateur-consommation-avocat.fr">https://mediateur-consommation-avocat.fr/</a>
+                    <span>Site Internet :</span><a
+                        href="https://mediateur-consommation-avocat.fr">https://mediateur-consommation-avocat.fr/</a>
                 </p>
             </div>
         </section>
@@ -166,10 +170,15 @@
 
     <!-- ===== PIED-DE-PAGE ===== -->
     <footer class="site-footer">
-        <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
-        <p><a href="mentions.html">Mentions légales</a></p>
-        <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
-            présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
+        <div class="footer-main">
+            <div class="footer-center">
+                <p>&copy; 2025 - Maître Charline Pasteur</p>
+                <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
+            </div>
+            <div class="footer-right">
+                <p><a href="mentions.html">Mentions légales</a></p>
+            </div>
+        </div>
     </footer>
     <script src="script.js" defer></script>
 </body>
diff --git a/navigation.css b/navigation.css
index 39cc845..d4431f9 100644
--- a/navigation.css
+++ b/navigation.css
@@ -11,13 +11,22 @@
   content: "";
   position: absolute;
   left: 0;
-  bottom: 0;
+  bottom: -3px;
   width: 0%;
   height: 2px;
   background-color: #CC4331;
   transition: width 0.3s ease;
 }
 
+li a.active::after {
+  width: 100%;
+}
+
+li a.active {
+  color: #CC4331;
+  font-weight: bold;
+}
+
 .contact {
   top: 0;
   position: fixed;
@@ -61,7 +70,7 @@ nav {
   margin-right: 1rem;
 }
 
-.nav-phone{
+.nav-phone {
   width: 100%;
   display: flex;
   width: 100%;
@@ -166,7 +175,7 @@ nav {
     background-color: #F9E7DB;
     top: 3.5rem;
     right: 0;
-    box-shadow: 15px 0px 10px rgba(51, 51, 51, 0.15);
+    box-shadow: -10px 0 20px rgba(0, 0, 0, 0.2);
   }
 
   #menuM {
diff --git a/style.css b/style.css
index 6e3c28c..e98e001 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,3 @@
-
 body {
   font-family: sans-serif;
   line-height: 1.6;
@@ -8,49 +7,96 @@ body {
   color: #333;
   font-family: Times New Roman;
 }
+
 main {
   padding: 0 1rem;
   margin: 0 auto;
   max-width: 1280px;
 }
+
 section {
   margin-bottom: 2rem;
 }
-li {
+
+menu li {
   display: block;
   padding: 0.5rem;
   text-decoration: none;
-  float: left;
 }
+
 a {
-    color: #333;
-    text-decoration: none;
+  color: #333;
+  text-decoration: none;
 }
+
 h1 {
-  color: #bf9000;
+  color: #CC4331;
   vertical-align: baseline;
-  font-size: 2rem;
+  font-size: 1.6rem;
   text-align: center;
 }
+
 h2 {
   color: #CC4331;
   line-height: 1.2;
   text-align: center;
 }
+
+h3 {
+  color: #ff7d01;
+  text-align: left;
+}
+
 p {
   text-indent: 10px;
 }
+
 p span {
   font-weight: bold;
 }
-footer {
+
+.site-footer {
+  padding: 0rem 1rem;
+  font-size: 0.8rem;
   background-color: #CC4331;
-  padding: 0.7rem 1rem;
   color: #F9E7DB;
-  text-align: center;
-  padding: 0.5rem 0;
-  bottom: 0;
-  width: 100%;
-  font-size: 0.9rem;
 }
 
+.site-footer a {
+  color: #F9E7DB;
+  text-decoration: underline;
+}
+
+.footer-main {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.footer-center {
+  flex-grow: 1;
+  text-align: center;
+}
+
+.footer-right {
+  text-align: right;
+  min-width: 150px;
+}
+
+.footer-right p {
+  margin: 0;
+}
+
+/* Responsive : tout centré sur petit écran */
+@media (max-width: 600px) {
+  .footer-main {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .footer-right {
+    text-align: center;
+    margin-top: 0.5rem;
+  }
+}
