@import url(main.css);
/************************* NAVBAR *******************************/
#navigation-bar-hide { opacity: 1 !important; top: 0 !important; }

.animated-border-button:after { background-color: #87A885 !important; }

/************************* HERO ACCUEIL *******************************/
.fondDegradeLogo { max-width: 50%; }

.titleText > h2 { letter-spacing: 1px; }

.titleText > h1 { letter-spacing: 4px; }

/*************** PRESENTATION ENTREPRISE ACCUEIL *********************/
#presentation ul { margin: 12px 0 0; padding-left: 20px; }

#presentation li { line-height: 1.4; }

#presentation li::marker { color: #717a5d; }

#presentation p { margin-bottom: 0px !important; }

/*************** SERVICES ACCUEIL *********************/
.ard-services-section { padding: 40px 5%; background-color: #ffffff; }

.ard-services-inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 65px 55px; background-color: #3d482c; border-radius: 32px; box-sizing: border-box; }

.ard-services-heading { max-width: 760px; margin: 0 auto 45px; text-align: center; color: #ffffff; }

.ard-services-label { margin-bottom: 12px; color: #87a885; text-transform: uppercase; letter-spacing: 1.5px; }

.ard-services-title { margin-bottom: 16px; color: #ffffff; }

.ard-services-title h2, .ard-services-title h3, .ard-services-title p, .ard-services-intro p { margin: 0; color: inherit; }

.ard-services-intro { color: rgba(255, 255, 255, 0.82); line-height: 1.65; }

.ard-services-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; align-items: start; }

.ard-service-card { display: flex; flex-direction: column; min-width: 0; background-color: #f8f8f4; border-radius: 18px; color: #24281d; text-decoration: none !important; overflow: hidden; box-sizing: border-box; transition: transform 0.35s ease, box-shadow 0.35s ease; }

.ard-service-card--image-first { flex-direction: column; }

.ard-service-content { display: flex; flex-direction: column; align-items: flex-start; padding: 28px 30px; box-sizing: border-box; }

.ard-service-title { margin-bottom: 12px; color: #303823; }

.ard-service-title h2, .ard-service-title h3, .ard-service-title h4, .ard-service-title p { margin: 0; color: inherit; }

.ard-service-text { margin-bottom: 14px; color: #606556; line-height: 1.55; }

.ard-service-text p { margin: 0; color: inherit; }

.ard-service-link { display: inline-flex; align-items: center; justify-content: center; padding: 10px 24px; border: 1px solid #717a5d; border-radius: 999px; color: #3d482c; line-height: 1.2; transition: background-color 0.3s ease, color 0.3s ease; font-family: "Manrope"; }

.ard-service-visual { position: relative; height: 230px; overflow: hidden; }

.ard-service-visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform 0.5s ease; }

.ard-service-card:hover { transform: translateY(-7px); box-shadow: 0 18px 38px rgba(15, 20, 10, 0.22); }

.ard-service-card:hover .ard-service-visual img { transform: scale(1.04); }

.ard-service-card:hover .ard-service-link { background-color: #717a5d; color: #ffffff; }

@media (max-width: 1050px) { .ard-services-section { padding: 70px 4%; } .ard-services-inner { padding: 55px 35px; border-radius: 26px; } .ard-services-container { grid-template-columns: repeat(2, 1fr); } .ard-service-card:last-child { grid-column: 1 / -1; width: 100%; max-width: 520px; justify-self: center; } .ard-service-visual { height: 240px; } }

@media (max-width: 760px) { .ard-services-section { padding: 55px 20px; } .ard-services-inner { padding: 48px 22px; border-radius: 22px; } .ard-services-heading { margin-bottom: 35px; } .ard-services-container { grid-template-columns: 1fr; gap: 20px; } .ard-service-card:last-child { grid-column: auto; max-width: none; } .ard-service-card--image-first { flex-direction: column-reverse; } .ard-service-content { padding: 26px 24px; } .ard-service-visual { height: 250px; } }

@media (max-width: 480px) { .ard-services-section { padding: 40px 12px; } .ard-services-inner { padding: 40px 14px; border-radius: 18px; } .ard-service-card { border-radius: 14px; } .ard-service-content { padding: 22px 18px; } .ard-service-visual { height: 210px; } .ard-service-link { width: 100%; box-sizing: border-box; } }

/*************** SECTION ENGAGEMENT *********************/
.engagement-overlay { background: rgba(0, 0, 0, 0) !important; z-index: 0; }

.col.engagement-col { width: 50% !important; }

/*************** SECTION ZONE *********************/
.ard-zone-section { width: 100%; padding: 60px 40px; background-color: #ffffff; box-sizing: border-box; }

.ard-zone-container { width: 100%; max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 650px) minmax(0, 1fr); gap: 55px; align-items: center; }

.ard-zone-image { width: 100%; display: flex; align-items: center; justify-content: center; }

.ard-zone-image img { width: 100%; max-width: 650px; height: auto; max-height: 580px; display: block; object-fit: contain; object-position: center; transition: transform 0.4s ease; }

.ard-zone-image:hover img { transform: scale(1.02); }

.ard-zone-content { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

.ard-zone-label { margin-bottom: 14px; padding: 10px 20px; background-color: #b4e2b1; border-radius: 999px; color: #606b4e; letter-spacing: 0.06em; }

.ard-zone-title { position: relative; margin-bottom: 20px; padding-bottom: 16px; color: #303823; line-height: 1.15; }

.ard-zone-title h2, .ard-zone-title h3, .ard-zone-title p { margin: 0; color: inherit; }

.ard-zone-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 90px; height: 3px; background-color: #717a5d; border-radius: 999px; }

.ard-zone-description { width: 100%; min-width: 0; color: #606556; line-height: 1.55; }

.ard-zone-description p { margin: 0 0 16px; color: inherit; }

.ard-zone-description p:last-of-type { margin-bottom: 0; }

.ard-zone-description ul { width: 100%; margin: 26px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 18px; list-style: none; box-sizing: border-box; }

.ard-zone-description li { position: relative; min-width: 0; margin: 0; padding-left: 14px; line-height: 1.4; word-break: normal; overflow-wrap: normal; }

.ard-zone-description li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 5px; height: 5px; background-color: #717a5d; border-radius: 50%; transform: translateY(-50%); }

@media (max-width: 1200px) { .ard-zone-section { padding: 55px 30px; } .ard-zone-container { grid-template-columns: minmax(0, 560px) minmax(0, 1fr); gap: 40px; } .ard-zone-image img { max-width: 560px; max-height: 500px; } .ard-zone-description ul { gap: 12px 14px; } }

@media (max-width: 950px) { .ard-zone-section { padding: 50px 24px; } .ard-zone-container { grid-template-columns: 1fr; gap: 35px; } .ard-zone-image img { max-width: 650px; max-height: 500px; } .ard-zone-content { align-items: center; text-align: center; } .ard-zone-title::after { left: 50%; transform: translateX(-50%); } .ard-zone-description ul { grid-template-columns: repeat(4, minmax(0, 1fr)); text-align: left; } }

@media (max-width: 720px) { .ard-zone-section { padding: 42px 18px; } .ard-zone-image img { max-width: 100%; max-height: 400px; } .ard-zone-description ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 22px; } }

@media (max-width: 460px) { .ard-zone-section { padding: 36px 14px; } .ard-zone-container { gap: 28px; } .ard-zone-image img { max-height: 320px; } .ard-zone-label { padding: 8px 16px; } .ard-zone-description ul { grid-template-columns: 1fr; gap: 9px; } }

/*************** SECTION CTA *********************/
a.button_homepageDoubleScreen { z-index: 99; padding: 0.9em; background-color: #ffffff !important; border-radius: 50px; cursor: pointer; border: none; text-align: center; text-decoration: none; }

a.button_homepageDoubleScreen:hover { color: #ffffff !important; background-color: #87a885 !important; }

.button_homepageDoubleScreen p { margin: 0 !important; }

/*************************************************** PAGES SECONDAIRES ***********************************************************/
#secondaires { height: 0; }

\
#secondaires + style + #fullHeight { height: 80vh; min-height: unset !important; }

div#titre { margin-bottom: -50px; }

img.d-block.mx-lg-auto.img-fluid { width: auto; height: auto; max-height: 500px; vertical-align: center; }

@media (max-width: 992px) { img.d-block.mx-lg-auto.img-fluid { max-height: 250px; } }

@media (max-width: 576px) { img.d-block.mx-lg-auto.img-fluid { max-height: 250px; } }

/*************************************************** PAGES SEO ***********************************************************/
#navbarSupportedContent > ul > li.dropdown.px-4 > div > a:nth-child(1) { color: #717A5D !important; }

#navbarSupportedContent > ul > li.dropdown.px-4 > div > a.nav-link.fs-6.dropdown-toggle.px-0.py-0.text-color-secondary.text-center > i { color: #717A5D !important; }

body > main > div.wrapper > div > div:nth-child(16) > div.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative > div.row.flex-lg-row.align-items-center.g-5.py-2.px-4.mt-2.position-relative.z-1 > div.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 > div:nth-child(3) > p { font-family: "Manrope" !important; color: #717A5D !important; }

body > main > div.wrapper > div > div:nth-child(16) > div.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative > div.row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-2.position-relative.z-1 > div.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 > div:nth-child(3) > p { font-family: "Manrope" !important; color: #717A5D !important; }

body > main > div.wrapper > div > div:nth-child(16) > div.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 > div.row.flex-lg-row.align-items-center.g-5.py-2.px-4.mt-2.position-relative.z-1 > div.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 > div:nth-child(3) > p { font-family: "Manrope" !important; color: #717A5D !important; }

a.button_homepageDoubleScreen { color: #717A5D !important; }

#bandeau-title-seo > div > h2 { color: #717A5D !important; }

body > main > div.wrapper > div > div.my-5.pb-4 > div.px-5.pt-5.display-6.text-color-primary.titles { color: #717A5D !important; }

body > main > div.wrapper > div > div.bandeau.border-bottom-1.row > div > h1 { color: #717A5D !important; }

#custom-cards > h2 { color: #717A5D !important; }

.row.row-cols-1.row-cols-lg-3.g-5.py-2, .row.row-cols-1.row-cols-lg-3.g-5.py-2 h3, .row.row-cols-1.row-cols-lg-3.g-5.py-2 a, .row.row-cols-1.row-cols-lg-3.g-5.py-2 li { color: #717A5D !important; }

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