Merge branch 'pure'

IMG - Test images ALT parralax
FIX : icone Phone
2025-07-28 11:14:27 +02:00 · 2025-07-28 11:13:40 +02:00 · 2025-07-25 17:26:23 +02:00 · 2025-07-25 17:23:09 +02:00 · 2025-07-25 17:15:47 +02:00 · 2025-07-25 17:06:41 +02:00
49 changed files with 1889 additions and 459 deletions
--- a/assets/img/AssistanceEducative.jpg
+++ b/assets/img/AssistanceEducative.jpg
--- a/assets/img/CharlinePasteur-banniere.jpg
+++ b/assets/img/CharlinePasteur-banniere.jpg
--- a/assets/img/DroitPenaldesMineurs.jpg
+++ b/assets/img/DroitPenaldesMineurs.jpg
--- a/assets/img/DroitddelEducation.jpg
+++ b/assets/img/DroitddelEducation.jpg
--- a/assets/img/DroitdesEtrangers.jpg
+++ b/assets/img/DroitdesEtrangers.jpg
--- 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/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.png
+++ b/assets/img/logo.png
--- a/assets/img/logo.webp
+++ b/assets/img/logo.webp
--- a/assets/img/logo_carre.png
+++ b/assets/img/logo_carre.png
--- a/assets/img/mobile.png
+++ b/assets/img/mobile.png
--- a/assets/img/phone.png
+++ b/assets/img/phone.png
--- a/assets/img/portraitCharlinePasteur.jpg
+++ b/assets/img/portraitCharlinePasteur.jpg
--- a/assets/img/site.webmanifest
+++ b/assets/img/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Charline Pasteur Avocate ",
+  "short_name": "Charline Pasteur",
+  "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"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
--- a/assets/img/specialiste.png
+++ b/assets/img/specialiste.png
--- 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/assistance_educative.html
+++ b/assistance_educative.html
@@ -0,0 +1,132 @@
+<!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>Assistance éducative - Charline Pasteur, Avocate à Nantes</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="Assistance éducative - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:description"
+        content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." />
+    <meta property="og:url" content="https://www.pasteuravocate.com/assistance_educative.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+
+    <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="class.css" />
+    <link rel="stylesheet" href="navigation.css" />
+    <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html" class="active">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html"  class="active">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-assistance-educative">
+    </div>
+    <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.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
+</html>
--- a/class.css
+++ b/class.css
@@ -0,0 +1,227 @@
+/* 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/CharlinePasteur-banniere.jpg');
+}
+
+.banner-droit-education {
+  background-image: url('assets/img/DroitddelEducation.jpg');
+}
+
+.banner-droit-etrangers {
+  background-image: url('assets/img/DroitdesEtrangers.jpg');
+}
+
+.banner-droit-penal-mineur {
+  background-image: url('assets/img/DroitPenaldesMineurs.jpg');
+}
+
+.banner-assistance-educative {
+  background-image: url('assets/img/AssistanceEducative.jpg');
+}
+
+.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;
+  }
+
+  .banner-accueil {
+  background-image: url('assets/img/banniere-mobile.jpg');
+}
+
+  .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;*/
+}
+
+.presentation {
+  display: flex;
+  gap: 1rem;
+}
+
+.portrait {
+  flex-grow: 3;
+}
+
+.portrait img {
+  padding: 2rem 2rem;
+  max-width: 250px;
+}
+
+.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/contact.html
+++ b/contact.html
@@ -0,0 +1,119 @@
+<!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>Contact - Charline Pasteur, Avocate à Nantes</title>
+    <meta name="description"
+        content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Contact - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:description"
+        content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." />
+    <meta property="og:url" content="https://www.pasteuravocate.com/contact.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="class.css" />
+    <link rel="stylesheet" href="navigation.css" />
+    <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html"><span>Accueil</span></a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html" class="active">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html" class="active">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-accueil">
+    </div>
+    <main>
+        <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.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
+</html>
--- a/droit_education.html
+++ b/droit_education.html
@@ -0,0 +1,129 @@
+<!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>Droit de l'éducation - Charline Pasteur, Avocate à Nantes</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="Maître Charline Pasteur - Avocate au barreau de Nantes" />
+    <meta property="og:description"
+        content="Conseil et contentieux droits en matière de l'éducation à Nantes et Pays de la Loire." />
+    <meta property="og:url" content="https://www.pasteuravocate.com/droit_education.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+
+    <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="class.css" />
+    <link rel="stylesheet" href="navigation.css" />
+    <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html"  class="active">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html"  class="active">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-droit-education">
+    </div>
+    <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.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
+</html>
--- a/droit_etrangers.html
+++ b/droit_etrangers.html
@@ -0,0 +1,157 @@
+<!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>Droit des étrangers - Charline Pasteur, Avocate à Nantes</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="Droit des étrangers - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:description"
+        content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." />
+    <meta property="og:url" content="https://www.pasteuravocate.com/droit_etrangers.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+
+    <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="class.css" />
+    <link rel="stylesheet" href="navigation.css" />
+    <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html" class="active">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html" class="active">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-droit-etrangers">
+    </div>
+    <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.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
+</html>
--- a/droit_penal_mineur.html
+++ b/droit_penal_mineur.html
@@ -0,0 +1,137 @@
+<!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>Droit pénal des mineurs - Charline Pasteur, Avocate à Nantes</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="Droit pénal des mineurs - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:description"
+        content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." />
+    <meta property="og:url" content="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+
+    <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="class.css" />
+    <link rel="stylesheet" href="navigation.css" />
+    <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html" class="active">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html" class="active">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-droit-penal-mineur">
+    </div>
+    <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.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
+</html>
--- a/etoiles.png
+++ b/etoiles.png
--- a/fond.png
+++ b/fond.png
--- a/full.pdn
+++ b/full.pdn
--- a/honoraires.html
+++ b/honoraires.html
@@ -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>Honoraires - Charline Pasteur, Avocate à Nantes</title>
+    <meta name="description" content="Honoraires" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:description" content="Honoraires" />
+    <meta property="og:url" content="https://www.pasteuravocate.com/honoraires.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+
+    <!--<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="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html" class="active">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html" class="active">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-accueil">
+    </div>
+    <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.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
+</html>
--- a/index.html
+++ b/index.html
@@ -1,44 +1,184 @@
-<!DOCTYPE html>
-<html class="no-js">
-
-<head>
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <title>Charline Pasteur Avocate</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <link rel="stylesheet" href="./styles.css" />
-</head>
-
-<body>
-  <div class="navbar">
-    <input type="checkbox" id="menu-toggle">
-    <label for="menu-toggle" class="menu-icon">
-      <span></span>
-      <span></span>
-      <span></span>
-    </label>
-    <nav>
-      <a href="#about">Qui je suis</a>
-      <a href="#how">Ce que je fais</a>
-      <a href="#contact">Contact</a>
-    </nav>
-  </div>
-  <div class="wrapper">
-    <div class="parallax__group hero-container">
-      <div class="parallax__layer sky"></div>
-      <div class="parallax__layer bushes"></div>
-      <div class="parallax__layer water"></div>
-      <div class="parallax__layer people1"></div>
-      <!--<div class="parallax__layer people2"></div>
-        <div class="parallax__layer people3"></div>
-        <div></div>-->
-    </div>
-    <section id="about" class="parallax__group info-container">      
-    </section>
-    <section id="about"></section>
-    <section id="how"></section>
-    <section id="contact"></section>
-  </div>
-</body>
-
+<!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>Charline Pasteur - Avocate au barreau de Nantes</title>
+    <meta name="description"
+        content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droit des mineurs à Nantes et Pays de la Loire." />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Maître Charline Pasteur - Avocate au barreau de Nantes" />
+    <meta property="og:description"
+        content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droits des mineurs à Nantes et Pays de la Loire." />
+    <meta property="og:url" content="https://www.pasteuravocate.com" />
+    <meta property="og:image:type" content="image/jpeg">
+    <meta property="og:image" content="assets/img/CharlinePasteur-banniere.jpg" />
+    <!--<meta property="og:image:width" content="300">
+    <meta property="og:image:height" content="300">-->
+    <meta name="apple-mobile-web-app-title" content="Charline Pasteur Avocate" />
+
+    <!--<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="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html" class="active">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html" class="active">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-accueil">
+    </div>
+    <main>
+        <section id="accueil">
+            <div class="">
+                <div>
+                    <h1>Charline Pasteur <br>
+                        Avocate au Barreau de Nantes</h1>
+                </div>
+            </div>
+            <div class="presentation">
+                <div class="portrait">
+                    <img src="assets/img/portraitCharlinePasteur.jpg">
+                </div>
+                <div class="texte">
+                    <h2>Spécialiste droit des enfants</h2>
+                    <p>Ayant obtenu mon certificat d'aptitude à la profession d'Avocat au sein de l'École de
+                        Formation du Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de
+                        Nantes en janvier 2018.
+                        Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité,
+                        probité, conscience et indépendance.
+                    </p>
+                    <p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles
+                        mais aussi de causes collectives, le droit étant à mes yeux avant tout un outil au service des
+                        droits
+                        humains.
+                        Parmi ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
+                        particulièrement.
+                    </p>
+                    <p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à
+                        travers une année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis
+                        d'obtenir le Diplôme Universitaire « Protection de l'Enfance ».
+                    </p>
+                    <p>J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre
+                        2024 me permettant aujourd'hui d'exercer comme avocate spécialiste.
+                    </p>
+                    <p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs,
+                        du droit de la famille et du droit de l'éducation. J'exerce également dans le domaine du droit
+                        des
+                        étrangers.
+                    </p>
+                    <p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission
+                        mineure du Syndicat des Avocats de France.
+                    </p>
+                </div>
+                <div class="specialiste">
+                    <img src="assets/img/specialiste.png">
+                </div>
+            </div>
+        </section>
+
+        <section id="domaines">
+            <h2>Domaines d'intervention</h2>
+            <ul class="cards-list">
+                <li>
+                    <a href="assistance_educative.html"
+                        style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
+                    <span>Assistance éducative</span>
+                </li>
+                <li>
+                    <a href="droit_penal_mineur.html"
+                        style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
+                    <span>Droit pénal des mineurs</span>
+                </li>
+                <li>
+                    <a href="droit_education.html"
+                        style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
+                    <span>Droit de l'éducation</span>
+                </li>
+                <li>
+                    <a href="droit_etrangers.html"
+                        style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
+                    <span>Droit des étrangers</span>
+                </li>
+            </ul>
+        </section>
+        <section class="section-contact">
+            <div class="btn-container">
+                <a href="contact.html" 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.html">Mentions légales</a></p>
+            </div>
+        </div>
+    </footer>
+    <script src="script.js" defer></script>
+</body>
+
 </html>
--- a/mentions.html
+++ b/mentions.html
@@ -0,0 +1,191 @@
+<!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 - Charline Pasteur, Avocate à Nantes</title>
+    <meta name="description" content="Mentions légales." />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" />
+    <meta property="og:description" content="Mentions légales." />
+    <meta property="og:url" content="https://www.pasteuravocate.com/mentions.html" />
+    <meta property="og:image" content="assets/img/og-cover.jpg" />
+
+    <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="class.css" />
+    <link rel="stylesheet" href="navigation.css" />
+    <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
+    <link rel="shortcut icon" href="assets/img/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
+    <link rel="manifest" href="assets/img/site.webmanifest" />
+</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="index.html">
+                        <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
+                        <span>Charline Pasteur, Avocate</span>
+                    </a>
+                </div>
+            </div>
+            <input class="menu-btn" type="checkbox" id="menu-btn" />
+            <label class="menu-icon" for="menu-btn">
+                <span class="navicon"></span>
+            </label>
+            <nav class="nav-wrapper" aria-label="Menu principal">
+                <!-- Grand écran : aucun sous-menu -->
+                <ul class="menu" id="menuXL">
+                    <li><a href="index.html">Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li><a href="honoraires.html">Honoraires</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+                <!-- Tablette -->
+                <ul class="menu" id="menuM">
+                    <li><a href="index.html" >Accueil</a></li>
+                    <li><a href="assistance_educative.html">Assistance éducative</a></li>
+                    <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
+                    <li><a href="droit_education.html">Droit de l'éducation</a></li>
+                    <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
+                    <li class="dropdown">
+                        <span class="dropdown-label">Autre ⏷</span>
+                        <ul class="submenu">
+                            <li><a href="honoraires.html">Honoraires</a></li>
+                            <li><a href="contact.html">Contact</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </header>
+    <div class="banner banner-accueil">
+    </div>
+    <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.html" 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.html">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,260 @@
+.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;
+  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/personnage1.png
+++ b/personnage1.png
--- a/personnage2.png
+++ b/personnage2.png
--- a/personnage3.png
+++ b/personnage3.png
--- a/personnages.png
+++ b/personnages.png
--- a/photo.png
+++ b/photo.png
--- a/script.js
+++ b/script.js
@@ -0,0 +1 @@
+
--- a/style.css
+++ b/style.css
@@ -0,0 +1,102 @@
+body {
+  font-family: sans-serif;
+  line-height: 1.6;
+  margin: 0;
+  padding: 0;
+  background-color: #F9E7DB;
+  color: #333;
+  font-family: Times New Roman;
+}
+
+main {
+  padding: 0 1rem;
+  margin: 0 auto;
+  max-width: 1280px;
+}
+
+section {
+  margin-bottom: 2rem;
+}
+
+menu li {
+  display: block;
+  padding: 0.5rem;
+  text-decoration: none;
+}
+
+a {
+  color: #333;
+  text-decoration: none;
+}
+
+h1 {
+  color: #b00f2e;
+  vertical-align: baseline;
+  font-size: 1.6rem;
+  text-align: center;
+}
+
+h2 {
+  color: #b00f2e;
+  line-height: 1.2;
+  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;
+  }
+
+  .footer-right {
+    text-align: center;
+    margin-top: 0.5rem;
+  }
+}
--- a/copy.css
+++ b/copy.css
@@ -1,171 +0,0 @@
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-  color: black;
-  background-color: #FFEDE5;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: 700;
-  overflow-x: hidden;
-  /* Empêche le scroll horizontal */
-}
-
-.navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  background-color: white;
-  height: 4rem;
-  z-index: 1000;
-}
-
-nav {
-  float: right;
-  background-color: transparent;
-  height: 100%;
-}
-
-nav a {
-  display: inline-block;
-  color: rgb(227, 195, 14);
-  padding: 18px 12px;
-  text-decoration: none;
-  transition: ease-in .3s;
-}
-
-nav a:hover {
-  color: white;
-  background: #6aa9e895;
-  cursor: pointer;
-}
-
-.wrapper {
-  padding-top: 12rem;
-  height: 100vh;
-  overflow-x: hidden;
-  overflow-y: auto;
-  perspective: 300px;
-  width: 100vw;
-  /* Force la largeur du viewport */
-  overflow-x: hidden;
-}
-
-.parallax__group {
-  position: relative;
-  height: 100vh;
-  width: 100vw;
-  transform-style: preserve-3d;
-}
-
-.parallax__layer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.sky {
-  background-color: white;
-  background: url('fond.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-600px) scale(3);
-  z-index: 1;
-}
-
-.bushes {
-  background: url('etoiles.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-525px) scale(2.75);
-  z-index: 2;
-}
-
-.water {
-  background: url('texte.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-400px) scale(2.33333333);
-  z-index: 3;
-}
-
-.people1 {
-  background: url("personnages.png") no-repeat;
-  background-size: contain;
-  transform: translateZ(-250px) scale(1.833333333);
-  z-index: 4;
-}
-
-.info-container {
-  background-color: #FFEDE5;
-}
-
-/* Style du menu hamburger */
-.menu-icon {
-  display: none;
-  /* Caché par défaut */
-  flex-direction: column;
-  cursor: pointer;
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  z-index: 1001;
-}
-
-.menu-icon span {
-  background: rgb(227, 195, 14);
-  display: block;
-  height: 3px;
-  width: 25px;
-  margin: 5px 0;
-  transition: 0.3s;
-}
-
-/* Masquer la case à cocher */
-#menu-toggle {
-  display: none;
-}
-
-
-@media screen and (min-width:760px) {
-  .sky,
-  .bushes,
-  .water,
-  .people1 {
-    background-size: contain;
-    /* Remplit toute la largeur */
-    /*background-position: center; Centre les images */
-  }
-}
-
-@media screen and (max-width: 760px) {
-  .menu-icon {
-    display: flex;
-  }
-
-  nav {
-    display: none;
-    flex-direction: column;
-    position: absolute;
-    top: 4rem;
-    left: 0;
-    width: 100%;
-    background: white;
-    text-align: center;
-  }
-
-  /* Quand la case est cochée, afficher le menu */
-  #menu-toggle:checked+.menu-icon+nav {
-    display: flex;
-  }
-
-  nav a {
-    padding: 15px;
-    display: block;
-  }
-}
--- a/styles.css
+++ b/styles.css
--- a/texte.png
+++ b/texte.png
Author	SHA1	Message	Date
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 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 Mahé	00f5ed85ad	Corrrectif fond rose	2025-03-05 14:00:17 +01:00
Anthony Mahé	11f7a628c8	effet	2025-03-04 16:47:00 +01:00
Anthony Mahé	9491279890	Effet Alternatif	2025-03-04 16:36:54 +01:00