@charset "UTF-8";
@import url(main.css);
#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

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

.spacer { display: none !important; }

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

.logo_nav { height: 6vh !important; }

nav.navbar { width: 90%; margin: auto; padding: 1rem 2rem; border-radius: 1rem; border: 1px solid #F2F2F2; transition: all 0.3s ease; }

.navbar.scrolled { background-color: #F2F2F2 !important; box-shadow: 0 4px 12px rgba(166, 111, 10, 0.3); }

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

.animated-border-button.scrolled span { color: #0D0D0D !important; }

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

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; border-radius: 1rem !important; font-weight: 800 !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { box-shadow: 0 4px 12px rgba(166, 111, 10, 0.7); }

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

a#phone-analytics-tag-video-bloc { padding: 0.75rem 1rem; border-radius: 1rem; font-weight: 800 !important; transition: all 0.3s ease; }

a#phone-analytics-tag-video-bloc:hover { box-shadow: 0 4px 12px rgba(166, 111, 10, 0.7); }

.video-background-overlay { background-color: #0D0D0D !important; opacity: 0.4; }

img.fondDegradeLogo { width: 60%; }

.titleText.text-white.text-center.fs-2.mb-4.mt-4.titles { letter-spacing: normal; }

#fullHeight h1::before { content: ''; width: 70%; height: 3px; background-color: #F2B705; margin-bottom: 1rem; }

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

/***************************** MAPS *****************************/
.localisation-section { position: relative; padding: 120px 40px; overflow: hidden; max-width: 1400px; margin: auto; }

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

.localisation-tel:hover { color: #F2CB05; text-shadow: 0 0 4px rgba(166, 111, 10, 0.1); }

.localisation-container { position: relative; z-index: 2; max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; text-align: left; }

.localisation-texte h2 { font-family: "Figtree", serif; font-weight: 800 !important; font-size: 42px; color: #0d0d0d; margin: 20px 0 30px; display: flex; flex-direction: column; align-items: start; }

.localisation-texte h2::after { content: 'Une présence active à l’ouest du bassin rennais'; font-family: 'Oooh Baby'; font-size: 1.5rem; color: #F2B705; margin: 0.5rem 0 1rem; }

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

.localisation-infos { list-style: none; color: #F2B705; margin: 2rem 0 !important; padding: 0 !important; }

.localisation-infos li, .localisation-infos a { display: flex; align-items: center; gap: 1rem; font-size: 16px; }

.localisation-infos li { margin-top: 1rem; }

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

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

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

@media (max-width: 900px) { .localisation-container { grid-template-columns: 1fr; text-align: left; /* texte aligné à gauche même sur mobile */ } .localisation-carte iframe { height: 300px; } .localisation-section { padding: 100px 20px 0; } }

/***************************** CITATION *****************************/
.citation-container { position: relative; padding: 60px; max-width: 1400px; margin: 0 auto; }

.citation-card { gap: 30px; position: absolute; top: -60px; left: 40px; right: 40px; background: #F2B705; padding: 40px 30px; border-radius: 1rem; box-shadow: 0 10px 30px rgba(13, 13, 13, 0.1); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; z-index: 10; }

.citation-card1 { gap: 30px; position: absolute; top: -60px; left: 40px; right: 40px; }

.citation-card1 img { object-fit: contain; }

.citation-card2 { gap: 30px; position: absolute; top: -80px; left: 40px; right: 40px; }

.citation-card2 img { object-fit: contain; }

/* Nombre principal */
.citation-title { font-size: 2rem; font-weight: bold; color: #F2F2F2; }

/* Texte descriptif */
.citation-label { font-size: 1rem; color: #0D0D0D; font-weight: 500; }

/* Responsive - passage en colonne sous 992px */
@media (max-width: 992px) { .citation-container { padding: 40px 20px; } .citation-card { padding: 35px 25px; } .citation-number { font-size: 2rem; } }

@media (max-width: 768px) { .citation-number { font-size: 1.5rem; } .citation-label { font-size: 0.75rem; } }

/***************************** HERO PAGES SECONDAIRES *****************************/
#hero-secondaire .background-image-div-opacity { background-size: 100% auto !important; background-attachment: scroll !important; }

@media screen and (max-width: 1050px) { #hero-secondaire .background-image-div-opacity { background-size: auto 100% !important; } }

#hero-secondaire.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { min-height: 60vh; padding: calc(11vh + 4rem) 6rem 6rem !important; align-items: end !important; }

#hero-secondaire .content { text-align: center; }

/***************************** BLOC A PROPOS *****************************/
.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; max-width: 1500px !important; width: 100% !important; justify-content: space-around !important; margin: auto; padding-bottom: 6rem !important; }

.container.my-5.col-lg-11.photoText-div { width: 100% !important; margin: 3rem 0 0 0 !important; max-width: 100% !important; display: flex; flex-direction: column; align-items: center; }

.container.my-5.col-lg-11.photoText-div img { aspect-ratio: 4/3; object-fit: cover; border-radius: 1rem; }

.container.my-5.col-lg-11.photoText-div::after { content: ''; height: 2px; width: 60%; background-color: #F2B705; }

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

/***************************** BLOC PRESTATIONS *****************************/
.prestations { display: flex; flex-direction: column; justify-content: center; gap: 4rem; align-items: center; padding: 5rem; }

.prestation-intro { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60%; text-align: center; }

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

.prestation-card { width: 30%; height: 30vw; display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 1rem; border-radius: 1rem; padding: 3rem; position: relative; overflow: hidden; text-align: center; }

.prestation-card h3, .prestation-card p, .prestation-card a { z-index: 3; }

.prestation-card::after { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; background: linear-gradient(rgba(13, 13, 13, 0), #0d0d0d 90%); }

.presta-card-button { padding: 0.75rem 1rem; border: 1px solid #F2B705; border-radius: 1rem; background-color: #F2B705; color: #0D0D0D; transition: all 0.3s ease; text-decoration: none; font-family: 'Figtree', Arial, sans-serif; text-transform: uppercase; font-weight: 700; }

.presta-card-button:hover { background-color: #F2CB05; border: 1px solid #F2CB05; box-shadow: 0 4px 12px rgba(166, 111, 10, 0.7); }

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

/***************************** BLOC ENGAGEMENTS *****************************/
.engagement-card img { height: 5rem; object-fit: contain; margin: 1rem auto !important; }

.col.engagement-col { width: 40%; }

.engagement-content.container.position-relative { padding: 7rem 1rem 6rem; }

div#engagement-card-id { background-color: #F2F2F2 !important; border-radius: 1rem !important; }

/***************************** CTA *****************************/
#cta .background-image-div-opacity, #cta2 .background-image-div-opacity { background-attachment: scroll !important; }

#cta .content, #cta2 .content { text-align: center; }

div#cta { max-width: 90%; margin: auto; border-radius: 1rem !important; overflow: hidden; box-shadow: 0 0 30px rgba(13, 13, 13, 0.1); }

div#cta2 { margin: 4rem auto !important; max-width: 90%; margin: auto; border-radius: 1rem !important; overflow: hidden; border: 1px solid #0D0D0D; box-shadow: 0 0 30px rgba(13, 13, 13, 0.1); }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 1rem; border: 1px solid #F2F2F2; background: #F2F2F2 !important; transition: all 0.3s ease; }

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

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { box-shadow: 0 4px 12px rgba(13, 13, 13, 0.1); }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover span { color: #F2B705 !important; }

/***************************** AVANTAGES MAÇONNERIE *****************************/
img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { background-color: #0D0D0D; padding: 2rem; object-fit: contain !important; border-radius: 1rem !important; }

.contenu.mb-4.team-main-description { margin-bottom: 4rem !important; }

.contenu.mb-4.team-main-description p { margin-bottom: 0 !important; }

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

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

.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative h2 { margin-bottom: 0 !important; }

img.d-block.mx-lg-auto.img-fluid { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1rem; }

.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: 1500px; }

div#contact { padding-top: 12vh !important; }

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

.card-body.p-0.d-flex.align-items-center.justify-content-center .background-image-div-opacity { background-attachment: scroll; }

.card.shadow-sm.border-0.p-0 { border-radius: 1rem !important; overflow: hidden; }

.row.mb-3.text-center.px-lg-2.justify-content-center.redirectsCards-div { max-width: 90%; margin: auto; }

.redirects-title-background.position-relative { display: none; }

.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: 1500px; }

.col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { background: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FxFFmgEmwrpWcmKOeEFRRTesL3C23%2Fimages%2FAdobeStock_31829686_qbti.webp); background-attachment: fixed; background-size: cover; }

#a-propos img { border-radius: 0 !important; }

#none { display: none; }

.col.before-after-images-column.my-0.my-lg-2 { height: 400px; }

.image-before-after-container { border: 2px solid #F2B705; border-radius: 1rem; }

div#before-after-images-slider-1, div#before-after-images-slider-2 { background: #F2B705; border: 2px solid #F2B705; }

div#before-after-images-slider-1::before, div#before-after-images-slider-2::before, div#before-after-images-slider-1::after, div#before-after-images-slider-2::after { background: #F2B705; border: 2px solid #F2B705; }

span.left-arrow-before, span.right-arrow-before { color: #F2F2F2; }

#av-demolition .col.before-after-images-column.my-0.my-lg-2 { width: 60%; }

div#av-macon { margin-top: 3rem; }

.card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { border-radius: 1rem !important; background: #0D0D0D; color: #F2F2F2; }

.card.rounded-3.shadow-lg.mx-4.mb-4 { border-radius: 1rem !important; border: none; background: #0D0D0D; color: #F2F2F2; }

a#maps-url { border-radius: 1rem; text-transform: uppercase; font-weight: 700; }

a#maps-url:hover { box-shadow: 0 4px 12px rgba(166, 111, 10, 0.2); }

.googleReviews-div h3 { font-weight: 700 !important; }

.photoTitleText { margin: 5rem auto 0; background-color: #F2F2F2; }

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