Compare commits

..

40 Commits

Author SHA1 Message Date
Anthony Mahé
ea878336ea Merge branch 'pure' 2025-07-28 11:14:27 +02:00
Anthony Mahé
b4f9378915 IMG - Test images ALT parralax 2025-07-28 11:13:40 +02:00
Anthony Mahe
c59e80afda FIX : icone Phone 2025-07-25 17:26:23 +02:00
Anthony Mahe
06b92eb396 CSS : Banniere contain 2025-07-25 17:23:09 +02:00
Anthony Mahe
555446fb21 CSS : Banner cover petite taille ecran 2025-07-25 17:15:47 +02:00
Anthony Mahe
4729fcf357 FIX : Numéro de tel PRO + B 2025-07-25 17:06:41 +02:00
Anthony Mahé
584e99fd2b Ajout Bannière Mobile 2025-07-25 17:01:33 +02:00
Anthony Mahe
54e2d384d4 FIX marge menu compétence 2025-06-06 15:48:09 +02:00
Anthony Mahe
476e2e23f6 MAJ contact + menu du haut 2025-06-06 15:24:48 +02:00
Anthony Mahe
8212534455 TEC : Reprise logo 2025-06-06 15:02:03 +02:00
Anthony Mahé
74f01a146e MAJ logo 2025-06-06 14:53:35 +02:00
Anthony Mahé
c99e8bd4ee MAJ logo SVG 2025-06-06 14:37:37 +02:00
Anthony Mahé
41d592596f Nouveau bouton form et contact 2025-06-06 14:28:01 +02:00
Anthony Mahé
77f9183bf8 RECETTE : MAJ LOGO icines 2025-06-02 16:43:25 +02:00
Anthony Mahe
2622d8a5f7 RECETTE : Retour couleur bordeaux, bouton tel 2025-06-02 15:42:37 +02:00
Anthony Mahe
ebbe57879c fix contact 2025-06-01 17:18:11 +02:00
Anthony Mahe
cc6ed8b4e6 Ajout boutons whatsapp et contact 2025-06-01 17:12:50 +02:00
Anthony Mahe
b2634075c0 Carte maps 2025-06-01 17:03:05 +02:00
Anthony Mahe
3dc1fb5b37 Maj Icones 2025-06-01 16:52:31 +02:00
Anthony Mahe
50e52fe608 Réglage footer, menu a droite, contact 2025-06-01 14:46:57 +02:00
Anthony Mahé
6add698310 TEC : Menu sandwish sur la droite 2025-05-27 09:30:09 +02:00
Anthony Mahe
f8eedfd006 Mobiles : Banner COVER 2025-05-23 14:05:52 +02:00
Anthony Mahe
c29b956210 MAJ menu sur toutes les pages 2025-05-23 13:38:16 +02:00
Anthony Mahe
1cfbb7babd MENU Burger : Transition et toute la hauteur 2025-05-23 13:30:31 +02:00
Anthony Mahe
a7835e2f76 FIX : 2 taille écran + sandwish en mobile 2025-05-22 12:07:49 +02:00
Anthony Mahé
abce374f53 CSS : simplification media et css 2025-05-21 13:26:29 +02:00
Anthony Mahe
23c753d902 TEC : Menu Autre 2025-05-19 23:08:16 +02:00
Anthony Mahe
23f9b448b4 TEC : CSS padding 2025-05-19 21:18:47 +02:00
Anthony Mahe
bb2f00a9a8 TEC : Animations menu 2025-05-19 16:55:24 +02:00
Anthony Mahe
4790a20238 CSS : simplification et maj contact et banner 2025-05-19 16:09:23 +02:00
Anthony Mahe
0110e77609 CSS : Ajustement 2025-05-19 15:53:20 +02:00
Anthony Mahe
f6c2f4b710 MAJ : Bannière accueil 2025-05-19 12:02:36 +02:00
Anthony Mahe
a285434930 TEC : Ajustement css 2025-05-19 11:52:32 +02:00
Anthony Mahe
9ac668a664 FEAT : renseignement pages rubriques 2025-05-19 11:31:14 +02:00
Anthony Mahe
660280f2c4 FEAT : Ajustement meta 2025-05-18 15:51:41 +02:00
Anthony Mahe
bc07caa475 FEAT : création pages rubriques 2025-05-18 15:29:54 +02:00
Anthony Mahe
7b830c913c FIX : allim=genment presentation ordi 2025-05-17 23:12:36 +02:00
Anthony Mahe
3b3fafdb23 Mise en place domaines et responsive 2025-05-17 16:38:30 +02:00
Anthony Mahe
68e815977f TEC : Site pure CSS 2025-05-16 13:52:36 +02:00
Anthony Mahe
9e5af960d3 FEAT : images base 64 2025-04-19 20:25:47 +02:00
60 changed files with 31561 additions and 856 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 892 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

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: 65 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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 504 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 201 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>

0
background.png.64 Normal file
View File

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>

284
etoiles.png.64 Normal file
View File

@@ -0,0 +1,284 @@
iVBORw0KGgoAAAANSUhEUgAAEAAAAAayCAMAAACWcc+vAAAAAXNSR0IArs4c6QAAAARnQU1BAACx
jwv8YQUAAAAGUExURePDDgAAAHvdNdsAAAACdFJOU/8A5bcwSgAAAAlwSFlzAAALEQAACxEBf2Rf
kQAAPqBJREFUeF7t3YmWozi4pdGs93/pWuER5AmEGMTZu/t237IBO1d4SfxfRGT++w8AAAA4vX/l
AwAAAMD5CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAYDd/fv3zwcRAABgZeYu9vXvb/6/KJ8BAACgIVMX
+7qP/wIAAADAqkxd7EsAAAAA2ISpi109538fRQAAgDWZutiVAAAAALANUxe7EgAAAAC2YepiVwIA
AADANkxd7EoAAAAA2Iapi10JAAAAANswdbEr8z8AAMA2jF3sSwEAAADYhKmLfQkAAAAAmzB1sa9n
APBZBAAAWJGhi30JAAAAAJswdLEvAQAAAGAThi52JgAAAABswdDFvvwEAAAAwCYMXexMAAAAANiC
oYud+REAAACALZi52JkAAAAAsAUzFzsz/wMAAGzB0MXeBAAAYKl/f3cU5YMAjFko2ZsfAQAA6lzH
/ue9hAwA8JUlkr0NN20AgAmuw/74PmKgPByAC+sje7NZAwBzjL/p/0l5FgACALuzUQMAcwzH/B/K
UwGyWRbZm00aAJhjcO/wU3kuQDSrInuzRQMAEw1n+2nKKwAksyiyNzs0ADDNcLKfqLwEQDKLInuz
RQMAEw1uG54ufy3gx+cAeLAqsjdbNADww/1e4Xnb8PT2yI/PAySzJLI3GzQA8MvgfmGkPO5i0kEA
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
AKzJvRYAmxoUgGIPep8FAABow50WANt6FoDhvP/36//FQwAAtOQ+C4BtjQLAfeQf/QcAACtwowXA
xq5z/nPkHykPBgCgEXdaAGzsOueXk/9NeTAAAI240wJgF+Xk/6c8BgCAdtxsAbCLcvj/Ux4DAEA7
brYA2Mn97wF4tIDyAAAAGnK3BcB+rkO/4R8AYAPuuAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEA
AAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggA
AAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAA
AAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAAC
AAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQ
AAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCA
AAAAAAABBAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAAB
BAAAAAAIIAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAI
IAAAAABAAAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABA
AAEAAAAAAggAAAAAEEAAAAAAgAACAAAAAAQQAAAAACCAAAAAAAABBAAAAAAIIAAAAABAAAEAAACg
a//++2eyYwIfEwAAgI79uygfhVc+JgAAAB27BgAJgN98SAAAADomADCVDwkAAEDH7gHAcMcvPiMA
AAAdM/8zlQ8JAABAxwQApvIhAQAA6JhfAWAqnxEAAICeCQBM5DMCAADQMwGAiXxGAAAAuiYAMI3P
CAAAQNfM/0zjQwIAANC1WwAw3fGDjwgAAEDf/AgAk/iMAAAA9E0AYBKfEQAAgK7d/hJA0x0/+IgA
AAB0TQBgGh8RAACArgkATOMjAgAA0DcBgEl8RAAAALpm/mcanxEAAIC++R0AJvEJAQAA6Np9/jfe
8Z1PCAAAQNcEAKbxCQEAAOiaAMA0PiEAAABdEwCYxicEAACga48AYL7jKx8QAACAvgkATOIDAgAA
0DcBgEl8QAAAADonADCFDwgAAEDnBACm8AEBAADom18BYBIfEAAAgL6Z/5nEJwQAAKBvAgCT+IQA
AAD0TQBgEp8QAACAzikATOEDAgAA0Lf7/G++4ysfEAAAgL4JAEziAwIAANC51wCgBvDKZwIAAKBz
zwDw/B8/EkDJ5wEAAKBn//4Nfgfgb8S7/P/PR/5yQHkOkXwOAAAAevaY9b8qzyKQTwEAAEB/Lt/q
nzr9/ykvQB4fAgAAgO5cRvpyxv+qvAJ5fAgAAAA6ch3mB4P9YMj/obwUYXwCAAAA+vFmqC8f+qi8
FmF8AgAAADpSTvXTfwSgvBJpfAQAAAA6Uo71vwPA9YDyOuTxIQAAAOjKY7B/+fsAXvw9eT+MeD4F
AAAAfXn5pn4599/993fg6FSS+SwAAAB0rhz870x8DPk4AAAA9K6c/A3/vOEjAQAA0K93fwng3yOm
PV74SAAAAHSqnPyvyqPgykcDAADg8C5j/eV7+48H3nzr/6I4E+58NgAAAI7vMrtd5vvH//ZOeRo8
+XgAAAD0YjDiP0d+8z/T+HwAAAB05jbI3X4jYBAATHh84eMBAADQPQWA33w6AAAAumf+5zcfDwAA
gO75CQB+8+kAAADo3WP+ryoANefQIV9oAACAzg3m//kz3uNvFOTsfI0BAAB6Vz/+Pyw4lU74GgMA
APRuwQ8AjCw8nWPz5QUAAOhd/fw/OON69vxL0AtfWwAAgM49fwBg/oj3PKP+GvTBVxYAAKBzSwLA
U5urcFy+rgAAAJ0bjO6zZ7zBGfUXoQu+rgAAAJ1bMP+P/J3f5EIcki8qAABA51oFgIt2V+JgfE0B
AAD6Npj/Z494rydUX4qj8yUFAADoXGUA+HBG1bXogK8oAABA9+qG9k8n1FyL4/MVBQAAOIH5Q/u3
4789R698RQEAAM6gJgCUD93Nrwl0wBcUAADgDGbP7F9OEABOyRcUAADgBObP7P/++3f5v2/MvBJ9
8DUFAAA4gfkB4LOW1+I4fEUBAABO4Da0z5zxPh4+/1Icnq8oAABA/yrn/0/HV1yLw/MVBQAA6N/8
APB37Kfj7xf78DR98uUEAADo3/wAcP1LAD8RAE7IlxMAAKB/8wPAx38C4Grm1eiArycAAED/ZgeA
H4fOvBo98PUEAADo3+wA8NXfDwc0vBzH4MsJAADQv8sP9Deb2K9XanU1DsLXEwAA4BTmBoAvx868
En3wNQUAADiHVlN7218n4DB8RQEAAFJ9mAgFgHPyFQUAAAj1Yco3/5+ULykAAECkT2P+bf5/+xw9
8wUFAADI9GHKN/+fla8oAABAqA9jvgBwUr6iAAAAqS5j/mgs/PsP8/9J+ZICAACk+hv/R5P+5T/M
/yflawoAABDt9jMAfy1g8AMA5VH0zxcVAAAg2P0X/sfKozgDX1YAAIBg5eh/VR7FGfiyAgAAJCtn
/z/lMZyCrysAAEC2yz8F8Df1Xyd/AeCsfF0BAAC4+osAxsTT8pUFAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEE
AAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAgg
AAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAA
AQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAAC
CAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQ
QAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACA
AAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAA
BBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAA
IIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAA
AAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAA
AAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAA
AEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAA
AAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAA
AAAQQAAAAACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAA
AACAAAIAAAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIA
AAAABBAAAAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAA
AAAAIIAAAAAAAAEEAAAAAAggAAAAAEAAAQAAAAACCAAAAAAQQAAAAACAAAIAAAAABBAAAAAAIIAA
AAAAAAEEAAAAAAggAAAAAECA/wEkC/aSuALMMAAAAABJRU5ErkJggg==

View File

@@ -1,29 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100">
<defs>
<style>
.cls-1 {
fill: url(#linear-gradient);
}
.cls-2 {
fill: #fff;
}
</style>
<linearGradient id="linear-gradient" x1="9.44" y1="9.43" x2="90.57" y2="90.57" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ff001e"/>
<stop offset="0.49" stop-color="#d400cf"/>
<stop offset="1" stop-color="#004bff"/>
</linearGradient>
</defs>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g>
<path class="cls-1" d="M90.41,33.37V18.88C90.41,5.1,84.9,0,65.92,0H33.56c-18.55.1-24,5.13-24,19V33.37c0,7.75-3.16,10-9.59,10V56.63c6.53,0,9.59,2.25,9.59,10V81.12c0,13.65,5.42,18.78,24,18.88H65.92c19,0,24.49-5,24.49-19V66.63c0-7.75,3.16-10,9.59-10V43.37C93.47,43.37,90.41,41.12,90.41,33.37Z"/>
<g>
<path class="cls-2" d="M24.79,72.51h-11V26.67h11ZM25.12,48,37.49,26.67H49L36.17,47.24,50.26,72.51H37.56Z"/>
<path class="cls-2" d="M69.64,57.3h-5V72.51h-11V26.67H68.19c12.5,0,19.64,4.89,19.64,14.95C87.83,52.4,80.49,57.3,69.64,57.3ZM68.32,34.47H64.68V49.36h4c5,0,7.8-2.38,7.8-7.74C76.52,36.79,73.81,34.47,68.32,34.47Z"/>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

1102
fond.png.64 Normal file

File diff suppressed because it is too large Load Diff

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,657 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Demo title here</title>
<link href="./style.css" rel="stylesheet" />
</head>
<html lang="fr">
<body>
<div class="parallax">
<header class="primary-header">
<div class="wrapper">
<div class="primary-header__inner">
<div class="logo">
<!--<img src="./assets/Logo.webp" alt="" />-->
<img src="./assets/logo1cp.png" alt="logo lettre C et P collés en doré" />
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Charline Pasteur - Avocate au barreau de Nantes</title>
<meta name="description"
content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droit des mineurs à Nantes et Pays de la Loire." />
<meta property="og:type" content="website" />
<meta property="og:title" content="Maître Charline Pasteur - Avocate au barreau de Nantes" />
<meta property="og:description"
content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droits des mineurs à Nantes et Pays de la Loire." />
<meta property="og:url" content="https://www.pasteuravocate.com" />
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image" content="assets/img/CharlinePasteur-banniere.jpg" />
<!--<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">-->
<meta name="apple-mobile-web-app-title" content="Charline Pasteur Avocate" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" />
<link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
<link rel="shortcut icon" href="assets/img/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
<link rel="manifest" href="assets/img/site.webmanifest" />
</head>
<body>
<header class="header">
<div class="contact">
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<nav class="primary-nav">
<ul role="list">
<li><a href="#">Qui je suis</a></li>
<li><a href="#">Ce que je fait</a></li>
<li><a href="#">Contact</a></li>
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL">
<li><a href="index.html" class="active">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- Tablette -->
<ul class="menu" id="menuM">
<li><a href="index.html" class="active">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li class="dropdown">
<span class="dropdown-label">Autre ⏷</span>
<ul class="submenu">
<li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</header>
<div class="hero">
<div class="wrapper">
<h1 class="hero__title">
<span>Charline Pasteur</span> Avocate spécialisé mineur
</h1>
<button class="button">contacter</button>
<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>
<!--<img class="parallax__bg" src="./assets/bg.jpg" alt="" />-->
<img class="parallax__bg" src="./assets/fond.png" alt="" />
<!--<img class="parallax__dust" src="./assets/dust.webp" alt="" />-->
<img class="parallax__dust" src="./assets/etoiles.png" alt="" />
<!--<img
class="parallax__foreground-back"
src="./assets/foreground-back.webp"
alt=""
/>-->
<!--<img
class="parallax__foreground-front"
src="./assets/foreground-front.webp"
alt=""
/>-->
<img class="parallax__jax" src="./assets/personnages.png" alt="" />
<!--<img class="parallax__luna" src="./assets/luna.webp" alt="" />-->
<!--<img class="parallax__manny" src="./assets/manny.webp" alt="" />-->
<!--<img class="parallax__rays" src="./assets/rays.webp" alt="" />-->
</div>
<main class="main-content">
<div class="wrapper">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nostrum
aspernatur nesciunt rem, officiis atque deserunt architecto excepturi
ducimus consectetur suscipit dolore sed tempora, assumenda corporis
eius quasi quas pariatur.
</p>
<p>
Sed minus alias quidem error fuga sint temporibus, accusamus totam!
Voluptates, deserunt? Dolore nulla iure asperiores quibusdam officia
pariatur deleniti aspernatur, assumenda numquam blanditiis cumque
voluptatem deserunt nesciunt, ea atque!
</p>
<p>
Dolor tenetur error similique, voluptatibus blanditiis deleniti
distinctio! Officia a, porro nobis provident illum deleniti nulla
consequuntur voluptatum enim repellat, architecto quas mollitia
consectetur assumenda rem magnam maiores ad nostrum.
</p>
<p>
Sequi laudantium quaerat necessitatibus voluptates voluptatem maiores
animi asperiores tempore error dolore minima autem modi esse sed et
pariatur quas, beatae fugit, earum eligendi tenetur! Doloremque
consequuntur voluptatem ratione fugiat.
</p>
<p>
Facilis voluptates necessitatibus, aspernatur deleniti nostrum porro
consequatur veniam eius aut nihil ut error quam, expedita ipsam dolore
ratione. Consequuntur culpa quasi quisquam quos magnam quibusdam vitae
asperiores eveniet quam.
</p>
<p>
Illo fuga, facilis cupiditate omnis, consequuntur quae maiores iure ab
perferendis obcaecati adipisci voluptatem hic nobis officiis fugit ut
voluptas enim? Distinctio, iusto aperiam. Aliquam vitae nobis eos ad
perspiciatis?
</p>
<p>
Recusandae quis vitae modi architecto magni error distinctio officiis
molestiae mollitia veniam! Cum qui provident sint laudantium
voluptatum accusantium debitis repudiandae? Sint laboriosam quis
veniam eum amet nesciunt earum perspiciatis?
</p>
<p>
Alias voluptate ad quasi ipsum mollitia optio dolore? Modi et
doloremque in harum ab hic, voluptatum odio molestias fuga quas
similique natus possimus libero voluptas distinctio beatae dignissimos
sunt deleniti.
</p>
<p>
Mollitia et atque impedit non sed, recusandae repudiandae, temporibus
ratione ipsam rem, aut consectetur maiores iusto praesentium fuga
cupiditate. Officiis assumenda atque saepe optio. Quod saepe et
temporibus officia iure?
</p>
<p>
Expedita quia doloremque pariatur natus optio vitae numquam
voluptatibus rem minima. In iusto cupiditate aspernatur, laboriosam
temporibus mollitia consequuntur veniam voluptatem earum saepe
delectus iure, quae maxime. Assumenda, facilis dolore?
</p>
<p>
Incidunt veritatis tempore, expedita, iure temporibus obcaecati
suscipit dolores quam nulla reiciendis esse architecto debitis quod
dolor maxime neque quas explicabo sed. Quo, corporis? Inventore,
ipsam. Quaerat temporibus consequatur beatae.
</p>
<p>
Dolores impedit ipsum facere rerum odio temporibus animi? Rerum eius
culpa dolores earum, officia consequatur quaerat pariatur cumque
natus, quia voluptatem eveniet doloremque deleniti quibusdam quam
impedit? Quam, nihil consequatur?
</p>
<p>
Vel assumenda sapiente numquam. Maxime, ducimus. Recusandae
reprehenderit nostrum molestias quia nam, natus aliquid ipsam magni
soluta beatae delectus expedita perspiciatis cupiditate iusto minima
maxime vitae, quo quos impedit culpa?
</p>
<p>
Quasi nostrum sit sed ducimus autem ab eos odit sunt, nemo libero,
quam doloribus laudantium maiores dignissimos veniam animi error.
Repellat doloremque nisi maiores voluptatibus animi blanditiis
similique repellendus eos.
</p>
<p>
Voluptatibus quo ut incidunt asperiores accusamus, vel deserunt totam
qui recusandae. Ipsam maxime omnis saepe dolor soluta tempora vel
illo, corporis culpa excepturi consequuntur nobis quaerat, dolorum
aliquid provident magni.
</p>
<p>
Quaerat dolores excepturi repudiandae nemo atque sapiente minus
nostrum neque cum illum, aspernatur voluptate autem recusandae officia
mollitia dolorem doloremque molestias accusantium aperiam at aliquam
error facilis alias. Non, dolor!
</p>
<p>
Officiis fugit neque nihil facilis quae molestiae dolor. Illum magnam
odit voluptatem quisquam provident illo architecto tenetur et,
praesentium sint omnis quod eum alias dolorum doloribus repellendus,
aperiam recusandae. Sunt!
</p>
<p>
Maiores, libero perferendis explicabo vel quibusdam laudantium a autem
velit, enim temporibus, adipisci inventore. Sapiente quibusdam officia
error porro animi nostrum, quam cum aliquid vel dolor, molestias quasi
temporibus nesciunt!
</p>
<p>
Dolor optio suscipit illum in, a laudantium consequatur vel incidunt
exercitationem, numquam, ratione beatae! Tempora autem porro obcaecati
inventore qui modi soluta veritatis nulla? Ut perferendis tempore
assumenda consequatur sint!
</p>
<p>
Dolore totam tempora aliquid praesentium qui soluta enim magnam.
Aperiam eum ut expedita distinctio amet veritatis iusto laboriosam
sapiente odio nostrum eius dignissimos, aliquid eveniet recusandae
corrupti ullam, debitis minus?
</p>
<p>
Illum, aperiam alias corrupti dicta nobis accusamus debitis enim
possimus accusantium quos modi odit eligendi dolores ut praesentium
explicabo a, repellat culpa cum ipsam porro earum quae. Hic, iste
odio.
</p>
<p>
Aliquid, vel esse delectus cupiditate obcaecati eum! Fugiat, aut
architecto vero, aperiam expedita nisi exercitationem harum reiciendis
placeat facilis cum, perspiciatis porro odit! Adipisci est asperiores
provident odio perspiciatis quam.
</p>
<p>
Facilis veritatis, aliquid sit itaque debitis veniam, aspernatur
deleniti beatae tempora a ut. Minima, doloremque aperiam? Doloremque
aspernatur impedit fuga sed nobis deserunt aliquid, atque amet, error
officiis molestias aperiam!
</p>
<p>
Doloribus suscipit magni voluptates facilis nam id possimus expedita
amet totam quis nisi adipisci praesentium sint quaerat, atque sit
nostrum eaque. Facere labore vero nulla tempora quod, modi repellat
deleniti!
</p>
<p>
Natus sunt pariatur enim explicabo expedita, magni temporibus vitae
distinctio nemo sint fugiat quis repudiandae, deserunt nulla officiis
facilis modi quo? Commodi qui veniam est nemo possimus distinctio,
libero molestias.
</p>
<p>
Nulla, velit magni cum expedita atque nisi quidem, accusamus similique
molestias repellat provident corporis tenetur optio. Tenetur,
repellendus, debitis at odio esse expedita commodi culpa quisquam,
libero velit sequi impedit?
</p>
<p>
Quidem quas amet reprehenderit dolore fugit asperiores ratione
nesciunt, culpa perferendis incidunt velit earum illo ea odio ad ex
quae! Doloremque animi eligendi quos culpa deleniti voluptatibus
nulla, odio harum.
</p>
<p>
Asperiores tempora corrupti omnis maiores eaque! Dolores quo deleniti
modi deserunt rerum officia. Fugit velit, deserunt autem maxime veniam
modi, quaerat eligendi, unde pariatur illo accusantium adipisci sunt
soluta ratione?
</p>
<p>
Ex obcaecati adipisci, a eos dignissimos quas labore in temporibus
quam. Animi assumenda a eaque sapiente esse deleniti sit non
accusamus, ab facilis eius magni voluptates natus sunt modi nostrum.
</p>
<p>
Consequatur rem architecto porro laboriosam, itaque earum ipsam quos,
consectetur eaque voluptatem quod ipsa eum accusantium! Voluptate
magni quas, temporibus cumque rerum sint necessitatibus atque eligendi
ex ut maiores veniam?
</p>
<p>
Praesentium at ex illum laboriosam, corporis eum nihil pariatur,
veniam consequuntur, eos nobis. Neque accusantium ducimus sit
molestias labore assumenda quae suscipit, vero, eius at maiores ipsam,
ipsa distinctio minus!
</p>
<p>
Odit itaque ullam iste minus modi quidem voluptas est a, quia nemo.
Voluptatibus recusandae quos nostrum sint nihil, consequatur, mollitia
laboriosam voluptatem dolores animi impedit! Libero quaerat minima
cumque nisi.
</p>
<p>
Aliquid eos, esse facilis temporibus voluptas facere mollitia hic
corrupti recusandae placeat delectus ab sunt sequi ipsam maiores
tenetur excepturi unde ut perspiciatis quibusdam laudantium nemo.
Libero nobis officia et.
</p>
<p>
Tempora non, enim cum harum nihil amet asperiores eius ut possimus
saepe culpa incidunt! Assumenda facilis blanditiis, eveniet porro
quisquam iste voluptas quae, ea, doloremque magni laudantium animi sit
nostrum?
</p>
<p>
Error labore est nemo eveniet placeat doloribus tempora odio eum,
voluptatibus assumenda provident amet alias facere ad harum vel, sit
perspiciatis, maxime quasi ut! Tempora est facilis tenetur possimus
enim!
</p>
<p>
Corrupti ab consequatur dolorem tempore libero neque placeat nisi enim
ipsam iusto eveniet voluptas odit ut, sapiente esse aspernatur, ad
cumque quibusdam, eum soluta? Delectus magnam asperiores molestias
voluptatem obcaecati.
</p>
<p>
Unde nulla alias iusto amet, voluptas similique id illum nesciunt
molestiae inventore non esse molestias iure quod rem suscipit facilis
ducimus exercitationem blanditiis est delectus, quisquam magnam.
Placeat, velit ipsam.
</p>
<p>
Facilis pariatur laudantium dignissimos, officiis sit quidem dolores.
Tempora voluptatem deserunt velit excepturi ratione accusamus nulla
autem. Blanditiis autem maxime, optio, cupiditate quae quisquam
consectetur labore nesciunt debitis ut totam?
</p>
<p>
Consectetur debitis exercitationem facere reiciendis ea corrupti
labore praesentium molestias repellat delectus, minima dolores
doloremque repellendus odit quia tempora maiores, temporibus eius
perferendis? Possimus ex illo earum cupiditate, ratione excepturi?
</p>
<p>
Ea id quidem culpa laborum ad molestias iure ipsa fuga, eius
laboriosam praesentium, possimus ratione quibusdam repellendus ducimus
adipisci error rerum quos veniam? Maiores voluptatem reiciendis, earum
vitae nisi illo.
</p>
<p>
Fugit magnam dolorem nobis quisquam velit, sapiente ut quia molestias,
voluptas rem corporis eligendi vero explicabo corrupti voluptatem modi
fugiat saepe quaerat! Non sapiente provident inventore corporis
nesciunt in tenetur!
</p>
<p>
Voluptatum, quo dolorem. Similique, hic eligendi cupiditate laudantium
minus doloremque deleniti ipsum iusto quia iste? Laborum dolor rerum
asperiores quo quas accusamus quibusdam atque cum aut! Perspiciatis
laboriosam voluptates et.
</p>
<p>
Dicta, explicabo. Esse tenetur obcaecati hic iusto quasi aperiam eius
quod distinctio nesciunt nulla! Maiores officia numquam debitis
quisquam amet, odio hic illum corporis quidem cupiditate iste sit,
aspernatur sunt!
</p>
<p>
Odio veritatis quia sint aut rem quidem veniam quos dolores eos
distinctio quas dignissimos voluptatum nam, consequatur, ullam
blanditiis assumenda laudantium. Vitae quam exercitationem minus
consectetur quasi eaque, doloremque totam.
</p>
<p>
Quidem blanditiis at, suscipit incidunt eligendi aliquam placeat
aperiam vitae quam nam quis distinctio iste quod? Voluptatibus, autem
atque veritatis, deserunt in error unde porro, est eos sit nihil odit?
</p>
<p>
Ipsa quidem dolorum iusto porro natus consectetur vitae facere amet
corrupti nemo quia adipisci nobis, praesentium delectus voluptatum
dolores, minus possimus alias odit! Dolorum laboriosam, voluptatum
tempore neque eos reiciendis.
</p>
<p>
Aut impedit ipsum molestiae ducimus nihil aliquid. Nihil rerum
architecto amet quisquam maxime alias, dolore porro officia labore,
saepe recusandae delectus dolorum earum maiores error sapiente,
eveniet consectetur. Beatae, nisi.
</p>
<p>
Quia reiciendis rem eius eos ratione quis itaque fugiat dolore in
magnam? Mollitia excepturi, fuga eum optio, sunt et a soluta ex cum
tempore odit, atque minus rem aspernatur beatae?
</p>
<p>
Ut minima, eius nobis aspernatur iure unde beatae nostrum totam! Nihil
in voluptatum voluptas necessitatibus, quaerat amet quibusdam. Quis,
numquam! Numquam, sed magni? Aliquam hic in, earum voluptatum officia
quis.
</p>
<p>
Consequatur explicabo dignissimos natus dolor accusamus atque quia cum
autem aliquam. Eligendi aliquid mollitia, voluptas possimus sit ipsa
fugiat inventore? In quo aliquid officiis et incidunt, harum libero a
necessitatibus.
</p>
<p>
Saepe beatae illo nam hic optio. Et consectetur, modi unde ducimus
corporis animi nam repudiandae voluptates aut ratione, odio eveniet
quam ea? Sapiente, quos? At illo facere quod maiores provident?
</p>
<p>
Dolorum incidunt provident cumque veritatis, pariatur dolor dolore
deleniti dicta. Maiores laborum iusto ullam dolorem qui ipsum, beatae
laboriosam placeat dolores? Expedita, eos ut tempora nam commodi
quibusdam earum est!
</p>
<p>
Veniam quidem mollitia consequatur ullam velit ratione nostrum dolorum
dolores quos. Dicta dolorum quae perspiciatis, autem repellat itaque
praesentium amet possimus quaerat quis quisquam adipisci cumque
officiis voluptatem in exercitationem.
</p>
<p>
Eligendi beatae cupiditate perspiciatis at inventore blanditiis et
itaque facere. Tenetur pariatur blanditiis recusandae, debitis,
assumenda consequuntur molestias beatae quae quibusdam ipsum aliquam
nam eaque ut id molestiae iusto deserunt.
</p>
<p>
Dolorum optio itaque officiis at, ex, illum nam earum dolor architecto
beatae inventore similique, laborum atque modi! Quae sed debitis
repellat possimus odit quis amet. Itaque modi numquam consectetur
deserunt!
</p>
<p>
Sapiente provident aspernatur, assumenda maiores cumque suscipit ipsam
sit dolores cum architecto dolore numquam sunt doloribus. Eaque
expedita, aliquid quas impedit doloribus harum! Perferendis error
labore magnam nihil. Quas, assumenda?
</p>
<p>
Maiores quia reiciendis aliquid fuga laudantium, nesciunt laboriosam
soluta repudiandae ea ratione enim mollitia eaque eum sed autem porro
omnis! Veniam voluptatum, delectus ullam quod numquam enim dolor
blanditiis ut!
</p>
<p>
Accusamus inventore rem perferendis eligendi autem laudantium ab
veniam facere, accusantium, alias eum eaque commodi sapiente.
Blanditiis, voluptatibus natus? Atque sapiente distinctio voluptatum
earum! Quidem laboriosam id odio nisi necessitatibus.
</p>
<p>
Itaque, earum nihil? Repudiandae quod dolorem modi tempora corporis,
vel ut, soluta sapiente ipsam optio animi ea harum illum totam
molestiae voluptatibus nesciunt ipsum unde sunt autem perspiciatis
vero voluptatum!
</p>
<p>
Sed amet ducimus provident, nemo eos cumque nihil harum commodi quae
placeat deleniti ad animi atque reiciendis ex minima temporibus soluta
neque rem enim culpa earum? Hic modi eos corrupti!
</p>
<p>
Quam minima error at eos repellat? Quos doloribus tempora animi unde
inventore voluptatibus, harum tenetur numquam exercitationem
dignissimos praesentium, magnam aut nisi libero molestiae totam
perspiciatis iure natus corrupti obcaecati!
</p>
<p>
Soluta, laboriosam! Quos veniam possimus labore distinctio,
voluptatibus corrupti minima quia reiciendis optio! Praesentium velit
repudiandae rerum error nemo odit, quis aperiam reprehenderit ab nihil
totam accusamus quisquam sunt provident?
</p>
<p>
Totam ipsum corporis quidem iusto fuga, laborum at reiciendis quos
officiis laudantium a et. Ratione, animi ut tempora, aliquam vero
reprehenderit officia fuga distinctio sint natus eligendi. Quos,
inventore nihil.
</p>
<p>
Minus, qui molestias eos eaque nemo placeat dolores cumque accusamus
accusantium laborum dolor itaque dignissimos quae rem facere nihil
provident rerum error ex ut ab asperiores amet. Veniam, sapiente
culpa.
</p>
<p>
Amet ipsa non quibusdam nesciunt possimus accusamus quo veritatis
aperiam accusantium distinctio nisi vel, illum unde cum est harum
tempora ut quisquam quod ducimus? Ipsam quam exercitationem iure fugit
asperiores.
</p>
<p>
Illum, ducimus cumque consectetur eius distinctio labore assumenda
illo similique! Quibusdam architecto non ea dolorem repudiandae.
Dolores laudantium eligendi vero laboriosam, corporis quos, nemo fuga
repellat nulla sunt nihil minus!
</p>
<p>
Eius minus fugit, quasi architecto nesciunt reiciendis eum recusandae
dignissimos nulla iusto enim quibusdam perferendis? Ullam beatae ab
incidunt tenetur numquam voluptates alias velit est eius at? Fugit,
repellendus laborum.
</p>
<p>
Perspiciatis itaque ea odio magni soluta repellat non aut, esse
voluptatibus pariatur vero, autem quis ut adipisci maiores? Velit
fugiat ea iusto praesentium cupiditate! Assumenda distinctio aliquam
error excepturi quos.
</p>
<p>
Reiciendis ducimus dignissimos delectus assumenda ipsa laudantium,
inventore, placeat excepturi laboriosam odio eius officiis neque
velit, porro qui omnis soluta blanditiis nihil id officia minima
expedita laborum esse? Inventore, voluptate.
</p>
<p>
Quo, voluptate possimus ea ratione quidem ad accusamus. Alias cum
itaque perspiciatis et, asperiores debitis ratione delectus earum
accusamus distinctio doloribus incidunt corrupti quia voluptatum
reprehenderit autem nemo! Asperiores, aspernatur.
</p>
<p>
Qui unde impedit aliquid voluptas, obcaecati nihil necessitatibus
cumque corrupti harum accusantium tenetur ad eveniet repudiandae quam
facere eius est laudantium! Ea sit eaque fugit, dolores accusamus vero
soluta provident.
</p>
<p>
Natus, sapiente maxime aliquid modi velit quisquam ullam, vero sunt
minus cum sequi distinctio quia dolores possimus. Earum quae quibusdam
debitis porro, minima incidunt, eius deleniti, delectus repellat
architecto eligendi.
</p>
<p>
Voluptate eaque tenetur autem perferendis deleniti optio error
sapiente perspiciatis minus, quidem minima, recusandae illum unde
animi in, corrupti assumenda cum eos numquam sit nemo praesentium.
Nostrum modi ipsam vero?
</p>
<p>
Perferendis, atque sit. Cupiditate perferendis temporibus vel?
Excepturi commodi magnam doloribus, repellat numquam, aperiam ad
quisquam est dolorem earum veniam labore nesciunt. Dicta dolorum quam
quaerat eos nostrum voluptatem quae.
</p>
<p>
Nisi ab odio quia natus culpa maxime nulla provident illum ipsa iure
est, fugiat accusantium ipsum cumque quasi enim molestias deleniti
quidem adipisci possimus velit veniam voluptas laboriosam. Incidunt,
earum.
</p>
<p>
Iste rem, ullam labore iusto quo eligendi deserunt assumenda omnis
corporis earum. Odio laboriosam at harum eaque dolore velit quis
voluptates similique sint perferendis, earum illum corporis voluptas,
voluptatibus debitis.
</p>
<p>
Unde nam quisquam saepe impedit tempore laudantium omnis perferendis
placeat ex! Qui quos eos cupiditate placeat eius recusandae veritatis
facere ea, quam reiciendis consectetur ut eum enim, voluptate adipisci
quae!
</p>
<p>
Magni, fugit saepe autem dignissimos obcaecati hic dolorum sed.
Doloribus eligendi soluta sit dolores quae earum quo velit minima
voluptatem. Tempora dicta architecto soluta, corrupti quam culpa
praesentium incidunt fugiat?
</p>
<p>
Ipsam tenetur vitae totam neque quam! Assumenda quaerat laboriosam
atque voluptate ipsum labore totam perferendis nam numquam tempora
pariatur, amet error quidem quisquam iure ex, vero rem? Quisquam, fuga
quidem!
</p>
<p>
Autem similique porro reiciendis fugiat perspiciatis ducimus ipsum et
esse ratione voluptate exercitationem doloremque amet corporis
consequuntur tenetur animi veniam perferendis vitae, ea, sunt illo!
Facilis qui ut assumenda officia!
</p>
<p>
Cum, ratione incidunt. Libero repudiandae cum alias minus sit cumque,
assumenda beatae, distinctio enim aperiam aut illum voluptas neque
veniam aliquid? Ullam perferendis, neque voluptates assumenda tempora
repellendus voluptatibus explicabo.
</p>
<p>
Quas quos aut, in a eum beatae impedit, deserunt dolor tempora quae
nam iste aspernatur voluptas ut nihil sunt officiis repudiandae
recusandae rem saepe, asperiores hic! Cupiditate quidem eos velit.
</p>
<p>
Animi, quaerat consectetur quo aliquid rerum possimus, fugiat ad
maiores fuga explicabo eaque ducimus. Quibusdam quos excepturi
doloremque a voluptate, tempora beatae blanditiis, pariatur adipisci
harum ipsa expedita, ipsam alias!
</p>
<p>
Quae pariatur quam libero non repellendus animi sed, labore sint nisi
vel tempora velit dolorem distinctio veritatis suscipit molestias
dolor deserunt cum sequi eum ad? Vel reprehenderit ea deleniti earum.
</p>
<p>
Quae fugit iure totam repellendus, facilis reiciendis laborum quaerat
praesentium dolores quasi! Pariatur praesentium, blanditiis in nam
placeat corporis culpa provident? Sunt repellendus perspiciatis quia
minima nihil sit fuga optio!
</p>
<p>
Est provident maxime et architecto reprehenderit a fugit placeat
veritatis, distinctio quibusdam illo facere, in laudantium minima
labore aperiam rem numquam molestiae mollitia expedita doloribus,
temporibus excepturi. Est, sed odio!
</p>
<p>
Ad nihil quas placeat est obcaecati veniam dolore ipsum aliquid
corporis reprehenderit soluta voluptatum odit repellat earum
voluptatem dicta laudantium autem quis quod, officia impedit nemo
cupiditate natus? Sequi, suscipit!
</p>
<p>
Tempora consequuntur est autem tempore maiores eius? Ratione nihil
esse architecto deserunt laudantium odio corrupti provident veritatis,
officia similique minima sit facere temporibus porro facilis quis
distinctio, tenetur neque maiores?
</p>
<p>
Praesentium odit facilis optio numquam, libero necessitatibus maiores
rem obcaecati ex ea consequatur laborum possimus! Quasi aut libero ad
commodi nisi beatae, a illo neque, cumque nam consectetur!
Consectetur, ut.
</p>
<p>
Magnam enim perferendis odit doloremque, provident ipsum laudantium
exercitationem minima voluptatibus et natus delectus recusandae quam
eligendi assumenda velit nam. Quae harum iusto, excepturi quibusdam
provident nulla culpa saepe velit.
</p>
<p>
Hic molestias quos accusamus ea. Quae ullam repellendus voluptates
repellat at quibusdam sed laudantium recusandae? Dolore placeat itaque
tempora velit facere similique numquam consequatur esse alias? Eius
sit quos facere.
</p>
<p>
Adipisci numquam corporis doloremque velit similique suscipit delectus
eligendi vero optio illo fugit sapiente at vitae ullam nam qui
praesentium, architecto autem laudantium quisquam. Laudantium maxime
iusto eum sunt iure?
</p>
<p>
Sint, possimus deleniti ipsum repudiandae praesentium rerum dolorem
totam pariatur facilis eos culpa animi cum dolorum excepturi ipsam
iusto dolor beatae. Minima, nesciunt repellendus! Velit, illo
blanditiis. Recusandae, asperiores explicabo.
</p>
<p>
Facere aperiam dolore, officiis repudiandae repellendus asperiores
nihil eum nam quae. Earum recusandae incidunt dolorem praesentium
maiores dignissimos ullam, nobis minima et ex, quaerat cum nulla
nesciunt sit temporibus. Fugiat!
</p>
<p>
Quidem commodi dolorem ipsum architecto modi veritatis rem excepturi
tenetur iste? Error exercitationem doloribus nulla obcaecati quam
quaerat rem quibusdam magnam sint similique quia reprehenderit iure
nisi, accusantium distinctio est.
</p>
<p>
Sequi animi nemo veniam adipisci laudantium? Aut possimus quis rerum
consectetur animi laborum, deleniti a quidem distinctio officia quam.
In corporis modi accusantium perferendis eveniet aliquam ducimus ab
velit amet.
</p>
<p>
Culpa molestiae, perferendis numquam beatae explicabo provident
corporis fugiat neque, expedita mollitia excepturi, quis aut ipsam?
Possimus accusantium ratione blanditiis quidem, explicabo vel et fugit
fuga excepturi quo tempora! Nulla.
</p>
<p>
Ipsa ipsam aliquid doloribus! Sunt natus, quod earum autem dignissimos
blanditiis corporis tempore, odio, deleniti provident ea illo commodi
consectetur. Dicta quaerat nostrum odio maxime ut ducimus corrupti
quos eaque.
</p>
<p>
Deleniti ipsam, dicta numquam dolore rem magni, porro tempora fuga
quibusdam voluptatibus quae labore quaerat nisi necessitatibus optio
asperiores alias consequuntur! Laborum possimus quidem vel! Facilis
perspiciatis obcaecati nam cumque?
</p>
<p>
Libero soluta quos illo, quisquam doloribus architecto reiciendis
consectetur doloremque similique provident cumque sunt totam nisi
quam, ab earum veniam fugiat! Consectetur, doloremque? Corrupti
quibusdam explicabo quod. Est, sint voluptatum.
</p>
<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>
</body>
<!-- ===== 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;
}

24696
personages.png.64 Normal file

File diff suppressed because it is too large Load Diff

1
script.js Normal file
View File

@@ -0,0 +1 @@

263
style.css
View File

@@ -1,195 +1,102 @@
.parallax {
/* overflow: hidden; */
position: relative;
z-index: 0;
min-height: 75vh;
display: grid;
grid-template-areas: "stack";
background-color: #FFEDE5;
}
.parallax > * {
grid-area: stack;
animation: parallax linear;
animation-timeline: scroll();
}
.parallax > img {
width: 100%;
}
.primary-header,
.hero {
--parallax-speed: 10;
z-index: 10;
}
.parallax__bg {
--parallax-speed: -10;
z-index: 1;
min-height: 100%;
width: 100%;
object-fit: cover;
}
.parallax__dust {
--parallax-speed: -20;
z-index: 2;
}
.parallax__luna {
--parallax-speed: 50;
z-index: 3;
}
.parallax__manny {
--parallax-speed: 30;
z-index: 4;
}
.parallax__jax {
--parallax-speed: 10;
z-index: 5;
}
.parallax__rays {
--parallax-speed: 50;
z-index: 3;
}
.parallax__foreground-front,
.parallax__foreground-back {
z-index: 999;
align-self: end;
}
.parallax__foreground-back {
transform: scaleY(1.2);
transform-origin: bottom;
mix-blend-mode: hard-light;
}
.main-content {
position: relative;
/* z-index: 1; */
background: #FFEDE5;
padding-block: 6rem;
}
@keyframes parallax {
to {
transform:
translateY(calc(var(--parallax-speed) * 200px));
}
}
/* general styling */
html {
color-scheme: normal;
}
body {
margin: 0;
font-family: "Rubik", sans-serif;
font-size: 1.25rem;
font-weight: 700; /* for demo only */
text-transform: uppercase; /* for demo only */
min-height: 300vh; /* for demo only */
}
img {
display: block;
max-width: 100%;
}
.wrapper {
width: min(65rem, 100% - 4rem);
margin-inline: auto;
}
.flex-group {
display: flex;
gap: 1rem;
}
.button {
font: inherit;
font-style: italic;
text-transform: uppercase;
background: rgb(227, 195, 14);
padding: 1em 2em;
border: 0;
border-radius: 0.125em;
}
.primary-header {
padding-block: 2rem;
}
.primary-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.primary-nav ul {
flex: 1;
list-style: none;
font-family: sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
display: flex;
gap: 1rem;
justify-content: space-between;
background-color: #F9E7DB;
color: #333;
font-family: Times New Roman;
}
.primary-nav a {
color: rgb(227, 195, 14);
font-weight: 700;
main {
padding: 0 1rem;
margin: 0 auto;
max-width: 1280px;
}
section {
margin-bottom: 2rem;
}
menu li {
display: block;
padding: 0.5rem;
text-decoration: none;
}
.logo {
max-width: 100px;
position: relative;
&::after {
content: "";
position: absolute;
inset: -3rem;
z-index: -1;
background: radial-gradient(hsl(0 0% 100% / 0.5), transparent 70%);
}
a {
color: #333;
text-decoration: none;
}
.hero {
margin-block-start: max(20vh, 8rem);
h1 {
color: #b00f2e;
vertical-align: baseline;
font-size: 1.6rem;
text-align: center;
}
.hero__title {
font-size: 2rem;
max-width: 3ch;
line-height: 1;
font-style: italic;
font-weight: 300;
position: relative;
h2 {
color: #b00f2e;
line-height: 1.2;
text-align: center;
}
> span {
font-style: normal;
font-size: 0.5em;
display: block;
h3 {
color: #ff7d01;
text-align: left;
}
p {
text-indent: 10px;
}
p span {
font-weight: bold;
}
.site-footer {
padding: 0rem 1rem;
font-size: 0.8rem;
background-color: #b00f2e;
color: #F9E7DB;
}
.site-footer a {
color: #F9E7DB;
text-decoration: underline;
}
.footer-main {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.footer-center {
flex-grow: 1;
text-align: center;
}
.footer-right {
text-align: right;
min-width: 150px;
}
.footer-right p {
margin: 0;
}
/* Responsive : tout centré sur petit écran */
@media (max-width: 600px) {
.footer-main {
flex-direction: column;
align-items: center;
}
&::after {
content: "";
position: absolute;
inset: 0;
background: white;
z-index: -1;
scale: 2;
opacity: 0.5;
filter: blur(5rem);
translate: -50%;
.footer-right {
text-align: center;
margin-top: 0.5rem;
}
}

3614
texte.png.64 Normal file

File diff suppressed because it is too large Load Diff