@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; }

/*-------------------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: #FDB841; font-style: italic; font-weight: 600 !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 #FDB841; transition: border-color 0.3s ease; }

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

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

/*-------------------Galerie Custom--------------------------*/
#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: #FDB841; text-align: center; padding: 10px 0; margin-bottom: 0px; }

.gallery-title { color: #FE5D31; margin: 0; font-size: 2.2em; font-weight: 600 !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; }

/*-------------------SCROLLING BANNER--------------------------*/
.scrolling-banner { overflow: hidden; white-space: nowrap; width: 100%; background: transparent; border-top: 1.2px solid #FE5D31; border-bottom: 1.2px solid #FE5D31; margin-top: 100px !important; margin-bottom: 100px !important; }

.scrolling-track { display: inline-block; padding: 20px 0; animation: scroll-left 25s linear infinite; }

.scrolling-banner h2 { font-size: 4em; /* taille du texte augmentée */ display: flex; gap: 60px; align-items: center; font-weight: 600 !important; text-transform: uppercase; color: #FE5D31; line-height: 1.2; }

.scrolling-content { display: inline-flex; align-items: center; gap: 20px; margin-right: 100px; }

.separator-icon { height: 45px; width: auto; vertical-align: middle !important; }

.inline-icon { height: 0.75em; vertical-align: middle; margin: 0em !important; }

.scrolling-link { display: block; text-decoration: none; color: inherit; }

.scrolling-link:hover { cursor: pointer; }

@keyframes scroll-left { 0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); } }

/* ------------------------------------------------------------Enlever filtres carousel */
.carousel-item img { transform: none !important; transition: none !important; scale: 1 !important; }

.carousel-item-homepage img { filter: brightness(100%) !important; }

lottie-player, .lottie-scroll { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; overflow: hidden !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; }

/*----------------------------------------  Couleur éléments section MAPS*/
.maps-section { --primary-color: #F58328; }

.maps-section .titles, .maps-section .bi, .maps-section a, .maps-section span, .maps-section h2, .maps-section h2 span { color: var(--primary-color) !important; }

/*----------------------------------------  CHANGER WIDTH CTA*/
.col-lg-12 { flex: 0 0 auto; width: 80% !important; }

/*--------------------carousel des pages secondaires-----------------*/
.spacer { display: none; }

#secondaires { height: 0 !important; }

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

/*----------------------------------------  CHANGER WIDTH TITRE CAROUSEL*/
.videoTitle { width: 80% !important; }

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

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

.maps-section iframe { border-radius: 20px !important; }

/*----------------------------------------  Patchwork égal et couleurs */
div.redirectsCards-div > .row > .col { position: relative; overflow: hidden; }

div.redirectsCards-div > .row > .col img { display: block; width: 100%; height: auto; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Première image */
div.redirectsCards-div > .row > .col:nth-child(1):hover img { opacity: 0; }

div.redirectsCards-div > .row > .col:nth-child(1):hover::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fibu3grZIBLPhqVlkGXqb64WWVya2%2Fimages%2Fpatchwork_plomberie_couleurs_1g0s.webp"); background-size: cover; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Deuxième image */
div.redirectsCards-div > .row > .col:nth-child(2):hover img { opacity: 0; }

div.redirectsCards-div > .row > .col:nth-child(2):hover::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fibu3grZIBLPhqVlkGXqb64WWVya2%2Fimages%2Fpatchwork_electricite_couleurs_6xa9.webp"); background-size: cover; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

/* Troisième image */
div.redirectsCards-div > .row > .col:nth-child(3):hover img { opacity: 0; }

div.redirectsCards-div > .row > .col:nth-child(3):hover::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fibu3grZIBLPhqVlkGXqb64WWVya2%2Fimages%2Fpatchwork_chauffage_couleurs_wvxp.webp"); background-size: cover; background-position: center; z-index: 1; opacity: 1; transition: opacity 0.3s cubic-bezier(0.86, 0.01, 0.15, 0.99); }

@media all and (min-width: 990px) { div.row-cols-1 > div.col { width: 33.3333333333% !important; } }

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

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