@charset "UTF-8";
@import url(main.css);
.navbar-brand { width: unset !important; }

nav .dropdown { display: none !important; }

/*  -----------------------------------------------------------------------------Bloc SEO-----*/
div.first-activity-div { margin-top: 100px !important; }

/* -----------------------------------------------------------------------------Modifs globales*/
#navigation-bar-hide { opacity: 1 !important; top: 0 !important; backdrop-filter: blur(10px); }

.cta_banner { min-height: 0 !important; }

.spacer { display: none; }

.animated-border-button { background-color: transparent !important; }

/*  -----------------------------------------------------------------------------Bloc services sur l'accueil-----*/
.card-body { border-radius: 0 0 50px 0 !important; }

div.card-header { color: white !important; border-radius: 50px 0 0 0 !important; }

div.servicesGallery-card { border-radius: 50px 0 !important; margin-bottom: 100px !important; }

/*  -----------------------------------------------------------------------------Responsive taille du logo sur bannière haute*/
@media screen and (min-width: 1301px) { .fondDegradeLogo { width: 200px; } }

@media screen and (max-width: 1299px) and (min-width: 768px) { .fondDegradeLogo { width: 100px; } }

@media screen and (max-width: 767px) { .fondDegradeLogo { width: 80px; } }

/*  -----------------------------------------------------------------------------Bloc Pictos---------------*/
.picto_card div.col { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important; border-radius: 50px 0 !important; margin: 50px !important; }

.picto_card div.text-center { text-align: left !important; }

@media (min-width: 1200px) { .picto_card .fs-4 { font-size: 1.3rem !important; } }

div.picto_card h3 { text-align: center !important; }

.picto_card { margin-top: 100px !important; margin-bottom: 100px !important; }

/*  -----------------------------------------------------------------------------Titres sur la bannière*/
.carousel-homepage h1::after { content: ""; display: block; width: 200px; height: 50px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fseparation_blanche_1yfk.webp"); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 10px auto 0; }

.carousel-homepage .titleText { width: 80% !important; margin-right: auto !important; margin-left: auto !important; }

.bloc-slider-homepage h2 { font-size: 1.5rem !important; }

/*  -----------------------------------------------------------------------------Boutons*/
a.button_homepageScreen { border-radius: 0 20px !important; color: white !important; border: solid 0.5px white; transition: background-color 0.5s ease; }

a.button-header-telephone { border-radius: 0 20px !important; color: white !important; }

a.button_homepageDoubleScreen { font-weight: normal !important; color: white !important; border-radius: 0 20px !important; }

/*  -----------------------------------------------------------------------------Boutons "Commençons votre projet"*/
/* Style normal*/
.btnDevis { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 100px; transition: width 0.5s ease; }

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

/*  -----------------------------------------------------------------------------Boutons réseaux-sociaux*/
.btnFB { border: solid 0.5px white; position: fixed; top: 80px; right: 0; padding: 10px 5px 10px 10px; background: #3FAF85; color: white; text-decoration: none; border-radius: 0 0 0 20px; z-index: 10; transition: background-color 0.5s ease; }

.btnFB:hover, .btnInsta:hover { background: #3EB253; color: white; }

.btnInsta { border: solid 0.5px white; position: fixed; top: 140px; right: 0; padding: 10px 5px 10px 10px; background: #3FAF85; color: white; text-decoration: none; border-radius: 20px 0 0 0; transition: background-color 0.5s ease; z-index: 10; }

/*  -----------------------------------------------------------------------------Mise en forme bloc Image + Texte*/
div.text-color-primary.rounded-3.shadow-lg { border-radius: 0 50px !important; }

div.text-color-primary.rounded-3.shadow-lg .background-image-div-opacity { background-attachment: fixed; border-radius: 0 50px !important; }

/*  -----------------------------------------------------------------------------Arrières plans des blocs Image + Texte selon les ancres*/
div#blanc { box-shadow: none !important; }

#spa .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fspa_y8l3.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#cours .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fcours_s9ja.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#terrasse .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fterrasse_12b3.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#cloture .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fcloture_gnh2.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#cabanon .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fpergola_nlh8.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#bassin .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fbassin_nhvd.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#presentation .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fpresentation_entreprise_84zq.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

#environnement .background-image-div-opacity { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fbassin_nhvd.webp) !important; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0.5; }

/*  -----------------------------------------------------------------------------Pages secondaires : réglage de la bannière*/
#divider { height: 0 !important; }

#divider + style + #fullHeight { height: 70vh !important; }

/*  -----------------------------------------------------------------------------Page prestations : Block Patchwork*/
.redirects-title-background { background-color: #29AADBCC; border-radius: 0 20px !important; border: solid 0.5px white; transition: background-color 0.5s ease; padding: 0 10px; }

.redirects-title-background:hover { background-color: #3EB253CC; cursor: pointer; }

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

.redirects-title-background .obftrucs:hover { text-decoration: none !important; }

.redirectsCards-div div.card-body { border-radius: 0 !important; }

/*  -----------------------------------------------------------------------------Bloc avis*/
#google-reviews-widget div.owl-stage-outer { overflow: visible !important; }

div.googleReviews-div { margin-bottom: 100px !important; }

/*  -----------------------------------------------------------------------------Bloc Insta et Facebook */
div.socialsMiroir-div { padding: 100px 0 !important; }

.socialsMiroir-div .text-color-sixth { font-size: 1.4em !important; }

.socialsMiroir-div .titles::before { content: "\f27a"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-size: 50px; color: white; margin-bottom: 20px; }

.instagramMiroir-div .text-color-sixth { font-size: 1.4em !important; }

.instagramMiroir-div .background-image-div-opacity { background-attachment: fixed; background-size: cover; background-position: center; }

.instagramMiroir-div .content-container .titles::before { content: "\f086"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-size: 50px; color: #3FAF85; margin-bottom: 20px; }

/*  -----------------------------------------------------------------------------Formulaire concepteur 3D*/
#formulaire .titles { font-size: 1.4em; line-height: 1.4 !important; }

#formulaire .titles::before { content: "\f0e5"; /* Unicode pour l'icône 'comment-alt' */ font-family: "Font Awesome 5 Free"; /* Font Awesome */ font-weight: 900; /* Icône solide */ display: block; font-size: 50px; /* Taille de l'icône */ color: #FFFFFF; /* Couleur de l'icône (blanc) */ margin-bottom: 20px; /* Espacement sous l'icône */ }

/*  -----------------------------------------------------------------------------Petit bandeau de transition*/
#transition .content::before, #transition .content::after { content: ""; display: block; width: 200px; height: 50px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FEIEELuUit8gP5mcH8PyYeA8ZCGA2%2Fimages%2Fseparation_blanche_1yfk.webp"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: auto; margin-left: auto; }

#transition .content::before { margin-bottom: 20px; }

#transition .content::after { margin-top: 20px; }

/*  -----------------------------------------------------------------------------Page contact*/
#contact .titles { font-size: 1.4em; line-height: 1.4 !important; }

/*  -----------------------------------------------------------------------------Bloc carrousel*/
.owl-carousel .owl-item img { max-height: 200px; max-width: 200px; object-fit: contain !important; }

.carousel-partenaires { margin-bottom: 100px !important; }

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