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

Réglage footer, menu a droite, contact

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 593 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

33
assistance_educative.html
View File

@@ -14,14 +14,14 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body>
@@ -38,21 +38,23 @@
</div>-->
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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="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>
@@ -62,7 +64,7 @@
<!-- 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="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>
@@ -109,10 +111,15 @@
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

36
class.css
View File

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

116
contact.html
View File

@@ -14,12 +14,12 @@
<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" />
<meta property="og:image" content="assets2/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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body>
@@ -36,16 +36,18 @@
</div>-->
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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">
@@ -55,7 +57,7 @@
<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>
<li><a href="contact.html" class="active">Contact</a></li>
</ul>
<!-- Tablette -->
<ul class="menu" id="menuM">
@@ -68,7 +70,7 @@
<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>
<li><a href="contact.html" class="active">Contact</a></li>
</ul>
</li>
</ul>
@@ -78,92 +80,26 @@
<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 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>
</main>
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

46
droit_education.html
View File

@@ -13,17 +13,18 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body> <header class="header">
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
@@ -36,23 +37,25 @@
</div>-->
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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_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>
@@ -62,7 +65,7 @@
<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_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>
@@ -82,7 +85,8 @@
<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é,
<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>
@@ -100,21 +104,19 @@
</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>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

42
droit_etrangers.html
View File

@@ -14,14 +14,14 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body>
@@ -38,16 +38,18 @@
</div>-->
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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">
@@ -55,7 +57,7 @@
<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="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>
@@ -65,7 +67,7 @@
<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="droit_etrangers.html" class="active">Droit des étrangers</a></li>
<li class="dropdown">
<span class="dropdown-label">Autre ⏷</span>
<ul class="submenu">
@@ -83,8 +85,7 @@
<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>
<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">
@@ -98,9 +99,8 @@
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>
<p> Mes matières préférentielles sont les suivantes:</p>
<ul class="styled-list">
<li>
Droit des mineurs non accompagnés
</li>
@@ -129,17 +129,21 @@
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>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

36
droit_penal_mineur.html
View File

@@ -14,17 +14,18 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body><header class="header">
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
@@ -37,22 +38,24 @@
</div>-->
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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_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>
@@ -62,7 +65,7 @@
<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_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">
@@ -114,10 +117,15 @@
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

67
honoraires.html
View File

@@ -12,40 +12,39 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<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">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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">
@@ -54,7 +53,7 @@
<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="honoraires.html" class="active">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- Tablette -->
@@ -67,7 +66,7 @@
<li class="dropdown">
<span class="dropdown-label">Autre ⏷</span>
<ul class="submenu">
<li><a href="honoraires.html">Honoraires</a></li>
<li><a href="honoraires.html" class="active">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
@@ -81,22 +80,18 @@
<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
:
<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>
Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
</p>
<p>Chaque dossier fait l'objet d'un <span>devis personnalisé</span> après un premier échange. </p>
</div>
<div>
<h2>Modes de facturation</h2>
<p>
Selon votre situation, plusieurs modalités peuvent être proposées :
<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>
@@ -105,17 +100,16 @@
complément d'un forfait ou d'un taux horaire.
</li>
</ul>
</p>
</div>
<div>
<h2>Premier rendez-vous</h2>
<h3>Premier rendez-vous</h3>
<p>Le premier rendez-vous est consacré à l'étude de votre situation et à la définition du cadre
d'intervention.
Il peut faire l'objet d'une <span>facturation forfaitaire</span>, dont le montant est précisé à
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>
<h3>Convention d'honoraires</h3>
<p>
Conformément aux règles déontologiques de la profession, une <span>convention écrite</span> est
systématiquement
@@ -124,26 +118,29 @@
</p>
</div>
<div>
<h2>Demander un devis</h2>
<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,
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>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

46
index.html
View File

@@ -14,35 +14,31 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body>
<header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<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">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
@@ -54,7 +50,7 @@
<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="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>
@@ -64,7 +60,7 @@
</ul>
<!-- Tablette -->
<ul class="menu" id="menuM">
<li><a href="index.html">Accueil</a></li>
<li><a href="index.html" class="active">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li>
@@ -86,15 +82,13 @@
<section id="accueil">
<div class="">
<div>
<h1>Charline Pasteur</h1>
</div>
<div>
<h1>Avocate au Barreau de Nantes</h1>
<h1>Charline Pasteur <br>
Avocate au Barreau de Nantes</h1>
</div>
</div>
<div class="presentation">
<div class="portrait">
<img src="assets/img/portraitCharlinePasteur.jpg">
<img src="assets2/img/portraitCharlinePasteur.jpg">
</div>
<div class="texte">
<h2>Spécialiste droit des enfants</h2>
@@ -128,7 +122,7 @@
</p>
</div>
<div class="specialiste">
<img src="assets/img/specialiste.png">
<img src="assets2/img/specialiste.png">
</div>
</div>
</section>
@@ -138,22 +132,22 @@
<ul class="cards-list">
<li>
<a href="assistance_educative.html"
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
style="background-image: url('assets2/img/AssistanceEducative.jpg');"></a>
<span>Assistance éducative</span>
</li>
<li>
<a href="droit_penal_mineur.html"
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
style="background-image: url('assets2/img/DroitPenaldesMineurs.jpg');"></a>
<span>Droit pénal des mineurs</span>
</li>
<li>
<a href="droit_education.html"
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
style="background-image: url('assets2/img/DroitddelEducation.jpg');"></a>
<span>Droit de l'éducation</span>
</li>
<li>
<a href="droit_etrangers.html"
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
style="background-image: url('assets2/img/DroitdesEtrangers.jpg');"></a>
<span>Droit des étrangers</span>
</li>
</ul>
@@ -162,11 +156,15 @@
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

35
mentions.html
View File

@@ -12,14 +12,14 @@
<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" />
<meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="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">
<link rel="icon" href="assets2/img/logo.png">
</head>
<body>
@@ -36,16 +36,18 @@
</div>-->
</div>
<div class="navigation">
<div class="nav-phone">
<div class="logo">
<a href="index.html">
<img src="assets2/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span>
</a>
</div>
</div>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<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">
@@ -152,12 +154,14 @@
<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
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>
<span>Site Internet :</span><a
href="https://mediateur-consommation-avocat.fr">https://mediateur-consommation-avocat.fr/</a>
</p>
</div>
</section>
@@ -166,10 +170,15 @@
<!-- ===== PIED-DE-PAGE ===== -->
<footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<div class="footer-main">
<div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div>
<div class="footer-right">
<p><a href="mentions.html">Mentions légales</a></p>
<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>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>

15
navigation.css
View File

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

70
style.css
View File

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