@import url(main.css);
/********************************************************************** GLOBAL **********************************************************************/
a[class*="button"] { padding: 0.5rem 1rem !important; border: 1px solid #EB4D03; background: #EB4D03; text-decoration: none; color: #FEFEFE; }

a[class*="button"]:hover { border-color: #FC940C; background: #FC940C; color: #FEFEFE; }

a { transition: all 0.3s ease !important; }

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

h1, h2 { display: flex; flex-direction: column; }

h2 { font-size: 3rem !important; color: #02028C; }

p { color: #010152; }

footer p { color: #FEFEFE; }

img { border-radius: 1rem; }

/********************************************************************** FOOTER **********************************************************************/
.logo-footer img.logo_nav { filter: brightness(0) invert(1) saturate(0); }

a.link-body-emphasis:hover, a#phone-analytics-tag-footer:hover { color: #FC940C; }

/********************************************************************** NAVBAR **********************************************************************/
.navbar { box-shadow: 0 0 1rem rgba(1, 1, 82, 0.1); }

.navbar .container-fluid { padding: 0 2rem !important; }

.animated-border-button { color: #02028C; transition: all 0.3s ease; }

.animated-border-button:hover { color: #FC940C; }

.animated-border-button::after { background-color: #FC940C; bottom: -0.5rem !important; }

.navbar-brand { height: 8vh !important; width: auto !important; margin-bottom: 1rem; }

.logo_nav { height: 7vh !important; transition: all 0.3s ease; }

.navbar-brand:hover .logo_nav { transform: scale(1.025); }

#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 { line-height: normal; }

/********************************************************************** HERO ACCUEIL **********************************************************************/
lottie-player.lottie-scroll { display: none; }

.carousel-item-homepage img, .first-carousel-img { box-shadow: none !important; filter: none !important; }

.carousel-item { transition: transform .6s ease-in-out !important; }

.bloc-slider-homepage.text-center { display: flex; flex-direction: column; align-items: start; left: 0; transform: none; top: 0; width: 50%; height: 100%; justify-content: center; background: rgba(70, 70, 206, 0.9); backdrop-filter: blur(4px); clip-path: ellipse(90% 100% at 10% 20%); padding: 0 10% 0 5%; }

.sliderLogoContainer.mx-auto { width: 80% !important; margin: 0 !important; }

.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { text-align: left !important; }

#fullHeight h1 { color: #FEFEFE; letter-spacing: normal; }

#fullHeight h1 span:nth-child(2) { color: #AEAE17; margin-bottom: 1rem; }

@media screen and (max-width: 992px) { .bloc-slider-homepage.text-center { width: 100%; max-height: 70%; clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%); padding: 3rem 2rem; top: auto; bottom: 0; height: auto; background: #02028c !important; } .titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { margin: 0 !important; } img.d-block.w-100.second-carousel-img, img.d-block.w-100.first-carousel-img { height: 60vh; } .carousel-item.carousel-item-homepage { height: 100vh; } img.d-block.w-100.first-carousel-img { object-position: center right; } }

a#phone-analytics-tag-video-bloc, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2) { display: inline-flex; gap: 0.75rem; align-items: center; font-size: 1.1rem; }

a#phone-analytics-tag-video-bloc::before, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:nth-child(2)::before { content: '\F5BB'; font-family: 'bootstrap-icons'; }

#depannage a { background: #FEFEFE; border-color: #FEFEFE; color: #EB4D03 !important; }

#depannage a:hover { background: #FC940C; border-color: #FC940C; color: #FEFEFE !important; }

#devis a:hover { background: #FEFEFE; border-color: #FEFEFE; color: #EB4D03 !important; }

.display-5.fw-bold.p-4.pt-lg-2.titles.position-relative.z-1 { display: none; }

.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; justify-content: space-between !important; }

.photoText-div .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { overflow: visible !important; }

.photoText-div .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1::before { content: ''; position: absolute; top: -20%; left: -12%; width: 100%; height: 20%; transform: rotate(-20deg); background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYoDKeONMkXcLQdjNDjx0ZepFAYl2%2Fimages%2Ftraits_scav.webp); background-size: contain; background-position: top left; background-repeat: no-repeat; }

.photoText-div .col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1::after { content: ''; position: absolute; bottom: -10%; right: -60%; width: 100%; height: 13%; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYoDKeONMkXcLQdjNDjx0ZepFAYl2%2Fimages%2Ftrait_arlo.webp); background-size: contain; background-position: top left; background-repeat: no-repeat; }

.photoText-div img { border-top-left-radius: 5rem; }

.prestations-section { padding: clamp(40px, 6vw, 80px) clamp(16px, 4vw, 64px); max-width: 1400px; margin: auto; }

.presta-title { text-align: center; margin-bottom: 2rem; }

.pillar-cards { display: flex; gap: 2rem; height: clamp(380px, 50vw, 540px); }

.pillar-card { flex: 1 1 50%; border-radius: 1rem; overflow: hidden; position: relative; transition: all 0.3s ease; }

.pillar-card:hover { border-top-left-radius: 5rem; border-bottom-right-radius: 5rem; box-shadow: 0 0 1rem rgba(1, 1, 82, 0.1); }

.pillar-card-bg { position: absolute; inset: 0; background: no-repeat center center / cover; }

.pillar-card-body { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; clip-path: ellipse(120% 100% at 50% 100%); }

.pillar-card-body::before { content: ''; position: absolute; inset: 0; background: rgba(245, 245, 245, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); clip-path: ellipse(120% 100% at 20% 100%); transition: all 0.3s ease; }

.pillar-card-body-inner { position: relative; z-index: 1; padding: 2.5rem 2rem 2rem; }

.pillar-card-title { color: #AEAE17; }

.pillar-card-content { display: flex; flex-direction: column; align-items: start; }

.pillar-card-content p { color: #010152 !important; }

@media (max-width: 992px) { .pillar-cards { flex-direction: column; height: auto; gap: 0.75rem; } .pillar-card { flex: none; width: 100%; height: 380px; } }

.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; margin-top: 2rem !important; width: 100%; padding: 6vh 10vw 10vh !important; clip-path: ellipse(90% 50% at 50% 50%); }

img.d-block.mx-lg-auto.img-fluid { height: 100%; object-fit: cover; }

#clef img.d-block.mx-lg-auto.img-fluid { border-bottom-right-radius: 5rem; }

#clef .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { position: relative; }

#clef .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2::before { content: ''; position: absolute; top: -20%; left: -12%; width: 100%; height: 20%; transform: rotate(-20deg); background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYoDKeONMkXcLQdjNDjx0ZepFAYl2%2Fimages%2Ftraits_scav.webp); background-size: contain; background-position: top left; background-repeat: no-repeat; }

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

.partenaires-carousel-logo { filter: none !important; }

.container.position-relative.z-1.partenaires-header.mb-5 { display: none; }

.fd-social { text-align: center; padding: 4rem 2rem; font-family: 'Montserrat', sans-serif; background: #F5F5F5; }

.fd-social.accueil { clip-path: ellipse(120% 100% at 50% 0%); }

.fd-social-line { height: 2px; background-color: #AEAE17; width: 20%; margin: auto; margin-bottom: 2rem; margin-top: 1rem; }

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

.fd-social-subtitle { display: block; color: #AEAE17; font-size: 1.7rem; font-weight: 400; }

.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; }

.fd-social-item span { color: #EB4D03; transition: all 0.3s ease; }

.fd-social-item .bi-facebook { font-size: 6rem; color: #EB4D03; transition: all 0.3s ease; }

.fd-social-item:hover { transform: translateY(4px); }

.fd-social-item:hover .bi-facebook { color: #FC940C; }

.fd-social-item:hover span { color: #FC940C; }

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

.maps-section .item-content.mx-5 { color: #010152; display: flex; justify-content: space-between; }

.maps-section .row.informations-list { flex-direction: column; align-items: center; }

.col-sm-12.col-lg-6.col-xl-8.map-content { min-height: 40vh; width: 90%; }

.map-content iframe { height: 40vh !important; border-radius: 1rem; box-shadow: 0 0 1rem rgba(1, 1, 82, 0.1); }

.maps-section.position-relative.bg-sixthColor { padding-top: 5vh; clip-path: ellipse(120% 100% at 50% 100%); }

div#cta { flex-direction: column; }

#cta .lead.p-4.text-color-sixth { max-width: 1400px; }

div#cta::before { content: ''; width: 8rem; height: 8rem; background: center/contain no-repeat url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYoDKeONMkXcLQdjNDjx0ZepFAYl2%2Fimages%2Fbonhomme_oq9u.webp); margin-bottom: 2rem; }

.seo-bloc { background: #F5F5F5; padding-top: 5vh; clip-path: ellipse(120% 100% at 50% 100%); }

.seo-bloc .display-6.titles { margin-bottom: 1rem !important; }

.seo-bloc h3 { font-size: 2.5rem; color: #AEAE17; }

.first-activity-div, .second-activity-div, .third-activity-div { background: transparent; }

.black-screen { background: #010152; }

div#hero-sec { padding: 12vh 2rem 6vh !important; clip-path: ellipse(120% 100% at 50% 0%); }

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

div#depannage { background: #EB4D03; }

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

#contact h1 { margin-bottom: 2rem; }

#contact p { line-height: 150% !important; }

form#formContact { box-shadow: 0 0 1rem rgba(1, 1, 82, 0.1); }

#contact .col-lg-6.text-center.text-color-sixth::before { content: ''; position: relative; display: block; width: 12rem; height: 12rem; background: center/contain no-repeat url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FYoDKeONMkXcLQdjNDjx0ZepFAYl2%2Fimages%2Fbonhomme_oq9u.webp); margin-bottom: 2rem; }

.realisations-section { padding: 60px 20px; }

.overlay { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }

.filter-tabs { display: flex; justify-content: center; gap: 12px; margin-bottom: 32px; flex-wrap: wrap; }

.filter-btn { background: #FC940C; border: none; font-size: 1.1rem; padding: 0.5rem 1rem; border-radius: 30px; cursor: pointer; font-weight: 400; display: flex; align-items: center; justify-content: center; transition: background 0.3s; text-align: center; }

.filter-btn p { color: #FEFEFE !important; margin-bottom: 0 !important; }

.filter-btn.active { background: #EB4D03; }

.filter-btn.active p { color: #FEFEFE !important; }

.filter-btn:hover { background: #AEAE17; }

.filter-btn:hover p { color: #FEFEFE !important; }

.realisations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }

.realisation-card { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s; }

.realisation-card:hover { transform: translateY(-4px); }

.realisation-card img { width: 100%; height: 320px; object-fit: cover; display: block; cursor: pointer; }

.realisation-card.hidden { display: none; }

.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; }

.modal-content { max-width: 500px; max-height: 70vh; width: auto; height: auto; border-radius: 8px; background: #fff; }

.modal-close { position: absolute; top: 24px; right: 32px; color: #fff; font-size: 36px; font-weight: bold; cursor: pointer; z-index: 1100; }

.modal-close:hover { color: #ffae42; }

@media (max-width: 900px) { .filter-tabs { gap: 8px; font-size: 0.9rem; } .filter-btn { padding: 10px 20px; font-size: 1rem; min-height: 48px; } .realisations-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; } .realisation-card img { height: 240px; } .modal-content { max-width: 90%; max-height: 90%; } }

@media screen and (max-width: 992px) { .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1, .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { padding: 0; } .d-grid.gap-2.d-sm-flex.justify-content-sm-center { justify-content: center; } }

.bandeau-depan-devis { display: flex; width: 100vw; align-items: stretch; }

@media screen and (max-width: 992px) { .bandeau-depan-devis { flex-direction: column; } }

a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #02028C !important; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: white; }

.text-center.fs-6.text-color-sixth p { color: white; }

div#photo-text-seo-page-text p { color: white !important; }

h2.display-6.fw-bold.p-3.pt-lg-3.titles { color: white; }

.col-lg-7.p-3.p-lg-5.py-lg-1.order-2.order-lg-1.mt-4 p { color: white; }

.col-lg-7.p-3.p-lg-5.py-lg-1.order-2.order-lg-2.mt-4 p { color: white !important; }

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