fix : banniere 404

404.html

@@ -76,8 +76,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-404">
-    </div>
+        <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/404.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/404.webp"
+                alt="Page introuvable" class="banner-img" width="1920" height="1425">
+        </picture>
+    </section>
     <h1>Erreur : la page n'as pas été trouvée !</h1>
     <main>
         <section class="section-contact">

assets/img/site.webmanifest

@@ -18,6 +18,38 @@
       "purpose": "maskable"
     }
   ],
+  "screenshots": [
+    {
+      "src": "/assets/img/avocat-droit-enfants-charline-pasteur.webp",
+      "sizes": "1920x803",
+      "type": "image/webp"
+    },
+    {
+      "src": "/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-900.webp",
+      "sizes": "900x1350",
+      "type": "image/webp"
+    },
+    {
+      "src": "/assets/img/avocat-assistance-educative-charline-pasteur.webp",
+      "sizes": "1920x1425",
+      "type": "image/webp"
+    },
+    {
+      "src": "/assets/img/avocat-droit-education-charline-pasteur.webp",
+      "sizes": "1920x1425",
+      "type": "image/webp"
+    },
+    {
+      "src": "/assets/img/avocat-droit-etrangers-charline-pasteur.webp",
+      "sizes": "1920x1425",
+      "type": "image/webp"
+    },
+    {
+      "src": "/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp",
+      "sizes": "1920x1425",
+      "type": "image/webp"
+    }
+  ],
   "theme_color": "#ffffff",
   "background_color": "#ffffff",
   "display": "standalone"

assistance-educative

@@ -41,7 +41,8 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="/">
-                       <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
+                            alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -79,8 +80,13 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-assistance-educative">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-assistance-educative-charline-pasteur.webp"
+                alt="Avocat en assistance éducative à Nantes" class="banner-img" width="1920" height="1425">
+        </picture>
+    </section>
     <main>
         <section id="assistance">
             <h1>Assistance éducative</h1>

class.css

@@ -66,9 +66,6 @@
   .banner {
     min-height: 50vh;
   }
-
-  .banner-accueil {
-  background-image: url('assets/img/charline-pasteur-banniere.webp');
 }
 
   .presentation {

contact

@@ -40,7 +40,8 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="/">
-                       <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
+                            alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -78,8 +79,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-accueil">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-enfants-charline-pasteur.webp"
+                alt="Avocate spécialisée en droit des enfants à Nantes" class="banner-img" width="1920" height="803">
+        </picture>
+    </section>
     <main>
         <div>
             <h1>Contact</h1>

droit-education

@@ -40,7 +40,8 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="/">
-                       <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
+                            alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -78,8 +79,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-droit-education">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-education-charline-pasteur.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-education-charline-pasteur.webp"
+                alt="Avocat en droit de l'éducation et de la famille à Nantes" class="banner-img" width="1920" height="1425">
+        </picture>
+    </section>
     <main>
         <section id="droit-education">
             <h1>Droit de l'éducation</h1>

droit-etrangers

@@ -78,8 +78,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-droit-etrangers">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-etrangers-charline-pasteur.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-etrangers-charline-pasteur.webp" alt="Avocat en droit des étrangers à Nantes"
+                class="banner-img" width="1920" height="1425">
+        </picture>
+    </section>
     <main>
         <section id="droit-etrangers">
             <h1>Droit des étrangers</h1>

droit-penal-mineur

@@ -40,7 +40,8 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="/">
-                       <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
+                            alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -78,8 +79,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-droit-penal-mineur">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-penal-mineur-charline-pasteur.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-penal-mineur-charline-pasteur.webp"
+                alt="Avocat en droit pénal des mineurs à Nantes" class="banner-img" width="1920" height="1425">
+        </picture>
+    </section>
     <main>
         <section id="droit-penal-mineur">
             <h1>Droit pénal des mineurs</h1>

honoraires

@@ -38,7 +38,8 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="/">
-                       <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
+                            alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -76,8 +77,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-accueil">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-enfants-charline-pasteur.webp"
+                alt="Avocate spécialisée en droit des enfants à Nantes" class="banner-img" width="1920" height="803">
+        </picture>
+    </section>
     <main>
         <section id="honoraires">
             <h1>Honoraires</h1>

index.html

@@ -94,8 +94,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-accueil">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-enfants-charline-pasteur.webp"
+                alt="Avocate spécialisée en droit des enfants à Nantes" class="banner-img" width="1920" height="803">
+        </picture>
+    </section>
     <main>
         <section id="accueil">
             <div class="">
@@ -113,7 +120,7 @@
                         sizes="(max-width: 849px) 80vw, 250px" width="900" height="1350" loading="lazy">
                 </div>
                 <div class="texte">
-                    <h2>Spécialiste droit des enfants</h2>
+                    <h2>Spécialiste en 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.
@@ -127,6 +134,18 @@
                         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 <a href="https://cerfaps.u-bordeaux.fr/Formations/DU-Protection-de-l-enfance2"
+                            target="_blank" rel="noopener noreferrer">Diplôme Universitaire « Protection de
+                        l'Enfance ».</a>
+                    </p>
+                    <p>J'ai également obtenu le certificat de <a
+                            href="https://www.lexbase.fr/revues-juridiques/73266644-breves-droit-des-enfants-la-nouvelle-mention-de-specialisation-pour-les-avocats#:~:text=Selon%20elle%2C%20l%27obtention%20d,inscrirait%20pleinement%20dans%20cette%20%C3%A9volution."
+                            target="_blank" rel="noopener noreferrer">spécialisation « Droit des enfants »</a> en
+                        décembre
+                        2024 me permettant aujourd'hui d'exercer comme avocate spécialiste.
+                    </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 ».
@@ -134,10 +153,10 @@
                     <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’<a href="assistance-educative">assistance éducative</a>,
+                    <p>Je pratique ainsi les contentieux de l'<a href="assistance-educative">assistance éducative</a>,
                         du
                         <a href="droit-penal-mineur">droit pénal des mineurs</a>, du
-                        <a href="droit-education">droit de la famille et de l’éducation</a>.
+                        <a href="droit-education">droit de la famille et de l'éducation</a>.
                         J'interviens également en <a href="droit-etrangers">droit des étrangers</a>.
                     </p>
                     <p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission
@@ -154,32 +173,40 @@
                 </div>
             </div>
         </section>
-
         <section id="domaines">
             <h2>Domaines d'intervention</h2>
             <ul class="cards-list">
                 <li>
-                    <a href="assistance-educative" class="card-assistance">
+                    <a href="assistance-educative" class="card">
+                        <img src="assets/img/avocat-assistance-educative-charline-pasteur.webp" alt="Assistance éducative - Avocat à Nantes"
+                            class="card-img" width="250" height="250" loading="lazy">
                         <h3>Assistance éducative</h3>
                     </a>
                 </li>
                 <li>
-                    <a href="droit-penal-mineur" class="card-penal">
+                    <a href="droit-penal-mineur" class="card">
+                        <img src="assets/img/avocat-droit-penal-mineur-charline-pasteur.webp" alt="Droit pénal des mineurs - Avocat à Nantes"
+                            class="card-img" width="250" height="250" loading="lazy">
                         <h3>Droit pénal des mineurs</h3>
                     </a>
                 </li>
                 <li>
-                    <a href="droit-education" class="card-education">
+                    <a href="droit-education" class="card">
+                        <img src="assets/img/avocat-droit-education-charline-pasteur.webp" alt="Droit de l'éducation - Avocat à Nantes"
+                            class="card-img" width="250" height="250" loading="lazy">
                         <h3>Droit de l'éducation</h3>
                     </a>
                 </li>
                 <li>
-                    <a href="droit-etrangers" class="card-etrangers">
+                    <a href="droit-etrangers" class="card">
+                        <img src="assets/img/avocat-droit-etrangers-charline-pasteur.webp" alt="Droit des étrangers - Avocat à Nantes"
+                            class="card-img" width="250" height="250" loading="lazy">
                         <h3>Droit des étrangers</h3>
                     </a>
                 </li>
             </ul>
         </section>
+      
         <section class="section-contact">
             <div class="btn-container">
                 <a href="contact" class="btn-contact">Contact</a>

mentions

@@ -38,7 +38,8 @@
             <div class="nav-phone">
                 <div class="logo">
                     <a href="/">
-                       <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" alt="Logo - Charline Pasteur Avocate">
+                        <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
+                            alt="Logo - Charline Pasteur Avocate">
                         <span>Charline Pasteur, Avocate</span>
                     </a>
                 </div>
@@ -76,8 +77,15 @@
             </nav>
         </div>
     </header>
-    <div class="banner banner-accueil">
-    </div>
+    <section class="banner">
+        <picture>
+            <!-- Image pour mobile -->
+            <source srcset="assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp" media="(max-width: 849px)">
+            <!-- Image pour desktop -->
+            <img src="assets/img/avocat-droit-enfants-charline-pasteur.webp"
+                alt="Avocate spécialisée en droit des enfants à Nantes" class="banner-img" width="1920" height="803">
+        </picture>
+    </section>
     <main>
         <section id="mentions">
             <h1>Mentions légales</h1>

sitemap.xml

@@ -1,33 +1,58 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
+<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9"
+        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
 
   <url>
-    <loc>https://pasteuravocate.com/index</loc>
+    <loc>https://pasteuravocate.com</loc>
     <priority>1.00</priority>
+    <image:image>
+      <image:loc>https://pasteuravocate.com/assets/img/avocat-droit-enfants-charline-pasteur.webp</image:loc>
+      <image:caption>Avocate spécialisée en droit des enfants à Nantes</image:caption>
+    </image:image>
+    <image:image>
+      <image:loc>https://pasteuravocate.com/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-900.webp</image:loc>
+      <image:caption>Portrait de Charline Pasteur, avocate spécialisée en droit des enfants</image:caption>
+    </image:image>
   </url>
 
   <url>
     <loc>https://pasteuravocate.com/assistance-educative</loc>
     <priority>0.80</priority>
+    <image:image>
+      <image:loc>https://pasteuravocate.com/assets/img/avocat-assistance-educative-charline-pasteur.webp</image:loc>
+      <image:caption>Avocat en assistance éducative à Nantes</image:caption>
+    </image:image>
   </url>
 
   <url>
-    <loc>https://pasteuravocate.com/contact</loc>
+    <loc>https://pasteuravocate.com/droit-penal-mineur</loc>
     <priority>0.80</priority>
+    <image:image>
+      <image:loc>https://pasteuravocate.com/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp</image:loc>
+      <image:caption>Avocat en droit pénal des mineurs à Nantes</image:caption>
+    </image:image>
   </url>
 
   <url>
     <loc>https://pasteuravocate.com/droit-education</loc>
     <priority>0.80</priority>
+    <image:image>
+      <image:loc>https://pasteuravocate.com/assets/img/avocat-droit-education-charline-pasteur.webp</image:loc>
+      <image:caption>Avocat en droit de l'éducation et de la famille à Nantes</image:caption>
+    </image:image>
   </url>
 
   <url>
     <loc>https://pasteuravocate.com/droit-etrangers</loc>
     <priority>0.80</priority>
+    <image:image>
+      <image:loc>https://pasteuravocate.com/assets/img/avocat-droit-etrangers-charline-pasteur.webp</image:loc>
+      <image:caption>Avocat en droit des étrangers à Nantes</image:caption>
+    </image:image>
   </url>
 
   <url>
-    <loc>https://pasteuravocate.com/droit-penal-mineur</loc>
+    <loc>https://pasteuravocate.com/contact</loc>
     <priority>0.80</priority>
   </url>