*{box-sizing:border-box}html{scroll-behavior:smooth;background:#02070d}body{margin:0;background:#02070d;color:#fff;font-family:Arial,Helvetica,sans-serif}.site-header{position:sticky;top:0;z-index:1000;min-height:70px;padding:9px clamp(16px,3vw,46px);display:flex;align-items:center;gap:28px;background:rgba(2,7,13,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:clamp(155px,15vw,225px);height:auto}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,31px);flex:1}.main-nav a{color:#f2f2f2;text-decoration:none;font-size:clamp(10px,.8vw,13px);font-weight:700;white-space:nowrap;padding:17px 0 14px;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:#fff;border-bottom-color:#d7ad4e}.language{flex:0 0 auto;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:10px 13px;font-weight:700;font-size:13px}.menu-toggle{display:none;background:none;border:1px solid #555;color:#fff;border-radius:7px;padding:8px 10px;font-size:20px}.hero,.hero picture,.hero img{display:block;width:100%}.hero img{height:auto;object-fit:contain}.future-screen{display:none}@media(max-width:1100px){.site-header{flex-wrap:wrap;gap:12px}.menu-toggle{display:block;margin-left:auto}.language{order:2}.main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;padding:10px 0 15px;gap:2px}.main-nav.open{display:flex}.main-nav a{width:100%;padding:11px 4px}}@media(max-width:600px){.site-header{min-height:62px;padding:8px 13px}.brand img{width:150px}.language{padding:8px 10px}}
.visual-page,.visual-page picture,.visual-page img{display:block;width:100%}
.visual-page img{height:auto;object-fit:contain}

/* GALLIUM ID — Authentification Multi-Facteur, image n°3 */
.gallium-id-multifactor,
.gallium-id-multifactor picture,
.gallium-id-multifactor img{
  display:block;
  width:100%;
}
.gallium-id-multifactor img{
  height:auto;
  object-fit:contain;
}


/* PAGE TOKEN — VISUEL OFFICIEL VALIDÉ */
#token.token-page{
  width:100%;
  margin:0;
  padding:0;
  background:#000;
  overflow:hidden;
}
#token.token-page picture{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
#token.token-page img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
@media (max-width:800px){
  #token.token-page img{width:100%;height:auto;}
}


/* =========================================================
   PAGE POUR L’ALGÉRIE — VISUEL OFFICIEL VALIDÉ
   ========================================================= */
#algerie.algeria-page{
  width:100%;
  margin:0;
  padding:0;
  background:#000;
  overflow:hidden;
}
#algerie.algeria-page picture{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
#algerie.algeria-page img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
@media (max-width:800px){
  #algerie.algeria-page img{
    width:100%;
    height:auto;
  }
}


/* PAGE GALLIUM PAY — VISUEL OFFICIEL N°1 VALIDÉ */
#gallium-pay.gallium-pay-page{width:100%;margin:0;padding:0;background:#000;overflow:hidden}
#gallium-pay.gallium-pay-page picture{display:block;width:100%;margin:0;padding:0}
#gallium-pay.gallium-pay-page img{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:800px){#gallium-pay.gallium-pay-page img{width:100%;height:auto}}


/* PAGE GALLIUM PAY — VISUEL OFFICIEL N°2 : PLAN B VALIDÉ */
#gallium-pay .gallium-pay-plan-b{display:block;width:100%;margin:0;padding:0;background:#000}
#gallium-pay .gallium-pay-plan-b img{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:800px){#gallium-pay .gallium-pay-plan-b img{width:100%;height:auto}}


/* GALLIUM SOLIDAIRE — VISUEL OFFICIEL VALIDÉ */
#solidaire.solidaire-page{width:100%;margin:0;padding:0;background:#000;overflow:hidden}
#solidaire.solidaire-page picture{display:block;width:100%;margin:0;padding:0}
#solidaire.solidaire-page img{display:block;width:100%;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:800px){#solidaire.solidaire-page img{width:100%;height:auto}}


/* =========================================================
   À PROPOS — VISUEL OFFICIEL VALIDÉ
   ========================================================= */
#apropos.about-page{
  width:100%;
  margin:0;
  padding:0;
  background:#000;
  overflow:hidden;
}
#apropos.about-page picture{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
#apropos.about-page img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
@media(max-width:800px){
  #apropos.about-page img{
    width:100%;
    height:auto;
  }
}


/* Navigation par ancres : compensation du header sticky */
#accueil,#gallium-id,#gallium-pay,#fonctionnement,#algerie,#token,#solidaire,#apropos{scroll-margin-top:90px;}