@charset "UTF-8";
@import url(main.css);
/****************************************** MODIFS GLOBALES *****************************************/
p { margin-bottom: 0 !important; }

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

.spacer { display: none; }

.b-bloc-divider { height: 100px !important; border: none !important; box-shadow: none !important; }

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

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

.logo_nav { height: 10vh !important; }

a.grow.button_header { padding: 0.75rem 1rem !important; font-family: 'Sofia Sans Condensed'; color: #FAFCFE !important; border: 1px solid #FAFCFE; transition: all 0.3s ease; background-color: rgba(207, 172, 93, 0) !important; }

a.grow.button_header:hover { border: 1px solid #CFAC5D; background-color: #CFAC5D !important; }

.navbar { transition: all 0.3s ease; }

.navbar.scrolled { background-color: #FAFCFE !important; box-shadow: 0 2px 5px rgba(0, 3, 3, 0.1) !important; }

.animated-border-button.scrolled:after { background-color: #CFAC5D; }

\
.animated-border-button.scrolled span { color: #000303 !important; }

a.grow.button_header.scrolled { color: #FAFCFE !important; border: 1px solid #CFAC5D !important; background-color: #CFAC5D !important; }

a.grow.button_header.scrolled:hover { color: #CFAC5D !important; background-color: rgba(207, 172, 93, 0) !important; }

/****************************************** PAGE ACCUEIL *****************************************/
/********************* HERO ACCUEIL *********************/
div#fullHeight { height: 100vh; }

img.fondDegradeLogo { height: 30vh; }

.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { margin-top: 0 !important; margin-bottom: 0 !important; text-align: left !important; letter-spacing: normal; }

.sliderLogoContainer.mx-auto { margin: 0 !important; width: fit-content !important; }

lottie-player.lottie-scroll { display: none; }

.carousel-item-homepage img, .first-carousel-img { transform: none !important; transition: none !important; }

.bloc-slider-homepage { top: 70%; display: flex !important; flex-direction: column !important; align-items: start; justify-content: end; }

a#phone-analytics-tag-video-bloc { padding: 0.75rem 1rem; border: 1px solid #cfac5d; background: transparent; transition: all 0.3s ease; }

a#phone-analytics-tag-video-bloc span { transition: all 0.3s ease; }

a#phone-analytics-tag-video-bloc:hover { background: #cfac5d; }

a#phone-analytics-tag-video-bloc:hover span { color: #FAFCFE !important; }

/********************* A PROPOS *********************/
#a-propos .row { align-items: center !important; }

#a-propos .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { width: 30%; margin-left: 10vw !important; }

@media screen and (max-width: 992px) { #a-propos .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { margin-left: .5rem !important; width: 90%; } }

/********************* CTA *********************/
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { transition: all 0.3s ease; border: 1px solid #cfac5d; padding: 0.75rem 1rem !important; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { border: 1px solid #fafcfe; }

.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { padding: 4rem; }

@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: 2rem; } }

#cta-services .lead.p-4.text-color-sixth { width: 80%; margin: auto; padding-top: 0 !important; }

@media screen and (max-width: 992px) { #cta-services .lead.p-4.text-color-sixth { width: 100%; } }

.cta_banner .lead.p-4.text-color-sixth { width: 60%; margin: auto; padding-top: 0 !important; }

@media screen and (max-width: 992px) { .cta_banner .lead.p-4.text-color-sixth { width: 100%; } }

div#cta-accueil { height: 40vh; }

/********************* PRESTATIONS *********************/
.prestations { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 6rem; gap: 3rem; background: rgba(0, 58, 66, 0.1); }

.presta-head { display: flex; flex-direction: column; gap: .5rem; }

.presta-cards { display: flex; justify-content: center; align-items: center; gap: 3rem; width: 100%; }

@media screen and (max-widh: 992px) { .presta-cards { flex-direction: column; } }

.presta-card { width: 33%; height: fit-content; padding: 2rem; background: #fafcfe; overflow: hidden; display: flex; flex-direction: column; justify-content: start; align-items: center; position: relative; transition: all 0.5s ease-out; box-shadow: 0 0 1rem rgba(0, 3, 3, 0.1); text-decoration: none; border-radius: 2rem; }

.presta-card:hover { box-shadow: 0 0 2rem rgba(0, 3, 3, 0.3); }

.presta-card:hover .presta-overlay { transform: scale(6) translateZ(0); }

.presta-card:hover .presta-circle { border-color: #D1E1E8; background: #003A42; }

.presta-card:hover .presta-circle:after { background: #D1E1E8; }

.presta-card:hover h3 { color: #FAFCFE; font-weight: 600 !important; }

.presta-card:active { transform: scale(1) translateZ(0); box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11); }

.presta-card h3 { color: #003A42; margin-top: 30px; z-index: 1000; transition: all 0.5s ease-out; }

.presta-circle { width: 131px; height: 131px; border-radius: 50%; background: #FAFCFE; border: 2px solid #003A42; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; transition: all 0.5s ease-out; }

.presta-card-icon { height: 50%; z-index: 1; transition: opacity 0.5s ease; }

.presta-circle:after { content: ""; width: 118px; height: 118px; display: block; position: absolute; background: #003A42; border-radius: 50%; transition: opacity 0.5s ease-out; }

.presta-overlay { width: 118px; position: absolute; height: 118px; border-radius: 50%; background: #003A42; top: 12%; z-index: 0; transition: transform 0.5s ease-out; }

/********************* CARTE *********************/
.carte-agence { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; position: relative; height: max-content; padding: 6rem; gap: 4rem; }

div#carte-cabinet { background: linear-gradient(transparent, rgba(0, 58, 66, 0.2)); }

.carte-agence h2 { margin-bottom: 0 !important; }

.carte-agence p a { text-decoration: none !important; transition: all 0.3s ease; }

.carte-agence p a:hover { color: #cfad5c !important; }

.carte-text-container { display: flex; flex-direction: column; justify-content: center; align-items: start; max-width: 100%; gap: 2rem; }

.carte-line { width: 50%; height: 0.1rem; background-color: #cfad5c; }

.carte-icon { height: 2rem; width: 2rem; object-fit: contain; }

.carte-link { display: flex; justify-content: start; align-items: center; gap: 1rem; text-decoration: none; color: #133948; font-weight: 600; transition: all 0.3s ease; }

.carte-link:hover { color: #cfad5c; }

.carte-text { display: flex; justify-content: start; align-items: center; gap: 1rem; color: #133948; font-weight: 600; }

.carte-map-container { height: 40rem; }

.carte-map { width: 30%; }

.carte-button { border: 1px solid #cfad5c; padding: .75rem 1rem; border-radius: 2rem; font-family: 'Sofia Sans Condensed'; text-decoration: none; color: #fafcfe; background-color: #cfad5c; transition: all 0.3s ease; }

.carte-button:hover { color: #cfad5c; background-color: transparent; }

@media screen and (max-width: 1200px) { .carte-agence { flex-direction: column; align-items: start; gap: 1rem; } .carte-map-container { width: 100%; position: relative; } .carte-map { height: auto; width: 100%; object-fit: cover; bottom: 0; right: 0; } .carte-text-container { padding: 4rem 2rem 4rem 2rem; } }

/********************* GOOGLE REVIEWS *********************/
.card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { border-radius: 2rem !important; background-color: #fafcfe !important; box-shadow: 0 0 2rem 0 rgba(0, 3, 3, 0.1) !important; }

a#maps-url { color: #fafcfe !important; border: 1px solid #cfac5d !important; padding: 0.75rem 1rem; font-family: 'Sofia Sans Condensed'; text-transform: uppercase; }

a#maps-url:hover { color: #cfac5d !important; }

.googleReviews-div h3 { font-family: 'Tai Heritage Pro'; font-weight: 600 !important; color: #000303 !important; }

.googleReviews-div .card.rounded-3.shadow-lg.mx-4.mb-4 { border: none; background-color: #fafcfe; box-shadow: 0 0 2rem 0 rgba(0, 3, 3, 0.1) !important; margin-top: 2rem; margin-bottom: 2rem; border-radius: 2rem !important; }

.googleReviews-div { margin-top: 6rem !important; }

img.card-img-top.avatar-google-place.rounded-circle.d-lg-flex.align-items-lg-center.justify-content-center.m-2 { background-color: #003A42; }

/********************* PICTOS *********************/
.picto_card .text-shadow.text-color-sixth.text-center.fs-4.mt-4.p-1 { text-align: left !important; font-size: 1rem !important; font-weight: 300; }

.picto_card { padding: 0 4rem; }

@media screen and (max-width: 992px) { .picto_card { padding: 0 2rem !important; } }

.picto_card .card { width: 100%; padding: 0 1rem !important; }

.picto_card svg { margin: 1rem; width: 30%; height: 4rem; }

.titre-engagement { width: 100%; text-align: left; margin: 4rem 6.5rem 2rem 6.5rem; }

.titre-engagement h2 { margin-bottom: 0 !important; }

.titre-line { width: 80%; height: 1.5px; background-color: #cfac5d; margin: 0 6.5rem; }

/********************* SERVICES *********************/
.deroulement { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6rem; padding-top: 6rem; padding-bottom: 6rem; background: linear-gradient(rgba(0, 58, 66, 0.1), transparent 80%); }

.deroulement-top { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 80%; margin: auto; }

.etape-R { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2rem; width: 100%; }

.etape-L { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 2rem; width: 100%; }

.deroulement-img { max-height: 25vh; object-fit: contain; }

.deroulement-text-R { width: 70%; display: flex; flex-direction: column; justify-content: center; align-items: start; text-align: left; }

.deroulement-text-L { width: 70%; display: flex; flex-direction: column; justify-content: center; align-items: end; text-align: right; }

@media screen and (max-width: 992px) { .etape-R { flex-direction: column; align-items: start; width: 85%; } .etape-L { flex-direction: column; align-items: end; width: 85%; } .deroulement-img { max-height: 20vh; } .deroulement-text-R + .deroulement-text-L { width: 100%; } }

/********************* GESTION *********************/
.row.p-4.pb-0.pe-lg-0.pt-lg-5.pb-lg-5.rounded-3.shadow-lg.justify-content-center.position-relative.bg-primaryColor.text-color-primary { align-items: center; }

.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { margin: 0 !important; padding: 5rem !important; width: 100%; background: linear-gradient(rgba(0, 58, 66, 0.2), transparent); }

.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative .display-6.fw-bold.text-body-emphasis.lh-1.mb-5.titles { margin-bottom: 0 !important; }

.row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { margin-top: 0 !important; align-items: center !important; }

.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative .fs-5.lead.mt-4.mb-4 { margin-bottom: 0 !important; }

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

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

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

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

/********************* SEO *********************/
.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 { border-top: 1.5px solid #cfac5d; border-radius: 0 !important; }

.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative { background: transparent; }

.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; padding: 5rem !important; width: 100%; background: linear-gradient(transparent, rgba(0, 58, 66, 0.2)); }

.first-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg, .second-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg, .third-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { box-shadow: none; border-radius: 0 3rem !important; position: relative; overflow: visible !important; }

.first-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg::before { content: ''; position: absolute; top: -1rem; right: -1rem; border-radius: 0 3rem; border: 1.5px solid #cfac5d; width: 100%; height: 100%; }

.second-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg::before { content: ''; position: absolute; top: -1rem; right: 1rem; border-radius: 0 3rem; border: 1.5px solid #cfac5d; width: 100%; height: 100%; }

.third-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg::before { content: ''; position: absolute; top: -1rem; right: -1rem; border-radius: 0 3rem; border: 1.5px solid #cfac5d; width: 100%; height: 100%; }

.black-screen { border-radius: 0 3rem; background-color: #003A42 !important; }

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