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

.logo_nav { height: 10vh !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { clip-path: url(#brushStroke); padding: 0.75rem 2rem !important; color: #FEFDFB !important; text-transform: uppercase; }

a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #8a8e75 !important; font-style: italic; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { color: #2D2F22 !important; }

nav { box-shadow: 0 2px 8px 0 rgba(45, 47, 34, 0.2); }

.animated-border-button:after { background-color: #68604D; }

p { font-size: 1rem !important; }

.spacer { display: none; }

div#fullHeight.carousel-homepage { height: 70vh !important; }

.sliderLogoContainer.mx-auto { width: 20vw !important; }

lottie-player.lottie-scroll { display: none; }

/*********** SÉPARATEUR ***********/
.sep { width: 100%; height: 6rem; }

/*********** BLOC ACCUEIL ***********/
.video-background-content .d-flex.flex-column.h-100.text-center.align-items-center.justify-content-center { justify-content: end !important; padding-bottom: 8rem; }

.video-background-overlay { display: none; }

.container.my-5.col-lg-11.photoText-div { max-width: 100%; width: 100% !important; margin: 0 !important; }

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

a.button_homepageScreen { clip-path: url(#brushStroke); transition: all 0.3s ease; padding: 0.75rem 2rem; color: #FEFDFB !important; }

a.button_homepageScreen:hover { color: #2D2F22 !important; }

/*********** BLOC À PROPOS ***********/
.row.p-4.pb-0.pe-lg-0.pt-lg-5.pb-lg-5.rounded-3.shadow-lg.justify-content-center.position-relative.bg-primaryColor.text-color-primary { align-items: center; box-shadow: none !important; }

svg.brush-stroke-clip { position: absolute; top: -100px; right: -100px; width: 0; height: 0; }

.col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { display: flex; justify-content: center !important; }

#a-propos img.rounded-lg-3 { width: 70%; }

@media screen and (max-width: 992px) { #a-propos img.rounded-lg-3 { width: 100%; } }

/*********** BLOC PRESTATIONS ***********/
.prestations-section { padding: 80px 20px; position: relative; text-align: center; }

.prestations-section .overlay { padding: 40px 20px; }

.prestations-section .prestations-title { margin-bottom: 100px; font-family: 'Poppins'; font-weight: 300; color: #8A8E75; font-size: 2.5rem; }

.prestations-section .presta-row { display: flex; align-items: center; justify-content: center; gap: 3rem; width: 100%; }

.prestations-section .prestations-cards { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; gap: 3rem; }

.prestations-section .card { background-color: rgba(13, 13, 13, 0.3); background-blend-mode: overlay; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 4rem; height: 20rem; width: calc(33% - 6rem); position: relative; clip-path: url(#brushStroke); display: flex; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; transition: all 0.8s ease; }

.prestations-cards .presta-hover { position: absolute; top: 50%; left: -40px; border-radius: 50%; background-color: #BEC5A4; filter: blur(2px); width: 3rem; height: 3rem; transition: all 0.8s ease; }

.prestations-cards .card:hover { transform: scale(1.025); }

.prestations-cards .card:hover .presta-hover { transform: scale(25) translate(45%); }

.prestations-cards .card:hover .prestations-cards .card-content h3 span { color: #2D2F22 !important; }

.prestations-cards .card:hover .prestations-cards .card-content p span { color: #2D2F22 !important; }

.prestations-cards .card-content { width: 70%; z-index: 2; }

.prestations-cards .card-content h3 { font-size: 3rem; line-height: 60%; }

@media (max-width: 992px) { .prestations-section { padding: 3rem 2rem; } .prestations-section .card { width: 100%; height: 70vh; } .prestations-section .prestations-cards { width: 100%; gap: 2rem; } .prestations-section .presta-row { gap: 2rem; flex-direction: column; } .prestations-section .prestations-title { margin-bottom: 40px; } }

/*********** BLOC POURQUOI ***********/
#pourquoi.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { width: 100%; padding: 2rem 0 5rem 0 !important; clip-path: url(#brushStroke3); }

#pourquoi img.d-block.mx-lg-auto.img-fluid { width: 80%; }

/*********** BLOC GALERIE DÉFILANTE ***********/
.photos-defil-image-slider { margin: 3rem auto; width: 100%; overflow: hidden; display: flex; }

.photos-defil-image-slider > * { flex: 0 0 100%; }

.photos-defil { height: 20rem; width: 20rem; display: flex; justify-content: center; align-items: center; padding: 1rem; border: 1px solid #BEC5A4; }

.photos-defil img { height: 100%; width: 100%; object-fit: cover; }

.photos-defil-group { display: flex; justify-content: space-around; gap: 1rem; padding-right: 20px; will-change: transform; animation: scrolling 60s linear infinite; }

/* Animation infinie */
@keyframes scrolling { 0% { transform: translateX(0); }
  100% { transform: translateX(-100%); } }

/*********** BLOC CTA ***********/
.d-flex.align-items-center.justify-content-center.px-4.py-5.text-center.cta_banner.bg-sixthColor.position-relative { clip-path: url(#brushStroke2); width: 95%; margin: auto; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { transition: all 0.3s ease; clip-path: url(#brushStroke); padding: 0.75rem 2rem !important; font-weight: 400 !important; }

/*********** BLOC RÉSEAUX SOCIAUX ***********/
.fd-social { text-align: center; padding: 2rem; font-family: 'Poppins', serif; }

.fd-social-line { height: 2px; background-color: #2D2F22; width: 40%; margin: auto; margin-bottom: 2rem; }

.fd-social-header { margin-bottom: 60px; }

.fd-social-subtitle { display: block; font-family: 'Poppins'; color: #68604D; text-transform: uppercase; font-size: 1.7rem; }

.fd-social-header h2 { font-family: 'Lutin_Paniquangoisse', serif; font-size: 3.5rem; color: #8A8E75; }

.fd-social-header p { font-size: 1.1rem; color: #2D2F22; line-height: 1.5; max-width: 700px; margin: 0 auto; }

/* --- Icônes réseaux --- */
.fd-social-links { display: flex; justify-content: center; align-items: center; gap: 80px; flex-wrap: wrap; }

.fd-social-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.3s ease; }

.fd-social-item img { width: 70px; height: 70px; margin-bottom: 12px; transition: all 0.4s ease; }

.fd-social-item span { font-family: 'Poppins', sans-serif; color: #8A8E75; font-size: 1rem; font-weight: 600; }

/* --- Effet au survol --- */
.fd-social-item:hover { transform: translateY(-6px); }

@media (max-width: 768px) { .fd-social { padding: 80px 25px; } .fd-social-header h2 { font-size: 2rem; } .fd-social-links { gap: 50px; } .fd-social-item img { width: 60px; height: 60px; } .fd-social-line { width: 80%; } }

/*********** BLOC SEO ***********/
.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin: 0 !important; background-color: #F1EAD8; clip-path: none !important; box-shadow: none !important; width: 100% !important; }

.first-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 40%; height: 20rem; padding: 1rem; border: 1px solid #2D2F22; margin: auto !important; border-radius: 0 !important; }

.first-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { box-shadow: none !important; border-radius: 0 !important; }

.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative { margin: 0 !important; background-color: #F1EAD8; clip-path: none !important; box-shadow: none !important; width: 100% !important; }

.second-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 40%; height: 20rem; padding: 1rem; border: 1px solid #2D2F22; margin: auto !important; border-radius: 0 !important; }

.second-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { box-shadow: none !important; border-radius: 0 !important; }

.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: 0 !important; background-color: #F1EAD8; clip-path: none !important; box-shadow: none !important; width: 100% !important; }

.third-activity-div .col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { width: 40%; height: 20rem; padding: 1rem; border: 1px solid #2D2F22; margin: auto !important; border-radius: 0 !important; }

.third-activity-div .card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { box-shadow: none !important; border-radius: 0 !important; }

/*********** BLOC PRESENTATION ***********/
.presentation { padding: 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3rem; text-align: center; }

.presentation-cards { width: 100%; display: flex; justify-content: center; gap: 3rem; align-items: center; }

.presentation-card { display: flex; flex-direction: column; justify-content: center; gap: 1rem; align-items: center; width: 20vw; }

.pres-img { width: 20vw; height: 15rem; clip-path: url(#brushStroke); object-fit: cover; }

@media screen and (max-width: 992px) { .presentation { padding: 4rem; } .presentation-cards { flex-direction: column; justify-content: center; gap: 2rem; } .presentation-card { width: 100%; } .pres-img { width: 100%; height: 50vh; } }

/*********** BLOC INTRO PEINTURE ***********/
#intro-peinture.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { margin: 0 !important; width: 100%; box-shadow: none !important; }

#intro-peinture img.d-block.mx-lg-auto.img-fluid { width: 70%; }

#intro-papier.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { margin: 0 !important; width: 100%; box-shadow: none !important; }

#intro-papier img.d-block.mx-lg-auto.img-fluid { width: 70%; }

#cta-papier, #cta-meubles { margin-top: 3rem !important; }

#relooking img.rounded-lg-3 { width: 60%; }

/*********** BLOC AVANT APRÈS ***********/
.image-before-after-container { width: 100%; height: 20vw; }

.col.before-after-images-column.my-0.my-lg-2 { justify-content: center; display: flex; width: 25%; }

div#before-after-images-slider-1 { background-color: #BEC5A4; border: #BEC5A4; }

div#before-after-images-slider-2 { background-color: #BEC5A4; border: #BEC5A4; }

div#before-after-images-slider-3 { background-color: #BEC5A4; border: #BEC5A4; }

div#before-after-images-slider-4 { background-color: #BEC5A4; border: #BEC5A4; }

.slider-before-after-images:before { background-color: #BEC5A4 !important; }

.slider-before-after-images:after { background-color: #BEC5A4 !important; }

.slider-before-after-images i { color: #FEFDFB !important; }

div#comparaison { margin-top: 3rem; }

/*********** BLOC CONTACT ***********/
div#contact { background-color: #f1ead8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23d5c7ad' fill-opacity='0.4'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); padding-top: 11vh !important; }

#contact .text-center { text-align: left !important; }

#contact .col-lg-6.text-center.text-color-sixth { padding-left: 6rem; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding-left: 2rem; } }

#contact p { line-height: 150%; }

.first-activity-div .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding-left: 6rem; }

.second-activity-div .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding-right: 6rem; }

.third-activity-div .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding-left: 6rem; }

@media screen and (max-width: 992px) { .first-activity-div .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding-left: 2rem; } .second-activity-div .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding-left: 2rem; } .third-activity-div .col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { padding-left: 2rem; } }

.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative { background-color: #D5C7AD !important; }

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