Minify CSS

Ajout de hreflang
fix : banniere 404
2025-08-23 15:49:59 +02:00 · 2025-08-23 15:48:59 +02:00 · 2025-08-22 16:18:43 +02:00 · 2025-08-22 15:58:24 +02:00 · 2025-08-22 15:16:43 +02:00 · 2025-08-22 15:13:42 +02:00
66 changed files with 2454 additions and 858 deletions
--- a/404.html
+++ b/404.html
@@ -0,0 +1,115 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Mentions légales avocate à Nantes - Charline Pasteur</title>
    <meta name="description" content="Mentions légales." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Mentions légales avocate à Nantes - Charline Pasteur" />
    <meta property="og:description" content="Mentions légales." />
    <meta property="og:url" content="https://pasteuravocate.com/mentions" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/mentions/404.html" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/404.html" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/" >Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
        <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">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
 </body>
 </html>
--- a/assets/Logo.webp
+++ b/assets/Logo.webp
--- a/assets/bg.jpg
+++ b/assets/bg.jpg
--- a/assets/dust.webp
+++ b/assets/dust.webp
--- a/assets/etoiles.png
+++ b/assets/etoiles.png
--- a/assets/fond.png
+++ b/assets/fond.png
--- a/assets/foreground-back.webp
+++ b/assets/foreground-back.webp
--- a/assets/foreground-front-2.webp
+++ b/assets/foreground-front-2.webp
--- a/assets/foreground-front.webp
+++ b/assets/foreground-front.webp
--- a/assets/img/404.webp
+++ b/assets/img/404.webp
--- a/assets/img/alt/fond-banniere.pdn
+++ b/assets/img/alt/fond-banniere.pdn
--- a/assets/img/alt/fond-banniere.png
+++ b/assets/img/alt/fond-banniere.png
--- a/assets/img/alt/personnages-banniere.jpg
+++ b/assets/img/alt/personnages-banniere.jpg
--- a/assets/img/alt/personnages-banniere.png
+++ b/assets/img/alt/personnages-banniere.png
--- a/assets/img/alt/teets.png
+++ b/assets/img/alt/teets.png
--- a/assets/img/alt/toto.png
+++ b/assets/img/alt/toto.png
--- a/assets/img/apple-touch-icon.png
+++ b/assets/img/apple-touch-icon.png
--- a/assets/img/avocat-assistance-educative-charline-pasteur.webp
+++ b/assets/img/avocat-assistance-educative-charline-pasteur.webp
--- a/assets/img/avocat-droit-education-charline-pasteur.webp
+++ b/assets/img/avocat-droit-education-charline-pasteur.webp
--- a/assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp
+++ b/assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp
--- a/assets/img/avocat-droit-enfants-charline-pasteur.webp
+++ b/assets/img/avocat-droit-enfants-charline-pasteur.webp
--- a/assets/img/avocat-droit-etrangers-charline-pasteur.webp
+++ b/assets/img/avocat-droit-etrangers-charline-pasteur.webp
--- a/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp
+++ b/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp
--- a/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-300.webp
+++ b/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-300.webp
--- a/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-600.webp
+++ b/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-600.webp
--- a/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-900.webp
+++ b/assets/img/charline-pasteur-avocate-nantes-droit-mineurs-900.webp
--- a/assets/img/charline-pasteur-avocate-nantes-droit-mineurs.webp
+++ b/assets/img/charline-pasteur-avocate-nantes-droit-mineurs.webp
--- a/assets/img/charline-pasteur-banniere.webp
+++ b/assets/img/charline-pasteur-banniere.webp
--- a/assets/img/favicon-96x96.png
+++ b/assets/img/favicon-96x96.png
--- a/assets/img/favicon.ico
+++ b/assets/img/favicon.ico
--- a/assets/img/favicon.svg
+++ b/assets/img/favicon.svg
--- a/assets/img/form.svg
+++ b/assets/img/form.svg
@@ -0,0 +1,67 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 <svg
   fill="#000000"
   height="800px"
   width="800px"
   version="1.1"
   id="Capa_1"
   viewBox="0 0 492.014 492.014"
   xml:space="preserve"
   sodipodi:docname="form.svg"
   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"><defs
   id="defs13" /><sodipodi:namedview
   id="namedview11"
   pagecolor="#ffffff"
   bordercolor="#666666"
   borderopacity="1.0"
   inkscape:pageshadow="2"
   inkscape:pageopacity="0.0"
   inkscape:pagecheckerboard="true"
   showgrid="false"
   inkscape:zoom="0.5875"
   inkscape:cx="399.14894"
   inkscape:cy="399.14894"
   inkscape:window-width="1296"
   inkscape:window-height="704"
   inkscape:window-x="0"
   inkscape:window-y="0"
   inkscape:window-maximized="1"
   inkscape:current-layer="XMLID_144_" />
 <g
   id="XMLID_144_">
 	<path
   id="XMLID_151_"
   d="M339.277,459.566H34.922V32.446h304.354v105.873l32.446-32.447V16.223C371.723,7.264,364.458,0,355.5,0   H18.699C9.739,0,2.473,7.264,2.473,16.223v459.568c0,8.959,7.265,16.223,16.226,16.223H355.5c8.958,0,16.223-7.264,16.223-16.223   V297.268l-32.446,32.447V459.566z"
   style="fill:#ffffff" />
 	<path
   id="XMLID_150_"
   d="M291.446,71.359H82.751c-6.843,0-12.396,5.553-12.396,12.398c0,6.844,5.553,12.397,12.396,12.397h208.694   c6.845,0,12.397-5.553,12.397-12.397C303.843,76.912,298.29,71.359,291.446,71.359z"
   style="fill:#ffffff" />
 	<path
   id="XMLID_149_"
   d="M303.843,149.876c0-6.844-5.553-12.398-12.397-12.398H82.751c-6.843,0-12.396,5.554-12.396,12.398   c0,6.845,5.553,12.398,12.396,12.398h208.694C298.29,162.274,303.843,156.722,303.843,149.876z"
   style="fill:#ffffff" />
 	<path
   id="XMLID_148_"
   d="M274.004,203.6H82.751c-6.843,0-12.396,5.554-12.396,12.398c0,6.845,5.553,12.397,12.396,12.397h166.457   L274.004,203.6z"
   style="fill:#ffffff" />
 	<path
   id="XMLID_147_"
   d="M204.655,285.79c1.678-5.618,4.076-11.001,6.997-16.07h-128.9c-6.843,0-12.396,5.553-12.396,12.398   c0,6.844,5.553,12.398,12.396,12.398h119.304L204.655,285.79z"
   style="fill:#ffffff" />
 	<path
   id="XMLID_146_"
   d="M82.751,335.842c-6.843,0-12.396,5.553-12.396,12.398c0,6.843,5.553,12.397,12.396,12.397h108.9   c-3.213-7.796-4.044-16.409-1.775-24.795H82.751z"
   style="fill:#ffffff" />
 	<path
   id="XMLID_145_"
   d="M479.403,93.903c-6.496-6.499-15.304-10.146-24.48-10.146c-9.176,0-17.982,3.647-24.471,10.138   L247.036,277.316c-5.005,5.003-8.676,11.162-10.703,17.942l-14.616,48.994c-0.622,2.074-0.057,4.318,1.477,5.852   c1.122,1.123,2.624,1.727,4.164,1.727c0.558,0,1.13-0.08,1.688-0.249l48.991-14.618c6.782-2.026,12.941-5.699,17.943-10.702   l183.422-183.414c6.489-6.49,10.138-15.295,10.138-24.472C489.54,109.197,485.892,100.392,479.403,93.903z"
   style="fill:#ffffff" />
 </g>
 </svg>
--- a/assets/img/logo-carre-charline-pasteur-avocate.png
+++ b/assets/img/logo-carre-charline-pasteur-avocate.png
--- a/assets/img/logo-charline-pasteur-avocate.png
+++ b/assets/img/logo-charline-pasteur-avocate.png
--- a/assets/img/logo-charline-pasteur-avocate.webp
+++ b/assets/img/logo-charline-pasteur-avocate.webp
--- a/assets/img/logo-specialiste.webp
+++ b/assets/img/logo-specialiste.webp
--- a/assets/img/mobile.png
+++ b/assets/img/mobile.png
--- a/assets/img/phone.png
+++ b/assets/img/phone.png
--- a/assets/img/site.webmanifest
+++ b/assets/img/site.webmanifest
@@ -0,0 +1,56 @@
 {
  "name": "Charline Pasteur Avocate ",
  "short_name": "Charline Pasteur",
  "description": "Cabinet d'avocate spécialisé en droit des enfants à Nantes et Pays de la Loire.",
  "lang": "fr-FR",
  "start_url": "/index",
  "icons": [
    {
      "src": "/assets/img/web-app-manifest-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable"
    },
    {
      "src": "/assets/img/web-app-manifest-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "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"
 }
--- a/assets/img/web-app-manifest-192x192.png
+++ b/assets/img/web-app-manifest-192x192.png
--- a/assets/img/web-app-manifest-512x512.png
+++ b/assets/img/web-app-manifest-512x512.png
--- a/assets/jax.webp
+++ b/assets/jax.webp
--- a/assets/logo1cp.png
+++ b/assets/logo1cp.png
--- a/assets/luna.webp
+++ b/assets/luna.webp
--- a/assets/manny.webp
+++ b/assets/manny.webp
--- a/assets/personnages.png
+++ b/assets/personnages.png
--- a/assets/rays.webp
+++ b/assets/rays.webp
--- a/assets/texte.png
+++ b/assets/texte.png
--- a/160
+++ b/160
@@ -0,0 +1,160 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Avocat assistance éducative à Nantes - Charline Pasteur</title>
    <meta name="description"
        content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Avocate assistance éducative à Nantes - Charline Pasteur" />
    <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://pasteuravocate.com/assistance-educative" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="canonical" href="https://pasteuravocate.com/assistance-educative" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/mentions/assistance-educative" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/assistance-educative" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative" class="active">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative" class="active">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
            <div class="citation">
                <p>« Si la santé, la sécurité ou la moralité d'un mineur non émancipé sont en danger,
                    ou si les conditions de son éducation ou de son développement physique,
                    affectif, intellectuel et social sont gravement compromises, des mesures d'assistance
                    éducative peuvent être ordonnées par justice à la requête des père et mère conjointement,
                    ou de l'un d'eux, de la personne ou du service à qui l'enfant a été confié ou du tuteur,
                    du mineur lui-même ou du ministère public. »
                </p>
                <span>Article 375 du code civil</span>
            </div>
            <div class="description">
                <p>L'enfant étant partie à la procédure d'assistance éducative, j'ai pour mission de
                    porter sa parole devant le juge, défendre ses droits fondamentaux et procéduraux
                    et veiller à l'exécution des décisions le concernant, tout en étant un repère le
                    guidant, y compris en dehors des audiences.
                </p>
                <p>J'accompagne également les parents convoqués devant le juge des enfants en les préparant
                    au mieux à la compréhension des enjeux de l'audience à travers une analyse du dossier et
                    des rapports des services éducatifs et de conseils guidés par l'intérêt de leur enfant.
                </p>
            </div>
        </section>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
        "@type": "ListItem",
        "position": 1,
        "name": "Accueil",
        "item": "https://pasteuravocate.com/"
        },
        {
        "@type": "ListItem",
        "position": 2,
        "name": "Assistance éducative",
        "item": "https://pasteuravocate.com/assistance-educative"
        }
    ]
    }
    </script>
 </body>
 </html>
--- a/class.css
+++ b/class.css
@@ -0,0 +1,244 @@
 /* Style de la bannière */
 .banner {
  margin-top: 3rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 70vh;
 }
 .banner-accueil {
  background-image: url('assets/img/charline-pasteur-banniere.webp');
 }
 .banner-droit-education {
  background-image: url('assets/img/droit-de-l-education.webp');
 }
 .banner-droit-etrangers {
  background-image: url('assets/img/droit-des-etrangers.webp');
 }
 .banner-droit-penal-mineur {
  background-image: url('assets/img/droit-penal-des-mineurs.webp');
 }
 .banner-assistance-educative {
  background-image: url('assets/img/assistance-educative.webp');
 }
 .banner-404 {
  background-image: url('assets/img/404.webp');
 }
 .button {
  border: 1px solid #F9E7DB;
  color: #F9E7DB;
  padding: 0.3rem 1rem;
  cursor: pointer;
  border-radius: 0.2rem;
 }
 .button:hover {
  background-color: #F9E7DB;
  color: #b00f2e;
 }
 .citation {
  color: #734332;
  font-size: 11pt;
  font-weight: 700;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
 }
 .citation span {
  font-weight: 400;
  align-self: flex-end;
  font-style: italic;
 }
 /* Style pour téléphone portable*/
@media (max-width: 849px) {
  .banner {
    min-height: 50vh;
  }
 }
  .presentation {
    flex-direction: column;
    /* les enfants s'empilent verticalement */
    align-items: center;
  }
  .portrait img,
  .specialiste img {
    max-width: 80%;
    /* pour s'adapter au petit écran */
    padding: 1rem;
  }
  .texte {
    padding: 1rem;
  }
 }
 .cards-list {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
 }
 .cards-list li {
  margin: auto;
  width: 250px;
  box-sizing: border-box;
  cursor: pointer;
 }
 .cards-list li a {
  display: block;
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  transition: transform 0.3s ease;
 }
 .cards-list li:hover a {
  transform: scale(1.1);
 }
 .cards-list li span {
  margin-top: 1rem;
  display: block;
  text-align: center;
  color: #b00f2e;
  background-color: transparent;
  font-size: 1.5em;
  font-weight: bold;
  /*margin: 1rem 0.7rem;*/
 }
 .card-assistance {
  background-image: url('assets/img/assistance-educative.webp');
 }
 .card-penal{
  background-image: url('assets/img/droit-penal-des-mineurs.webp');
 }
 .card-education{
  background-image: url('assets/img/droit-de-l-education.webp');
 }
 .card-etrangers{
  background-image: url('assets/img/droit-des-etrangers.webp');
 }
 .presentation {
  display: flex;
  gap: 1rem;
 }
 .portrait {
  flex-grow: 3;
 }
 .portrait img {
  padding: 2rem 2rem;
  max-width: 250px;
  height: auto;
  display: block;
 }
 .texte {
  flex-grow: 6;
  text-align: justify;
 }
 .specialiste {
  flex-grow: 1;
 }
 .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: #b00f2e;
 }
 .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;
 }
 .section-contact {
  text-align: center;
  margin: 3rem 0;
 }
 .btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
 }
 .btn-contact,
 .btn-phone {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  color: white;
  background-repeat: no-repeat;
  background-position-y: 6px;
  background-position-x: 6px;
  background-size: 40px 40px;
  padding: 0.8rem 1rem 0.8rem 3rem;
  background-color: #b00f2e;
 }
 .btn-phone {
  background-image: url('assets/img/phone.png');
 }
 .btn-contact {
  background-image: url('assets/img/form.svg');
 }
 .btn-phone:hover,
 .btn-contact:hover {
  background-color: #d1776b;
 }
--- a/133
+++ b/133
@@ -0,0 +1,133 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Contacter un avocat pour mineurs à Nantes - Charline Pasteur</title>
    <meta name="description"
        content="Formulaire de contact, contact téléphonique et plan d'accès au cabinet de maître Pasteur." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Contact - Charline Pasteur, Avocate à Nantes" />
    <meta property="og:description"
        content="Formulaire de contact, Contact téléphonique et plan d'accès au cabinet de maître Pasteur." />
    <meta property="og:url" content="https://pasteuravocate.com/contact" />
    <meta property="og:image" content="assets/img/og-cover.jpg" />
    <!--<link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="class.css" />
    <link rel="stylesheet" href="navigation.css" />-->
    <link rel="stylesheet" href="style-min.css" />
    <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/mentions/contact" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/contact" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/"><span>Accueil</span></a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact" class="active">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact" class="active">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
        </div>
        <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>
        <section id="map" class="formulaire-contact">
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2709.830228714837!2d-1.555995024169743!3d47.21990407115697!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4805eea3bc798adb%3A0x89b3252065dc229a!2s3%20Rue%20Maurice%20Duval%2C%2044000%20Nantes!5e0!3m2!1sfr!2sfr!4v1748789823368!5m2!1sfr!2sfr"
                width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade"></iframe>
        </section>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
 </body>
 </html>
--- a/159
+++ b/159
@@ -0,0 +1,159 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Avocat droit de l'éducation à Nantes - Charline Pasteur</title>
    <meta name="description"
        content="Conseil et contentieux en matière de droits de l'éducation à Nantes et Pays de la Loire." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Avocate droit de l'éducation à Nantes - Charline Pasteur" />
    <meta property="og:description"
        content="Conseil et contentieux droits en matière de droits de l'éducation à Nantes et Pays de la Loire." />
    <meta property="og:url" content="https://pasteuravocate.com/droit-education" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="canonical" href="https://pasteuravocate.com/droit-education" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/mentions/droit-education" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/droit-education" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education" class="active">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education" class="active">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
            <div class="citation">
                <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>
                <span>Art. L111-1, Code de l'éducation</span>
            </div>
            <h3>Le droit de l'éducation est à la croisée de plusieurs domaines du droit : droit public, privé et
                pénal.
            </h3>
            <div class="description">
                <p>J'interviens ainsi devant la juridiction judiciaire ou la juridiction administrative.
                    J'assiste les élèves et les étudiants tout au long de leur scolarité et durant chaque cycle (
                    élémentaire, secondaire, supérieur), en matière disciplinaire mais également en matière
                    d'orientation et d'affectation ou de litige à l'occasion d'un concours ou d'un examen.
                </p>
            </div>
        </section>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
        "@type": "ListItem",
        "position": 1,
        "name": "Accueil",
        "item": "https://pasteuravocate.com/"
        },
        {
        "@type": "ListItem",
        "position": 2,
        "name": "Droit de l'éducation",
        "item": "https://pasteuravocate.com/droit-education"
        }
    ]
    }
    </script>
 </body>
 </html>
--- a/185
+++ b/185
@@ -0,0 +1,185 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Avocat droit des étrangers à Nantes - Charline Pasteur</title>
    <meta name="description"
        content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Avocate droit des étrangers à Nantes - Charline Pasteur" />
    <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://pasteuravocate.com/droit-etrangers" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="canonical" href="https://pasteuravocate.com/droit-etrangers" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/mentions/droit-etrangers" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/droit-etrangers" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers" class="active">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers" class="active">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
            <div class="citation">
                <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">
                <p>M'étant destinée à la profession d'avocate pour la défense des droits humains,
                    j'ai à cœur de défendre les droits des personnes étrangères devant la juridiction
                    administrative (Tribunal Administratif et Cour Administrative d'Appel) ou devant
                    la juridiction judiciaire (juge des enfants, juge des tutelles, Chambre spéciale
                    des mineurs de la Cour d'Appel).
                </p>
                <p>Plus spécifiquement, s'agissant des enfants, j'ai à cœur de défendre l'intérêt
                    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:</p>
                <ul class="styled-list">
                    <li>
                        Droit des mineurs non accompagnés
                    </li>
                    <li>
                        Procédure de regroupement familial ou de réunification familiale
                    </li>
                    <li>
                        Conditions matérielles d'accueil des demandeurs d'asile (hébergement / allocation de demandeur
                        d'asile)
                    </li>
                    <li>
                        Procédure de détermination de l'État membre responsable de la demande d'asile (procédure
                        “Dublin”)
                    </li>
                    <li>Séjour et éloignement (demande de titre de séjour auprès de la préfecture, recours grâcieux et
                        recours contentieux à l'encontre des refus de titre séjour, d'obligation de quitter le
                        territoire,
                        d'interdiction de retour sur le territoire français, assignation à résidence ou placement en
                        zone
                        d'attente)
                    </li>
                    <li>
                        Nationalité, naturalisation
                    </li>
                    <li>
                        Droit au logement et à l'hébergement d'urgence
                    </li>
                </ul>
            </div>
        </section>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
        "@type": "ListItem",
        "position": 1,
        "name": "Accueil",
        "item": "https://pasteuravocate.com/"
        },
        {
        "@type": "ListItem",
        "position": 2,
        "name": "Droit des étrangers",
        "item": "https://pasteuravocate.com/droit-etrangers"
        }
    ]
    }
    </script>
 </body>
 </html>
--- a/165
+++ b/165
@@ -0,0 +1,165 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Avocat en droit pénal des mineurs - Charline Pasteur</title>
    <meta name="description"
        content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Avocate en droit pénal des mineurs - Charline Pasteur" />
    <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://pasteuravocate.com/droit-penal-mineur" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/droit-penal-mineur" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur" class="active">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur" class="active">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
            <div class="citation">
                <p>« Le présent code régit les conditions dans lesquelles la responsabilité pénale
                    des mineurs est mise en œuvre, en prenant en compte, dans leur intérêt supérieur,
                    l'atténuation de cette responsabilité en fonction de leur âge et la nécessité de
                    rechercher leur relèvement éducatif et moral par des mesures adaptées à leur âge
                    et leur personnalité, prononcées par une juridiction spécialisée ou selon des
                    procédures appropriées. »
                </p>
                <span>Article préliminaire du Code de la Justice pénale des mineurs</span>
            </div>
            <div class="description">
                <h2>La justice pénale des mineurs est une justice spécialisée</h2>
                <p>Les mineurs, qu'ils soient en conflit avec la loi ou victimes, sont amenés à être
                    convoqués devant des magistrats spécialisés: juge des enfants, juge d'instruction, juge de la
                    liberté et de la détention et procureur de la République. Ils sont notamment accompagnés par des
                    éducateurs spécialisés, professionnels de la protection judiciaire de la jeunesse.
                    Convaincue par l'impératif de spécialisation de l'avocat intervenant aux côtés des mineurs, j'ai
                    décidé de me consacrer uniquement au droit pénal des mineurs.
                </p>
                <p>La justice pénale des mineurs repose sur des principes fondateurs essentiels, à savoir la
                    primauté de l'éducatif sur le répressif et l'atténuation de la responsabilité en fonction de
                    leur âge. Le mineur, personne en construction, n'a pas le discernement similaire à celui d'un
                    adulte, ne
                    peut être jugé d'une manière similaire à un adulte.
                </p>
            </div>
        </section>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
        "@type": "ListItem",
        "position": 1,
        "name": "Accueil",
        "item": "https://pasteuravocate.com/"
        },
        {
        "@type": "ListItem",
        "position": 2,
        "name": "Droit pénal des mineurs",
        "item": "https://pasteuravocate.com/droit-penal-mineur"
        }
    ]
    }
    </script>
 </body>
 </html>
--- a/favicon.ico
+++ b/favicon.ico
--- a/favicon.png
+++ b/favicon.png
--- a/favicon.svg
+++ b/favicon.svg
--- a/170
+++ b/170
@@ -0,0 +1,170 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Honoraires avocat pour mineurs à Nantes - Charline Pasteur</title>
    <meta name="description" content="Honoraires" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Honoraires avocate à Nantes - Charline Pasteur" />
    <meta property="og:description" content="Honoraires" />
    <meta property="og:url" content="https://pasteuravocate.com/honoraires" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/honoraires" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/honoraires" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires" class="active">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires" class="active">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
            <div>
                <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>
                    <p>Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
            </div>
            <div>
                <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>
                        <li><span>Avec honoraire de résultat :</span> une part variable peut être convenue en cas de
                            succès,
                            en
                            complément d'un forfait ou d'un taux horaire.
                        </li>
                    </ul>
            </div>
            <div>
                <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é à
                    l'avance. </p>
            </div>
            <div>
                <h3>Convention d'honoraires</h3>
                <p>
                    Conformément aux règles déontologiques de la profession, une <span>convention écrite</span> est
                    systématiquement
                    proposée <span>avant toute intervention</span>, garantissant ainsi clarté et sécurité pour le
                    client.
                </p>
            </div>
            <div>
                <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,
                    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>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
 </body>
 </html>
--- a/index.html
+++ b/index.html
--- a/200
+++ b/200
@@ -0,0 +1,200 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Mentions légales avocate à Nantes - Charline Pasteur</title>
    <meta name="description" content="Mentions légales." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Mentions légales avocate à Nantes - Charline Pasteur" />
    <meta property="og:description" content="Mentions légales." />
    <meta property="og:url" content="https://pasteuravocate.com/mentions" />
    <meta property="og:image" content="https://pasteuravocate.com/assets/img/logo-carre-charline-pasteur-avocate.png" />
    <!--<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="stylesheet" href="style-min.css" />
    <link rel="canonical" href="https://pasteuravocate.com/droit-penal-mineur" />
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
    <link rel="manifest" href="assets/img/site.webmanifest" />
    <link rel="canonical" href="https://pasteuravocate.com/mentions" />
    <link rel="alternate" hreflang="fr-FR" href="https://pasteuravocate.com/mentions" />
 </head>
 <body>
    <header class="header">
        <div class="contact">
            <div>
                <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
                    Rendez vous en ligne
                </a>
            </div>
        </div>
        <div class="navigation">
            <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">
                        <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>
            <nav class="nav-wrapper" aria-label="Menu principal">
                <!-- Grand écran : aucun sous-menu -->
                <ul class="menu" id="menuXL">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li><a href="honoraires">Honoraires</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
                <!-- Tablette -->
                <ul class="menu" id="menuM">
                    <li><a href="/">Accueil</a></li>
                    <li><a href="assistance-educative">Assistance éducative</a></li>
                    <li><a href="droit-penal-mineur">Droit pénal des mineurs</a></li>
                    <li><a href="droit-education">Droit de l'éducation</a></li>
                    <li><a href="droit-etrangers">Droit des étrangers</a></li>
                    <li class="dropdown">
                        <span class="dropdown-label">Autre ⏷</span>
                        <ul class="submenu">
                            <li><a href="honoraires">Honoraires</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <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>
            <div>
                <h3>Éditeur du site</h3>
                <p> <span>Nom : </span>Madame Charline Pasteur
                    <span>Statut : </span>Entrepreneur individuel
                    <span>Profession : </span>Avocate au Barreau de Nantes
                    <span>Adresse : </span>3 rue Maurice Duval, 44000 Nantes, France
                    <span>SIREN : </span>837 742 485
                    <span>SIRET : </span>837 742 485 00035
                    <span>TVA intracommunautaire : </span>FR50837742485
                    <span>Date de création : </span>02 janvier 2018
                    <span>Code APE : </span>6910Z - Activités juridiques
                </p>
            </div>
            <div>
                <h3>Hébergement</h3>
                <p>
                    Le site est hébergé par Maître Charline Pasteur.
                </p>
            </div>
            <div>
                <h3>Propriété intellectuelle</h3>
                <p>
                    Le site Web est protégé par les droits de propriété intellectuelle et est la propriété exclusive de
                    Mme Charline Pasteur. La conception, le graphisme, le contenu, et l'organisation de ce site sont des
                    œuvres originales et sont l'entière propriété de Mme Charline Pasteur, sauf mention contraire. Toute
                    reproduction, ou démarquage, total ou partiel, fait sans le consentement de l'auteur, ou de ses
                    ayants droit, ou de ses ayants cause, est illicite. Il en est de même pour la traduction,
                    l'adaptation, l'arrangement par quelque procédé que ce soit (Loi 57298 du 11 mars 1957).
                </p>
                <p>
                    Les illustrations présentes sur ce site ont été créées par Creayon, une illustratrice indépendante.
                    Toute utilisation ou reproduction de ces illustrations sans autorisation préalable est interdite.
                </p>
            </div>
            <div>
                <h3>Données personnelles</h3>
                <p>
                    Conformément aux règles déontologiques de la profession, une convention écrite est systématiquement
                    proposée avant toute intervention, garantissant ainsi clarté et sécurité pour le client.
                </p>
                <p>
                    Conformément à la loi Informatique et Libertés et au Règlement Général sur la Protection des Données
                    (RGPD), vous disposez d'un droit d'accès, de rectification, d'opposition et de suppression de vos
                    données personnelles. Pour exercer ces droits, vous pouvez contacter :
                </p>
                Email : c.pasteur.avocate@gmail.com
            </div>
            <div>
                <h3>Cookies</h3>
                <p>
                    Aucun Cookies n'est utilsé sur ce site, nous ne collectons donc aucunes données
                </p>
            </div>
            <div>
                <h3>Modification du site</h3>
                <p>
                    Mme Charline Pasteur se réserve le droit de modifier ou de corriger le contenu de ce site, ainsi que
                    ces mentions légales, à tout moment et sans préavis.
                </p>
            </div>
            <div>
                <h3>Règlement des litiges</h3>
                <p>
                    Depuis le 1er janvier 2016, conformément à l'ordonnance n°2015-103 du 20 août 2015, tout
                    professionnel doit mentionner sur son site internet les coordonnées du médiateur de la consommation
                    qu'il désigne, permettant ainsi aux consommateurs de recourir gratuitement à un règlement amiable
                    des litiges.
                    Cela s'applique notamment aux litiges liés aux honoraires en cas de contrat de services juridiques.
                </p>
                <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
                    :
                    <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>
                </p>
            </div>
        </section>
        <section class="section-contact">
            <div class="btn-container">
                <a href="contact" class="btn-contact">Contact</a>
                <a href="tel:0685985645" class="btn-phone">0685985645</a>
            </div>
        </section>
    </main>
    <!-- ===== PIED-DE-PAGE ===== -->
    <footer class="site-footer">
        <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">Mentions légales</a></p>
            </div>
        </div>
    </footer>
    <script src="script.js" defer></script>
 </body>
 </html>
--- a/navigation.css
+++ b/navigation.css
@@ -0,0 +1,261 @@
 .header {
  background-color: #F9E7DB;
  position: fixed;
  width: 100%;
  z-index: 3;
  align-items: center;
  display: flex;
 }
 .header li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 2px;
  background-color: #b00f2e;
  transition: width 0.3s ease;
 }
 li a.active::after {
  width: 100%;
 }
 li a.active {
  color: #b00f2e;
  font-weight: bold;
 }
 .contact {
  top: 0;
  position: fixed;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 0.7rem;
  justify-content: center;
  align-items: center;
  background-color: #b00f2e;
  padding: 1rem 1rem;
  color: #F9E7DB;
  z-index: 100;
  font-size: 11px;
 }
 .navigation {
  display: flex;
  width: 100%;
 }
 li a:hover::after {
  width: 100%;
 }
 .logo {
  width: 100%;
 }
 .logo img {
  display: inline-block;
  max-height: 40px;
  width: auto;
  padding: 8px 4px 8px 12px;
  vertical-align: middle;
 }
 nav {
  margin-left: auto;
  display: inline-flex;
  margin-right: 1rem;
 }
 .nav-phone {
  width: 100%;
  display: flex;
  width: 100%;
 }
 /* === Menus === */
 #menuXL {
  display: flex;
 }
 /* === Menus === */
 #menuM {
  display: none;
 }
 .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 1rem;
  align-items: center;
 }
 .menu li {
  position: relative;
  white-space: nowrap;
  padding: 0.1rem;
 }
 /* Sous-menu en hover */
 .dropdown {
  position: relative;
 }
 .dropdown .submenu {
  display: none;
  position: fixed;
  top: 6rem;
  right: 1rem;
  z-index: 10;
  background-color: #F9E7DB;
  flex-direction: column;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  padding: 0.5rem;
  min-width: 180px;
 }
 .dropdown:hover .submenu {
  display: flex;
 }
 /* Style du bouton 'Autre' */
 .dropdown-label {
  cursor: pointer;
  padding: 0.5rem;
  display: inline-block;
  color: #333;
  background-color: transparent;
 }
 /* Sous-menu items */
 .submenu li a {
  display: block;
  padding: 0.5rem;
  text-decoration: none;
  color: #333;
 }
@media (max-width: 1299px) and (min-width: 100px) {
  #menuXL {
    display: none;
  }
  #menuM {
    display: flex;
  }
 }
 /* Masque le texte après le logo pour écran moyen comme tablette*/
@media (max-width: 999px) and (min-width: 850px) {
  .logo span {
    display: none;
  }
 }
 /* menu sandwish */
@media (max-width: 849px) {
  .logo span {
    display: inline-flex;
  }
  #menuXL {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: fixed;
    background-color: #F9E7DB;
    top: 3.5rem;
    right: 0;
    box-shadow: -10px 0 20px rgba(0, 0, 0, 0.2);
  }
  #menuM {
    display: none;
  }
  .header {
    display: flex;
  }
  .menu-icon {
    display: inline-block !important;
  }
 }
 /* === Menu mobile burger === */
 .menu-icon {
  cursor: pointer;
  display: none;
  padding: 28px 20px;
  position: relative;
  user-select: none;
  z-index: 100;
 }
 .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
 }
 .menu-icon .navicon:before,
 .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
 }
 .menu-icon .navicon:before {
  top: 5px;
 }
 .menu-icon .navicon:after {
  top: -5px;
 }
 .menu-btn {
  display: none;
 }
 .menu-btn:checked~nav #menuXL {
  max-height: 100vh;
  max-width: 300px;
  width: 300px;
  height: 100%;
  transform: translateX(0);
  opacity: 1;
 }
 .menu-btn:checked~.menu-icon .navicon {
  background: transparent;
 }
 .menu-btn:checked~.menu-icon .navicon:before {
  transform: rotate(-45deg);
 }
 .menu-btn:checked~.menu-icon .navicon:after {
  transform: rotate(45deg);
 }
 .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
 .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
  top: 0;
 }
--- a/robots.txt
+++ b/robots.txt
@@ -0,0 +1,4 @@
 User-agent: *
 Disallow:
 Sitemap: https://pasteuravocate.com/sitemap.xml
--- a/script.js
+++ b/script.js
@@ -0,0 +1 @@
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -0,0 +1,69 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <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</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/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/contact</loc>
    <priority>0.80</priority>
  </url>
  <url>
    <loc>https://pasteuravocate.com/honoraires</loc>
    <priority>0.70</priority>
  </url>
  <url>
    <loc>https://pasteuravocate.com/mentions</loc>
    <priority>0.60</priority>
  </url>
 </urlset>
--- a/style-min.css
+++ b/style-min.css
--- a/style.css
+++ b/style.css
@@ -1,195 +1,109 @@
 .parallax {
  /* overflow: hidden; */
  position: relative;
  z-index: 0;
  min-height: 75vh;
  display: grid;
  grid-template-areas: "stack";
  background-color: #FFEDE5;
 }
 .parallax > * {
  grid-area: stack;
  animation: parallax linear;
  animation-timeline: scroll();
 }
 .parallax > img {
  width: 100%;
 }
 .primary-header,
 .hero {
  --parallax-speed: 10;
  z-index: 10;
 }
 .parallax__bg {
  --parallax-speed: -10;
  z-index: 1;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
 }
 .parallax__dust {
  --parallax-speed: -20;
  z-index: 2;
 }
 .parallax__luna {
  --parallax-speed: 50;
  z-index: 3;
 }
 .parallax__manny {
  --parallax-speed: 30;
  z-index: 4;
 }
 .parallax__jax {
  --parallax-speed: 10;
  z-index: 5;
 }
 .parallax__rays {
  --parallax-speed: 50;
  z-index: 3;
 }
 .parallax__foreground-front,
 .parallax__foreground-back {
  z-index: 999;
  align-self: end;
 }
 .parallax__foreground-back {
  transform: scaleY(1.2);
  transform-origin: bottom;
  mix-blend-mode: hard-light;
 }
 .main-content {
  position: relative;
  /* z-index: 1; */
  background:  #FFEDE5;
  padding-block: 6rem;
 }
@keyframes parallax {
  to {
    transform: 
      translateY(calc(var(--parallax-speed) * 200px));
  }
 }
 /* general styling */
 html {
  color-scheme: normal;
 }
 body {
-  margin: 0;
+  font-family: sans-serif;
-  font-family: "Rubik", sans-serif;
+  line-height: 1.6;
  font-size: 1.25rem;
  font-weight: 700; /* for demo only */
  text-transform: uppercase; /* for demo only */
  min-height: 300vh; /* for demo only */
 }
 img {
  display: block;
  max-width: 100%;
 }
 .wrapper {
  width: min(65rem, 100% - 4rem);
  margin-inline: auto;
 }
 .flex-group {
  display: flex;
  gap: 1rem;
 }
 .button {
  font: inherit;
  font-style: italic;
  text-transform: uppercase;
  background: rgb(227, 195, 14);
  padding: 1em 2em;
  border: 0;
  border-radius: 0.125em;
 }
 .primary-header {
  padding-block: 2rem;
 }
 .primary-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .primary-nav ul {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
-  display: flex;
+  background-color: #F9E7DB;
-  gap: 1rem;
+  color: #333;
-  justify-content: space-between;
+  font-family: Times New Roman;
 }
-.primary-nav a {
+main {
-  color:  rgb(227, 195, 14);
+  padding: 0 1rem;
-  font-weight: 700;
+  margin: 0 auto;
  max-width: 1280px;
 }
 section {
  margin-bottom: 2rem;
 }
 menu li {
  display: block;
  padding: 0.5rem;
  text-decoration: none;
 }
-.logo {
+a {
-  max-width: 100px;
+  color: #333;
-  position: relative;
+  text-decoration: none;
  &::after {
    content: "";
    position: absolute;
    inset: -3rem;
    z-index: -1;
    background: radial-gradient(hsl(0 0% 100% / 0.5), transparent 70%);
  }
 }
-.hero {
+h1 {
-  margin-block-start: max(20vh, 8rem);
+  color: #b00f2e;
  vertical-align: baseline;
  font-size: 1.6rem;
  text-align: center;
 }
-.hero__title {
+h2 {
-  font-size: 2rem;
+  color: #b00f2e;
-  max-width: 3ch;
+  line-height: 1.2;
-  line-height: 1;
+  text-align: center;
-  font-style: italic;
+}
  font-weight: 300;
  position: relative;
-  > span {
+a h3{
-    font-style: normal;
+  padding-top: 14rem;
-    font-size: 0.5em;
+  color: #b00f2e;
-    display: block;
+  font-size: 1.5rem;
  text-align: center;
 }
 h3 {
  color: #ff7d01;
  text-align: left;
 }
 p {
  text-indent: 10px;
 }
 p span {
  font-weight: bold;
 }
 .site-footer {
  padding: 0rem 1rem;
  font-size: 0.8rem;
  background-color: #b00f2e;
  color: #F9E7DB;
 }
 .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;
  }
-  &::after {
+  .footer-right {
-    content: "";
+    text-align: center;
-    position: absolute;
+    margin-top: 0.5rem;
    inset: 0;
    background: white;
    z-index: -1;
    scale: 2;
    opacity: 0.5;
    filter: blur(5rem);
    translate: -50%;
  }
 }
Author	SHA1	Message	Date
Anthony Mahe	761d470683	Minify CSS	2025-08-23 15:49:59 +02:00
Anthony Mahe	079332f616	Ajout de hreflang	2025-08-23 15:48:59 +02:00
Anthony Mahé	87c7973d68	fix : banniere 404	2025-08-22 16:18:43 +02:00
Anthony Mahé	c9ce02f39a	SEO : Reférencement images sitemap	2025-08-22 15:58:24 +02:00
Anthony Mahé	79149f03f6	Fix : Alt images bannières	2025-08-22 15:16:43 +02:00
Anthony Mahé	f5f3f514c3	bannière en img, sans css	2025-08-22 15:13:42 +02:00
Anthony Mahé	5b09efc865	Logo format webp	2025-08-22 10:59:17 +02:00
Anthony Mahé	56f26baa4f	MAJ page 404 avec h1	2025-08-22 10:54:56 +02:00
Anthony Mahé	3ba5574201	TEC : Ajout page 404	2025-08-22 10:18:51 +02:00
Anthony Mahé	0c9daaa3e4	FIX renomage href index.html -> index	2025-08-22 09:12:49 +02:00
Anthony Mahé	f02d8aac07	Optim liens internes	2025-08-21 20:34:28 +02:00
Anthony Mahé	d68df133eb	FIX , dans same as	2025-08-21 20:24:55 +02:00
Anthony Mahé	50347c7192	FIX : Mention.html -> Mention	2025-08-21 20:23:14 +02:00
Anthony Mahé	1f8e043b01	OPTIM title/description/H1	2025-08-21 17:46:38 +02:00
Anthony Mahé	5e1e8b0072	FIX : File Names suppression html	2025-08-21 17:46:02 +02:00
Anthony Mahé	45f174376d	TEC : Optimisation mots clé avocat à la place d'avocate	2025-08-21 17:09:20 +02:00
Anthony Mahe	dba0a68e1c	FIX shema.org	2025-08-19 21:40:22 +02:00
Anthony Mahe	65c35c627b	FIX title et h2	2025-08-19 16:43:35 +02:00
Anthony Mahe	05c52ef3a8	FIX : title og	2025-08-19 15:52:15 +02:00
Anthony Mahe	9f0a3e9bd0	Optimisation title et min css	2025-08-19 15:49:11 +02:00
Anthony Mahe	e15a25daaf	Optimisation images SEO + CSS	2025-08-19 15:48:30 +02:00
Anthony Mahé	e214ef7d0b	FIX : 2 balise H1, tuile sous menu H3, test favicon	2025-08-12 14:38:19 +02:00
Anthony Mahé	818ef36608	TEC : Ajout site vérification	2025-08-01 16:59:07 +02:00
Anthony Mahé	e43540e095	OPTIM : SEO Adress	2025-08-01 16:58:36 +02:00
Anthony Mahé	6f76375a1b	OPTIM : title	2025-07-29 17:11:56 +02:00
Anthony Mahé	32cb92476d	OPTIM : image og	2025-07-28 16:00:46 +02:00
Anthony Mahé	83c7581daa	OPTIM : Ajout breadcrulb	2025-07-28 15:12:55 +02:00
Anthony Mahé	d07f82feaa	OPTIM - Balise titre et meta description	2025-07-28 14:22:21 +02:00
Anthony Mahé	026a3b68eb	OPTIM : Balise title entre 50 et 60 caracteres	2025-07-28 14:17:02 +02:00
Anthony Mahé	413542b5d2	OPTIM : Suppression www	2025-07-28 14:02:15 +02:00
Anthony Mahé	912fe32d58	OPTIM : robot.txt et manifest	2025-07-28 12:52:39 +02:00
Anthony Mahé	ae623c582c	OPTIM : Passage des images en webp	2025-07-28 12:38:42 +02:00
Anthony Mahé	66d99ef46a	OPTIM : Nom de pages avec -	2025-07-28 12:38:13 +02:00
Anthony Mahé	02e041cbac	OPTIM : Ajout balise X	2025-07-28 11:43:32 +02:00
Anthony Mahé	8bad91228a	OPTIM : Ajout schéma entreprise locale + style in class	2025-07-28 11:37:56 +02:00
Anthony Mahé	7300c06a81	Clean Images	2025-07-28 11:35:20 +02:00
Anthony Mahé	ea878336ea	Merge branch 'pure'	2025-07-28 11:14:27 +02:00
Anthony Mahé	b4f9378915	IMG - Test images ALT parralax	2025-07-28 11:13:40 +02:00
Anthony Mahe	c59e80afda	FIX : icone Phone	2025-07-25 17:26:23 +02:00
Anthony Mahe	06b92eb396	CSS : Banniere contain	2025-07-25 17:23:09 +02:00
Anthony Mahe	555446fb21	CSS : Banner cover petite taille ecran	2025-07-25 17:15:47 +02:00
Anthony Mahe	4729fcf357	FIX : Numéro de tel PRO + B	2025-07-25 17:06:41 +02:00
Anthony Mahé	584e99fd2b	Ajout Bannière Mobile	2025-07-25 17:01:33 +02:00
Anthony Mahe	54e2d384d4	FIX marge menu compétence	2025-06-06 15:48:09 +02:00
Anthony Mahe	476e2e23f6	MAJ contact + menu du haut	2025-06-06 15:24:48 +02:00
Anthony Mahe	8212534455	TEC : Reprise logo	2025-06-06 15:02:03 +02:00
Anthony Mahé	74f01a146e	MAJ logo	2025-06-06 14:53:35 +02:00
Anthony Mahé	c99e8bd4ee	MAJ logo SVG	2025-06-06 14:37:37 +02:00
Anthony Mahé	41d592596f	Nouveau bouton form et contact	2025-06-06 14:28:01 +02:00
Anthony Mahé	77f9183bf8	RECETTE : MAJ LOGO icines	2025-06-02 16:43:25 +02:00
Anthony Mahe	2622d8a5f7	RECETTE : Retour couleur bordeaux, bouton tel	2025-06-02 15:42:37 +02:00
Anthony Mahe	ebbe57879c	fix contact	2025-06-01 17:18:11 +02:00
Anthony Mahe	cc6ed8b4e6	Ajout boutons whatsapp et contact	2025-06-01 17:12:50 +02:00
Anthony Mahe	b2634075c0	Carte maps	2025-06-01 17:03:05 +02:00
Anthony Mahe	3dc1fb5b37	Maj Icones	2025-06-01 16:52:31 +02:00
Anthony Mahe	50e52fe608	Réglage footer, menu a droite, contact	2025-06-01 14:46:57 +02:00
Anthony Mahé	6add698310	TEC : Menu sandwish sur la droite	2025-05-27 09:30:09 +02:00
Anthony Mahe	f8eedfd006	Mobiles : Banner COVER	2025-05-23 14:05:52 +02:00
Anthony Mahe	c29b956210	MAJ menu sur toutes les pages	2025-05-23 13:38:16 +02:00
Anthony Mahe	1cfbb7babd	MENU Burger : Transition et toute la hauteur	2025-05-23 13:30:31 +02:00
Anthony Mahe	a7835e2f76	FIX : 2 taille écran + sandwish en mobile	2025-05-22 12:07:49 +02:00
Anthony Mahé	abce374f53	CSS : simplification media et css	2025-05-21 13:26:29 +02:00
Anthony Mahe	23c753d902	TEC : Menu Autre	2025-05-19 23:08:16 +02:00
Anthony Mahe	23f9b448b4	TEC : CSS padding	2025-05-19 21:18:47 +02:00
Anthony Mahe	bb2f00a9a8	TEC : Animations menu	2025-05-19 16:55:24 +02:00
Anthony Mahe	4790a20238	CSS : simplification et maj contact et banner	2025-05-19 16:09:23 +02:00
Anthony Mahe	0110e77609	CSS : Ajustement	2025-05-19 15:53:20 +02:00
Anthony Mahe	f6c2f4b710	MAJ : Bannière accueil	2025-05-19 12:02:36 +02:00
Anthony Mahe	a285434930	TEC : Ajustement css	2025-05-19 11:52:32 +02:00
Anthony Mahe	9ac668a664	FEAT : renseignement pages rubriques	2025-05-19 11:31:14 +02:00
Anthony Mahe	660280f2c4	FEAT : Ajustement meta	2025-05-18 15:51:41 +02:00
Anthony Mahe	bc07caa475	FEAT : création pages rubriques	2025-05-18 15:29:54 +02:00
Anthony Mahe	7b830c913c	FIX : allim=genment presentation ordi	2025-05-17 23:12:36 +02:00
Anthony Mahe	3b3fafdb23	Mise en place domaines et responsive	2025-05-17 16:38:30 +02:00
Anthony Mahe	68e815977f	TEC : Site pure CSS	2025-05-16 13:52:36 +02:00
Anthony Mahe	9e5af960d3	FEAT : images base 64	2025-04-19 20:25:47 +02:00