@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/cormorant-garamond-latin.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/montserrat-latin.woff2) format('woff2')}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#18191B}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #C9A961;outline-offset:3px}
.evitement{position:absolute;left:12px;top:-60px;z-index:10;padding:12px 18px;background:#C9A961;color:#18191B;font:600 14px 'Montserrat',sans-serif;text-decoration:none}
.evitement:focus{top:12px}
.lien{text-decoration:none;transition:color .3s}
.lien:hover{color:#C9A961}
.bouton{transition:background-color .3s}
.bouton:hover{background-color:#D8BC7C}
.contour{transition:background-color .3s,color .3s}
.contour:hover{background-color:#C9A961;color:#18191B}
.arche img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.arche:hover img{transform:scale(1.04)}
.cartouche{border:1px solid #3A3B40;padding:20px 8px;text-align:center;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(21px,2vw,27px);line-height:1.1;color:#C9A961}
.sous-titre-or{margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:26px;line-height:1.15;color:#C9A961}
.etiquette{font-size:13px;font-weight:600;letter-spacing:.16em;color:#C9A961;margin-bottom:4px}
.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:34px 36px}
.etapes li{border-top:1px solid #7E5F35;padding-top:14px}
.etapes .chiffre{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:22px;color:#5F4726}
.etapes h3{margin:4px 0 6px;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:26px;line-height:1.15}
.etapes p{margin:0;font-size:15px}
.video-bouton{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:1px solid #C9A961;background:#18191B;color:#F4ECDB;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.video-bouton svg{width:12px;height:12px;display:block}
.video-bouton .icone-lecture{display:none}
.video-bouton[data-pause="oui"] .icone-pause{display:none}
.video-bouton[data-pause="oui"] .icone-lecture{display:block}
.champ{width:100%;box-sizing:border-box;background:transparent;border:0;border-bottom:1px solid #6E6A5E;color:#F4ECDB;font:inherit;font-size:16px;padding:10px 0;border-radius:0}
.champ:focus{border-bottom-color:#C9A961;outline:none}
.puce{position:relative;display:inline-flex}
.puce input{position:absolute;opacity:0;width:1px;height:1px}
.puce span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #6E6A5E;color:#F4ECDB;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.puce input:checked+span{background:#C9A961;border-color:#C9A961;color:#18191B;font-weight:600}
.puce input:focus-visible+span{outline:2px solid #C9A961;outline-offset:3px}
.piege{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
button[disabled]{opacity:.6;cursor:progress}
@media (max-width:820px){.nav-liens{display:none!important}}
@media (max-width:480px){.tel-haut{display:none!important}}
@media (prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
.ouverture{animation:ouverture 1.5s cubic-bezier(.2,.7,.2,1) both}
.trait{transform-origin:left;animation:trait 1.5s cubic-bezier(.2,.7,.2,1) both}
@keyframes ouverture{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes trait{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports (animation-timeline:view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 42%}
@keyframes rv{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
}
}
/* Pages de texte (mentions, confidentialité) */
.page-texte{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(20px,5vw,64px);color:#232427;font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.7}
.page-texte h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(38px,5vw,56px);line-height:1.06;margin:0 0 28px}
.page-texte h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:28px;line-height:1.15;margin:40px 0 10px}
.page-texte p,.page-texte ul{margin:0 0 14px}
.page-texte a{color:#5F4726}