@charset "UTF-8";
@import url(main.css);
a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #2F4157 !important; font-family: Lexend; font-size: 0.9em !important; font-weight: 300; }

.container-activites { justify-content: flex-start !important; }

svg.line-clip { position: absolute; top: -100px; right: -100px; width: 0; height: 0; }

/************************************* PARALLAX *************************************/
.parallax-wrapper { position: absolute !important; top: -80% !important; left: 0 !important; width: 100% !important; height: 100vh !important; z-index: 0 !important; overflow: hidden !important; will-change: transform !important; background-attachment: scroll !important; pointer-events: none !important; }

@media screen and (max-width: 992px) { .parallax-wrapper { top: -30% !important; height: 120vh !important; } }

h2 { display: flex; flex-direction: column; align-items: left; }

h2::after { content: ''; width: 30%; height: 0.5rem; background-color: #F4EFEB; clip-path: url(#line); margin-top: 1rem; }

/************************************* NAVBAR *************************************/
.animated-border-button::after { display: none; }

.animated-border-button span { transition: all 0.3s ease; }

.animated-border-button:hover span { opacity: 0.6; }

#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 0.75rem 1rem !important; color: #2F4157 !important; }

.navbar-brand { height: 11vh !important; width: 11vw !important; }

.logo_nav { height: 10vh !important; }

nav.navbar { padding-left: 5vw !important; padding-right: 5vw !important; box-shadow: 0 8px 1rem rgba(47, 65, 87, 0.05); }

/************************************* HERO ACCUEIL *************************************/
img.fondDegradeLogo { max-height: 35vh !important; }

.container.videoTitle { width: 60vw !important; }

@media screen and (max-width: 992px) { .container.videoTitle { width: 100% !important; } }

.video-background-overlay { background-color: #2F4157; opacity: 0.4; }

/************************************* CITATION *************************************/
.citation { padding: 5rem 5rem 3rem; background-color: #C7D9E5; margin: 4rem auto 2rem; max-width: 1200px; box-shadow: 0 0 2rem rgba(47, 65, 87, 0.1); clip-path: url(#forme3); }

div.shadow-lg { box-shadow: none !important; }

/************************************* PRESTATIONS *************************************/
.prestations { max-width: 90vw; margin: 3rem auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.prestations h2 { display: flex; flex-direction: column; align-items: center; }

.prestations h2::after { margin-bottom: 1rem; }

.prestations p { max-width: 1000px; }

.presta-cards-prestations { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; max-width: 1400px; margin: 3rem auto 0; }

.presta-card { background-color: transparent; border-radius: 12px; padding: 40px 30px; text-align: center; transition: transform 0.3s ease; text-decoration: none; color: #2f4157; }

.prestations.accueil .presta-card:hover { transform: translateY(-5px); }

.prestations.accueil .presta-card:hover .icon-prestations { background-color: #C7D9E5; }

.icon-prestations { width: 200px; height: 200px; margin: 0 auto 25px; display: flex; align-items: center; justify-content: center; background-color: #f5e0e6; transition: all 0.5s ease; }

.icon-prestations { clip-path: url(#forme1); }

.icon-prestations.reverse { clip-path: url(#forme2); }

.presta-icon { width: auto; height: 60%; }

.link-prestations { display: flex; align-items: center; justify-content: center; gap: 8px; transition: transform 0.5s ease; }

.presta-card:hover .link-prestations { transform: translateX(20px); }

.arrow { display: inline-block; color: #CFB59E; font-size: 1.5rem; }

.learn-more { display: inline-block; color: #CFB59E; font-size: 0.9rem; opacity: 0; max-width: 0; overflow: hidden; white-space: nowrap; transition: opacity 1s ease, max-width 1s ease; }

.presta-card:hover .learn-more { opacity: 1; max-width: 150px; }

@media (max-width: 768px) { .presta-cards-prestations { grid-template-columns: 1fr; } }

/************************************* FEUILLES DIVIDER *************************************/
.feuilles-divider { display: flex; justify-content: center; width: 100%; margin: 5rem auto 3rem; }

.feuilles-divider2 { display: flex; justify-content: center; width: 100%; margin: 5rem auto 0; }

.feuilles { height: 4rem; width: auto; }

/************************************* TÉLÉCONSULTATION *************************************/
.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { padding: 6rem !important; }

@media screen and (max-width: 992px) { .d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { padding: 4rem 2rem 3rem !important; } }

.cta_banner .content { max-width: 1200px; }

.cta_banner h2 { display: flex; flex-direction: column; align-items: center; }

.cta_banner h2::after { background-color: #C7D9E5; }

#none { display: none; }

#loc { max-width: 1400px; }

/************************************* RÉSEAUX *************************************/
.fd-social { text-align: center; padding: 4rem 2rem; font-family: 'Lexend', serif; }

.fd-social-line { height: 2px; background-color: #146173; width: 40%; margin: auto; margin-bottom: 2rem; }

.fd-social-header { margin-bottom: 60px; }

.fd-social-subtitle { display: block; font-family: 'Lexend'; color: #F5E0E6; text-transform: uppercase; font-size: 1.5rem; font-weight: 300; }

.fd-social-header h2 { font-family: 'Lexend', sans; font-size: 2rem; color: #2F4157; font-weight: 400; display: flex; flex-direction: column; align-items: center; }

.fd-social-header h2::after { content: ''; width: 20%; height: 0.5rem; background-color: #F4EFEB; clip-path: url(#line); margin: 1rem 0; }

.fd-social-header p { font-size: 1.1rem; color: #2F4157; line-height: 1.5; max-width: 700px; margin: 0 auto; font-weight: 300; }

/* --- Icônes réseaux --- */
.fd-social-links { display: flex; justify-content: center; align-items: center; gap: 80px; flex-wrap: wrap; }

.fd-social-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.3s ease; }

.social-img-container { width: 100px; height: 100px; margin-bottom: 12px; transition: all 0.4s ease; background-color: #F5E0E6; clip-path: url(#forme1); display: flex; align-items: end; justify-content: center; }

.social-img-container.reverse { align-items: center; clip-path: url(#forme2); }

.social-img-container.reverse img { width: auto; height: 60%; }

.social-img-container img { width: auto; height: 80%; }

.fd-social-item span { font-family: 'Lexend', sans-serif; color: #2F4157; font-size: 1rem; font-weight: 300; }

/* --- Effet au survol --- */
.fd-social-item:hover { transform: translateY(-6px); }

.fd-social-item:hover .social-img-container { background-color: #C7D9E5; }

@media (max-width: 768px) { .fd-social { padding: 80px 25px; } .fd-social-header h2 { font-size: 2rem; } .fd-social-links { gap: 50px; } .fd-social-item img { width: 60px; height: 60px; } .fd-social-line { width: 80%; } }

/************************************* BLOC SEO *************************************/
.container-activites { display: flex; justify-content: center; max-width: 1400px; margin: auto; }

@media screen and (max-width: 992px) { .container-activites { flex-direction: column; width: 100%; } }

.first-activity-div, .second-activity-div, .third-activity-div { width: 25% !important; }

.container-activites .row.flex-lg-row-reverse.align-items-center, .container-activites .row.flex-lg-row.align-items-center { flex-direction: column-reverse !important; gap: 2rem; }

.container-activites .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 380px; height: 380px; padding: 0; }

.container-activites .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { clip-path: url(#forme1); }

.second-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { clip-path: url(#forme2); }

.container-activites .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { width: 100%; text-align: center; }

.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin: 0 !important; width: 33% !important; }

@media screen and (max-width: 992px) { .mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { width: 100% !important; } }

.container-activites .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding: 0 !important; }

.first-activity-title, .second-activity-title, .third-activity-title { margin-bottom: 2rem !important; }

/************************************* DEVELOPPEMENT PERSO *************************************/
#hero-dev .parallax-wrapper { top: 0 !important; }

#hero-dev { height: 60vh !important; }

#hero-dev .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth { display: flex; flex-direction: column; align-items: center; }

#hero-dev .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth::after { content: ''; width: 100vw; height: 10rem; margin-top: 2rem; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FhHN7B2Xay0WL447KrrF1UoyBD593%2Fimages%2Fdev-line-art_ezv5.webp); background-size: contain; background-repeat: no-repeat; }

div#hero-dev { align-items: end !important; }

#espace img { clip-path: url(#forme2); }

#dev-perso img { clip-path: url(#forme1); }

#espace .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { padding: 4rem; }

div#espace, div#dev-perso { max-width: 1400px; }

div#dev-perso { margin-bottom: 6rem !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { transition: all 0.3s ease; }

#cta .parallax-wrapper, #accueil-cta .parallax-wrapper { top: -10% !important; }

#accueil-cta { margin-top: 4rem !important; margin-bottom: 4rem !important; }

/************************************* THÉRAPIE COUPLE *************************************/
#hero-couple .parallax-wrapper { top: 0 !important; }

#hero-couple { height: 60vh !important; }

#hero-couple .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth { display: flex; flex-direction: column; align-items: center; }

#hero-couple .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth::after { content: ''; width: 100vw; height: 10rem; margin-top: 2rem; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FhHN7B2Xay0WL447KrrF1UoyBD593%2Fimages%2Ffamille-line-art_ei10.webp); background-size: contain; background-repeat: no-repeat; }

div#hero-couple { align-items: end !important; }

/************************************* THÉRAPIE ENFANT *************************************/
#hero-enfant .parallax-wrapper { top: 0 !important; }

#hero-enfant { height: 60vh !important; }

#hero-enfant .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth { display: flex; flex-direction: column; align-items: center; }

#hero-enfant .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth::after { content: ''; width: 100vw; height: 10rem; margin-top: 2rem; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FhHN7B2Xay0WL447KrrF1UoyBD593%2Fimages%2Fenfant-line-art_kswd.webp); background-size: contain; background-repeat: no-repeat; }

div#hero-enfant { align-items: end !important; }

/************************************* EMOTIONS ET BURNOUT *************************************/
#hero-stress .parallax-wrapper { top: 0 !important; }

#hero-stress { height: 60vh !important; }

#hero-stress .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth { display: flex; flex-direction: column; align-items: center; }

#hero-stress .display-5.titles.mb-2.fw-bold.text-body-emphasis.ctaLinks-title.text-color-sixth::after { content: ''; width: 100vw; height: 10rem; margin-top: 2rem; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FhHN7B2Xay0WL447KrrF1UoyBD593%2Fimages%2Fstress-line-art_oq96.webp); background-size: contain; background-repeat: no-repeat; }

div#hero-stress { align-items: end !important; }

.prestations.stress .presta-cards-prestations { max-width: 1400px; gap: 2rem; display: flex; }

.prestations.stress .presta-card { width: 25%; }

@media screen and (max-width: 992px) { .prestations.stress .presta-cards-prestations { flex-direction: column; align-items: center; } .prestations.stress .presta-card { width: 90%; } }

/************************************* CONTACT *************************************/
div#contact { padding-top: 6vh !important; }

form#formContact { border-radius: 2rem !important; border: none !important; background: #FFFEFD !important; }

#contact .parallax-wrapper { top: 0 !important; height: 120vh !important; }

#contact .text-center { text-align: left !important; }

#contact .col-lg-6.text-center.text-color-sixth { padding-left: 6rem !important; padding-right: 6rem !important; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding: 2rem !important; } }

#contact h1 { display: flex; flex-direction: column; align-items: left; margin-bottom: 2rem !important; }

#contact h1::after { content: ''; width: 30%; height: 0.5rem; background-color: #F5E0E6; clip-path: url(#line); margin-top: 1rem; }

/*# sourceMappingURL=custom.css.map */