@charset "UTF-8";
@import url(main.css);
h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: black !important; }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: black !important; }

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

.rge-section { position: relative; padding: 160px 40px; overflow: hidden; width: 100vw; /* pleine largeur */ margin-left: calc(50% - 50vw); /* annule les marges du container */ margin-right: calc(50% - 50vw); }

.rge-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F9NH6Qz59N2VxuQcogBmb2V0Fm3q1%2Fimages%2FFond_4_p6kn.webp") center/cover no-repeat; opacity: 0.7; /* IMPORTANT */ background-attachment: fixed; /* ❤️ L’image reste fixe */ z-index: 0; }

.rge-content { display: flex; align-items: center; gap: 45px; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; }

.rge-logo { width: 130px; height: auto; object-fit: contain; }

.rge-text h2 { margin-bottom: 20px; color: white; /* couleur artisan / cohérence charte */ letter-spacing: 1px; font-weight: 700 !important; /* GRAS */ }

.rge-text p { font-size: 18px; line-height: 1.5; max-width: 500px; margin-bottom: 0px !important; color: white; /* couleur artisan / cohérence charte */ font-weight: 500 !important; /* GRAS */ }

/* Bordure noire élégante pour les images */
.page-content .row img.img-fluid { border: 4px solid #e10f1f; border-radius: 14px; padding: 0px; background-color: #e10f1f; box-sizing: border-box; }

@media (max-width: 768px) { .page-content .row img.img-fluid { padding: 0; } }

.googleReviews-div { background-color: #FCFCFC; padding: 0px 30px 50px 30px; }

.googleReviews-div .card { border: 2px solid black !important; border-radius: 16px; background-color: #FCFCFC; color: #000; }

.row .titles h2 { position: relative; padding-bottom: 12px; }

.row .titles h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #e10f1f; }

/* Bordure identique pour les images du carrousel */
/* Desktop (par défaut) */
#realisations .owl-item img { border: 3px solid #e10f1f; border-radius: 14px; box-sizing: border-box; background-color: #e10f1f; }

/* Tablette */
@media (max-width: 992px) { #realisations .owl-item img { border-width: 3px; border-radius: 12px; } }

/* Mobile */
@media (max-width: 576px) { #realisations .owl-item img { border-width: 2px; border-radius: 10px; } }

/* Supprimer la barre sous le H2 UNIQUEMENT dans la page contact */
#contact .titles h2::after { display: none !important; }

/* Bordure sur les "images" en background des blocs Activités */
.page-content .first-activity-div .card.card-cover, .page-content .activity-div .card.card-cover, .page-content .card.card-cover { border: 4px solid #e10f1f; border-radius: 14px; overflow: hidden; /* indispensable pour que le fond respecte l'arrondi */ box-sizing: border-box; background-clip: padding-box; }

@media (max-width: 768px) { .page-content .first-activity-div .card.card-cover, .page-content .activity-div .card.card-cover, .page-content .card.card-cover { border-width: 3px; border-radius: 12px; } }

/* ------------------------- STYLE GLOBAL DES BOUTONS ------------------------- */
/* Boutons principaux du site */
.button_homepageDoubleScreen, .ctaLinks-button, .env-btn { display: inline-block; padding: 10px 20px; /* Ajuste la taille du bouton */ background-color: #fded01; /* Couleur de base */ color: #000; /* Texte noir */ text-decoration: none; /* Supprime le soulignement */ border-radius: 20px; /* Coins arrondis */ text-align: center; font-size: 14px; /* Ajuste selon ton design */ font-weight: 500; transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease; cursor: pointer; }

/* Hover / survol */
.button_homepageDoubleScreen:hover, .ctaLinks-button:hover, .env-btn:hover { background-color: #e10f1f; /* Couleur au survol */ color: #fff; /* Texte blanc pour contraste */ transform: translateY(-2px); /* Effet de léger “lift” au hover */ }

/* Focus pour accessibilité */
.button_homepageDoubleScreen:focus, .ctaLinks-button:focus, .env-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(225, 15, 31, 0.5); }

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