html.unipay-page-pub{
  --up-active-h: calc(var(--unipay-vh, 1vh) * 100);
}

html.unipay-page-pub body{
  max-width:100vw;
  overflow-x:hidden;
}

html.unipay-page-pub .news-overlay.active{
  padding:max(10px, env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px)) !important;
}

html.unipay-page-pub .expanded-card,
html.unipay-page-pub .live-modal,
html.unipay-page-pub .cyber-modal,
html.unipay-page-pub .unipay-immersive-panel{
  max-height:calc(var(--up-active-h) - 22px) !important;
  overflow:auto !important;
  box-sizing:border-box !important;
}

html.unipay-page-pub .exp-media-zone,
html.unipay-page-pub .media-container{
  min-width:0 !important;
}

html.unipay-page-pub .exp-media,
html.unipay-page-pub .live-media,
html.unipay-page-pub .exp-media-zone img,
html.unipay-page-pub .exp-media-zone video{
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
}

/* Prélecture payante dans la carte : la vidéo s'arrête après le clip
   configuré et la carte reste cliquable pour ouvrir le paiement. */
html.unipay-page-pub .news-section .bg-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:1 !important;
}

html.unipay-page-pub .news-section .unipay-feed-preview-lock{
  position:absolute !important;
  inset:auto 8px 8px 8px !important;
  z-index:4 !important;
  pointer-events:none !important;
  padding:6px 8px !important;
  border:1px solid rgba(255,176,72,.72) !important;
  border-radius:999px !important;
  background:rgba(8,13,27,.82) !important;
  color:#ffd18a !important;
  font:700 10px/1.2 Inter,system-ui,sans-serif !important;
  text-align:center !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

html.unipay-page-pub .news-section.unipay-preview-locked .bg-video{
  filter:saturate(.78) brightness(.62) !important;
}

html.unipay-page-pub .preview-teaser-media{
  cursor:default !important;
}
html.unipay-page-pub .news-overlay.active .preview-layout-v2 .expanded-body.full .exp-media-zone{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  margin:0 !important;
}

html.unipay-page-pub.unipay-phone-portrait .expanded-card,
html.unipay-page-pub.unipay-phone-portrait .live-modal{
  width:min(94vw, 620px) !important;
}

html.unipay-page-pub.unipay-phone-portrait .expanded-body,
html.unipay-page-pub.unipay-phone-portrait .live-modal{
  display:grid !important;
  grid-template-columns:1fr !important;
}

html.unipay-page-pub.unipay-phone-portrait .exp-media-zone,
html.unipay-page-pub.unipay-phone-portrait .media-container{
  aspect-ratio:4 / 5;
  min-height:220px !important;
  max-height:45vh !important;
}

html.unipay-page-pub.unipay-phone-portrait .exp-text-zone{
  max-height:36vh !important;
  overflow:auto !important;
  padding-left:0 !important;
}

html.unipay-page-pub.unipay-phone-landscape .news-container{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows:minmax(120px, 1fr) !important;
  height:calc(var(--up-active-h) - 110px) !important;
  gap:10px !important;
}

html.unipay-page-pub.unipay-phone-landscape .expanded-card,
html.unipay-page-pub.unipay-tablet-landscape .expanded-card,
html.unipay-page-pub.unipay-phone-landscape .live-modal,
html.unipay-page-pub.unipay-tablet-landscape .live-modal{
  width:min(96vw, 1120px) !important;
}

html.unipay-page-pub.unipay-phone-landscape .expanded-body,
html.unipay-page-pub.unipay-tablet-landscape .expanded-body,
html.unipay-page-pub.unipay-phone-landscape .live-modal,
html.unipay-page-pub.unipay-tablet-landscape .live-modal{
  display:grid !important;
  grid-template-columns:minmax(0, 1.15fr) minmax(240px, .85fr) !important;
  gap:14px !important;
}

html.unipay-page-pub.unipay-phone-landscape .exp-media-zone,
html.unipay-page-pub.unipay-tablet-landscape .exp-media-zone{
  min-height:calc(var(--up-active-h) - 120px) !important;
  max-height:calc(var(--up-active-h) - 80px) !important;
}

html.unipay-page-pub.unipay-phone .object-choice-grid,
html.unipay-page-pub.unipay-phone .reaction-choice-grid,
html.unipay-page-pub.unipay-phone .share-choice-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

/* pub.html keeps its absolute/immersive engine.
   Phone portrait still shows at least two blocks in the active area. */
html.unipay-page-pub.unipay-phone-portrait{
  --unipay-pub-active-w: min(430px, calc(100vw - var(--unipay-content-left-reserve, 64px) - 10px));
}

html.unipay-page-pub.unipay-phone-portrait .news-container,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container{
  left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 8px)) !important;
  width:var(--unipay-pub-active-w, var(--unipay-active-portrait-w, calc(100vw - var(--unipay-leftbar-measured, 54px) - 18px))) !important;
  max-width:var(--unipay-pub-active-w, var(--unipay-active-portrait-w, calc(100vw - var(--unipay-leftbar-measured, 54px) - 18px))) !important;
  height:min(var(--unipay-active-portrait-h, 844px), calc((var(--unipay-vh, 1vh) * 100) - var(--margin-top, 60px) - var(--unipay-bottombar-measured, 72px) - 24px)) !important;
  min-height:430px !important;
  display:grid !important;
  gap:8px !important;
  padding:8px !important;
  transform:none !important;
  overflow:hidden !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-initial,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-initial{
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.15fr) !important;
  grid-template-rows:repeat(3, minmax(126px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec3"
    "sec2 sec3"
    "sec4 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-focus-1,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-focus-1{
  grid-template-columns:minmax(0, 1.35fr) minmax(0, .85fr) !important;
  grid-template-rows:repeat(3, minmax(126px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec3"
    "sec1 sec2"
    "sec4 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-focus-3,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-focus-3{
  grid-template-columns:minmax(0, .85fr) minmax(0, 1.35fr) !important;
  grid-template-rows:repeat(3, minmax(126px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec3"
    "sec2 sec3"
    "sec4 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-panorama,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-panorama{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows:repeat(3, minmax(126px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec2"
    "sec3 sec3"
    "sec4 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-tower,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-tower{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows:minmax(110px, .85fr) minmax(150px, 1.35fr) minmax(110px, .85fr) !important;
  grid-template-areas:
    "sec1 sec4"
    "sec3 sec3"
    "sec2 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-mosaic,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-mosaic{
  grid-template-columns:minmax(0, 1.2fr) minmax(0, .9fr) !important;
  grid-template-rows:repeat(3, minmax(126px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec2"
    "sec3 sec5"
    "sec4 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-cross,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-cross{
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr) !important;
  grid-template-rows:repeat(3, minmax(126px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec3"
    "sec4 sec3"
    "sec2 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-container.layout-stream,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.layout-stream{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows:repeat(4, minmax(92px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec1"
    "sec2 sec3"
    "sec4 sec5"
    "sec4 sec5" !important;
}

html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .control-panel,
html.unipay-page-pub.unipay-phone-portrait .control-panel{
  left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 8px)) !important;
  bottom:calc(var(--unipay-bottombar-measured, 72px) + 14px) !important;
  width:var(--unipay-pub-active-w, var(--unipay-active-portrait-w, calc(100vw - var(--unipay-leftbar-measured, 54px) - 18px))) !important;
  max-width:var(--unipay-pub-active-w, var(--unipay-active-portrait-w, calc(100vw - var(--unipay-leftbar-measured, 54px) - 18px))) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
}

html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .control-panel .nav-btn,
html.unipay-page-pub.unipay-phone-portrait .control-panel .nav-btn{
  width:min(128px, calc((var(--unipay-pub-active-w, var(--unipay-active-portrait-w, 430px)) - 12px) / 2)) !important;
  min-width:0 !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-section,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-section{
  aspect-ratio:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:10px !important;
}

html.unipay-page-pub.unipay-phone-portrait .section-1{ grid-area:sec1 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-2{ grid-area:sec2 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-3{ grid-area:sec3 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-4{ grid-area:sec4 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-5{ grid-area:sec5 !important; }

html.unipay-page-pub.unipay-phone-portrait .news-title,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-title{
  font-size:clamp(.72rem, 2.6vw, 1rem) !important;
  line-height:1.1 !important;
}

html.unipay-page-pub.unipay-phone-portrait .news-desc,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-desc{
  font-size:clamp(.62rem, 2.1vw, .82rem) !important;
  line-height:1.25 !important;
}

html.unipay-page-pub.unipay-phone-portrait .bg-img,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .bg-img{
  object-fit:cover !important;
}

html.unipay-page-pub.unipay-native-fullscreen .unipay-media-player,
html.unipay-page-pub.unipay-native-fullscreen .unipay-media-stage{
  width:100vw !important;
  height:var(--up-active-h) !important;
}

/* =========================================================
   CORRECTIF 20260613 — ZOOM PORTRAIT 30% PAR PAGE
   Objectif : zoom arrière visuel de la partie principale et des
   panneaux de modales externes, sans appliquer de transform/zoom
   aux barres supérieures, latérales ou inférieures.
   ========================================================= */
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen{
  --up-page-zoom-30:.70;
  --up-page-zoom-expand:142.857%;
  --up-page-modal-expand:136vw;
  --up-page-active-left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 10px));
  --up-page-active-bottom:var(--unipay-content-bottom-reserve, calc(var(--unipay-bottombar-measured, 72px) + 14px));
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  transform-origin:top left !important;
  width:var(--up-page-zoom-expand) !important;
  max-width:var(--up-page-zoom-expand) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  will-change:transform;
}

@supports (zoom:1){
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
    zoom:1 !important;
    transform:scale(var(--up-page-zoom-30)) !important;
  }
}

@supports not (zoom:1){
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
    zoom:1 !important;
    transform:scale(var(--up-page-zoom-30)) !important;
  }
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay.modal-overlay,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #overlay.news-overlay{
  position:fixed !important;
  inset:0 !important;
  padding:calc(var(--unipay-safe-top, 0px) + 10px) 8px calc(var(--up-page-active-bottom) + 8px) calc(var(--up-page-active-left) + 8px) !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #cyber-modal.cyber-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay .cyber-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-overlay,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .conv-dialog,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .paywall-overlay:not(.hidden){
  transform-origin:top left !important;
  width:min(var(--up-page-modal-expand), 1320px) !important;
  max-width:min(var(--up-page-modal-expand), 1320px) !important;
  max-height:120vh !important;
  overflow:auto !important;
  box-sizing:border-box !important;
  will-change:transform;
}

@supports (zoom:1){
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #cyber-modal.cyber-modal,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay .cyber-modal,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-overlay,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .conv-dialog,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .paywall-overlay:not(.hidden){
    zoom:1 !important;
    transform:scale(var(--up-page-zoom-30)) !important;
  }
}

@supports not (zoom:1){
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #cyber-modal.cyber-modal,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay .cyber-modal,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-overlay,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .conv-dialog,
  html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .paywall-overlay:not(.hidden){
    zoom:1 !important;
    transform:scale(var(--up-page-zoom-30)) !important;
  }
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  left:var(--up-page-active-left) !important;
}

/* =========================================================
   CORRECTIF 20260613B — ZOOM NON AUTOMATIQUE
   - mode mobile portrait normal : aucune réduction visuelle forcée ;
   - mode plein écran mobile portrait : zoom 30% uniquement dans la zone active ;
   - barres supérieure, latérale et inférieure conservées hors zoom.
   ========================================================= */
html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen){
  --up-page-zoom-30:1;
  --up-page-zoom-expand:100%;
  --up-page-modal-expand:100vw;
}
html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen) .news-container,
html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen) body.unipay-pub-page .news-container{
  zoom:1 !important;
  transform:none !important;
  will-change:auto !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen{
  --up-page-zoom-30:.70;
  --up-page-zoom-expand:128vw;
  --up-page-modal-expand:128vw;
  --up-page-active-left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 10px));
  --up-page-active-top:var(--unipay-content-top-reserve, calc(var(--unipay-topbar-measured, 76px) + 10px));
  --up-page-active-bottom:var(--unipay-content-bottom-reserve, calc(var(--unipay-bottombar-measured, 72px) + 14px));
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  zoom:1 !important;
  transform-origin:top left !important;
  transform:scale(var(--up-page-zoom-30)) !important;
  width:var(--up-page-zoom-expand) !important;
  max-width:none !important;
}

html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen) .news-container,
html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen) body.unipay-pub-page .news-container{
  width:var(--unipay-pub-active-w, var(--unipay-active-portrait-w, calc(100vw - var(--unipay-leftbar-measured, 54px) - 18px))) !important;
  max-width:var(--unipay-pub-active-w, var(--unipay-active-portrait-w, calc(100vw - var(--unipay-leftbar-measured, 54px) - 18px))) !important;
  height:min(var(--unipay-active-portrait-h, 844px), calc((var(--unipay-vh, 1vh) * 100) - var(--margin-top, 60px) - var(--unipay-bottombar-measured, 72px) - 24px)) !important;
  overflow:hidden !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  top:calc(var(--up-page-active-top) + 4px) !important;
  left:var(--up-page-active-left) !important;
  width:128vw !important;
  max-width:none !important;
  height:120vh !important;
  max-height:none !important;
  overflow:hidden !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .control-panel,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .control-panel{
  left:var(--up-page-active-left) !important;
  bottom:calc(var(--up-page-active-bottom) + 4px) !important;
  width:calc(100vw - var(--up-page-active-left) - 12px) !important;
  max-width:calc(100vw - var(--up-page-active-left) - 12px) !important;
  transform:none !important;
  zoom:1 !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .control-panel .nav-btn,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .control-panel .nav-btn{
  width:min(224px, calc((100vw - var(--up-page-active-left) - 40px) / 2)) !important;
  min-width:0 !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay.modal-overlay,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #overlay.news-overlay{
  padding:calc(var(--up-page-active-top) + 8px) 8px calc(var(--up-page-active-bottom) + 8px) calc(var(--up-page-active-left) + 8px) !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #cyber-modal.cyber-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay .cyber-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-overlay,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .conv-dialog,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .paywall-overlay:not(.hidden){
  width:128vw !important;
  max-width:none !important;
  max-height:128vh !important;
}

/* =========================================================
   CORRECTIF 20260613C — pub.html fullscreen stable
   Le layout pub utilise des blocs absolute + modales fixes. Le scale direct
   sur les wrappers de modale provoquait des rendus différents et des sorties
   fullscreen. Ici les barres restent hors zoom, mais les modales et overlays
   gardent une géométrie fixe stable dans la zone active.
   ========================================================= */
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen{
  --up-page-zoom-30:1;
  --up-page-zoom-expand:100%;
  --up-page-modal-expand:100%;
  --up-page-active-left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 10px));
  --up-page-active-top:var(--unipay-content-top-reserve, calc(var(--unipay-topbar-measured, 76px) + 10px));
  --up-page-active-bottom:var(--unipay-content-bottom-reserve, calc(var(--unipay-bottombar-measured, 72px) + 14px));
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  min-height:var(--unipay-pub-scroll-height, 6200px) !important;
  padding-bottom:calc(var(--up-page-active-bottom) + 90px) !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  zoom:1 !important;
  transform:none !important;
  will-change:auto !important;
  top:calc(var(--up-page-active-top) + 4px) !important;
  left:var(--up-page-active-left) !important;
  width:calc(100vw - var(--up-page-active-left) - 10px) !important;
  max-width:calc(100vw - var(--up-page-active-left) - 10px) !important;
  height:min(780px, calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 20px)) !important;
  min-height:430px !important;
  max-height:none !important;
  overflow:hidden !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #overlay.news-overlay,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay.modal-overlay,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .unipay-immersive-modal{
  position:fixed !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  padding:calc(var(--up-page-active-top) + 8px) 8px calc(var(--up-page-active-bottom) + 8px) calc(var(--up-page-active-left) + 8px) !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  transform:none !important;
  zoom:1 !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .expanded-card,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .live-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #cyber-modal.cyber-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #modal-overlay .cyber-modal,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .conv-dialog,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .paywall-overlay:not(.hidden),
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .unipay-immersive-panel{
  zoom:1 !important;
  transform:none !important;
  transform-origin:top center !important;
  width:min(100%, 720px) !important;
  max-width:calc(100vw - var(--up-page-active-left) - 24px) !important;
  max-height:calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 24px) !important;
  overflow:auto !important;
  box-sizing:border-box !important;
  will-change:auto !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .expanded-body,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .live-modal{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .exp-media-zone,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .media-container{
  min-height:210px !important;
  max-height:min(42vh, 330px) !important;
  aspect-ratio:4 / 5 !important;
}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .unipay-media-player.fullscreen-fallback{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483600 !important;
  width:100vw !important;
  height:calc(var(--unipay-vh, 1vh) * 100) !important;
  background:#000 !important;
}


/* =========================================================
   CORRECTIF 20260613E — PUB FULLSCREEN MOBILE FIGÉ ET STABLE
   Cause corrigée : les blocs absolus de pub.html recevaient des recalculs JS
   pendant que .news-container avait transition:all. En fullscreen mobile, le
   layout reste piloté par le CSS et les transitions de position/taille sont
   neutralisées.
   ========================================================= */
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen{
  --up-page-zoom-30:1;
  --up-page-zoom-expand:100%;
  --up-page-modal-expand:100%;
  --up-page-active-left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 10px));
  --up-page-active-top:var(--unipay-content-top-reserve, calc(var(--unipay-topbar-measured, 76px) + 10px));
  --up-page-active-bottom:var(--unipay-content-bottom-reserve, calc(var(--unipay-bottombar-measured, 72px) + 14px));
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page{
  height:auto !important;
  min-height:var(--unipay-pub-scroll-height, 6200px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:contain !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  transform:none !important;
  zoom:1 !important;
  will-change:auto !important;
  transition:none !important;
  top:calc(var(--up-page-active-top) + 4px) !important;
  left:var(--up-page-active-left) !important;
  width:calc(100vw - var(--up-page-active-left) - 10px) !important;
  max-width:calc(100vw - var(--up-page-active-left) - 10px) !important;
  height:min(780px, calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 20px)) !important;
  min-height:430px !important;
  overflow:hidden !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-section,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-section{
  transition:opacity .18s ease, box-shadow .24s ease, border-color .24s ease !important;
  transform:none !important;
  will-change:auto !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .control-panel,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .control-panel{
  transition:none !important;
  transform:none !important;
  zoom:1 !important;
  left:var(--up-page-active-left) !important;
  bottom:calc(var(--up-page-active-bottom) + 4px) !important;
  width:calc(100vw - var(--up-page-active-left) - 12px) !important;
  max-width:calc(100vw - var(--up-page-active-left) - 12px) !important;
}
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen :is(#overlay.news-overlay,#modal-overlay.modal-overlay,.unipay-immersive-modal){
  transform:none !important;
  zoom:1 !important;
  transition:opacity .18s ease !important;
  will-change:auto !important;
}

/* =========================================================
   CORRECTIF 20260613F — PUB MOBILE/FULLSCREEN SANS TREMBLEMENT
   Annule les anciens essais de scale/zoom et stabilise uniquement la zone
   active. Les barres restent hors disposition et hors zoom.
   ========================================================= */
html.unipay-page-pub.unipay-phone-portrait{
  --up-page-active-left:var(--unipay-content-left-reserve, calc(var(--unipay-leftbar-measured, 54px) + 10px));
  --up-page-active-top:var(--unipay-content-top-reserve, calc(var(--unipay-topbar-measured, 76px) + 10px));
  --up-page-active-bottom:var(--unipay-content-bottom-reserve, calc(var(--unipay-bottombar-measured, 72px) + 14px));
  --up-page-active-width:calc(100vw - var(--up-page-active-left) - 10px);
  --up-page-active-height:calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 18px);
}
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page{
  overflow-x:hidden !important;
  overflow-y:auto !important;
  height:auto !important;
  min-height:calc((var(--unipay-vh, 1vh) * 100) + 120px) !important;
  overscroll-behavior-y:contain !important;
}
html.unipay-page-pub.unipay-phone-portrait .news-container,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container{
  left:var(--up-page-active-left) !important;
  top:calc(var(--up-page-active-top) + var(--unipay-feed-block-shift, 0px)) !important;
  width:var(--up-page-active-width) !important;
  max-width:var(--up-page-active-width) !important;
  min-width:0 !important;
  height:max(430px, var(--up-page-active-height)) !important;
  min-height:430px !important;
  max-height:none !important;
  display:grid !important;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.15fr) !important;
  grid-template-rows:repeat(3, minmax(118px, 1fr)) !important;
  grid-template-areas:
    "sec1 sec3"
    "sec2 sec3"
    "sec4 sec5" !important;
  gap:8px !important;
  padding:8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  transform:none !important;
  zoom:1 !important;
  transition:none !important;
  will-change:auto !important;
  contain:layout paint !important;
}
html.unipay-page-pub.unipay-phone-portrait .news-container.news-clone,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.news-clone{
  top:calc(var(--up-page-active-top) + var(--unipay-feed-block-shift, 0px)) !important;
}
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="1"]{ --unipay-feed-block-shift:0px; }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="2"]{ --unipay-feed-block-shift:calc(max(430px, var(--up-page-active-height)) + 16px); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="3"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 2); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="4"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 3); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="5"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 4); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="6"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 5); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="7"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 6); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="8"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 7); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="9"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 8); }
html.unipay-page-pub.unipay-phone-portrait .news-container[data-unipay-live-block="10"]{ --unipay-feed-block-shift:calc((max(430px, var(--up-page-active-height)) + 16px) * 9); }
html.unipay-page-pub.unipay-phone-portrait .news-container.unipay-feed-block-unused,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container.unipay-feed-block-unused{
  display:none !important;
}
html.unipay-page-pub.unipay-phone-portrait .news-section,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-section{
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:10px !important;
  transform:none !important;
  transition:opacity .18s ease, box-shadow .22s ease, border-color .22s ease !important;
  animation:none !important;
  contain:layout paint !important;
}
html.unipay-page-pub.unipay-phone-portrait .news-section.unipay-feed-unused{
  visibility:hidden !important;
  pointer-events:none !important;
}
html.unipay-page-pub.unipay-phone-portrait .section-1{ grid-area:sec1 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-2{ grid-area:sec2 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-3{ grid-area:sec3 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-4{ grid-area:sec4 !important; }
html.unipay-page-pub.unipay-phone-portrait .section-5{ grid-area:sec5 !important; }
html.unipay-page-pub.unipay-phone-portrait .bg-img,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .bg-img{
  object-fit:cover !important;
  transform:none !important;
  transition:opacity .22s ease !important;
}
html.unipay-page-pub.unipay-phone-portrait .control-panel,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .control-panel{
  position:fixed !important;
  left:var(--up-page-active-left) !important;
  bottom:calc(var(--up-page-active-bottom) + 4px) !important;
  width:var(--up-page-active-width) !important;
  max-width:var(--up-page-active-width) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  transform:none !important;
  zoom:1 !important;
  transition:none !important;
  z-index:1200 !important;
}
html.unipay-page-pub.unipay-phone-portrait .control-panel .nav-btn,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .control-panel .nav-btn{
  width:min(150px, calc((var(--up-page-active-width) - 12px) / 2)) !important;
  min-width:0 !important;
}
html.unipay-page-pub.unipay-phone-portrait :is(#overlay.news-overlay,#modal-overlay.modal-overlay,.unipay-immersive-modal){
  transform:none !important;
  zoom:1 !important;
  transition:opacity .18s ease !important;
  will-change:auto !important;
}

/* 20260820 — les modales DATA restent dans la zone active et confient le
   défilement à leur contenu, en mobile normal comme en plein écran. */
html.unipay-page-pub .unipay-immersive-modal{
  box-sizing:border-box !important;
  overflow:hidden !important;
  padding:10px !important;
}
html.unipay-page-pub .unipay-immersive-modal > .unipay-immersive-panel{
  width:min(720px,100%) !important;
  max-width:720px !important;
  max-height:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html.unipay-page-pub .unipay-immersive-modal .unipay-immersive-header{
  position:relative !important;
  z-index:2 !important;
  min-width:0 !important;
  margin:0 0 10px !important;
}
html.unipay-page-pub .unipay-immersive-modal .unipay-immersive-body{
  min-width:0 !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  scrollbar-gutter:stable !important;
  padding:2px 3px 10px !important;
}
html.unipay-page-pub.unipay-phone-portrait .unipay-immersive-modal{
  inset:auto !important;
  left:var(--up-page-active-left) !important;
  top:var(--up-page-active-top) !important;
  width:var(--up-page-active-width) !important;
  height:calc((var(--unipay-vh,1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom)) !important;
  max-width:var(--up-page-active-width) !important;
  max-height:calc((var(--unipay-vh,1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom)) !important;
  place-items:center !important;
  padding:7px !important;
}
html.unipay-page-pub.unipay-phone-portrait .unipay-immersive-modal > .unipay-immersive-panel{
  width:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:12px !important;
  border-radius:12px !important;
}
html.unipay-page-pub.unipay-phone-portrait .unipay-immersive-modal .unipay-immersive-header h3{
  min-width:0 !important;
  font-size:clamp(.82rem,3.6vw,1rem) !important;
  line-height:1.2 !important;
  overflow-wrap:anywhere !important;
}
html.unipay-page-pub.unipay-phone-portrait .unipay-immersive-modal .unipay-immersive-close{
  flex:0 0 auto !important;
  min-height:36px !important;
}

/* La modale DATA reelle est #cyber-context-modal. En mobile, elle reste un
   objet contextuel attache a la previsualisation : compacte, centree et sans
   recouvrir toute la publication. Le header et le footer restent fixes dans le
   panneau; .ctx-body est l'unique proprietaire du defilement. */
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal{
  box-sizing:border-box !important;
  max-width:min(308px,calc(100vw - 64px)) !important;
  max-height:min(320px,calc(100dvh - 300px)) !important;
  overflow:hidden !important;
  transform:none !important;
  zoom:1 !important;
}
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active{
  inset:auto !important;
  left:50% !important;
  top:50% !important;
  width:min(308px,calc(100vw - 64px)) !important;
  height:min(320px,calc(100dvh - 300px)) !important;
  max-width:min(308px,calc(100vw - 64px)) !important;
  max-height:min(320px,calc(100dvh - 300px)) !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  transform:translate(-50%,-50%) !important;
}
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="owner"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="location"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="language"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="time"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="price"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="views"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="likes"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="share"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="media"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="access"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="integrity"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="description"],
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active[data-preview-object-type="attachment"]{
  height:min(260px,calc(100dvh - 360px)) !important;
  max-height:min(260px,calc(100dvh - 360px)) !important;
}
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal.cyber-context-modal.active.unipay-comment-modal{
  height:min(360px,calc(100dvh - 250px)) !important;
  max-height:min(360px,calc(100dvh - 250px)) !important;
}
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal .ctx-header,
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal .ctx-footer{
  min-width:0 !important;
  flex:none !important;
}
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal .ctx-header{
  overflow-wrap:anywhere !important;
}
html.unipay-page-pub.unipay-phone-portrait #cyber-context-modal .ctx-body{
  min-width:0 !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  box-sizing:border-box !important;
  padding:clamp(10px,3.6vw,15px) !important;
}

/* 20260613F-2 : en mobile portrait, la grille pub s'arrête avant les boutons
   PREV/NEXT et avant la barre inférieure. */
html.unipay-page-pub.unipay-phone-portrait{
  --up-page-active-height:calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 110px);
}
html.unipay-page-pub.unipay-phone-portrait .news-container,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container{
  height:max(360px, var(--up-page-active-height)) !important;
  min-height:360px !important;
}
html.unipay-page-pub.unipay-phone-portrait .control-panel,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .control-panel{
  bottom:calc(var(--up-page-active-bottom) + 18px) !important;
}
html.unipay-page-pub.unipay-phone-portrait .news-container,
html.unipay-page-pub.unipay-phone-portrait body.unipay-pub-page .news-container{
  height:calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 110px) !important;
  min-height:360px !important;
}
html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen) .news-container,
html.unipay-page-pub.unipay-phone-portrait:not(.unipay-native-fullscreen) body.unipay-pub-page .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen .news-container,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen body.unipay-pub-page .news-container{
  height:calc((var(--unipay-vh, 1vh) * 100) - var(--up-page-active-top) - var(--up-page-active-bottom) - 110px) !important;
  min-height:360px !important;
}

/* =========================================================
   CORRECTIF 20260613H — PUB FULLSCREEN MOBILE SANS SUPERPOSITION
   Cause corrigée : en plein écran mobile, certains cycles pouvaient afficher
   les 10 conteneurs .news-container avant que data-unipay-live-block soit
   posé par le moteur JS. Tous héritaient alors du décalage 0px et se
   superposaient. Ce bloc impose un empilement déterministe par ID, identique
   au mode mobile normal, indépendamment de l'ordre de chargement JS/CSS.
   ========================================================= */
html.unipay-page-pub.unipay-phone-portrait{
  --up-page-feed-step:calc(max(360px, var(--up-page-active-height)) + 16px);
}
html.unipay-page-pub.unipay-phone-portrait #newsGrid,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-2,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-3,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-4,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-5,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-6,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-7,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-8,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-9,
html.unipay-page-pub.unipay-phone-portrait #newsGrid-10{
  position:absolute !important;
  transform:none !important;
  zoom:1 !important;
  transition:none !important;
  will-change:auto !important;
}
html.unipay-page-pub.unipay-phone-portrait #newsGrid{top:calc(var(--up-page-active-top) + 4px) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-2{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-3{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-4{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-5{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-6{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-7{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-8{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-9{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}
html.unipay-page-pub.unipay-phone-portrait #newsGrid-10{top:calc(var(--up-page-active-top) + 4px + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step) + var(--up-page-feed-step)) !important;}

html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-2,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-3,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-4,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-5,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-6,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-7,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-8,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-9,
html.unipay-page-pub.unipay-phone-portrait.unipay-native-fullscreen #newsGrid-10{
  contain:layout paint !important;
}


/* =========================================================
   CORRECTIF 20260616B — DIMENSIONS HARMONISÉES PUB
   Cette page garde sa dynamique locale, mais expose ses limites
   au moteur central .unipay-active-main.
========================================================= */
html.unipay-page-pub{
  --unipay-page-max-w:1640px;
  --unipay-page-pad-x:clamp(10px,1.1vw,18px);
}
html.unipay-page-pub.unipay-interface-mobile.unipay-portrait,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait{
  --unipay-page-pad-x:clamp(7px,2.4vw,12px);
}
html.unipay-page-pub.unipay-interface-mobile.unipay-landscape{
  --unipay-page-pad-x:clamp(8px,1.5vw,16px);
}


/* =========================================================
   CORRECTIF 20260616C — POSITION ACTIVE FINALE PUB
   Chargé après les anciennes règles locales pour neutraliser
   les largeurs/marges contradictoires uniquement sur le conteneur
   marqué par le routeur. Les grilles internes de la page restent locales.
========================================================= */
html.unipay-page-pub.unipay-interface-desktop .unipay-active-main{
  box-sizing:border-box !important;
  width:min(100%, calc(100vw - var(--unipay-safe-left, 0px) - var(--unipay-safe-right, 0px))) !important;
  max-width:min(var(--unipay-page-max-w, 1480px), calc(100vw - var(--unipay-safe-left, 0px) - var(--unipay-safe-right, 0px))) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--unipay-page-pad-x) !important;
  padding-right:var(--unipay-page-pad-x) !important;
  padding-bottom:max(var(--unipay-active-bottom, 88px), var(--unipay-page-pad-y, 12px)) !important;
  overflow-x:hidden !important;
}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile .unipay-active-main{
  width:min(100%, var(--unipay-desktop-layout-w, 1280px)) !important;
  max-width:min(var(--unipay-page-max-w, 1480px), var(--unipay-desktop-layout-w, 1280px)) !important;
}
html.unipay-page-pub.unipay-interface-mobile:not(.unipay-native-fullscreen) .unipay-active-main{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:var(--unipay-page-pad-x) !important;
  padding-right:var(--unipay-page-pad-x) !important;
  padding-bottom:var(--unipay-page-pad-y, 12px) !important;
  overflow-x:hidden !important;
  transform:none !important;
  zoom:1 !important;
}
html.unipay-page-pub.unipay-interface-mobile:not(.unipay-native-fullscreen) .unipay-active-main > *{
  max-width:100% !important;
  box-sizing:border-box !important;
}



/* =========================================================
   CORRECTIF 20260616D — PUB DESKTOP / DESKTOP SUR MOBILE
   ---------------------------------------------------------
   Le mode mobile portrait stable n'est pas touché. Ce bloc corrige uniquement
   l'interface ordinateur, y compris quand elle est demandée depuis un navigateur
   mobile. Cause réelle : #newsGrid-5 n'avait pas de top desktop et les clones
   pouvaient revenir sur la même position avant stabilisation JS.
========================================================= */
html.unipay-page-pub.unipay-interface-desktop{
  --up-pub-desktop-top:var(--margin-top, 60px);
  --up-pub-desktop-left:var(--margin-left, 80px);
  --up-pub-desktop-right:var(--up-pub-desktop-left);
  --up-pub-desktop-bottom-reserve:calc(var(--unipay-bottombar-measured, var(--unipay-bottom-h, 88px)) + 26px);
  --up-pub-desktop-height:clamp(360px, calc(((var(--unipay-vh, 1vh) * 100) - var(--up-pub-desktop-top) - var(--up-pub-desktop-bottom-reserve) - 40px) / 2), 560px);
  --up-pub-desktop-step:calc(var(--up-pub-desktop-height) + 18px);
}
html.unipay-page-pub.unipay-interface-desktop body.unipay-pub-page,
html.unipay-page-pub.unipay-interface-desktop body{
  height:auto !important;
  min-height:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-bottom-reserve) + 40px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
html.unipay-page-pub.unipay-interface-desktop .page-scope,
html.unipay-page-pub.unipay-interface-desktop .page-scope > main.unipay-active-main{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-bottom-reserve)) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  transform:none !important;
  zoom:1 !important;
}
html.unipay-page-pub.unipay-interface-desktop .news-container,
html.unipay-page-pub.unipay-interface-desktop body.unipay-pub-page .news-container{
  position:absolute !important;
  left:var(--up-pub-desktop-left) !important;
  width:calc(100vw - var(--up-pub-desktop-left) - var(--up-pub-desktop-right)) !important;
  max-width:calc(100vw - var(--up-pub-desktop-left) - var(--up-pub-desktop-right)) !important;
  height:var(--up-pub-desktop-height) !important;
  min-height:360px !important;
  max-height:560px !important;
  transform:none !important;
  zoom:1 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html.unipay-page-pub.unipay-interface-desktop #newsGrid{top:var(--up-pub-desktop-top) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-2{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-3{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-4{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-5{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-6{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-7{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-8{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-9{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop #newsGrid-10{top:calc(var(--up-pub-desktop-top) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step) + var(--up-pub-desktop-step)) !important;}
html.unipay-page-pub.unipay-interface-desktop .control-panel,
html.unipay-page-pub.unipay-interface-desktop body.unipay-pub-page .control-panel{
  left:var(--up-pub-desktop-left) !important;
  width:calc(100vw - var(--up-pub-desktop-left) - var(--up-pub-desktop-right)) !important;
  max-width:calc(100vw - var(--up-pub-desktop-left) - var(--up-pub-desktop-right)) !important;
  bottom:calc(var(--unipay-bottombar-measured, var(--unipay-bottom-h, 88px)) + 14px) !important;
  transform:none !important;
  zoom:1 !important;
}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile .news-container,
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile body.unipay-pub-page .news-container,
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile .control-panel,
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile body.unipay-pub-page .control-panel{
  /* même design ordinateur : aucune grille mobile, aucun changement d'icônes */
  left:var(--up-pub-desktop-left) !important;
}

/* 20260720 — Mobile stable: une carte lisible, barres réservées. */
html.unipay-page-pub.unipay-interface-mobile{
  --up-pub-mobile-top:clamp(64px, var(--unipay-topbar-measured, 72px), 104px);
  --up-pub-mobile-left:54px;
  --up-pub-mobile-bottom:calc(clamp(62px, var(--unipay-bottombar-measured, 70px), 82px) + 58px);
  --up-pub-mobile-card-height:max(360px, calc(100dvh - var(--up-pub-mobile-top) - var(--up-pub-mobile-bottom) - 12px));
  --up-pub-mobile-step:calc(var(--up-pub-mobile-card-height) + 14px);
}
html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page,
html.unipay-page-pub.unipay-interface-mobile body{min-width:0 !important;overflow-x:hidden !important;}
html.unipay-page-pub.unipay-interface-mobile header{
  position:fixed !important;inset:6px 6px auto 6px !important;width:auto !important;
  height:54px !important;min-height:54px !important;z-index:1500 !important;overflow:hidden !important;
}
html.unipay-page-pub.unipay-interface-mobile nav.menu{
  position:absolute !important;inset:0 !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;
  width:100% !important;height:54px !important;min-height:54px !important;display:flex !important;
  align-items:center !important;justify-content:flex-start !important;gap:5px !important;padding:4px !important;
  overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;overscroll-behavior-x:contain !important;
}
html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page header > nav.menu{
  position:absolute !important;inset:0 !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;
  width:100% !important;max-width:100% !important;margin:0 !important;transform:none !important;
}
html.unipay-page-pub.unipay-interface-mobile nav.menu::-webkit-scrollbar{display:none !important;}
html.unipay-page-pub.unipay-interface-mobile nav.menu a{
  flex:1 0 auto !important;min-width:72px !important;min-height:42px !important;padding:9px 10px !important;
  display:grid !important;place-items:center !important;font-size:clamp(11px,3.25vw,14px) !important;
  line-height:1 !important;white-space:nowrap !important;
}
html.unipay-page-pub.unipay-interface-mobile .unipay-brand:not([data-unipay-brand]),
html.unipay-page-pub.unipay-interface-mobile .unipay-brand-secondary:not([data-unipay-brand]),
html.unipay-page-pub.unipay-interface-mobile .fut-secondary-bar:not(#unipay-shell-brand),
html.unipay-page-pub.unipay-interface-mobile .flux-title{display:none !important;}
html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page header > .unipay-brand{display:none !important;}
html.unipay-page-pub.unipay-interface-mobile .fut-sidebar{
  position:fixed !important;left:3px !important;top:calc(var(--up-pub-mobile-top) + 4px) !important;
  bottom:calc(clamp(62px,var(--unipay-bottombar-measured,70px),82px) + 8px) !important;
  width:46px !important;max-width:46px !important;height:auto !important;padding:3px !important;
  overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain !important;z-index:1400 !important;
}
html.unipay-page-pub.unipay-interface-mobile .fut-sidebar-list{
  width:40px !important;display:grid !important;gap:4px !important;margin:0 !important;padding:0 !important;
}
html.unipay-page-pub.unipay-interface-mobile .fut-sidebar .fut-item{
  width:40px !important;min-width:40px !important;height:40px !important;min-height:40px !important;margin:0 !important;
}
html.unipay-page-pub.unipay-interface-mobile .fut-sidebar .fut-icon{width:21px !important;height:21px !important;}
html.unipay-page-pub.unipay-interface-mobile .page-scope,
html.unipay-page-pub.unipay-interface-mobile .page-scope > main.unipay-active-main{
  width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;overflow-x:hidden !important;
}
html.unipay-page-pub.unipay-interface-mobile .news-container,
html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page .news-container{
  position:absolute !important;left:var(--up-pub-mobile-left) !important;
  top:calc(var(--up-pub-mobile-top) + var(--unipay-feed-block-shift,0px) + 6px) !important;
  width:calc(100vw - var(--up-pub-mobile-left) - 7px) !important;
  max-width:calc(100vw - var(--up-pub-mobile-left) - 7px) !important;
  height:var(--up-pub-mobile-card-height) !important;min-height:360px !important;
  display:flex !important;gap:8px !important;padding:5px !important;overflow-x:auto !important;overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;scroll-padding-inline:5px !important;overscroll-behavior-x:contain !important;
  -webkit-overflow-scrolling:touch !important;transform:none !important;contain:layout paint !important;
}
html.unipay-page-pub.unipay-interface-mobile .news-container::-webkit-scrollbar{height:4px !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid{top:calc(var(--up-pub-mobile-top) + 6px) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-2{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-3{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-4{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-5{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-6{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-7{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-8{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-9{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid-10{top:calc(var(--up-pub-mobile-top) + 6px + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub.unipay-interface-mobile #newsGrid.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-2.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-3.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-4.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-5.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-6.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-7.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-8.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-9.news-container,
html.unipay-page-pub.unipay-interface-mobile #newsGrid-10.news-container{overflow-x:auto !important;overflow-y:hidden !important;}
html.unipay-page-pub.unipay-interface-mobile .news-section,
html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page .news-section{
  flex:0 0 calc(100% - 2px) !important;width:calc(100% - 2px) !important;min-width:calc(100% - 2px) !important;
  height:100% !important;min-height:0 !important;padding:clamp(12px,4vw,18px) !important;
  scroll-snap-align:start !important;overflow:hidden !important;transform:none !important;
}
html.unipay-page-pub.unipay-interface-mobile .news-title{
  font-size:clamp(1rem,5vw,1.35rem) !important;line-height:1.18 !important;overflow-wrap:anywhere !important;
}
html.unipay-page-pub.unipay-interface-mobile .news-desc{
  font-size:clamp(.82rem,3.7vw,1rem) !important;line-height:1.42 !important;overflow-wrap:anywhere !important;
}
html.unipay-page-pub.unipay-interface-mobile .control-panel,
html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page .control-panel{
  position:fixed !important;left:var(--up-pub-mobile-left) !important;right:7px !important;
  bottom:calc(clamp(62px,var(--unipay-bottombar-measured,70px),82px) + 7px) !important;
  width:auto !important;max-width:none !important;height:44px !important;min-height:44px !important;
  gap:7px !important;padding:0 !important;z-index:1450 !important;
}
html.unipay-page-pub.unipay-interface-mobile .control-panel .nav-btn{
  flex:1 1 50% !important;width:auto !important;min-width:0 !important;height:44px !important;min-height:44px !important;
  padding:8px !important;font-size:clamp(11px,3.1vw,14px) !important;white-space:nowrap !important;
}
html.unipay-page-pub.unipay-interface-mobile :is(#fut-bottombar,.fut-bottombar,.fut-bottom-bar,.bottom-bar,.mobile-bottom-bar){
  position:fixed !important;left:var(--up-pub-mobile-left) !important;right:7px !important;
  bottom:max(5px,env(safe-area-inset-bottom)) !important;width:auto !important;max-width:none !important;
  height:clamp(56px,9vh,70px) !important;min-height:56px !important;padding:5px 7px !important;z-index:1500 !important;
  transform:none !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:hidden !important;
  scrollbar-width:none !important;overscroll-behavior-x:contain !important;
}
html.unipay-page-pub.unipay-interface-mobile #fut-bottombar::-webkit-scrollbar{display:none !important;}
html.unipay-page-pub.unipay-interface-mobile #fut-bottombar .fut-bottom-list{
  width:max-content !important;min-width:100% !important;height:100% !important;display:flex !important;
  justify-content:flex-start !important;gap:2px !important;padding-inline:4px !important;
}
html.unipay-page-pub.unipay-interface-mobile #fut-bottombar .fut-bottom-item{
  flex:0 0 48px !important;min-width:48px !important;max-width:48px !important;min-height:44px !important;padding:6px !important;
}
html.unipay-page-pub.unipay-interface-mobile .unipay-mobile-install-button{display:none !important;}
@media (orientation:landscape) and (max-height:620px){
  html.unipay-page-pub.unipay-interface-mobile{--up-pub-mobile-top:58px;--up-pub-mobile-bottom:112px;--up-pub-mobile-left:50px;}
  html.unipay-page-pub.unipay-interface-mobile .news-section,
  html.unipay-page-pub.unipay-interface-mobile body.unipay-pub-page .news-section{
    flex-basis:calc(50% - 6px) !important;width:calc(50% - 6px) !important;min-width:calc(50% - 6px) !important;
  }
}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile{
  --up-pub-desktop-left:68px;--up-pub-desktop-top:68px;--up-pub-desktop-bottom-reserve:92px;
}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile .fut-sidebar{width:60px !important;max-width:60px !important;}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile :is(#fut-bottombar,.fut-bottombar,.fut-bottom-bar,.bottom-bar,.mobile-bottom-bar){
  min-height:64px !important;max-height:72px !important;
}

/* Le changement dynamique mobile -> ordinateur conserve parfois les anciennes
   dimensions calculées par les règles historiques basées sur les identifiants. */
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile :is(
  #newsGrid.news-container,#newsGrid-2.news-container,#newsGrid-3.news-container,
  #newsGrid-4.news-container,#newsGrid-5.news-container,#newsGrid-6.news-container,
  #newsGrid-7.news-container,#newsGrid-8.news-container,#newsGrid-9.news-container,
  #newsGrid-10.news-container
){
  left:var(--up-pub-desktop-left) !important;
  width:calc(100vw - var(--up-pub-desktop-left) - var(--up-pub-desktop-right)) !important;
  max-width:calc(100vw - var(--up-pub-desktop-left) - var(--up-pub-desktop-right)) !important;
  height:var(--up-pub-desktop-height) !important;
  min-height:430px !important;
  display:grid !important;
  overflow:hidden !important;
  transform:none !important;
  contain:none !important;
}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile #newsGrid.news-container{
  top:var(--up-pub-desktop-top) !important;
}
html.unipay-page-pub.unipay-interface-desktop.unipay-desktop-on-mobile #fut-sidebar.fut-sidebar{
  left:4px !important;width:60px !important;max-width:60px !important;box-sizing:border-box !important;
}

/* 20260805 — PUB portrait mobile stable
   Le bloc de 5 objets ne doit plus s'étirer sur toute la hauteur active.
   Quand la hauteur utile le permet, deux blocs restent visibles dans la zone
   principale; sur écran étroit, le comportement horizontal existant est gardé. */
html.unipay-page-pub.unipay-interface-mobile.unipay-portrait{
  --up-pub-mobile-active-width:min(430px, calc(100vw - var(--up-pub-mobile-left, 54px) - 8px));
  --up-pub-mobile-active-left:max(var(--up-pub-mobile-left, 54px), calc((100vw - var(--up-pub-mobile-active-width)) / 2));
  --up-pub-mobile-active-height:max(360px, calc(100dvh - var(--up-pub-mobile-top, 72px) - var(--up-pub-mobile-bottom, 130px) - 12px));
  --up-pub-mobile-card-height:clamp(260px, calc((var(--up-pub-mobile-active-height) - 18px) / 2), 360px);
  --up-pub-mobile-step:calc(var(--up-pub-mobile-card-height) + 14px);
}

html.unipay-page-pub.unipay-interface-mobile.unipay-portrait .news-container,
html.unipay-page-pub.unipay-interface-mobile.unipay-portrait body.unipay-pub-page .news-container,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait .news-container,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait body.unipay-pub-page .news-container{
  left:var(--up-pub-mobile-active-left) !important;
  width:var(--up-pub-mobile-active-width) !important;
  max-width:var(--up-pub-mobile-active-width) !important;
  height:var(--up-pub-mobile-card-height) !important;
  min-height:260px !important;
  max-height:360px !important;
}

html.unipay-page-pub.unipay-interface-mobile.unipay-portrait .control-panel,
html.unipay-page-pub.unipay-interface-mobile.unipay-portrait body.unipay-pub-page .control-panel,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait .control-panel,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait body.unipay-pub-page .control-panel{
  left:var(--up-pub-mobile-active-left) !important;
  width:var(--up-pub-mobile-active-width) !important;
  max-width:var(--up-pub-mobile-active-width) !important;
  right:auto !important;
}

html.unipay-page-pub.unipay-interface-mobile.unipay-portrait .news-section,
html.unipay-page-pub.unipay-interface-mobile.unipay-portrait body.unipay-pub-page .news-section,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait .news-section,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait body.unipay-pub-page .news-section{
  flex-basis:calc(100% - 2px) !important;
  width:calc(100% - 2px) !important;
  min-width:calc(100% - 2px) !important;
  height:100% !important;
}

/* 20260805 — PUB portrait mobile zoom arrière final
   Le dernier mot CSS appartient à cette règle: en portrait mobile, chaque bloc
   conserve ses 5 objets visibles et la scène active laisse apparaître au moins
   deux blocs quand la hauteur réelle de l'écran le permet. */
html.unipay-page-pub.unipay-phone-portrait,
html.unipay-page-pub.unipay-interface-mobile.unipay-portrait,
html.unipay-page-pub.pub-device-mobile.pub-orientation-portrait{
  --up-pub-mobile-camera-top:8px;
  --up-pub-mobile-camera-left:clamp(46px, var(--unipay-leftbar-measured, 48px), 54px);
  --up-pub-mobile-camera-right:var(--up-pub-mobile-camera-left);
  --up-pub-mobile-camera-width:calc(100vw - var(--up-pub-mobile-camera-left) - var(--up-pub-mobile-camera-right));
  --up-pub-mobile-card-height:clamp(360px, calc((100dvh - var(--unipay-content-top-reserve, 96px) - var(--unipay-bottombar-measured, 70px) - 58px) / 3), 520px);
  --up-pub-mobile-step:calc(var(--up-pub-mobile-card-height) + 14px);
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) body.unipay-pub-page :is(
  #newsGrid.news-container,#newsGrid-2.news-container,#newsGrid-3.news-container,
  #newsGrid-4.news-container,#newsGrid-5.news-container,#newsGrid-6.news-container,
  #newsGrid-7.news-container,#newsGrid-8.news-container,#newsGrid-9.news-container,
  #newsGrid-10.news-container
),
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) :is(
  #newsGrid.news-container,#newsGrid-2.news-container,#newsGrid-3.news-container,
  #newsGrid-4.news-container,#newsGrid-5.news-container,#newsGrid-6.news-container,
  #newsGrid-7.news-container,#newsGrid-8.news-container,#newsGrid-9.news-container,
  #newsGrid-10.news-container
){
  position:absolute !important;
  left:var(--up-pub-mobile-camera-left) !important;
  right:auto !important;
  width:var(--up-pub-mobile-camera-width) !important;
  max-width:var(--up-pub-mobile-camera-width) !important;
  height:var(--up-pub-mobile-card-height) !important;
  min-height:360px !important;
  max-height:520px !important;
  display:grid !important;
  gap:8px !important;
  padding:7px !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  scroll-snap-type:none !important;
  scroll-padding-inline:0 !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:auto !important;
  transform:none !important;
  zoom:1 !important;
  contain:layout paint !important;
  box-sizing:border-box !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid.news-container{top:var(--up-pub-mobile-camera-top) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-2.news-container{top:calc(var(--up-pub-mobile-camera-top) + var(--up-pub-mobile-step)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-3.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 2)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-4.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 3)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-5.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 4)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-6.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 5)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-7.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 6)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-8.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 7)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-9.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 8)) !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) #newsGrid-10.news-container{top:calc(var(--up-pub-mobile-camera-top) + (var(--up-pub-mobile-step) * 9)) !important;}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) :is(
  #newsGrid.news-container,#newsGrid-2.news-container,#newsGrid-3.news-container,
  #newsGrid-4.news-container,#newsGrid-5.news-container,#newsGrid-6.news-container,
  #newsGrid-7.news-container,#newsGrid-8.news-container,#newsGrid-9.news-container,
  #newsGrid-10.news-container
) > .news-section,
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) body.unipay-pub-page :is(
  #newsGrid.news-container,#newsGrid-2.news-container,#newsGrid-3.news-container,
  #newsGrid-4.news-container,#newsGrid-5.news-container,#newsGrid-6.news-container,
  #newsGrid-7.news-container,#newsGrid-8.news-container,#newsGrid-9.news-container,
  #newsGrid-10.news-container
) > .news-section{
  flex:initial !important;
  flex-basis:auto !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:clamp(6px, 1.8vw, 10px) !important;
  scroll-snap-align:none !important;
  transform:none !important;
  overflow:hidden !important;
  aspect-ratio:auto !important;
  box-sizing:border-box !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .section-1{grid-area:sec1 !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .section-2{grid-area:sec2 !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .section-3{grid-area:sec3 !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .section-4{grid-area:sec4 !important;}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .section-5{grid-area:sec5 !important;}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-initial{
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.15fr) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec3" "sec2 sec3" "sec4 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-focus-1{
  grid-template-columns:minmax(0, 1.35fr) minmax(0, .85fr) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec3" "sec1 sec2" "sec4 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-focus-3{
  grid-template-columns:minmax(0, .85fr) minmax(0, 1.35fr) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec3" "sec2 sec3" "sec4 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-panorama{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec2" "sec3 sec4" "sec5 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-tower{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows:minmax(0, .85fr) minmax(0, 1.3fr) minmax(0, .85fr) !important;
  grid-template-areas:"sec1 sec4" "sec3 sec3" "sec2 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-mosaic{
  grid-template-columns:minmax(0, 1.2fr) minmax(0, .9fr) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec2" "sec3 sec5" "sec4 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-cross{
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec3" "sec4 sec3" "sec2 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container.layout-stream{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows:repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:"sec1 sec2" "sec3 sec4" "sec5 sec5" !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-title,
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) body.unipay-pub-page .news-title{
  font-size:clamp(.68rem, 2.5vw, .9rem) !important;
  line-height:1.1 !important;
  letter-spacing:.01em !important;
  overflow-wrap:anywhere !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-desc,
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) body.unipay-pub-page .news-desc{
  font-size:clamp(.56rem, 1.95vw, .74rem) !important;
  line-height:1.22 !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow-wrap:anywhere !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .content-wrap{
  gap:2px !important;
  transform:none !important;
  min-height:0 !important;
}

html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .control-panel,
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) body.unipay-pub-page .control-panel{
  left:var(--up-pub-mobile-camera-left) !important;
  right:auto !important;
  width:var(--up-pub-mobile-camera-width) !important;
  max-width:var(--up-pub-mobile-camera-width) !important;
}

/* 20260820 - Molette PC : body est le proprietaire reel du defilement.
   Le contenu absolu des dix blocs conserve toutes ses positions locales. */
html.unipay-page-pub.unipay-interface-desktop{
  height:100dvh !important;
  min-height:100dvh !important;
  overflow:hidden !important;
}
html.unipay-page-pub.unipay-interface-desktop body,
html.unipay-page-pub.unipay-interface-desktop body.unipay-pub-page{
  box-sizing:border-box !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
}

/* 20260824 — aucun téléphone n'hérite d'une hauteur de référence de 360 px.
   Le plan de cinq objets est calculé sur la hauteur visuelle courante. */
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait){
  --up-pub-mobile-active-height:max(180px, calc(var(--unipay-vv-height, 100dvh) - var(--up-pub-mobile-top, 72px) - var(--up-pub-mobile-bottom, 130px) - 12px));
  --up-pub-mobile-card-height:clamp(180px, calc((var(--unipay-vv-height, 100dvh) - var(--unipay-content-top-reserve, 96px) - var(--unipay-bottombar-measured, 70px) - 58px) / 3), 520px);
}
html.unipay-page-pub:is(.unipay-phone-portrait,.unipay-interface-mobile.unipay-portrait,.pub-device-mobile.pub-orientation-portrait) .news-container{
  min-height:180px !important;
}

/* 20260905 - Fin de page PUB.
   Les grilles d'actualites sont positionnees en absolu et ne donnent donc aucune
   hauteur au flux HTML. Cette zone dediee reste apres la dixieme grille et porte
   le cadre de responsabilite puis les mentions legales, sans chevauchement. */
html.unipay-page-pub .unipay-pub-page-end{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  clear:both !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:clamp(18px,3vw,34px) 0 0 !important;
  overflow:visible !important;
  transform:none !important;
  zoom:1 !important;
  z-index:1 !important;
  isolation:isolate !important;
}

html.unipay-page-pub .unipay-pub-page-end > .unipay-portal-legal-framework,
html.unipay-page-pub .unipay-pub-page-end > .unipay-public-legal-tail{
  position:relative !important;
  inset:auto !important;
  float:none !important;
  clear:both !important;
  width:auto !important;
  max-width:none !important;
  transform:none !important;
}

html.unipay-page-pub.unipay-interface-mobile .page-scope > main.unipay-active-main{
  position:relative !important;
  display:block !important;
  min-height:calc(
    var(--up-pub-mobile-top) +
    var(--up-pub-mobile-step) + var(--up-pub-mobile-step) +
    var(--up-pub-mobile-step) + var(--up-pub-mobile-step) +
    var(--up-pub-mobile-step) + var(--up-pub-mobile-step) +
    var(--up-pub-mobile-step) + var(--up-pub-mobile-step) +
    var(--up-pub-mobile-step) + var(--up-pub-mobile-step) +
    var(--up-pub-mobile-bottom) + 24px
  ) !important;
  overflow:visible !important;
}