@import url('https://fonts.googleapis.com/css2?family=Paytone+One&family=Quicksand:wght@400;500;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Quicksand',sans-serif;font-size:1.05rem;line-height:1.75;color:#123c3c;background:#fbf7ef}
img{max-width:100%;display:block}
a{color:#0f6b6b}
h1,h2,h3{font-family:'Paytone One',sans-serif;font-weight:400;color:#0f4646;line-height:1.12}
.large{width:min(1180px,93%);margin:0 auto}
.etroit{width:min(760px,93%);margin:0 auto}

/* entête simple, marque à gauche */
.haut{background:#fbf7ef;padding:14px 0}
.haut .large{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.marque{display:flex;align-items:center;gap:12px;text-decoration:none}
.marque img{width:54px;height:54px}
.marque strong{font-family:'Paytone One',sans-serif;color:#0f4646;font-size:1.22rem;line-height:1.05;display:block}
.marque small{color:#1c8c8c;font-size:.8rem;font-weight:700}
.menu a{text-decoration:none;color:#123c3c;font-weight:700;margin-left:18px;padding-bottom:4px;border-bottom:3px solid transparent}
.menu a:hover{border-bottom-color:#f2a93b}
.menu a[aria-current]{border-bottom-color:#e2543e}

/* biseaux */
.pan{padding:70px 0 90px}
.pan.lagon{background:#0f6b6b;color:#eafaf5;clip-path:polygon(0 42px,100% 0,100% calc(100% - 42px),0 100%)}
.pan.lagon h2,.pan.lagon h3{color:#fff}
.pan.lagon a{color:#ffd98a}
.pan.sable{background:#f6e9d2;clip-path:polygon(0 0,100% 42px,100% 100%,0 calc(100% - 42px))}
.pan.corail{background:#e2543e;color:#fff5ef;clip-path:polygon(0 42px,100% 0,100% calc(100% - 42px),0 100%)}
.pan.corail h2{color:#fff}
.geant{font-size:clamp(2.3rem,6vw,4.1rem);max-width:18ch}
.sous{font-size:1.2rem;font-weight:500;max-width:52ch;margin-top:18px}
.souligne{background:linear-gradient(transparent 62%,#f2a93b 62%)}

/* boutons */
.go{display:inline-block;background:#e2543e;color:#fff;text-decoration:none;font-weight:700;padding:13px 26px;border-radius:12px;margin-top:26px;border:0;font-size:1.02rem;cursor:pointer}
.go:hover{background:#c73f2b}
.go.mer{background:#0f6b6b}
.go.mer:hover{background:#0a5252}

/* parcours horizontal */
.sentier{display:flex;gap:18px;overflow-x:auto;padding:26px 4px 18px;scroll-snap-type:x mandatory}
.sentier>div{flex:0 0 280px;scroll-snap-align:start;background:#fff;border-radius:18px;padding:24px 22px;box-shadow:0 4px 14px rgba(15,70,70,.12)}
.sentier h3{font-size:1.25rem;margin-bottom:8px}
.sentier p{font-size:.95rem}
.sentier .pico{width:52px;height:52px;margin-bottom:12px}

/* statuts */
.statuts{background:#0f4646;border-radius:22px;padding:38px 32px;color:#eafaf5;margin-top:34px}
.statuts h3{color:#f2a93b;font-size:1.35rem;margin-bottom:14px}
.statuts q{quotes:none;font-size:.99rem;line-height:1.85}
.statuts .griffe{margin-top:16px;font-size:.85rem;font-weight:700;color:#9fd8cd}

/* duo colonnes */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
@media(max-width:820px){.duo{grid-template-columns:1fr}}
.motif{width:100%;height:auto}

/* listes vitamine */
.vitamine{list-style:none;margin:20px 0}
.vitamine li{padding:10px 0 10px 38px;position:relative;font-weight:500}
.vitamine li::before{content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;background:#f2a93b;box-shadow:inset -5px -5px 0 #e2543e}

/* contact */
.carte-postale{border-radius:20px;overflow:hidden;box-shadow:0 6px 20px rgba(15,70,70,.18)}
.carte-postale iframe{display:block;width:100%;height:340px;border:0}
.fiche-contact{background:#fff;border-radius:20px;padding:30px 28px;box-shadow:0 4px 14px rgba(15,70,70,.12)}
.fiche-contact label{display:block;font-weight:700;margin:14px 0 6px;color:#0f6b6b}
.fiche-contact input,.fiche-contact textarea{width:100%;border:2px solid #d8e7e2;border-radius:10px;padding:11px 13px;font:inherit;background:#fbfdfc}
.fiche-contact input:focus,.fiche-contact textarea:focus{outline:none;border-color:#1c8c8c}
#msg-recu{background:#e8f6ef;border-radius:12px;padding:14px 16px;margin-top:16px;font-weight:700;color:#0f6b6b}

/* pied */
.pied{background:#0f4646;color:#d7efe8;padding:40px 0 30px;margin-top:80px}
.pied .liens{margin-bottom:16px}
.pied .liens a{color:#ffd98a;text-decoration:none;font-weight:700}
.pied .liens span{color:#5f9c93;margin:0 10px}
.pied p{font-size:.92rem;max-width:75ch}
.pied a{color:#ffd98a}

/* photos */
.polaroid{margin:34px auto 6px;max-width:880px}
.polaroid.grande{max-width:1020px}
.polaroid img{width:100%;border-radius:18px;box-shadow:0 6px 20px rgba(15,70,70,.2)}
.polaroid figcaption{font-size:.95rem;color:#4d6b66;padding-top:10px;font-weight:500}
.pan.lagon .polaroid figcaption,.pan.corail .polaroid figcaption{color:#d7efe8}
.planches{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:28px 0 8px}
.planches figure{margin:0}
.planches img{width:100%;height:215px;object-fit:cover;border-radius:16px;box-shadow:0 4px 14px rgba(15,70,70,.15)}
.planches figcaption{font-size:.9rem;padding-top:8px;color:#4d6b66;font-weight:500}