Merge branch 'pure'
This commit is contained in:
Anthony Mahé
BIN
assets/img/AssistanceEducative.jpg
Normal file
BIN
assets/img/AssistanceEducative.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
assets/img/CharlinePasteur-banniere.jpg
Normal file
BIN
assets/img/CharlinePasteur-banniere.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 391 KiB |
BIN
assets/img/DroitPenaldesMineurs.jpg
Normal file
BIN
assets/img/DroitPenaldesMineurs.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
BIN
assets/img/DroitddelEducation.jpg
Normal file
BIN
assets/img/DroitddelEducation.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
BIN
assets/img/DroitdesEtrangers.jpg
Normal file
BIN
assets/img/DroitdesEtrangers.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
BIN
assets/img/alt/fond-banniere.pdn
Normal file
BIN
assets/img/alt/fond-banniere.pdn
Normal file
Binary file not shown.
BIN
assets/img/alt/fond-banniere.png
Normal file
BIN
assets/img/alt/fond-banniere.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
BIN
assets/img/alt/personnages-banniere.jpg
Normal file
BIN
assets/img/alt/personnages-banniere.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 358 KiB |
BIN
assets/img/alt/personnages-banniere.png
Normal file
BIN
assets/img/alt/personnages-banniere.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 776 KiB |
BIN
assets/img/alt/teets.png
Normal file
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
BIN
assets/img/alt/toto.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
assets/img/apple-touch-icon.png
Normal file
BIN
assets/img/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/favicon-96x96.png
Normal file
BIN
assets/img/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
assets/img/favicon.ico
Normal file
BIN
assets/img/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
3
assets/img/favicon.svg
Normal file
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
67
assets/img/form.svg
Normal 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
BIN
assets/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
assets/img/logo.webp
Normal file
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
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
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
BIN
assets/img/phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
assets/img/portraitCharlinePasteur.jpg
Normal file
BIN
assets/img/portraitCharlinePasteur.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
21
assets/img/site.webmanifest
Normal file
21
assets/img/site.webmanifest
Normal 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
BIN
assets/img/specialiste.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
assets/img/web-app-manifest-192x192.png
Normal file
BIN
assets/img/web-app-manifest-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/web-app-manifest-512x512.png
Normal file
BIN
assets/img/web-app-manifest-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
132
assistance_educative.html
Normal file
132
assistance_educative.html
Normal 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>© 2025 - Maître Charline Pasteur</p>
|
||||||
|
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
|
||||||
|
</div>
|
||||||
|
<div class="footer-right">
|
||||||
|
<p><a href="mentions.html">Mentions légales</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<script src="script.js" defer></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
227
class.css
Normal file
227
class.css
Normal 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
119
contact.html
Normal 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>© 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
129
droit_education.html
Normal 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>© 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
157
droit_etrangers.html
Normal 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>© 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
137
droit_penal_mineur.html
Normal 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>© 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>
|
||||||
BIN
etoiles.png
BIN
etoiles.png
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
160
honoraires.html
Normal file
160
honoraires.html
Normal 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>© 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>
|
||||||
192
index.html
192
index.html
@@ -1,44 +1,184 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html class="no-js">
|
<html lang="fr">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<title>Charline Pasteur Avocate</title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<link rel="stylesheet" href="./styles.css" />
|
|
||||||
|
<title>Charline Pasteur - Avocate au barreau de Nantes</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droit des mineurs à Nantes et Pays de la Loire." />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:title" content="Maître Charline Pasteur - Avocate au barreau de Nantes" />
|
||||||
|
<meta property="og:description"
|
||||||
|
content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droits des mineurs à Nantes et Pays de la Loire." />
|
||||||
|
<meta property="og:url" content="https://www.pasteuravocate.com" />
|
||||||
|
<meta property="og:image:type" content="image/jpeg">
|
||||||
|
<meta property="og:image" content="assets/img/CharlinePasteur-banniere.jpg" />
|
||||||
|
<!--<meta property="og:image:width" content="300">
|
||||||
|
<meta property="og:image:height" content="300">-->
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Charline Pasteur Avocate" />
|
||||||
|
|
||||||
|
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
|
||||||
|
<link rel="stylesheet" href="style.css" />
|
||||||
|
<link rel="stylesheet" href="class.css" />
|
||||||
|
<link rel="stylesheet" href="navigation.css" />
|
||||||
|
<link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg" />
|
||||||
|
<link rel="shortcut icon" href="assets/img/favicon.ico" />
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png" />
|
||||||
|
<link rel="manifest" href="assets/img/site.webmanifest" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<header class="header">
|
||||||
<input type="checkbox" id="menu-toggle">
|
<div class="contact">
|
||||||
<label for="menu-toggle" class="menu-icon">
|
<div>
|
||||||
<span></span>
|
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
|
||||||
<span></span>
|
Rendez vous en ligne
|
||||||
<span></span>
|
</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>
|
</label>
|
||||||
<nav>
|
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||||
<a href="#about">Qui je suis</a>
|
<!-- Grand écran : aucun sous-menu -->
|
||||||
<a href="#how">Ce que je fais</a>
|
<ul class="menu" id="menuXL">
|
||||||
<a href="#contact">Contact</a>
|
<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>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<div class="wrapper">
|
</header>
|
||||||
<div class="parallax__group hero-container">
|
<div class="banner banner-accueil">
|
||||||
<div class="parallax__layer sky"></div>
|
</div>
|
||||||
<div class="parallax__layer bushes"></div>
|
<main>
|
||||||
<div class="parallax__layer water"></div>
|
<section id="accueil">
|
||||||
<div class="parallax__layer people1"></div>
|
<div class="">
|
||||||
<!--<div class="parallax__layer people2"></div>
|
<div>
|
||||||
<div class="parallax__layer people3"></div>
|
<h1>Charline Pasteur <br>
|
||||||
<div></div>-->
|
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>
|
</div>
|
||||||
<section id="about" class="parallax__group info-container">
|
|
||||||
</section>
|
</section>
|
||||||
<section id="about"></section>
|
|
||||||
<section id="how"></section>
|
<section id="domaines">
|
||||||
<section id="contact"></section>
|
<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>
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- ===== PIED-DE-PAGE ===== -->
|
||||||
|
<footer class="site-footer">
|
||||||
|
<div class="footer-main">
|
||||||
|
<div class="footer-center">
|
||||||
|
<p>© 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>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
191
mentions.html
Normal file
191
mentions.html
Normal 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>© 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
260
navigation.css
Normal 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;
|
||||||
|
}
|
||||||
BIN
personnage1.png
BIN
personnage1.png
Binary file not shown.
|
Before Width: | Height: | Size: 560 KiB |
BIN
personnage2.png
BIN
personnage2.png
Binary file not shown.
|
Before Width: | Height: | Size: 481 KiB |
BIN
personnage3.png
BIN
personnage3.png
Binary file not shown.
|
Before Width: | Height: | Size: 442 KiB |
BIN
personnages.png
BIN
personnages.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB |
102
style.css
Normal file
102
style.css
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
body {
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #F9E7DB;
|
||||||
|
color: #333;
|
||||||
|
font-family: Times New Roman;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding: 0 1rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 1280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
menu li {
|
||||||
|
display: block;
|
||||||
|
padding: 0.5rem;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: #b00f2e;
|
||||||
|
vertical-align: baseline;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #b00f2e;
|
||||||
|
line-height: 1.2;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: #ff7d01;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-indent: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p span {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer {
|
||||||
|
padding: 0rem 1rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
background-color: #b00f2e;
|
||||||
|
color: #F9E7DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-footer a {
|
||||||
|
color: #F9E7DB;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-main {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-center {
|
||||||
|
flex-grow: 1;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-right {
|
||||||
|
text-align: right;
|
||||||
|
min-width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-right p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive : tout centré sur petit écran */
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.footer-main {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-right {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
171
styles copy.css
171
styles copy.css
@@ -1,171 +0,0 @@
|
|||||||
* {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
color: black;
|
|
||||||
background-color: #FFEDE5;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: 700;
|
|
||||||
overflow-x: hidden;
|
|
||||||
/* Empêche le scroll horizontal */
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
background-color: white;
|
|
||||||
height: 4rem;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
float: right;
|
|
||||||
background-color: transparent;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav a {
|
|
||||||
display: inline-block;
|
|
||||||
color: rgb(227, 195, 14);
|
|
||||||
padding: 18px 12px;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: ease-in .3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav a:hover {
|
|
||||||
color: white;
|
|
||||||
background: #6aa9e895;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapper {
|
|
||||||
padding-top: 12rem;
|
|
||||||
height: 100vh;
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
perspective: 300px;
|
|
||||||
width: 100vw;
|
|
||||||
/* Force la largeur du viewport */
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.parallax__group {
|
|
||||||
position: relative;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100vw;
|
|
||||||
transform-style: preserve-3d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.parallax__layer {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sky {
|
|
||||||
background-color: white;
|
|
||||||
background: url('fond.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
transform: translateZ(-600px) scale(3);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bushes {
|
|
||||||
background: url('etoiles.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
transform: translateZ(-525px) scale(2.75);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.water {
|
|
||||||
background: url('texte.png') no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
transform: translateZ(-400px) scale(2.33333333);
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.people1 {
|
|
||||||
background: url("personnages.png") no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
transform: translateZ(-250px) scale(1.833333333);
|
|
||||||
z-index: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-container {
|
|
||||||
background-color: #FFEDE5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Style du menu hamburger */
|
|
||||||
.menu-icon {
|
|
||||||
display: none;
|
|
||||||
/* Caché par défaut */
|
|
||||||
flex-direction: column;
|
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
right: 1rem;
|
|
||||||
top: 1rem;
|
|
||||||
z-index: 1001;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu-icon span {
|
|
||||||
background: rgb(227, 195, 14);
|
|
||||||
display: block;
|
|
||||||
height: 3px;
|
|
||||||
width: 25px;
|
|
||||||
margin: 5px 0;
|
|
||||||
transition: 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Masquer la case à cocher */
|
|
||||||
#menu-toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width:760px) {
|
|
||||||
.sky,
|
|
||||||
.bushes,
|
|
||||||
.water,
|
|
||||||
.people1 {
|
|
||||||
background-size: contain;
|
|
||||||
/* Remplit toute la largeur */
|
|
||||||
/*background-position: center; Centre les images */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 760px) {
|
|
||||||
.menu-icon {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
display: none;
|
|
||||||
flex-direction: column;
|
|
||||||
position: absolute;
|
|
||||||
top: 4rem;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
background: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Quand la case est cochée, afficher le menu */
|
|
||||||
#menu-toggle:checked+.menu-icon+nav {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav a {
|
|
||||||
padding: 15px;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
245
styles.css
245
styles.css
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user