/* Polices chargées de façon asynchrone via dans le de chaque page (voir fonts.css / snippet inline) — plus d'@import ici pour ne pas bloquer le rendu. */ *{margin:0;padding:0;box-sizing:border-box;} :root{ --ink:#123030;--ink2:#31545a;--muted:#687f7b;--line:#d9eadf; --paper:#fbf8ef;--sand:#eef8f3; --or:#ffb23f;--or-d:#d56f28; --vert:#0d5a4c;--lagoon:#008f97;--lagoon-d:#006d78;--coral:#f05f57;--leaf:#2f8b57; --radius:8px;--max:1180px; --shadow:0 8px 28px rgba(18,48,48,.08),0 1px 4px rgba(18,48,48,.06); --shadow-lg:0 18px 55px rgba(18,48,48,.14),0 2px 10px rgba(18,48,48,.08); } html{scroll-behavior:smooth;} section[id],.map-section[id]{scroll-margin-top:150px;} body{font-family:'Inter',sans-serif;background:linear-gradient(180deg,#fffaf0 0%,#f7fff9 42%,#fbf8ef 100%);color:var(--ink);overflow-x:hidden;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;} img{max-width:100%;display:block;} ::selection{background:var(--lagoon);color:#fff;} ::-webkit-scrollbar{width:10px;height:10px;} ::-webkit-scrollbar-track{background:var(--paper);} ::-webkit-scrollbar-thumb{background:#cfc7b8;border:3px solid var(--paper);border-radius:999px;} ::-webkit-scrollbar-thumb:hover{background:#b8ae9c;} a,button,[role="button"],.faq-q,.leaflet-marker-icon{cursor:pointer;} a:focus-visible,button:focus-visible,[tabindex]:focus-visible,.faq-q:focus-visible{ outline:2px solid var(--lagoon); outline-offset:4px; } h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.12;letter-spacing:-.01em;} /* ── NAV ── */ .nav{ position:sticky;top:0;z-index:100;background:rgba(255,252,243,.88);backdrop-filter:blur(18px); display:flex;align-items:center;justify-content:space-between; padding:0 48px;height:72px;border-bottom:1px solid rgba(0,143,151,.16); box-shadow:0 8px 24px rgba(18,48,48,.05); } .nav-brand{text-decoration:none;color:var(--ink);font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;letter-spacing:.01em;} .nav-brand span{color:var(--lagoon);font-style:italic;} .nav-links{display:flex;gap:4px;list-style:none;align-items:center;} .nav-links a{color:var(--ink2);text-decoration:none;padding:9px 16px;font-size:.85rem;font-weight:600;letter-spacing:.02em;transition:color .2s,background-color .2s;border-radius:999px;} .nav-links a:hover,.nav-links a.active{color:var(--lagoon-d);background:rgba(0,143,151,.09);} .nav-cta{ display:inline-block;background:linear-gradient(135deg,var(--coral),var(--or));color:#fff;text-decoration:none; padding:11px 26px;font-size:.82rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase; transition:filter .2s,transform .2s,box-shadow .2s;border-radius:999px; box-shadow:0 10px 24px rgba(240,95,87,.24); } .nav-cta:hover{filter:saturate(1.08) brightness(1.02);transform:translateY(-1px);box-shadow:0 14px 30px rgba(213,111,40,.3);} /* ── CIRCUIT BAR ── */ .circuit-bar{ position:sticky;top:72px;z-index:99;background:rgba(238,248,243,.96); border-bottom:1px solid rgba(0,143,151,.15); display:flex;align-items:center;justify-content:center;gap:0;overflow-x:auto; padding:0 24px;height:52px; } .circuit-bar a{ color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:500; letter-spacing:.08em;text-transform:uppercase; padding:0 20px;height:100%;display:flex;align-items:center; border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s,background-color .2s;flex-shrink:0; } .circuit-bar a:hover{color:var(--lagoon-d);background:rgba(0,143,151,.08);} .circuit-bar a.active{color:var(--ink);border-bottom-color:var(--coral);} /* ── HERO ── */ .hero{ min-height:88vh;display:flex;align-items:flex-end; background-image:linear-gradient(180deg,rgba(6,54,58,.08) 0%,rgba(4,79,86,.18) 42%,rgba(9,38,43,.78) 100%),var(--hero-img); background-size:cover;background-position:center; padding:0 48px 88px;position:relative; } .hero::after,.c-hero::after{ content:'';position:absolute;inset:auto 0 0;height:12px; background:linear-gradient(90deg,var(--lagoon),var(--leaf),var(--or),var(--coral)); } .hero-inner{max-width:var(--max);margin:0 auto;width:100%;} .hero-kicker{ color:rgba(255,255,255,.92);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase; margin-bottom:22px;font-weight:500; display:flex;align-items:center;gap:14px; } .hero-kicker::before{content:'';width:44px;height:2px;background:var(--or);display:inline-block;border-radius:999px;} .hero h1{font-size:clamp(3rem,7.5vw,5.6rem);color:#fff;margin-bottom:22px;max-width:850px;font-weight:600;text-shadow:0 8px 34px rgba(0,0,0,.35);} .hero h1 em{color:#ffe08b;font-style:italic;} .hero p{color:rgba(255,255,255,.9);font-size:1.08rem;max-width:580px;margin-bottom:38px;font-weight:400;text-shadow:0 3px 16px rgba(0,0,0,.26);} .hero-btns{display:flex;gap:14px;flex-wrap:wrap;} .btn{ display:inline-block;padding:15px 34px;font-size:.82rem;font-weight:500; letter-spacing:.09em;text-transform:uppercase;text-decoration:none;transition:background .22s,color .22s,border-color .22s,transform .22s,box-shadow .22s;border-radius:999px; } .btn:hover{transform:translateY(-2px);} .btn-primary{background:linear-gradient(135deg,#fff,var(--or));color:var(--ink);box-shadow:0 14px 34px rgba(255,178,63,.28);} .btn-primary:hover{background:linear-gradient(135deg,#fff2bf,#ff9b45);color:var(--ink);} .btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff;background:rgba(0,143,151,.18);backdrop-filter:blur(8px);} .btn-outline:hover{background:rgba(255,255,255,.16);border-color:#fff;} /* ── STATS STRIP ── */ .stats{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff7df 0%,#e9faf6 48%,#fff3ed 100%);} .stats-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);} .stat{text-align:center;padding:36px 16px;border-left:1px solid rgba(0,143,151,.15);position:relative;} .stat:first-child{border-left:none;} .stat-n{font-family:'Cormorant Garamond',serif;font-size:2.25rem;font-weight:700;color:var(--lagoon-d);line-height:1;} .stat-l{font-size:.7rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.14em;margin-top:8px;font-weight:700;} /* ── SECTIONS ── */ .section{padding:104px 48px;} .container{max-width:var(--max);margin:0 auto;} .section-label{ font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--lagoon-d);font-weight:700;margin-bottom:16px; display:flex;align-items:center;gap:12px; } .section-label::before{content:'';width:32px;height:2px;background:var(--coral);border-radius:999px;} .section-title{font-size:clamp(2rem,4vw,3.1rem);color:var(--ink);margin-bottom:18px;font-weight:500;} .section-sub{color:var(--muted);font-size:1rem;max-width:610px;margin-bottom:56px;font-weight:400;} /* ── CIRCUIT CARDS ── */ .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;background:transparent;border:0;} .card{ background:#fff;text-decoration:none;color:inherit;display:flex;flex-direction:column; transition:transform .25s,box-shadow .25s,border-color .25s;position:relative; border:1px solid rgba(0,143,151,.12);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow); } .card:hover{transform:translateY(-5px);box-shadow:0 20px 54px rgba(0,109,120,.14);border-color:rgba(240,95,87,.32);} .card-thumb{ aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--sand); } .card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1);} .card:hover .card-thumb img{transform:scale(1.045);} .card-num{ position:absolute;top:16px;left:16px;background:rgba(255,255,255,.94); font-family:'Cormorant Garamond',serif;font-size:.95rem;font-weight:600; width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%; color:var(--lagoon-d);box-shadow:0 8px 18px rgba(0,0,0,.12); } .card-body{padding:28px 26px 30px;flex:1;display:flex;flex-direction:column;} .card-body h3{font-size:1.62rem;font-weight:700;margin-bottom:6px;color:var(--ink);} .card-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--lagoon-d);margin-bottom:14px;font-weight:700;} .card-meta{ margin-top:auto;display:flex;gap:9px;font-size:.78rem;color:var(--muted); border-top:1px solid var(--line);padding-top:16px;flex-wrap:wrap; } .card-meta span{background:var(--sand);border:1px solid rgba(0,143,151,.1);border-radius:999px;padding:4px 9px;} .card-meta b{color:var(--ink);font-weight:600;} .card-link{ margin-top:18px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--coral); } .card:hover .card-link{color:var(--lagoon-d);} /* ── WHY ── */ .why{background:linear-gradient(135deg,#07463d 0%,#0d5a4c 58%,#0a756e 100%);} .why .section-label{color:#ffe08b;} .why .section-label::before{background:var(--coral);} .why .section-title{color:#fff;} .why .section-sub{color:rgba(255,255,255,.6);} .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:transparent;border:0;} @media(max-width:900px){.why-grid{grid-template-columns:1fr;}} .why-card{background:rgba(255,255,255,.08);padding:36px 30px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);} .why-num{font-family:'Cormorant Garamond',serif;font-size:1rem;color:#ffe08b;margin-bottom:18px;font-style:italic;} .why-card h3{color:#fff;font-size:1.05rem;font-weight:600;margin-bottom:10px;font-family:'Inter',sans-serif;} .why-card p{color:rgba(255,255,255,.62);font-size:.86rem;font-weight:300;} /* ── TESTIMONIALS ── */ .testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;background:transparent;border:0;} .testi{background:#fff;padding:36px 30px;border:1px solid rgba(0,143,151,.12);border-radius:var(--radius);box-shadow:var(--shadow);} .testi::before{content:'“';display:block;font-family:'Cormorant Garamond',serif;font-size:3rem;line-height:.7;color:var(--or);} .testi-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.22rem;color:var(--ink2);line-height:1.45;margin-bottom:24px;} .testi-author{font-size:.8rem;font-weight:600;letter-spacing:.04em;} .testi-origin{color:var(--muted);font-size:.76rem;margin-top:2px;} /* ── CTA BAND ── */ .cta-band{ background-image:linear-gradient(135deg,rgba(0,84,91,.78),rgba(8,54,48,.58) 52%,rgba(240,95,87,.54)),var(--cta-img); background-size:cover;background-position:center; padding:120px 48px;text-align:center;position:relative; } .cta-band h2{font-size:clamp(2.2rem,4.5vw,3.4rem);color:#fff;margin-bottom:16px;font-weight:700;text-shadow:0 8px 28px rgba(0,0,0,.25);} .cta-band p{color:rgba(255,255,255,.9);margin-bottom:40px;font-size:1rem;font-weight:400;} .btn-light{background:#fff;color:var(--lagoon-d);box-shadow:0 14px 34px rgba(255,255,255,.2);} .btn-light:hover{background:var(--or);color:var(--ink);} /* ── FOOTER ── */ footer{background:#08312e;color:rgba(255,255,255,.66);padding:72px 48px 32px;} .footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;} .footer-brand{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:#fff;margin-bottom:14px;font-weight:600;} .footer-brand span{color:#ffe08b;font-style:italic;} .footer-inner p{font-size:.84rem;font-weight:300;max-width:280px;} .footer-col h4{color:#fff;font-size:.72rem;font-weight:600;margin-bottom:18px;text-transform:uppercase;letter-spacing:.16em;} .footer-col ul{list-style:none;} .footer-col li{margin-bottom:10px;} .footer-col a,.footer-col span{color:rgba(255,255,255,.55);text-decoration:none;font-size:.84rem;transition:.2s;font-weight:300;} .footer-col a:hover{color:#fff;} .footer-bottom{max-width:var(--max);margin:52px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;} /* ── WHATSAPP ── */ .wa-btn{ position:fixed;bottom:26px;right:26px;z-index:200;width:54px;height:54px;border-radius:50%; background:linear-gradient(135deg,#1faa53,#25d366);display:flex;align-items:center;justify-content:center;text-decoration:none; box-shadow:0 10px 28px rgba(31,170,83,.42);transition:transform .2s; } .wa-btn:hover{transform:scale(1.07);} .wa-btn svg{width:26px;height:26px;fill:#fff;} /* ── CIRCUIT PAGE ── */ .c-hero{ min-height:66vh;display:flex;align-items:flex-end; background-image:linear-gradient(180deg,rgba(6,54,58,.1) 0%,rgba(4,79,86,.22) 48%,rgba(9,38,43,.82) 100%),var(--c-img); background-size:cover;background-position:center; padding:120px 48px 72px;position:relative; } .c-hero-inner{max-width:var(--max);margin:0 auto;width:100%;} .c-hero-label{color:rgba(255,255,255,.8);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px;} .c-hero-label::before{content:'';width:38px;height:2px;background:var(--or);border-radius:999px;} .c-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);color:#fff;margin-bottom:10px;font-weight:700;text-shadow:0 8px 30px rgba(0,0,0,.32);} .c-hero-sub{color:rgba(255,255,255,.88);font-size:1.05rem;margin-bottom:30px;font-weight:400;} .c-pills{display:flex;gap:8px;flex-wrap:wrap;border:0;width:fit-content;} .c-pill{ color:#fff;padding:10px 18px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase; border:1px solid rgba(255,255,255,.35);font-weight:600;border-radius:999px;background:rgba(255,255,255,.11);backdrop-filter:blur(8px); } .c-pill:first-child{border-left:1px solid rgba(255,255,255,.35);} .c-pill b{font-weight:600;} .breadcrumb{padding:18px 48px;font-size:.76rem;color:var(--muted);letter-spacing:.03em;border-bottom:1px solid var(--line);background:#fff;} .breadcrumb .container{max-width:var(--max);margin:0 auto;} .breadcrumb a{color:var(--muted);text-decoration:none;} .breadcrumb a:hover{color:var(--ink);} .c-section{padding:88px 48px;} .c-section.alt{background:linear-gradient(180deg,#eef8f3 0%,#fff7ea 100%);} .c-section h2{font-size:clamp(1.8rem,3.2vw,2.6rem);color:var(--ink);margin-bottom:24px;font-weight:500;} .pull-quote{ font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-style:italic;font-weight:500; color:var(--ink2);border-left:4px solid var(--coral);padding-left:26px;margin:34px 0;line-height:1.4; } .story p{color:var(--ink2);margin-bottom:18px;font-size:.96rem;font-weight:300;line-height:1.85;} .story p:first-of-type::first-letter{ font-family:'Cormorant Garamond',serif;font-size:3.4em;float:left;line-height:.82; padding-right:10px;color:var(--coral);font-weight:700; } /* ── LAYOUT + BOOKING ── */ .c-layout{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start;} @media(max-width:940px){.c-layout{grid-template-columns:1fr;}} .book-card{ position:sticky;top:140px;background:#fff;border:1px solid rgba(0,143,151,.16);padding:34px 30px; box-shadow:var(--shadow-lg);border-radius:var(--radius); } .book-price{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:700;color:var(--lagoon-d);line-height:1;} .book-price small{font-size:.85rem;color:var(--muted);font-family:'Inter',sans-serif;font-weight:400;letter-spacing:.02em;} .book-price-alt{font-family:'Fredoka',sans-serif;font-size:1.3rem;font-weight:600;color:var(--lagoon-d);line-height:1.25;} .book-note{font-size:.8rem;color:var(--muted);margin:10px 0 22px;font-weight:300;} .book-btn,.book-btn-like{ display:block;width:100%;background:linear-gradient(135deg,var(--lagoon),var(--leaf));color:#fff;text-align:center; padding:16px;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase; text-decoration:none;transition:filter .2s,transform .2s,box-shadow .2s;border-radius:999px;border:0; box-shadow:0 12px 28px rgba(0,143,151,.22); } .book-btn:hover,.book-btn-like:hover{filter:saturate(1.1) brightness(1.03);transform:translateY(-1px);box-shadow:0 16px 34px rgba(47,139,87,.28);} .book-btn-like{padding:10px 14px;font-size:.7rem;} .book-meta{font-size:.8rem;color:var(--muted);margin-top:22px;font-weight:300;} .book-meta div{padding:9px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:baseline;} .book-meta div::before{content:'✓';color:var(--leaf);font-weight:700;} /* ── GALLERY ── */ .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} @media(max-width:700px){.gallery{grid-template-columns:1fr 1fr;}} .gal-item{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);} .gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1);} .gal-item:hover img{transform:scale(1.05);} .gal-label{ position:absolute;bottom:0;left:0;right:0; background:linear-gradient(transparent,rgba(5,51,55,.86)); color:#fff;padding:36px 16px 14px;font-size:.8rem;font-weight:500;letter-spacing:.03em; } .gal-label small{display:block;font-weight:300;opacity:.75;font-size:.72rem;margin-top:2px;} /* ── TIMELINE ── */ .etapes{max-width:680px;} .etape{display:grid;grid-template-columns:86px 1fr;position:relative;} .etape::before{content:'';position:absolute;left:99px;top:30px;bottom:-4px;width:1px;background:var(--line);} .etape:last-child::before{display:none;} .etape-time{ font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:600;color:var(--or-d); padding:18px 0;text-align:right;padding-right:26px;font-style:italic; } .etape-dot{position:absolute;left:95px;top:26px;width:11px;height:11px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(240,95,87,.12);} .etape-content{padding:16px 0 26px 30px;} .etape-content h4{font-size:.95rem;font-weight:600;margin-bottom:4px;font-family:'Inter',sans-serif;} .etape-content p{font-size:.85rem;color:var(--muted);font-weight:300;} /* ── INCLUS ── */ .inclus-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:transparent;border:0;} @media(max-width:640px){.inclus-grid{grid-template-columns:1fr;}} .inclus-block{background:#fff;padding:34px 30px;border:1px solid rgba(0,143,151,.12);border-radius:var(--radius);box-shadow:var(--shadow);} .inclus-block h3{font-size:.78rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.14em;font-family:'Inter',sans-serif;} .inclus-list{list-style:none;} .inclus-list li{ padding:10px 0;font-size:.88rem;color:var(--ink2);border-top:1px solid var(--line); font-weight:300;display:flex;gap:12px;align-items:baseline; } .inclus-list li::before{content:'✓';color:var(--leaf);flex-shrink:0;font-weight:700;} .inclus-block.non .inclus-list li::before{color:#b6afa2;} .inclus-block.non .inclus-list li{color:var(--muted);} /* ── FAQ ── */ .faq-wrap{max-width:720px;} .faq-item{border-bottom:1px solid var(--line);} .faq-q{ padding:22px 0;font-weight:500;font-size:.97rem;cursor:pointer; display:flex;justify-content:space-between;align-items:center;gap:18px; } .faq-q::after{content:'+';font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--coral);transition:.25s;line-height:1;} .faq-item.open .faq-q::after{transform:rotate(45deg);} .faq-a{display:none;padding:0 0 22px;font-size:.9rem;color:var(--muted);font-weight:300;max-width:600px;} .faq-item.open .faq-a{display:block;} /* ── AUTRES CIRCUITS ── */ .autres-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:transparent;border:0;} @media(max-width:900px){.autres-grid{grid-template-columns:1fr 1fr;}} .autre-card{position:relative;display:block;text-decoration:none;aspect-ratio:4/3;overflow:hidden;background:var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);} .autre-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s;} .autre-card:hover img{transform:scale(1.05);} .autre-overlay{ position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(10,12,10,.8)); display:flex;flex-direction:column;justify-content:flex-end;padding:18px 16px; } .autre-name{color:#fff;font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;} .autre-duration{color:rgba(255,255,255,.7);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;} /* ── MAP ── */ .map-section{padding:104px 48px;background:linear-gradient(180deg,#e8f8f5 0%,#fff7df 100%);} .map-section .section-label{justify-content:center;} .map-section .section-label::before{display:none;} .map-section h2{font-size:clamp(2rem,3.6vw,2.9rem);color:var(--ink);margin-bottom:10px;text-align:center;font-weight:500;} .map-subtitle{color:var(--muted);font-size:.92rem;margin-bottom:44px;text-align:center;font-weight:300;} .map-wrap{max-width:var(--max);margin:0 auto;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(0,143,151,.18);background:var(--paper);border-radius:var(--radius);} .map-wrap>div{height:640px!important;width:100%;} .map-legend{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:26px;justify-content:center;} .legend-item{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--muted);letter-spacing:.04em;} .legend-item i{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;} .mq-marker-dot{display:block;border-radius:50%;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(20,20,20,.26);transition:transform .2s,box-shadow .2s;} .leaflet-marker-icon:hover .mq-marker-dot{transform:scale(1.16);box-shadow:0 3px 12px rgba(20,20,20,.32);} .mq-popup .leaflet-popup-content-wrapper{padding:0;border-radius:2px;overflow:hidden;box-shadow:0 18px 44px rgba(20,20,20,.18);border:1px solid var(--line);background:var(--paper);} .mq-popup .leaflet-popup-content{margin:0;} .mq-popup-card{min-width:220px;max-width:260px;font-family:'Inter',sans-serif;color:var(--ink);background:var(--paper);} .mq-popup-head{padding:16px 16px 12px;border-bottom:1px solid var(--line);} .mq-popup-kicker{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or-d);font-weight:600;margin-bottom:5px;} .mq-popup-title{font-family:'Cormorant Garamond',serif;font-size:1.42rem;line-height:1.05;font-weight:600;color:var(--ink);} .mq-popup-body{padding:14px 16px 16px;} .mq-popup-body p{font-size:.82rem;color:var(--ink2);line-height:1.5;margin:0 0 12px;font-weight:300;} .mq-popup .leaflet-popup-tip{background:var(--paper);border:1px solid var(--line);} .leaflet-container a.book-btn-like{color:#fff;} .leaflet-control-zoom a{color:var(--ink);transition:background .2s,color .2s;} .leaflet-control-zoom a:hover{background:var(--ink);color:#fff;} /* ── FINITIONS ── */ .reveal-item{opacity:1;transform:none;} body.reveal-enabled .reveal-item{ opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.6,.2,1); } body.reveal-enabled .reveal-item.is-visible{opacity:1;transform:none;} @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} body.reveal-enabled .reveal-item{opacity:1;transform:none;transition:none;} } /* ── RESPONSIVE ── */ @media(max-width:768px){ .nav{padding:0 22px;} .hero,.c-hero{padding-left:22px;padding-right:22px;} .section,.c-section,.map-section{padding-left:22px;padding-right:22px;} .section{padding-top:72px;padding-bottom:72px;} .breadcrumb{padding-left:22px;padding-right:22px;} .stats-inner{grid-template-columns:1fr 1fr;} .stat:nth-child(3){border-left:none;} .footer-inner{grid-template-columns:1fr 1fr;gap:32px;} .etape{grid-template-columns:64px 1fr;} .etape::before{left:77px;} .etape-dot{left:73px;} } /* ═══════════════════════════════════════════════════════════ COUCHE JOYEUSE — typo ronde, pastilles colorées, sections ensoleillées, cartes vives. Superposée au design de base. ═══════════════════════════════════════════════════════════ */ :root{ --radius:20px;--radius-sm:14px; --sun:#ffcf4d;--sky:#4ec6d0;--mango:#ff9f45; --shadow:0 10px 30px rgba(18,48,48,.09),0 2px 6px rgba(18,48,48,.05); --shadow-lg:0 22px 60px rgba(18,48,48,.16),0 3px 12px rgba(18,48,48,.08); } body{background:linear-gradient(180deg,#fff6df 0%,#eafcf3 38%,#fff2e8 72%,#fdf6ea 100%);} /* — Titres en Fredoka, ronds et chaleureux — */ h1,h2,h3,.section-title,.hero h1,.c-hero h1,.card-body h3,.map-section h2, .book-price,.stat-n,.autre-name,.nav-brand,.footer-brand{ font-family:'Fredoka','Inter',sans-serif!important;letter-spacing:-.01em; } .hero h1,.c-hero h1{font-weight:600!important;} .hero h1 em,.c-hero h1 em{font-style:normal;color:var(--sun);} .section-title{font-weight:600!important;} .nav-brand{font-weight:600;} .nav-brand span{font-style:normal;} .footer-brand span{font-style:normal;} /* — Labels transformés en pastilles colorées — */ .section-label{ display:inline-flex;align-items:center;gap:0; background:rgba(240,95,87,.12);color:var(--coral)!important; padding:7px 16px;border-radius:999px;font-weight:700;letter-spacing:.12em; font-size:.68rem; } .section-label::before{display:none!important;} .why .section-label{background:rgba(255,224,139,.18);color:var(--sun)!important;} .map-section .section-label{background:rgba(0,143,151,.13);color:var(--lagoon-d)!important;} /* — Sections ensoleillées en alternance — */ .section{position:relative;} #circuits{background:linear-gradient(180deg,#fffdf6 0%,#eefaf4 100%);border-radius:36px 36px 0 0;} #avis{background:linear-gradient(180deg,#fff4e6 0%,#fef9ee 100%);} .why{border-radius:36px;margin:0 14px;overflow:hidden;} /* — Bandeau arc-en-ciel un peu plus épais et gai — */ .hero::after,.c-hero::after{height:10px; background:linear-gradient(90deg,var(--lagoon),var(--leaf),var(--sun),var(--mango),var(--coral),#6a4c93); } /* — Stats : chiffres multicolores — */ .stat{border-left:none!important;} .stat-n{font-weight:600;} .stat:nth-child(1) .stat-n{color:var(--leaf);} .stat:nth-child(2) .stat-n{color:var(--mango);} .stat:nth-child(3) .stat-n{color:var(--coral);} .stat:nth-child(4) .stat-n{color:var(--lagoon-d);} /* — Cartes circuits : accent de couleur par circuit (rappel de la carte) — */ .card{border-radius:var(--radius);border-top:6px solid var(--accent,var(--lagoon));} .card:hover{border-color:var(--accent,var(--lagoon));box-shadow:0 24px 60px color-mix(in srgb,var(--accent,#008f97) 22%,transparent);} .card-num{color:var(--accent,var(--lagoon-d))!important;} .card-tag{color:var(--accent,var(--lagoon-d))!important;} .card:hover .card-link{color:var(--accent,var(--coral))!important;} .card-link{color:var(--accent,var(--coral))!important;} .cards-grid .card:nth-child(1){--accent:#2f8b57;} .cards-grid .card:nth-child(2){--accent:#e39a1f;} .cards-grid .card:nth-child(3){--accent:#f05f57;} .cards-grid .card:nth-child(4){--accent:#008f97;} .cards-grid .card:nth-child(5){--accent:#6a4c93;} .card-meta span{background:color-mix(in srgb,var(--accent,#008f97) 10%,#fff);border-color:color-mix(in srgb,var(--accent,#008f97) 22%,transparent);} /* — Pastilles "why" plus colorées — */ .why-card{background:rgba(255,255,255,.09);border-radius:var(--radius-sm);transition:transform .25s,background .25s;} .why-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.14);} .why-num{color:var(--sun);font-family:'Fredoka',sans-serif;font-style:normal;font-weight:600;} /* — Témoignages plus gais — */ .testi{border-radius:var(--radius);} .testi::before{color:var(--mango);} .testi:nth-child(2n)::before{color:var(--sky);} .testi:nth-child(3n)::before{color:var(--coral);} /* — Galerie / autres circuits : coins plus ronds — */ .gal-item,.autre-card,.inclus-block,.book-card,.map-wrap{border-radius:var(--radius);} .gallery{gap:16px;} /* — Boutons encore plus ronds et rebondissants — */ .btn,.nav-cta,.book-btn,.book-btn-like{border-radius:999px;} .btn:hover{transform:translateY(-3px) scale(1.02);} /* — Puces "inclus" en pastille verte — */ .inclus-list li::before{content:'✓';color:#fff;background:var(--leaf);border-radius:50%; width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center; font-size:.7rem;font-weight:700;flex-shrink:0;margin-top:1px;} .inclus-block.non .inclus-list li::before{content:'–';background:#c7cdc9;} /* — Étape : pastille corail plus visible — */ .etape-time{color:var(--mango);} /* — WhatsApp : petit rebond permanent discret — */ @media(prefers-reduced-motion:no-preference){ .wa-btn{animation:wa-bob 2.6s ease-in-out infinite;} @keyframes wa-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}} } /* — Marqueurs carte : halo blanc plus doux — */ .mq-popup-title{font-family:'Fredoka',sans-serif;font-weight:600;} /* ═══════════════════════════════════════════════════════════ RESPONSIVE — menu mobile + adaptations petits écrans ═══════════════════════════════════════════════════════════ */ .nav-toggle{ display:none;background:none;border:0;width:44px;height:44px; flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0; } .nav-toggle span{display:block;width:24px;height:2.5px;border-radius:999px;background:var(--ink);transition:transform .25s,opacity .2s;} .nav.menu-open .nav-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg);} .nav.menu-open .nav-toggle span:nth-child(2){opacity:0;} .nav.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);} @media(max-width:860px){ .nav-links{ display:flex;position:absolute;top:100%;left:0;right:0; flex-direction:column;align-items:stretch;gap:2px; background:rgba(255,252,243,.98);backdrop-filter:blur(18px); padding:12px;border-bottom:1px solid rgba(0,143,151,.16); box-shadow:0 20px 40px rgba(18,48,48,.12); max-height:0;overflow:hidden;opacity:0;visibility:hidden; transition:max-height .3s ease,opacity .25s ease,visibility .25s; } .nav.menu-open .nav-links{max-height:70vh;opacity:1;visibility:visible;} .nav-links a{display:block;padding:14px 18px;font-size:.95rem;border-radius:12px;} .nav-toggle{display:flex;} .nav{position:relative;} } @media(max-width:768px){ .section{padding:64px 22px;} .why{margin:0;border-radius:0;} #circuits{border-radius:0;} .hero{min-height:80vh;padding-bottom:56px;} .map-section{padding:64px 18px;} .map-wrap>div{height:460px!important;} .c-hero{padding:96px 22px 48px;} .why-grid,.cards-grid,.testi-grid{gap:14px;} /* La barre de circuits ne reste plus collée sous le nav sur mobile (effet saccadé au scroll) */ .circuit-bar{position:static;top:auto;} } @media(max-width:520px){ .nav{padding:0 16px;height:64px;} .circuit-bar{top:64px;justify-content:flex-start;} .stats-inner{grid-template-columns:1fr 1fr;} .stat{padding:26px 12px;} .autres-grid{grid-template-columns:1fr 1fr;} .footer-inner{grid-template-columns:1fr;gap:28px;} .footer-bottom{flex-direction:column;text-align:center;} .c-pills{flex-direction:row;flex-wrap:wrap;} .c-pill{border-radius:999px;} .section{padding:52px 18px;} .section-title{font-size:clamp(1.7rem,7vw,2.3rem);} .hero p,.section-sub{font-size:.96rem;} .btn,.hero-btns .btn{width:100%;text-align:center;} .hero-btns{width:100%;} .map-wrap>div{height:400px!important;} .gallery{gap:10px;} } @media(max-width:380px){ .stats-inner{grid-template-columns:1fr;} .gallery{grid-template-columns:1fr;} } /* ═══════════════════════════════════════════════════════════ BLOG — hub, cartes, article, prose ═══════════════════════════════════════════════════════════ */ .blog-hero{padding:72px 48px 24px;text-align:center;} .blog-hero .section-label{margin-left:auto;margin-right:auto;} .blog-hero .section-sub{margin-left:auto;margin-right:auto;text-align:center;} .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px;} .chip{ font-family:'Fredoka',sans-serif;font-size:.82rem;font-weight:500; padding:9px 18px;border-radius:999px;border:1.5px solid var(--line); background:#fff;color:var(--ink2);cursor:pointer;transition:.2s; } .chip:hover{border-color:var(--c,var(--lagoon));color:var(--c,var(--lagoon-d));} .chip.active{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:#fff;} .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;} .post-card{ background:#fff;border:1px solid rgba(0,143,151,.12);border-radius:var(--radius);overflow:hidden; text-decoration:none;color:inherit;display:flex;flex-direction:column; box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s; } .post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);} .post-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--sand);} .post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1);} .post-card:hover .post-thumb img{transform:scale(1.05);} .post-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;} .post-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;} .post-body h3{font-size:1.28rem;font-weight:600;line-height:1.18;margin-bottom:8px;} .post-body p{font-size:.86rem;color:var(--muted);line-height:1.5;font-weight:300;margin-bottom:14px;} .post-min{margin-top:auto;font-size:.74rem;color:var(--muted);font-weight:500;} /* — Article — */ .art-hero{ min-height:52vh;display:flex;align-items:flex-end; background-size:cover;background-position:center;padding:120px 48px 44px;position:relative; } .art-hero::after{content:'';position:absolute;inset:auto 0 0;height:8px;background:var(--c,var(--lagoon));} .art-hero-inner{max-width:760px;margin:0 auto;width:100%;} .art-crumb{font-size:.76rem;color:rgba(255,255,255,.82);margin-bottom:18px;} .art-crumb a{color:rgba(255,255,255,.82);text-decoration:none;} .art-crumb a:hover{color:#fff;} .art-cat{display:inline-block;color:#fff;font-family:'Fredoka',sans-serif;font-size:.72rem;font-weight:600; text-transform:uppercase;letter-spacing:.12em;padding:5px 14px;border-radius:999px;margin-bottom:16px;} .art-hero h1{font-family:'Fredoka',sans-serif;font-size:clamp(1.9rem,4.2vw,3rem);color:#fff;font-weight:600; line-height:1.12;margin-bottom:14px;text-shadow:0 6px 26px rgba(0,0,0,.34);} .art-meta{color:rgba(255,255,255,.85);font-size:.82rem;} .art-body{max-width:760px;margin:0 auto;padding:56px 24px 40px;} .art-content{font-size:1.05rem;line-height:1.8;color:var(--ink2);} .art-lead{font-size:1.22rem;line-height:1.65;color:var(--ink);font-weight:400;margin-bottom:28px;} .art-content h2{font-family:'Fredoka',sans-serif;font-size:1.55rem;font-weight:600;color:var(--ink); margin:38px 0 14px;line-height:1.2;} .art-content p{margin-bottom:18px;} .art-content ul{margin:0 0 20px;padding:0;list-style:none;} .art-content li{position:relative;padding-left:26px;margin-bottom:10px;line-height:1.6;} .art-content li::before{content:'';position:absolute;left:4px;top:.7em;width:8px;height:8px;border-radius:50%; background:var(--or);} .tip{background:linear-gradient(135deg,#fff7e6,#eefaf4);border:1px solid rgba(0,143,151,.16); border-left:4px solid var(--or);border-radius:12px;padding:16px 20px;margin:24px 0;font-size:.96rem;line-height:1.6;} .tip strong{color:var(--or-d);} .art-cta{background:var(--sand);border:1px solid rgba(0,143,151,.14);border-top:4px solid var(--c,var(--lagoon)); border-radius:var(--radius);padding:28px 30px;margin:36px 0 8px;display:flex;gap:24px;align-items:center; flex-wrap:wrap;justify-content:space-between;} .art-cta-k{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--c,var(--lagoon-d)); font-weight:700;margin-bottom:6px;} .art-cta h3{font-family:'Fredoka',sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:6px;} .art-cta p{font-size:.9rem;color:var(--muted);max-width:400px;font-weight:300;} .art-cta .btn{background:var(--c,var(--ink));color:#fff;box-shadow:none;white-space:nowrap;} .art-cta .btn:hover{filter:brightness(1.08);} .rel{max-width:760px;margin:0 auto;padding:0 24px 80px;} .rel-h{font-family:'Fredoka',sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:20px;} .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} .rel-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none; color:inherit;display:flex;flex-direction:column;gap:8px;transition:.2s;} .rel-card:hover{border-color:var(--lagoon);transform:translateY(-3px);box-shadow:var(--shadow);} .rel-cat{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;} .rel-title{font-family:'Fredoka',sans-serif;font-size:.98rem;font-weight:500;line-height:1.25;color:var(--ink);} @media(max-width:768px){ .blog-hero{padding:52px 22px 16px;} .art-hero{padding:100px 22px 36px;min-height:44vh;} .art-body{padding:40px 20px 32px;} .rel-grid{grid-template-columns:1fr;} .art-cta{flex-direction:column;align-items:flex-start;} } /* ── MYSTÈRE / ÉTAPE SECRÈTE ── */ .etape.secret .etape-content{ background:linear-gradient(135deg,rgba(106,76,147,.06),rgba(106,76,147,.02)); border:1px dashed rgba(106,76,147,.35);border-radius:12px;padding:14px 18px; } .etape.secret .etape-dot{background:#6a4c93;box-shadow:0 0 0 5px rgba(106,76,147,.14);} .etape.secret .etape-time{color:#6a4c93;} .etape-lock{display:inline-flex;align-items:center;gap:6px;font-weight:600;} .etape-lock svg{width:13px;height:13px;flex-shrink:0;fill:#6a4c93;} .etape.secret .etape-content p{font-style:italic;color:#6a4c93;opacity:.85;} .book-secret-badge{ display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px; background:rgba(106,76,147,.07);border:1px solid rgba(106,76,147,.2);border-radius:12px; } .book-secret-badge svg{width:18px;flex-shrink:0;fill:#6a4c93;margin-top:2px;} .book-secret-badge p{font-size:.78rem;color:#5a4179;line-height:1.5;font-weight:400;margin:0;} .book-secret-badge b{display:block;font-size:.8rem;margin-bottom:2px;color:#4a3564;} /* ── PAGE PRIVÉE (itinéraire secret) ── */ .secret-banner{ background:repeating-linear-gradient(135deg,#3d2a52,#3d2a52 12px,#452e5c 12px,#452e5c 24px); color:#fff;text-align:center;padding:14px 20px;font-size:.82rem;letter-spacing:.03em; } .secret-banner b{color:#e9c268;} .secret-hero{ background:linear-gradient(160deg,#2c1f3d,#1a1226);padding:64px 24px 48px;text-align:center;color:#fff; } .secret-hero .kicker{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#c9a8e8;margin-bottom:16px;} .secret-hero h1{font-family:'Fredoka',sans-serif;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:600;margin-bottom:10px;} .secret-hero p{color:rgba(255,255,255,.75);font-size:.95rem;max-width:520px;margin:0 auto;} .secret-wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px;} .secret-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:44px;} @media(max-width:600px){.secret-fields{grid-template-columns:1fr;}} .secret-field{background:var(--sand);border-radius:12px;padding:16px 18px;} .secret-field b{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;} .secret-field span{font-family:'Fredoka',sans-serif;font-size:1.1rem;color:var(--ink);} .secret-section h2{font-family:'Fredoka',sans-serif;font-size:1.4rem;margin:40px 0 18px;color:var(--ink);} .secret-map{height:420px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:12px;} .secret-note{ background:rgba(106,76,147,.08);border:1px solid rgba(106,76,147,.22);border-radius:12px; padding:14px 18px;font-size:.82rem;color:#4a3564;margin-top:8px; } .secret-todo{ background:#fff3cd;border:1px dashed #c9a227;border-radius:10px;padding:10px 14px; font-size:.76rem;color:#7a5c00;margin-top:6px; } .secret-footer{ text-align:center;padding:32px 24px;color:var(--muted);font-size:.78rem;border-top:1px solid var(--line); } /* ── VERROU MOT DE PASSE (pages privées) ── */ .lock-gate{ max-width:420px;margin:0 auto;background:#fff;border-radius:20px;padding:40px 32px; box-shadow:var(--shadow-lg);text-align:center;border:1px solid rgba(106,76,147,.15); } .lock-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:50%;background:rgba(106,76,147,.1); display:flex;align-items:center;justify-content:center;} .lock-icon svg{width:22px;height:22px;fill:#6a4c93;} .lock-gate h2{font-family:'Fredoka',sans-serif;font-size:1.3rem;color:var(--ink);margin-bottom:8px;} .lock-gate p{font-size:.85rem;color:var(--muted);margin-bottom:22px;line-height:1.5;} .lock-form{display:flex;flex-direction:column;gap:10px;} .lock-form input{ padding:13px 16px;border:1px solid var(--line);border-radius:10px;font-size:.95rem; font-family:'Inter',sans-serif;text-align:center;letter-spacing:.02em; } .lock-form input:focus{outline:none;border-color:#6a4c93;box-shadow:0 0 0 3px rgba(106,76,147,.12);} .lock-form button{ padding:13px;border:0;border-radius:10px;background:#6a4c93;color:#fff;font-weight:600; font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s; } .lock-form button:hover{background:#5a3f7d;} .lock-error{margin-top:14px;color:#c0392b;font-size:.82rem;font-weight:500;} .lock-hint{margin-top:18px;font-size:.75rem;color:var(--muted);} /* ── LIENS DES SITES OFFICIELS ── */ .site-links{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-width:900px;} .site-links li{background:#fff;border:1px solid var(--line);border-radius:10px;} .site-links a{display:block;padding:12px 16px;font-size:.86rem;font-weight:500;color:var(--lagoon-d);text-decoration:none;} .site-links a:hover{color:var(--coral);} .site-links a::after{content:' ↗';opacity:.5;} /* ── BADGE "SUR DEMANDE" ── */ .card-demand{ position:absolute;top:16px;right:16px;background:#6a4c93;color:#fff; font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em; padding:5px 10px;border-radius:999px; } /* ── MARQUEURS PHOTO ÉPINGLÉS (pages privées) ── */ .photo-pin{display:flex;flex-direction:column;align-items:center;cursor:pointer;} .photo-pin-card{ width:76px;height:56px;border-radius:8px;overflow:hidden;border:3px solid #fff; box-shadow:0 3px 12px rgba(0,0,0,.4);background:#eee; } .photo-pin-card img{width:100%;height:100%;object-fit:cover;display:block;} .photo-pin-tail{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent; border-top:10px solid #fff;margin-top:-2px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));} .photo-pin-dot{width:10px;height:10px;border-radius:50%;border:2.5px solid #fff;margin-top:-3px; box-shadow:0 2px 6px rgba(0,0,0,.4);} .mq-plabel{ background:#fff;padding:3px 9px;border-radius:6px;font-family:'Fredoka',sans-serif;font-weight:600; font-size:.74rem;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.25);white-space:nowrap; border:none !important; } .mq-plabel::before{display:none;} .mq-start-dot{width:16px;height:16px;border-radius:50%;background:#e74c3c;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.45);} /* ── POPUP PHOTO (pages privées) ── */ .mq-pin-popupwrap .leaflet-popup-content-wrapper{padding:0;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3);} .mq-pin-popupwrap .leaflet-popup-content{margin:0;width:auto !important;} .mq-pin-popup{width:220px;font-family:'Inter',sans-serif;} .mq-pin-popup img{width:100%;height:120px;object-fit:cover;display:block;} .mq-pin-popup-body{padding:10px 12px 12px;} .mq-pin-popup-body b{font-family:'Fredoka',sans-serif;font-size:.92rem;display:block;margin-bottom:4px;color:var(--ink);} .mq-pin-popup-body p{font-size:.8rem;color:var(--muted);margin:0;line-height:1.4;} /* ── LIEN "EN SAVOIR PLUS" DANS LES POPUPS PHOTO ── */ .mq-pin-more{ display:inline-block;margin-top:8px;font-size:.76rem;font-weight:600; color:var(--lagoon-d);text-decoration:none;letter-spacing:.02em; } .mq-pin-more:hover{text-decoration:underline;}