@import url(main.css);
/*----------------------------BARRE DE NAV---------------------------------*/
a.nav-link.dropdown-toggle.text-color-secondary { color: #fff !important; }

#navigation-bar-show { padding: 0; background: rgba(10, 10, 10, 0.94) !important; border-bottom: 1px solid rgba(216, 193, 141, 0.14); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: background-color .3s ease,box-shadow .3s ease,border-color .3s ease; }

#navigation-bar-show .container-fluid { max-width: 1500px; margin: 0 auto; padding: 12px 32px; background: transparent !important; }

#navigation-bar-show .navbar-brand { display: flex; align-items: center; margin: 0; padding: 0; background: transparent !important; }

#navigation-bar-show .navbar-brand img, #navigation-bar-show .logo_nav { display: block; width: auto; height: 58px; max-width: 210px; object-fit: contain; transition: opacity .3s ease; }

#navigation-bar-show .navbar-collapse, #navigation-bar-show .navbar-nav, #navigation-bar-show .navbar-nav li, #navigation-bar-show .animated-border-button { background: transparent !important; }

#navigation-bar-show .navbar-nav { gap: 4px; }

#navigation-bar-show .navbar-nav li { padding: 0 14px !important; }

#navigation-bar-show .animated-border-button { position: relative; padding: 10px 0; color: #fff !important; cursor: pointer; letter-spacing: .3px; white-space: nowrap; transition: color .3s ease; }

#navigation-bar-show .animated-border-button::after { content: ""; position: absolute; left: 50%; bottom: 3px; width: 0; height: 1px; background: #d8c18d; transform: translateX(-50%); transition: width .3s ease; }

#navigation-bar-show .button-header-telephone { min-height: 46px; margin: 0 !important; padding: 10px 20px !important; display: inline-flex; align-items: center; justify-content: center; gap: 9px; background: #d8c18d !important; border: 1px solid #d8c18d; border-radius: 0 !important; color: #0d0d0d !important; font-weight: 600; white-space: nowrap; text-align: center; transition: background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }

#navigation-bar-show .button-header-telephone i { color: inherit; }

#navigation-bar-show .navbar-toggler { margin: 0; padding: 8px 10px; background: #d8c18d !important; border: 1px solid #d8c18d; border-radius: 0; box-shadow: none !important; }

#navigation-bar-show .navbar-toggler:focus { box-shadow: none !important; }

@media (hover: hover) { #navigation-bar-show .animated-border-button:hover { color: #d8c18d !important; } #navigation-bar-show .animated-border-button:hover::after { width: 100%; } #navigation-bar-show .button-header-telephone:hover { background: transparent !important; border-color: #d8c18d; color: #d8c18d !important; transform: translateY(-2px); } #navigation-bar-show .navbar-brand:hover img { opacity: .82; } }

@media (max-width: 1199px) { #navigation-bar-show .container-fluid { padding: 11px 22px; } #navigation-bar-show .navbar-brand img, #navigation-bar-show .logo_nav { height: 52px; max-width: 185px; } #navigation-bar-show .navbar-nav li { padding: 0 9px !important; } }

@media (max-width: 991px) { #navigation-bar-show { background: #0d0d0d !important; } #navigation-bar-show .container-fluid { padding: 10px 20px; } #navigation-bar-show .navbar-brand img, #navigation-bar-show .logo_nav { height: 50px; max-width: 180px; } #navigation-bar-show .navbar-collapse { margin: 10px -20px -10px; padding: 18px 20px 22px; background: #0d0d0d !important; border-top: 1px solid rgba(216, 193, 141, 0.15); } #navigation-bar-show .navbar-nav { width: 100%; margin: 0 !important; background: transparent !important; gap: 0; } #navigation-bar-show .navbar-nav li { width: 100%; padding: 0 !important; background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } #navigation-bar-show .animated-border-button { width: 100%; padding: 14px 5px; background: transparent !important; color: #fff !important; } #navigation-bar-show .animated-border-button::after { display: none; } #navigation-bar-show .button-header-telephone { width: 100%; margin-top: 14px !important; } }

@media (max-width: 576px) { #navigation-bar-show .container-fluid { padding: 9px 16px; } #navigation-bar-show .navbar-brand img, #navigation-bar-show .logo_nav { height: 45px; max-width: 160px; } #navigation-bar-show .navbar-collapse { margin: 9px -16px -9px; padding: 14px 16px 20px; } }

/*------------------------------HERO----------------------------*/
.hero-eclat-bain { position: relative; min-height: 760px; display: flex; align-items: center; justify-content: center; padding: 100px 30px; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }

.hero-eclat-bain-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(5, 5, 5, 0.58) 0%, rgba(5, 5, 5, 0.72) 55%, rgba(5, 5, 5, 0.86) 100%); }

.hero-eclat-bain-content { position: relative; z-index: 2; width: 100%; max-width: 1050px; display: flex; flex-direction: column; align-items: center; text-align: center; }

.hero-eclat-bain-logo { width: 100%; max-width: 440px; margin-bottom: 38px; }

.hero-eclat-bain-logo img { display: block; width: 100%; height: auto; object-fit: contain; }

.hero-eclat-bain-title { max-width: 900px; color: #fff; line-height: 1.08; }

.hero-eclat-bain-title p { margin: 0; }

.hero-eclat-bain-description { max-width: 720px; margin-top: 22px; color: rgba(255, 255, 255, 0.82); line-height: 1.7; }

.hero-eclat-bain-description p { margin: 0; }

.hero-eclat-bain-actions { display: flex; justify-content: center; align-items: stretch; gap: 14px; margin-top: 38px; flex-wrap: wrap; }

.hero-eclat-bain-btn { min-height: 54px; min-width: 210px; padding: 14px 28px; margin: 0; display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-align: center; text-decoration: none; border: 1px solid transparent; transition: background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }

.hero-eclat-bain-btn p { margin: 0; padding: 0; text-align: center; }

.hero-eclat-bain-btn-primary { background: #d8c18d; border-color: #d8c18d; color: #0d0d0d; }

.hero-eclat-bain-btn-phone { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.6); color: #fff; backdrop-filter: blur(6px); }

@media (hover: hover) { .hero-eclat-bain-btn-primary:hover { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.6); color: #fff; backdrop-filter: blur(6px); transform: translateY(-2px); } .hero-eclat-bain-btn-phone:hover { background: #d8c18d; border-color: #d8c18d; color: #0d0d0d; transform: translateY(-2px); } }

@media (max-width: 991px) { .hero-eclat-bain { min-height: 680px; padding: 90px 30px; } .hero-eclat-bain-logo { max-width: 380px; margin-bottom: 32px; } }

@media (max-width: 650px) { .hero-eclat-bain { min-height: 650px; padding: 70px 20px; } .hero-eclat-bain-logo { max-width: 310px; margin-bottom: 28px; } .hero-eclat-bain-description { margin-top: 18px; line-height: 1.6; } .hero-eclat-bain-actions { width: 100%; margin-top: 30px; gap: 10px; } .hero-eclat-bain-btn { width: 100%; min-width: 0; padding: 14px 20px; } }

/*-------------------------------HERO SECONDAIRE------------------------------*/
.eclat-secondary-hero { position: relative; min-height: 440px; padding: 90px 30px; display: flex; align-items: center; justify-content: center; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }

.eclat-secondary-hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(5, 5, 5, 0.42) 0%, rgba(5, 5, 5, 0.58) 55%, rgba(0, 0, 0, 0.78) 100%); }

.eclat-secondary-hero-content { position: relative; z-index: 2; width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; }

.eclat-secondary-hero-title { color: #fff; line-height: 1.08; }

.eclat-secondary-hero-title p { margin: 0; }

@media (max-width: 991px) { .eclat-secondary-hero { min-height: 380px; padding: 80px 30px; } }

@media (max-width: 650px) { .eclat-secondary-hero { min-height: 320px; padding: 65px 20px; } }

/*-------------------------------QSN----------------------------*/
.eclat-presentation { position: relative; padding: 110px 30px; background: linear-gradient(135deg, #0b0b0b 0%, #111 55%, #0b0b0b 100%); overflow: hidden; }

.eclat-presentation::before { content: ""; position: absolute; width: 420px; height: 420px; right: -180px; top: -200px; border: 1px solid rgba(216, 193, 141, 0.18); border-radius: 50%; pointer-events: none; }

.eclat-presentation-inner { position: relative; z-index: 2; width: 100%; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 90px; }

.eclat-presentation-visual { position: relative; width: 100%; }

.eclat-presentation-carousel { position: relative; width: 100%; height: 600px; overflow: hidden; background: #151515; }

.eclat-presentation-carousel::before { content: ""; position: absolute; inset: 18px; z-index: 5; border: 1px solid rgba(255, 255, 255, 0.22); pointer-events: none; }

.eclat-presentation-carousel::after { content: ""; position: absolute; inset: 0; z-index: 4; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%); pointer-events: none; }

.eclat-presentation-slide { position: absolute; inset: 0; opacity: 0; animation: eclatPresentationFade 15s infinite; }

.eclat-presentation-slide img { display: block; width: 100%; height: 100%; object-fit: cover; animation: eclatPresentationZoom 15s infinite; }

.eclat-presentation-slide-1 { animation-delay: 0s; }

.eclat-presentation-slide-2 { animation-delay: 5s; }

.eclat-presentation-slide-3 { animation-delay: 10s; }

.eclat-presentation-slide-2 img { animation-delay: 5s; }

.eclat-presentation-slide-3 img { animation-delay: 10s; }

.eclat-presentation-index { position: absolute; z-index: 6; left: 42px; right: 42px; bottom: 35px; display: flex; gap: 8px; }

.eclat-presentation-index span { display: block; height: 2px; flex: 1; background: rgba(255, 255, 255, 0.35); }

.eclat-presentation-content { display: flex; flex-direction: column; align-items: flex-start; }

.eclat-presentation-small { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; color: #d8c18d; text-transform: uppercase; letter-spacing: 2px; }

.eclat-presentation-small p { margin: 0; }

.eclat-presentation-small span { width: 42px; height: 1px; flex-shrink: 0; background: #d8c18d; }

.eclat-presentation-title { max-width: 520px; color: #fff; line-height: 1.08; }

.eclat-presentation-title p { margin: 0; }

.eclat-presentation-description { position: relative; max-width: 540px; margin-top: 30px; padding-left: 28px; color: rgba(255, 255, 255, 0.7); line-height: 1.8; }

.eclat-presentation-description::before { content: ""; position: absolute; top: 5px; bottom: 5px; left: 0; width: 1px; background: #d8c18d; }

.eclat-presentation-description p { margin: 0; }

.eclat-presentation-btn { min-height: 54px; margin: 38px 0 0; padding: 14px 27px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; background: #d8c18d; border: 1px solid #d8c18d; color: #0d0d0d; text-decoration: none; text-align: center; transition: background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }

.eclat-presentation-btn p { margin: 0; padding: 0; text-align: center; }

.eclat-presentation-btn i { transition: transform .3s ease; }

@media (hover: hover) { .eclat-presentation-btn:hover { background: transparent; border-color: rgba(255, 255, 255, 0.6); color: #fff; transform: translateY(-2px); } .eclat-presentation-btn:hover i { transform: translate(3px, -3px); } }

@keyframes eclatPresentationFade { 0% { opacity: 0; }
  6% { opacity: 1; }
  30% { opacity: 1; }
  36% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes eclatPresentationZoom { 0% { transform: scale(1); }
  36% { transform: scale(1.06); }
  100% { transform: scale(1.06); } }

@media (max-width: 991px) { .eclat-presentation { padding: 85px 30px; } .eclat-presentation-inner { grid-template-columns: 1fr; gap: 55px; } .eclat-presentation-carousel { height: 520px; } .eclat-presentation-content { max-width: 700px; } }

@media (max-width: 650px) { .eclat-presentation { padding: 65px 20px; } .eclat-presentation-inner { gap: 40px; } .eclat-presentation-carousel { height: 430px; } .eclat-presentation-carousel::before { inset: 12px; } .eclat-presentation-index { left: 28px; right: 28px; bottom: 26px; } .eclat-presentation-small { margin-bottom: 18px; } .eclat-presentation-description { margin-top: 24px; padding-left: 20px; } .eclat-presentation-btn { width: 100%; margin-top: 30px; } }

@media (prefers-reduced-motion: reduce) { .eclat-presentation-slide, .eclat-presentation-slide img { animation: none; } .eclat-presentation-slide-1 { opacity: 1; } }

/*-----------------------------------BLOC ENG----------------------------------*/
.eclat-engagements { position: relative; padding: 120px 30px; background: #f7f4ee; overflow: hidden; }

.eclat-engagements::before { content: ""; position: absolute; width: 520px; height: 520px; left: -300px; bottom: -320px; border: 1px solid rgba(216, 193, 141, 0.25); border-radius: 50%; pointer-events: none; }

.eclat-engagements::after { content: ""; position: absolute; width: 1px; height: 220px; top: 0; left: 8%; background: linear-gradient(180deg, rgba(216, 193, 141, 0.6), transparent); pointer-events: none; }

.eclat-engagements-inner { position: relative; z-index: 2; width: 100%; max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 100px; }

.eclat-engagements-content { width: 100%; }

.eclat-engagements-small { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; color: #9b814b; text-transform: uppercase; letter-spacing: 2px; }

.eclat-engagements-small p { margin: 0; }

.eclat-engagements-small span { display: block; width: 42px; height: 1px; background: #d8c18d; flex-shrink: 0; }

.eclat-engagements-title { max-width: 620px; color: #0d0d0d; line-height: 1.08; }

.eclat-engagements-title p { margin: 0; }

.eclat-engagements-intro { max-width: 590px; margin-top: 28px; color: #645f57; line-height: 1.8; }

.eclat-engagements-intro p { margin: 0; }

.eclat-engagements-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 38px; margin-top: 52px; border-top: 1px solid rgba(13, 13, 13, 0.1); }

.eclat-engagement { display: grid; grid-template-columns: 54px 1fr; gap: 18px; padding: 30px 0; border-bottom: 1px solid rgba(13, 13, 13, 0.1); }

.eclat-engagement-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: rgba(216, 193, 141, 0.1); border: 1px solid rgba(216, 193, 141, 0.65); color: #9b814b; }

.eclat-engagement-icon i { line-height: 1; }

.eclat-engagement-text { padding-top: 2px; }

.eclat-engagement-title { color: #0d0d0d; font-weight: 600; line-height: 1.35; }

.eclat-engagement-title p { margin: 0; }

.eclat-engagement-description { margin-top: 9px; color: #69645c; line-height: 1.65; }

.eclat-engagement-description p { margin: 0; }

.eclat-engagements-visual { position: relative; width: 100%; padding: 24px 24px 58px 0; }

.eclat-engagements-visual::before { content: ""; position: absolute; top: 0; right: 0; width: 78%; height: 78%; border: 1px solid rgba(216, 193, 141, 0.5); pointer-events: none; }

.eclat-engagements-image { position: relative; z-index: 2; width: 100%; height: 680px; overflow: hidden; box-shadow: 0 30px 60px rgba(13, 13, 13, 0.12); }

.eclat-engagements-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.3) 100%); pointer-events: none; }

.eclat-engagements-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.eclat-engagements-line { position: absolute; z-index: 3; right: 0; bottom: 82px; width: 140px; height: 1px; background: #d8c18d; }

.eclat-engagements-number { position: absolute; z-index: 3; right: 0; bottom: 35px; display: flex; align-items: center; gap: 12px; color: #777168; text-transform: uppercase; letter-spacing: 2px; }

.eclat-engagements-number span { color: #9b814b; font-weight: 600; }

@media (max-width: 1100px) { .eclat-engagements-inner { gap: 65px; } .eclat-engagements-image { height: 620px; } .eclat-engagements-grid { grid-template-columns: 1fr; } }

@media (max-width: 991px) { .eclat-engagements { padding: 90px 30px; } .eclat-engagements-inner { grid-template-columns: 1fr; gap: 65px; } .eclat-engagements-content { max-width: 760px; } .eclat-engagements-grid { grid-template-columns: repeat(2, 1fr); } .eclat-engagements-visual { max-width: 720px; margin: 0 auto; } .eclat-engagements-image { height: 620px; } }

@media (max-width: 650px) { .eclat-engagements { padding: 70px 20px; } .eclat-engagements-inner { gap: 50px; } .eclat-engagements-small { margin-bottom: 18px; } .eclat-engagements-intro { margin-top: 22px; } .eclat-engagements-grid { grid-template-columns: 1fr; margin-top: 38px; } .eclat-engagement { grid-template-columns: 48px 1fr; gap: 15px; padding: 24px 0; } .eclat-engagement-icon { width: 48px; height: 48px; } .eclat-engagements-visual { padding: 14px 14px 50px 0; } .eclat-engagements-image { height: 480px; } .eclat-engagements-line { width: 90px; bottom: 70px; } .eclat-engagements-number { bottom: 25px; } }

/*---------------------------------BLOC SEO----------------------------------*/
div:has(> .first-activity-div) { position: relative; padding: 90px 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%), rgba(10, 10, 10, 0.94); overflow: hidden; }

.first-activity-div, .second-activity-div, .third-activity-div { position: relative; max-width: 1320px; padding: 55px !important; margin-top: 0 !important; margin-bottom: 32px !important; background: #f7f4ee !important; color: #0d0d0d !important; border: 1px solid rgba(216, 193, 141, 0.18); border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; }

.first-activity-div::before, .second-activity-div::before, .third-activity-div::before { position: absolute; top: 22px; right: 28px; z-index: 10; color: #9b814b; font-weight: 600; letter-spacing: 3px; line-height: 1; pointer-events: none; }

.first-activity-div::before { content: "01"; }

.second-activity-div::before { content: "02"; }

.third-activity-div::before { content: "03"; }

.first-activity-div .background-image-div-opacity, .second-activity-div .background-image-div-opacity, .third-activity-div .background-image-div-opacity { display: none !important; }

.first-activity-div .row, .second-activity-div .row, .third-activity-div .row { position: relative; z-index: 2; margin: 0 !important; padding: 0 !important; --bs-gutter-x:70px; }

.first-activity-div .card, .second-activity-div .card, .third-activity-div .card { position: relative; min-height: 430px; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; overflow: hidden !important; }

.first-activity-div .card.rounded-4, .second-activity-div .card.rounded-4, .third-activity-div .card.rounded-4 { border-radius: 0 !important; }

.first-activity-div.rounded-3, .second-activity-div.rounded-3, .third-activity-div.rounded-3 { border-radius: 0 !important; }

.first-activity-div .card::before, .second-activity-div .card::before, .third-activity-div .card::before { content: ""; position: absolute; inset: 14px; z-index: 3; border: 1px solid rgba(255, 255, 255, 0.32); pointer-events: none; }

.first-activity-div .black-screen, .second-activity-div .black-screen, .third-activity-div .black-screen { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%); }

.first-activity-div .card .d-flex, .second-activity-div .card .d-flex, .third-activity-div .card .d-flex { position: absolute; inset: 0; z-index: 2; padding: 0 !important; }

.first-activity-div .card h3, .second-activity-div .card h3, .third-activity-div .card h3 { display: none; }

.first-activity-title, .second-activity-title, .third-activity-title { position: relative; max-width: 620px; margin-bottom: 28px !important; padding-top: 34px; color: #0d0d0d !important; line-height: 1.08 !important; }

.first-activity-title::before, .second-activity-title::before, .third-activity-title::before { content: ""; position: absolute; top: 0; left: 0; width: 46px; height: 1px; background: #d8c18d; }

.first-activity-title h2, .second-activity-title h2, .third-activity-title h2 { margin: 0; color: #0d0d0d !important; line-height: 1.08; }

.first-activity-title h2 span, .second-activity-title h2 span, .third-activity-title h2 span { color: #0d0d0d !important; font-weight: 600 !important; }

.first-activity-div .lead, .second-activity-div .lead, .third-activity-div .lead { position: relative; max-width: 610px; margin: 0 !important; padding-left: 25px; color: #69645c !important; line-height: 1.8; }

.first-activity-div .lead::before, .second-activity-div .lead::before, .third-activity-div .lead::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 0; width: 1px; background: #d8c18d; }

.first-activity-div .lead p, .second-activity-div .lead p, .third-activity-div .lead p { margin: 0; }

.first-activity-div .lead span, .second-activity-div .lead span, .third-activity-div .lead span { color: #0d0d0d !important; font-weight: 600 !important; }

@media (max-width: 1100px) { .first-activity-div, .second-activity-div, .third-activity-div { padding: 45px 40px !important; } .first-activity-div .row, .second-activity-div .row, .third-activity-div .row { --bs-gutter-x:45px; } .first-activity-div .card, .second-activity-div .card, .third-activity-div .card { min-height: 390px; } }

@media (max-width: 991px) { div:has(> .first-activity-div) { padding: 70px 0; } .first-activity-div, .second-activity-div, .third-activity-div { width: calc(100% - 40px) !important; max-width: 760px; padding: 40px !important; margin-bottom: 30px !important; } .first-activity-div .row, .second-activity-div .row, .third-activity-div .row { --bs-gutter-x:0; gap: 42px !important; } .first-activity-div .col-lg-7, .second-activity-div .col-lg-7, .third-activity-div .col-lg-7, .first-activity-div .col-lg-5, .second-activity-div .col-lg-5, .third-activity-div .col-lg-5 { width: 100%; max-width: none; } .first-activity-div .card, .second-activity-div .card, .third-activity-div .card { min-height: 440px; } .first-activity-title, .second-activity-title, .third-activity-title { padding-top: 28px; } .first-activity-div::before, .second-activity-div::before, .third-activity-div::before { top: 18px; right: 22px; } }

@media (max-width: 650px) { div:has(> .first-activity-div) { padding: 55px 0; } .first-activity-div, .second-activity-div, .third-activity-div { width: calc(100% - 30px) !important; padding: 28px 22px !important; margin-bottom: 22px !important; } .first-activity-div .row, .second-activity-div .row, .third-activity-div .row { gap: 32px !important; } .first-activity-div .card, .second-activity-div .card, .third-activity-div .card { min-height: 330px; } .first-activity-div .card::before, .second-activity-div .card::before, .third-activity-div .card::before { inset: 10px; } .first-activity-title, .second-activity-title, .third-activity-title { margin-bottom: 22px !important; padding-top: 24px; } .first-activity-div .lead, .second-activity-div .lead, .third-activity-div .lead { padding-left: 18px; line-height: 1.7; } .first-activity-div::before, .second-activity-div::before, .third-activity-div::before { top: 14px; right: 16px; } }

/*-------------------------------MAPS-------------------------------*/
.contact-map-section { position: relative; padding: 110px 30px; background: #f7f4ee; overflow: hidden; }

.contact-map-section::before { content: ""; position: absolute; top: 0; left: 8%; width: 1px; height: 170px; background: linear-gradient(180deg, rgba(216, 193, 141, 0.55), transparent); pointer-events: none; }

.contact-map-container { position: relative; z-index: 2; width: 100%; max-width: 1280px; margin: 0 auto; }

.contact-map-heading { max-width: 760px; margin: 0 auto 55px; text-align: center; }

.contact-map-small { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 20px; color: #9b814b; text-transform: uppercase; letter-spacing: 2px; }

.contact-map-small p { margin: 0; }

.contact-map-small span { display: block; width: 40px; height: 1px; background: #d8c18d; }

.contact-map-title { color: #0d0d0d; line-height: 1.08; }

.contact-map-title p { margin: 0; }

.contact-map-description { max-width: 650px; margin: 24px auto 0; color: #69645c; line-height: 1.8; }

.contact-map-description p { margin: 0; }

.contact-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 28px; }

.contact-info-card { position: relative; min-height: 112px; padding: 24px 26px; display: flex; align-items: center; gap: 18px; background: #0d0d0d; border: 1px solid rgba(216, 193, 141, 0.16); color: #fff; text-decoration: none; }

.contact-info-icon { width: 52px; height: 52px; flex: 0 0 52px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(216, 193, 141, 0.55); color: #d8c18d; }

.contact-info-icon i { line-height: 1; }

.contact-info-content { color: rgba(255, 255, 255, 0.75); line-height: 1.55; }

.contact-info-content p { margin: 0; }

.contact-info-content strong, .contact-info-content span { color: #fff; }

.contact-info-arrow { position: absolute; top: 18px; right: 18px; color: rgba(216, 193, 141, 0.65); transition: transform .3s ease,color .3s ease; }

.contact-info-link { transition: background-color .3s ease,border-color .3s ease,transform .3s ease; }

@media (hover: hover) { .contact-info-link:hover { background: #171717; border-color: rgba(216, 193, 141, 0.65); color: #fff; transform: translateY(-3px); } .contact-info-link:hover .contact-info-arrow { color: #d8c18d; transform: translate(3px, -3px); } }

.contact-map-wrapper { position: relative; width: 100%; height: 500px; overflow: hidden; background: #0d0d0d; }

.contact-map-wrapper::before { content: ""; position: absolute; inset: 16px; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.2); pointer-events: none; }

.contact-map-wrapper iframe { display: block; width: 100%; height: 100%; border: 0; }

@media (max-width: 991px) { .contact-map-section { padding: 85px 30px; } .contact-info-grid { grid-template-columns: 1fr; } .contact-info-card { min-height: 100px; } .contact-map-wrapper { height: 420px; } }

@media (max-width: 650px) { .contact-map-section { padding: 65px 20px; } .contact-map-heading { margin-bottom: 40px; } .contact-map-small { margin-bottom: 16px; } .contact-map-description { margin-top: 20px; line-height: 1.7; } .contact-info-grid { gap: 12px; margin-bottom: 20px; } .contact-info-card { min-height: 92px; padding: 20px; gap: 15px; } .contact-info-icon { width: 46px; height: 46px; flex-basis: 46px; } .contact-info-arrow { top: 14px; right: 14px; } .contact-map-wrapper { height: 340px; } .contact-map-wrapper::before { inset: 10px; } }

/*-----------------------------------BLOC CTA---------------------------------------*/
.eclat-cta-parallax { position: relative; min-height: 460px; padding: 90px 30px; display: flex; align-items: center; justify-content: center; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; overflow: hidden; }

.eclat-cta-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(5, 5, 5, 0.88) 0%, rgba(5, 5, 5, 0.68) 50%, rgba(5, 5, 5, 0.82) 100%), linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%); }

.eclat-cta-content { position: relative; z-index: 2; width: 100%; max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; }

.eclat-cta-small { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 20px; color: #d8c18d; text-transform: uppercase; letter-spacing: 2px; }

.eclat-cta-small p { margin: 0; }

.eclat-cta-small span { width: 38px; height: 1px; background: #d8c18d; }

.eclat-cta-title { max-width: 760px; color: #fff; line-height: 1.08; }

.eclat-cta-title p { margin: 0; }

.eclat-cta-description { max-width: 680px; margin-top: 22px; color: rgba(255, 255, 255, 0.72); line-height: 1.75; }

.eclat-cta-description p { margin: 0; }

.eclat-cta-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 34px; }

.eclat-cta-btn { min-height: 54px; min-width: 210px; margin: 0; padding: 14px 26px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; text-align: center; text-decoration: none; transition: background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }

.eclat-cta-btn p { margin: 0; padding: 0; text-align: center; }

.eclat-cta-btn-primary { background: #d8c18d; border-color: #d8c18d; color: #0d0d0d; }

.eclat-cta-btn-phone { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.55); color: #fff; backdrop-filter: blur(6px); }

.eclat-cta-btn i { transition: transform .3s ease; }

@media (hover: hover) { .eclat-cta-btn-primary:hover { background: transparent; border-color: rgba(255, 255, 255, 0.6); color: #fff; transform: translateY(-2px); } .eclat-cta-btn-phone:hover { background: #d8c18d; border-color: #d8c18d; color: #0d0d0d; transform: translateY(-2px); } .eclat-cta-btn-primary:hover i { transform: translate(3px, -3px); } }

@media (max-width: 991px) { .eclat-cta-parallax { min-height: 430px; padding: 80px 30px; background-attachment: scroll; } }

@media (max-width: 650px) { .eclat-cta-parallax { min-height: 440px; padding: 65px 20px; } .eclat-cta-small { margin-bottom: 16px; } .eclat-cta-small span { width: 25px; } .eclat-cta-description { margin-top: 18px; line-height: 1.65; } .eclat-cta-actions { width: 100%; margin-top: 28px; gap: 10px; } .eclat-cta-btn { width: 100%; min-width: 0; } }

/*------------------------------------BLOC SDB------------------------------------------*/
.eclat-metiers { padding: 100px 30px; background: #f7f4ee; }

.eclat-metiers-container { width: 100%; max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: .85fr 1.15fr; min-height: 620px; background: rgba(10, 10, 10, 0.94); }

.eclat-metiers-visual { position: relative; min-height: 620px; overflow: hidden; }

.eclat-metiers-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }

.eclat-metiers-visual-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%); }

.eclat-metiers-visual::before { content: ""; position: absolute; inset: 16px; z-index: 2; border: 1px solid rgba(255, 255, 255, 0.25); pointer-events: none; }

.eclat-metiers-visual-label { position: absolute; z-index: 3; left: 38px; bottom: 35px; display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: 2px; }

.eclat-metiers-visual-label span { color: #d8c18d; font-weight: 600; }

.eclat-metiers-content { padding: 55px 60px; display: flex; flex-direction: column; justify-content: center; }

.eclat-metiers-small { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; color: #d8c18d; text-transform: uppercase; letter-spacing: 2px; }

.eclat-metiers-small p { margin: 0; }

.eclat-metiers-small span { width: 42px; height: 1px; flex-shrink: 0; background: #d8c18d; }

.eclat-metiers-title { max-width: 650px; color: #fff; line-height: 1.08; }

.eclat-metiers-title p { margin: 0; }

.eclat-metiers-intro { max-width: 680px; margin-top: 20px; color: rgba(255, 255, 255, 0.65); line-height: 1.7; }

.eclat-metiers-intro p { margin: 0; }

.eclat-metiers-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 34px; margin-top: 36px; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.eclat-metier { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 18px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.eclat-metier-last { grid-column: 1 / -1; }

.eclat-metier-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(216, 193, 141, 0.45); color: #d8c18d; }

.eclat-metier-icon i { line-height: 1; }

.eclat-metier-title { color: #fff; font-weight: 600; line-height: 1.3; }

.eclat-metier-title p { margin: 0; }

.eclat-metier-description { margin-top: 5px; color: rgba(255, 255, 255, 0.52); line-height: 1.5; }

.eclat-metier-description p { margin: 0; }

@media (max-width: 1100px) { .eclat-metiers-container { grid-template-columns: .75fr 1.25fr; } .eclat-metiers-content { padding: 45px; } .eclat-metiers-grid { gap: 0 24px; } }

@media (max-width: 991px) { .eclat-metiers { padding: 80px 30px; } .eclat-metiers-container { grid-template-columns: 1fr; } .eclat-metiers-visual { min-height: 500px; } .eclat-metiers-content { padding: 50px; } }

@media (max-width: 650px) { .eclat-metiers { padding: 60px 20px; } .eclat-metiers-visual { min-height: 390px; } .eclat-metiers-visual::before { inset: 10px; } .eclat-metiers-visual-label { left: 26px; bottom: 24px; } .eclat-metiers-content { padding: 38px 24px; } .eclat-metiers-grid { grid-template-columns: 1fr; margin-top: 30px; } .eclat-metier-last { grid-column: auto; } .eclat-metier { padding: 17px 0; } }

/*---------------------------------GALRIE------------------------------*/
.custom-gallery-block { position: relative; padding: 100px 30px; background: #f7f4ee; overflow: hidden; }

.custom-gallery-container { width: 100%; max-width: 1320px; margin: 0 auto; }

.custom-gallery-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }

.custom-gallery-small { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 18px; color: #9b814b; text-transform: uppercase; letter-spacing: 2px; }

.custom-gallery-small p { margin: 0; }

.custom-gallery-small span { display: block; width: 42px; height: 1px; background: #d8c18d; }

.custom-gallery-title { color: #0d0d0d; line-height: 1.08; }

.custom-gallery-title p { margin: 0; }

.custom-gallery-description { max-width: 650px; margin: 20px auto 0; color: #69645c; line-height: 1.7; }

.custom-gallery-description p { margin: 0; }

.custom-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 220px; gap: 12px; }

.custom-gallery-item { position: relative; overflow: hidden; }

.custom-gallery-item:first-child { grid-column: span 2; grid-row: span 2; }

.custom-gallery-item:nth-child(6) { grid-column: span 2; }

.custom-gallery-link { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: #0d0d0d; border: 0; border-radius: 0; overflow: hidden; cursor: pointer; }

.custom-gallery-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }

.custom-gallery-hover { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(10, 10, 10, 0.55); opacity: 0; transition: opacity .35s ease; }

.custom-gallery-hover::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(216, 193, 141, 0.6); }

.custom-gallery-hover-icon { position: relative; z-index: 2; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: #d8c18d; color: #0d0d0d; transform: scale(0.8); transition: transform .35s ease; }

.custom-gallery-hover-icon i { line-height: 1; }

@media (hover: hover) { .custom-gallery-link:hover .custom-gallery-image { transform: scale(1.045); } .custom-gallery-link:hover .custom-gallery-hover { opacity: 1; } .custom-gallery-link:hover .custom-gallery-hover-icon { transform: scale(1); } }

.custom-gallery-lightbox { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 70px 110px; background: rgba(10, 10, 10, 0.97); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease,visibility .3s ease; }

.custom-gallery-lightbox.is-open { opacity: 1; visibility: visible; pointer-events: auto; }

.custom-gallery-lightbox-visual { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.custom-gallery-lightbox-image { display: block; width: auto; max-width: 100%; height: auto; max-height: 82vh; object-fit: contain; opacity: 0; transform: scale(0.985); transition: opacity .25s ease,transform .25s ease; }

.custom-gallery-lightbox-image.is-visible { opacity: 1; transform: scale(1); }

.custom-gallery-lightbox-button { position: absolute; z-index: 4; width: 58px; height: 58px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; background: transparent; border: 1px solid rgba(216, 193, 141, 0.5); border-radius: 0; color: #d8c18d; cursor: pointer; transition: background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }

.custom-gallery-lightbox-button i { line-height: 1; }

.custom-gallery-lightbox-close { top: 28px; right: 30px; }

.custom-gallery-lightbox-previous { top: 50%; left: 30px; transform: translateY(-50%); }

.custom-gallery-lightbox-next { top: 50%; right: 30px; transform: translateY(-50%); }

.custom-gallery-lightbox-counter { position: absolute; left: 50%; bottom: 26px; color: rgba(255, 255, 255, 0.65); letter-spacing: 2px; transform: translateX(-50%); }

@media (hover: hover) { .custom-gallery-lightbox-button:hover { background: #d8c18d; border-color: #d8c18d; color: #0d0d0d; } .custom-gallery-lightbox-previous:hover { transform: translate(-4px, -50%); } .custom-gallery-lightbox-next:hover { transform: translate(4px, -50%); } .custom-gallery-lightbox-close:hover { transform: rotate(90deg); } }

body.custom-gallery-lightbox-open { overflow: hidden; }

@media (max-width: 991px) { .custom-gallery-block { padding: 80px 30px; } .custom-gallery-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 240px; } .custom-gallery-item:first-child { grid-column: span 2; } .custom-gallery-item:nth-child(6) { grid-column: span 1; } .custom-gallery-lightbox { padding: 70px 80px; } .custom-gallery-lightbox-previous { left: 16px; } .custom-gallery-lightbox-next { right: 16px; } }

@media (max-width: 650px) { .custom-gallery-block { padding: 60px 20px; } .custom-gallery-heading { margin-bottom: 35px; } .custom-gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 300px; gap: 10px; } .custom-gallery-item:first-child, .custom-gallery-item:nth-child(6) { grid-column: auto; grid-row: auto; } .custom-gallery-hover { display: none; } .custom-gallery-lightbox { padding: 70px 48px; } .custom-gallery-lightbox-button { width: 44px; height: 44px; } .custom-gallery-lightbox-close { top: 14px; right: 14px; } .custom-gallery-lightbox-previous { left: 4px; } .custom-gallery-lightbox-next { right: 4px; } .custom-gallery-lightbox-counter { bottom: 18px; } }

/*-----------------------------------BLOC OFFRES------------------------------------*/
.eclat-selection { position: relative; padding: 110px 30px; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%), rgba(10, 10, 10, 0.94); overflow: hidden; }

.eclat-selection-container { width: 100%; max-width: 1320px; margin: 0 auto; }

.eclat-selection-heading { max-width: 780px; margin-bottom: 50px; }

.eclat-selection-small { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; color: #d8c18d; text-transform: uppercase; letter-spacing: 2px; }

.eclat-selection-small p { margin: 0; }

.eclat-selection-small span { display: block; width: 42px; height: 1px; flex-shrink: 0; background: #d8c18d; }

.eclat-selection-main-title { color: #fff; line-height: 1.08; }

.eclat-selection-main-title p { margin: 0; }

.eclat-selection-intro { max-width: 680px; margin-top: 20px; color: rgba(255, 255, 255, 0.65); line-height: 1.7; }

.eclat-selection-intro p { margin: 0; }

.eclat-selection-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }

.eclat-product { grid-column: span 4; display: flex; flex-direction: column; background: #f7f4ee; border: 1px solid rgba(216, 193, 141, 0.15); overflow: hidden; }

.eclat-product:nth-child(1) { grid-column: span 8; display: grid; grid-template-columns: 1.15fr .85fr; }

.eclat-product:nth-child(6), .eclat-product:nth-child(7) { grid-column: span 6; }

.eclat-product-image { position: relative; height: 300px; background: #151515; overflow: hidden; }

.eclat-product:nth-child(1) .eclat-product-image { height: 100%; min-height: 450px; }

.eclat-product:nth-child(6) .eclat-product-image, .eclat-product:nth-child(7) .eclat-product-image { height: 330px; }

.eclat-product-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.42) 100%); pointer-events: none; }

.eclat-product-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }

.eclat-product-index { position: absolute; z-index: 2; left: 20px; bottom: 18px; color: #fff; letter-spacing: 2px; }

.eclat-product-content { flex: 1; padding: 28px; display: flex; flex-direction: column; }

.eclat-product:nth-child(1) .eclat-product-content { padding: 42px 38px; justify-content: center; }

.eclat-product-title { padding-bottom: 18px; color: #0d0d0d; font-weight: 600; line-height: 1.25; border-bottom: 1px solid rgba(13, 13, 13, 0.1); }

.eclat-product-title p { margin: 0; }

.eclat-product-price { margin-top: 22px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px 14px; }

.eclat-product-current { color: #0d0d0d; font-weight: 600; line-height: 1; }

.eclat-product-current p, .eclat-product-old p { margin: 0; }

.eclat-product-old { color: #8c877f; text-decoration: line-through; }

.eclat-product-details { margin-top: 22px; border-top: 1px solid rgba(13, 13, 13, 0.1); }

.eclat-product-details summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #0d0d0d; cursor: pointer; list-style: none; font-weight: 600; }

.eclat-product-details summary::-webkit-details-marker { display: none; }

.eclat-product-details summary i { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(216, 193, 141, 0.65); color: #9b814b; transition: transform .3s ease,background-color .3s ease,color .3s ease; }

.eclat-product-details[open] summary i { transform: rotate(45deg); }

.eclat-product-description { padding: 5px 0 20px; color: #69645c; line-height: 1.6; }

.eclat-product-description p { margin: 0 0 9px; }

.eclat-product-description p:last-child { margin-bottom: 0; }

@media (hover: hover) { .eclat-product:hover .eclat-product-image img { transform: scale(1.035); } .eclat-product-details summary:hover i { background: #d8c18d; color: #0d0d0d; } }

@media (max-width: 1100px) { .eclat-product { grid-column: span 6; } .eclat-product:nth-child(1) { grid-column: span 12; } .eclat-product:nth-child(6), .eclat-product:nth-child(7) { grid-column: span 6; } }

@media (max-width: 991px) { .eclat-selection { padding: 85px 30px; } }

@media (max-width: 700px) { .eclat-selection { padding: 65px 20px; } .eclat-selection-heading { margin-bottom: 38px; } .eclat-selection-grid { grid-template-columns: 1fr; gap: 14px; } .eclat-product, .eclat-product:nth-child(1), .eclat-product:nth-child(6), .eclat-product:nth-child(7) { grid-column: auto; display: flex; flex-direction: column; } .eclat-product-image, .eclat-product:nth-child(1) .eclat-product-image, .eclat-product:nth-child(6) .eclat-product-image, .eclat-product:nth-child(7) .eclat-product-image { height: 300px; min-height: 0; } .eclat-product-content, .eclat-product:nth-child(1) .eclat-product-content { padding: 25px 22px; } }

/*------------------------------------PUB-----------------------------------*/
.eclat-offres-square { padding: 55px 30px; background: #f7f4ee; }

.eclat-offres-square-inner { width: 100%; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); }

.eclat-offres-square-image, .eclat-offres-square-content { aspect-ratio: 1/1; }

.eclat-offres-square-image { position: relative; overflow: hidden; background: #151515; }

.eclat-offres-square-image::before { content: ""; position: absolute; inset: 16px; z-index: 3; border: 1px solid rgba(216, 193, 141, 0.38); pointer-events: none; }

.eclat-offres-square-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }

.eclat-offres-square-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5) 100%); }

.eclat-offres-square-content { position: relative; padding: 55px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.35) 100%), rgba(10, 10, 10, 0.94); border: 1px solid rgba(216, 193, 141, 0.18); overflow: hidden; }

.eclat-offres-square-content::before { content: ""; position: absolute; top: 24px; right: 24px; width: 55px; height: 55px; border-top: 1px solid rgba(216, 193, 141, 0.55); border-right: 1px solid rgba(216, 193, 141, 0.55); }

.eclat-offres-square-small { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; color: #d8c18d; text-transform: uppercase; letter-spacing: 2px; }

.eclat-offres-square-small p { margin: 0; }

.eclat-offres-square-small span { width: 40px; height: 1px; flex-shrink: 0; background: #d8c18d; }

.eclat-offres-square-title { max-width: 460px; color: #e8d7ae; line-height: 1.08; }

.eclat-offres-square-title p { margin: 0; }

.eclat-offres-square-description { position: relative; max-width: 450px; margin-top: 22px; padding-left: 20px; color: rgba(232, 215, 174, 0.68); line-height: 1.65; }

.eclat-offres-square-description::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 0; width: 1px; background: #d8c18d; }

.eclat-offres-square-description p { margin: 0; }

.eclat-offres-square-btn { min-height: 50px; margin: 28px 0 0; padding: 12px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 13px; background: #d8c18d; border: 1px solid #d8c18d; color: #0d0d0d; text-decoration: none; text-align: center; transition: background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease; }

.eclat-offres-square-btn p { margin: 0; padding: 0; text-align: center; }

.eclat-offres-square-btn i { transition: transform .3s ease; }

@media (hover: hover) { .eclat-offres-square-image:hover img { transform: scale(1.035); } .eclat-offres-square-btn:hover { background: transparent; color: #d8c18d; transform: translateY(-2px); } .eclat-offres-square-btn:hover i { transform: translate(3px, -3px); } }

@media (max-width: 991px) { .eclat-offres-square { padding: 50px 30px; } .eclat-offres-square-content { padding: 40px; } }

@media (max-width: 700px) { .eclat-offres-square { padding: 45px 20px; } .eclat-offres-square-inner { grid-template-columns: 1fr; max-width: 520px; } .eclat-offres-square-image, .eclat-offres-square-content { aspect-ratio: 1/1; } .eclat-offres-square-content { padding: 35px 28px; } .eclat-offres-square-image::before { inset: 11px; } .eclat-offres-square-btn { margin-top: 24px; } }

@media (max-width: 450px) { .eclat-offres-square-content { padding: 28px 22px; } .eclat-offres-square-small { margin-bottom: 14px; } .eclat-offres-square-description { margin-top: 17px; line-height: 1.55; } .eclat-offres-square-btn { margin-top: 20px; } }

/*------------------------------CTA--------------------------------*/
.eclat-contact-float { position: fixed; z-index: 999; right: 16px; bottom: 90px; width: 155px; padding: 10px 12px; margin: 0; display: flex; flex-direction: column; gap: 7px; background: rgba(10, 10, 10, 0.9); border: 1px solid rgba(216, 193, 141, 0.25); color: #d8c18d; text-decoration: none; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); opacity: .88; transition: background-color .3s ease,border-color .3s ease,transform .3s ease,opacity .3s ease; }

.eclat-contact-float::before { content: ""; position: absolute; top: 6px; right: 6px; width: 15px; height: 15px; border-top: 1px solid rgba(216, 193, 141, 0.35); border-right: 1px solid rgba(216, 193, 141, 0.35); pointer-events: none; }

.eclat-contact-float-logo { width: 100%; padding: 0 17px 6px; border-bottom: 1px solid rgba(216, 193, 141, 0.14); }

.eclat-contact-float-logo img { display: block; width: 100%; height: auto; object-fit: contain; }

.eclat-contact-float-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

.eclat-contact-float-bottom > span:first-child { color: rgba(232, 215, 174, 0.68); line-height: 1.25; }

.eclat-contact-float-bottom p { margin: 0; }

.eclat-contact-float-arrow { width: 26px; height: 26px; flex: 0 0 26px; display: flex; align-items: center; justify-content: center; background: #d8c18d; color: #0d0d0d; }

.eclat-contact-float-arrow i { line-height: 1; transition: transform .3s ease; }

@media (hover: hover) { .eclat-contact-float:hover { background: rgba(10, 10, 10, 0.98); border-color: rgba(216, 193, 141, 0.6); opacity: 1; transform: translateX(-3px); } .eclat-contact-float:hover .eclat-contact-float-arrow i { transform: translate(2px, -2px); } }

@media (max-width: 650px) { .eclat-contact-float { right: 10px; bottom: 18px; width: 138px; padding: 8px 10px; gap: 6px; } .eclat-contact-float-logo { padding: 0 16px 5px; } .eclat-contact-float-arrow { width: 24px; height: 24px; flex-basis: 24px; } }

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