/* --- Normand Voyage — Option 2 (Sable/Terracotta) --- */ :root{ --brand:#C65C3D;--brand-dark:#8A3F2C;--sand:#F3E9DA;--text:#2E2A27;--bg:#FFFFFF; --muted:#6B6059;--soft:#FAF5EE;--border:#E9DCCB; } body{color:var(--text);background:var(--bg);line-height:1.7;} /* Titres + corps (polices via Étape 2) */ .post-body h1,.post-title,h1{font-size:32px;margin:28px 0 14px;color:var(--brand-dark);letter-spacing:.2px;} .post-body h2,h2{font-size:24px;margin:24px 0 12px;color:#4A3F39;} .post-body p{margin:0 0 1em;} .post-body blockquote{font-style:italic;color:#5C524C;border-left:4px solid var(--border);padding:10px 16px;margin:12px 0;background:var(--soft);border-radius:6px;} .post-body img{display:block;margin:20px auto 6px;} .caption{font-size:14px;color:#7A6E67;text-align:center;font-style:italic;margin-bottom:20px;} /* Bloc Infos Voyage */ .travel-info{background:var(--sand);border-left:5px solid var(--brand);padding:16px;margin:20px 0;font-size:16px;color:var(--brand-dark);border-radius:8px;} /* Menu (si présent) */ .nav-outer{background:var(--soft);border-bottom:1px solid var(--border);} .navbar a{padding:10px 14px;border-radius:999px;color:var(--brand-dark);font-weight:600;background:var(--sand);border:1px solid var(--border);text-decoration:none;} .navbar a:hover{background:#F7EFE2;border-color:#E4D3BB;} /* Galerie */ .photo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;} .photo-gallery a{display:block;} .photo-gallery img{width:100%;height:auto;border-radius:8px;border:1px solid var(--border);background:#fff;transition:transform .25s,box-shadow .25s;will-change:transform;} .photo-gallery img:hover{transform:scale(1.02);box-shadow:0 6px 18px rgba(0,0,0,.18);} @media(max-width:1024px){.photo-gallery{grid-template-columns:repeat(3,1fr);}} @media(max-width:768px){.photo-gallery{grid-template-columns:repeat(2,1fr);}} @media(max-width:480px){.photo-gallery{grid-template-columns:1fr;}} /* Bouton retour en haut */ #backToTop{position:fixed;right:16px;bottom:16px;padding:10px 12px;background:var(--brand);color:#fff;border:none;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.2);display:none;z-index:999;} #backToTop:hover{background:#AD4F35;} /* Pied + séparateurs doux */ .footer-outer{border-top:1px solid var(--border);} Voyage transatlantique