@charset "UTF-8";
@import url(main.css);
img.fondDegradeLogo { height: 30vh; margin-bottom: 2rem; }

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

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

.logo_nav { height: 9vh !important; }

.navbar .container-fluid { padding: 0 3rem 0 4rem; }

.navbar { border-bottom: 1px solid #100D0C; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 0.75rem 1rem !important; border-radius: 1rem !important; color: #100D0C !important; font-weight: 500 !important; }

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

a#phone-analytics-tag-video-bloc { font-weight: 500; border-radius: 1rem; transition: all 0.3s ease; }

.prestations { background-color: #262524; }

.prestations-container { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; max-width: 1400px; margin: auto; padding: 6rem 0; }

.presta-cards { display: flex; justify-content: center; align-items: stretch; gap: 3rem; }

.presta-card { overflow: hidden; border-radius: 1rem; width: 30%; display: flex; flex-direction: column; justify-content: start; gap: 1rem; background-color: #100D0C; color: #FFF; text-decoration: none; border: 1px solid #FFF; transition: all 0.3s ease; position: relative; cursor: pointer; }

.presta-card:hover { background-color: #FFF; border: 1px solid #F0C033; transform: scale(1.02); }

.presta-card:hover h3 span { color: #F0C033 !important; }

.presta-card:hover p span { color: #100D0C !important; }

.presta-card:hover .presta-img-overlay { opacity: 1; }

.presta-img-container { height: 300px; width: 100%; }

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

.presta-content { padding: 2rem; display: flex; flex-direction: column; align-items: center; }

.presta-img-overlay { width: 100%; height: 300px; background: rgba(240, 192, 51, 0.5); opacity: 0; position: absolute; top: 0; transition: all 0.3s ease; }

@media (max-width: 768px) { .prestations-container { padding: 3rem 0; } .presta-cards { flex-direction: column; align-items: center; gap: 2rem; width: 100%; } .presta-card { width: 90%; } .presta-img-container, .presta-img-overlay { height: 220px; } }

.fd-social { text-align: center; padding: 4rem 2rem; font-family: 'Montserrat', serif; }

.fd-social-line { height: 2px; background-color: #F0C033; width: 20%; margin: auto; margin-bottom: 2rem; margin-top: 1rem; }

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

.fd-social-subtitle { display: block; color: #F0C033; text-transform: uppercase; font-size: 1.7rem; font-weight: 500; }

.fd-social-header h2 { font-family: 'Forum', serif; font-size: 3rem; color: #fff; display: flex; flex-direction: column; align-items: center; }

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

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

.social-img-container { width: 100px; height: 100px; margin-bottom: 12px; transition: all 0.4s ease; display: flex; align-items: center; justify-content: center; }

.social-img-container img { width: auto; height: 100%; }

.fd-social-item span { color: #F0C033; font-size: 1rem; font-weight: 500; }

.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%; } }

#real { background: transparent; }

.redirectsCards-div .background-image-div-opacity { background-attachment: scroll; }

.row.mb-3.text-center.px-lg-2.justify-content-center.redirectsCards-div { max-width: 1400px; margin: auto; }

.row.mb-3.text-center.px-lg-2.justify-content-center.redirectsCards-div { margin: 0 auto 3rem !important; }

.redirectsCards-div .card { border-radius: 1rem !important; overflow: hidden; margin: 0 0.25rem; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border-radius: 1rem; transition: all 0.3s ease; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 p { margin-bottom: 0 !important; }

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

.maps-section { max-width: 1400px; margin: 3rem auto 6rem; }

.maps-section p { font-size: 1.05rem; line-height: 150%; }

.maps-section .mb-4.text-center.display-6.titles { text-align: left !important; padding-left: 2rem; }

.item-content.mx-5 { color: #fff; }

.maps-section i, .maps-section span.fs-4.titles { color: #F0C033; }

.map-content iframe { border-radius: 1rem; }

#cta a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { background: #FFF; }

#cta a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { background: #D8A948; }

#cta .background-image-div-opacity { background-attachment: scroll !important; }

.row.flex-lg-row.align-items-center.g-5.py-2.px-4.mt-2.position-relative.z-1 { margin-top: 0 !important; }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { background-size: 110% auto !important; }

.first-activity-div.rounded-3, .second-activity-div.rounded-3, .third-activity-div.rounded-3 { border-radius: 1rem !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 { max-width: 1400px !important; }

.spacer { display: none; }

div#hero { min-height: 40vh; align-items: end !important; }

#hero .background-image-div-opacity { background-attachment: scroll !important; }

.row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { margin-top: 0 !important; }

.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { max-width: 1400px !important; }

section.team-members-section.position-relative.py-5.bg-primaryColor.text-color-primary { padding: 6rem 0 !important; }

img.team-member-avatar.team-image.rounded-circle.img-fluid.mx-auto { border-radius: 1rem !important; background: #FFF; padding: 1rem; object-fit: contain; }

.container.position-relative.z-1 { max-width: 1400px !important; }

.row.justify-content-center.px-3 { margin-bottom: 2rem; }

div#contact { padding-top: 10vh !important; }

form#formContact { border-radius: 1rem !important; }

.col-lg-6.text-center.text-color-sixth { text-align: left !important; padding-left: 8rem; }

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

.mx-1.mx-lg-4.mb-5 { max-width: 1400px !important; margin: 2rem auto 4rem !important; }

.image-before-after-container { border-radius: 1rem !important; }

.slider-before-after-images { background: #100D0C; color: #F0C033; border-color: #100d0C; }

.slider-before-after-images::before, .slider-before-after-images::after { background: #100D0C; }

.slider-before-after-images:hover { background: #F0C033; color: #100D0C; border-color: #F0C033; }

.slider-before-after-images:hover::before, .slider-before-after-images:hover::after { background: #F0C033; }

.photoTitleText.text-color-sixth { background: #100D0C !important; }

#real .row.row-cols-1.row-cols-md-3.my-2.gap-4.gap-lg-0.justify-content-center { max-width: 1400px !important; margin: 0 auto 3rem !important; }

.realisations-section { padding: 60px 20px; }

.overlay { max-width: 1400px; margin: 0 auto; padding: 40px 20px; }

.realisations-main-title { text-align: center; font-size: 2.8rem; color: #fff; font-weight: 600; margin-bottom: 1rem; font-family: 'Forum', serif; }

.realisations-main-title span { color: #F0C033; }

.realisations-section p { margin-bottom: 2rem; }

.realisations-section .filter-btn p { margin-bottom: 0 !important; }

.filter-tabs { display: flex; justify-content: center; gap: 12px; margin-bottom: 32px; flex-wrap: wrap; }

.filter-btn { background: transparent; border: 1px solid #F0C033; color: #F0C033; font-size: 1.1rem; padding: 12px 24px; border-radius: 1rem; cursor: pointer; font-weight: 600; box-shadow: none; display: flex; align-items: center; justify-content: center; min-height: 52px; line-height: 1.2; transition: background 0.2s; text-align: center; }

.filter-btn:hover { background: #fff; }

.filter-btn:hover span { color: #100D0C; }

.filter-btn.active { background: #F0C033; }

.filter-btn.active span { color: #100D0C !important; }

.realisations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }

.realisation-card { border-radius: 1rem; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s; }

.realisation-card:hover { transform: translateY(-4px); }

.realisation-card img { width: 100%; height: 320px; object-fit: cover; display: block; cursor: pointer; }

.realisation-card.hidden { display: none; }

/* Modal pour l’image agrandie */
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; }

.modal-content { max-width: 500px; max-height: 70vh; width: auto; height: auto; border-radius: 1rem !important; background: #fff; }

.modal-close { position: absolute; top: 24px; right: 32px; color: #fff; font-size: 36px; font-weight: bold; cursor: pointer; z-index: 1100; transition: all 0.3s ease; }

.modal-close:hover { color: #F0C033; }

@media (max-width: 900px) { .filter-tabs { gap: 8px; font-size: 0.9rem; } .filter-btn { padding: 10px 20px; font-size: 1rem; min-height: 48px; } .realisations-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; } .realisation-card img { height: 240px; } .modal-content { max-width: 90%; max-height: 90%; } }

/*------------------------------------------Bouton Fixe en bas à droite------------------------------*/
.btnFixe { position: fixed; bottom: 20px; right: 20px; z-index: 99; width: 100px; transition: width 0.5s ease; }

.btnFixe:hover { width: 115px; transition: width 0.5s ease; }

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