@charset "UTF-8";
@import url(main.css);
/* ----------------------------------------------------------------------------------------------Ajustements SEO */
.bandeau h1 { color: black !important; font-weight: normal !important; }

div.px-5.pt-5.display-6.text-color-primary.titles { font-weight: normal !important; }

.seo-frequently-card span { font-weight: normal !important; }

.seo-frequently-card li { font-weight: normal !important; }

#custom-cards h2 { color: black !important; font-weight: normal !important; }

#custom-cards h3 { font-weight: normal !important; }

#custom-cards li { font-weight: normal !important; }

.lead p { font-weight: normal !important; }

@media (min-width: 1200px) { .maps-section .text-color-primary { flex: 0 0 auto; width: 33.33333333% !important; } }

@media (min-width: 1200px) { .maps-section .map-content { flex: 0 0 auto; width: 66.6666666% !important; } }

/*-------------------------------- Barre de nav toujours affichée et suppression des bandeau des pages secondaires */
.navbar-collapse { background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FgfZqOn7HYpQuqMwNWeIlmrV3rTo2%2Fimages%2F24_7_SVG_ddvf.webp?alt=media&token=fce9dfac-f312-4d12-a416-e5cf0a7fe07c); background-size: contain; background-repeat: no-repeat; background-position: left center; }

@media (max-width: 1300px) { .navbar-collapse { background-size: 50px; } }

.navbar-brand { width: 10vw !important; height: 10vh !important; }

.logo_nav { height: 10vh !important; }

.websitePageTitle-div { display: none !important; }

#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

p { font-weight: 400; }

a.fw-bold { font-weight: normal !important; }

/* ---------------------------------------------------Bloc CTA----------------------------------------------- */
@media (min-width: 992px) { .col-lg-6 { width: 80% !important; } }

.cta_banner .display-5.titles::before { content: ""; display: block; width: 150px; height: 150px; margin-right: auto; margin-left: auto; margin-bottom: 50px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FgfZqOn7HYpQuqMwNWeIlmrV3rTo2%2Fimages%2F24_7_SVG_ddvf.webp"); background-size: contain; background-repeat: no-repeat; background-position: center; }

/* ---------------------------------------------------Bloc image + texte a gauche----------------------------------------------- */
.bg-primaryColor { margin: 0 !important; width: 100% !important; }

.bg-primaryColor img { border-radius: 16px; }

.bg-primaryColor div.background-image-div-opacity { background-attachment: fixed; }

/* ---------------------------------------------------Boutons----------------------------------------------- */
.rounded-pill { color: white !important; }

.button-contact, .button_header, .button_homepageScreen, .button_homepageDoubleScreen, .reservation-button, .all-activities-button, .ctaLinks-button, .phone-number-button { font-family: 'Bebas Neue' !important; letter-spacing: 1px !important; }

/* ---------------------------------------------------Carrousel accueil--------------------------------------------- */
#carouselWithFeatures div.col-lg-5.col-12.mx-auto { width: 80% !important; }

.carousel-caption { background: rgba(111, 111, 111, 0.33); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(111, 111, 111, 0.47); }

#carouselWithFeatures > div.container > div { margin-bottom: 15vh !important; }

.slider-with-features-carousel-button { display: none !important; }

.bd-placeholder-img { background-attachment: fixed; }

div.fixed-caption { padding: 60px !important; }

.carousel-caption h2 { color: #6abfac; text-shadow: 4px 4px 6px rgba(65, 65, 65, 0.6); }

/* ---------------------------------------------------Bloc picto--------------------------------------------- */
.svg-picto-card > svg { width: 50% !important; height: 50% !important; }

/* ---------------------------------------------------Bloc avis-------------------------------------------- */
.owl-carousel.owl-drag .owl-item { padding: 50px; }

/* ---------------------------------------------------Bloc Insta-------------------------------------------- */
.instagramMiroir-div .background-image-div-opacity { background-attachment: fixed; }

/* ---------------------------------------------------Bloc zones d'intervention-------------------------------------------- */
.card-group > .card { margin-top: 50px; }

body > main > div.wrapper > div > div.row.row-cols-1.row-cols-md-3.mb-5.text-center.px-lg-5.col-lg-12.mx-auto.my-4.justify-content-center.cardsLinks-div > div:nth-child(2) > div > div.card-content > div:nth-child(1) { margin: 10px; background-size: contain; height: 150px !important; }

body > main > div.wrapper > div > div.row.row-cols-1.row-cols-md-3.mb-5.text-center.px-lg-5.col-lg-12.mx-auto.my-4.justify-content-center.cardsLinks-div > div:nth-child(1) > div > div.card-content > div:nth-child(1) { margin: 10px; background-size: contain; height: 150px !important; }

/* ---------------------------------------------------MyGallery-------------------------------------------- */
@media (min-width: 1010px) { #myGallery img { height: 100%; } }

#myGallery { height: 300px !important; margin-bottom: 80px; }

#myGallery img { border-radius: 16px; }

.text-color-third { color: #075e7c !important; }

.cta_banner + .anchors + div > #myGallery { margin-top: 100px; }

/* ----------------------------Bouton seul---------------------*/
.divBtnRDV { text-align: center; margin: 90px 0; }

/* Style normal*/
.btnRDV { font-size: 24px; padding: 10px 20px; background: #075e7c; color: white; text-decoration: none; border-radius: 20px; font-family: 'Bebas Neue'; letter-spacing: 1px !important; }

/* Style HOVER*/
.btnRDV:hover { background: #6abfac; color: white; transition: all 0.4scubic-bezier 0.86, 0.01, 0.15, 0.99; }

/* ----------------------------Formulaire de contact---------------------*/
@media (min-width: 992px) { #contact .col-lg-6 { flex: 0 0 auto; width: 50% !important; } }

/* ----------------------------Bouton image en bas à droite--------------------*/
/* Style normal*/
.btnDevis { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 100px; }

/* Style HOVER*/
.btnDevis:hover { width: 115px; transition: all 0.5s ease-out; }

/* ----------------------------Bloc SEO--------------------*/
body > main > div.wrapper > div > div:nth-child(19) > div.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-bottom: 100px !important; }

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