/* ============================================================
   REMPEC — Rassemblement des Églises et Ministères
   Pentecôtistes Charismatiques et de Réveil (Gabon)
   Charte graphique : Bleu marine · Rouge · Blanc
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Figtree:wght@400;500;600;700;800&display=swap');

:root{
  --bleu-marine:   #0D2357;
  --bleu-marine-2: #071540;
  --bleu-roi:      #1A3A8F;
  --bleu-clair:    #2156C0;
  --rouge:         #C0271A;
  --rouge-vif:     #E03020;
  --rouge-clair:   #F04535;
  --blanc:         #FFFFFF;
  --ivoire:        #F5F7FC;
  --encre:         #0D1A35;
  --gris:          #5A6478;
  --ombre:         0 18px 40px -18px rgba(13,35,87,.35);
  --rayon:         16px;
  --maxw:          1180px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Figtree',system-ui,'Segoe UI',Arial,sans-serif;
  color:var(--encre);background:var(--ivoire);
  line-height:1.65;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:var(--bleu-roi);text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px;width:100%}

h1,h2,h3,.display{font-family:'Fraunces',Georgia,serif;line-height:1.12;color:var(--bleu-marine)}
h1{font-size:clamp(2rem,5.4vw,3.7rem);font-weight:650}
h2{font-size:clamp(1.55rem,3.4vw,2.45rem);font-weight:650}
h3{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600}

/* ---------- Bande tricolore (bleu / rouge / blanc) ---------- */
.tricolore{height:5px;width:100%;background:linear-gradient(90deg,
  var(--bleu-marine) 0 33.4%, var(--rouge) 33.4% 66.7%, var(--blanc) 66.7% 100%)}
.tricolore.mini{height:4px;width:86px;border-radius:4px;margin:14px 0 0}

/* ---------- Barre d'annonce ---------- */
.topbar{background:var(--bleu-marine-2);color:#C8D4F0;font-size:.82rem;padding:7px 0}
.topbar .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.topbar a{color:#F0A090}

/* ---------- En-tête / navigation ---------- */
header.site{
  position:sticky;top:0;z-index:80;
  background:rgba(245,247,252,.96);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(13,35,87,.12);
  box-shadow:0 8px 26px -20px rgba(13,35,87,.4);
}
.nav{display:flex;align-items:center;gap:16px;padding:11px 0}
.brand{display:flex;align-items:center;gap:12px;color:var(--bleu-marine)}
.brand img{width:54px;height:54px;border-radius:50%;box-shadow:0 4px 14px rgba(13,35,87,.3)}
.brand b{font-family:'Fraunces',serif;font-size:1.35rem;letter-spacing:.05em}
.brand small{display:block;font-size:.65rem;color:var(--gris);max-width:265px;line-height:1.25}

nav.menu{margin-left:auto}
nav.menu ul{list-style:none;display:flex;gap:3px;align-items:center}
nav.menu a{display:block;padding:9px 12px;border-radius:9px;color:var(--bleu-marine);font-weight:600;font-size:.92rem;white-space:nowrap}
nav.menu a:hover{background:rgba(26,58,143,.1)}
nav.menu a.actif{background:var(--bleu-marine);color:var(--blanc)}
nav.menu a.cta{background:linear-gradient(135deg,var(--rouge),var(--rouge-vif));color:var(--blanc);box-shadow:0 6px 16px -6px rgba(192,39,26,.6)}
nav.menu a.cta:hover{filter:brightness(1.1)}

li.deroulant{position:relative}
li.deroulant>a::after{content:" ▾";font-size:.7em}
.sousmenu{position:absolute;top:100%;left:0;min-width:235px;background:var(--blanc);
  border:1px solid rgba(13,35,87,.12);border-radius:12px;box-shadow:var(--ombre);padding:8px;display:none}
.sousmenu a{padding:9px 12px;font-weight:500;white-space:normal}
li.deroulant:hover .sousmenu, li.deroulant:focus-within .sousmenu{display:block}

.burger{margin-left:auto;display:none;background:none;border:0;cursor:pointer;width:46px;height:46px;border-radius:10px;flex:none}
.burger span{display:block;height:3px;width:25px;margin:5px auto;background:var(--bleu-marine);border-radius:3px;transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ============================================================
   SLIDER D'ACCUEIL
   ============================================================ */
.slider{position:relative;color:var(--ivoire);overflow:hidden;background:var(--bleu-marine-2)}
.slides{display:grid}
.slide{
  grid-area:1/1;position:relative;opacity:0;visibility:hidden;z-index:1;
  transition:opacity 1.1s ease, visibility 1.1s;
  background-size:cover;background-position:center;
  display:flex;align-items:center;
  min-height:min(86vh,720px);padding:90px 0 120px;
}
.slide.actif{opacity:1;visibility:visible;z-index:2}
.slide::after{
  content:"";position:absolute;inset:0;background:inherit;
  background-size:cover;background-position:center;z-index:0;
  transform:scale(1);
}
.slide.actif::after{animation:kenburns 9s ease-out forwards}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.1)}}
.slide::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(7,21,64,.94) 0%,rgba(7,21,64,.80) 42%,rgba(7,21,64,.28) 100%);
}
.slide .container{position:relative;z-index:2}
.slide .contenu{max-width:640px}
.slide h2.titre-slide{
  font-size:clamp(2rem,5.6vw,3.8rem);color:var(--blanc);font-weight:650;line-height:1.08;
}
.slide h2.titre-slide em{font-style:italic;color:#F0A090}
.slide p.chapo{margin:16px 0 6px;font-size:clamp(.98rem,1.5vw,1.12rem);color:#C8D4F0;max-width:52ch}
.surtitre{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.2em;
  text-transform:uppercase;color:#F0A090;font-weight:700;margin-bottom:16px}
.surtitre::before{content:"";width:34px;height:2px;background:var(--rouge)}
.verset{margin:18px 0 26px;padding:13px 18px;border-left:3px solid var(--rouge);
  background:rgba(255,255,255,.07);border-radius:0 12px 12px 0;
  font-family:'Fraunces',serif;font-style:italic;font-size:1rem;color:#E8EEFF;max-width:56ch}
.verset small{display:block;font-style:normal;font-family:'Figtree';letter-spacing:.12em;
  text-transform:uppercase;font-size:.68rem;color:#F0A090;margin-top:6px}

.slide .contenu>*{opacity:0;transform:translateY(24px)}
.slide.actif .contenu>*{animation:entree .9s ease forwards}
.slide.actif .contenu>*:nth-child(2){animation-delay:.12s}
.slide.actif .contenu>*:nth-child(3){animation-delay:.22s}
.slide.actif .contenu>*:nth-child(4){animation-delay:.32s}
.slide.actif .contenu>*:nth-child(5){animation-delay:.42s}
@keyframes entree{to{opacity:1;transform:none}}

.slider .fleche{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:52px;height:52px;border-radius:50%;cursor:pointer;
  border:1.5px solid rgba(245,247,252,.55);background:rgba(7,21,64,.4);
  color:var(--blanc);font-size:1.3rem;display:grid;place-items:center;
  transition:.2s;backdrop-filter:blur(4px);
}
.slider .fleche:hover{background:var(--rouge);border-color:var(--rouge);color:var(--blanc)}
.fleche.prec{left:18px}.fleche.suiv{right:18px}

.points{position:absolute;left:0;right:0;bottom:64px;z-index:5;display:flex;gap:10px;justify-content:center}
.points button{width:34px;height:6px;border-radius:6px;border:0;cursor:pointer;background:rgba(245,247,252,.35);transition:.25s;padding:0}
.points button.actif{background:var(--rouge-vif);width:52px}

/* bande chiffres */
.bande-chiffres{position:relative;z-index:6;margin-top:-58px}
.chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(192,39,26,.3);border:1px solid rgba(192,39,26,.35);
  border-radius:18px;overflow:hidden;box-shadow:0 26px 50px -24px rgba(7,21,64,.6)}
.chiffres div{background:linear-gradient(160deg,#152878,var(--bleu-marine-2));padding:22px 14px;text-align:center}
.chiffres b{display:block;font-family:'Fraunces',serif;font-size:clamp(1.5rem,3vw,2rem);color:#F0A090}
.chiffres span{font-size:.8rem;color:#C8D4F0;letter-spacing:.04em}

/* ---------- Boutons ---------- */
.boutons{display:flex;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:999px;
  font-weight:700;font-size:.94rem;transition:transform .18s, box-shadow .18s, filter .18s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-or{background:linear-gradient(135deg,var(--rouge),var(--rouge-vif));color:var(--blanc);box-shadow:0 10px 24px -8px rgba(192,39,26,.6)}
.btn-contour{border:1.5px solid rgba(245,247,252,.55);color:var(--blanc);background:transparent}
.btn-contour:hover{border-color:#F0A090;color:#F0A090}
.btn-vert{background:var(--bleu-marine);color:var(--blanc)}
.btn-bleu{background:var(--bleu-roi);color:var(--blanc)}

/* ---------- Sections ---------- */
section.bloc{padding:clamp(54px,8vw,80px) 0}
section.bloc.teinte{background:linear-gradient(180deg,#EDF0FA,var(--ivoire))}
section.bloc.sombre{background:
  radial-gradient(700px 380px at 85% 10%, rgba(192,39,26,.2), transparent 60%),
  linear-gradient(160deg,var(--bleu-roi),var(--bleu-marine-2));color:#C8D4F0}
section.bloc.sombre h2{color:var(--blanc)}
.entete-section{max-width:700px;margin-bottom:40px}
.entete-section .surtitre{color:var(--rouge)}
.entete-section .surtitre::before{background:var(--rouge)}
.sombre .entete-section .surtitre{color:#F0A090}
.sombre .entete-section .surtitre::before{background:var(--rouge-vif)}
.entete-section p{color:var(--gris);margin-top:10px}
.sombre .entete-section p{color:#B0BEE0}
.entete-section.centre{margin-left:auto;margin-right:auto;text-align:center}
.entete-section.centre .surtitre{justify-content:center}
.entete-section.centre .tricolore.mini{margin-left:auto;margin-right:auto}

/* ---------- Grilles & cartes ---------- */
.grille{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.carte{background:var(--blanc);border:1px solid rgba(13,35,87,.1);border-radius:var(--rayon);
  padding:24px;box-shadow:0 8px 22px -14px rgba(13,35,87,.2);
  transition:transform .22s, box-shadow .22s;display:flex;flex-direction:column;gap:10px}
.carte:hover{transform:translateY(-6px);box-shadow:var(--ombre)}
.carte .icone{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-size:1.35rem;
  background:linear-gradient(135deg,rgba(26,58,143,.12),rgba(192,39,26,.12))}
.carte p{color:var(--gris);font-size:.94rem}
.carte a.lien{font-weight:700;color:var(--bleu-roi);margin-top:auto}
.carte a.lien::after{content:" →"}

/* cartes avec image (activités) */
.carte.image{padding:0;overflow:hidden}
.carte.image .visuel{position:relative;overflow:hidden;aspect-ratio:16/9}
.carte.image .visuel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.carte.image:hover .visuel img{transform:scale(1.07)}
.carte.image .visuel::after{content:"";position:absolute;inset:auto 0 0 0;height:5px;
  background:linear-gradient(90deg,var(--bleu-marine) 0 33.4%,var(--rouge) 33.4% 66.7%,var(--blanc) 66.7% 100%)}
.carte.image .texte{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}

/* piliers */
.piliers{list-style:none;display:grid;gap:14px}
.piliers li{display:flex;gap:14px;align-items:flex-start;background:var(--blanc);
  border-radius:12px;padding:16px 18px;border-left:4px solid var(--bleu-roi);box-shadow:0 8px 20px -16px rgba(13,35,87,.25)}
.piliers li:nth-child(3n+2){border-left-color:var(--rouge)}
.piliers li:nth-child(3n){border-left-color:var(--bleu-clair)}
.piliers b{display:block;font-family:'Fraunces',serif;font-size:1.04rem;color:var(--bleu-marine)}
.piliers span{color:var(--gris);font-size:.93rem}

/* ---------- Vidéos YouTube ---------- */
.video{position:relative;aspect-ratio:16/9;border-radius:var(--rayon);overflow:hidden;
  background:linear-gradient(150deg,#152878,var(--bleu-marine-2)) center/cover;
  box-shadow:var(--ombre);cursor:pointer;border:1px solid rgba(13,35,87,.2)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .lecture{position:absolute;inset:0;display:grid;place-items:center;transition:.25s;
  background:linear-gradient(180deg,rgba(7,21,64,.15),rgba(7,21,64,.55))}
.video:hover .lecture{background:linear-gradient(180deg,rgba(7,21,64,.05),rgba(7,21,64,.4))}
.video .lecture span{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--rouge),var(--rouge-vif));color:var(--blanc);
  font-size:1.7rem;padding-left:6px;box-shadow:0 14px 30px -10px rgba(192,39,26,.7);transition:transform .25s}
.video:hover .lecture span{transform:scale(1.1)}
.video .titre-video{position:absolute;left:0;right:0;bottom:0;padding:36px 18px 14px;color:var(--blanc);
  font-weight:700;font-size:.95rem;background:linear-gradient(180deg,transparent,rgba(7,21,64,.85))}
.video.a-remplacer .remplacer{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;
  align-items:center;justify-content:center;text-align:center;padding:20px;color:#C8D4F0}
.video.a-remplacer .remplacer b{color:#F0A090;font-size:1.05rem}
.video.a-remplacer .remplacer small{font-size:.8rem;opacity:.85;max-width:42ch}

/* ---------- Galerie ---------- */
.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.galerie figure{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--ombre);aspect-ratio:4/3}
.galerie img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.galerie figure:hover img{transform:scale(1.06)}

/* ---------- Événements ---------- */
.evenement{display:flex;gap:18px;align-items:flex-start}
.date-bloc{min-width:74px;text-align:center;border-radius:12px;overflow:hidden;
  border:1px solid rgba(13,35,87,.15);background:var(--blanc);flex:none}
.date-bloc b{display:block;font-family:'Fraunces',serif;font-size:1.55rem;color:var(--bleu-marine);padding:8px 0 2px}
.date-bloc span{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  background:var(--bleu-marine);color:var(--blanc);padding:4px 0}
.evenement h3{margin-bottom:4px}
.evenement .meta{font-size:.83rem;color:var(--gris)}
.evenement .meta b{color:var(--rouge)}

/* ---------- Bandeau appel ---------- */
.appel{position:relative;overflow:hidden;border-radius:24px;padding:clamp(32px,5vw,50px) clamp(24px,5vw,46px);
  color:var(--blanc);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  background:
   radial-gradient(620px 320px at 88% 15%, rgba(192,39,26,.45), transparent 60%),
   linear-gradient(135deg,var(--bleu-marine-2),var(--bleu-roi))}
.appel::before{content:"✝";position:absolute;right:6%;top:50%;transform:translateY(-50%);
  font-size:11rem;opacity:.1;color:var(--blanc)}
.appel h2{color:var(--blanc);max-width:24ch;position:relative}
.appel p{color:#C8D4F0;max-width:50ch;position:relative}

/* ============================================================
   PAGES INTÉRIEURES — bannière
   ============================================================ */
.bandeau-page{
  position:relative;color:var(--blanc);overflow:hidden;
  padding:clamp(64px,10vw,104px) 0 clamp(56px,9vw,92px);
  background-image:var(--banniere,url('../assets/banniere.svg'));
  background-size:cover;background-position:center;
}
.bandeau-page::before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(7,21,64,.93) 0%,rgba(7,21,64,.76) 45%,rgba(7,21,64,.3) 100%)}
.bandeau-page .container{position:relative}
.bandeau-page h1{color:var(--blanc)}
.bandeau-page p{color:#C8D4F0;max-width:62ch;margin-top:12px}
.fil{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#F0A090;margin-bottom:14px}
.fil a{color:#A0B4E0}

/* documents */
article.doc{max-width:840px}
article.doc h2{margin:44px 0 14px;padding-bottom:8px;border-bottom:2px solid rgba(192,39,26,.4)}
article.doc h3{margin:26px 0 8px;color:var(--bleu-roi)}
article.doc p, article.doc li{color:#2E3A55}
article.doc ul, article.doc ol{padding-left:22px;margin:10px 0}
article.doc li{margin:6px 0}
.note{background:#EEF2FF;border:1px solid rgba(26,58,143,.35);border-radius:12px;
  padding:14px 18px;font-size:.92rem;color:#1A3A8F;margin:18px 0}

/* tableau bureau */
.table-scroll{overflow-x:auto;border-radius:14px;box-shadow:var(--ombre)}
table.bureau{width:100%;min-width:640px;border-collapse:collapse;background:var(--blanc)}
table.bureau th{background:var(--bleu-marine);color:var(--blanc);text-align:left;padding:13px 16px;
  font-size:.83rem;letter-spacing:.08em;text-transform:uppercase}
table.bureau td{padding:13px 16px;border-top:1px solid rgba(13,35,87,.08);font-size:.94rem}
table.bureau tr:nth-child(even) td{background:#EDF0FA}
.profil{display:flex;align-items:center;gap:12px}
.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:'Fraunces',serif;
  font-weight:700;color:var(--blanc);background:linear-gradient(135deg,var(--bleu-roi),var(--rouge));flex:none;font-size:.85rem}

/* formulaires */
form.formulaire{display:grid;gap:16px}
.champ{display:grid;gap:6px}
.champ label{font-weight:700;font-size:.88rem;color:var(--bleu-marine)}
.champ label small{color:var(--gris);font-weight:500}
.champ input,.champ select,.champ textarea{font:inherit;padding:12px 14px;border-radius:10px;
  border:1.5px solid rgba(13,35,87,.22);background:var(--blanc);color:var(--encre);width:100%}
.champ input:focus,.champ select:focus,.champ textarea:focus{outline:none;border-color:var(--bleu-roi);
  box-shadow:0 0 0 4px rgba(26,58,143,.15)}
.ligne2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
fieldset{border:1px solid rgba(13,35,87,.18);border-radius:14px;padding:20px;min-width:0}
legend{font-family:'Fraunces',serif;font-weight:600;color:var(--bleu-marine);padding:0 8px}
.consentement{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--gris)}
.consentement input{margin-top:4px}
.message-ok{display:none;background:#EEF2FF;border:1px solid var(--bleu-roi);color:#0D2357;
  border-radius:12px;padding:16px 18px;font-weight:600}

/* contact */
.coordonnees{list-style:none;display:grid;gap:14px}
.coordonnees li{display:flex;gap:14px;align-items:flex-start;background:var(--blanc);
  border-radius:12px;padding:16px;border:1px solid rgba(13,35,87,.1)}
.coordonnees .ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(26,58,143,.12),rgba(192,39,26,.12));font-size:1.2rem;flex:none}
.coordonnees b{display:block;color:var(--bleu-marine)}
.coordonnees span{color:var(--gris);font-size:.92rem}

/* détail activité */
.detail{display:grid;grid-template-columns:1.4fr .8fr;gap:34px;align-items:start}
.detail .encadre{position:sticky;top:96px}
.encadre .carte{gap:14px}
.encadre .carte b{color:var(--bleu-marine)}
.encadre .carte span{font-size:.9rem;color:var(--gris)}

/* ---------- Pied de page ---------- */
footer.site{background:var(--bleu-marine-2);color:#B0BEE0}
footer .haut{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px;padding:54px 0 40px}
footer h4{font-family:'Fraunces',serif;color:#F0A090;margin-bottom:14px;font-size:1.05rem}
footer ul{list-style:none;display:grid;gap:8px}
footer a{color:#B0BEE0;font-size:.92rem}
footer a:hover{color:#F0A090}
footer .marque{display:flex;gap:12px;align-items:center;margin-bottom:14px}
footer .marque img{width:50px;height:50px;border-radius:50%}
footer .marque b{font-family:'Fraunces',serif;color:var(--blanc);font-size:1.2rem}
footer p.mini{font-size:.88rem;line-height:1.6}
footer .bas{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:.82rem;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
footer .bas span em{color:#F0A090;font-style:normal}

/* ---------- Apparition au défilement ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .slide .contenu>*{opacity:1;transform:none;animation:none!important}
  .slide.actif::after{animation:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1060px){
  .burger{display:block}
  nav.menu{position:fixed;top:0;right:0;bottom:0;width:min(330px,85vw);
    background:var(--ivoire);box-shadow:-20px 0 50px rgba(7,21,64,.35);
    transform:translateX(105%);transition:transform .3s ease;display:block;
    padding:90px 24px 30px;overflow:auto;z-index:70}
  nav.menu.ouvert{transform:none}
  nav.menu ul{flex-direction:column;align-items:stretch;gap:4px}
  nav.menu a{white-space:normal;padding:12px 14px;font-size:1rem}
  .sousmenu{position:static;display:block;border:0;box-shadow:none;background:rgba(26,58,143,.07);
    border-radius:10px;margin:4px 0 6px 10px}
  li.deroulant>a::after{content:""}
  .burger{position:relative;z-index:90}
}
@media (max-width:980px){
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  footer .haut{grid-template-columns:1fr 1fr}
  .detail{grid-template-columns:1fr}
  .detail .encadre{position:static}
  .galerie{grid-template-columns:repeat(2,1fr)}
  .galerie figure:last-child{grid-column:span 2;aspect-ratio:16/8}
}
@media (max-width:760px){
  .slide{min-height:78vh;padding:70px 0 130px}
  .fleche{display:none}
  .points{bottom:80px}
  .bande-chiffres{margin-top:-46px}
  .chiffres{grid-template-columns:repeat(2,1fr)}
  .g2{grid-template-columns:1fr}
  .brand small{display:none}
}
@media (max-width:560px){
  .g2,.g3,.g4{grid-template-columns:1fr}
  .ligne2{grid-template-columns:1fr}
  .galerie{grid-template-columns:1fr}
  .galerie figure:last-child{grid-column:auto;aspect-ratio:4/3}
  footer .haut{grid-template-columns:1fr}
  .boutons .btn{width:100%;justify-content:center}
  .topbar .container{justify-content:center;text-align:center}
  .evenement{flex-direction:row}
}