@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Crimson+Text:ital,wght@0,400;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#a8e8e0;background-color:#050f12;background-image:radial-gradient(at top,#0a2a2f 0%,#020a0d 100%);min-height:100vh;font-family:Crimson Text,serif}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 20%,#00ffcc08 0%,#0000 50%),radial-gradient(circle at 80% 80%,#00ccff08 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"▲  ▲▲";color:#0fc2;letter-spacing:2px;pointer-events:none;z-index:0;font-size:.7rem;position:fixed;bottom:2rem;right:2rem}.header{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.header:before{content:"— ◈ —";color:#0fc4;letter-spacing:8px;margin-bottom:1rem;font-size:1.2rem;display:block}.header h1{color:#0fc;text-shadow:0 0 30px #0fc6,0 0 60px #0fc2;letter-spacing:5px;margin-bottom:1rem;font-family:Cinzel,serif;font-size:3rem}.header h2{color:#7dcfca;margin-bottom:3rem;font-size:1.4rem;font-style:italic}.buttons_style{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.btn_normal,.buttons_style button{color:#0fc;letter-spacing:3px;cursor:pointer;text-transform:uppercase;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:0 0;border:1px solid #0fc6;border-radius:2px;padding:14px 36px;font-family:Cinzel,serif;font-size:1rem;transition:all .3s;position:relative}.btn_normal:before,.buttons_style button:before{content:"";opacity:0;background:#0fc1;transition:opacity .3s;position:absolute;inset:0}.btn_normal:hover,.buttons_style button:hover{color:#fff;border-color:#0fca;box-shadow:0 0 20px #0fc3,inset 0 0 20px #0fc1}.btn_grand{color:#0ff;letter-spacing:4px;cursor:pointer;text-transform:uppercase;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:#0fc2;border:1px solid #0fc;border-radius:2px;padding:24px 80px;font-family:Cinzel,serif;font-size:1.4rem;animation:2s infinite glow}@keyframes glow{0%,to{box-shadow:0 0 20px #0fc4}50%{box-shadow:0 0 50px #0fca,0 0 80px #0fc4}}.textp1,.divp2{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.pageh1,.divp2 h1{color:#0fc;text-shadow:0 0 20px #0fc5;letter-spacing:3px;margin-bottom:1rem;font-family:Cinzel,serif;font-size:2rem}.pageh1:after,.divp2 h1:after{content:"";background:linear-gradient(90deg,#0000,#0fc6,#0000);width:60%;height:1px;margin:.5rem auto 0;display:block}.textp1 h2,.divp2 h2{color:#7dcfca;margin-bottom:2rem;font-size:1.2rem;font-style:italic}.textp1 input[type=radio]{accent-color:#0fc;cursor:pointer;width:16px;height:16px;margin-right:8px}.textp1 label{color:#a8e8e0;cursor:pointer;margin-right:1.5rem;font-size:1.2rem}.suivant_btn{color:#0fc;letter-spacing:3px;cursor:pointer;text-transform:uppercase;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);background:0 0;border:1px solid #0fc6;border-radius:2px;margin-top:2rem;padding:12px 40px;font-family:Cinzel,serif;font-size:.95rem;transition:all .3s}.suivant_btn:hover{background:#0fc1;border-color:#0fc;box-shadow:0 0 20px #0fc3}.calendrier{background:#0a2a2f88;border:1px solid #0fc3;border-radius:4px;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:480px;margin:1.5rem 0;padding:1rem;display:grid}.calendrier>div{text-align:center;border-radius:2px;padding:10px 4px;font-family:Crimson Text,serif;font-size:.95rem}.dateprise{color:#2a6660;cursor:not-allowed;background:#0a1f2299}.heureprise{color:#a8e8e0;cursor:pointer;background:#0d2f3399;border:1px solid #0fc2;transition:all .2s}.heureprise:hover{color:#0fc;background:#0fc2;border-color:#0fc9}.heures{flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;margin-top:1.5rem;display:flex}.heures h3{text-align:center;color:#7dcfca;letter-spacing:2px;width:100%;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:.95rem}.heure_dispo{color:#a8e8e0;cursor:pointer;background:#0d2f3399;border:1px solid #0fc3;border-radius:2px;padding:8px 16px;font-family:Crimson Text,serif;font-size:1rem;transition:all .2s}.heure_dispo:hover{color:#0fc;background:#0fc2;border-color:#0fc}.heure_selectionnee{color:#0fc;cursor:pointer;background:#0fc2;border:1px solid #0fc;border-radius:2px;padding:8px 16px;font-family:Crimson Text,serif;font-size:1rem;box-shadow:0 0 12px #0fc4}.popup{text-align:center;z-index:100;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background:#050f12ee;border:1px solid #0fca;border-radius:4px;min-width:300px;padding:2.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #0fc3}.popup:before{content:"◈";color:#0fc;margin-bottom:1rem;font-size:1.5rem;display:block}.popup h2{color:#0fc;letter-spacing:2px;margin-bottom:1rem;font-family:Cinzel,serif;font-size:1.4rem}.popup p{color:#7dcfca;margin-bottom:.5rem;font-size:1.1rem}.popup button{color:#0fc;letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0fc6;border-radius:2px;margin:.5rem;padding:8px 20px;font-family:Cinzel,serif;font-size:.85rem;transition:all .2s}.popup button:hover{background:#0fc2;border-color:#0fc;box-shadow:0 0 10px #0fc3}.textp1 p{color:#7dcfca;margin:.5rem 0;font-size:1.2rem;font-style:italic}.textp1 p:before{content:"◈ ";color:#0fc;font-style:normal}@media (width<=768px){.header h1{letter-spacing:3px;font-size:2rem}.header h2{font-size:1.1rem}.buttons_style{flex-direction:column;align-items:center;gap:1rem}.btn_normal,.buttons_style button,.btn_grand{text-align:center;width:80vw}.pageh1,.divp2 h1{letter-spacing:2px;font-size:1.5rem}.textp1 label{margin-right:.8rem;font-size:1rem}.calendrier{gap:4px;max-width:100%;padding:.6rem}.calendrier>div{padding:7px 2px;font-size:.8rem}.heures{gap:6px}.heure_dispo,.heure_selectionnee{padding:6px 12px;font-size:.9rem}.popup{clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);width:90vw;padding:1.5rem}.popup h2{font-size:1.1rem}.suivant_btn{text-align:center;width:80vw}}@media (width<=400px){.header h1{font-size:1.5rem}.calendrier>div{padding:5px 1px;font-size:.7rem}}
