@charset "UTF-8";
@import url(main.css);
/* ------------------------------------------------------------BOUTON DEVIS EN BAS A DROITE */
.btnDevis img { height: 80px; }

/* Style normal*/
.btnDevis { position: fixed; bottom: 10px; right: 10px; transition: all 0.4s cubic-bezier(0.86, 0.01, 0.15, 0.99); z-index: 20 !important; }

/* Style HOVER*/
.btnDevis:hover img { height: 100px; transition: all 0.4s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/*--------------------------------- trop de padding entre les éléments*/
.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { padding-top: 0 !important; padding-bottom: 0 !important; }

/*--------------------------------- bannières pages secondaires*/
.custom-banner-terrassement { position: relative; width: 100%; height: 600px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fr32FaqoLPvRzuitVqZyK5JnA7zp1%2Fimages%2FAdobeStock_407408810_yluz.webp"); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }

.custom-banner-assainissement { position: relative; width: 100%; height: 600px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fr32FaqoLPvRzuitVqZyK5JnA7zp1%2Fimages%2FAdobeStock_226904712_lk8d.webp"); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }

.custom-banner-aménagement { position: relative; width: 100%; height: 600px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fr32FaqoLPvRzuitVqZyK5JnA7zp1%2Fimages%2FAdobeStock_3705387818_73sy.webp"); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }

.custom-banner-démolition { position: relative; width: 100%; height: 600px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fr32FaqoLPvRzuitVqZyK5JnA7zp1%2Fimages%2FAdobeStock_192918032_12k6.webp"); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }

.custom-banner-curage { position: relative; width: 100%; height: 600px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fr32FaqoLPvRzuitVqZyK5JnA7zp1%2Fimages%2FChatGPT_Image_3_avr_2025_15_49_05_a3wx.webp"); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }

.banner-overlay { position: relative; width: 100%; height: 100%; color: white; }

.banner-title-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; /* contrains la largeur du conteneur */ max-width: 1400px; /* limite la largeur pour les très grands écrans */ text-align: center; }

.banner-title-center { font-size: 4.2rem; font-weight: 700; margin: 0; text-transform: uppercase; line-height: 1.1; }

.banner-bottom-left { font-size: 1.4rem; position: absolute; bottom: 40px; left: 120px; margin: 0; }

.banner-top-right { font-size: 1.4rem; position: absolute; top: 40px; right: 120px; margin: 0; }

/*--------------------------------- logo footer blanc*/
.logo-footer > img { filter: brightness(0) invert(1); }

/*--------------------------------- icons plus grands*/
.svg-picto-card > svg { width: 30%; height: 30%; }

/*--------------------------------- cards homepage*/
.cards-container { display: flex; gap: 40px; flex-wrap: wrap; justify-content: center; }

.custom-card { width: 400px; height: 400px; background-color: #F8EFE0; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 20px; border: 2px solid #A4C3C3; cursor: pointer; }

.custom-card::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: #A4C3C3; z-index: 1; transition: height 0.6s ease; }

.custom-card:hover::before { height: 100%; }

.custom-card .card-icon { max-width: 70%; max-height: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; z-index: 0; pointer-events: none; transition: opacity 0.4s ease; }

.custom-card:hover .card-icon { opacity: 0; }

.custom-card .card-title { position: relative; color: #A4C3C3; font-size: 44px; font-weight: 800; z-index: 2; text-align: center; transition: opacity 0.4s ease; }

.custom-card:hover .card-title { opacity: 0; }

.hover-content { position: absolute; top: 20px; left: 20px; z-index: 3; color: black; opacity: 0; transform: translateY(50px); transition: opacity 0.2s ease, transform 0.2s ease; }

.custom-card:hover .hover-content { opacity: 1; transform: translateY(0); transition: opacity 0.4s ease 0.4s, transform 0.4s ease 0.4s; }

.hover-content h5 { font-size: 44px; font-weight: 800; margin: 0 0 10px 0; }

.hover-content p { font-size: 18px; line-height: 1.4; margin: 0; max-width: 350px; }

.card-link { text-decoration: none; display: inline-block; }

/*--------------------------------- Bloc accordéon questions*/
.accordion-button:not(.collapsed) { color: white !important; background-color: #A4C3C3 !important; box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 #434DA2 !important; }

/*--------------------carousel des pages secondaires-----------------*/
#fullHeight .text-center { text-align: left !important; text-transform: uppercase !important; }

.spacer { display: none; }

#secondaires { height: 0 !important; }

#secondaires + style + #fullHeight { height: 70vh; }

/*----------------------------------------  Enlever box shadow bloc SEO*/
div.shadow-lg { box-shadow: none !important; }

/*----------------------------------------  Shadowbox navbar homepage*/
.navbar { box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); }

/*----------------------------------------  Supprimer bandeau pages secondaires*/
.websitePageTitle-div { display: none !important; }

/*----------------------------------------  Bloc SEO bordures*/
.card.card-cover { position: relative !important; border-radius: 1.5rem !important; box-shadow: 0 0 0 4px #A4C3C3 !important; }

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