:root{--blanc:#ffffff;--noir:#1a1a1a;--bleu-fond:#A2B3BD;--bleu-principal:#788F9F;--bleu-sombre:#485A66;--bleu-clair:#C4D3DC;--ombre-douce:0 4px 20px rgba(0, 0, 0, 0.12);--bleu-secondaire:#788FAB;--gris:#535353}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bleu-fond);color:var(--noir);line-height:1.6}.BandeauInfo{width:100%;position:fixed;top:0;left:0;z-index:21;height:auto;background-color:var(--bleu-clair);padding:7px;box-shadow:var(--ombre-douce)}.BandeauInfo p{color:var(--noir);font-size:1.2rem}.page-container{max-width:860px;margin:0 auto;background-color:var(--bleu-principal);overflow:hidden}.hero{position:relative;width:100%;min-height:380px;display:flex;align-items:flex-end}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(30 42 50 / .75) 0%,rgb(30 42 50 / .3) 50%,rgb(30 42 50 / .85) 100%);z-index:2}.hero-content{position:relative;z-index:3;width:100%;padding:30px 25px 20px;color:var(--blanc);display:flex;flex-direction:column;justify-content:space-between;height:100%}.hero-titre{font-size:2rem;font-weight:700;letter-spacing:.5px;text-align:center;text-shadow:0 2px 4px rgb(0 0 0 / .5)}.hero-subtitle{font-size:1.15rem;font-weight:300;text-align:center;margin-top:6px;color:var(--bleu-clair);text-shadow:0 1px 3px rgb(0 0 0 / .5)}.hero-caption{font-size:.85rem;color:#e0e0e0;margin-top:140px;text-shadow:0 1px 3px rgb(0 0 0 / .7)}.info-section{padding:35px 30px}.section-titre{color:var(--blanc);font-size:1.4rem;font-weight:600;margin-bottom:25px;text-align:center}.Carte-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.Carte{background-color:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .2);border-radius:8px;padding:20px;color:var(--blanc)}.Carte-titre{font-size:1.05rem;font-weight:600;margin-bottom:12px;color:var(--bleu-clair);border-bottom:1px solid rgb(255 255 255 / .2);padding-bottom:6px}.Carte-text{font-style:normal;font-size:.95rem;line-height:1.6}.Carte-note{display:block;margin-top:8px;font-size:.85rem;opacity:.85}.link{color:var(--blanc);font-weight:600;text-decoration:none;border-bottom:1px dotted var(--blanc);transition:opacity 0.2s}.link:hover{opacity:.8}.description-section{background-color:var(--blanc);padding:20px 50px 40px 50px}.description-section .image{display:flex;margin:0 auto;width:100%;justify-content:center;margin-top:40px}.description-section .image img{width:190px}.description-section h1{text-align:center;color:var(--bleu-secondaire);font-size:2rem}.description-section h2{text-align:center;margin-top:15px;font-size:1rem;color:var(--gris);margin-bottom:40px}.description-section p{text-indent:2rem;margin-bottom:50px;font-weight:500}.pratique-section{background-color:var(--blanc);padding:10px 50px 50px 50px;border-top:1px solid #eef2f5}.section-titre-bleu{text-align:center;color:var(--bleu-secondaire);font-size:2rem;margin-bottom:30px}.pratique-bloc{margin-bottom:35px}.pratique-bloc h3{color:var(--bleu-sombre);font-size:1.4rem;margin-bottom:12px;font-weight:600}.pratique-bloc p{font-size:1rem;font-weight:500;margin-bottom:15px;line-height:1.6;margin-left:10px}.pratique-image-container{width:100%;overflow:hidden;margin:18px 0 22px 0}.pratique-image{width:100%;height:auto;display:block;object-fit:cover}.pratique-salutation{font-weight:600!important;color:var(--bleu-sombre);margin-top:25px}.mentions-legales{color:var(--bleu-clair);padding:35px 30px;font-size:.85rem;line-height:1.6;text-align:center}.mentions-legales h2{color:var(--blanc);font-size:1.1rem;margin-bottom:15px;letter-spacing:.5px}.mentions-legales p{margin-bottom:8px}.mentions-separateur{border:0;height:1px;background-color:rgb(255 255 255 / .15);margin:20px auto;max-width:400px}.mentions-identifiants{margin-top:10px;opacity:.85}.link-footer{color:var(--blanc);text-decoration:none;border-bottom:1px dotted var(--bleu-clair)}.link-footer:hover{color:var(--bleu-clair)}@media (max-width:600px){body{padding:0}.page-container{border-radius:0}.hero-titre{font-size:1.6rem}.hero-subtitle{font-size:1rem}.hero-caption{margin-top:80px}.info-section{padding:25px 15px}.description-section,.pratique-section{padding:25px 20px}.description-section p{text-indent:0}}