Compare commits

...

19 Commits

Author SHA1 Message Date
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
37 changed files with 1627 additions and 863 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: 156 KiB

BIN
assets/img/logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
assets/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

BIN
assets/img/specialiste.png Normal file

Binary file not shown.

After

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

120
assistance_educative.html Normal file
View File

@@ -0,0 +1,120 @@
<!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/assistance_educative.html" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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-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>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

150
class.css Normal file
View File

@@ -0,0 +1,150 @@
/* 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: #CC4331;
}
.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 {
background-size: cover;
min-height: 50vh;
}
.presentation {
flex-direction: column;
/* les enfants s'empilent verticalement */
align-items: center;
}
.portrait img,
.specialiste img {
max-width: 80%;
/* pour s'adapter au petit écran */
padding: 1rem;
}
.texte {
padding: 1rem;
}
}
.cards-list {
list-style: none;
padding: 0;
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.cards-list li {
margin: auto;
width: 250px;
box-sizing: border-box;
cursor: pointer;
}
.cards-list li a {
display: block;
width: 100%;
height: 250px;
background-size: cover;
background-position: center;
border-radius: 8px;
transition: transform 0.3s ease;
}
.cards-list li:hover a {
transform: scale(1.1);
}
.cards-list li span {
margin-top: 1rem;
display: block;
text-align: center;
color: #CC4331;
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;
}
.specialiste {
flex-grow: 1;
}
.specialiste img {
padding: 2rem 2rem;
max-width: 100px;
}

171
contact.html Normal file
View File

@@ -0,0 +1,171 @@
<!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/contact.html" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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="accueil">
<div class="">
<div>
<h1>Charline Pasteur</h1>
</div>
<div>
<h1>Avocate au Barreau de Nantes</h1>
</div>
</div>
<div class="presentation">
<div class="portrait">
<img src="assets/img/portraitCharlinePasteur.jpg">
</div>
<div class="texte">
<h2>Spécialiste droit des enfants</h2>
<p>Ayant obtenu mon certificat d'aptitude à la profession d'Avocat au sein de l'École de Formation
du
Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de Nantes en
janvier
2018.
Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité, probité,
conscience et indépendance.
</p>
<p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles mais aussi
de
causes collectives, le droit étant à mes yeux avant tout un outil au service des droits humains.
Parmi
ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
particulièrement.
</p>
<p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à travers
une
année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis d'obtenir le
Diplôme
Universitaire « Protection de l'Enfance ».
</p>
<p>J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre 2024 me
permettant aujourd'hui d'exercer comme avocate spécialiste.
</p>
<p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs, du droit
de la
famille et du droit de l'éducation. J'exerce également dans le domaine du droit des étrangers.
</p>
<p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission
mineure du Syndicat des Avocats de France.
</p>
</div>
<div class="specialiste">
<img src="assets/img/specialiste.png">
</div>
</div>
</section>
<section id="domaines">
<h2>Domaines d'intervention</h2>
<ul class="cards-list">
<li>
<a href="assistance_educative.html"
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
<span>Assistance éducative</span>
</li>
<li>
<a href="droit_penal_mineur.html"
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
<span>Droit pénal des mineurs</span>
</li>
<li>
<a href="droit_education.html"
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
<span>Droit de l'éducation</span>
</li>
<li>
<a href="droit_etrangers.html"
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
<span>Droit des étrangers</span>
</li>
</ul>
</section>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

122
droit_education.html Normal file
View File

@@ -0,0 +1,122 @@
<!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_education.html" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body> <header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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-droit-education">
</div>
<main>
<section id="accueil">
<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 id="contact">
<h2>Contactez-moi</h2>
<p>Vous pouvez me contacter à l'adresse email suivante : <a
href="mailto:votre@email.com">votre@email.com</a></p>
</section>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

147
droit_etrangers.html Normal file
View File

@@ -0,0 +1,147 @@
<!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_etrangers.html" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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-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:
<ul>
<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>
</p>
</div>
</section>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

125
droit_penal_mineur.html Normal file
View File

@@ -0,0 +1,125 @@
<!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" href="assets/img/logo.png">
</head>
<body><header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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-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>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

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

151
honoraires.html Normal file
View File

@@ -0,0 +1,151 @@
<!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="canonical" href="https://www.pasteuravocate.com/honoraires.html" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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="honoraires">
<h1>Honoraires</h1>
<div>
<h2>Transparence & personnalisation</h2>
<p>
Les honoraires de Maître Charline Pasteur sont fixés <span>en toute transparence</span>, en fonction
:
<ul>
<li>de la nature de l'affaire,</li>
<li>de sa complexité,</li>
<li>et des diligences à accomplir.</li>
</ul>
Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
</p>
</div>
<div>
<h2>Modes de facturation</h2>
<p>
Selon votre situation, plusieurs modalités peuvent être proposées :
<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>
</p>
</div>
<div>
<h2>Premier rendez-vous</h2>
<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>
<h2>Convention d'honoraires</h2>
<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>
<h2>Demander un devis</h2>
<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>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

View File

@@ -1,657 +1,174 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<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>
<body> <head>
<div class="parallax"> <meta charset="utf-8" />
<header class="primary-header"> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<div class="wrapper"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<div class="primary-header__inner">
<div class="logo"> <title>Charline Pasteur - Avocate au barreau de Nantes</title>
<!--<img src="./assets/Logo.webp" alt="" />--> <meta name="description"
<img src="./assets/logo1cp.png" alt="logo lettre C et P collés en doré" /> 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" 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" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div> </div>
<nav class="primary-nav"> <!--<div>
<ul role="list"> Email : c.pasteuravocate@gmail.com
<li><a href="#">Qui je suis</a></li> </div>-->
<li><a href="#">Ce que je fait</a></li> </div>
<li><a href="#">Contact</a></li> <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">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> </ul>
</nav> </nav>
</div> </div>
</div>
</header> </header>
<div class="hero"> <div class="banner banner-accueil">
<div class="wrapper"> </div>
<h1 class="hero__title"> <main>
<span>Charline Pasteur</span> Avocate spécialisé mineur <section id="accueil">
</h1> <div class="">
<button class="button">contacter</button> <div>
<h1>Charline Pasteur</h1>
</div>
<div>
<h1>Avocate au Barreau de Nantes</h1>
</div> </div>
</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="" />--> <section id="domaines">
<img class="parallax__bg" src="./assets/fond.png" alt="" /> <h2>Domaines d'intervention</h2>
<!--<img class="parallax__dust" src="./assets/dust.webp" alt="" />--> <ul class="cards-list">
<img class="parallax__dust" src="./assets/etoiles.png" alt="" /> <li>
<!--<img <a href="assistance_educative.html"
class="parallax__foreground-back" style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
src="./assets/foreground-back.webp" <span>Assistance éducative</span>
alt="" </li>
/>--> <li>
<!--<img <a href="droit_penal_mineur.html"
class="parallax__foreground-front" style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
src="./assets/foreground-front.webp" <span>Droit pénal des mineurs</span>
alt="" </li>
/>--> <li>
<img class="parallax__jax" src="./assets/personnages.png" alt="" /> <a href="droit_education.html"
<!--<img class="parallax__luna" src="./assets/luna.webp" alt="" />--> style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
<!--<img class="parallax__manny" src="./assets/manny.webp" alt="" />--> <span>Droit de l'éducation</span>
<!--<img class="parallax__rays" src="./assets/rays.webp" alt="" />--> </li>
</div> <li>
<a href="droit_etrangers.html"
<main class="main-content"> style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
<div class="wrapper"> <span>Droit des étrangers</span>
<p> </li>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum nostrum </ul>
aspernatur nesciunt rem, officiis atque deserunt architecto excepturi </section>
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>
</div>
</main> </main>
</body>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les
illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html> </html>

177
mentions.html Normal file
View File

@@ -0,0 +1,177 @@
<!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/mentions.html" />
<link rel="icon" href="assets/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<!--<div>
Email : c.pasteuravocate@gmail.com
</div>-->
</div>
<div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
<nav class="nav-wrapper" aria-label="Menu principal">
<!-- 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">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>
<h2>Éditeur du site</h2>
<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>
<h2>Hébergement</h2>
<p>
Le site est hébergé par Google Sites, un service proposé par Google LLC.
</p>
</div>
<div>
<h2>Propriété intellectuelle</h2>
<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>
<h2>Données personnelles</h2>
<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>
<h2>Cookies</h2>
<p>
Aucun Cookies n'est utilsé sur ce site, nous ne collectons donc aucunes données
</p>
</div>
<div>
<h2>Modification du site</h2>
<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>
<h2>Règlement des litiges</h2>
<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>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer>
<script src="script.js" defer></script>
</body>
</html>

251
navigation.css Normal file
View File

@@ -0,0 +1,251 @@
.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: 0;
width: 0%;
height: 2px;
background-color: #CC4331;
transition: width 0.3s ease;
}
.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: #CC4331;
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: 15px 0px 10px rgba(51, 51, 51, 0.15);
}
#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;
}

1
script.js Normal file
View File

@@ -0,0 +1 @@

233
style.css
View File

@@ -1,195 +1,56 @@
.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 { body {
margin: 0; font-family: sans-serif;
font-family: "Rubik", sans-serif; line-height: 1.6;
font-size: 1.25rem;
font-weight: 700; /* for demo only */
text-transform: uppercase; /* for demo only */
min-height: 300vh; /* for demo only */
}
img {
display: block;
max-width: 100%;
}
.wrapper {
width: min(65rem, 100% - 4rem);
margin-inline: auto;
}
.flex-group {
display: flex;
gap: 1rem;
}
.button {
font: inherit;
font-style: italic;
text-transform: uppercase;
background: rgb(227, 195, 14);
padding: 1em 2em;
border: 0;
border-radius: 0.125em;
}
.primary-header {
padding-block: 2rem;
}
.primary-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.primary-nav ul {
flex: 1;
list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; background-color: #F9E7DB;
gap: 1rem; color: #333;
justify-content: space-between; font-family: Times New Roman;
} }
main {
.primary-nav a { padding: 0 1rem;
color: rgb(227, 195, 14); margin: 0 auto;
font-weight: 700; max-width: 1280px;
}
section {
margin-bottom: 2rem;
}
li {
display: block;
padding: 0.5rem;
text-decoration: none;
float: left;
}
a {
color: #333;
text-decoration: none; text-decoration: none;
} }
h1 {
.logo { color: #bf9000;
max-width: 100px; vertical-align: baseline;
position: relative;
&::after {
content: "";
position: absolute;
inset: -3rem;
z-index: -1;
background: radial-gradient(hsl(0 0% 100% / 0.5), transparent 70%);
}
}
.hero {
margin-block-start: max(20vh, 8rem);
}
.hero__title {
font-size: 2rem; font-size: 2rem;
max-width: 3ch; text-align: center;
line-height: 1;
font-style: italic;
font-weight: 300;
position: relative;
> span {
font-style: normal;
font-size: 0.5em;
display: block;
}
&::after {
content: "";
position: absolute;
inset: 0;
background: white;
z-index: -1;
scale: 2;
opacity: 0.5;
filter: blur(5rem);
translate: -50%;
}
} }
h2 {
color: #CC4331;
line-height: 1.2;
text-align: center;
}
p {
text-indent: 10px;
}
p span {
font-weight: bold;
}
footer {
background-color: #CC4331;
padding: 0.7rem 1rem;
color: #F9E7DB;
text-align: center;
padding: 0.5rem 0;
bottom: 0;
width: 100%;
font-size: 0.9rem;
}