Merge branch 'pure'

This commit is contained in:
Anthony Mahé
2025-07-28 11:14:27 +02:00
49 changed files with 1889 additions and 459 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 391 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 KiB

BIN
assets/img/alt/teets.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
assets/img/alt/toto.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
assets/img/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

3
assets/img/favicon.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 46 KiB

67
assets/img/form.svg Normal file
View File

@@ -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>

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
assets/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
assets/img/logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
assets/img/logo_carre.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

BIN
assets/img/mobile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
assets/img/phone.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

View File

@@ -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"
}

BIN
assets/img/specialiste.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

132
assistance_educative.html Normal file
View File

@@ -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>

227
class.css Normal file
View File

@@ -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;
}

119
contact.html Normal file
View File

@@ -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>

129
droit_education.html Normal file
View File

@@ -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>

157
droit_etrangers.html Normal file
View File

@@ -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>

137
droit_penal_mineur.html Normal file
View File

@@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
fond.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

BIN
full.pdn

Binary file not shown.

160
honoraires.html Normal file
View File

@@ -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>

View File

@@ -1,44 +1,184 @@
<!DOCTYPE html>
<html class="no-js">
<html lang="fr">
<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" />
<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>
<div class="navbar">
<input type="checkbox" id="menu-toggle">
<label for="menu-toggle" class="menu-icon">
<span></span>
<span></span>
<span></span>
<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>
<a href="#about">Qui je suis</a>
<a href="#how">Ce que je fais</a>
<a href="#contact">Contact</a>
<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>
<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>-->
</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 id="about" class="parallax__group info-container">
</section>
<section id="about"></section>
<section id="how"></section>
<section id="contact"></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>

191
mentions.html Normal file
View File

@@ -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>

260
navigation.css Normal file
View File

@@ -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;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 560 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 481 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 442 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

BIN
photo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 MiB

1
script.js Normal file
View File

@@ -0,0 +1 @@

102
style.css Normal file
View File

@@ -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;
}
}

View File

@@ -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;
}
}

File diff suppressed because one or more lines are too long

BIN
texte.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 201 KiB