diff --git a/assets/img/404.webp b/assets/img/404.webp index 0ea2218..86ed640 100644 Binary files a/assets/img/404.webp and b/assets/img/404.webp differ diff --git a/assets/img/assistance-educative.webp b/assets/img/assistance-educative.webp deleted file mode 100644 index da29bc7..0000000 Binary files a/assets/img/assistance-educative.webp and /dev/null differ diff --git a/assets/img/avocat-assistance-educative-charline-pasteur.webp b/assets/img/avocat-assistance-educative-charline-pasteur.webp new file mode 100644 index 0000000..a8387c6 Binary files /dev/null and b/assets/img/avocat-assistance-educative-charline-pasteur.webp differ diff --git a/assets/img/avocat-droit-education-charline-pasteur.webp b/assets/img/avocat-droit-education-charline-pasteur.webp new file mode 100644 index 0000000..8809647 Binary files /dev/null and b/assets/img/avocat-droit-education-charline-pasteur.webp differ diff --git a/assets/img/charline-pasteur-banniere-mobile.webp b/assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp similarity index 100% rename from assets/img/charline-pasteur-banniere-mobile.webp rename to assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp diff --git a/assets/img/avocat-droit-enfants-charline-pasteur.webp b/assets/img/avocat-droit-enfants-charline-pasteur.webp new file mode 100644 index 0000000..68b841e Binary files /dev/null and b/assets/img/avocat-droit-enfants-charline-pasteur.webp differ diff --git a/assets/img/avocat-droit-etrangers-charline-pasteur.webp b/assets/img/avocat-droit-etrangers-charline-pasteur.webp new file mode 100644 index 0000000..646c4fb Binary files /dev/null and b/assets/img/avocat-droit-etrangers-charline-pasteur.webp differ diff --git a/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp b/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp new file mode 100644 index 0000000..472a91b Binary files /dev/null and b/assets/img/avocat-droit-penal-mineur-charline-pasteur.webp differ diff --git a/assets/img/droit-de-l-education.webp b/assets/img/droit-de-l-education.webp deleted file mode 100644 index cdb62bc..0000000 Binary files a/assets/img/droit-de-l-education.webp and /dev/null differ diff --git a/assets/img/droit-des-etrangers.webp b/assets/img/droit-des-etrangers.webp deleted file mode 100644 index 371f4f4..0000000 Binary files a/assets/img/droit-des-etrangers.webp and /dev/null differ diff --git a/assets/img/droit-penal-des-mineurs.webp b/assets/img/droit-penal-des-mineurs.webp deleted file mode 100644 index 928686a..0000000 Binary files a/assets/img/droit-penal-des-mineurs.webp and /dev/null differ diff --git a/assets/img/specialiste.png b/assets/img/specialiste.png deleted file mode 100644 index dd74fe7..0000000 Binary files a/assets/img/specialiste.png and /dev/null differ diff --git a/assistance-educative b/assistance-educative index 1df592a..ca8ef5b 100644 --- a/assistance-educative +++ b/assistance-educative @@ -18,7 +18,7 @@ + --> @@ -41,7 +41,8 @@
@@ -64,7 +65,7 @@
- +

Assistance éducative

diff --git a/class.css b/class.css index 1b8aeb3..7b8ef71 100644 --- a/class.css +++ b/class.css @@ -66,9 +66,6 @@ .banner { min-height: 50vh; } - - .banner-accueil { - background-image: url('assets/img/charline-pasteur-banniere.webp'); } .presentation { diff --git a/contact b/contact index 343a8fb..45b816b 100644 --- a/contact +++ b/contact @@ -17,7 +17,7 @@ + --> @@ -40,7 +40,8 @@
@@ -78,8 +79,15 @@
- +

Contact

@@ -97,7 +105,7 @@ width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
-
+
Contact 0685985645 diff --git a/droit-education b/droit-education index 09e513e..be67da9 100644 --- a/droit-education +++ b/droit-education @@ -17,7 +17,7 @@ + --> @@ -40,7 +40,8 @@
@@ -55,7 +56,7 @@
  • Accueil
  • Assistance éducative
  • Droit pénal des mineurs
    • -
  • Droit de l'éducation
    • +
  • Droit de l'éducation
  • Droit des étrangers
  • Honoraires
  • Contact
    • @@ -65,7 +66,7 @@
  • Accueil
  • Assistance éducative
  • Droit pénal des mineurs
    • -
  • Droit de l'éducation
    • +
  • Droit de l'éducation
  • Droit des étrangers
  • Autre ⏷ @@ -78,8 +79,15 @@
    • - +

    Droit de l'éducation

    diff --git a/droit-etrangers b/droit-etrangers index 3010124..641587b 100644 --- a/droit-etrangers +++ b/droit-etrangers @@ -78,8 +78,15 @@
    - +

    Droit des étrangers

    diff --git a/droit-penal-mineur b/droit-penal-mineur index d2fe596..db5463a 100644 --- a/droit-penal-mineur +++ b/droit-penal-mineur @@ -17,7 +17,7 @@ + --> @@ -40,7 +40,8 @@
    @@ -78,8 +79,15 @@
    - +

    Droit pénal des mineurs

    diff --git a/honoraires b/honoraires index d0435ba..6615f15 100644 --- a/honoraires +++ b/honoraires @@ -16,7 +16,7 @@ + --> @@ -38,7 +38,8 @@
    @@ -76,8 +77,15 @@
    - +

    Honoraires

    @@ -154,7 +162,7 @@ - + \ No newline at end of file diff --git a/index.html b/index.html index 6c101af..eb317ba 100644 --- a/index.html +++ b/index.html @@ -94,8 +94,15 @@ - +
    @@ -129,15 +136,20 @@

    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 ». + d'obtenir le >Diplôme Universitaire « Protection de + l'Enfance ».

    -

    J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre +

    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.

    -

    Je pratique ainsi les contentieux de l’assistance éducative, +

    Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs, du - droit de la famille et de l’éducation. + droit de la famille et de l'éducation. J'interviens également en droit des étrangers.

    Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission @@ -154,32 +166,40 @@

    -

    Domaines d'intervention

    +
    Contact diff --git a/mentions b/mentions index f89186f..4bbc114 100644 --- a/mentions +++ b/mentions @@ -15,7 +15,7 @@ + --> @@ -38,7 +38,8 @@
    @@ -60,7 +61,7 @@
    - +

    Mentions légales

    diff --git a/style-min.css b/style-min.css index dea80a6..43da950 100644 --- a/style-min.css +++ b/style-min.css @@ -1 +1,595 @@ -.banner,.cards-list li a{background-position:center}.cards-list,.presentation{gap:1rem;display:flex}.submenu li a,a,menu li{text-decoration:none}.button:hover,a h3,h1,h2,li a.active{color:#b00f2e}.cards-list li span,.citation,li a.active,p span{font-weight:700}.banner{margin-top:3rem;background-size:contain;background-repeat:no-repeat;min-height:70vh}.banner-accueil{background-image:url('assets/img/charline-pasteur-banniere.webp')}.banner-droit-education,.card-education{background-image:url('assets/img/droit-de-l-education.webp')}.banner-droit-etrangers,.card-etrangers{background-image:url('assets/img/droit-des-etrangers.webp')}.banner-droit-penal-mineur,.card-penal{background-image:url('assets/img/droit-penal-des-mineurs.webp')}.banner-assistance-educative,.card-assistance{background-image:url('assets/img/assistance-educative.webp')}.banner-404{background-image:url('assets/img/404.webp')}.button{border:1px solid #f9e7db;color:#f9e7db;padding:.3rem 1rem;cursor:pointer;border-radius:.2rem}.button:hover{background-color:#f9e7db}.citation{color:#734332;font-size:11pt;position:relative;display:flex;flex-direction:column;align-items:center}.citation span{font-weight:400;align-self:flex-end;font-style:italic}@media (max-width:849px){.banner{min-height:50vh}.banner-accueil{background-image:url('assets/img/charline-pasteur-banniere.webp')}.presentation{flex-direction:column;align-items:center}.portrait img,.specialiste img{max-width:80%;padding:1rem}.texte{padding:1rem}}.cards-list{list-style:none;padding:0;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;border-radius:8px;transition:transform .3s}.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}.portrait{flex-grow:3}.portrait img{padding:2rem;max-width:250px;height:auto;display:block}.texte{flex-grow:6;text-align:justify}.footer-center,.section-contact,a h3,h1,h2{text-align:center}.specialiste{flex-grow:1}.specialiste img{padding: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;align-items:center;padding:2rem 1rem;flex-direction:column}.formulaire-contact iframe{max-width:100%;width:640px;border:none}.section-contact{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:.5rem;font-size:1rem;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .3s;color:#fff;background-repeat:no-repeat;background-position-y:6px;background-position-x:6px;background-size:40px 40px;padding:.8rem 1rem .8rem 3rem;background-color:#b00f2e}#menuXL,.contact,.dropdown:hover .submenu,.header{display:flex}.btn-phone{background-image:url('assets/img/phone.png')}.btn-contact{background-image:url('assets/img/form.svg')}.btn-contact:hover,.btn-phone:hover{background-color:#d1776b}.dropdown .submenu,.header,body{background-color:#f9e7db}.header{position:fixed;width:100%;z-index:3;align-items:center}.header li a::after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background-color:#b00f2e;transition:width .3s}.logo,li a.active::after,li a:hover::after{width:100%}.contact{top:0;position:fixed;width:100%;flex-wrap:wrap;row-gap:10px;column-gap:.7rem;justify-content:center;align-items:center;background-color:#b00f2e;padding:1rem;color:#f9e7db;z-index:100;font-size:11px}.dropdown,.menu li{position:relative}.submenu li a,a,body{color:#333}.nav-phone,.navigation{display:flex;width:100%}.logo img{display:inline-block;max-height:40px;width:auto;padding:8px 4px 8px 12px;vertical-align:middle}nav{margin-left:auto;display:inline-flex;margin-right:1rem}.footer-right p,.menu,body{margin:0}#menuM,.menu-btn{display:none}.menu{list-style:none;padding:0;gap:1rem;align-items:center}.menu li{white-space:nowrap;padding:.1rem}.dropdown .submenu{display:none;position:fixed;top:6rem;right:1rem;z-index:10;flex-direction:column;box-shadow:0 2px 5px rgba(0,0,0,.15);padding:.5rem;min-width:180px}.dropdown-label{cursor:pointer;padding:.5rem;display:inline-block;color:#333;background-color:transparent}.submenu li a{display:block;padding:.5rem}@media (max-width:1299px) and (min-width:100px){#menuXL{display:none}#menuM{display:flex}}@media (max-width:999px) and (min-width:850px){.logo span{display:none}}@media (max-width:849px){#menuXL,.header{display:flex}.logo span{display:inline-flex}#menuXL{transform:translateX(100%);opacity:0;transition:transform .3s,opacity .3s;max-height:0;max-width:0;overflow:hidden;flex-direction:column;position:fixed;background-color:#f9e7db;top:3.5rem;right:0;box-shadow:-10px 0 20px rgba(0,0,0,.2)}#menuM{display:none}.menu-icon{display:inline-block!important}}.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:after,.menu-icon .navicon:before{background:#333;content:'';display:block;height:100%;position:absolute;transition:.2s ease-out;width:100%}.menu-icon .navicon:before{top:5px}.menu-icon .navicon:after{top:-5px}.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:0 0}.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:after,.menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}body{line-height:1.6;padding:0;font-family:Times New Roman}main{padding:0 1rem;margin:0 auto;max-width:1280px}section{margin-bottom:2rem}menu li{display:block;padding:.5rem}h1{vertical-align:baseline;font-size:1.6rem}h2{line-height:1.2}a h3{padding-top:14rem;font-size:1.5rem}h3{color:#ff7d01;text-align:left}p{text-indent:10px}.site-footer{padding:0 1rem;font-size:.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}.footer-right{text-align:right;min-width:150px}@media (max-width:600px){.footer-main{flex-direction:column;align-items:center}.footer-right{text-align:center;margin-top:.5rem}} \ No newline at end of file +.banner, +.cards-list li a { + background-position: center +} + +.cards-list, +.presentation { + gap: 1rem; + display: flex +} + +.submenu li a, +a, +menu li { + text-decoration: none +} + +.button:hover, +a h3, +h1, +h2, +li a.active { + color: #b00f2e +} + +.cards-list li span, +.citation, +li a.active, +p span { + font-weight: 700 +} + +.banner { + position: relative; + width: 100%; + height: 70vh; + margin-top: 3rem; + overflow: hidden; +} + +.banner-img { + max-width: 100%; + max-height: 100%; + object-fit: contain; + display: block; + margin: 0 auto; + margin-top: 3rem; +} + +.button { + border: 1px solid #f9e7db; + color: #f9e7db; + padding: .3rem 1rem; + cursor: pointer; + border-radius: .2rem +} + +.button:hover { + background-color: #f9e7db +} + +.citation { + color: #734332; + font-size: 11pt; + position: relative; + display: flex; + flex-direction: column; + align-items: center +} + +.citation span { + font-weight: 400; + align-self: flex-end; + font-style: italic +} + +@media (max-width:849px) { + .banner { + height: 35vh + } + + .banner-img { + width: 100%; + height: auto; + } + + .presentation { + flex-direction: column; + align-items: center + } + + .portrait img, + .specialiste img { + max-width: 80%; + padding: 1rem + } + + .texte { + padding: 1rem + } +} + +.cards-list { + list-style: none; + padding: 0; + flex-wrap: wrap +} + +.cards-list li { + margin: auto; + width: 250px; + box-sizing: border-box; + cursor: pointer +} + +.cards-list li img { + display: block; + width: 100%; + height: auto; + border-radius: 8px; +} + +.cards-list li a { + display: block; + width: 100%; + background-size: cover; + border-radius: 8px; + transition: transform .3s +} + +.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 +} + +.cards-list li h3 { + margin: -1rem; + padding-top: 0rem; + font-size: 1.2em; + color: #b00f2e; + text-align: center; +} + +.cards-list li img { + display: block; + width: 100%; + height: 250px; /* même hauteur que ta tuile */ + object-fit: cover; /* remplit le carré */ + object-position: center; /* centre le cadrage */ + border-radius: 8px; +} + +.portrait { + flex-grow: 3 +} + +.portrait img { + padding: 2rem; + max-width: 250px; + height: auto; + display: block +} + +.texte { + flex-grow: 6; + text-align: justify +} + +.footer-center, +.section-contact, +a h3, +h1, +h2 { + text-align: center +} + +.specialiste { + flex-grow: 1 +} + +.specialiste img { + padding: 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; + align-items: center; + padding: 2rem 1rem; + flex-direction: column +} + +.formulaire-contact iframe { + max-width: 100%; + width: 640px; + border: none +} + +.section-contact { + 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: .5rem; + font-size: 1rem; + text-decoration: none; + border-radius: 8px; + font-weight: 700; + transition: background-color .3s; + color: #fff; + background-repeat: no-repeat; + background-position-y: 6px; + background-position-x: 6px; + background-size: 40px 40px; + padding: .8rem 1rem .8rem 3rem; + background-color: #b00f2e +} + +#menuXL, +.contact, +.dropdown:hover .submenu, +.header { + display: flex +} + +.btn-phone { + background-image: url('assets/img/phone.png') +} + +.btn-contact { + background-image: url('assets/img/form.svg') +} + +.btn-contact:hover, +.btn-phone:hover { + background-color: #d1776b +} + +.dropdown .submenu, +.header, +body { + background-color: #f9e7db +} + +.header { + position: fixed; + width: 100%; + z-index: 3; + align-items: center +} + +.header li a::after { + content: ""; + position: absolute; + left: 0; + bottom: -3px; + width: 0%; + height: 2px; + background-color: #b00f2e; + transition: width .3s +} + +.logo, +li a.active::after, +li a:hover::after { + width: 100% +} + +.contact { + top: 0; + position: fixed; + width: 100%; + flex-wrap: wrap; + row-gap: 10px; + column-gap: .7rem; + justify-content: center; + align-items: center; + background-color: #b00f2e; + padding: 1rem; + color: #f9e7db; + z-index: 100; + font-size: 11px +} + +.dropdown, +.menu li { + position: relative +} + +.submenu li a, +a, +body { + color: #333 +} + +.nav-phone, +.navigation { + display: flex; + width: 100% +} + +.logo img { + display: inline-block; + max-height: 40px; + width: auto; + padding: 8px 4px 8px 12px; + vertical-align: middle +} + +nav { + margin-left: auto; + display: inline-flex; + margin-right: 1rem +} + +.footer-right p, +.menu, +body { + margin: 0 +} + +#menuM, +.menu-btn { + display: none +} + +.menu { + list-style: none; + padding: 0; + gap: 1rem; + align-items: center +} + +.menu li { + white-space: nowrap; + padding: .1rem +} + +.dropdown .submenu { + display: none; + position: fixed; + top: 6rem; + right: 1rem; + z-index: 10; + flex-direction: column; + box-shadow: 0 2px 5px rgba(0, 0, 0, .15); + padding: .5rem; + min-width: 180px +} + +.dropdown-label { + cursor: pointer; + padding: .5rem; + display: inline-block; + color: #333; + background-color: transparent +} + +.submenu li a { + display: block; + padding: .5rem +} + +@media (max-width:1299px) and (min-width:100px) { + #menuXL { + display: none + } + + #menuM { + display: flex + } +} + +@media (max-width:999px) and (min-width:850px) { + .logo span { + display: none + } +} + +@media (max-width:849px) { + + #menuXL, + .header { + display: flex + } + + .logo span { + display: inline-flex + } + + #menuXL { + transform: translateX(100%); + opacity: 0; + transition: transform .3s, opacity .3s; + max-height: 0; + max-width: 0; + overflow: hidden; + flex-direction: column; + position: fixed; + background-color: #f9e7db; + top: 3.5rem; + right: 0; + box-shadow: -10px 0 20px rgba(0, 0, 0, .2) + } + + #menuM { + display: none + } + + .menu-icon { + display: inline-block !important + } +} + +.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:after, +.menu-icon .navicon:before { + background: #333; + content: ''; + display: block; + height: 100%; + position: absolute; + transition: .2s ease-out; + width: 100% +} + +.menu-icon .navicon:before { + top: 5px +} + +.menu-icon .navicon:after { + top: -5px +} + +.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: 0 0 +} + +.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:after, +.menu-btn:checked~.menu-icon:not(.steps) .navicon:before { + top: 0 +} + +body { + line-height: 1.6; + padding: 0; + font-family: Times New Roman +} + +main { + padding: 0 1rem; + margin: 0 auto; + max-width: 1280px +} + +section picture { + margin-top: 4rem; +} + +section { + margin-bottom: 2rem +} + +menu li { + display: block; + padding: .5rem +} + +h1 { + vertical-align: baseline; + font-size: 1.6rem +} + +h2 { + line-height: 1.2 +} + +a h3 { + padding-top: 14rem; + font-size: 1.5rem +} + +h3 { + color: #ff7d01; + text-align: left +} + +p { + text-indent: 10px +} + +.site-footer { + padding: 0 1rem; + font-size: .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 +} + +.footer-right { + text-align: right; + min-width: 150px +} + +@media (max-width:600px) { + .footer-main { + flex-direction: column; + align-items: center + } + + .footer-right { + text-align: center; + margin-top: .5rem + } +} \ No newline at end of file