/* ══════════ AJOUT PARTENARIAT / CTA (préfixe vd-) ══════════ */
.vd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;padding:.7rem 1.3rem;border-radius:50px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.vd-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.vd-btn:focus-visible{outline:3px solid #f4a300;outline-offset:2px}
.vd-btn--gold{background:#f4a300;color:#003366}
.vd-btn--gold:hover{background:#f9c84a;color:#003366}
.vd-btn--red{background:#c0001a;color:#fff}
.vd-btn--red:hover{background:#8b0012;color:#fff}
.vd-btn--navy{background:#003366;color:#fff}
.vd-btn--navy:hover{background:#0d4a8b;color:#fff}
.vd-btn--wa{background:#1a8040;color:#fff}
.vd-btn--wa:hover{background:#146a34;color:#fff}
.vd-btn--ghost{background:transparent;color:#fff;border-color:#fff}
.vd-btn--ghost:hover{background:#fff;color:#003366}
.vd-btn--line{background:#fff;color:#003366;border-color:#003366}
.vd-btn--line:hover{background:#003366;color:#fff}
.vd-btn--block{display:flex;width:100%}

/* Bandeau fin (accueil) */
.vd-strip{background:linear-gradient(90deg,#003366,#0d4a8b);color:#fff;border-bottom:3px solid #f4a300;padding:.8rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.5rem;text-align:center;font-family:'Source Serif 4',Georgia,serif}
.vd-strip p{margin:0;font-size:1rem}
.vd-strip strong{color:#f9c84a}
.vd-strip div{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}

/* Bloc offres */
.vd-offers{max-width:1200px;margin:2rem auto;padding:2rem 1.2rem;background:#fff;border:1px solid #ddd;border-top:5px solid #f4a300;border-radius:12px;box-shadow:0 6px 28px rgba(0,0,0,.08)}
.vd-offers-head{text-align:center;max-width:720px;margin:0 auto 1.6rem}
.vd-offers-head h2{font-family:'Playfair Display',Georgia,serif;color:#003366;font-size:1.7rem;line-height:1.25;margin:0 0 .5rem}
.vd-offers-head p{color:#444;font-size:1.05rem;margin:0}
.vd-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;margin-bottom:1.6rem}
.vd-pack{display:flex;flex-direction:column;background:#f8f8f8;border:2px solid #ddd;border-radius:12px;padding:1.3rem 1.2rem;text-align:center}
.vd-pack--star{border-color:#f4a300;background:#fffaf0;box-shadow:0 4px 22px rgba(244,163,0,.25)}
.vd-pack h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.5rem;letter-spacing:.08em;color:#003366;margin:0}
.vd-pack-tag{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;color:#c07f00;margin:.1rem 0 .5rem;font-size:.95rem}
.vd-pack-price{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:2rem;color:#c0001a;margin:0 0 .8rem}
.vd-pack-price span{font-size:1rem;color:#444}
.vd-pack ul{list-style:none;margin:0 0 1.1rem;padding:0;text-align:left;flex:1}
.vd-pack li{padding:.4rem 0 .4rem 1.5rem;position:relative;border-bottom:1px solid #e6e6e6;font-size:.95rem;color:#1a1a1a}
.vd-pack li::before{content:'✓';position:absolute;left:0;color:#1a8040;font-weight:900}
.vd-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.vd-note{text-align:center;color:#555;font-size:.88rem;margin:1rem 0 0}
.vd-proof{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:center;margin:1.4rem 0 0;padding:1rem 0 0;border-top:1px solid #ddd}
.vd-proof li{text-align:center;font-family:'Barlow Condensed',Arial,sans-serif;color:#555;font-weight:700}
.vd-proof b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.6rem;color:#003366}

/* Comparatif, étapes, FAQ, bandeau final */
.vd-block{margin:2rem 0}
.vd-block h3{font-family:'Playfair Display',Georgia,serif;color:#003366;font-size:1.35rem;margin:0 0 .4rem}
.vd-block>p{color:#444;margin:0 0 1rem}
.vd-table-wrap{overflow-x:auto}
.vd-table{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid rgba(0,51,102,.15);border-radius:12px;overflow:hidden;min-width:520px}
.vd-table th,.vd-table td{padding:.75rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid #e6e6e6;font-size:.95rem}
.vd-table th{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1rem;letter-spacing:.05em;background:#003366;color:#fff}
.vd-table th:last-child{background:#c0001a}
.vd-table td:first-child{font-weight:700;color:#003366;width:22%}
.vd-table td:last-child{background:#fffaf0}
.vd-steps{list-style:none;counter-reset:vd;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:0;padding:0}
.vd-steps li{counter-increment:vd;background:#fff;border:1.5px solid rgba(0,51,102,.15);border-top:4px solid #f4a300;border-radius:12px;padding:1rem 1.1rem}
.vd-steps li::before{content:counter(vd);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#003366;color:#fff;font-weight:800;font-family:'Barlow Condensed',Arial,sans-serif;margin-bottom:.4rem}
.vd-steps b{display:block;color:#003366;margin-bottom:.2rem}
.vd-steps span{font-size:.92rem;color:#444}
.vd-faq details{background:#fff;border:1.5px solid rgba(0,51,102,.15);border-radius:10px;margin-bottom:.6rem;padding:.2rem 1rem}
.vd-faq summary{cursor:pointer;font-weight:700;color:#003366;padding:.7rem 0;list-style:revert}
.vd-faq summary:focus-visible{outline:3px solid #f4a300;outline-offset:2px}
.vd-faq details p{margin:0 0 .9rem;color:#444;font-size:.95rem}
.vd-final{background:linear-gradient(135deg,#003366,#0d4a8b);color:#fff;border-radius:12px;padding:1.8rem 1.2rem;text-align:center;margin:2rem 0}
.vd-final h3{font-family:'Playfair Display',Georgia,serif;color:#fff;font-size:1.45rem;margin:0 0 .4rem}
.vd-final p{margin:0 0 1.1rem;color:#e8f0fb}
.vd-pack-cta{padding:0 1.3rem 1.2rem;text-align:center}

/* Boutons flottants */
.vd-float{position:fixed;right:14px;bottom:14px;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.vd-float .vd-btn{box-shadow:0 4px 16px rgba(0,0,0,.3)}
@media (max-width:600px){
  .vd-float{right:8px;bottom:8px}
  .vd-float .vd-btn{font-size:.85rem;padding:.55rem .9rem}
  .vd-offers{margin:1rem .6rem;padding:1.3rem .9rem}
  .vd-offers-head h2{font-size:1.35rem}
  .vd-strip p{font-size:.9rem}
}
@media print{.vd-float,.vd-strip{display:none!important}}
@media (prefers-reduced-motion:reduce){.vd-btn{transition:none}.vd-btn:hover{transform:none}}
/* ══════════ FIN AJOUT PARTENARIAT ══════════ */

/* ══════════ Pages Partenariat : mise en page (mêmes couleurs et polices que le site) ══════════ */
*,*::before,*::after{box-sizing:border-box}
body.vd-page{margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#f2f2f2}
.vd-page a:where(:not(.vd-btn)){color:inherit;text-decoration:none}
.vd-top{background:#c0001a;color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:.9rem;padding:.4rem 1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem}
.vd-head{background:#fff;border-bottom:3px solid #003366}
.vd-head-in{max-width:1200px;margin:0 auto;padding:.7rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.vd-brand{display:flex;align-items:center;gap:.8rem}
.vd-brand img{width:90px;height:auto}
.vd-brand b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.5rem;color:#003366;line-height:1.1}
.vd-brand small{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;color:#c0001a;font-size:1rem}
.vd-nav{background:#003366}
.vd-nav-in{max-width:1200px;margin:0 auto;padding:0 1.2rem;display:flex;flex-wrap:wrap}
.vd-nav a{color:#fff;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.8rem 1rem;border-bottom:3px solid transparent}
.vd-nav a:hover,.vd-nav a[aria-current="page"]{border-bottom-color:#f4a300;color:#f9c84a}
.vd-hero{background:linear-gradient(135deg,#1a3a5c 0%,#0d4a8b 55%,#c07f00 100%);color:#fff;text-align:center;padding:2.8rem 1.2rem}
.vd-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:2.1rem;line-height:1.25;max-width:820px;margin:0 auto .7rem}
.vd-hero p{max-width:680px;margin:0 auto 1.4rem;font-size:1.1rem;color:#e8f0fb}
.vd-wrap{max-width:1100px;margin:0 auto;padding:1.5rem 1.2rem 3rem}
.vd-wrap .vd-offers{margin:1.5rem 0}
.vd-profiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.vd-profile{background:#fff;border:1.5px solid rgba(0,51,102,.15);border-radius:12px;padding:1.1rem;display:flex;flex-direction:column}
.vd-profile h4{font-family:'Playfair Display',Georgia,serif;color:#003366;margin:0 0 .3rem;font-size:1.1rem}
.vd-profile p{margin:0 0 .9rem;color:#444;font-size:.95rem;flex:1}
.vd-formbox{background:#fff;border:1px solid #ddd;border-top:5px solid #c0001a;border-radius:12px;padding:1.6rem 1.3rem;box-shadow:0 6px 28px rgba(0,0,0,.08)}
.vd-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.vd-field{display:flex;flex-direction:column;gap:.3rem}
.vd-field--full{grid-column:1/-1}
.vd-field label{font-weight:700;color:#003366;font-size:.95rem}
.vd-field input,.vd-field select,.vd-field textarea{font:inherit;padding:.65rem .8rem;border:1.5px solid #aaa;border-radius:8px;background:#fff;color:#1a1a1a;width:100%}
.vd-field input:focus,.vd-field select:focus,.vd-field textarea:focus{outline:3px solid rgba(244,163,0,.55);border-color:#c07f00}
.vd-field textarea{min-height:110px;resize:vertical}
.vd-error{color:#c0001a;font-weight:700;font-size:.9rem;min-height:1.2em;margin:0}
.vd-result{display:none;margin-top:1.4rem;background:#eaf7ef;border-left:5px solid #1a8040;border-radius:8px;padding:1.1rem 1.2rem}
.vd-result.vd-show{display:block}
.vd-result h3{margin:0 0 .3rem;color:#146a34;font-family:'Playfair Display',Georgia,serif}
.vd-result pre{white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #cfe6d8;border-radius:8px;padding:.8rem;font:inherit;font-size:.9rem;margin:.8rem 0}
.vd-side{display:grid;gap:1rem;margin-top:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.vd-side div{background:#fff;border:1.5px solid rgba(0,51,102,.15);border-radius:12px;padding:1rem}
.vd-side b{color:#003366;display:block;margin-bottom:.2rem}
.vd-foot{background:#111;color:#ddd;text-align:center;padding:1.8rem 1.2rem;font-size:.92rem}
.vd-foot a{color:#f9c84a;text-decoration:underline}
.vd-foot p{margin:.2rem 0}
@media (max-width:700px){
  .vd-hero h1{font-size:1.5rem}
  .vd-form{grid-template-columns:1fr}
  .vd-nav a{padding:.65rem .7rem;font-size:.9rem}
  .vd-brand img{width:64px}
}