@font-face{font-family:"Instrument Serif";src:url(../polices/InstrumentSerif-Regular.ttf) format("truetype");font-display:block}
@font-face{font-family:"Instrument Serif";src:url(../polices/InstrumentSerif-Italic.ttf) format("truetype");font-style:italic;font-display:block}
@font-face{font-family:"Jost";src:url(../polices/Jost.ttf) format("truetype");font-weight:100 900;font-display:block}
@font-face{font-family:"Cormorant Garamond";src:url(../polices/CormorantGaramond.ttf) format("truetype");font-weight:300 700;font-display:block}

:root{
  
  --marge:6vw; --arrondi:28px; --arrondi-petit:20px; --entre-parties:7vh; --avant-fin:8vh; --gouttiere:20px; --titre-carte:30px; --titre-panneau:44px;
  --nuit:#16212A; --or-clair:#F3E2C0; --or:#DCC08E; --ivoire:#F2EADB;
  --page:linear-gradient(180deg,#2C5675 0%,#3F6F91 100%);
  --teinte:linear-gradient(180deg,#4A7799 0%,#5C8AAB 45%,#8A9EAE 70%,#CBAA88 100%);
  --verre:rgba(255,255,255,.10); --verre-bord:rgba(255,255,255,.22); --verre-fort:rgba(30,58,82,.45);
  --lueur:rgba(246,214,170,.42);
  --or-grave:
    repeating-linear-gradient(0deg,rgba(255,250,235,.06) 0 1px,rgba(0,0,0,0) 1px 3px),
    linear-gradient(178deg,#FBF1DA 0%,#EED9AE 30%,#D3B27A 54%,#EAD3A6 72%,#BE9862 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#2C5675}
body{font-family:"Jost",sans-serif;font-weight:350;color:var(--ivoire);-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--page)}
a{color:inherit}
.grave{background:var(--or-grave);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 -1px 0 rgba(255,246,226,.25)) drop-shadow(0 2px 3px rgba(16,30,44,.55))}
.capitales{font-size:13px;font-weight:400;letter-spacing:.24em;text-transform:uppercase}

.teinte{position:relative;overflow:hidden;isolation:isolate}
.teinte img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(1.15)}
.teinte::after{content:"";position:absolute;inset:0;mix-blend-mode:multiply;background:var(--teinte);pointer-events:none}


.dock{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:2px;padding:7px;border-radius:44px;
  background:var(--verre-fort);border:1px solid var(--verre-bord);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 14px 40px rgba(10,20,30,.25),inset 0 1px 0 rgba(255,255,255,.14)}
.dock a{position:relative;padding:12px 17px;border-radius:30px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,234,219,.95);text-decoration:none;transition:background .3s,color .3s;white-space:nowrap}
.dock a:hover{background:rgba(255,255,255,.1);color:#fff}
.dock a.ici{color:var(--or-clair)}
.dock a.ici::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--or-clair);box-shadow:0 0 6px var(--or-clair)}
.dock a.plaque{padding:0 14px 0 8px;margin-right:4px;border-radius:0;border-right:1px solid rgba(255,255,255,.2)}
.dock a.plaque:hover{background:none}
.dock .plaque svg{height:36px;width:auto;display:block}
.dock a.contact{margin-left:6px;color:var(--nuit);font-weight:450;background:linear-gradient(180deg,#F4E2BC,#D6B47E)}


:root{--lisere:linear-gradient(135deg,#F6E6C4 0%,#B8935A 28%,#F7E9CB 48%,#A47E4C 70%,#EAD5A8 100%)}
.dock,.lisere{border-color:transparent}
.lisere{position:relative}
.dock::before,.lisere::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--lisere);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}


.dock .fl{display:inline-block;width:6px;height:6px;margin-left:10px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:translateY(-3px) rotate(45deg);opacity:.7;transition:transform .3s}
.dock .entree.ouverte{background:rgba(255,255,255,.1);color:#fff}
.dock .entree.ouverte .fl{transform:translateY(1px) rotate(225deg)}
.volet{position:fixed;top:90px;left:0;z-index:21;display:flex;gap:8px;padding:8px;border-radius:28px;
  background:linear-gradient(180deg,rgba(32,62,88,.84),rgba(26,50,72,.9));backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
  box-shadow:0 22px 50px rgba(10,20,30,.35);opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}
.volet.ouvert{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.volet .col{display:block;width:330px;padding:18px 22px 20px;border-radius:var(--arrondi-petit);background:rgba(255,255,255,.06);text-decoration:none;transition:background .3s}
.volet a.col:hover,.volet .col:has(.tete:hover){background:rgba(255,255,255,.12)}
.volet .tete{display:block;text-decoration:none}
.volet b{display:block;font-family:"Instrument Serif";font-weight:400;font-size:27px;line-height:1.1;color:#fff}
.volet span{display:block;font-size:15px;line-height:1.45;color:var(--or-clair);margin-top:5px}
.volet ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.volet li a{display:flex;gap:10px;font-size:16px;line-height:1.35;color:#fff;text-decoration:none;transition:color .3s}
.volet li a::before{content:"";flex:none;width:5px;height:5px;margin-top:.55em;border-radius:50%;background:var(--or-clair)}
.volet li a:hover{color:var(--or-clair)}


.panneau{position:relative;border-radius:var(--arrondi);padding:32px 36px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(10,22,34,.18)}
.panneau.petit{border-radius:var(--arrondi-petit);padding:22px 26px}


.souris{display:block;position:relative;width:24px;height:38px;margin:14px auto 0;border:1.5px solid rgba(255,255,255,.9);border-radius:13px;
  box-shadow:0 2px 12px rgba(12,24,36,.45),inset 0 0 8px rgba(12,24,36,.25)}
.souris::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--or-clair);
  box-shadow:0 0 8px rgba(243,226,192,.9);animation:molette 1.9s ease-in-out infinite}
@keyframes molette{0%{transform:translateY(0);opacity:0}20%{opacity:1}75%{transform:translateY(11px);opacity:0}100%{transform:translateY(11px);opacity:0}}


.invite{transition:opacity .7s}
.invite.cachee{opacity:0!important}


.bouton{display:inline-flex;align-items:center;gap:12px;padding:15px 26px;border-radius:40px;font-size:15px;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.bouton.or{color:var(--nuit);font-weight:450;background:linear-gradient(180deg,#F4E2BC,#D6B47E);box-shadow:0 8px 28px rgba(220,180,120,.28)}
.bouton.verre{color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.07)}
.pastilles{display:flex;flex-wrap:wrap;gap:10px}
.pastilles span,.pastille{display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 13px;border-radius:30px;font-size:14px;color:#fff;
  background:var(--verre);border:1px solid var(--verre-bord);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pastilles span::before,.pastille::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--or-clair);box-shadow:0 0 8px rgba(243,226,192,.8)}


.pied{padding:9vh 5vw 6vh;border-top:1px solid rgba(243,226,192,.35);display:grid;grid-template-columns:auto 1fr auto;gap:5vw;align-items:start;
  background:linear-gradient(180deg,rgba(22,40,58,.25),rgba(22,40,58,.45))}
.pied svg{height:84px;width:auto}
.pied h4{font-family:"Instrument Serif";font-weight:400;font-size:34px;color:#fff;margin-bottom:12px}
.pied p,.pied li{font-size:17px;line-height:1.8;color:rgba(242,234,219,.95);list-style:none}
.pied small{display:block;margin-top:28px;font-size:14px;color:rgba(242,234,219,.75)}


body:has(> .fond){background:transparent}
.fond{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--page)}
.fond-paysage{position:absolute;left:-8%;right:-8%;top:-6%;height:280vh;will-change:transform}
.fond-photo{position:absolute;left:0;right:0;height:120vh;opacity:.62;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 25%,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 25%,#000 75%,transparent 100%)}
.fond-photo img{filter:grayscale(1) blur(14px) contrast(1.15) brightness(1.15);transform:scale(1.08)}
.fond .halo{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(30px)}
.fond .halo.or{background:radial-gradient(closest-side,rgba(255,214,160,.32),rgba(255,214,160,0))}
.fond .halo.ciel{background:radial-gradient(closest-side,rgba(170,205,230,.30),rgba(170,205,230,0))}
.fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,54,78,.28),rgba(28,54,78,.12) 50%,rgba(28,54,78,.3))}
.fond .grain{position:absolute;inset:0;z-index:2;opacity:.11;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}



.fin{margin-top:var(--avant-fin);position:relative;--haut-crete:max(40.63vw,620px,calc(520px + 22vh))}
.fin-appel{text-align:center;padding:0 6vw;position:relative;z-index:2}
.fin-appel .capitales{color:var(--or-clair)}

.fin-appel h2{font-family:"Instrument Serif";font-weight:400;font-size:min(4.4vw,64px);line-height:1.04;margin-top:16px;padding-bottom:.12em}
.fin-appel h2 em{font-style:italic}

.fin-paysage{position:relative;margin-top:calc(var(--haut-crete) * -.332 + 7vh)}

.fin-action{position:absolute;left:0;right:0;top:calc(var(--haut-crete) * .43);z-index:2;text-align:center;padding:0 6vw}
.fin-action p{font-size:22px;line-height:1.5;color:#fff;max-width:780px;margin:0 auto;text-shadow:0 1px 2px rgba(12,24,36,.7),0 2px 18px rgba(12,24,36,.7)}
.fin-action .bouton{margin-top:22px}

.fin-action .bouton.or{background:none;box-shadow:none;border-radius:0;color:#fff;font-weight:400;padding:16px 34px;font-family:"Instrument Serif";font-size:22px;letter-spacing:.01em;gap:14px;position:relative;isolation:isolate}
.fin-action .bouton.or::after{content:"→";font-family:"Jost";font-size:16px;color:#E8CB96;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fin-action .bouton.or:hover::after{transform:translateX(6px)}
.bouton svg.plaque{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.bouton svg.plaque .fond{fill:rgba(18,34,50,.5);transition:fill .3s}
.bouton:hover svg.plaque .fond{fill:rgba(36,58,80,.6)}

.fin-action p.promesse{font-family:"Instrument Serif";font-weight:400;font-size:min(3vw,44px);line-height:1.1;max-width:none;padding-bottom:.12em;color:transparent;text-shadow:none;
  filter:drop-shadow(0 -1px 0 rgba(255,246,226,.25)) drop-shadow(0 2px 3px rgba(16,30,44,.6)) drop-shadow(0 4px 22px rgba(16,30,44,.5))}
.fin-crete{position:relative;height:var(--haut-crete);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%);mask-image:linear-gradient(180deg,transparent 0%,#000 24%)}
.fin-crete svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fin-photo{filter:grayscale(1) contrast(1.45) brightness(1.2)}
.fin-teinte{mix-blend-mode:multiply}
.fin-crete .arete{fill:none;stroke:url(#or-arete);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:url(#halo);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3.2s cubic-bezier(.45,.05,.2,1)}
.fin-crete.dessinee .arete{stroke-dashoffset:0}
.fin-bas{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 var(--marge) 3.5vh;
  text-shadow:0 1px 2px rgba(10,22,34,.65),0 2px 14px rgba(10,22,34,.55)}
.fin-bas svg,.fin-bas img{filter:drop-shadow(0 1px 2px rgba(10,22,34,.6)) drop-shadow(0 2px 10px rgba(10,22,34,.45))}

.fin-colonnes{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:4vw;padding-bottom:4vh;border-bottom:1px solid rgba(243,226,192,.28)}

.fin-nom svg{height:96px;width:auto}
.fin h5{font-size:13px;font-weight:450;letter-spacing:.22em;text-transform:uppercase;color:var(--or-clair);margin-bottom:18px}

.fin-bas h5 a{font-size:inherit;color:inherit;letter-spacing:inherit;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .3s,border-color .3s}
.fin-bas h5 a:hover,.fin-bas h5 a:focus-visible{color:#fff;border-bottom-color:rgba(243,226,192,.6)}
.fin ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.fin-bas a{color:rgba(242,234,219,.95);text-decoration:none;font-size:17px;transition:color .3s}
.fin-bas a:hover{color:var(--or-clair)}

.fin ul a{display:inline-flex;align-items:center;gap:10px}
.fin ul a::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;border:1px solid rgba(243,226,192,.55);transition:background .3s,border-color .3s,box-shadow .3s}

.fin ul .pictos{display:flex;gap:12px;margin-top:4px}
.fin ul .pictos a::before{content:none}
.picto-lien{width:44px;height:44px;justify-content:center;border-radius:50%;border:1px solid rgba(243,226,192,.45);background:rgba(22,40,58,.35);transition:border-color .3s,background .3s,box-shadow .3s}
.picto-lien svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:none}
.picto-lien svg .or{stroke:var(--or-clair)}
.picto-lien svg .point{fill:var(--or-clair);stroke:none}
.picto-lien:hover,.picto-lien:focus-visible{border-color:var(--or-clair);background:rgba(243,226,192,.14);box-shadow:0 0 14px rgba(243,226,192,.35)}
.fin ul a:hover::before,.fin ul a:focus-visible::before{background:var(--or-clair);border-color:var(--or-clair);box-shadow:0 0 8px rgba(243,226,192,.85)}

.mail-protege img{display:block;width:auto;height:28px;margin:-4px 0 -5px;transition:filter .3s}
.mail-protege:hover img{filter:sepia(.6) brightness(1.08)}
.fin-mentions{display:flex;justify-content:space-between;gap:20px;padding-top:3vh;font-size:14px;color:rgba(242,234,219,.8)}
.fin-mentions a{font-size:14px;color:rgba(242,234,219,.8)}



.partie{padding:var(--entre-parties) var(--marge) 0}

.montee + .partie,.versants + .partie,.lacets + .partie,.sentier + .partie,.fenetre + .partie,.scene + .partie,.crete-scene + .partie{padding-top:1vh}
.entete{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.entete .capitales{display:block;color:var(--or-clair);margin-bottom:14px}
.entete h2{font-family:"Instrument Serif";font-weight:400;font-size:min(4.6vw,68px);line-height:1;color:#fff}

.entete h2 em{font-style:italic;color:#fff}
.entete a{font-size:16px;color:var(--or-clair);text-decoration:none;border-bottom:1px solid rgba(243,226,192,.5);padding-bottom:3px;white-space:nowrap}

.tuile{position:relative;display:block;border-radius:var(--arrondi);overflow:hidden;text-decoration:none;border:1px solid var(--verre-bord);isolation:isolate}
.tuile .teinte{position:absolute;inset:0}
.tuile .teinte img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.tuile:hover .teinte img{transform:scale(1.07)}
.tuile::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(22,40,58,0) 35%,rgba(22,40,58,.78) 100%),radial-gradient(80% 45% at 50% 110%,rgba(255,214,160,.4),rgba(255,214,160,0) 70%)}
.tuile::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,var(--or-clair),transparent);transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.tuile:hover::after{transform:scaleX(1)}
.tuile .dessus{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:26px}
.tuile .pastille{position:absolute;left:20px;top:20px;z-index:3;font-size:13px;padding:7px 14px 7px 11px;background:rgba(22,40,58,.35)}
.tuile h3{font-family:"Instrument Serif";font-weight:400;font-size:var(--titre-carte);line-height:1.1;color:#fff}
.tuile p{font-size:16px;line-height:1.5;color:rgba(242,234,219,.95);margin-top:8px;max-width:520px}
.tuile .lire{display:inline-block;margin-top:14px;font-size:15px;color:var(--or-clair)}


.tuile{border:1.5px solid transparent;background:linear-gradient(#2C5675,#2C5675) padding-box,var(--lisere) border-box}
.outil{position:relative;border-color:transparent}
.outil::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--lisere);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}


.outils{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gouttiere)}

.outil{text-decoration:none;display:flex;flex-direction:column;gap:14px;min-height:300px;border:1px solid var(--verre-bord);transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s}
.outil:hover{transform:translateY(-6px);border-color:rgba(243,226,192,.6)}
.outil .icone{width:56px;height:56px;border-radius:50%;border:1px solid rgba(243,226,192,.6);display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(243,226,192,.2),rgba(243,226,192,0))}
.outil .icone svg{width:28px;height:28px}
.outil h3{font-family:"Instrument Serif";font-weight:400;font-size:var(--titre-panneau);color:#fff;line-height:1}
.outil p{font-size:17px;line-height:1.55;color:rgba(242,234,219,.95);flex:1}
.outil .pastille{align-self:flex-start;font-size:13px}
@media (max-width:900px){
  .partie{padding:10vh 16px 0} .entete{flex-direction:column;align-items:flex-start} .entete h2{font-size:9vw}
  .outils{grid-template-columns:1fr}
}


.note{position:fixed;right:16px;top:16px;z-index:30;max-width:280px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;
  background:rgba(14,22,31,.85);border:1px solid rgba(220,192,142,.35);color:rgba(238,229,211,.92);backdrop-filter:blur(8px)}
.note b{color:var(--or);font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:11px;display:block;margin-bottom:4px}
.note button{all:unset;cursor:pointer;margin-top:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--or-clair);border-bottom:1px solid rgba(243,226,192,.4)}

@media (max-width:900px){
  .fin{--haut-crete:max(40.63vw,620px)}
  .dock a:not(.plaque):not(.contact){display:none} .dock a.plaque{border-right:0} .volet{display:none}
  .pied{grid-template-columns:1fr} .note{display:none}
  .fin-colonnes{grid-template-columns:1fr 1fr} .fin-mentions{flex-direction:column} .fin-appel h2{font-size:11vw} .fin-action{top:calc(var(--haut-crete) * .6);padding:0 16px} .fin-action p.promesse{font-size:7vw}
  
  
  .fin-bas{position:static;background:linear-gradient(180deg,#1D3549,#16293A);padding:5vh var(--marge) 4vh}
}


.bouton-menu,.menu-tel{display:none}
@media (max-width:900px){
  .bouton-menu{display:flex;align-items:center;gap:9px;padding:12px 15px;border:0;border-radius:30px;background:none;cursor:pointer;
    font:400 13px "Jost",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,234,219,.95)}
  .bouton-menu i{position:relative;display:block;width:16px;height:7px;border-top:1px solid var(--or-clair);border-bottom:1px solid var(--or-clair);transition:transform .3s,height .3s}
  .menu-ouvert .bouton-menu{background:rgba(255,255,255,.1);color:#fff}
  .menu-ouvert .bouton-menu i{height:0;border-bottom:0;transform:rotate(45deg)}
  .menu-ouvert .bouton-menu i::after{content:"";position:absolute;left:0;right:0;top:-1px;border-top:1px solid var(--or-clair);transform:rotate(-90deg)}
  .menu-tel{display:block}
  .bouton-menu,.menu-tel button,.menu-tel a{-webkit-tap-highlight-color:transparent}
  .menu-tel a{text-decoration:none}
  .menu-tel .mt-titre{display:block;font-family:"Instrument Serif";font-weight:400;font-size:27px;line-height:1.1;color:#fff}
  .menu-tel .mt-sous{display:block;font-size:15px;line-height:1.45;color:var(--or-clair);margin-top:4px}
  .menu-tel .cart{display:block;padding:16px 20px 18px;border-radius:var(--arrondi-petit);background:rgba(255,255,255,.07)}
  .menu-tel .cart:active{background:rgba(255,255,255,.14)}
  .menu-tel .cart.ici .mt-titre{color:var(--or-clair)}
  .menu-tel .vers{display:inline-block;justify-self:start;margin:4px 0 0 20px;padding:6px 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,234,219,.8);border-bottom:1px solid rgba(243,226,192,.35)}
  .deplie{position:fixed;top:86px;left:16px;right:16px;z-index:21;max-height:calc(100vh - 106px);max-height:calc(100dvh - 106px);overscroll-behavior:contain;overflow-y:auto;
    padding:8px;border-radius:var(--arrondi);background:linear-gradient(180deg,rgba(32,62,88,.86),rgba(26,50,72,.93));
    backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 22px 50px rgba(10,20,30,.35);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,visibility .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
  .menu-ouvert .deplie{opacity:1;visibility:visible;transform:none}
  .deplie .rang{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;border-radius:var(--arrondi-petit)}
  .deplie .rang .mt-titre{font-size:29px}
  .deplie .rang .fl{width:8px;height:8px;border-right:1px solid var(--or-clair);border-bottom:1px solid var(--or-clair);transform:translateY(-3px) rotate(45deg);transition:transform .3s}
  .deplie .item.ouvert .rang{background:rgba(255,255,255,.06)}
  .deplie .item.ouvert .rang .fl{transform:translateY(2px) rotate(225deg)}
  .deplie .corps{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
  .deplie .item.ouvert .corps{grid-template-rows:1fr}
  .deplie .corps>div{overflow:hidden;display:grid;gap:8px}
  .deplie .item.ouvert .corps>div{padding:8px 0 12px}
  .deplie .item+.item{border-top:1px solid rgba(255,255,255,.1)}
}
@media (prefers-reduced-motion:reduce){ *{animation:none !important;transition:none !important} }


.teinte:not(.pic):not(.fond-photo) img,.manifeste .teinte img,.accordeon.deux .teinte img{filter:saturate(1.06) brightness(1.04) contrast(1.02)!important}
.teinte:not(.pic):not(.fond-photo)::after{opacity:.06!important}
.ciel img{filter:brightness(1.12) saturate(.9)!important}
.tuile::before{background:linear-gradient(180deg,rgba(18,34,50,0) 48%,rgba(18,34,50,.6) 100%)!important}
.tuile .dessus{text-shadow:0 1px 2px rgba(10,20,30,.55),0 2px 16px rgba(10,20,30,.5)}
.manifeste::before{background:radial-gradient(120% 90% at 50% 50%,rgba(30,58,82,.12) 40%,rgba(30,58,82,.45) 100%)!important}
.fin-photo{filter:saturate(1.05) brightness(1.05)!important}
.fin-teinte{opacity:.12}

.page-conseil .vue .image{filter:saturate(1.04) brightness(1.03)!important}
.page-conseil .vue .teinte-lac{opacity:.08!important}
.page-conseil .vue::after{background:linear-gradient(180deg,rgba(26,48,68,.4) 0%,rgba(26,48,68,.16) 30%,rgba(26,48,68,0) 50%,rgba(26,48,68,0) 70%,rgba(26,48,68,.22) 90%,rgba(26,48,68,0) 100%)!important}


.fond-photo img{opacity:0}

.fond-photo{background-size:cover;background-position:center;filter:blur(6px) saturate(1.2);opacity:.8}
.fond-photo:nth-child(1){background-image:url(../images/fond-trail/nice-lever-soleil.jpg)}
.fond-photo:nth-child(2){background-image:url(../images/fond-trail/eb-crete-herbe-doree.jpg)}
.fond-photo:nth-child(3){background-image:url(../images/fond-trail/nice-prairie.jpg)}
.fond .halo.or{background:radial-gradient(closest-side,rgba(255,206,140,.45),rgba(255,206,140,0))}
.fond::before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--jour,0);
  background:radial-gradient(90% 70% at 50% 110%,rgba(236,196,140,.9),rgba(236,196,140,0) 70%),linear-gradient(180deg,#5C88AA 0%,#86AAC3 55%,#B9B6A6 100%)}
.fond-paysage{z-index:1}
.fond::after{z-index:1;background:linear-gradient(180deg,rgba(24,46,66,.3),rgba(24,46,66,.1) 50%,rgba(24,46,66,.22));opacity:calc(1 - var(--jour,0)*.6)}


.film-seul{height:100vh!important}
.film-seul-page .invite{display:none!important}