html,body,*{cursor:none!important}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#87ceeb transparent;-webkit-user-select:none;user-select:none}body{overflow-x:hidden;margin:0;background-color:#fff;color:#4e4e4e;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif;font-style:normal;margin:0;font-weight:300;font-size:2vh}.title_others_pages{font-family:Lato,sans-serif;font-style:normal;margin:0;font-weight:300;font-size:5vh;left:3vh}.title_conf_page{font-size:9vh!important}.title_mentions_legales{font-size:4.5vh}#title_header_h1{text-transform:none;opacity:.8;font-weight:300;color:#ffffff85;letter-spacing:.65px;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffff}.mentions_legales_div a{text-decoration:none;color:#333}.display_text_elem_others_pages_div{display:flex}.text_part_others_pages{flex:2;display:flex;justify-content:center;margin:auto}.mentions_legales{flex:6!important}.contact_part_others_pages_mentions_legales{flex:2!important}.contact_form_second_div{margin-top:2rem;max-width:700px;width:700px}.contact_part_others_pages,.competences_part_others_pages{flex:4}.confidentialite_second_div{flex:1}header h2{scroll-behavior:smooth;font-family:Bebas Neue,serif}.cursor{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;z-index:1000;pointer-events:none!important;width:2.5rem;height:2.5rem;border:2px solid #fff;background:#ffffff2b;border-radius:50%;position:absolute;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:height .2s ease,width .2s ease-out}.cursor.link-hover{height:4rem;width:4rem;border:3px solid #fff;background:#ffffff2b}header{position:fixed;top:-6vh;transition:top .3s ease}header.scrolled{top:0vh}#contact_me{display:flex;justify-content:space-between;width:40%;margin-left:30%;bottom:0;position:relative;font-size:13px}#contact_me div a:hover svg{transition:all .5s ease-out}#contact_me div a:hover svg{fill:#fff;stroke:#007bee}#contact_me a{text-decoration:none;color:#4e4e4e;margin:13px 0}#contact_me div{margin-top:auto;margin-bottom:auto}p,ul,li,.expertise-item span,label,button,#contact_me a{font-family:Lato,sans-serif;font-weight:300;font-style:normal}::-webkit-input-placeholder{font-family:Lato,sans-serif;font-weight:300;font-style:normal}:-moz-placeholder{font-family:Lato,sans-serif;font-weight:300;font-style:normal}::-moz-placeholder{font-family:Lato,sans-serif;font-weight:300;font-style:normal}:-ms-input-placeholder{font-family:Lato,sans-serif;font-weight:300;font-style:normal}.row,.section,section{position:relative;overflow:hidden}.section,section{padding:80px 0;text-align:center}.container-fluid{width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}.horiz-gallery-strip,.horiz-gallery-wrapper{display:flex;flex-wrap:nowrap;will-change:transform;position:relative}.horiz-gallery-strip{background:#03045e;margin:15vh 5vh;height:56%;border-radius:33px}.project-wrap{width:44vw;padding:2rem;box-sizing:content-box}#image_sophie_marechal{margin:auto 0 auto 20%;width:80%;height:auto}header{display:inline-flex;width:100%;color:#fff;text-align:center;padding:2vh .5vh;top:0vh;position:fixed;z-index:13;background:rgb(133 133 133 / 38%);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(4px);background:linear-gradient(180deg,rgba(14,20,32,.5) 0%,rgba(255,255,255,0) 100%);transition:all .7s ease-out}header div{flex:2}header div h2{font-size:3vh;padding:4px}#sophie_marechal_home_header{flex:8}.homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:120vh;width:100%;position:relative;overflow:hidden;padding:0;background-image:url(https://sophiemarechal-avocat.fr/Images/Palais-de-justice-de-Paris.webp);background-size:cover;background-position:center;background-repeat:no-repeat;top:-80px}.license-details{position:absolute;bottom:0;left:10px;font-size:12px;color:transparent;background-color:#0000;padding:5px 10px;border-radius:5px;max-width:300px;z-index:1;transition:color .5s ease-out}.license-details a{text-decoration:none;color:transparent}.home_text{position:absolute;text-align:center;color:#fff;z-index:2}.home_text h1{font-size:5rem;font-family:Bebas Neue,serif;color:#fff;font-size:10vh;margin:0}.home_text h2{font-size:2rem;margin-top:10vh}.homepage:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}#image_home_background{width:197vh}.scroll-downs{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:34px;height:55px;bottom:-60vh;z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.background_image_sophie{width:26vh;height:39vh;background-image:url(https://sophiemarechal-avocat.fr/Images/Sophie_Marechal.webp);background-size:cover;background-position:bottom;background-repeat:no-repeat;top:7vh;position:absolute;right:15vh}.background_image_sophie_competences{width:30vh;height:45vh;background-image:url(https://sophiemarechal-avocat.fr/Images/Sophie_Marechal.webp);background-size:cover;background-position:bottom;background-repeat:no-repeat;position:absolute;right:3%;top:57%;border-radius:10px}.background_image_place_etoile{width:23vh;height:33vh;background-size:cover;background-position:bottom;background-repeat:no-repeat;top:76vh;position:absolute;left:15vh;background-image:url(https://sophiemarechal-avocat.fr/Images/sophie-marechal-avocat-paris.webp)}.icon_bottom_page{border-radius:9px;transition:all .5s ease-out}.icon_bottom_page:hover{background:#46a6ff;padding:8px 6px 3px}.background_image_place_etoile_second,.background_image_place_etoile_second_bottom{width:23vh;height:37vh;background-size:cover;background-position:bottom;background-repeat:no-repeat;top:77vh;position:absolute;right:0vh;background-image:url(https://sophiemarechal-avocat.fr/Images/sophie-marechal-avocat-arc_de_triomphe.webp)}.parc_monceau{width:30vh;height:49vh;background-size:cover;background-position:bottom;background-repeat:no-repeat;top:35vh;position:absolute;left:0vh;background-image:url(https://sophiemarechal-avocat.fr/Images/sophie-marechal-avocat-paris-parc-monceau.webp)}.parc_monceau_home{width:28vh;height:49vh;background-size:cover;background-position:bottom;background-repeat:no-repeat;top:304vh;position:absolute;left:0vh;background-image:url(https://sophiemarechal-avocat.fr/Images/sophie-marechal-avocat-paris-parc-monceau.webp)}.paris_ruelle{width:29vh;height:32vh;background-size:contain;background-position:bottom;background-repeat:no-repeat;top:46vh;position:absolute;left:184vh;background-image:url(https://sophiemarechal-avocat.fr/Images/sophie-marechal-avocat-paris-droit-public.webp)}.paris_monument,.paris_monument_home{width:23vh;height:42vh;background-size:cover;background-position:bottom;background-repeat:no-repeat;top:0vh;position:absolute;right:2vh;background-image:url(https://sophiemarechal-avocat.fr/Images/sophie-marechal-avocat-paris-droit-urbanisme.webp)}.paris_monument_home{width:28vh;height:43vh;top:333vh;right:0vh}.background_image_place_etoile_second_bottom{top:11vh;right:0vh}.scroll-downs p{color:#fff;margin-left:0}.mousey{width:3px;padding:10px 15px;height:35px;border:2px solid #fff;border-radius:25px;opacity:.75;box-sizing:content-box}.scroller{width:3px;height:10px;border-radius:25%;background-color:#fff;animation-name:scroll;animation-duration:2.2s;animation-timing-function:cubic-bezier(.15,.41,.69,.94);animation-iteration-count:infinite}@keyframes scroll{0%{opacity:0}10%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}.send_mail_bottom_icon{position:fixed;bottom:2vh;right:2vh;background-color:#fff;z-index:2;border-radius:50%;padding:4px 4px 0;transition:background-color .5s ease-out}.send_mail_bottom_icon a{color:#111!important}.send_mail_bottom_icon a svg{fill:#e8e8e8;transition:all .5s ease-out}.send_mail_bottom_icon:hover a svg{width:50px;height:50px}.send_mail_bottom_icon:hover{background-color:#fff0}.sophie_marechal_image img{margin:-9vh 0 2vh -1vh!important;border-radius:20px}.sophie_marechal_image{width:29vw;padding:2rem;box-sizing:content-box}.first_text{text-align:left;width:62vh;margin:12vh 15vh auto -13vh;font-size:2vh;border-radius:20px;background:#fff}.second_text,.second_div_text{text-align:left;width:78vh;margin:21vh 2vh auto 7vh;font-size:2vh;background:#fff;border-radius:20px}.second_div_text{margin:9vh 20vh auto 7vh}.second_text img{position:relative;width:50px;height:50px}.third_text{margin:auto;text-align:left;width:75vh;margin:-30vh 0 0!important;font-size:2vh;text-align:center}.second_image{margin:0vh 32vh 0vh -26vh;width:51vh}.first_column{display:inline-flex;position:relative}.first_column img{width:119%}.image_school_first,.image_school_second{flex:1}.image_school_second{margin-top:12vh;width:0vh}.logo_ecole{margin:auto;background:#fff;height:20vh;width:20vh;padding:10px;border-radius:30px;margin:1vh;transition:all .5s ease-out}.logo_ecole:hover{height:22vh;width:22vh}.third_text,.fourth_text{background-color:#fff;width:-webkit-fill-available;margin:0;padding:20vh;font-size:2vh}.fourth_text{padding:0vh;border-radius:20px;background:#03045e;margin:0 10vh}.icon_expertises{display:inline-flex;width:80%}.icon_expertises div{flex:1;margin:10vh 1vh;background-color:#fafafa;border-radius:20px;background:#023e8a;box-shadow:0 0 #1f268700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .5s ease-out}.icon_expertises div:hover{box-shadow:0 0 20px #ecececcc}.icon_expertises div svg{margin:2vh 0 -1vh}.icon_expertises div p{margin:3vh}footer{padding:20px 0;margin-top:10vh}h1{margin:0;padding:0;font-family:Lato,sans-serif;line-height:1.2;color:#cde5ff;font-weight:200}.letter{display:inline-block;opacity:0}.animate-word{text-decoration:none;color:#fff;font-size:12vmin;-webkit-text-fill-color:#e0efff;-webkit-text-stroke-width:3px;background-color:transparent}.letter.in{animation:fadeInDown 1s ease forwards}.letter.out{animation:fadeOutUp 1s ease forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.letter.space{width:.5em;opacity:1}.additional-description{font-size:1.2rem;margin-top:1rem;color:#555;line-height:1.6}.link_header{text-decoration:none;color:#fff}#sophie_marechal_home_header .link_header h2{font-size:3.5vh}.first_section{background:#007BEE;margin-top:-80px}.first_section_h1{font-size:12vh;padding:20vh 9vh 9vh;text-align:left;word-spacing:41px;z-index:9;position:relative;font-family:Lato,sans-serif;line-height:1.2;color:#cde5ff;font-weight:200}.first_section_h1_comptetences{font-size:8vh;padding:9vh;text-align:left;word-spacing:41px;z-index:9}.first_blue_text{text-decoration:none;color:#fff;font-size:12vh;-webkit-text-fill-color:#e0efff;-webkit-text-stroke-width:3px;background-color:transparent}.first_blue_text_small{text-decoration:none;color:#fff;font-size:8vh;-webkit-text-fill-color:#e0efff;-webkit-text-stroke-width:3px;background-color:transparent}#expetise_text{margin:0 0 0 40vh}#valeurs_text{margin:0 0 0 60vh}#ecoute_text{margin:0 0 0 80vh}#contact_me_link{text-decoration:none;color:#fff;font-size:12vmin;-webkit-text-fill-color:#e0efff;-webkit-text-stroke-width:3px;background-color:transparent}.second_section{padding:20vh 0}.second_section h2,.third_section h2,.fourth_section h2{font-size:10vh}.main_div_third_section{display:inline-block;width:50%;font-size:20px}.main_div_second_section,.main_div_fourth_section,.expertise_div{display:inline-flex;width:80%;font-size:18px;text-align:justify;gap:40px}.main_div_third_section{display:inline-block;width:80%;text-align:justify;font-size:18px}.section_competences{margin-top:2vh}.first_text_hono{text-align:center}.first_div_text_second_section,.seconc_div_text_second_section,.first_div_text_third_section,.seconc_div_text_third_section{flex:1;padding:0 15px;text-align:justify}.main_div_fourth_section{padding:0 15px;text-align:justify;display:inline-block}.first_div_text_second_section p,.seconc_div_text_second_section p,.first_div_text_third_section p,.seconc_div_text_third_section p,.main_div_fourth_section p{line-height:1.6}.footer_infos{display:flex;justify-content:space-between;width:40%;margin-left:30%;bottom:0;position:relative;font-size:13px}.main_div_contact_me_bottom_icon{display:flex;justify-content:space-between;margin:10vh 0;width:46%;margin-left:26%}.icon_bottom_page a{text-decoration:none;color:#4e4e4e}.icon_bottom_page:hover a svg{fill:#007bee;transition:fill .5s ease-out}.icon_bottom_page:hover a svg{text-decoration:none;fill:#fff}.contact-intro{font-size:1rem;color:#4e4e4e;text-align:center;margin-bottom:20px;line-height:1.6}.short-intros{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;margin:150px auto;padding:20px;max-width:1200px;text-align:center}.intro-block{background:#ffffff;border-radius:12px;padding:20px;flex:1 1 calc(33% - 40px);box-shadow:0 0 15px #0000000d;transition:transform .3s ease,box-shadow .5s ease;display:flex;flex-direction:column;justify-content:space-between;max-width:310px;height:350px;position:relative;overflow:hidden}.intro-block:hover{transform:translateZ(-5px);box-shadow:0 0 30px #00000026}.icon-wrapper{width:80px;height:75px;position:absolute;top:7px;right:-4px;background-color:transparent;z-index:1}.intro-icon{width:100%;height:100%;object-fit:contain}.intro-block h3{margin-bottom:10px;text-align:start;z-index:1;font-weight:700;color:#484848;font-size:1.3vw}.intro-block p{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:20px;z-index:1}.btn{text-decoration:none;background:#007BEE;color:#fff;padding:10px 15px;border-radius:5px;font-size:.9rem;font-weight:600;font-family:Lato,sans-serif;z-index:1;transition:background .3s ease,transform .2s ease}@media (max-width: 768px){.intro-block{flex:1 1 calc(50% - 20px)}}@media (max-width: 480px){.intro-block{flex:1 1 100%}.intro-block h3{font-size:1rem}.intro-block p{font-size:.85rem}}.section_competences{display:inline-flex}.section_competences div{flex:1}.second_text_competences{margin-top:6vh;margin-left:46vh;background:#f0f0f0;border-radius:10px;height:80vh}.section_competences h2{font-size:6.5vh}.competence_img_div{position:relative;width:100%;height:50vh}.blue_box_competence{background:#007BEE;width:55vh;height:31vh;position:absolute;left:22%;top:30%;padding:4vh 8vh 4vh 22vh;color:#fff}.text_blue_box{font-size:2.2vh}.first_quote{text-align:left;font-size:50px;margin:0}.second_quote{text-align:right;font-size:50px;margin:-35px 0 0}.section_competences{width:100vw;height:100vh;overflow-x:hidden;position:relative;display:flex;align-items:center}.horizontal-scroll-wrapper{display:flex;flex-wrap:nowrap;width:300vw;height:100vh}.horizontal-item{flex:0 0 100vw;height:100vh;display:inline-block;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;width:100vh}.competence_img_div,.main_div_second_section,.main_div_third_section{width:90%;margin:auto}.blue_box_competence{background:#007BEE;color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003}.pin-spacer{height:3700px!important}.first_div_text_third_section ul li{list-style:circle}.expertise-section{text-align:center;padding:20px}.expertise-section p{font-size:1.2rem;margin-bottom:20px;color:#333}.expertise-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.expertise-item{position:relative;width:30%;max-width:300px;height:30vh;overflow:hidden;border-radius:10px}.expertise-item img{width:100%;height:100%;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease;object-fit:cover}.expertise-item span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;padding:10px 0;text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,.7);font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expertise-item:hover img{filter:grayscale(0%);transform:scale(1.05)}.contact_part_others_pages{text-align:center;margin:0 auto;max-width:1200px;padding:20px}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center}.quote_style{position:relative;display:inline-block;top:-5vh;left:3vh}.expertise-item{position:relative;width:100%;max-width:300px;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.expertise-item img{width:100%;display:block}.expertise-item span{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.6);text-align:center;padding:15px 5px;color:#fff;font-weight:500;transition:background .3s ease}.expertise-item:hover{transform:scale(1.05);box-shadow:0 6px 10px #0003}.expertise-item:hover span{background:rgba(0,0,0,.8)}.contact_part_others_pages,.competences_part_others_pages{display:flex;justify-content:center;align-items:center}.contact_part_others_pages>div{display:grid;grid-template-columns:repeat(2,1fr);gap:4vh;max-width:200px}.competences_part_others_pages>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4vh}.contact_part_others_pages_index>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4vh;width:40%;text-align:center;margin-left:30%}.contact_part_others_pages a,.contact_part_others_pages_index a{display:flex;justify-content:center;align-items:center;width:10vh;height:10vh;background:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.contact_part_others_pages_index a{margin:auto}.contact_part_others_pages a:hover,.contact_part_others_pages_index a:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.contact_part_others_pages svg,.contact_part_others_pages_index svg{width:5vh;height:5vh;color:#333}.domaine_intervention_div{display:inline-flex;text-align:justify}.domaine_intervention_div div{flex:1}#second_div_intervention{margin:0 7vw 0 1vw}#first_div_intervention{margin:0 1vw 0 7vw}.background_hover_transparence,.background_hover_accompagnement,.background_hover_competences{position:absolute;height:90px;width:90px;top:-14px;right:-16px;border-radius:50%;background:aliceblue;transition:width .6s ease,height .6s ease,right .3s ease-out,top .3s ease-out}.background_hover_competences.expanded,.background_hover_transparence.expanded,.background_hover_accompagnement.expanded{right:-88px;top:-64px;width:520px;height:520px}.background_hover_competences,.competence_btn{background-color:#00808073;border:2px solid #008080}.background_hover_transparence,.transparence_btn{background-color:#187cff91;border:2px solid rgb(24 124 255 / 88%)}.background_hover_accompagnement,.accompagnement_btn{background-color:#f4433673;border:2px solid #F44336}.transparence_btn,.accompagnement_btn,.competence_btn{width:60%;margin-left:15%}.intro-block.hover-active h3,.intro-block.hover-active p{color:#fff}.intro-block.hover-active .btn{background-color:#fff;color:#000;border-color:#fff;transition:all .6s ease}.intro-block h3,.intro-block p,.intro-block .btn{transition:all .6s ease}.domaines_intervention_texte h2{margin-bottom:10px;text-align:start;z-index:1;font-weight:700;color:#484848;font-size:1.3vw}.parent_contact_form{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:0px;grid-row-gap:0px;align-items:center;margin:auto}.parent_contact_form input,.parent_contact_form textarea{margin-bottom:1rem;padding:9px 6px;border-radius:10px;margin:1vh;border:none;box-shadow:0 1px 11px #c7c6c6;transition:box-shadow .5s ease-out}.parent_contact_form input:focus,.parent_contact_form textarea:focus{box-shadow:0 1px 4px #b2b2b2}.contact_div_form{flex:3;display:flex;justify-content:center;margin:auto}.name_contact_div{grid-area:1 / 1 / 2 / 4}.tel_contact_div{grid-area:1 / 4 / 2 / 7}.email_contact_div{grid-area:2 / 1 / 3 / 7}.objet_contact_div{grid-area:3 / 1 / 4 / 7}.message_contact_div{grid-area:4 / 1 / 6 / 7}.contact_me_btn_div{grid-area:6 / 1 / 7 / 4}.button_contact_div{grid-area:6 / 4 / 7 / 7}.button_contact_div button{padding:10px 48px;border-radius:6px;border:none;background:#007bee;color:#fff;font-weight:300;font-size:1vw;box-shadow:0 0 15px 2px #b1b0b0;transition:background .5s ease-out,color .5s ease-out,box-shadow .5s ease-out}.button_contact_div button:hover{background:#fff;color:#333;box-shadow:0 0 9px #b1b0b0}.parent_contact_form label{width:100%;display:flex}.email_contact_div,.objet_contact_div,.message_contact_div,.tel_contact_div,.name_contact_div{width:100%}#merci_text{font-size:20px}
