@charset "UTF-8";
@import url(main.css);
/*************************************** MODIFICATIONS GLOBALES ***************************************/
h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: black; text-align: center; }

/*** BLOC ESPACEMENT ***/
.b-bloc-divider { height: 100px !important; border: none !important; box-shadow: none !important; background-color: transparent !important; }

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

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

.navbar { transition: all 0.3s ease; border-bottom: 1px solid #3F7E8C; }

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

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

.navbar .logo_nav { margin-left: 2rem; }

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

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

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { border: 1px solid #F8A454; color: #fffefc !important; }

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

/************* FOOTER *************/
.logo-footer .logo_nav { height: auto !important; width: 50%; }

p { font-size: 1.1rem; }

/************* CTA *************/
.appel-action { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 3rem; padding: 4rem 0; }

.appel-action.appel2 { padding: 0; }

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

.appel-action h2::after { content: ''; width: 50%; height: 3px; background-color: #F8A454; margin-top: 1rem; }

.appel-action p { margin-bottom: 0 !important; }

.cta-house { width: 30%; }

.cta-line { width: 7%; }

.cta-content { width: 60%; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1rem; }

.cta-button { padding: 0.75rem 1rem; border-radius: 1rem; border: 1px solid #F8A454; background: transparent; text-decoration: none; color: #F8A454; transition: all 0.3s ease; }

.cta-button p { margin-bottom: 0 !important; }

.cta-button:hover { background: #F8A454; color: #fffefc; }

@media screen and (max-width: 992px) { .appel-action { flex-direction: column; gap: 0; } .cta-line { margin-top: 4rem; } }

/*************************************** ACCUEIL ***************************************/
/************* HERO *************/
.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { letter-spacing: normal; width: 80%; margin: auto; }

#fullHeight h1 { display: flex; flex-direction: column; align-items: center; }

.bloc-slider-homepage.text-center { top: 55% !important; }

#fullHeight h1:after { content: ''; width: 20%; height: 3px; background-color: #F8A454; margin-top: 1rem; }

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

img.d-block.w-100.first-carousel-img, img.d-block.w-100.second-carousel-img { width: 100% !important; height: auto; }

a#phone-analytics-tag-video-bloc { border-radius: 1rem; border: 1px solid #F8A454; background-color: #F8A454; 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-color: transparent; }

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

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

img.fondDegradeLogo { width: 20vw; margin-bottom: 2rem; }

/************* À PROPOS *************/
.about-section { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 4rem 0; }

.about-section h2 { display: flex; flex-direction: column; align-items: start; }

.about-section h2::after { content: ''; width: 20%; height: 3px; background-color: #F8A454; margin-top: 1rem; }

.image-container { position: relative; }

.main-image { width: 100%; height: auto; aspect-ratio: 4/3; border-radius: 1rem; object-fit: contain; box-shadow: 0 0 1rem 0 rgba(250, 250, 250, 0.1); }

.main-image1 { width: 100%; height: auto; aspect-ratio: 4/3; border-radius: 1rem; object-fit: contain; }

.about-content-container { padding: 20px 0; }

.main-title { font-size: 32px; font-weight: 700; color: #fafafa; line-height: 1.2; margin-bottom: 25px; text-transform: uppercase; }

.description { color: #fafafa; font-size: 1.1rem; line-height: 1.8; margin-bottom: 35px; }

.features { display: flex; gap: 3rem; }

.feature { display: flex; gap: 1rem; align-items: center; }

.feature-icon { width: auto; height: 30px; flex-shrink: 0; margin-top: 2px; }

.feature-content h3 { font-size: 15px; font-weight: 700; color: #F54029; font-family: 'Dazzle Unicase'; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 1rem; }

.feature-content p { font-size: 15px; font-family: 'Aovel Sans'; color: #cecece; }

@media (max-width: 992px) { .about-section { grid-template-columns: 1fr; gap: 1.5rem; padding: 2rem; } .quote-card { position: relative; bottom: auto; left: auto; margin-top: 0.5rem; max-width: 100%; } .main-title { font-size: 32px; } .features { flex-direction: column; gap: 25px; } }

/************* PRESTATIONS *************/
.presta-container { max-width: 1400px; margin: 0 auto; padding: 4rem 0; }

.presta-header { margin-bottom: 50px; }

.presta-header h2 { display: flex; flex-direction: column; align-items: start; }

.presta-header h2::after { content: ''; width: 20%; height: 3px; background-color: #F8A454; margin-top: 1rem; }

.presta-description { color: #1D1814; font-size: 16px; max-width: 600px; margin-left: auto; text-align: right; }

.presta-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }

.presta-card { background: #f1f1f1; padding: 40px 30px; border-radius: 1rem; box-shadow: 0 0 10px rgba(29, 24, 20, 0.05); position: relative; overflow: hidden; transition: all 0.8s ease; text-decoration: none; }

.enduit-card { background: #fffefc; padding: 40px 30px; border-radius: 1rem; box-shadow: 0 0 10px rgba(29, 24, 20, 0.05); position: relative; overflow: hidden; transition: all 0.8s ease; text-decoration: none; }

.presta-card:hover { box-shadow: 0 8px 25px rgba(250, 250, 250, 0.1); }

.presta-card:hover p span { color: #fffefc !important; }

.presta-icon-wrapper { width: 60px; height: 60px; border-radius: 50%; background-color: #F8A454; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; position: relative; z-index: 2; }

.enduit-card .presta-icon-wrapper { width: 100px; height: 100px; }

.presta-icon-wrapper::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; background-color: #F8A454; z-index: -1; transition: all 0.8s ease; }

.presta-card:hover .presta-icon-wrapper::before { width: 1000px; height: 1000px; border-radius: 8px; }

.presta-icon { width: 28px; height: 28px; position: relative; z-index: 1; transition: all 0.5s ease; }

.enduit-card .presta-icon { width: 50px; height: 50px; }

.presta-card:hover .presta-icon { transform: scale(2); }

.presta-card-title h3 { margin-bottom: 15px; position: relative; z-index: 2; }

.presta-card-title h3 span { transition: all 0.5s ease; }

.enduit-card .presta-card-title h3 { margin-bottom: 15px; position: relative; z-index: 2; transition: all 0.5s ease; }

.presta-card:hover h3 span { color: #fffefc !important; }

.presta-card-text { font-size: 14px; color: #1D1814; line-height: 1.7; position: relative; z-index: 2; transition: all 0.5s ease; }

.presta-card p { position: relative; z-index: 2 !important; transition: all 0.5s ease; }

.presta-card p span { transition: all 0.3s ease; }

@media (max-width: 992px) { .presta-cards-grid { grid-template-columns: 1fr; } .presta-title { width: 80%; } .presta-container { padding: 2rem; } .presta-description { text-align: left; } .presta-header-container { flex-direction: column; align-items: start; gap: 0; } .presta-description { margin-left: 0; } }

@media (max-width: 768px) { .presta-title { font-size: 32px; } }

/************* MAPS *************/
.localisation-section { position: relative; padding: 120px 40px; overflow: hidden; }

.localisation-section.loc2 { padding: 60px 40px; }

.localisation-tel { text-decoration: none; color: #3F7E8C; transition: all 0.3s ease; }

.localisation-infos div, .localisation-infos a { display: flex; align-items: center; gap: 15px; margin: 1rem 0 0; }

.localisation-icon { height: 1.1rem; }

.localisation-tel:hover { color: #F8A454; }

.localisation-container { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 60px; text-align: left; }

.loc2 .localisation-container { flex-direction: row-reverse; }

.localisation-texte { width: 50%; }

.localisation-texte h2 { font-family: "Stencil",serif; font-size: 42px; color: #3F7E8C; margin: 20px 0 30px; }

.localisation-texte h2::after { content: ''; display: block; width: 20%; height: 3px; background: #F8A454; margin: 15px 0 0; border-radius: 1rem; }

.localisation-description { line-height: 1.7; color: #1D1814; margin-bottom: 30px; }

.localisation-infos { list-style: none; padding: 0; margin: 0 0 15px; color: #3F7E8C; }

.localisation-infos p { margin-bottom: 0 !important; }

.localisation-infos li { font-size: 16px; }

.localisation-carte { width: 50%; }

.localisation-carte iframe { width: 100%; height: 380px; border: none; border-radius: 1rem; box-shadow: 0 6px 16px rgba(29, 24, 20, 0.1); }

@media (max-width: 900px) { .localisation-container { grid-template-columns: 1fr; text-align: left; } .localisation-carte iframe { height: 300px; } .localisation-section { padding: 100px 20px 0; } }

.team-members-section .col-12.col-sm-6.col-md-4.col-lg-3.text-center.mb-4.team-col { width: 20%; }

.team-members-section p { margin-bottom: 0 !important; }

img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { width: 100px !important; height: 100px !important; min-width: 80px !important; min-height: 80px !important; }

.titles.mb-3.team-main-title { margin-bottom: 4rem !important; }

section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.team-members-section h2 { display: flex; flex-direction: column; align-items: center; }

.team-members-section h2::after { content: ''; width: 20%; height: 3px; background-color: #F8A454; margin-top: 1rem; }

/************* AVIS *************/
.avis-container { max-width: 1400px; margin: 0 auto; padding: 4rem 0; }

.avis-header { margin-bottom: 50px; }

.avis-header-container { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }

.avis-header-title { display: flex; flex-direction: column; gap: 25px; }

.avis-quotes { width: 4rem; height: 3rem; fill: #F8A454; }

.avis-title { font-size: 42px; font-weight: 700; width: 50%; margin-bottom: 20px; line-height: 1.2; }

.avis-description { font-size: 16px; max-width: 600px; margin-left: auto; text-align: right; display: flex; flex-direction: column-reverse; align-items: end; gap: 15px; }

.avis-button { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 1rem; border-radius: 1rem; border: 1px solid #F8A454; background-color: #F8A454; text-decoration: none; color: #fffefc; transition: all 0.3s ease; }

.avis-button:hover { background: transparent; color: #F8A454; }

.avis-button:hover .avis-google-icon { fill: #F8A454; }

.avis-google-icon { fill: #fafafa; transition: all 0.3s ease; }

.avis-star { height: 1rem; width: 1rem; fill: #F8A454; }

.avis-stars { margin-bottom: 1rem; }

.avis-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }

.avis-card { background: #f1f1f1; padding: 40px 30px; border-radius: 3rem 3rem 3rem 0; box-shadow: 0 0 10px rgba(250, 250, 250, 0.05); position: relative; transition: all 0.8s ease; }

.avis-icon { width: 3rem; height: 3rem; border-radius: 50%; position: absolute; bottom: -1rem; left: 2rem; z-index: 1; }

.avis-card-title { font-size: 18px; font-weight: 700; color: #0D0D0D; margin-bottom: 15px; position: relative; z-index: 2; transition: all 0.5s ease; }

.avis-card-text { font-size: 14px; color: #333333; line-height: 1.7; position: relative; z-index: 2; transition: all 0.5s ease; }

@media (max-width: 992px) { .avis-cards-grid { grid-template-columns: 1fr; } .avis-title { width: 80%; } .avis-container { padding: 2rem; } .avis-description { text-align: left; } .avis-header-container { flex-direction: column; align-items: start; gap: 0; } .avis-description { margin-left: 0; } }

@media (max-width: 768px) { .avis-title { font-size: 32px; } }

/************* HERO SECTION *************/
.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { height: 40vh; justify-content: start !important; align-items: end !important; text-align: left !important; }

.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative::after { content: ''; position: absolute; bottom: 0; right: 5vw; width: 25vh; height: 20vh; z-index: 1; background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FLjarx3e9n1YW9s7whuzl5sRq2Ww2%2Fimages%2Fbas-maison_yjr5.webp) no-repeat; background-size: contain; background-position: bottom; }

.cta_banner h1 { display: flex; flex-direction: column; align-items: start; }

.cta_banner h1::after { content: ''; width: 20%; height: 3px; background-color: #F8A454; margin-bottom: 1rem; }

.cta_banner .lead.p-4.text-color-sixth { padding: 0 !important; padding-right: calc(25vh + 5vw) !important; }

.cta_banner .content { max-width: 1400px !important; margin: 0 auto; }

/************* TEXTE-IMAGES *************/
.about-section { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }

.image-container { position: relative; }

.main-image { width: 100%; height: 100%; border-radius: 1rem; object-fit: cover; box-shadow: 0 0 1rem 0 rgba(29, 24, 20, 0.1); }

.about-content-container { padding: 20px 0; }

.description { color: #fafafa; font-size: 15px; line-height: 1.8; margin-bottom: 35px; }

.features { display: flex; flex-direction: column; align-items: start; width: fit-content; max-width: 100%; gap: 1rem; }

.features1 { display: flex; gap: 1rem; }

.features1 .feature { width: 33%; }

.features1 .feature p { line-height: 100%; }

.feature { display: flex; flex-direction: column; gap: 1rem; align-items: center; text-align: center; padding: 1rem; border-radius: 1rem; background: #f1f1f1; }

.feature2, .feature3 { display: flex; gap: 1rem; align-items: center; text-align: left; padding: 1rem; border-radius: 1rem; background: #f1f1f1; }

.feature p, .feature2 p, .feature3 p { margin-bottom: 0 !important; }

.feature-icon { width: 60px; height: 60px; flex-shrink: 0; margin-top: 2px; }

.feature2 .feature-icon { width: 20px; height: 20px; }

.feature3 .feature-icon { width: auto; height: 20px; }

.feature-content h3 { font-size: 13px; font-weight: 700; color: #fafafa; font-family: 'Dazzle Unicase'; text-transform: uppercase; letter-spacing: 0.5px; }

.feature-content p { font-size: 13px; font-family: 'Aovel Sans'; color: #cecece; }

@media (max-width: 992px) { .about-section { grid-template-columns: 1fr; gap: 1.5rem; padding: 2rem; } .quote-card { position: relative; bottom: auto; left: auto; margin-top: 0.5rem; max-width: 100%; } .main-title { font-size: 32px; } .features { flex-direction: column; gap: 25px; } }

/************* ISOLATION *************/
.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { max-width: 1400px; }

div#biosource { background: #3F7E8C; border-radius: 1rem !important; margin-bottom: 5rem !important; }

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

div#phonique { margin-bottom: 5rem !important; }

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

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

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

#contact h1 { display: flex; flex-direction: column; align-items: start; }

#contact h1::after { content: ''; display: block; width: 40%; height: 3px; background: #F8A454; margin-bottom: 15px; border-radius: 1rem; }

#contact .background-image-div-opacity { background-attachment: scroll !important; }

.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 { max-width: 1400px; }

.black-screen { background-color: #3F7E8C !important; }

.first-activity-div .card, .second-activity-div .card, .third-activity-div .card { border: 3px solid #F8A454; }

.first-activity-div h4 { display: flex; flex-direction: column; align-items: start; }

.first-activity-div h4::after { content: ''; display: block; width: 20%; height: 3px; background: #F8A454; margin-top: 15px; border-radius: 1rem; }

.second-activity-div h4 { display: flex; flex-direction: column; align-items: start; }

.second-activity-div h4::after { content: ''; display: block; width: 20%; height: 3px; background: #F8A454; margin-top: 15px; border-radius: 1rem; }

.third-activity-div h4 { display: flex; flex-direction: column; align-items: start; }

.third-activity-div h4::after { content: ''; display: block; width: 20%; height: 3px; background: #F8A454; margin-top: 15px; border-radius: 1rem; }

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