anthony/avocate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Réglage footer, menu a droite, contact

Browse Source
This commit is contained in:
Anthony Mahe
2025-06-01 14:46:57 +02:00
parent 6add698310
commit 50e52fe608
21 changed files with 306 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets2/img/AssistanceEducative.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
assets2/img/CharlinePasteur-banniere.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 593 KiB

BIN
assets2/img/DroitPenaldesMineurs.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
assets2/img/DroitddelEducation.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
assets2/img/DroitdesEtrangers.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
assets2/img/banner-mobile.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
assets2/img/logo.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
assets2/img/logo.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
assets2/img/portraitCharlinePasteur.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
assets2/img/specialiste.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

37
assistance_educative.html
View File

@@ -14,18 +14,18 @@
<meta property="og:description" <meta property="og:description"
content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." /> 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:url" content="https://www.pasteuravocate.com/assistance_educative.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/assistance_educative.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/assistance_educative.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
<div> <div>
@@ -38,21 +38,23 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
<li><a href="index.html"><span>Accueil</span></a></li> <li><a href="index.html"><span>Accueil</span></a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html" class="active">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
@@ -62,7 +64,7 @@
<!-- Tablette --> <!-- Tablette -->
<ul class="menu" id="menuM"> <ul class="menu" id="menuM">
<li><a href="index.html">Accueil</a></li> <li><a href="index.html">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html" class="active">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
@@ -109,10 +111,15 @@
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

36
class.css
View File

@@ -8,23 +8,23 @@
} }
.banner-accueil { .banner-accueil {
background-image: url('assets/img/CharlinePasteur-banniere.jpg'); background-image: url('assets2/img/CharlinePasteur-banniere.jpg');
} }
.banner-droit-education { .banner-droit-education {
background-image: url('assets/img/DroitddelEducation.jpg'); background-image: url('assets2/img/DroitddelEducation.jpg');
} }
.banner-droit-etrangers { .banner-droit-etrangers {
background-image: url('assets/img/DroitdesEtrangers.jpg'); background-image: url('assets2/img/DroitdesEtrangers.jpg');
} }
.banner-droit-penal-mineur { .banner-droit-penal-mineur {
background-image: url('assets/img/DroitPenaldesMineurs.jpg'); background-image: url('assets2/img/DroitPenaldesMineurs.jpg');
} }
.banner-assistance-educative { .banner-assistance-educative {
background-image: url('assets/img/AssistanceEducative.jpg'); background-image: url('assets2/img/AssistanceEducative.jpg');
} }
.button { .button {
@@ -138,6 +138,7 @@
.texte { .texte {
flex-grow: 6; flex-grow: 6;
text-align: justify;
} }
.specialiste { .specialiste {
@@ -148,3 +149,28 @@
padding: 2rem 2rem; padding: 2rem 2rem;
max-width: 100px; max-width: 100px;
} }
.styled-list {
float: none;
list-style-type: disc;
list-style-position: inside;
padding-left: 1rem;
}
.styled-list li::marker {
color: #CC4331;
}
.formulaire-contact {
display: flex;
justify-content: center; /* Centre horizontalement */
align-items: center; /* Centre verticalement si hauteur définie */
padding: 2rem 1rem;
flex-direction: column;
}
.formulaire-contact iframe {
max-width: 100%;
width: 640px;
border: none;
}

118
contact.html
View File

@@ -14,12 +14,12 @@
<meta property="og:description" <meta property="og:description"
content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." /> 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:url" content="https://www.pasteuravocate.com/contact.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/contact.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/contact.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -36,16 +36,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
@@ -55,7 +57,7 @@
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html" class="active">Contact</a></li>
</ul> </ul>
<!-- Tablette --> <!-- Tablette -->
<ul class="menu" id="menuM"> <ul class="menu" id="menuM">
@@ -68,7 +70,7 @@
<span class="dropdown-label">Autre ⏷</span> <span class="dropdown-label">Autre ⏷</span>
<ul class="submenu"> <ul class="submenu">
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html" class="active">Contact</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
@@ -78,92 +80,26 @@
<div class="banner banner-accueil"> <div class="banner banner-accueil">
</div> </div>
<main> <main>
<section id="accueil"> <section id="contact" class="formulaire-contact">
<div class=""> <iframe
<div> src="https://docs.google.com/forms/d/e/1FAIpQLSfVpdPQfCvT-t3bdN0CaJfQMvDaeDUbkUGGeFAv_eKAQEKmVw/viewform?embedded=true"
<h1>Charline Pasteur</h1> width="640" height="877" frameborder="0" marginheight="0" marginwidth="0">
</div> Chargement…
<div> </iframe>
<h1>Avocate au Barreau de Nantes</h1>
</div>
</div>
<div class="presentation">
<div class="portrait">
<img src="assets/img/portraitCharlinePasteur.jpg">
</div>
<div class="texte">
<h2>Spécialiste droit des enfants</h2>
<p>Ayant obtenu mon certificat d'aptitude à la profession d'Avocat au sein de l'École de Formation
du
Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de Nantes en
janvier
2018.
Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité, probité,
conscience et indépendance.
</p>
<p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles mais aussi
de
causes collectives, le droit étant à mes yeux avant tout un outil au service des droits humains.
Parmi
ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
particulièrement.
</p>
<p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à travers
une
année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis d'obtenir le
Diplôme
Universitaire « Protection de l'Enfance ».
</p>
<p>J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre 2024 me
permettant aujourd'hui d'exercer comme avocate spécialiste.
</p>
<p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs, du droit
de la
famille et du droit de l'éducation. J'exerce également dans le domaine du droit des étrangers.
</p>
<p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission
mineure du Syndicat des Avocats de France.
</p>
</div>
<div class="specialiste">
<img src="assets/img/specialiste.png">
</div>
</div>
</section>
<section id="domaines">
<h2>Domaines d'intervention</h2>
<ul class="cards-list">
<li>
<a href="assistance_educative.html"
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
<span>Assistance éducative</span>
</li>
<li>
<a href="droit_penal_mineur.html"
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
<span>Droit pénal des mineurs</span>
</li>
<li>
<a href="droit_education.html"
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
<span>Droit de l'éducation</span>
</li>
<li>
<a href="droit_etrangers.html"
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
<span>Droit des étrangers</span>
</li>
</ul>
</section> </section>
</main> </main>
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

48
droit_education.html
View File

@@ -13,17 +13,18 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux droits en matière de l'éducation à Nantes et Pays de la Loire." /> 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:url" content="https://www.pasteuravocate.com/droit_education.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/droit_education.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/droit_education.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <header class="header"> <body>
<header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
<div> <div>
@@ -36,23 +37,25 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
<li><a href="index.html"><span>Accueil</span></a></li> <li><a href="index.html"><span>Accueil</span></a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html" class="active">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
@@ -62,7 +65,7 @@
<li><a href="index.html">Accueil</a></li> <li><a href="index.html">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html" class="active">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li class="dropdown"> <li class="dropdown">
<span class="dropdown-label">Autre ⏷</span> <span class="dropdown-label">Autre ⏷</span>
@@ -82,7 +85,8 @@
<section id="droit_education"> <section id="droit_education">
<h1>Droit de l'éducation</h1> <h1>Droit de l'éducation</h1>
<div class="citation"> <div class="citation">
<p>« Le droit à l'éducation est garanti à chacun afin de lui permettre de développer sa personnalité, <p>« Le droit à l'éducation est garanti à chacun afin de lui permettre de développer sa
personnalité,
d'élever son niveau de formation initiale et continue, de s'insérer dans la vie sociale et d'élever son niveau de formation initiale et continue, de s'insérer dans la vie sociale et
professionnelle, d'exercer sa citoyenneté .» professionnelle, d'exercer sa citoyenneté .»
</p> </p>
@@ -100,21 +104,19 @@
</div> </div>
</section> </section>
<section id="contact">
<h2>Contactez-moi</h2>
<p>Vous pouvez me contacter à l'adresse email suivante : <a
href="mailto:votre@email.com">votre@email.com</a></p>
</section>
</main> </main>
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

44
droit_etrangers.html
View File

@@ -14,14 +14,14 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." /> 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:url" content="https://www.pasteuravocate.com/droit_etrangers.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/droit_etrangers.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/droit_etrangers.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -38,16 +38,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
@@ -55,7 +57,7 @@
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html" class="active">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> </ul>
@@ -65,7 +67,7 @@
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html" class="active">Droit des étrangers</a></li>
<li class="dropdown"> <li class="dropdown">
<span class="dropdown-label">Autre ⏷</span> <span class="dropdown-label">Autre ⏷</span>
<ul class="submenu"> <ul class="submenu">
@@ -83,8 +85,7 @@
<section id="droit_etrangers"> <section id="droit_etrangers">
<h1>Droit des étrangers</h1> <h1>Droit des étrangers</h1>
<div class="citation"> <div class="citation">
<p>« Tous les êtres humains naissent libres et égaux en dignité et en droits ». <p>« Tous les êtres humains naissent libres et égaux en dignité et en droits ».</p>
</p>
<span>Article premier de la Déclaration Universelle des Droits de l'Homme</span> <span>Article premier de la Déclaration Universelle des Droits de l'Homme</span>
</div> </div>
<div class="description"> <div class="description">
@@ -98,9 +99,8 @@
supérieur de l'enfant tel que consacré par l'article 3-1 de la convention internationale supérieur de l'enfant tel que consacré par l'article 3-1 de la convention internationale
des droits de l'enfant. des droits de l'enfant.
</p> </p>
<p> <p> Mes matières préférentielles sont les suivantes:</p>
Mes matières préférentielles sont les suivantes: <ul class="styled-list">
<ul>
<li> <li>
Droit des mineurs non accompagnés Droit des mineurs non accompagnés
</li> </li>
@@ -129,17 +129,21 @@
Droit au logement et à l'hébergement d'urgence Droit au logement et à l'hébergement d'urgence
</li> </li>
</ul> </ul>
</p>
</div> </div>
</section> </section>
</main> </main>
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

38
droit_penal_mineur.html
View File

@@ -14,17 +14,18 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." /> 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:url" content="https://www.pasteuravocate.com/droit_penal_mineur.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body><header class="header"> <body>
<header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
<div> <div>
@@ -37,22 +38,24 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
<li><a href="index.html"><span>Accueil</span></a></li> <li><a href="index.html"><span>Accueil</span></a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html" class="active">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html">Honoraires</a></li>
@@ -62,7 +65,7 @@
<ul class="menu" id="menuM"> <ul class="menu" id="menuM">
<li><a href="index.html">Accueil</a></li> <li><a href="index.html">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html" class="active">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li class="dropdown"> <li class="dropdown">
@@ -114,10 +117,15 @@
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

71
honoraires.html
View File

@@ -12,40 +12,39 @@
<meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" /> <meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" />
<meta property="og:description" content="Honoraires" /> <meta property="og:description" content="Honoraires" />
<meta property="og:url" content="https://www.pasteuravocate.com/honoraires.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/honoraires.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/honoraires.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/honoraires.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06</div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button"> <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne Rendez vous en ligne
</a> </a>
</div> </div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
@@ -54,7 +53,7 @@
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html" class="active">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> </ul>
<!-- Tablette --> <!-- Tablette -->
@@ -67,7 +66,7 @@
<li class="dropdown"> <li class="dropdown">
<span class="dropdown-label">Autre ⏷</span> <span class="dropdown-label">Autre ⏷</span>
<ul class="submenu"> <ul class="submenu">
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html" class="active">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
</ul> </ul>
</li> </li>
@@ -81,22 +80,18 @@
<section id="honoraires"> <section id="honoraires">
<h1>Honoraires</h1> <h1>Honoraires</h1>
<div> <div>
<h2>Transparence & personnalisation</h2> <h3>Transparence & personnalisation</h2>
<p> <p>Les honoraires de Maître Charline Pasteur sont fixés <span>en toute transparence</span>, en fonction :</p>
Les honoraires de Maître Charline Pasteur sont fixés <span>en toute transparence</span>, en fonction
:
<ul> <ul>
<li>de la nature de l'affaire,</li> <li>de la nature de l'affaire,</li>
<li>de sa complexité,</li> <li>de sa complexité,</li>
<li>et des diligences à accomplir.</li> <li>et des diligences à accomplir.</li>
</ul> </ul>
Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p> <p>Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
</p>
</div> </div>
<div> <div>
<h2>Modes de facturation</h2> <h3>Modes de facturation</h2>
<p> <p>Selon votre situation, plusieurs modalités peuvent être proposées :</p>
Selon votre situation, plusieurs modalités peuvent être proposées :
<ul> <ul>
<li><span>Au temps passé :</span> facturation sur la base d'un taux horaire défini ensemble.</li> <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>Forfaitaire :</span> un montant global est fixé pour la mission.</li>
@@ -105,17 +100,16 @@
complément d'un forfait ou d'un taux horaire. complément d'un forfait ou d'un taux horaire.
</li> </li>
</ul> </ul>
</p>
</div> </div>
<div> <div>
<h2>Premier rendez-vous</h2> <h3>Premier rendez-vous</h3>
<p>Le premier rendez-vous est consacré à l'étude de votre situation et à la définition du cadre <p>Le premier rendez-vous est consacré à l'étude de votre situation et à la définition du cadre
d'intervention. d'intervention. Il peut faire l'objet d'une <span>facturation forfaitaire</span>, dont le montant est précisé à
Il peut faire l'objet d'une <span>facturation forfaitaire</span>, dont le montant est précisé à
l'avance. </p> l'avance. </p>
</div> </div>
<div> <div>
<h2>Convention d'honoraires</h2> <h3>Convention d'honoraires</h3>
<p> <p>
Conformément aux règles déontologiques de la profession, une <span>convention écrite</span> est Conformément aux règles déontologiques de la profession, une <span>convention écrite</span> est
systématiquement systématiquement
@@ -124,26 +118,29 @@
</p> </p>
</div> </div>
<div> <div>
<h2>Demander un devis</h2> <h3>Demander un devis</h3>
<p> <p>
Pour toute demande d'information ou pour obtenir un devis, me contacter par mail à l'adresse Pour toute demande d'information ou pour obtenir un devis, me contacter par mail à l'adresse
suivante contact.pasteuravocate.com. Pour une consultation ou une prise de rendez-vous en ligne, suivante contact@pasteuravocate.com. Pour une consultation ou une prise de rendez-vous en ligne,
dirigez vous ici : <a dirigez vous ici : <a
href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html">Me Charline href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html">Me Charline
PASTEUR, Avocat à Nantes | RDV et Consultation en ligne</a> PASTEUR, Avocat à Nantes | RDV et Consultation en ligne</a>
</p> </p>
</div> </div>
</section> </section>
</main> </main>
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

48
index.html
View File

@@ -14,35 +14,31 @@
<meta property="og:description" <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." /> 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:url" content="https://www.pasteuravocate.com" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com" /> <link rel="canonical" href="https://www.pasteuravocate.com" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06</div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button"> <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne Rendez vous en ligne
</a> </a>
</div> </div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone"> <div class="nav-phone">
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </div>
@@ -54,7 +50,7 @@
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
<li><a href="index.html"><span>Accueil</span></a></li> <li><a href="index.html" class="active">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
@@ -64,7 +60,7 @@
</ul> </ul>
<!-- Tablette --> <!-- Tablette -->
<ul class="menu" id="menuM"> <ul class="menu" id="menuM">
<li><a href="index.html">Accueil</a></li> <li><a href="index.html" class="active">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
@@ -86,15 +82,13 @@
<section id="accueil"> <section id="accueil">
<div class=""> <div class="">
<div> <div>
<h1>Charline Pasteur</h1> <h1>Charline Pasteur <br>
</div> Avocate au Barreau de Nantes</h1>
<div>
<h1>Avocate au Barreau de Nantes</h1>
</div> </div>
</div> </div>
<div class="presentation"> <div class="presentation">
<div class="portrait"> <div class="portrait">
<img src="assets/img/portraitCharlinePasteur.jpg"> <img src="assets2/img/portraitCharlinePasteur.jpg">
</div> </div>
<div class="texte"> <div class="texte">
<h2>Spécialiste droit des enfants</h2> <h2>Spécialiste droit des enfants</h2>
@@ -128,7 +122,7 @@
</p> </p>
</div> </div>
<div class="specialiste"> <div class="specialiste">
<img src="assets/img/specialiste.png"> <img src="assets2/img/specialiste.png">
</div> </div>
</div> </div>
</section> </section>
@@ -138,22 +132,22 @@
<ul class="cards-list"> <ul class="cards-list">
<li> <li>
<a href="assistance_educative.html" <a href="assistance_educative.html"
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a> style="background-image: url('assets2/img/AssistanceEducative.jpg');"></a>
<span>Assistance éducative</span> <span>Assistance éducative</span>
</li> </li>
<li> <li>
<a href="droit_penal_mineur.html" <a href="droit_penal_mineur.html"
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a> style="background-image: url('assets2/img/DroitPenaldesMineurs.jpg');"></a>
<span>Droit pénal des mineurs</span> <span>Droit pénal des mineurs</span>
</li> </li>
<li> <li>
<a href="droit_education.html" <a href="droit_education.html"
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a> style="background-image: url('assets2/img/DroitddelEducation.jpg');"></a>
<span>Droit de l'éducation</span> <span>Droit de l'éducation</span>
</li> </li>
<li> <li>
<a href="droit_etrangers.html" <a href="droit_etrangers.html"
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a> style="background-image: url('assets2/img/DroitdesEtrangers.jpg');"></a>
<span>Droit des étrangers</span> <span>Droit des étrangers</span>
</li> </li>
</ul> </ul>
@@ -162,11 +156,15 @@
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les <p>&copy; 2025 - Maître Charline Pasteur</p>
illustrations <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p> </div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
</div>
</div>
</footer> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

39
mentions.html
View File

@@ -12,18 +12,18 @@
<meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" /> <meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" />
<meta property="og:description" content="Mentions légales." /> <meta property="og:description" content="Mentions légales." />
<meta property="og:url" content="https://www.pasteuravocate.com/mentions.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/mentions.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/mentions.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/mentions.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
<div> <div>
@@ -36,16 +36,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
@@ -152,12 +154,14 @@
<p> <p>
Ainsi, en cas de litige avec Mme Charline Pasteur, vous avez la possibilité de faire appel au 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. Médiateur de la consommation de la profession d'avocat.
Les coordonnées du médiateur national près du <span>Conseil National des Barreaux (CNB)</span> sont les suivantes Les coordonnées du médiateur national près du <span>Conseil National des Barreaux (CNB)</span> sont
les suivantes
: :
<span>Médiateur :</span> Jérôme Hercé <span>Médiateur :</span> Jérôme Hercé
<span>Adresse postale :</span> CNB, 180 boulevard Haussmann, 75008 Paris <span>Adresse postale :</span> CNB, 180 boulevard Haussmann, 75008 Paris
<span>Email :</span> mediateur@mediateur-consommation-avocat.fr <span>Email :</span> mediateur@mediateur-consommation-avocat.fr
<span>Site Internet :</span><a href="https://mediateur-consommation-avocat.fr">https://mediateur-consommation-avocat.fr/</a> <span>Site Internet :</span><a
href="https://mediateur-consommation-avocat.fr">https://mediateur-consommation-avocat.fr/</a>
</p> </p>
</div> </div>
</section> </section>
@@ -166,10 +170,15 @@
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <div class="footer-main">
<p><a href="mentions.html">Mentions légales</a></p> <div class="footer-center">
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>&copy; 2025 - Maître Charline Pasteur</p>
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</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> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>
</body> </body>

15
navigation.css
View File

@@ -11,13 +11,22 @@
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: -3px;
width: 0%; width: 0%;
height: 2px; height: 2px;
background-color: #CC4331; background-color: #CC4331;
transition: width 0.3s ease; transition: width 0.3s ease;
} }
li a.active::after {
width: 100%;
}
li a.active {
color: #CC4331;
font-weight: bold;
}
.contact { .contact {
top: 0; top: 0;
position: fixed; position: fixed;
@@ -61,7 +70,7 @@ nav {
margin-right: 1rem; margin-right: 1rem;
} }
.nav-phone{ .nav-phone {
width: 100%; width: 100%;
display: flex; display: flex;
width: 100%; width: 100%;
@@ -166,7 +175,7 @@ nav {
background-color: #F9E7DB; background-color: #F9E7DB;
top: 3.5rem; top: 3.5rem;
right: 0; right: 0;
box-shadow: 15px 0px 10px rgba(51, 51, 51, 0.15); box-shadow: -10px 0 20px rgba(0, 0, 0, 0.2);
} }
#menuM { #menuM {

74
style.css
View File

@@ -1,4 +1,3 @@
body { body {
font-family: sans-serif; font-family: sans-serif;
line-height: 1.6; line-height: 1.6;
@@ -8,49 +7,96 @@ body {
color: #333; color: #333;
font-family: Times New Roman; font-family: Times New Roman;
} }
main { main {
padding: 0 1rem; padding: 0 1rem;
margin: 0 auto; margin: 0 auto;
max-width: 1280px; max-width: 1280px;
} }
section { section {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
li {
menu li {
display: block; display: block;
padding: 0.5rem; padding: 0.5rem;
text-decoration: none; text-decoration: none;
float: left;
} }
a { a {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
h1 { h1 {
color: #bf9000; color: #CC4331;
vertical-align: baseline; vertical-align: baseline;
font-size: 2rem; font-size: 1.6rem;
text-align: center; text-align: center;
} }
h2 { h2 {
color: #CC4331; color: #CC4331;
line-height: 1.2; line-height: 1.2;
text-align: center; text-align: center;
} }
h3 {
color: #ff7d01;
text-align: left;
}
p { p {
text-indent: 10px; text-indent: 10px;
} }
p span { p span {
font-weight: bold; font-weight: bold;
} }
footer {
.site-footer {
padding: 0rem 1rem;
font-size: 0.8rem;
background-color: #CC4331; background-color: #CC4331;
padding: 0.7rem 1rem;
color: #F9E7DB; color: #F9E7DB;
text-align: center;
padding: 0.5rem 0;
bottom: 0;
width: 100%;
font-size: 0.9rem;
} }
.site-footer a {
color: #F9E7DB;
text-decoration: underline;
}
.footer-main {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.footer-center {
flex-grow: 1;
text-align: center;
}
.footer-right {
text-align: right;
min-width: 150px;
}
.footer-right p {
margin: 0;
}
/* Responsive : tout centré sur petit écran */
@media (max-width: 600px) {
.footer-main {
flex-direction: column;
align-items: center;
}
.footer-right {
text-align: center;
margin-top: 0.5rem;
}
}