@charset "UTF-8";
@import url(main.css);
/* ------------------------------------------------------------BOUTON SOMMAIRE*/
.btnSommaire img { height: 50px; transition: all 0.4s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Style normal*/
.btnSommaire { position: fixed; bottom: 110px; right: 23px; z-index: 20 !important; }

/* Style HOVER*/
.btnSommaire:hover img { height: 60px; }

/*-------------------Galerie Custom Réalisations--------------------------*/
#custom-gallery { padding-bottom: 40px !important; }

@media screen and (min-width: 991px) { #custom-gallery { padding: 60px 30px 0 30px; } }

#custom-gallery .image { height: 400px !important; margin-top: 20px !important; }

.img-wrapper { position: relative; height: 100%; margin-top: 0px; }

.img-wrapper img { width: 100%; }

.gallery-title-wrapper { background-color: #E0B39C; text-align: center; padding: 10px 0; margin-bottom: 0px; }

.gallery-title { color: black; margin: 0; font-size: 2.2em; font-weight: 400 !important; }

.img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; }

.img-overlay i { color: #fff; font-size: 3em; }

#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; }

@media screen and (min-width: 768px) { #overlay img { width: 60%; } }

@media screen and (min-width: 1200px) { #overlay img { width: 50%; } }

#nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#nextButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #nextButton { font-size: 3em; } }

#prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#prevButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #prevButton { font-size: 3em; } }

#exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; }

#exitButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #exitButton { font-size: 3em; } }

.img-responsive { height: 100% !important; object-fit: cover !important; }

/*-------------------SOMMAIRE--------------------------*/
#section-titres .container { max-width: 900px; margin: 0 auto; padding: 40px 20px; }

.titre-liste a { text-decoration: none; display: block; }

.titre-liste a h2 { text-transform: uppercase; color: #E0B39C; font-style: italic; font-weight: 400 !important; font-size: 2em; text-align: center; margin: 10px 0 0 0; padding-top: 4px; position: relative; transition: color 0.3s ease; cursor: pointer; }

.titre-liste a h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-top: 1.5px solid #E0B39C; transition: border-color 0.3s ease; }

.titre-liste a:hover h2 { color: #E9E2CF; }

.titre-liste a:hover h2::before { border-top-color: #E9E2CF; }

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

/* ------------------------------------------------------------BOUTON DEVIS EN BAS A DROITE */
.btnDevis img { height: 80px; transition: all 0.4s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Style normal */
.btnDevis { position: fixed; bottom: 10px; right: 10px; z-index: 20 !important; }

/* Style HOVER */
.btnDevis:hover img { height: 100px; }

/*-------------------------------------Banner homepage-----------------------------------*/
/* --- BANNERS GÉNÉRALES --- */
.custom-banner-hmpg, .custom-banner-peinture, .custom-banner-enduit, .custom-banner-parquet, .custom-banner-tapisserie, .custom-banner-ravalement { position: relative; width: 100%; min-height: 80vh; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; display: flex; justify-content: center; align-items: center; }

/* --- IMAGES DE FOND --- */
.custom-banner-hmpg { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F8QNs9j1okxMJSbXDjf5yf8osIex1%2Fimages%2Fbackground_2_gl9d.webp"); }

.custom-banner-peinture { background-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2F8QNs9j1okxMJSbXDjf5yf8osIex1%2Fimages%2Fbackground_1_jixy.webp?alt=media&token=6a2a1f68-559f-4d4d-be97-cb3dc93fad49"); }

.custom-banner-enduit { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F8QNs9j1okxMJSbXDjf5yf8osIex1%2Fimages%2FAdobeStock_1159036391_ueo7.webp"); }

.custom-banner-parquet { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F8QNs9j1okxMJSbXDjf5yf8osIex1%2Fimages%2FAdobeStock_439291103_hjqa.webp"); }

.custom-banner-tapisserie { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F8QNs9j1okxMJSbXDjf5yf8osIex1%2Fimages%2FAdobeStock_645852673_00yn.webp"); }

.custom-banner-ravalement { background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2F8QNs9j1okxMJSbXDjf5yf8osIex1%2Fimages%2FAdobeStock_405177158_euwd.webp"); }

/* --- ARRIÈRE-PLAN --- */
.custom-banner-hmpg::after, .custom-banner-peinture::after, .custom-banner-enduit::after, .custom-banner-parquet::after, .custom-banner-tapisserie::after, .custom-banner-ravalement::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; filter: none; z-index: 1; }

/* --- TEXTE TOUJOURS VISIBLE --- */
.banner-text { position: relative; background-color: rgba(233, 226, 207, 0.8); /* #E9E2CF à 80% */ padding: 30px 40px; max-width: 80%; color: #000; font-size: 18px; line-height: 1.6; border-radius: 10px; z-index: 2; text-align: justify; opacity: 1; }

/* --- TITRES --- */
.banner-title { font-size: 36px; font-weight: bold; margin-bottom: 10px; text-align: center; }

.banner-subtitle { font-size: 24px; font-style: italic; margin-bottom: 20px; text-align: center; color: #5A7262; }

.banner-story { margin: 0; }

/* --- RESPONSIVE --- */
@media (max-width: 1024px) { .custom-banner-hmpg, .custom-banner-peinture, .custom-banner-enduit, .custom-banner-parquet, .custom-banner-tapisserie, .custom-banner-ravalement { min-height: 70vh; background-position: top center; } .banner-text { font-size: 16px; max-width: 85%; } .banner-title { font-size: 30px; } .banner-subtitle { font-size: 20px; } }

@media (max-width: 768px) { .custom-banner-hmpg, .custom-banner-peinture, .custom-banner-enduit, .custom-banner-parquet, .custom-banner-tapisserie, .custom-banner-ravalement { min-height: 60vh; background-position: center top; } .banner-text { padding: 20px; font-size: 15px; max-width: 90%; } .banner-title { font-size: 24px; } .banner-subtitle { font-size: 18px; } }

@media (max-width: 480px) { .custom-banner-hmpg, .custom-banner-peinture, .custom-banner-enduit, .custom-banner-parquet, .custom-banner-tapisserie, .custom-banner-ravalement { min-height: 50vh; background-position: center top; } .banner-text { padding: 15px; font-size: 14px; max-width: 95%; margin-bottom: 15px; margin-top: 15px; } .banner-title { font-size: 20px; } .banner-subtitle { font-size: 16px; } }

/*----------------------------------------------------------------------Galerie de services Page d'accueil------------------------------------------------*/
.servicesGallery-div .card-body { background-size: contain !important; min-height: 60vh !important; }

.servicesGallery-div .card { background-color: #FFFFFF !important; }

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

.servicesGallery-div .card-header { background-color: #5A7262 !important; border-radius: 10px !important; margin-bottom: 10px; border: 5px double #ffffff; }

/*-------------------Bloc maps-----------------------*/
.maps-section .content { color: black !important; }

.maps-section .map-content { padding: 50px; }

.maps-section iframe { border-radius: 20px !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; }

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