Compare commits
2 Commits
f6c2f4b710
...
4790a20238
| Author | SHA1 | Date | |
|---|---|---|---|
|
4790a20238 | ||
|
|
0110e77609 |
@@ -18,6 +18,7 @@
|
||||
|
||||
<!--<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">
|
||||
@@ -25,11 +26,14 @@
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</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>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -55,18 +59,18 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<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,
|
||||
<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. “
|
||||
du mineur lui-même ou du ministère public. »
|
||||
</p>
|
||||
<span>Article 375 du code civil</span>
|
||||
</div>
|
||||
@@ -82,11 +86,7 @@
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact">
|
||||
<h2>Contactez-moi</h2>
|
||||
<p>Vous pouvez me contacter à l'adresse email suivante : <a
|
||||
href="mailto:votre@email.com">votre@email.com</a></p>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- ===== PIED-DE-PAGE ===== -->
|
||||
|
||||
163
class.css
Normal file
163
class.css
Normal file
@@ -0,0 +1,163 @@
|
||||
/* Style de la bannière */
|
||||
.contact {
|
||||
top: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 10px;
|
||||
column-gap: 2em;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #CC4331;
|
||||
margin: auto;
|
||||
padding: 0.7rem 1rem;
|
||||
color: #F9E7DB;
|
||||
z-index: 100;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin-top: 3rem;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 70vh;
|
||||
}
|
||||
|
||||
.banner-accueil {
|
||||
background-image: url('assets/img/CharlinePasteur-banniere.jpg');
|
||||
}
|
||||
|
||||
.banner-droit-education {
|
||||
background-image: url('assets/img/DroitddelEducation.jpg');
|
||||
}
|
||||
|
||||
.banner-droit-etrangers {
|
||||
background-image: url('assets/img/DroitdesEtrangers.jpg');
|
||||
}
|
||||
|
||||
.banner-droit-penal-mineur {
|
||||
background-image: url('assets/img/DroitPenaldesMineurs.jpg');
|
||||
}
|
||||
|
||||
.banner-assistance-educative {
|
||||
background-image: url('assets/img/AssistanceEducative.jpg');
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid #F9E7DB;
|
||||
color: #F9E7DB;
|
||||
padding: 0.3rem 1rem;
|
||||
cursor: pointer;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #F9E7DB;
|
||||
color: #CC4331;
|
||||
}
|
||||
|
||||
.citation {
|
||||
color: #734332;
|
||||
font-size: 11pt;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.citation span {
|
||||
font-weight: 400;
|
||||
align-self: flex-end;
|
||||
font-style: italic;
|
||||
}
|
||||
/* Style pour téléphone portable*/
|
||||
@media (max-width: 48em) {
|
||||
|
||||
.presentation {
|
||||
flex-direction: column;
|
||||
/* les enfants s'empilent verticalement */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.portrait img,
|
||||
.specialiste img {
|
||||
max-width: 80%;
|
||||
/* pour s'adapter au petit écran */
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.texte {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cards-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cards-list li {
|
||||
margin: auto;
|
||||
width: 250px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cards-list li a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 8px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.cards-list li:hover a {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.cards-list li span {
|
||||
margin-top: 1rem;
|
||||
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #CC4331;
|
||||
background-color: transparent;
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
margin: 1rem 0.7rem;
|
||||
}
|
||||
|
||||
.presentation {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
flex-grow: 3;
|
||||
}
|
||||
|
||||
.portrait img {
|
||||
padding: 2rem 2rem;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.texte {
|
||||
flex-grow: 6;
|
||||
}
|
||||
|
||||
.specialiste {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.specialiste img {
|
||||
padding: 2rem 2rem;
|
||||
max-width: 100px;
|
||||
}
|
||||
20
contact.html
20
contact.html
@@ -16,6 +16,7 @@
|
||||
<meta property="og:url" content="https://www.pasteuravocate.com/contact.html" />
|
||||
<meta property="og:image" content="assets/img/og-cover.jpg" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="class.css" />
|
||||
<link rel="stylesheet" href="navigation.css" />
|
||||
<link rel="canonical" href="https://www.pasteuravocate.com/contact.html" />
|
||||
<link rel="icon" href="assets/img/logo.png">
|
||||
@@ -23,11 +24,14 @@
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</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>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -53,7 +57,7 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<div class="banner banner-accueil">
|
||||
</div>
|
||||
<main>
|
||||
<section id="accueil">
|
||||
@@ -134,12 +138,6 @@
|
||||
</li>
|
||||
</ul>
|
||||
</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 ===== -->
|
||||
|
||||
@@ -17,18 +17,22 @@
|
||||
|
||||
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="class.css" />
|
||||
<link rel="stylesheet" href="navigation.css" />
|
||||
<link rel="canonical" href="https://www.pasteuravocate.com/droit_education.html" />
|
||||
<link rel="icon" href="assets/img/logo.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... </div>
|
||||
<div>
|
||||
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez
|
||||
vous en
|
||||
ligne</a>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -54,14 +58,14 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<div class="banner banner-droit-education">
|
||||
</div>
|
||||
<main>
|
||||
<section id="accueil">
|
||||
<section id="droit_education">
|
||||
<h1>Droit de l'éducation</h1>
|
||||
<div class="citation">
|
||||
<p>«Le droit à l'éducation est garanti à chacun afin de lui permettre de développer sa personnalité,
|
||||
<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>
|
||||
|
||||
@@ -18,18 +18,22 @@
|
||||
|
||||
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="class.css" />
|
||||
<link rel="stylesheet" href="navigation.css" />
|
||||
<link rel="canonical" href="https://www.pasteuravocate.com/droit_etrangers.html" />
|
||||
<link rel="icon" href="assets/img/logo.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... </div>
|
||||
<div>
|
||||
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez
|
||||
vous en
|
||||
ligne</a>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -55,7 +59,7 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<div class="banner banner-droit-etrangers">
|
||||
</div>
|
||||
<main>
|
||||
<section id="droit_etrangers">
|
||||
@@ -111,11 +115,7 @@
|
||||
</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 ===== -->
|
||||
|
||||
@@ -18,18 +18,22 @@
|
||||
|
||||
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="class.css" />
|
||||
<link rel="stylesheet" href="navigation.css" />
|
||||
<link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
|
||||
<link rel="icon" href="assets/img/logo.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... </div>
|
||||
<div>
|
||||
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez
|
||||
vous en
|
||||
ligne</a>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -55,7 +59,7 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<div class="banner banner-droit-penal-mineur">
|
||||
</div>
|
||||
<main>
|
||||
<section id="droit_penal_mineur">
|
||||
@@ -88,11 +92,7 @@
|
||||
</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 ===== -->
|
||||
|
||||
@@ -16,18 +16,22 @@
|
||||
|
||||
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="class.css" />
|
||||
<link rel="stylesheet" href="navigation.css" />
|
||||
<link rel="canonical" href="https://www.pasteuravocate.com/honoraires.html" />
|
||||
<link rel="icon" href="assets/img/logo.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... </div>
|
||||
<div>
|
||||
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez
|
||||
vous en
|
||||
ligne</a>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -53,7 +57,7 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<div class="banner banner-accueil">
|
||||
</div>
|
||||
<main>
|
||||
<section id="honoraires">
|
||||
@@ -113,11 +117,7 @@
|
||||
</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 ===== -->
|
||||
|
||||
247
index.html
247
index.html
@@ -18,6 +18,7 @@
|
||||
|
||||
<!--<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">
|
||||
@@ -25,133 +26,141 @@
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</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>
|
||||
<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>
|
||||
<header class="header">
|
||||
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
Charline Pasteur, Avocate
|
||||
</a>
|
||||
|
||||
<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">
|
||||
<ul class="menu">
|
||||
<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>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
</div>
|
||||
<main>
|
||||
<section id="accueil">
|
||||
<div class="">
|
||||
<div>
|
||||
<h1>Charline Pasteur</h1>
|
||||
<header class="header">
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
Charline Pasteur, Avocate
|
||||
</a>
|
||||
<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">
|
||||
<ul class="menu">
|
||||
<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>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner banner-accueil">
|
||||
</div>
|
||||
<main>
|
||||
<section id="accueil">
|
||||
<div class="">
|
||||
<div>
|
||||
<h1>Charline Pasteur</h1>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Avocate au Barreau de Nantes</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Avocate au Barreau de Nantes</h1>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<section id="domaines">
|
||||
<h2>Domaines d'intervention</h2>
|
||||
<ul class="cards-list">
|
||||
<li>
|
||||
<a href="assistance_educative.html"
|
||||
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
|
||||
<span>Assistance éducative</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_penal_mineur.html"
|
||||
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
|
||||
<span>Droit pénal des mineurs</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_education.html"
|
||||
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
|
||||
<span>Droit de l'éducation</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_etrangers.html"
|
||||
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
|
||||
<span>Droit des étrangers</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="domaines">
|
||||
<h2>Domaines d'intervention</h2>
|
||||
<ul class="cards-list">
|
||||
<li>
|
||||
<a href="assistance_educative.html"
|
||||
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
|
||||
<span>Assistance éducative</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_penal_mineur.html"
|
||||
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
|
||||
<span>Droit pénal des mineurs</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_education.html"
|
||||
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
|
||||
<span>Droit de l'éducation</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_etrangers.html"
|
||||
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
|
||||
<span>Droit des étrangers</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section 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>© 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
|
||||
<p><a href="mentions.html">Mentions légales</a></p>
|
||||
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations
|
||||
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
|
||||
</footer>
|
||||
<script src="script.js" defer></script>
|
||||
</main>
|
||||
|
||||
<!-- ===== PIED-DE-PAGE ===== -->
|
||||
<footer class="site-footer">
|
||||
<p>© 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
|
||||
<p><a href="mentions.html">Mentions légales</a></p>
|
||||
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les
|
||||
illustrations
|
||||
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
|
||||
</footer>
|
||||
<script src="script.js" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -16,18 +16,22 @@
|
||||
|
||||
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="class.css" />
|
||||
<link rel="stylesheet" href="navigation.css" />
|
||||
<link rel="canonical" href="https://www.pasteuravocate.com/mentions.html" />
|
||||
<link rel="icon" href="assets/img/logo.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div>
|
||||
<div class="contact">
|
||||
<div>Tel : 06.......... </div>
|
||||
<div>
|
||||
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez
|
||||
vous en
|
||||
ligne</a>
|
||||
<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>
|
||||
<header class="header">
|
||||
@@ -53,7 +57,7 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="banner">
|
||||
<div class="banner banner-accueil">
|
||||
</div>
|
||||
<main>
|
||||
<section id="mentions">
|
||||
@@ -139,11 +143,7 @@
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact">
|
||||
<h2>Contactez-moi</h2>
|
||||
<p>Vous pouvez me contacter à l'adresse email suivante : <a
|
||||
href="mailto:votre@email.com">votre@email.com</a></p>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- ===== PIED-DE-PAGE ===== -->
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
background-color: #F9E7DB;
|
||||
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
|
||||
position: fixed;
|
||||
top:40px;
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
align-items: center;
|
||||
@@ -16,11 +17,6 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header li {
|
||||
display: block;
|
||||
padding: 0.5rem;
|
||||
|
||||
146
style.css
146
style.css
@@ -1,39 +1,3 @@
|
||||
/* Style de la bannière */
|
||||
.contact {
|
||||
display:flex;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 10px;
|
||||
column-gap: 2em;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: #CC4331;
|
||||
margin : auto;
|
||||
padding: 0.7rem 1rem;
|
||||
color: #F9E7DB;
|
||||
z-index: 100;
|
||||
align-items: baseline;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 1px solid #F9E7DB;
|
||||
color: #F9E7DB;
|
||||
padding: 0.3rem 1rem;
|
||||
cursor: pointer;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #F9E7DB;
|
||||
color: #CC4331;
|
||||
}
|
||||
|
||||
.banner {
|
||||
background-image: url('assets/img/CharlinePasteur-banniere.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
min-height: 50vh;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
@@ -53,6 +17,11 @@ section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #bf9000;
|
||||
vertical-align: baseline;
|
||||
@@ -66,111 +35,22 @@ h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p span{
|
||||
p {
|
||||
text-indent: 10px;
|
||||
}
|
||||
|
||||
p span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Styles pour les écrans plus grand */
|
||||
@media (min-width: 48em) {
|
||||
.banner {
|
||||
padding: 2rem 1rem;
|
||||
min-height: 70vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 48em) {
|
||||
.presentation {
|
||||
flex-direction: column;
|
||||
/* les enfants s'empilent verticalement */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.portrait img,
|
||||
.specialiste img {
|
||||
max-width: 80%;
|
||||
/* pour s'adapter au petit écran */
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.texte {
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cards-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cards-list li {
|
||||
margin: auto;
|
||||
width: 250px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.cards-list li a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 8px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.cards-list li:hover a {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.cards-list li span {
|
||||
margin-top: 1rem;
|
||||
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #CC4331;
|
||||
background-color: transparent;
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
margin: 1rem 0.7rem;
|
||||
}
|
||||
|
||||
.presentation {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.portrait {
|
||||
flex-grow: 3;
|
||||
}
|
||||
|
||||
.portrait img {
|
||||
padding: 2rem 2rem;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.texte {
|
||||
flex-grow: 6;
|
||||
}
|
||||
|
||||
.specialiste {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.specialiste img {
|
||||
padding: 2rem 2rem;
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #CC4331;
|
||||
padding: 0.7rem 1rem;
|
||||
color: #F9E7DB; text-align: center;
|
||||
color: #F9E7DB;
|
||||
text-align: center;
|
||||
padding: 0.5rem 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user