@charset "UTF-8";
@import url(main.css);
.d-flex.flex-column.flex-lg-row.align-items-center { font-family: 'Montserrat'; text-transform: uppercase; font-weight: 600; }

a.nav-link.fs-6.dropdown-toggle.px-0.text-color-secondary.text-center { color: #063472 !important; font-size: 0.8rem !important; }

a.seo-button.ctaLinks-button.bg-fourthColor.text-color-fourth, a#phone-analytics-tag-seo-content, a.seo-button.ctaLinks-button.bg-fourthColor.text-color-fourth, a#phone-analytics-tag-video-bloc, a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { border-radius: 0px !important; font-weight: 700 !important; padding: 12px 16px !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.my-2.my-lg-1.p-2.rounded-pill.text-decoration-none.button-header-telephone { border-radius: 0px !important; font-weight: 600; }

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) > p { font-size: 0; }

footer > div.row.justify-content-center.justify-content-lg-around.text-center.text-lg-start > div:nth-child(3) > div:nth-child(2) > p::before { content: "Basé à Sèvremoine (49230)"; font-size: 16px; }

.fs-6.lead.mt-4.mb-4 { color: #333d4b; font-size: 1em !important; font-weight: 400; line-height: 1.7; }

.first-activity-title, .second-activity-title, .third-activity-title { position: relative; }

.first-activity-title::after, .second-activity-title::after, .third-activity-title::after { content: ""; display: block; width: 55px; height: 3px; margin: 15px 0 25px; background: #e5e5e5; border-radius: 10px; }

.display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5 { margin-bottom: 1rem !important; }

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

h2.mb-4.h5 { font-weight: 600 !important; color: #003e8e; }

/* ========================================== ATLANTIQUE RÉNOVATION - INTRO CONTACT ========================================== */
.ar-contact-intro, .ar-contact-intro * { box-sizing: border-box; }

.ar-contact-intro { position: relative; width: 100%; padding: 110px 5% 10px; background: linear-gradient(135deg, #063472 0%, #003e8e 100%); overflow: hidden; color: #ffffff; }

.ar-contact-intro__container { position: relative; max-width: 1250px; margin: 0 auto; text-align: center; }

/* ================= TRAIT ================= */
.ar-contact-intro__line { display: block; background: #E9E9E7; margin: 15px auto 30px; width: 55px; height: 3px; border-radius: 10px; }

/* ================= DESCRIPTION ================= */
.ar-contact-intro__description { max-width: 860px; margin: 0 auto; line-height: 1.7; margin-bottom: -35px; }

/* ================= TABLETTE ================= */
@media (max-width: 1024px) { .ar-contact-intro { padding: 80px 5% 75px; } .ar-contact-intro__description { font-size: 19px; } }

/* ================= MOBILE ================= */
@media (max-width: 768px) { .ar-contact-intro { padding: 70px 6%; } .ar-contact-intro__line { margin: 24px auto 25px; } .ar-contact-intro__description { font-size: 17px; line-height: 1.75; } }

/* ========================================== ATLANTIQUE RÉNOVATION - ZONE INTERVENTION ========================================== */
.ar-zone, .ar-zone * { box-sizing: border-box; }

.ar-zone { position: relative; width: 100%; padding: 110px 5%; background: #ffffff; overflow: hidden; }

.ar-zone__container { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; max-width: 1200px; margin: 0 auto; }

/* ================= TEXTE ================= */
.ar-zone__content { width: 100%; max-width: 650px; }

.ar-zone__line { display: block; width: 55px; height: 3px; margin: 15px 0 25px; background: #e5e5e5; border-radius: 10px; }

.ar-zone__description p { line-height: 1.7; }

/* ================= BOUTON ================= */
.ar-zone__button { display: inline-block; padding: 12px 25px; border-radius: 0px; text-decoration: none; text-align: center; transition: transform 0.3s ease, opacity 0.3s ease; font-weight: 600; letter-spacing: 0.2px; font-size: 17px; background: #003e8e; color: white !important; margin-top: 20px; }

.ar-zone__button:hover { transform: translateY(-3px); }

/* ================= IMAGE ================= */
.ar-zone__visual { position: relative; width: 100%; overflow: hidden; border-radius: 16px; }

.ar-zone__visual img { display: block; width: 100%; height: auto; aspect-ratio: 1.12 / 1; object-fit: cover; object-position: center; border-radius: 16px; }

/* ================= TABLETTE ================= */
@media (max-width: 1024px) { .ar-zone { padding: 85px 5%; } .ar-zone__container { gap: 40px; } }

/* ================= MOBILE ================= */
@media (max-width: 768px) { .ar-zone { padding: 75px 6%; } .ar-zone__container { grid-template-columns: 1fr; gap: 40px; } .ar-zone__content { max-width: 100%; } .ar-zone__line { margin: 23px 0 27px; } .ar-zone__description p { margin-bottom: 17px; } .ar-zone__button { margin-top: 30px; padding: 18px 25px; } .ar-zone__visual { border-radius: 12px; } .ar-zone__visual img { aspect-ratio: 1.15 / 1; border-radius: 12px; } }

/* ================= PETITS MOBILES ================= */
@media (max-width: 480px) { .ar-zone__visual img { aspect-ratio: 1 / 1; } }

/* ==================================================== ATLANTIQUE RÉNOVATION - SERVICES ==================================================== */
.ar-services, .ar-services * { box-sizing: border-box; }

.ar-services { position: relative; padding: 110px 5%; background: linear-gradient(135deg, #063472 0%, #003e8e 100%); color: #ffffff; overflow: hidden; }

.ar-services__container { max-width: 1200px; margin: 0 auto; }

/* ================= HEADER ================= */
.ar-services__header { max-width: 850px; margin: 0 auto 65px; text-align: center; }

.ar-services__line { display: block; background: #E9E9E7; margin: 15px auto 30px; width: 55px; height: 3px; border-radius: 10px; }

/* ================= GRID ================= */
.ar-services__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }

/* ================= CARTES ================= */
.ar-services__card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 285px; padding: 35px 30px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 12px; }

/* ================= ICONES ================= */
.ar-services__icon { display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; margin-bottom: 27px; border-radius: 10px; background: #e9e9e7; color: #ffffff; }

.ar-services__icon svg { width: 29px; height: 29px; display: block; flex-shrink: 0; color: #003e8e; }

/* ================= TEXTES ================= */
.ar-services__card h3 { margin: 0 0 15px; color: #003e8e; font-size: 21px; font-weight: 600 !important; line-height: 1.3; }

.ar-services__card p { margin: 0; color: #333d4b; font-size: 17px; line-height: 1.5; }

/* ================= TABLETTE ================= */
@media (max-width: 1024px) { .ar-services { padding: 85px 5%; } .ar-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ar-services__card { min-height: 260px; padding: 30px 25px; } .ar-services__header { margin-bottom: 50px; } }

/* ================= MOBILE ================= */
@media (max-width: 768px) { .ar-services { padding: 75px 6%; } .ar-services__header { margin-bottom: 40px; } .ar-services__line { margin: 22px auto 24px; } .ar-services__grid { grid-template-columns: 1fr; gap: 15px; } .ar-services__card { min-height: auto; padding: 28px 25px; transform: none; } .ar-services__card:hover { transform: none; } .ar-services__icon { width: 52px; height: 52px; margin-bottom: 21px; } .ar-services__icon svg { width: 26px; height: 26px; } .ar-services__card h3 { font-size: 20px; margin-bottom: 10px; } .ar-services__card p { font-size: 16px; line-height: 1.7; } }

/* ================= ACCESSIBILITÉ ================= */
@media (prefers-reduced-motion: reduce) { .ar-services__card, .ar-services__button { transition: none; } }

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