:root { --bouton-gris: #8c8c8c; --noir: #171717; --dark: var(--noir); --secondary: #fff; --ldj-text: #606060; --ldj-title: #505050; --ldj-border: #8c8c8c; --ldj-soft: #fff; --ldj-bg: #fff; --primary: var(--bouton-gris) !important; --bs-primary: var(--bouton-gris) !important; --bs-primary-rgb: 140, 140, 140 !important; --ldj-primary: var(--bouton-gris) !important; --ldj-primary-dark: var(--bouton-gris) !important; }
body { color: var(--ldj-text); background: rgb(255, 255, 255); }
body .bg-dark { background-color: var(--noir) !important; }
body .text-secondary { color: rgb(255, 255, 255) !important; }
body .text-primary, body .text-warning, body a[style*="color:#f96d3a"], #video-why .bi { color: var(--ldj-text) !important; }
footer .text-primary { color: rgb(255, 255, 255) !important; }
.journey-content a:focus-visible { outline-color: var(--noir); }
.journey-content .journey-primary, .journey-content .journey-primary:hover, .journey-content .journey-primary:focus, body .btn-primary, body .btn-primary:is(:hover, :focus, :active), body .btn-outline-primary, body .btn-outline-primary:is(:hover, :focus, :active), .premium-main-link, .premium-main-link:hover, .premium-secondary-link, .premium-secondary-link:hover { background: var(--bouton-gris) !important; border-color: var(--bouton-gris) !important; color: rgb(23, 23, 23) !important; }
.journey-primary:hover, .btn-primary:hover { text-decoration: none; }
body :is(a, button, input, select, textarea):focus-visible { outline-color: var(--noir) !important; }
body .bg-dark :is(a, button):focus-visible { outline-color: rgb(255, 255, 255) !important; }
:root { --papier: #fbfaf7; --bandeau-logo: #efe5d9; --bandeau-navigation: #f3f1ee; --brume: #e5d8c9; --filet: #d7c7b6; --encre: #55524f; --bouton-gris: #dedad5; --ldj-bg: var(--papier); --ldj-soft: var(--papier); --ldj-text: #5f5a54; --ldj-title: var(--encre); --ldj-border: var(--filet); --font-heading: Georgia, 'Times New Roman', serif; }
html body > .container-fluid:first-of-type img[src*="logo-Lune.png"], html body > footer img[src*="logo-Lune.png"] { width: 365px !important; max-width: 100% !important; max-height: none !important; height: auto !important; }
html body > .container-fluid:first-of-type img[width="274"], html body .ldj-navigation .navbar-brand img[src*="logo-Lune.png"] { width: 117px !important; max-width: 100% !important; height: auto !important; }
html { background: rgb(212, 209, 205); }
body { max-width: 1240px; margin: 36px auto; background: var(--papier); color: var(--ldj-text); font-size: 15px; line-height: 1.8; }
body > .container-fluid:first-of-type { background: var(--brume); padding: 22px 0px; }
body .bg-dark { background: var(--brume) !important; }
body > .container-fluid:first-of-type img, .ldj-navigation .navbar-brand img, footer img { filter: none; opacity: 1; }
body .text-secondary, body .text-white, footer .text-primary { color: var(--encre) !important; }
body > .container-fluid:first-of-type, body > .container-fluid:first-of-type .bg-dark { background: var(--bandeau-logo) !important; }
body :is(a, button, input, select, textarea):focus-visible, body .bg-dark :is(a, button):focus-visible { outline-color: rgb(119, 113, 107) !important; }
#contenu > section:first-child { background: var(--papier) !important; }
#contenu > section:first-child picture { display: block; }
#contenu > section:first-child picture img { object-position: center 48%; filter: saturate(0.5) contrast(0.92) brightness(1.04); height: 470px !important; }
body :is(h2, h3, h4, h5, h6, .section-title, .premium-card-title, .editorial-card .card-title) { letter-spacing: 0px; line-height: 1.3; font-weight: 400 !important; }
.journey-content .journey-primary, body .btn-primary, body .btn-primary:is(:hover, :focus, :active) { font-size: 0.82rem; font-weight: 600; padding: 12px 20px; transition: background-color 0.2s; background: var(--bouton-gris) !important; border: 1px solid rgb(200, 194, 187) !important; color: rgb(81, 76, 71) !important; font-family: "Open Sans", sans-serif !important; text-decoration: none !important; }
footer { border-top: 1px solid var(--filet); margin-top: 72px !important; }
footer .footer-social .btn { padding: 0px; }
@media (max-width: 991.98px){body { margin: 0px auto; }
#contenu > section:first-child picture img { height: 380px !important; }
}
@media (max-width: 576px){body { font-size: 14px; }
#contenu > section:first-child picture img { height: 330px !important; }
}
body.page-site-commun { color: rgb(98, 93, 87); }
body.page-site-commun main { max-width: 1120px; margin-left: auto; margin-right: auto; }
body.page-site-commun main h1 { font-size: clamp(1.8rem, 3.6vw, 2.8rem) !important; line-height: 1.25 !important; font-weight: 400 !important; text-transform: none !important; }
body.page-site-commun main h2, body.page-site-commun main h3 { line-height: 1.3; font-weight: 400 !important; }
body.page-site-commun main p, body.page-site-commun main li { line-height: 1.7; }
body.page-site-commun main a:not(.btn):not(.journey-primary) { color: inherit !important; font-weight: 700; }
body.page-site-commun footer { box-sizing: border-box; width: 100% !important; left: auto !important; right: auto !important; margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 767px){body.page-site-commun main section { padding-left: 18px; padding-right: 18px; }
}
.ldj-test-nav { position: relative; z-index: 1040; background: var(--bandeau-navigation,#f3f1ee); border-top: 1px solid rgb(228, 223, 217); }
.ldj-test-inner { max-width: 1180px; min-height: 66px; margin: auto; padding: 0px 20px; display: flex; align-items: center; justify-content: center; }
.ldj-test-links { display: flex; align-items: stretch; justify-content: center; gap: 5px; margin: 0px; padding: 0px; list-style: none; }
.ldj-test-link, .ldj-test-trigger { display: flex; align-items: center; gap: 7px; height: 66px; padding: 0px 20px; border: 0px; background: transparent; color: var(--encre,#55524f); font-style: normal; letter-spacing: 0.1em; line-height: 1.4; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: color 0.18s, background-color 0.18s; font-family: Oswald, sans-serif !important; font-size: 15.3px !important; font-weight: 400 !important; }
.ldj-test-trigger { appearance: none; }
.ldj-test-link:hover, .ldj-test-link:focus, .ldj-test-trigger:hover, .ldj-test-trigger:focus, .ldj-test-link[aria-current="page"], .ldj-test-trigger[aria-current="page"], .ldj-test-group.is-open > .ldj-test-trigger { color: rgb(48, 45, 42); background: var(--bandeau-logo,#efe5d9); }
.ldj-test-trigger .bi { font-size: 0.612rem; transition: transform 0.2s; }
.ldj-test-group { position: relative; }
.ldj-test-prestations.is-open .ldj-test-trigger .bi, .ldj-test-group.is-open .ldj-test-trigger .bi { transform: rotate(180deg); }
.ldj-test-simple { display: none; position: absolute; left: 20px; top: 100%; width: max-content; min-width: calc(100% - 20px); padding: 6px 0px; background: var(--papier,#fbfaf7); border: 1px solid var(--filet,#d7c7b6); box-shadow: rgba(0, 0, 0, 0.14) 0px 18px 45px; }
.ldj-test-group:hover .ldj-test-simple, .ldj-test-group:focus-within .ldj-test-simple, .ldj-test-group.is-open .ldj-test-simple { display: block; }
.ldj-test-simple a { display: block; padding: 11px 16px; color: var(--encre,#55524f); font-family: Oswald, sans-serif; font-size: 13.6px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.5; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.ldj-test-simple a:hover, .ldj-test-simple a:focus { color: var(--encre,#55524f); background: var(--bouton-gris,#dedad5); }
.ldj-test-toggle { display: none; border: 1px solid rgb(170, 164, 158); background: transparent; color: var(--encre,#55524f); padding: 7px 11px; font-size: 1.35rem; }
@media (max-width: 991.98px){.ldj-test-inner { min-height: 68px; justify-content: space-between; }
.ldj-test-toggle { display: block; }
.ldj-test-links { display: none; position: absolute; left: 0px; right: 0px; top: 100%; background: var(--bandeau-navigation,#f3f1ee); padding: 8px 18px 18px; flex-direction: column; align-items: stretch; gap: 0px; max-height: calc(-68px + 100vh); overflow: auto; }
.ldj-test-links.is-open { display: flex; }
.ldj-test-link, .ldj-test-trigger { width: 100%; height: auto; min-height: 48px; padding: 11px 4px; justify-content: space-between; border-bottom: 1px solid var(--filet,#d7c7b6); }
.ldj-test-prestations, .ldj-test-group { position: relative; }
.ldj-test-prestations:hover .ldj-test-mega, .ldj-test-group:hover .ldj-test-simple { display: none; }
.ldj-test-prestations.is-open .ldj-test-mega, .ldj-test-group.is-open .ldj-test-simple { display: block; }
.ldj-test-mega, .ldj-test-simple { position: static; transform: none; width: 100%; padding: 10px; background: var(--papier,#fbfaf7); border: 1px solid var(--filet,#d7c7b6); box-shadow: none; }
.ldj-test-sublist a, .ldj-test-simple a { color: var(--encre,#55524f); padding: 8px 4px; white-space: normal; }
}
html.ldj-header-unifie-root { background: rgb(212, 209, 205); }
body.ldj-header-unifie { width: 100%; max-width: 1240px; margin: 36px auto !important; }
.ldj-unified-topbar { height: 154px; text-align: center; box-sizing: border-box; padding: 22px 0px !important; background: var(--bandeau-logo, #efe5d9) !important; }
.ldj-unified-topbar a { display: inline-block; height: 110px; }
.ldj-unified-topbar .site-banner-logo { display: block; object-fit: contain; width: 274px !important; max-width: 100% !important; height: 110px !important; filter: none !important; opacity: 1 !important; }
body.ldj-header-unifie > .ldj-test-nav { width: 100%; }
@media (max-width: 991.98px){html.ldj-header-unifie-root { background: var(--papier, #fbfaf7); }
body.ldj-header-unifie { margin: 0px auto !important; }
body.ldj-header-unifie .ldj-test-toggle { width: 46px; height: 55px; padding: 7px 11px; line-height: 1; }
}