@import url(main.css);
.video-background-holder { display: none; }

.b-bloc-divider { height: 40px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

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

.logo_nav { height: 6vh !important; }

@media (max-width: 900px) { a.navbar-brand { height: 8vh !important; width: 12vh !important; padding-top: 10px !important; } }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { color: #001b2f !important; background: linear-gradient(135deg, #bdf1ff, #4fc3ff); box-shadow: 0 14px 35px rgba(79, 195, 255, 0.28); font-weight: 600 !important; padding: 8px 18px !important; }

.fs-6.lead.mt-4.mb-4 { font-size: 17px; line-height: 1.6; color: #393a3a; }

.rounded-3.shadow-lg.position-relative { border-radius: 22px !important; }

div#contact { background: radial-gradient(circle at 8% 18%, rgba(79, 195, 255, 0.18), transparent 28%), radial-gradient(circle at 90% 82%, rgba(79, 195, 255, 0.2), transparent 38%), linear-gradient(135deg, #f7faff 0%, #eef4f8 48%, #ffffff 100%); }

.lh-1.mb-3.titles h2 { font-family: "Inter", Arial, sans-serif !important; }

.lh-1.mb-3.titles p { font-family: "Inter", Arial, sans-serif !important; font-size: 17px; line-height: 1.4; padding-top: 20px; }

form#formContact { border-radius: 22px !important; }

button.w-100.btn.btn-outline-dark { color: #ffffff !important; background: linear-gradient(135deg, #003b5c, #006b9b); box-shadow: 0 14px 35px rgba(79, 195, 255, 0.28); font-weight: 600 !important; padding: 8px 18px !important; border: none; border-radius: 50px; }

@media (max-width: 900px) { .lh-1.mb-3.titles { padding: 10px 20px; } }

.fs-6.lead { line-height: 1.6; color: #393a3a; }

a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { background: linear-gradient(135deg, #003b5c, #006b9b); color: #ffffff !important; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 800 !important; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; padding: 12px 20px !important; }

.px-4.py-5.my-5.text-center.cta_banner.bg-sixthColor { background: radial-gradient(circle at 8% 18%, rgba(79, 195, 255, 0.18), transparent 28%), radial-gradient(circle at 90% 82%, rgba(79, 195, 255, 0.2), transparent 38%), linear-gradient(135deg, #f7faff 0%, #eef4f8 48%, #ffffff 100%); }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: white !important; font-size: 50px; }

.bandeau.border-bottom-1.row { background: linear-gradient(135deg, #00182d 0%, #003b5c 55%, #00111f 100%); }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none { background: linear-gradient(135deg, #003b5c, #006b9b); color: #ffffff !important; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 800 !important; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; padding: 12px 20px !important; border-radius: 50px; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: #01405f; font-size: 35px; }

h2.display-6.fw-bold.p-3.pt-lg-3.titles { color: #01405f; font-size: 35px; }

.display-5.titles.mt-lg-5.mx-5.mb-2.fw-bold.text-body-emphasis.first-banner-seo-page-title { text-transform: uppercase; }

span.display-4.fw-bold.lh-1.text-body-emphasis.mb-3.titles { color: #01405f; font-size: 45px; }

img.img-fluid.object-fit-contain.my-2.logo-seo-page { margin: 30px 0 30px !important; }

span.display-5.fw-bold.text-body-emphasis.titles { color: #002842; font-size: 40px; margin-bottom: 20px; }

.px-5.pt-5.display-6.text-color-primary.titles { color: #01405f !important; }

/* =========================== BLOC HEADER CONTACT =========================== */
.adr-contact-hero { position: relative; width: 100%; height: 55vh; min-height: 380px; overflow: hidden; background-color: #00182d; }

.adr-contact-hero__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }

.adr-contact-hero__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0, 24, 45, 0.9) 0%, rgba(0, 59, 92, 0.78) 52%, rgba(0, 17, 31, 0.92) 100%); z-index: 1; pointer-events: none; }

.adr-contact-hero__container { position: relative; z-index: 2; max-width: 1250px; height: 100%; margin: 0 auto; padding: 0 6%; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 60px; }

.adr-contact-hero__logo { display: flex; align-items: center; justify-content: flex-end; }

.adr-contact-hero__logo img { max-width: 260px; width: 100%; height: auto; filter: drop-shadow(0 0 22px rgba(117, 215, 255, 0.35)); }

.adr-contact-hero__text { display: flex; align-items: center; gap: 46px; }

.adr-contact-hero__line { width: 4px; height: 200px; background: linear-gradient(to bottom, #9ee6ff, #4fc3ff); box-shadow: 0 0 22px rgba(79, 195, 255, 0.45); }

.adr-contact-hero__subtitle { margin: 0 0 18px; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #9ee6ff; }

.adr-contact-hero__text-content h1 { margin: 0; font-family: "Michroma", sans-serif; font-size: 38px; line-height: 1.4; font-weight: 600 !important; text-transform: uppercase; color: #ffffff; text-shadow: 0 0 28px rgba(0, 145, 210, 0.35); letter-spacing: 2px; }

@media (max-width: 900px) { .adr-contact-hero { height: auto; min-height: 520px; } .adr-contact-hero__container { grid-template-columns: 1fr; gap: 30px; padding: 50px 20px; justify-items: center; text-align: center; margin-top: 50px; } .adr-contact-hero__logo { justify-content: center; } .adr-contact-hero__logo img { max-width: 210px; } .adr-contact-hero__text { justify-content: center; gap: 30px; } }

@media (max-width: 600px) { .adr-contact-hero { min-height: 500px; } .adr-contact-hero__logo img { max-width: 160px; } .adr-contact-hero__text { flex-direction: column; gap: 18px; } .adr-contact-hero__line { width: 70px; height: 4px; } .adr-contact-hero__text-content h1 { font-size: 28px; } }

/* =========================== BLOC AVANT / APRES =========================== */
.adr-before-after { position: relative; overflow: hidden; padding: 110px 6%; background: radial-gradient(circle at 8% 18%, rgba(79, 195, 255, 0.18), transparent 28%), radial-gradient(circle at 90% 82%, rgba(79, 195, 255, 0.2), transparent 38%), linear-gradient(135deg, #f7faff 0%, #eef4f8 48%, #ffffff 100%); }

.adr-before-after, .adr-before-after * { box-sizing: border-box; }

.adr-before-after__header { max-width: 1400px; margin: 0 auto 65px; }

.adr-before-after__subtitle { margin: 0 0 18px; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #006b9b; }

.adr-before-after__title { margin: 0; font-family: "Michroma", sans-serif; font-size: 30px; line-height: 1.4; font-weight: 600 !important; text-transform: uppercase; color: #00182d; max-width: 800px; }

.adr-before-after__grid { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }

.adr-before-after__card { position: relative; }

.adr-before-after__compare { position: relative; width: 100%; height: 430px; overflow: hidden; border-radius: 28px; box-shadow: 0 22px 55px rgba(0, 24, 45, 0.14); }

.adr-before-after__img { width: 100%; height: 100%; object-fit: cover; display: block; }

.adr-before-after__overlay { position: absolute; top: 0; right: 0; left: auto; height: 100%; width: 50%; overflow: hidden; }

.adr-before-after__overlay .adr-before-after__img { position: absolute; top: 0; right: 0; width: auto; min-width: 100%; height: 100%; max-width: none; object-fit: cover; }

.adr-before-after__divider { position: absolute; top: 0; bottom: 0; width: 2px; background: #ffffff; transform: translateX(-50%); z-index: 3; }

.adr-before-after__handle { position: absolute; top: 50%; left: 50%; width: 62px; height: 62px; border-radius: 50%; background: #ffffff; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; gap: 2px; }

.adr-before-after__handle svg { width: 18px; height: 18px; stroke: #00182d; stroke-width: 2.2; fill: none; }

.adr-before-after__range { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; z-index: 5; }

@media (max-width: 1200px) { .adr-before-after__grid { grid-template-columns: 1fr; } .adr-before-after__compare { height: 500px; } .adr-before-after__title { font-size: 42px; } }

@media (max-width: 768px) { .adr-before-after { padding: 70px 20px; } .adr-before-after__header { margin-bottom: 40px; } .adr-before-after__title { font-size: 25px; line-height: 1.35; } .adr-before-after__compare { height: 360px; border-radius: 22px; } .adr-before-after__handle { width: 52px; height: 52px; } }

/* =========================== BLOC ENGAGEMENTS =========================== */
.adr-engagements { position: relative; overflow: hidden; padding: 100px 6%; background: linear-gradient(120deg, rgba(0, 24, 45, 0.94), rgba(0, 59, 92, 0.88), rgba(0, 17, 31, 0.96)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fz4ZoeQ9zHyVIUamiMt3OOqdIyfj2%2Fimages%2FImages_-_2026-05-21T152520101_snjq.webp"); background-size: cover; background-position: center; }

.adr-engagements, .adr-engagements * { box-sizing: border-box; }

.adr-engagements__header { position: relative; z-index: 2; text-align: center; margin-bottom: 70px; }

.adr-engagements__subtitle { margin: 0 0 16px; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #9ee6ff; }

.adr-engagements__title { margin: 0; font-family: "Michroma", sans-serif; font-size: 30px; line-height: 1.2; font-weight: 600 !important; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; }

.adr-engagements__row { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto; display: flex; align-items: stretch; justify-content: center; }

.adr-engagements__sep { width: 1px; min-height: 120px; flex-shrink: 0; align-self: stretch; background: linear-gradient(to bottom, transparent, rgba(0, 59, 92, 0.22), transparent); }

.adr-engagements__item { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: flex-start; padding: 10px 18px; gap: 18px; cursor: default; transition: 0.3s ease; }

.adr-engagements__item:hover { transform: translateY(-4px); }

.adr-engagements__icon { width: 82px; height: 82px; display: flex; align-items: center; justify-content: center; }

.adr-engagements__icon img { width: 80px; height: 80px; object-fit: contain; display: block; }

.adr-engagements__item-title { margin: 0; font-family: "Inter", Arial, sans-serif; font-size: 17px; line-height: 1.45; font-weight: 700; color: rgba(255, 255, 255, 0.78); transition: 0.3s ease; }

.adr-engagements__item:hover .adr-engagements__item-title { color: #ffffff; }

@media (max-width: 860px) { .adr-engagements { padding: 70px 20px; } .adr-engagements__header { margin-bottom: 45px; } .adr-engagements__title { font-size: 30px; } .adr-engagements__row { flex-wrap: wrap; gap: 30px 0; } .adr-engagements__sep { display: none; } .adr-engagements__item { flex: 0 0 50%; max-width: 50%; } }

@media (max-width: 520px) { .adr-engagements { padding: 60px 15px; } .adr-engagements__title { font-size: 25px; } .adr-engagements__item { padding: 8px; } .adr-engagements__icon, .adr-engagements__icon img { width: 60px; height: 60px; } .adr-engagements__item-title { font-size: 15px; } }

/* =========================== BLOC SERVICES =========================== */
.adr-visu-services { position: relative; padding: 100px 6%; background: linear-gradient(135deg, #00182d 0%, #003b5c 55%, #00111f 100%); overflow: hidden; }

.adr-visu-services, .adr-visu-services * { box-sizing: border-box; }

.adr-visu-services__container { position: relative; z-index: 2; max-width: 1350px; margin: 0 auto; }

.adr-visu-services__intro { margin-bottom: 60px; max-width: 800px; }

.adr-visu-services__eyebrow { display: inline-block; margin-bottom: 16px; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #9ee6ff; }

.adr-visu-services__title { margin: 0; font-family: "Michroma", sans-serif; font-size: 30px; line-height: 1.4; font-weight: 600 !important; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; }

.adr-visu-services__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }

.adr-visu-services__card { position: relative; margin-top: 30px; background: #ffffff; padding: 0 30px 45px 30px; display: flex; align-items: center; gap: 18px; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22); transition: 0.3s ease; border: 1px solid transparent; flex-direction: column; text-align: center; overflow: visible; border-radius: 22px; }

.adr-visu-services__card:hover { transform: translateY(-6px); border-color: #4fc3ff; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32); }

.adr-visu-services__image-wrap { width: calc(100% + 60px); height: 240px; margin: 0 -30px 42px -30px; overflow: hidden; border-radius: 22px; box-shadow: 0 10px 24px rgba(79, 195, 255, 0.35); }

.adr-visu-services__image { width: 100%; height: 100%; object-fit: cover; display: block; }

.adr-visu-services__icon-box { position: absolute; top: 240px; left: 50%; width: 62px; height: 62px; border-radius: 50%; background: linear-gradient(135deg, #003b5c, #006b9b); transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; z-index: 2; }

.adr-visu-services__icon { width: 34px; height: 34px; object-fit: contain; display: block; }

.adr-visu-services__icon-box span { font-family: "Inter", Arial, sans-serif; font-size: 17px; font-weight: 900; color: #ffffff; }

.adr-visu-services__name { margin: 0; font-family: "Inter", Arial, sans-serif; font-size: 24px; line-height: 1.3; font-weight: 600 !important; color: #00182d; }

.adr-visu-services__desc { margin: 0; font-family: "Inter", Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #393a3a; }

@media (max-width: 992px) { .adr-visu-services__grid { grid-template-columns: repeat(2, 1fr); } .adr-visu-services__title { font-size: 34px; } }

@media (max-width: 640px) { .adr-visu-services { padding: 65px 20px; } .adr-visu-services__intro { margin-bottom: 38px; } .adr-visu-services__title { font-size: 26px; } .adr-visu-services__grid { grid-template-columns: 1fr; } .adr-visu-services__image-wrap { height: 190px; } .adr-visu-services__icon-box { top: 190px; } }

/* =========================== BLOC A PROPOS =========================== */
.adr-presentation { position: relative; padding: 110px 6%; overflow: hidden; background: radial-gradient(circle at 8% 18%, rgba(79, 195, 255, 0.18), transparent 28%), radial-gradient(circle at 90% 82%, rgba(79, 195, 255, 0.2), transparent 38%), linear-gradient(135deg, #f7faff 0%, #eef4f8 48%, #ffffff 100%); }

.adr-presentation, .adr-presentation * { box-sizing: border-box; }

.adr-presentation__container { max-width: 1350px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }

.adr-presentation__image { height: 620px; border-radius: 22px; overflow: hidden; background: #00182d; box-shadow: 0 24px 60px rgba(0, 24, 45, 0.18); }

.adr-presentation__image img { width: 100%; height: 100%; display: block; object-fit: cover; }

.adr-presentation__subtitle { margin: 0 0 16px; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #006b9b; }

.adr-presentation__title { margin: 0; font-family: "Michroma", sans-serif; font-size: 30px; line-height: 1.4; font-weight: 600 !important; text-transform: uppercase; color: #00182d; letter-spacing: 2px; }

.adr-presentation__text { max-width: 620px; margin: 24px 0 0; font-family: "Inter", Arial, sans-serif; font-size: 17px; line-height: 1.6; color: #393a3a; }

.adr-presentation__button { display: inline-flex; align-items: center; gap: 10px; margin-top: 34px; padding: 15px 28px; border-radius: 999px; background: linear-gradient(135deg, #003b5c, #006b9b); color: #ffffff !important; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 800; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2px; transition: 0.3s ease; }

.adr-presentation__button:hover { transform: translateY(-3px); box-shadow: 0 16px 35px rgba(0, 107, 155, 0.32); }

.adr-presentation__separator { width: 100%; height: 1px; margin: 54px 0 38px; background: rgba(0, 24, 45, 0.16); }

.adr-presentation__features { display: grid; grid-template-columns: 1fr 1fr; gap: 46px; }

.adr-presentation__number { display: block; margin-bottom: 14px; font-family: "Inter", Arial, sans-serif; font-size: 34px; line-height: 1; font-weight: 900; color: #006b9b; }

.adr-presentation__feature h3 { margin: 0 0 12px; font-family: "Inter", Arial, sans-serif; font-size: 20px; font-weight: 600 !important; color: #00182d; }

.adr-presentation__feature p { margin: 0; font-family: "Inter", Arial, sans-serif; font-size: 16px; line-height: 1.7; color: #6b7280; }

@media (max-width: 1024px) { .adr-presentation__container { grid-template-columns: 1fr; gap: 45px; } .adr-presentation__image { height: 460px; } }

@media (max-width: 640px) { .adr-presentation { padding: 65px 20px; } .adr-presentation__image { height: 330px; border-radius: 18px; } .adr-presentation__title { font-size: 26px; } .adr-presentation__features { grid-template-columns: 1fr; gap: 28px; } }

/* =========================== BLOC AVIS CLIENT =========================== */
.adr-avis { padding: 100px 40px; background: linear-gradient(120deg, rgba(0, 24, 45, 0.94), rgba(0, 59, 92, 0.88), rgba(0, 17, 31, 0.96)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fz4ZoeQ9zHyVIUamiMt3OOqdIyfj2%2Fimages%2FDesign_sans_titre_-_2026-05-20T165455423_dgg5.webp"); background-size: cover; background-position: center; color: #ffffff; overflow: hidden; }

.adr-avis, .adr-avis * { box-sizing: border-box; }

.adr-avis__container { max-width: 1200px; margin: 0 auto; text-align: center; }

.adr-avis__header { margin-bottom: 35px; }

.adr-avis__subtitle { margin: 0 0 12px; font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #9ee6ff; }

.adr-avis__title { margin: 0 0 35px; font-family: "Michroma", sans-serif; font-size: 30px; line-height: 1.25; font-weight: 600 !important; text-transform: uppercase; color: #ffffff; letter-spacing: 2px; }

.adr-avis__carousel { position: relative; padding: 0 95px; }

.adr-avis__wrapper { overflow: hidden; }

.adr-avis__track { display: flex; transition: transform 0.5s ease; }

.adr-avis__item { min-width: 100%; padding: 42px 28px; opacity: 0; transition: opacity 0.5s ease; }

.adr-avis__item--active { opacity: 1; }

.adr-avis__quote { max-width: 850px; margin: 0 auto 34px; font-family: "Inter", Arial, sans-serif; font-size: 1.1rem; line-height: 1.8; color: rgba(255, 255, 255, 0.9); }

.adr-avis__author { margin: 0 0 12px; font-family: "Inter", Arial, sans-serif; font-size: 17px; font-weight: 700; color: #ffffff; }

.adr-avis__stars { font-size: 22px; letter-spacing: 4px; color: #4fc3ff; }

.adr-avis__nav { position: absolute; top: 50%; width: 52px; height: 52px; border: 1px solid rgba(158, 230, 255, 0.45); border-radius: 50%; background: rgba(255, 255, 255, 0.08); cursor: pointer; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); transition: 0.3s ease; z-index: 5; }

.adr-avis__nav:hover { background: rgba(79, 195, 255, 0.22); }

.adr-avis__nav svg { width: 30px; height: 30px; stroke: #ffffff; stroke-width: 2; fill: none; }

.adr-avis__nav--prev { left: 0; }

.adr-avis__nav--next { right: 0; }

.adr-avis__dots { display: flex; justify-content: center; gap: 10px; margin-top: 34px; }

.adr-avis__dot { width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.25); cursor: pointer; transition: 0.3s ease; }

.adr-avis__dot--active { width: 32px; border-radius: 20px; background: #4fc3ff; }

@media (max-width: 768px) { .adr-avis { padding: 65px 20px; } .adr-avis__title { font-size: 28px; } .adr-avis__carousel { padding: 0 38px; } .adr-avis__item { padding: 30px 10px; } .adr-avis__quote { font-size: 16px; } .adr-avis__nav { width: 40px; height: 40px; } }

/* =========================== BLOC HORAIRES + MAP =========================== */
.adr-infos { position: relative; width: 100%; max-width: 100%; padding: 100px 0; overflow: hidden; background: linear-gradient(135deg, #00182d 0%, #003b5c 55%, #00111f 100%); }

.adr-infos, .adr-infos * { box-sizing: border-box; }

.adr-infos__container { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; max-width: 1350px; margin: 0 auto; padding: 0 6%; }

.adr-infos__card, .adr-infos__map-card { min-width: 0; padding: 36px; border-radius: 22px; background: rgba(255, 255, 255, 0.96); box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28); }

.adr-infos__header { display: flex; align-items: center; gap: 14px; margin-bottom: 32px; }

.adr-infos__icon-wrapper { width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #003b5c, #006b9b); }

.adr-infos__icon { width: 24px; height: 24px; color: #ffffff; }

.adr-infos__title { margin: 0; font-family: "Michroma", sans-serif; font-size: 24px; line-height: 1.2; font-weight: 600 !important; color: #00182d; text-transform: uppercase; letter-spacing: 2px; }

.adr-infos__schedule { display: flex; flex-direction: column; gap: 9px; }

.adr-infos__day-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 12px; background: rgba(0, 59, 92, 0.07); }

.adr-infos__day-row--today { background: rgba(79, 195, 255, 0.18); border: 1px solid rgba(0, 107, 155, 0.35); }

.adr-infos__day-name, .adr-infos__hours { font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 700; color: #00182d; }

.adr-infos__hours { color: #003b5c; }

.adr-infos__hours--closed { color: #8a8f98; }

.adr-infos__today-badge { display: inline-block; margin-left: 8px; font-size: 12px; font-weight: 700; color: #006b9b; }

.adr-infos__map-card iframe { width: 100% !important; max-width: 100% !important; height: 430px; display: block; border-radius: 16px; }

@media (max-width: 1024px) { .adr-infos__container { grid-template-columns: 1fr; gap: 34px; } }

@media (max-width: 640px) { .adr-infos { padding: 60px 0; } .adr-infos__container { padding: 0 15px; } .adr-infos__card, .adr-infos__map-card { padding: 22px 15px; border-radius: 18px; } .adr-infos__header { align-items: flex-start; } .adr-infos__title { font-size: 20px; } .adr-infos__day-row { flex-wrap: wrap; padding: 12px; } .adr-infos__day-name, .adr-infos__hours { font-size: 14px; } .adr-infos__map-card iframe { height: 300px; } }

/* =========================== BLOC ACCUEIL =========================== */
.adr-hero { position: relative; height: 100vh; display: flex; align-items: center; overflow: hidden; padding: 120px 6%; color: #ffffff; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fz4ZoeQ9zHyVIUamiMt3OOqdIyfj2%2Fimages%2FChatGPT_Image_20_mai_2026_14_27_24_4579.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

.adr-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 24, 45, 0.92) 0%, rgba(0, 39, 72, 0.5) 42%, rgba(0, 47, 86, 0.28) 100%), linear-gradient(180deg, rgba(0, 63, 104, 0.25) 0%, rgba(0, 16, 33, 0.2) 100%); z-index: 1; }

.adr-hero__overlay { position: absolute; inset: 0; background: radial-gradient(circle at 20% 45%, rgba(72, 187, 255, 0.18), transparent 38%); z-index: 2; pointer-events: none; }

.adr-hero__content { position: relative; z-index: 3; max-width: 860px; }

.adr-hero__logo-wrap { margin-bottom: 45px; }

.adr-hero__logo { width: 85vw; max-width: 220px; height: auto; display: block; filter: drop-shadow(0 0 22px rgba(117, 215, 255, 0.35)); }

.adr-hero__eyebrow { margin: 0 0 18px; font-family: "Inter", sans-serif; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #9ee6ff; }

.adr-hero__title { margin: 0; font-family: "Michroma", sans-serif; font-size: clamp(2rem, 3vw, 4.8rem); line-height: 1.2; font-weight: 600; text-transform: uppercase; color: #ffffff; text-shadow: 0 0 28px rgba(0, 145, 210, 0.28); letter-spacing: 2px; }

.adr-hero__text { max-width: 750px; margin: 26px 0 0; font-family: "Inter", sans-serif; font-size: clamp(1rem, 1.35vw, 1.1rem); line-height: 1.8; color: rgba(255, 255, 255, 0.9); }

.adr-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 42px; }

.adr-hero__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 800; text-decoration: none; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.2px; }

.adr-hero__btn--primary { color: #001b2f !important; background: linear-gradient(135deg, #bdf1ff, #4fc3ff); box-shadow: 0 14px 35px rgba(79, 195, 255, 0.28); }

.adr-hero__btn--primary:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(79, 195, 255, 0.42); }

.adr-hero__btn--secondary { color: #ffffff; border: 1px solid rgba(158, 230, 255, 0.55); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(8px); }

.adr-hero__btn--secondary:hover { background: rgba(158, 230, 255, 0.14); transform: translateY(-3px); }

@media (max-width: 768px) { .adr-hero { height: auto; min-height: 100vh; padding: 120px 22px 70px; align-items: flex-end; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fz4ZoeQ9zHyVIUamiMt3OOqdIyfj2%2Fimages%2FVersion_mobile_1_6gjm.webp"); background-size: cover; background-position: center top; background-repeat: no-repeat; } .adr-hero::before { background: linear-gradient(180deg, rgba(0, 24, 45, 0.55) 0%, rgba(0, 24, 45, 0.78) 45%, rgba(0, 16, 33, 0.96) 100%); } .adr-hero__overlay { background: radial-gradient(circle at 50% 25%, rgba(72, 187, 255, 0.18), transparent 42%); } .adr-hero__content { max-width: 100%; } .adr-hero__logo-wrap { margin-bottom: 60px; } .adr-hero__logo { width: 70vw; max-width: 230px; } .adr-hero__eyebrow { font-size: 12px; line-height: 1.5; letter-spacing: 0.16em; } .adr-hero__title { font-size: 30px; line-height: 1.28; letter-spacing: 1px; } .adr-hero__text { margin-top: 20px; font-size: 15px; line-height: 1.65; } .adr-hero__actions { flex-direction: column; gap: 12px; margin-top: 50px; width: auto; max-width: 280px; } .adr-hero__btn { width: 100%; min-height: 50px; padding: 0 20px; font-size: 13px; } }

@media (max-width: 420px) { .adr-hero { padding: 105px 18px; background-position: center top; } .adr-hero__logo { max-width: 200px; } .adr-hero__title { font-size: 28px; } .adr-hero__text { font-size: 14px; } }

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