:root{
  --bg: #f06236;
  --text: #010101;
  --frame: #FFAB3B;
  --accent1: #fcc809;
  --accent2: #FFD12F;
  --surface: #fff7e6;
  --chip: #ffffffaa;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.overline{letter-spacing:.16em;text-transform:uppercase;font-weight:600;opacity:.9}
.lead{opacity:.9}

.hero {
  margin: 0;
  padding: 0;
}

.hero-img-wrap {
  position: relative;
  width: 100%;
  max-height: 95vh;   /* presque tout l’écran */
  overflow: hidden;
  border-radius: 18px;
  border: 4px solid var(--frame);
  box-shadow: 0 12px 40px rgba(0,0,0,0.35);
}

.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  text-shadow: 0 4px 20px rgba(0,0,0,0.7);
  padding: 1rem;
}

.hero-text h1 {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  margin: 0.5rem 0 1rem;
}

.hero-text .lead {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}

.cta-row {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}




.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,#fff9,transparent);backdrop-filter:blur(8px);border-bottom:2px solid var(--frame)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:700}
.logo img{filter:drop-shadow(0 0 6px #00000020)}
.navlinks{display:flex;gap:12px;align-items:center}
.navlinks a{padding:.5rem .8rem;border:2px solid transparent;border-radius:999px}
.navlinks a:hover{border-color:var(--frame)}
.navlinks .btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}
.nav-toggle{display:none;background:none;border:none;font-size:1.3rem}
@media(max-width:860px){.navlinks{position:fixed;inset:68px 0 auto;display:none;flex-direction:column;background:var(--surface);padding:16px;border-bottom:2px solid var(--frame)} .navlinks.open{display:flex} .nav-toggle{display:block}}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:14px;border:2px solid var(--frame);background:var(--surface)}
.btn-primary{background:var(--text);color:var(--bg)}
.btn-ghost{background:var(--chip)}
.btn-outline{background:transparent}
.btn-chip{padding:.5rem .8rem;border-radius:999px;background:var(--chip)}
.link{text-decoration:underline}

.hero{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:68px}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center;opacity:.28}
.hero-inner{position:relative;z-index:1}
.hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:.4rem 0 1rem}
.cta-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}

.histoire{padding:60px 0}
.histoire-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.histoire-text{background:var(--surface);padding:22px;border:2px solid var(--frame);border-radius:16px}
.histoire-img img{width:100%;border:2px solid var(--frame);border-radius:16px;display:block}
@media(max-width:960px){.histoire-grid{grid-template-columns:1fr}}

.marquee-gallery{padding:30px 0 50px}
.marquee-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.marquee-wrap{position:relative;border:2px solid var(--frame);border-radius:16px;overflow:hidden;background:var(--surface)}
.marquee-track{display:flex;gap:10px;padding:10px;transition:transform .6s ease}
.marquee-track img{width:calc((100% - 40px)/5);height:160px;object-fit:cover;border-radius:10px;border:2px solid var(--frame)}
@media(max-width:1000px){.marquee-track img{width:calc((100% - 30px)/4)}}
@media(max-width:760px){.marquee-track img{width:calc((100% - 20px)/3)}}
.arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--text);color:var(--bg);border:none;border-radius:999px;width:38px;height:38px;font-size:22px;opacity:.9;cursor:pointer}
.arrow.left{left:8px} .arrow.right{right:8px}
.cta-overlay{position:absolute;right:10px;bottom:10px}

.infos-pratiques{padding:40px 0}
.infos-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.infos{background:var(--surface);padding:22px;border:2px solid var(--frame);border-radius:16px}
.map iframe{width:100%;height:320px;border:0;border-radius:16px;border:2px solid var(--frame)}
@media(max-width:960px){.infos-grid{grid-template-columns:1fr}}

.page-hero.small{padding:90px 0 20px;margin-top:68px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:40px}
.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:2px solid var(--frame)}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}

.pdf-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:40px}
.pdf-card{background:var(--surface);padding:18px;border:2px solid var(--frame);border-radius:16px}
.pdf-card object{width:100%;height:600px;border:2px solid var(--frame);border-radius:12px;background:white}
@media(max-width:900px){.pdf-cards{grid-template-columns:1fr} .pdf-card object{height:520px}}

.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding-bottom:40px}
@media(max-width:960px){.grid-2{grid-template-columns:1fr}}
.form .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.card{background:var(--surface);border:2px solid var(--frame);border-radius:16px}
.card-body{padding:16px 18px}
input,select,textarea{background:white;border:2px solid var(--frame);color:var(--text);padding:.7rem;border-radius:10px;outline:none}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #00000010}

.site-footer{border-top:2px solid var(--frame);margin-top:30px;background:var(--surface)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:16px 0}
.copyright{padding:12px 0}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr}}