@charset "UTF-8";
@import url(main.css);
/* --- Bloc Logo-List-CTA --- */
.logo-list-cta { position: relative; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FicAf6pMve5hH1uDm65QCScutxft2%2Fimages%2Fpexels-julia-volk-5273401-scaled-1jpg_n1bt.webp"); /* à remplacer */ background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; /* image non fixe */ color: #fff; text-align: center; font-family: "Open Sans", sans-serif; overflow: hidden; /* ✅ empêche que le contenu déborde */ display: flex; /* ✅ pour centrer verticalement */ align-items: center; /* ✅ centre le contenu sur l'axe vertical */ justify-content: center; /* ✅ centre horizontalement */ min-height: 450px; /* ✅ hauteur par défaut ajustée */ }

.logo-list-cta__overlay { position: absolute; /* ✅ on le remet en absolute pour couvrir l'image */ top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); /* ✅ fond noir plus opaque */ z-index: 1; }

.logo-list-cta__content { position: relative; z-index: 2; max-width: 900px; margin: 40px auto; /* espace au-dessus et en dessous */ padding: 40px 20px; }

.logo-list-cta__logo { width: 120px; margin-bottom: 25px; }

.logo-list-cta h1 { font-size: 1.9rem; font-weight: 600; line-height: 1.4; margin-bottom: 30px; font-style: italic; }

.logo-list-cta__subtitle { font-style: italic; font-size: 1.1rem; margin-bottom: 40px; color: #ddd; font-style: italic; }

.logo-list-cta__services { list-style: none; padding: 0; margin: 0 auto 50px; display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto); /* 2 éléments par colonne */ column-gap: 2.5rem; row-gap: 0.75rem; justify-content: center; list-style: none; padding: 0; margin: 0 auto 50px; font-size: 1rem; max-width: 900px; }

.logo-list-cta__services li { display: flex; align-items: center; gap: 8px; color: #fff; }

.logo-list-cta__services .icon { flex-shrink: 0; }

.logo-list-cta__btn { display: inline-flex; align-items: center; gap: 8px; background-color: #f7981d; color: #000; font-weight: 600; padding: 14px 30px; border-radius: 8px; text-decoration: none; transition: background 0.3s ease; }

.logo-list-cta__btn:hover { background-color: #669B00; }

@media (max-width: 768px) { .logo-list-cta { max-height: none; /* ✅ on laisse s’adapter sur mobile */ } .logo-list-cta h1 { font-size: 1.5rem; } .logo-list-cta__services { flex-direction: column; gap: 10px; } }

/* ------------------------------------------------------------Boutons socials */
.social-buttons { position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 1000; }

.social-button { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid white; border-radius: 50%; background-color: transparent; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.social-button img { width: 60%; height: 60%; object-fit: contain; }

.social-button:hover { transform: scale(1.1); }

.facebook:hover { box-shadow: 0 0 10px #ea8a2b, 0 0 20px #ea8a2b; }

.tiktok:hover { box-shadow: 0 0 10px #ea8a2b, 0 0 20px #ea8a2b; }

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

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

.my-5 { margin-top: 3rem !important; margin-bottom: 0rem !important; }

.row.row-cols-1.row-cols-lg-3.d-flex.g-3.px-3.my-5.position-relative.justify-content-center { margin-bottom: 0 !important; }

.lead.p-4.text-color-sixth { padding: 0 !important; }

.p-4 { padding: 0 !important; }

.row.row-cols-1.row-cols-lg-4.d-flex.g-3.px-3.my-5.position-relative.justify-content-center { margin-bottom: 0 !important; }

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

/* --- Suppression du zoom et de l’ombre sur le Hero --- */
.carousel-item-homepage img, .first-carousel-img { transform: none !important; /* ✅ retire tout effet de zoom ou scale */ transition: none !important; /* ✅ empêche les animations au chargement */ box-shadow: none !important; /* ✅ supprime toute ombre */ filter: none !important; /* ✅ retire les filtres type fondu sombre */ opacity: 1 !important; /* ✅ garantit la pleine luminosité */ }

.carousel-inner-homepage .bloc-slider-homepage .titleText { letter-spacing: normal !important; /* espacement standard entre les lettres */ word-spacing: normal !important; /* espacement standard entre les mots */ line-height: normal !important; /* espacement vertical standard */ margin-bottom: 1.5rem !important; /* ✅ ajoute de l’espace sous le texte */ }

/*---------------------------------------------------------Avant - Après------------------------------*/
/*------Couleur des lignes---*/
.slider-before-after-images:before, .slider-before-after-images:after { background: #669b00 !important; }

/*------Couleur du rond---*/
.slider-before-after-images { border: 3px solid #669b00 !important; background: #669b00 !important; }

/*------Couleur des flêches---*/
.bi-chevron-left::before, .bi-chevron-right::before { color: white; }

/*--------------------------BLOC VIDEO + TEXTE----------------------*/
.custom-video-div { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; padding: 2em 100px 2em 100px; /* top right bottom left */ background-size: cover; background-position: center; background-attachment: fixed; }

.custom-video-text { flex: 1; padding: 20px; color: white !important; background-color: #689D71 !important; }

.custom-video { flex: 1; }

@media (max-width: 908px) { .custom-video-div { flex-direction: column !important; } }

@media (max-width: 768px) { .custom-video-div { padding: 0 !important; } }

.lead p-4 text-color-sixth { padding: 0rem !important; }

.my-5 { margin-top: 3rem !important; margin-bottom: 0rem !important; }

/* Remove the previous 100vw/margin-left rule */
#carousselpartenaire1 { position: relative; /* needed for the pseudo-element */ padding: 2em 0; /* keep whatever spacing you want */ z-index: 0; }

/* Full-bleed white background behind the container */
#carousselpartenaire1::before { content: ""; position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0 (as a base) */ left: 50%; transform: translateX(-50%); width: 100vw; /* spans the viewport */ background: #F9FBFA; /* the “white margins” */ z-index: -1; /* sits behind the content */ }

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