/* newsletter.css — rendu navigateur responsive */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    background: #f4f4f4;
    color: #333333;
    font-size:1.1rem;
    line-height: 1.6;
}

/* ── Conteneur principal ─────────────────────────────────────────────────── */
.nl-wrap {
    max-width: 955px;
    margin: 24px auto;
    background: #ffffff;
    width: 90%;
}

/* ── En-tête ─────────────────────────────────────────────────────────────── */
.nl-header {
    background: #007abc;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    padding: 5px 10px;
}

/* ── Corps ───────────────────────────────────────────────────────────────── */
.nl-body {padding: 28px 24px;}

/* ── Page ────────────────────────────────────────────────────────────────── */
.nl-page + .nl-page {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #eeeeee;
}
.nl-page-img {margin-bottom: 16px;}
.nl-page-img img {
    display: block;
    height: auto;
    border-radius: 4px;
    float: left;
    width: 290px;
}
.nl-page-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 22px;
    color: #1a1a1a;
    margin-bottom: 12px;
}
.nl-page-intro {margin-bottom: 20px;}

/* ── Blocs ───────────────────────────────────────────────────────────────── */
.nl-block {margin-bottom: 28px;}
.nl-titol {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    color: #007ABC;
    margin: 0 0 10px;
}

/* Liens inline dans le texte */
.nl-text a {
    color: #990033;
    font-weight: bold;
}

/* Texte : les <p> viennent avec style inline min (margin + line-height) */
.nl-text p {
    margin: 0 0 12px;
    line-height: 1.6;
}
.nl-text p:last-child {margin-bottom: 0;}

/* Image pleine largeur */
.nl-img-full {margin-bottom: 14px;}
.nl-img-full .nl-block-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Image à gauche ou à droite */
.nl-block--img-left,
.nl-block--img-right {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}
.nl-block--img-right {flex-direction: row-reverse;}
.nl-img-side {flex: 0 0 180px;}
.nl-img-side .nl-block-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.nl-block-content {
    flex: 1;
    min-width: 0;
}

/* ── CTA button (inline styles déjà présents, on complète) ──────────────── */
.nl-body a[style*="background:#1a1a1a"] {display: inline-block;}
.btn-open-web {
    display: inline-block;
    padding: 10px 20px;
    background: #007ABC;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.2rem;
}
.btn-open-web:hover {background: #990033;}

/* ── Footer (style guides-multireflex) ───────────────────────────────────── */
.site-footer {
    background: #FDFAF5;
    color: #e7dcc2;
    font-size: 13px;
    padding: 10px 20px 20px;
    font-family: Arial, Helvetica, sans-serif;
    border-top: 4px solid #FFF;
}
.footer-main {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    border-bottom: 1px solid #c7c0b1;
}
.footer-brand {flex: 0 0 220px;}
.logo-link {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 12px;
}
.footer-logo {
    display: block;
    width:110px;
    height: auto;
}
.footer-tagline {
    color: #888888;
    font-size: 12px;
    line-height: 1.5;
}
.footer-newsletter-line {
    color: #007ABC;
    font-size: 12px;
    font-style: italic;
    margin-top: 6px;
}
.footer-links {
    flex: 1;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.footer-col h4 {
    color: #6a5c3c;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
    font-weight: 600;
    min-height: 1em;
}
.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-col li {margin-bottom: 8px;}
.footer-col a {
    color:#a48354;
    text-decoration: none;
    font-size: 15px;
}
.footer-col a:hover {color: #990033;}
.footer-bottom {
    max-width: 960px;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 11px;
    color: #555555;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .nl-wrap {margin: 0;}
    .nl-body {padding: 20px 16px;}
    .nl-block--img-left, .nl-block--img-right {flex-direction: column;}
    .nl-img-side {flex: none;width: 100%;}
    .nl-footer {flex-direction: column;padding: 16px;}
    .nl-page-title {font-size: 19px;}
    .nl-titol {font-size: 16px;}
}