@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('../webfonts/montserrat/montserrat-300-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('../webfonts/montserrat/montserrat-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../webfonts/montserrat/montserrat-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../webfonts/montserrat/montserrat-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../webfonts/montserrat/montserrat-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../webfonts/montserrat/montserrat-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../webfonts/montserrat/montserrat-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../webfonts/montserrat/montserrat-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../webfonts/montserrat/montserrat-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../webfonts/montserrat/montserrat-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../webfonts/montserrat/montserrat-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../webfonts/montserrat/montserrat-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}/* ============================================================
   BTS 2026 — Rentrée des classes Scotch × Carrefour
   Design-system (surcharge styles.css, chargé après lui)
   ============================================================ */
:root{
  --bts-jaune:#FFD600; --bts-jaune-2:#FDDF48; --bts-jaune-clair:#FFE3A1;
  --bts-vert:#2FAA69;  --bts-vert-fonce:#25925a;
  --bts-brique:#A23A38; --bts-brique-fonce:#872f2d;
  --bts-creme:#F2D9C3; --bts-bleu-clair:#F2F9FC;
  --bts-carrefour:#E52521; --bts-noir:#1D1D1B; --bts-blanc:#fff;
}

/* ---- Typographie ---- */
body{font-family:'Montserrat',Arial,Helvetica,sans-serif;color:var(--bts-noir);}
h1,h2,h3,h4,h5,h6,.font-weight-bold,strong,b{font-family:'Montserrat',sans-serif;}
.font-weight-light{font-weight:300;}

/* ---- Couleurs de texte ---- */
.tvert{color:var(--bts-vert)!important;}
.trouge{color:var(--bts-brique)!important;}
.tblanc{color:#fff!important;}
.tnoir{color:var(--bts-noir)!important;}
.\33MG{color:var(--bts-noir)!important;}
.\33ML{color:var(--bts-vert)!important;}
.bleusouligne,.noirsouligne{color:var(--bts-noir)!important;text-decoration:underline;}

/* ---- Barre de navigation jaune (transpaviolet réutilisé) ---- */
.transpaviolet{background:var(--bts-jaune)!important;}

/* Boutons de navigation : pastilles blanches -> noir au survol (transition douce) */
.bts-navbtn{
  display:inline-block;
  background:#fff;
  color:var(--bts-noir)!important;
  font-weight:700;
  font-size:14px;
  line-height:1;
  border-radius:40px;
  padding:.7rem 1.7rem;
  text-decoration:none!important;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  transition:background-color .28s ease, color .28s ease, box-shadow .28s ease, transform .18s ease;
}
.bts-navbtn:hover,
.bts-navbtn:focus-visible{
  background:var(--bts-noir);
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.22);
  transform:translateY(-1px);
}
.bts-navbtn:active{transform:translateY(0);}

/* ---- Boutons ---- */
.bjaune{background:var(--bts-jaune)!important;color:var(--bts-noir)!important;border:none;border-radius:8px;font-weight:700;transition:background .2s;}
.bjaune:hover,.bjaune:focus{background:var(--bts-jaune-2)!important;color:var(--bts-noir)!important;}
.bblanc{display:inline-block;background:#fff!important;color:var(--bts-noir)!important;border:none;border-radius:40px;font-weight:700;padding:.65rem 1.6rem;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:background .2s;}
.bblanc:hover,.bblanc:focus{background:#f1f1f1!important;color:var(--bts-noir)!important;text-decoration:none;}
.bvert{background:var(--bts-vert)!important;color:#fff!important;border:none;border-radius:8px;font-weight:700;transition:background .2s;}
.bvert:hover,.bvert:focus{background:var(--bts-vert-fonce)!important;color:#fff!important;}
.bgris{background:#e4e4e4!important;color:var(--bts-noir)!important;border:none;border-radius:8px;font-weight:700;}
.bbrique{background:var(--bts-brique)!important;color:#fff!important;border:none;border-radius:8px;font-weight:700;transition:background .2s;}
.bbrique:hover,.bbrique:focus{background:var(--bts-brique-fonce)!important;color:#fff!important;}

/* ---- Champs de formulaire ---- */
.form-control{border-radius:10px;border:1px solid #e0d3c4;}
.form-control:focus{border-color:var(--bts-vert);box-shadow:0 0 0 .2rem rgba(47,170,105,.20);}
.champ-creme,.creme{background:var(--bts-creme)!important;border:none!important;}

/* ---- Bandeau de page (headersimple) : dégradé vert + illustration ---- */
.headersimple{
  background:var(--bts-vert) url('../img/bts-header-band.png') center/cover no-repeat;
  background-blend-mode:normal;
}
.headersimple .tvar,.headersimple *{color:#fff;}

/* ---- Sections colorées ---- */
.section-verte,.fondEau{background:var(--bts-vert)!important;color:#fff;}
.section-verte *,.fondEau .tblanc{color:#fff;}
.section-creme,.fondBeige{background:var(--bts-creme)!important;}
.section-jaune{background:var(--bts-jaune)!important;}

/* ---- Compte à rebours ---- */
.time-frame{
  display:inline-block;background:#fff;color:var(--bts-noir);
  min-width:38px;padding:10px 6px;margin:2px;border-radius:8px;
  font-weight:800;font-size:28px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.12);
}

/* ---- Cartes ---- */
.cardombre{border:none;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);}

/* ---- Footer noir ---- */
.footer{background:var(--bts-noir)!important;color:#fff;}
.footer .tvert{color:#fff!important;font-weight:700;text-transform:uppercase;letter-spacing:.02em;}
.lienblanc{color:#e9e9e9!important;text-decoration:none;}
.lienblanc:hover,.lienblanc:focus{color:#fff!important;text-decoration:underline;}
.footer .tblanc{color:#fff!important;}

/* ============================================================
   HERO ACCUEIL — image composée (desktop/mobile) + zones cliquables
   ============================================================ */
.bts-heroimg{position:relative;line-height:0;}
.bts-heroimg-photo{width:100%;display:block;}
.bts-hero-zone{position:absolute;display:block;border-radius:40px;transition:background-color .2s ease;}
.bts-hero-zone:hover{background:rgba(0,0,0,.06);}
.bts-hero-zone:focus-visible{outline:3px solid var(--bts-noir);outline-offset:2px;}

/* Bascule desktop / mobile */
.bts-heroimg-m{display:none;}
@media (max-width:991.98px){
  .bts-heroimg-d{display:none;}
  .bts-heroimg-m{display:block;}
}

/* ---- Doodle étoile décorative ---- */
.bts-etoile{width:46px;height:auto;}

/* ---- Divers ---- */
.mentions{color:#555;}
a:focus-visible,button:focus-visible{outline:3px solid var(--bts-vert);outline-offset:2px;}