/* its-app-shell.css */
.its-app-tabbar{
	display: none;
}
html.is-app,
html.is-app body{
	
	overflow-x: hidden;
	overflow-y: visible;
	
	overscroll-behavior-x: none;
}
@supports (overflow: clip){
html.is-app,
	html.is-app body{
		overflow-x: clip;
	}
}
html.is-app .its-app-tabbar{
	display: flex;
	position: fixed;
	
	left: 12px;
	right: 12px;
	bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
	z-index: 9990;
	
	width: auto;
	
	background: #1A1A1A;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.30);
	
	border-radius: 999px;
	overflow: hidden;
	padding: 0 6px;
	touch-action: manipulation;
}
html.is-app .its-app-tab{
	flex: 1 1 0;
	
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-height: 54px;
	padding: 8px 2px 6px;
	color: var(--itsclt-vanilla, #F2E5D2);
	font-weight: 600;
	text-decoration: none;
	position: relative;
	
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}
html.is-app .its-app-tab .its-app-tab-ico,
html.is-app .its-app-tab .its-app-tab-label{
	color: var(--itsclt-vanilla, #F2E5D2);
}
html.is-app .its-app-tab:active{
	background: rgba(255, 255, 255, 0.08);
}
html.is-app .its-app-tab-ico{
	display: block;
	flex: 0 0 auto;
}
html.is-app .its-app-tab-label{
	line-height: 1;
	max-width: 100%;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
html.is-app body{
	padding-left: env(safe-area-inset-left, 0px);
	padding-right: env(safe-area-inset-right, 0px);
}
html.is-app .its-app-tabbar{
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	transition: max-width 0.25s ease;
}
html.is-app .its-app-tab{
	transition: min-height 0.25s ease, padding 0.25s ease, gap 0.25s ease;
}
html.is-app .its-app-tab-label{
	max-height: 12px;
	transition: opacity 0.2s ease, max-height 0.25s ease;
}
@media (prefers-reduced-motion: reduce){
html.is-app .its-app-tabbar,
	html.is-app .its-app-tab,
	html.is-app .its-app-tab-label{
		transition: none;
	}
}
html.is-app input,
html.is-app textarea,
html.is-app select{
	font-size: 16px;
}
html.is-app img,
html.is-app iframe,
html.is-app video,
html.is-app embed,
html.is-app object{
	max-width: 100%;
}
html.is-app .site-header,
html.is-app .site-footer{
	display: none;
}
html.is-app body{
	
	padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
}
html.is-app a{
	-webkit-touch-callout: none;
}
html.is-app:not(#its-app-x) body{
	padding-top: 0;
}
html.is-app:not(#its-app-x) body::after{
	content: none;
	display: none;
}
html.is-app body:has(.its-app-hub){
	border-top: env(safe-area-inset-top, 0px) solid var(--itsclt-teal, #1C3D34);
}
html.is-app body:has(.its-app-hub) #main-content{
	padding-top: 14px;
}
html.is-app::before{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: env(safe-area-inset-top, 0px);
	
	background: #1A1A1A;
	z-index: 9995;
	pointer-events: none;
}
.its-app-back{
	display: none;
}
html.is-app .its-app-back.is-ready{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	font-size: 0; 
	background: rgba(242, 229, 210, 0.12);
	border: 1px solid rgba(242, 229, 210, 0.18);
	color: var(--vanilla, #F2E5D2);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}
html.is-app .its-app-back.is-ready:active{
	background: rgba(242, 229, 210, 0.2);
}
html.is-app .its-app-back .its-app-back-ico{
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	color: var(--vanilla, #F2E5D2);
}
/* itsr-lang-switch.css */
.site-header .itsr-lang-switch,
.itsr-lang-switch{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 0 6px;
  line-height: 0;
  text-decoration: none;
  opacity: .9;
  transition: opacity .15s, background .15s;
}
.itsr-lang-switch:hover,
.itsr-lang-switch:focus-visible{
  opacity: 1;
  background: rgba(242, 229, 210, .08);
}
.itsr-lang-flag{
  display: block;
  height: 14px;
  width: auto;
  box-shadow: 0 0 0 1px rgba(242, 229, 210, .35);
}
/* itsrugby-common-lean.css */
*{box-sizing:border-box;margin:0;padding:0;border-radius:0;}
:root{
  --teal:#1C3D34;--teal-dk:#172713;--vanilla:#F2E5D2;--vanilla-d:#E8D8C0;
  --sage:#ABC8A2;--sage-lt:#D7EAE2;--ink:#1A1A1A;--border:#C4C4C4;
  --muted:#6B6B6B;--white:#ffffff;--red:#C0392B;--red-lt:#FDECEA;
  --yellow:#C47D08;--blue:#1A3A8F;--g-bright:#8ED968;
--g-deep:#3E7A28;
  --sans:'Noto Sans',sans-serif;--serif:'Noto Sans',sans-serif;
}
html{font-size:15px;scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--vanilla);color:var(--teal);line-height:1.55;}
html,body{overflow-x:clip;max-width:100vw;}
a{color:inherit;text-decoration:none;}
button{font-family:var(--sans);cursor:pointer;border:none;background:none;}
@keyframes its-spin{ to { transform:rotate(360deg); } }
@keyframes its-warm-bar{ 0% { margin-left:-30%; } 100% { margin-left:100%; } }
.its-v2.its-v2{ font-family: 'Noto Sans', sans-serif; color: var(--teal); }
.its-hidden{ display:none !important; }
.its-v2 a[class]:not(.nav-int-item):not(.its-link):not(.annonce-card):not(.archive-card):not(.its-pw-cta):not(.its-btn-cta):not(.if-dd-opt):not(.if-dd-opt--locked):not(.match-score-link):not(.article-cat-badge):not(.search-tabs__tab):not(.search-discover__tile):not(.its-article-card__btn):not(.ps-tab):not(.its-people-card__name):not(.its-people-card__media):not(.bp-source-cta-btn):not(.rzu-btn):not(.rzu-cta-link):not(.its-claim-btn):not(.its-profils-nav-link):not(.its-eff-chip):not(.its-pcorr-btn):not(.its-agent-invite):not(.its-eff-invite):not(.its-fbar__x):not(.its-doi-btn):not(.its-pastille):not(.arch-hero__chip):not(.rzu-cl-onglet), .its-v2 a[class]:not(.nav-int-item):not(.its-link):not(.annonce-card):not(.archive-card):not(.its-pw-cta):not(.its-btn-cta):not(.if-dd-opt):not(.if-dd-opt--locked):not(.match-score-link):not(.article-cat-badge):not(.search-tabs__tab):not(.search-discover__tile):not(.its-article-card__btn):not(.ps-tab):not(.its-people-card__name):not(.its-people-card__media):not(.bp-source-cta-btn):not(.rzu-btn):not(.rzu-cta-link):not(.its-claim-btn):not(.its-profils-nav-link):not(.its-eff-chip):not(.its-pcorr-btn):not(.its-agent-invite):not(.its-eff-invite):not(.its-fbar__x):not(.its-doi-btn):not(.its-pastille):not(.arch-hero__chip):not(.rzu-cl-onglet):link, .its-v2 a[class]:not(.nav-int-item):not(.its-link):not(.annonce-card):not(.archive-card):not(.its-pw-cta):not(.its-btn-cta):not(.if-dd-opt):not(.if-dd-opt--locked):not(.match-score-link):not(.article-cat-badge):not(.search-tabs__tab):not(.search-discover__tile):not(.its-article-card__btn):not(.ps-tab):not(.its-people-card__name):not(.its-people-card__media):not(.bp-source-cta-btn):not(.rzu-btn):not(.rzu-cta-link):not(.its-claim-btn):not(.its-profils-nav-link):not(.its-eff-chip):not(.its-pcorr-btn):not(.its-agent-invite):not(.its-eff-invite):not(.its-fbar__x):not(.its-doi-btn):not(.its-pastille):not(.arch-hero__chip):not(.rzu-cl-onglet):visited{ color: inherit; font-weight: inherit; text-decoration: none; }
.its-v2 a[class]:not(.nav-int-item):not(.its-link):not(.annonce-card):not(.archive-card):not(.its-pw-cta):not(.its-btn-cta):not(.if-dd-opt):not(.if-dd-opt--locked):not(.match-score-link):not(.article-cat-badge):not(.search-tabs__tab):not(.search-discover__tile):not(.its-article-card__btn):not(.ps-tab):not(.its-people-card__name):not(.its-people-card__media):not(.bp-source-cta-btn):not(.rzu-btn):not(.rzu-cta-link):not(.its-claim-btn):not(.its-profils-nav-link):not(.its-eff-chip):not(.its-pcorr-btn):not(.its-agent-invite):not(.its-eff-invite):not(.its-fbar__x):not(.its-doi-btn):not(.its-pastille):not(.arch-hero__chip):not(.rzu-cl-onglet):hover{ color: inherit; text-decoration: none; }
.its-v2 h1[class]:not(.section-title):not(.section-title-sm):not(.comp-name):not(.article-title),
.its-v2 h2[class]:not(.section-title):not(.section-title-sm),
.its-v2 h3[class]:not(.section-title):not(.section-title-sm),
.its-v2 h4[class]:not(.section-title-sm), .its-v2 h5[class]:not(.section-title-sm), .its-v2 h6[class]:not(.section-title-sm){
  font-family: 'Noto Sans', sans-serif; color: inherit; line-height: 1.3;
}
.its-hidden{ display:none !important; }
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip-link{position:absolute;top:-100%;left:16px;background:var(--teal);color:#fff;padding:10px 20px;font-size:13px;font-weight:700;z-index:9999;text-decoration:underline;transition:top .15s;}
.skip-link:focus{top:8px;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:2px;}
.site-header{
  background:var(--teal);color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;height:56px;z-index:200;
}
.site-logo{font-size:16px;font-weight:900;letter-spacing:.5px;color:#fff;}
.header-nav{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:700;}
.header-nav a{color:rgba(242,229,210,.78);transition:color .15s,box-shadow .15s;text-decoration:none;}
.header-nav a:hover{color:var(--vanilla);text-decoration:none;box-shadow:inset 0 -2px 0 var(--vanilla);}
.site-footer{background:var(--teal);color:var(--vanilla);padding:56px 24px 28px;margin-top:48px;font-family:var(--sans);}
.footer-inner{max-width:1280px;margin:0 auto;}
.footer-grid{
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:28px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(242,229,210,.18);
}
.footer-brand{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.footer-brand-link{line-height:0;display:inline-block;}
.footer-brand-link img{width:64px;height:64px;display:block;}
.footer-brand-name{
  font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
  color:var(--vanilla);font-family:var(--sans);line-height:1;
}
.footer-baseline{
  font-size:12px;line-height:1.45;color:rgba(242,229,210,.7);
  max-width:280px;
}
.footer-cta{
display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;margin-top:6px;
  background:var(--vanilla);color:var(--teal-dk) !important;
  font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  text-decoration:none !important;border:none;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
  transition:background .15s,box-shadow .15s;
}
.footer-cta:hover{background:var(--vanilla-d);color:var(--teal-dk) !important;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.footer-social{
  list-style:none;padding:0;margin:8px 0 0;
  display:flex;gap:8px;
}
.footer-social li{margin:0;}
.footer-social-link{
display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;
  border:1px solid rgba(242,229,210,.2);
  background:rgba(242,229,210,.06);
  color:rgba(242,229,210,.75) !important;text-decoration:none !important;
  transition:border-color .15s,color .15s,background .15s;
}
.footer-social-link:hover{
  border-color:var(--vanilla);
  background:rgba(242,229,210,.12);
  color:var(--vanilla) !important;
}
.footer-social-link svg{display:block;}
.footer-social-label{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
}
.footer-app{margin-top:14px;display:none;}
@media(max-width:680px){
.footer-app{display:block;}
}
.footer-app-badges{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
.footer-app-title{
  display:block;
  font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
  color:rgba(242,229,210,.55);font-family:var(--sans);
margin:0 0 12px;
}
.footer-app-badge{
  display:inline-block;line-height:0;
  text-decoration:none !important;
}
.footer-app-badge:focus-visible{outline:2px solid var(--vanilla);outline-offset:3px;}
.footer-app-badge img{height:40px;width:auto;display:block;}
html.is-app .footer-app{display:none;}
.footer-col{display:flex;flex-direction:column;gap:0;}
.footer-col-title{
display:flex;align-items:center;gap:12px;
  font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;
  color:var(--vanilla);font-family:var(--sans);line-height:1;
  margin:0 0 16px;padding:10px 0 0;
}
.footer-col-title::after{
  content:'';flex:1;height:1px;background:rgba(242,229,210,.2);
}
.footer-link{
display:inline-block;align-self:flex-start;padding:6px 0;
  font-size:13px;font-weight:600;line-height:1.35;
  color:rgba(242,229,210,.78) !important;text-decoration:none !important;
  transition:color .15s,box-shadow .15s;
}
.footer-link:hover,
.footer-link:focus-visible{
  color:var(--vanilla) !important;
  box-shadow:inset 0 -2px 0 var(--vanilla);
}
.footer-sub{
  display:flex;flex-direction:column;gap:10px;align-items:center;
  padding-top:24px;text-align:center;
}
.footer-legal{
  list-style:none;padding:0;margin:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;
}
.footer-legal li{margin:0;}
.footer-legal-link{
  font-size:12px;color:rgba(242,229,210,.65) !important;text-decoration:none !important;
  transition:color .15s,box-shadow .15s;
}
.footer-legal-link:hover{color:var(--vanilla) !important;box-shadow:inset 0 -2px 0 var(--vanilla);}
button.footer-legal-link{
  background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;line-height:inherit;
}
button.footer-legal-link:focus-visible{outline:2px solid var(--vanilla);outline-offset:2px;border-radius:0;}
.footer-copy{
  font-size:11px;color:rgba(242,229,210,.55);letter-spacing:.02em;
}
.footer-copy strong{color:rgba(242,229,210,.8);font-weight:700;}
@media(max-width:880px){
.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:680px){
.site-footer{padding:36px 16px 20px;}
.footer-grid{grid-template-columns:1fr;gap:0;padding-bottom:24px;}
.footer-baseline{max-width:100%;}
.footer-legal{gap:4px 12px;}
.footer-brand{align-items:center;text-align:center;padding-bottom:24px;}
.footer-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:16px;row-gap:0;
    justify-items:center;align-items:start;
    text-align:center;
    padding:22px 0 10px;
    border-top:1px solid rgba(242,229,210,.1);
  }
.footer-col-title{
    grid-column:1 / -1; 
    position:relative;justify-content:center;
    margin:0 0 14px;padding:0 0 8px;
    font-size:12px;letter-spacing:1.6px;
  }
.footer-col-title::after{
    content:'';position:absolute;left:50%;bottom:0;
    transform:translateX(-50%);
    width:24px;height:2px;flex:none;
    background:var(--sage);
  }
.footer-link{
    align-self:auto;padding:6px 0;font-size:13px;line-height:1.3;
    color:rgba(242,229,210,.85) !important;
  }
.footer-social{justify-content:center;}
}
@media(max-width:680px){
body .container,body .article-hero-content{padding-left:14px;padding-right:14px;max-width:100%;overflow-x:hidden;}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}
*{ box-sizing:border-box; margin:0; padding:0; border-radius:0; }
:root{
  --teal:#1C3D34; --teal-dk:#172713; --vanilla:#F2E5D2; --vanilla-d:#E8D8C0;
  --sage:#ABC8A2; --sage-lt:#D7EAE2; --ink:#1A1A1A; --border:#C4C4C4;
  --muted:#6B6B6B; --white:#ffffff; --red:#C0392B; --red-lt:#FDECEA;
  --yellow:#C47D08; --blue:#1A3A8F; --g-bright:#8ED968;
  --g-deep:#3E7A28; 
  --sans:'Noto Sans',sans-serif; --serif:'Noto Sans',sans-serif;
}
html{ font-size:15px; scroll-behavior:smooth; }
body{ font-family:var(--sans); background:var(--vanilla); color:var(--teal); line-height:1.55; }
a{ color:inherit; text-decoration:none; }
button{ font-family:var(--sans); cursor:pointer; border:none; background:none; }
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip-link{position:absolute;top:-100%;left:16px;background:var(--teal);color:var(--vanilla);padding:10px 20px;font-size:13px;font-weight:700;z-index:9999;text-decoration:underline;transition:top .15s;}
.skip-link:focus{top:8px;}
.site-header{background:var(--teal);color:var(--vanilla);display:flex;align-items:center;padding:0 24px;height:56px;z-index:200;}
.site-logo{font-size:16px;font-weight:900;letter-spacing:.5px;color:var(--vanilla);}
.header-nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.header-nav a{color:rgba(242,229,210,.75);transition:color .15s;}
.header-nav a:hover{color:var(--vanilla);}
.header-cta-signup{display:inline-flex;align-items:center;padding:7px 14px;background:var(--vanilla);color:var(--teal-dk) !important;font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;border:none;text-decoration:none !important;transition:background .15s,box-shadow .15s;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.header-cta-signup:hover{background:var(--vanilla-d);box-shadow:0 2px 6px rgba(0,0,0,.25);color:var(--teal-dk) !important;}
.header-cta-login{display:inline-flex;align-items:center;padding:6px 12px;background:transparent;color:var(--vanilla) !important;font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;border:1px solid rgba(242,229,210,.4);text-decoration:none !important;transition:background .15s,border-color .15s;}
.header-cta-login:hover{background:rgba(242,229,210,.08);border-color:var(--vanilla);color:var(--vanilla) !important;}
.itsr-lang-switch{display:inline-flex;align-items:center;padding:6px 8px;color:rgba(242,229,210,.78) !important;font-weight:700;font-size:11px;letter-spacing:0;text-transform:none;text-decoration:none !important;transition:color .15s,background .15s;}
.itsr-lang-switch:hover{color:var(--vanilla) !important;background:rgba(242,229,210,.08);}
.nav-arrow{font-size:8px;opacity:.6;transition:transform .2s;}
.site-hamburger{display:none;}
@media(max-width:880px){
.site-hamburger{
    display:flex;flex-direction:column;justify-content:center;gap:4px;
    width:28px;height:28px;cursor:pointer;
    background:none;border:none;padding:4px;flex:0 0 auto;
  }
.site-hamburger span{
    display:block;width:100%;height:2px;background:var(--vanilla);
    transition:transform .2s,opacity .2s;transform-origin:center;
  }
}
@media(max-width:680px){
.site-header{padding:0 16px;flex-wrap:wrap;height:auto;min-height:50px;}
.site-hamburger{margin-left:auto;}
.header-nav{
    display:none !important;flex-direction:column;align-items:stretch;
    width:100%;gap:0;margin-left:0;padding:8px 0;
    border-top:1px solid rgba(242,229,210,.15);
  }
.header-nav a{padding:10px 0;font-size:12px;border-bottom:1px solid rgba(242,229,210,.08);}
.header-nav a:last-child{border-bottom:none;}
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:2px;}
.site-header :focus-visible,.site-footer :focus-visible,.page-hero :focus-visible{outline-color:var(--vanilla);}
.site-header .nav-mega-panel :focus-visible{outline-color:var(--teal);}
@media(max-width:880px){
.site-header .nav-mega-panel :focus-visible{outline-color:var(--vanilla);}
}
@keyframes blink{ 0%,100%{opacity:1} 50%{opacity:.2} }
.container{ max-width:1200px; margin:0 auto; padding:0 24px; }
.container--page-body{ padding-top:24px; padding-bottom:48px; }
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.site-header--prod{gap:24px;}
.site-header--prod .site-logo--img{display:inline-flex;align-items:center;gap:10px;color:var(--vanilla);text-decoration:none;}
.site-header--prod .site-logo--img img{display:block;width:36px;height:36px;border-radius:0;background:var(--vanilla);object-fit:cover;}
.site-header--prod .header-nav{margin-left:24px;gap:22px;text-transform:uppercase;letter-spacing:.4px;}
.site-header--prod .header-nav a{color:rgba(242,229,210,.78);transition:color .15s,box-shadow .15s;}
.site-header--prod .header-nav a:hover,.site-header--prod .header-nav a.active{color:var(--vanilla);text-decoration:none;box-shadow:inset 0 -2px 0 var(--vanilla);}
.header-actions{display:inline-flex;align-items:center;gap:12px;margin-left:auto;}
.header-actions .header-search-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:rgba(242,229,210,.78);transition:color .15s,background .15s;}
.header-actions .header-search-link:hover{color:var(--vanilla);background:rgba(242,229,210,.08);}
.site-header--prod{position:relative;}
.nav-mega{position:static;display:inline-flex;align-items:center;align-self:stretch;}
.nav-mega-trigger{display:flex;align-items:center;gap:4px;height:100%;color:rgba(242,229,210,.78);text-decoration:none;transition:color .15s,box-shadow .15s;}
.nav-mega-trigger:hover,.nav-mega.is-open .nav-mega-trigger{color:var(--vanilla);box-shadow:inset 0 -2px 0 var(--vanilla);}
.nav-mega-trigger .nav-arrow{font-size:8px;opacity:.7;transition:transform .2s,opacity .2s;}
.nav-mega:hover .nav-mega-trigger .nav-arrow,.nav-mega.is-open .nav-mega-trigger .nav-arrow{transform:rotate(180deg);opacity:1;}
.nav-mega-panel{
  display:none;position:absolute;top:100%;left:0;right:0;
  background:var(--white);border-top:2px solid var(--sage);
  padding:24px 0;z-index:300;box-shadow:0 12px 32px rgba(0,0,0,.18);
}
.site-header--prod .nav-mega-panel a{color:var(--teal) !important;}
.site-header--prod .nav-mega-panel a:hover{color:var(--teal-dk) !important;}
.nav-mega:hover .nav-mega-panel,.nav-mega.is-open .nav-mega-panel{display:block;}
.nav-mega-item{
  display:flex;align-items:center;gap:12px;
  padding:8px 0;
  font-size:13px;font-weight:600;color:var(--teal);
  text-decoration:none;
}
.nav-mega-item-label{
  position:relative;
}
.nav-mega-item-logo{
  flex:0 0 40px;width:40px;height:40px;
  background:transparent;object-fit:contain;
}
.nav-mega-item-label{flex:1 1 auto;min-width:0;line-height:1.25;}
.nav-mega-edito{
  display:grid;gap:16px;
  max-width:1280px;margin:0 auto;padding:0 32px;
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.nav-mega-edito--logos{grid-template-columns:1.5fr 1fr;}
.nav-mega-edito-side{display:flex;flex-direction:column;gap:8px;}
.nav-mega-comps-zones{
  display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px 24px;
}
.nav-mega-comps-zone{display:flex;flex-direction:column;min-width:0;}
.nav-mega-comps{
  display:flex;flex-direction:column;gap:0;margin-top:4px;
}
.nav-mega-comps-zones .nav-mega-item-logo{display:none;}
.nav-mega-comps-zones .nav-mega-item{padding:5px 0;gap:0;}
.nav-mega-item-logo--placeholder{display:block;background:var(--vanilla);}
.nav-mega-team{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;
  background:var(--white);
  text-decoration:none !important;color:var(--teal) !important;
}
.nav-mega-team-logo{
  flex:0 0 56px;width:56px;height:56px;
  object-fit:contain;background:var(--vanilla);padding:4px;
}
.nav-mega-team-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.nav-mega-team-name{
  font-size:13px;font-weight:800;line-height:1.25;color:var(--teal);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.site-header--prod .nav-mega-grid-title{
  display:block;padding:0 0 8px;
  font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  color:var(--teal);border-bottom:1px solid rgba(28,61,52,.12);
}
.nav-mega-edito{padding:18px 32px 0;}
.sidebar-box{background:var(--white);border:1px solid var(--border);padding:16px;}
.sidebar-box-title{
  font-size:11px;font-weight:800;letter-spacing:0;text-transform:none;
  color:var(--vanilla);background:var(--teal);
  padding:10px 16px;margin:-16px -16px 12px;
  border-bottom:3px solid var(--sage);
}
.site-header--prod a.sidebar-link,
.sidebar-link{
  display:block;padding:10px 0 10px 12px;
  border-bottom:1px solid rgba(196,196,196,.3);
  font-size:13px;font-weight:600;color:var(--teal) !important;text-decoration:none !important;
  line-height:1.4;margin-left:-12px;
}
.sidebar-link:last-child{border-bottom:none;padding-bottom:0;}
.sidebar-link:first-child{padding-top:0;}
.sidebar-link-cat{
  display:inline-block;font-size:9px;font-weight:800;padding:2px 7px;
  color:var(--vanilla) !important;background:var(--teal);
  text-transform:none;letter-spacing:0;margin-bottom:4px;
}
.sidebar-link-title{display:block;font-size:12px;font-weight:700;color:var(--teal);}
.sidebar-link-date{
  display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:4px;
  text-transform:none;letter-spacing:0;
}
.site-header--prod .nav-mega-foot--quicklinks{
  display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;
  margin-top:20px;padding:16px 32px 0;
  border-top:1px solid rgba(28,61,52,.1);
  max-width:1280px;
}
.site-header--prod .nav-mega-foot--quicklinks a{
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:var(--teal) !important;text-decoration:none !important;
}
.site-header--prod .nav-mega-foot--quicklinks a:hover{color:var(--teal-dk) !important;}
.site-header--prod .nav-mega-foot--quicklinks .nav-mega-foot-cta{
  background:var(--teal);color:var(--vanilla) !important;
  padding:8px 16px;letter-spacing:.5px;transition:background .15s;
}
.site-header--prod .nav-mega-foot--quicklinks .nav-mega-foot-cta:hover{background:var(--teal-dk);color:var(--vanilla) !important;}
@media(max-width:1024px){
.nav-mega-edito{grid-template-columns:repeat(2, minmax(0, 1fr));}
.nav-mega-edito--logos{grid-template-columns:1fr;}
}
@media(max-width:680px){
.nav-mega-edito{grid-template-columns:1fr;padding:0 16px;}
.site-header--prod .nav-mega-foot--quicklinks{
    flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px 0;
  }
.site-header--prod .nav-mega-foot--quicklinks a{padding:8px 0;}
}
.nav-mega-foot{
  max-width:1280px;margin:18px auto 0;padding:14px 32px 0;
  border-top:1px solid rgba(28,61,52,.12);
  text-align:right;
}
.site-header--prod .nav-mega-foot a{
  font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  color:var(--teal);text-decoration:none;
}
.site-header--prod .nav-mega-foot a:hover{color:var(--teal-dk);}
@media(max-width:880px){
.site-header--prod{gap:12px;}
.site-header--prod .site-logo--img img{width:32px;height:32px;}
.header-actions{order:99;width:100%;justify-content:flex-end;padding:8px 0;border-top:1px solid rgba(242,229,210,.08);}
.nav-mega{flex-direction:column;align-self:stretch;position:relative;}
.nav-mega::after{display:none;}
.nav-mega-trigger{
    padding:12px 16px;font-size:12px;
    border-bottom:1px solid rgba(242,229,210,.08);
    justify-content:space-between;width:100%;
  }
.nav-mega-trigger:hover,.nav-mega.is-open .nav-mega-trigger{box-shadow:none;}
.nav-mega-panel{
    display:block !important;position:static !important;
    min-width:0 !important;max-width:none !important;width:100% !important;
    box-shadow:none !important;border:none !important;
    padding:0 0 8px !important;margin:0 !important;
    background:transparent !important;
    left:auto !important;right:auto !important;top:auto !important;
  }
.nav-mega:hover .nav-mega-panel{display:block !important;}
.nav-mega-panel .nav-mega-grid,
  .nav-mega-panel .nav-mega-edito,
  .nav-mega-panel .nav-mega-edito-side,
  .nav-mega-panel .nav-mega-bars,
  .nav-mega-panel .nav-mega-bar-villes,
  .nav-mega-panel .nav-mega-annonces,
  .nav-mega-panel .nav-mega-feature,
  .nav-mega-panel .nav-mega-team,
  .nav-mega-panel .nav-mega-bar,
  .nav-mega-panel .nav-mega-villes{
    display:none !important;
  }
.nav-mega[data-mega="competitions"] .nav-mega-edito{
    display:block !important;padding:0;margin:0;background:transparent;
  }
.nav-mega[data-mega="competitions"] .nav-mega-edito-side{display:none !important;}
.nav-mega[data-mega="competitions"] .nav-mega-comps-zones,
  .nav-mega[data-mega="competitions"] .nav-mega-comps{
    display:flex !important;flex-direction:column !important;gap:0 !important;
    padding:0 !important;margin:0 !important;background:transparent !important;
  }
.nav-mega[data-mega="competitions"] .nav-mega-comps-zone{padding:0;margin:0;}
.nav-mega[data-mega="competitions"] .nav-mega-grid-title{
    display:block !important;
    padding:6px 20px 2px !important;margin:0 !important;
    font-size:10px !important;font-weight:700 !important;
    text-transform:uppercase !important;letter-spacing:.08em !important;
    color:rgba(242,229,210,.45) !important;
    border:none !important;background:transparent !important;
    cursor:default !important;
  }
.nav-mega[data-mega="competitions"] .nav-mega-item-logo{display:none !important;}
.site-header--prod .nav-mega[data-mega="competitions"] .nav-mega-item{
    display:flex !important;padding:9px 20px !important;gap:0 !important;
    color:rgba(242,229,210,.88) !important;
    background:transparent !important;
    border-bottom:1px solid rgba(242,229,210,.05) !important;
    font-size:13px !important;font-weight:500 !important;
  }
.site-header--prod .nav-mega[data-mega="competitions"] .nav-mega-item:hover{
    color:var(--vanilla) !important;padding-left:28px !important;
    box-shadow:inset 3px 0 0 var(--vanilla) !important;
  }
.nav-mega[data-mega="competitions"] .nav-mega-item-label::after{display:none;}
.nav-mega-panel .nav-mega-sortir{
    display:flex !important;flex-direction:column !important;
    gap:0 !important;padding:0 !important;margin:0 !important;max-width:none !important;
  }
.nav-mega-panel .nav-mega-sortir-col{gap:0 !important;}
.nav-mega-panel .nav-mega-sortir .nav-mega-grid-title{
    display:block !important;padding:6px 20px 2px !important;margin:0 !important;
    font-size:10px !important;font-weight:700 !important;
    text-transform:uppercase !important;letter-spacing:.08em !important;
    color:rgba(242,229,210,.45) !important;
    border:none !important;background:transparent !important;
  }
.site-header--prod .nav-mega-panel .nav-mega-sortir-link,
  .site-header--prod .nav-mega-panel .nav-mega-sortir-link--sub{
    display:flex !important;justify-content:flex-start !important;
    padding:9px 20px !important;color:rgba(242,229,210,.88) !important;
    background:transparent !important;
    border-bottom:1px solid rgba(242,229,210,.05) !important;
    font-size:13px !important;font-weight:500 !important;
  }
.site-header--prod .nav-mega-panel .nav-mega-sortir-link:hover,
  .site-header--prod .nav-mega-panel .nav-mega-sortir-link--sub:hover{
    color:var(--vanilla) !important;padding-left:28px !important;
    box-shadow:inset 3px 0 0 var(--vanilla) !important;
  }
.site-header--prod .nav-mega-foot,
  .site-header--prod .nav-mega-foot--quicklinks,
  .site-header--prod .nav-mega-foot--split{
    display:flex !important;flex-direction:column !important;
    align-items:stretch !important;justify-content:flex-start !important;
    gap:0 !important;margin:0 !important;padding:0 !important;
    max-width:none !important;width:100% !important;
    background:transparent !important;border:none !important;text-align:left !important;
    flex-wrap:nowrap !important;
  }
.site-header--prod .nav-mega-foot a,
  .site-header--prod .nav-mega-foot--quicklinks a{
    display:block !important;width:100% !important;
    color:rgba(242,229,210,.88) !important;
    padding:11px 20px !important;margin:0 !important;
    font-size:13px !important;font-weight:600 !important;
    letter-spacing:.2px !important;text-transform:none !important;
    border-bottom:1px solid rgba(242,229,210,.06) !important;
    text-decoration:none !important;text-align:left !important;
    background:transparent !important;
  }
.site-header--prod .nav-mega-foot a:last-child,
  .site-header--prod .nav-mega-foot--quicklinks a:last-child{border-bottom:none !important;}
.site-header--prod .nav-mega-foot a:hover,
  .site-header--prod .nav-mega-foot--quicklinks a:hover{
    color:var(--vanilla) !important;background:transparent !important;
    box-shadow:inset 3px 0 0 var(--vanilla) !important;padding-left:24px !important;
  }
.site-header--prod .nav-mega-foot--quicklinks .nav-mega-foot-cta{
    margin:8px 16px !important;padding:11px 14px !important;
    width:auto !important;background:var(--vanilla) !important;
    color:var(--teal-dk) !important;font-weight:800 !important;
    text-transform:uppercase !important;letter-spacing:.4px !important;
    border-bottom:none !important;text-align:center !important;
  }
.site-header--prod .nav-mega-foot--quicklinks .nav-mega-foot-cta:hover{
    box-shadow:none !important;padding-left:14px !important;background:var(--vanilla-d) !important;
  }
}
@media(max-width:680px){
.nav-mega-trigger{padding:10px 14px;font-size:11.5px;}
.site-header--prod .nav-mega-foot a,
  .site-header--prod .nav-mega-foot--quicklinks a{font-size:12px;padding:9px 0;}
}
.site-header--v3{
  flex-direction:column;align-items:stretch;justify-content:flex-start;
  height:auto;padding:0;gap:0;
}
.site-header--v3 .site-header__top{
  width:90%;margin:0 auto;max-width:none;
}
.site-header--v3 .site-header__top{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-rows:54px 54px;
  align-items:stretch;column-gap:32px;
  padding:6px 0;
  box-sizing:border-box;
}
.site-header--v3 .site-header__cell--cats-left{ grid-column:1;grid-row:1; }
.site-header--v3 .site-header__cell--actions-right{ grid-column:3;grid-row:1; }
.site-header--v3 .site-header__cell--nav-left{ grid-column:1;grid-row:2; }
.site-header--v3 .site-header__cell--nav-right{ grid-column:3;grid-row:2; }
.site-header--v3 .site-header__cell--logo{ grid-column:2;grid-row:1 / span 2; }
.site-header--v3 .site-header__cell--cats-left,
.site-header--v3 .site-header__cell--actions-right,
.site-header--v3 .site-header__cell--nav-left,
.site-header--v3 .site-header__cell--nav-right{
  display:flex;align-items:center;gap:14px;
  padding:6px 0;
}
.site-header--v3 .site-header__cell--cats-left{justify-content:flex-start !important;}
.site-header--v3 .site-header__cell--actions-right{justify-content:flex-end !important;}
.site-header--v3 .site-header__cell--nav-left{justify-content:flex-end !important;}
.site-header--v3 .site-header__cell--nav-right{justify-content:flex-start !important;}
.site-header--v3 .site-header__cell--nav-left,
.site-header--v3 .site-header__cell--nav-right{
  border-top:1px solid rgba(242,229,210,.14);
}
.site-header--v3 .site-cats{
  display:flex;align-items:stretch;gap:0;
  flex:0 0 auto;min-width:0;
  overflow-x:auto;scrollbar-width:none;
  background:transparent;border:none;
}
.site-header--v3 .site-cats::-webkit-scrollbar{display:none;}
.site-cat{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  padding:0 14px;background:transparent;border:none;
  font-family:var(--sans);font-size:11px;font-weight:700;
  text-transform:none;letter-spacing:0;
  color:rgba(242,229,210,.5);cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
  white-space:nowrap;outline:none;height:100%;
}
.site-cat:hover{color:var(--vanilla);}
.site-cat:focus{outline:none;}
.site-cat:focus-visible{outline:1px dashed rgba(242,229,210,.5);outline-offset:-4px;}
.site-header--v3 .header-nav{
  display:flex;align-items:center;gap:26px;margin:0;
  font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;
}
.site-header--v3 .header-nav--left{justify-content:flex-end;}
.site-header--v3 .header-nav--right{justify-content:flex-start;}
.site-header--v3 .header-nav > a,
.site-header--v3 .header-nav .nav-mega-trigger{
  color:var(--vanilla);
  transition:color .15s,box-shadow .15s;
}
.site-header--v3 .header-nav > a:hover,
.site-header--v3 .header-nav .nav-mega-trigger:hover,
.site-header--v3 .header-nav .nav-mega.is-open .nav-mega-trigger{
  color:var(--vanilla);
  box-shadow:inset 0 -2px 0 var(--vanilla);
}
.site-header--v3 .nav-mega{align-self:stretch;}
.site-header--v3 .nav-mega-trigger{height:100%;padding:0 2px;display:flex;align-items:center;}
.site-header--v3 .header-nav > a{display:inline-flex;align-items:center;height:100%;}
.site-header--v3 .site-logo--center{
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;padding:0 12px;
}
.site-header--v3 .site-logo--center img{
  display:block;width:96px;height:96px;
  border-radius:0;object-fit:cover;background:transparent;
}
.site-header--prod .nav-mega-foot--split{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
}
.site-header--prod .nav-mega-foot--split a{flex:0 0 auto;}
.nav-mega-bars{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
  max-width:1280px;margin:0 auto;padding:0 32px;
}
.site-header--prod .nav-mega-bar{
  display:flex;flex-direction:column;gap:6px;
  padding:14px 16px;min-height:140px;
  background:var(--white);border:1px solid rgba(28,61,52,.1);
  color:var(--teal) !important;text-decoration:none !important;
  transition:border-color .15s,transform .15s,box-shadow .15s;
}
.site-header--prod .nav-mega-bar:hover{
  border-color:var(--teal);transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.site-header--prod .nav-mega-bar--hero{
  border-left:4px solid var(--sage);
}
.nav-mega-bar-city{
  display:inline-flex;align-items:center;gap:4px;
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);
}
.nav-mega-bar-city svg{flex:0 0 10px;opacity:.7;}
.site-header--prod .nav-mega-bar-title{
  font-size:14px;font-weight:800;line-height:1.25;color:var(--teal);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.site-header--prod .nav-mega-bar--mini .nav-mega-bar-title{font-size:13px;}
@media(max-width:1024px){
.nav-mega-bars{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px;}
}
@media(max-width:880px){
.nav-mega-bars{grid-template-columns:1fr;padding:0 16px;gap:10px;}
.site-header--prod .nav-mega-bar{min-height:0;}
}
.nav-mega-bar-villes{
  max-width:1280px;margin:18px auto 0;padding:18px 32px 0;
  border-top:1px solid rgba(28,61,52,.08);
}
.nav-mega-bar-villes-title{
  display:block;margin-bottom:10px;
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);
}
.nav-mega-bar-villes-list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 14px;
}
.site-header--prod .nav-mega-bar-ville{
  display:block;
  padding:6px 0;
  border-bottom:1px solid rgba(28,61,52,.06);
  color:var(--teal) !important;text-decoration:none !important;
  transition:color .15s,padding-left .15s;
}
.site-header--prod .nav-mega-bar-ville:hover{
  color:var(--teal-dk) !important;padding-left:4px;
}
.nav-mega-bar-ville-name{
  font-size:13px;font-weight:700;line-height:1.2;
}
@media(max-width:1024px){
.nav-mega-bar-villes-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:880px){
.nav-mega-bar-villes{padding:14px 16px 0;}
.nav-mega-bar-villes-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.nav-mega-sortir{
  display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px 32px;
  max-width:1280px;margin:0 auto;padding:0 32px;
}
.nav-mega-sortir-col{display:flex;flex-direction:column;min-width:0;}
.site-header--prod .nav-mega-sortir-link{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 0;
  font-size:13px;font-weight:700;line-height:1.3;
  color:var(--teal) !important;text-decoration:none !important;
  border-bottom:1px solid rgba(28,61,52,.06);
  transition:color .15s,padding-left .15s;
}
.site-header--prod .nav-mega-sortir-link:hover{
  color:var(--teal-dk) !important;padding-left:4px;
}
.site-header--prod .nav-mega-sortir-link--sub{
  font-size:12px;font-weight:600;color:var(--muted) !important;
}
.site-header--prod .nav-mega-sortir-link--sub:hover{color:var(--teal) !important;}
@media(max-width:1024px){
.nav-mega-sortir{grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px 20px;padding:0 24px;}
}
@media(max-width:880px){
.nav-mega-sortir{grid-template-columns:1fr;gap:14px;padding:0 16px;}
}
@media(max-width:1024px){
.site-header--v3 .site-header__top{padding:6px 16px;column-gap:16px;}
.site-cat{padding:0 10px;font-size:10.5px;letter-spacing:.4px;}
.site-header--v3 .site-logo--center img{width:72px;height:72px;}
.site-header--v3 .header-nav{gap:16px;font-size:11px;}
}
@media(max-width:880px){
.site-header--v3 .site-header__top{
    display:flex;align-items:center;padding:0 14px;column-gap:0;gap:10px;
    min-height:52px;grid-template-areas:none;
  }
.site-header--v3 .site-header__cell--cats-left{flex:0 0 auto;gap:8px;}
.site-header--v3 .site-header__cell--actions-right{margin-left:auto;}
.site-header--v3 .site-header__cell--nav-left,
  .site-header--v3 .site-header__cell--nav-right{display:none;border:none;}
.site-header--v3 .site-cats{display:none;}
.site-header--v3 .header-cta-signup,
  .site-header--v3 .header-cta-login{display:none;}
.site-header--v3 .site-logo--center{padding:0;}
.site-header--v3 .site-logo--center img{width:36px;height:36px;}
.site-header--v3 .header-nav > a{
    padding:13px 20px;
    border-bottom:1px solid rgba(242,229,210,.08);
    color:var(--vanilla);font-size:14px;font-weight:700;
    text-transform:uppercase;letter-spacing:.4px;
  }
.site-header--v3 .nav-mega-trigger{
    padding:18px 20px 8px;
    color:var(--sage) !important;
    font-size:11px !important;font-weight:800;
    text-transform:uppercase;letter-spacing:.12em;
    border:none;background:transparent;
    pointer-events:none; 
  }
.site-header--v3 .nav-mega-trigger .nav-arrow{display:none;}
.site-header--v3 .nav-mega-trigger:hover{
    box-shadow:none !important;color:var(--sage) !important;
  }
}
.site-header{
  padding-top:env(safe-area-inset-top, 0px);
height:calc(56px + env(safe-area-inset-top, 0px));
}
.site-header--v3{
  padding-top:env(safe-area-inset-top, 0px);
  height:auto;
}
@media(max-width:680px){
.site-header{
    padding-top:env(safe-area-inset-top, 0px);
    height:auto;
    min-height:calc(50px + env(safe-area-inset-top, 0px));
  }
.site-header--v3{padding-top:env(safe-area-inset-top, 0px);}
}
@media(max-width:880px){
.site-header--v3{padding-top:env(safe-area-inset-top, 0px);}
}
:root{ --its-max: 1412px; --its-g: clamp(16px, 4vw, 78px); }
body.its-large .container,
body.its-large .article-hero-content,
body.its-large .comp-hero-inner,
body.its-large .team-hero-inner,
body.its-large .footer-inner,
body.its-large .itsr-related-nav,
body.its-large .player-claim-wrap,
body.its-large .its-claim-wrap,
body.its-large .its-profils,
body.its-large .its-lm-inner{
  max-width: calc(var(--its-max) + 2 * var(--its-g));
  padding-left: var(--its-g);
  padding-right: var(--its-g);
  box-sizing: border-box;
}
body.its-large .nav-mega-grid,
body.its-large .nav-mega-edito,
body.its-large .nav-mega-bars,
body.its-large .nav-mega-sortir,
body.its-large .nav-mega-annonces,
body.its-large .nav-mega-villes,
body.its-large .nav-mega-bar-villes,
body.its-large .nav-mega-foot{ max-width: var(--its-max); }
body.its-large .site-header__top{
  max-width: calc(var(--its-max) + 2 * var(--its-g));
  margin-left: auto; margin-right: auto;
  padding-left: max(0px, calc(var(--its-g) - 14px));
  padding-right: max(0px, calc(var(--its-g) - 14px));
  box-sizing: border-box;
}
html:not(.is-app) .site-header,
html:not(.is-app) .site-header--v3{padding-top:0;}
html:not(.is-app) .site-header:not(.site-header--v3){height:56px;}
@media(max-width:680px){
html:not(.is-app) .site-header:not(.site-header--v3){height:auto;min-height:50px;}
}
:is(.search-tabs,.fd-sd-cf,.cls-etape-chips,.its-cvy-chips,.its-social-timeline-filter,.rzu-cl-onglets,.md-vue-choix):not(.its-pastilles){display:flex;flex-wrap:wrap;gap:8px;}
/* its-live-multiplex.css */
.mplx{ min-height: 100vh; }
.mplx{
  
  --mplx-gouttiere: max(clamp(16px, 3.4vw, 60px), calc(50vw - 760px));

  
  --mplx-voile: 13, 19, 12;
  margin: 0 0 40px;
}
.mplx [hidden]{ display: none; }
body.page-template-page-multiplex .site-header{ display: none; }
body.page-template-page-multiplex .container--page-body{ padding-top: 0; }
.mplx-bar{
  margin: 0 calc(50% - 50vw) 22px;
  padding: 0;
  background: var(--teal);
}
.mplx-bar-in{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "brand nav right";
  gap: 10px 18px;
  align-items: center;
  
  max-width: none;
  margin: 0;
  padding: 12px var(--mplx-gouttiere);
}
.mplx-brand{ grid-area: brand; }
.mplx-nav{ grid-area: nav; }
.mplx-bar-right{ grid-area: right; }
.mplx .mplx-bar h1.mplx-h1.mplx-h1.mplx-h1.mplx-h1.mplx-h1{ margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.3px; color: var(--vanilla); }
.mplx .mplx-bar h1.mplx-h1.mplx-h1.mplx-h1.mplx-h1.mplx-h1{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mplx-brand{ display: flex; align-items: center; gap: 12px; min-width: 0; }
.mplx-nav{ display: flex; align-items: center; gap: 4px; min-width: 0; }
.mplx-nav-lien{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .2px;
  white-space: nowrap;
}
.mplx-nav-txt{ color: rgba(242, 229, 210, .72); }
.mplx-nav-lien:hover .mplx-nav-txt,
.mplx-nav-lien.is-on .mplx-nav-txt{ color: var(--vanilla); }
.mplx-nav-lien.is-on::after{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 2px;
  height: 2px;
  background: var(--vanilla);
}
.mplx-nav-lien--direct .mplx-badge-dot{ background: var(--red); }
.mplx-nav-lien--direct .mplx-nav-txt{ color: var(--vanilla); }
.mplx-nav-n{ padding: 1px 6px; background: var(--red); color: var(--vanilla); font-size: 11px; font-weight: 800; line-height: 1.4; }
.mplx-corps{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-inline: calc(50% - 50vw); padding-inline: var(--mplx-gouttiere); }
.mplx-menu-btn{ position: relative; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; background: rgba(242, 229, 210, .12); border: 0; color: var(--vanilla); cursor: pointer; }
.mplx-menu-btn .mplx-menu-btn-n{ position: absolute; top: -6px; right: -6px; }
.mplx-menu-btn:hover, .mplx-menu-btn.is-actif{ background: rgba(242, 229, 210, .22); }
.mplx-menu-btn-n{ padding: 1px 6px; background: var(--sage); color: var(--teal-dk); font-size: 11px; font-weight: 800; line-height: 1.4; }
.mplx-side{ display: none; }
.mplx-side-tete{ display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 2px solid var(--border); }
.mplx-side-h{ flex: 1 1 auto; font-size: 13px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--teal); }
.mplx-side-reset{ padding: 6px 10px; background: none; border: 1px solid var(--border); color: var(--muted); font-family: var(--sans); font-size: 11px; font-weight: 800; cursor: pointer; }
.mplx-side-reset:hover{ border-color: var(--teal); color: var(--teal); }
.mplx-side-close{ width: 34px; height: 34px; padding: 0; background: none; border: 0; color: var(--teal); font-size: 16px; font-weight: 800; cursor: pointer; }
.mplx-side-groupe{ display: flex; flex-direction: column; padding-bottom: 6px; border-bottom: 1px solid var(--border); }
.mplx-side-titre{ padding: 14px 16px 6px; font-size: 10px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--muted); }
.mplx-side-cats{ display: flex; flex-direction: column; }
.mplx-side-link{ display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 16px; background: none; border: 0; color: var(--teal); font-family: var(--sans); font-size: 13px; font-weight: 700; text-align: left; cursor: pointer; }
.mplx-side-link:hover{ background: var(--vanilla-d); }
.mplx-side-link.is-on{ background: var(--teal); color: var(--vanilla); }
.mplx-side-link svg{ flex: 0 0 auto; opacity: .8; }
.mplx-side-lbl{ flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mplx-side-n{ flex: 0 0 auto; font-size: 11px; font-weight: 800; color: var(--muted); }
.mplx-side-link.is-on .mplx-side-n{ color: var(--sage); }
.mplx-side-retour{ display: flex; align-items: center; justify-content: center; gap: 8px; margin: 16px 16px 6px; padding: 13px 16px; background: var(--teal); }
.mplx-side-filtres-tete{ display: flex; align-items: center; gap: 12px; padding: 14px 16px 4px; }
.mplx-side-retour svg{ color: var(--sage); }
.mplx-side-retour-txt{ color: var(--vanilla); font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; }
.mplx-side-retour:hover{ background: var(--teal-dk); }
@media (max-width: 619px){
.mplx-side-link{ padding: 13px 18px; font-size: 14px; }
}
@media (max-width: 680px){
.mplx-stage-info{ display: flex; flex-wrap: wrap; align-items: center; gap: 7px 10px; padding: 12px 14px 14px; }
.mplx-stage-info > *{ margin: 0; }
.mplx-stage-info .mplx-badge{ order: 1; }
.mplx-stage-comp{ order: 2; }
.mplx-stage-clock{ order: 3; }
.mplx-stage-board{ order: 4; flex: 1 0 100%; }
.mplx-stage-chapo{ order: 5; flex: 1 0 100%; }
.mplx-stage-events{ order: 6; flex: 1 0 100%; }
.mplx-stage-tv{ order: 7; flex: 1 0 100%; }
.mplx-stage-actes{ order: 8; flex: 1 0 100%; margin-top: 10px; }
.mplx-stage-link{ order: 9; }
}
.mplx-bar-right{ display: flex; align-items: center; gap: 16px; }
.mplx-login{ display: inline-flex; align-items: center; flex: 0 0 auto; padding: 7px 13px; background: var(--sage); color: var(--teal-dk); font-size: 12px; font-weight: 800; letter-spacing: .3px; white-space: nowrap; }
.mplx-login:hover{ background: var(--vanilla); }
.mplx-search{ display: flex; align-items: center; flex: 0 0 auto; margin: 0; }
.mplx-search-btn{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; background: rgba(242, 229, 210, .12); border: 0; color: var(--vanilla); cursor: pointer; }
.mplx-search-btn:hover, .mplx-search.is-open .mplx-search-btn{ background: rgba(242, 229, 210, .22); }
.mplx-search-in{
  width: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  color: var(--vanilla);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 700;
  opacity: 0;
  transition: width .2s ease, opacity .2s ease;
}
.mplx-search-in::placeholder{ color: rgba(242, 229, 210, .55); }
.mplx-search-in::-webkit-search-cancel-button{ -webkit-appearance: none; }
.mplx-search-in:focus{ outline: 0; }
.mplx-nav{ display: flex; align-items: center; gap: 14px; }
.mplx-load{ display: flex; align-items: center; justify-content: center; gap: 12px; padding: 56px 16px; }
.mplx-load-spin{ width: 26px; height: 26px; border: 3px solid var(--border); border-top-color: var(--teal); border-radius: 0; animation: mplx-spin .7s linear infinite; }
.mplx-load-txt{ font-size: 12px; font-weight: 700; letter-spacing:0; text-transform:none; color: var(--muted); }
@keyframes mplx-spin{ to { transform: rotate(360deg); } }
.mplx-demo{ margin: 0 0 16px; padding: 11px 14px; background: var(--yellow); color: var(--vanilla); font-size: 12px; font-weight: 800; letter-spacing: .3px; }
.mplx-err{ padding: 18px 16px; background: var(--red-lt); border: 1px solid var(--red); color: var(--red); font-size: 13px; font-weight: 700; text-align: center; }
.mplx-empty{ padding: 44px 16px; background: var(--vanilla); border: 1px solid var(--border); text-align: center; }
.mplx-empty-title{ margin: 0 0 6px; font-size: 16px; font-weight: 800; color: var(--teal); }
.mplx-empty-sub{ margin: 0; font-size: 13px; color: var(--muted); }
.mplx-soon{ margin-top: 28px; text-align: left; }
.mplx .mplx-soon h2.mplx-soon-title.mplx-soon-title.mplx-soon-title{ margin: 0 0 12px; font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--teal); }
.mplx-soon-list{ display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); }
.mplx-stage{
  display: block;
  position: relative;
  margin-inline: calc(-1 * var(--mplx-gouttiere));
  margin-bottom: 22px;
  padding: 0;
  background: var(--teal-dk);
}
.mplx[data-vue="lecteur"] .mplx-bar{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100vw;
  margin: 0;
}
.mplx[data-vue="lecteur"] .mplx-corps{ padding-top: 0; }
html.is-app .mplx[data-vue="lecteur"] .mplx-bar{ border-top: env(safe-area-inset-top, 0px) solid var(--teal); }
html.is-app .mplx-brand .its-app-back{ margin-right: 2px; }
html.is-app body.page-template-page-multiplex .its-app-tabbar{ display: none; }
html.is-app body.page-template-page-multiplex{ padding-bottom: 0; }
.mplx-stage-media{ position: relative; width: 100%; aspect-ratio: 16 / 9; max-height: 78vh; background: #000; overflow: hidden; }
.mplx-stage-media iframe{ display: block; width: 100%; height: 100%; border: 0; }
.mplx-facade{ position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; display: flex; align-items: center; justify-content: center; background: #000; border: 0; cursor: pointer; }
.mplx-facade-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .7; transition: opacity .2s; }
.mplx-facade:hover .mplx-facade-img{ opacity: .85; }
.mplx-facade-play{ position: relative; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 28px; border-color: transparent transparent transparent var(--vanilla); filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .6)); }
.mplx-facade:hover .mplx-facade-play,
.mplx-facade:focus-visible .mplx-facade-play{ border-left-color: var(--sage); }
.mplx-facade-hint{ position: absolute; left: 0; right: 0; bottom: 14px; font-size: 11px; font-weight: 700; letter-spacing:0; text-transform:none; color: var(--vanilla); text-align: center; text-shadow: 0 1px 4px rgba(0, 0, 0, .7); }
.mplx-stage-info{ padding: 18px 16px 20px; background: var(--teal); color: var(--vanilla); }
.mplx-stage-comp{ margin: 10px 0 0; font-size: 11px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--sage); }
.mplx-stage-board{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 10px 0 0; }
.mplx-stage-clock{ margin: 8px 0 0; font-size: 12px; font-weight: 700; color: var(--vanilla); }
.mplx-stage-tv{ margin: 8px 0 0; font-size: 11px; color: var(--sage); }
.mplx-stage-events{ list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 6px; }
.mplx-stage-link{ display: inline-block; margin: 16px 0 0; padding: 9px 15px; background: var(--vanilla); font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; }
.mplx-stage-link-txt{ color: var(--teal-dk); }
.mplx-stage-link:hover{ background: var(--vanilla-d); }
.mplx-hero{
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: clamp(360px, 72vh, 820px);
  margin: 0 calc(-1 * var(--mplx-gouttiere)) 6px;
  background: var(--teal-dk);
  overflow: hidden;
}
.mplx-hero-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.08); transition: opacity .7s ease, transform 9s ease-out; }
.mplx-hero.is-ready .mplx-hero-img{ opacity: 1; transform: scale(1); }
.mplx-hero-voile{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top,
      var(--vanilla) 0%,
      rgba(242, 229, 210, .92) 1%,
      rgba(242, 229, 210, .74) 2%,
      rgba(242, 229, 210, .50) 3.5%,
      rgba(242, 229, 210, .27) 5%,
      rgba(242, 229, 210, .10) 6.5%,
      rgba(242, 229, 210, 0) 8%),
    
    linear-gradient(rgba(var(--mplx-voile), .22), rgba(var(--mplx-voile), .22)),
    linear-gradient(90deg, rgba(var(--mplx-voile), .94) 0%, rgba(var(--mplx-voile), .74) 40%, rgba(var(--mplx-voile), .26) 76%, rgba(var(--mplx-voile), .12) 100%);
}
.mplx-hero-txt{
  position: relative;
  padding: 30px var(--mplx-gouttiere) clamp(24px, 6vh, 72px);
}
.mplx-hero-titre, .mplx-hero-info{ max-width: 740px; }
.mplx-hero-quoi{ display: inline-block; padding: 3px 9px; background: var(--sage); color: var(--teal-dk); font-size: 10px; font-weight: 800; letter-spacing:0; text-transform:none; }
.mplx-hero-titre{ margin: 12px 0 0; font-size: clamp(28px, 4.2vw, 48px); font-weight: 800; line-height: 1.08; letter-spacing: -1px; color: var(--vanilla); }
.mplx-hero-info{ margin: 12px 0 0; font-size: 16px; color: var(--vanilla); }
.mplx-hero-actes{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 16px 0 0; }
.mplx-hero-cta{ display: inline-flex; align-items: center; gap: 9px; padding: 10px 18px; background: var(--vanilla); font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; }
.mplx-hero-cta-txt{ color: var(--teal-dk); }
.mplx-hero-cta-ic{ display: block; width: 0; height: 0; border-left: 9px solid var(--teal-dk); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.mplx-hero-plus{ display: inline-flex; align-items: center; gap: 9px; padding: 10px 18px; background: rgba(242, 229, 210, .2); font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; transition: background .18s ease, transform .18s ease; }
.mplx-hero-plus:hover{ background: rgba(242, 229, 210, .34); transform: scale(1.04); }
.mplx-hero-plus:active{ transform: scale(.98); }
.mplx-hero-plus-txt{ color: var(--vanilla); }
.mplx-hero-plus-ic{ display: block; width: 8px; height: 8px; border-right: 2px solid var(--vanilla); border-bottom: 2px solid var(--vanilla); transform: rotate(-45deg); }
.mplx-hero-cta{ transition: background .18s ease, transform .18s ease; }
.mplx-hero-cta:hover{ background: var(--vanilla-d); transform: scale(1.04); }
.mplx-hero-cta:active{ transform: scale(.98); }
.mplx-hero-puces{ display: flex; gap: 8px; margin: 18px 0 0; }
.mplx-hero-puce{
  position: relative;
  width: 30px;
  height: 5px;
  padding: 0;
  border: 0;
  background: rgba(242, 229, 210, .3);
  cursor: pointer;
  overflow: hidden;
  transition: background .2s ease, width .2s ease;
}
.mplx-hero-puce:hover{ background: rgba(242, 229, 210, .58); }
.mplx-hero-puce.is-on{ width: 46px; background: rgba(242, 229, 210, .28); }
.mplx-hero-puce.is-on::after{
  content: "";
  position: absolute;
  inset: 0;
  transform-origin: left center;
  background: var(--vanilla);
  animation: mplx-puce-remplit var(--mplx-puce-duree, 9s) linear forwards;
}
@keyframes mplx-puce-remplit{
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce){
.mplx-hero-puce.is-on::after{ animation: none; transform: scaleX(1); }
}
.mplx-hero.is-in .mplx-hero-txt > *{ animation: mplx-monte .5s cubic-bezier(.2, .7, .3, 1) backwards; }
.mplx-hero.is-in .mplx-hero-txt > *:nth-child(2){ animation-delay: .06s; }
.mplx-hero.is-in .mplx-hero-txt > *:nth-child(3){ animation-delay: .12s; }
.mplx-hero.is-in .mplx-hero-txt > *:nth-child(4){ animation-delay: .18s; }
.mplx-rows{ display: flex; flex-direction: column; gap: 26px; margin-right: 0; }
.mplx{ position: relative; }
.mplx.has-hero .mplx-bar,
.mplx[data-vue="lecteur"] .mplx-bar{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100vw;
  margin: 0;
  
  padding-bottom: 16px;
  background: linear-gradient(to bottom,
    rgba(var(--mplx-voile), .82) 0%,
    rgba(var(--mplx-voile), .58) 45%,
    rgba(var(--mplx-voile), .26) 78%,
    rgba(var(--mplx-voile), 0) 100%);
  transition: background .25s ease, padding-bottom .25s ease, box-shadow .25s ease;
}
.mplx[data-vue="lecteur"]:not(.is-barre-collee) .mplx-bar,
.mplx[data-vue="lecteur"]:not(.is-barre-collee) .mplx-bar-in{ pointer-events: none; }
.mplx[data-vue="lecteur"]:not(.is-barre-collee) .mplx-brand,
.mplx[data-vue="lecteur"]:not(.is-barre-collee) .mplx-nav,
.mplx[data-vue="lecteur"]:not(.is-barre-collee) .mplx-bar-right{ pointer-events: auto; }
.mplx[data-vue="parcourir"].has-hero .mplx-hero{ min-height: clamp(420px, 82vh, 900px); }
.mplx .mplx-demo{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  margin: 0;
  text-align: center;
}
.mplx-row{ position: relative; min-width: 0; }
.mplx .mplx-row h2.mplx-row-titre.mplx-row-titre.mplx-row-titre{ margin: 0 0 12px; font-size: 16px; font-weight: 800; letter-spacing: -.3px; color: var(--teal); text-transform: none; }
.mplx-row-piste{
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
  
  padding: 14px 0 34px;
  margin: -14px 0 -30px;
}
.mplx-row-piste::-webkit-scrollbar{ display: none; }
.mplx-row-piste{ --mplx-n: 5; }
.mplx-row-piste > .mplx-card{
  flex: 0 0 calc((100% - (var(--mplx-n) - 1) * 12px) / var(--mplx-n));
  scroll-snap-align: start;
}
@media (max-width: 1199px){
.mplx-row-piste{ --mplx-n: 4; }
}
@media (max-width: 899px){
.mplx-row-piste{ --mplx-n: 3; }
}
@media (max-width: 680px){
.mplx-row-piste{ --mplx-n: 2; }
}
.mplx-row-piste > .mplx-card:first-child .mplx-card-media,
.mplx-row-piste > .mplx-card:first-child .mplx-card-plus{ transform-origin: left center; left: 0; }
.mplx-row-piste > .mplx-card:last-child .mplx-card-media,
.mplx-row-piste > .mplx-card:last-child .mplx-card-plus{ transform-origin: right center; }
.mplx-row-piste-wrap{ position: relative; }
.mplx-row-fleche{
  position: absolute;
  
  top: var(--mplx-fleche-top, 66px);
  
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--border);
  background: var(--vanilla);
  box-shadow: 0 2px 10px rgba(var(--mplx-voile), .18);
  cursor: pointer;
  
  opacity: 1;
  transform: translateY(-50%);
  transition: background .18s ease;
}
.mplx-row-fleche.is-prev{ left: -8px; }
.mplx-row-fleche.is-next{ right: 12px; }
.mplx-row-fleche:hover{ background: var(--teal); }
.mplx-row-fleche.is-off{ opacity: .32; pointer-events: none; }
.mplx-row-piste-wrap.is-fixe .mplx-row-fleche{ display: none; }
.mplx-row-fleche-ic{ display: block; width: 9px; height: 9px; border-right: 2px solid var(--teal); border-bottom: 2px solid var(--teal); }
.mplx-row-fleche.is-prev .mplx-row-fleche-ic{ margin-left: 3px; transform: rotate(135deg); }
.mplx-row-fleche.is-next .mplx-row-fleche-ic{ margin-right: 3px; transform: rotate(-45deg); }
.mplx-row-fleche:hover .mplx-row-fleche-ic{ border-color: var(--vanilla); }
.mplx-rows.is-in > .mplx-row{ animation: mplx-monte .5s cubic-bezier(.2, .7, .3, 1) backwards; }
.mplx-rows.is-in > .mplx-row:nth-child(2){ animation-delay: .05s; }
.mplx-rows.is-in > .mplx-row:nth-child(3){ animation-delay: .1s; }
.mplx-rows.is-in > .mplx-row:nth-child(4){ animation-delay: .15s; }
.mplx-rows.is-in > .mplx-row:nth-child(5){ animation-delay: .2s; }
.mplx-rows.is-in > .mplx-row:nth-child(n+6){ animation-delay: .25s; }
@keyframes mplx-monte{ from { opacity: 0; transform: translateY(14px); } }
.mplx-card{ position: relative; }
.mplx-card-main{ display: block; width: 100%; padding: 0; background: transparent; border: 0; text-align: left; cursor: pointer; }
@media (hover: hover){
.mplx-card:hover, .mplx-card:focus-within{ z-index: 6; }
}
.mplx-card-media{ position: relative; aspect-ratio: 16 / 9; background: var(--teal-dk); overflow: hidden; outline: 2px solid transparent; outline-offset: -2px; transition: outline-color .15s, box-shadow .3s ease, transform .3s cubic-bezier(.2, .7, .3, 1); }
.mplx-card:hover .mplx-card-media,
.mplx-card:focus-within .mplx-card-media{
  outline-color: var(--teal);
  box-shadow: 0 8px 22px rgba(var(--mplx-voile), .28);
}
.mplx-card-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .72; transition: transform .55s cubic-bezier(.2, .7, .3, 1), opacity .28s ease; }
.mplx-card:hover .mplx-card-img,
.mplx-card:focus-within .mplx-card-img{ opacity: .9; }
.mplx-card-cam{
  position: absolute;
  right: 8px;
  top: 8px;
  max-width: calc(100% - 16px);
  padding: 4px 8px;
  background: var(--vanilla);
  color: var(--teal);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  
  left: auto;
  bottom: auto;
  width: auto;
  height: auto;
  max-height: 2.4em;
  line-height: 1.4;
}
.mplx-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; background: var(--red); }
.mplx-badge-txt{ font-size: 10px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--vanilla); }
.mplx-badge-dot{ width: 6px; height: 6px; background: var(--vanilla); border-radius: 0; animation: mplx-pulse 1.4s ease-in-out infinite; }
@keyframes mplx-pulse{ 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce){
.mplx-badge-dot{ animation: none; }
.mplx-load-spin{ animation: none; }
.mplx-hero.is-in .mplx-hero-txt > *,
  .mplx-rows.is-in > .mplx-row{ animation: none; }
.mplx-hero-img{ transition: opacity .2s ease; transform: none; }
.mplx-hero.is-ready .mplx-hero-img{ transform: none; }
.mplx-card-media, .mplx-card-img, .mplx-card-plus, .mplx-card-act, .mplx-card-jauge-in, .mplx-row-fleche{ transition: none; }
.mplx-card:hover .mplx-card-media,
  .mplx-card:focus-within .mplx-card-media{ transform: none; transition: none; }
.mplx-card:hover .mplx-card-img,
  .mplx-card:focus-within .mplx-card-img{ transform: none; }
.mplx-row-piste{ scroll-behavior: auto; }
}
@media (min-width: 1100px){
.mplx-bar-in{
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "brand nav right";
    gap: 32px;
    padding: 14px var(--mplx-gouttiere);
  }
.mplx-nav{ gap: 10px; }
.mplx-nav-lien{ font-size: 14px; padding: 8px 12px; }
.mplx-bar-right{ justify-content: flex-end; }
}
@media (min-width: 620px) and (max-width: 1099px){
.mplx-bar-in{ gap: 12px 16px; }
}
@media (max-width: 619px){
.mplx-bar-right{ gap: 8px; }
.mplx-bar-in{ gap: 8px 10px; }
.mplx-nav{ gap: 0; }
.mplx-nav-lien{ padding: 8px 7px; font-size: 12px; }
.mplx-nav-lien.is-on::after{ left: 7px; right: 7px; }
}
@media (min-width: 900px){
.mplx-stage-info{ padding: 22px 20px; }
.mplx-soon-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
.mplx[data-vue="parcourir"].has-hero .mplx-hero{ min-height: clamp(340px, 58vh, 520px); }
}
@media (min-width: 900px){
.mplx-stage-info{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 130px var(--mplx-gouttiere) 42px;
    z-index: 2;
    background: linear-gradient(to top,
      rgba(var(--mplx-voile), .97) 0%,
      rgba(var(--mplx-voile), .90) 30%,
      rgba(var(--mplx-voile), .60) 58%,
      rgba(var(--mplx-voile), .20) 84%,
      rgba(var(--mplx-voile), 0) 100%);
    
    pointer-events: none;
  }
.mplx-stage-info > *{ pointer-events: auto; max-width: 880px; }
.mplx-stage-board{
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 16px;
    margin: 8px 0 0;
  }
.mplx-stage-comp{ font-size: 13px; letter-spacing: 1.4px; }
.mplx-stage-clock{ margin-top: 10px; font-size: 14px; }
.mplx-stage-events{ margin-top: 12px; gap: 4px; }
.mplx-stage-link{ margin-top: 20px; padding: 12px 20px; font-size: 13px; }
}
.mplx-stage-actes{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 22px 0 0; }
.mplx-pouce{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(242, 229, 210, .35);
  background: transparent;
  color: var(--vanilla);
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.mplx-pouce:hover{ border-color: var(--vanilla); background: rgba(242, 229, 210, .12); }
.mplx-pouce-ic{ display: inline-flex; width: 16px; height: 16px; }
.mplx-pouce-ic svg{ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mplx-pouce-n{ color: var(--vanilla); font-variant-numeric: tabular-nums; }
.mplx-pouce-n:empty{ display: none; }
.mplx-pouce.is-on{ background: var(--vanilla); border-color: var(--vanilla); color: var(--teal-dk); }
.mplx-pouce.is-on .mplx-pouce-n{ color: var(--teal-dk); }
.mplx-pouce.is-on .mplx-pouce-ic svg{ fill: var(--teal-dk); }
.mplx-stage .mplx-stage-reprendre{ display: none; }
.mplx-stage-reprendre::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent var(--teal-dk);
}
.mplx-stage-reprendre-txt{ color: var(--teal-dk); }
.mplx-stage-reprendre,
.mplx-stage-details,
.mplx-hero-cta{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 22px;
  border: 0;
  background: var(--vanilla);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 800;
  letter-spacing:0;
  text-transform:none;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
.mplx-stage-details-txt, .mplx-hero-cta-txt{ color: var(--teal-dk); }
.mplx-stage-details:hover, .mplx-hero-cta:hover, .mplx-stage-reprendre:hover{ background: var(--sage); transform: scale(1.03); }
.mplx-stage-details:active, .mplx-hero-cta:active, .mplx-stage-reprendre:active{ transform: scale(.98); }
.mplx-hero-cta-ic{ border-left-color: var(--teal-dk); }
.mplx-stage-link, .mplx-hero-plus{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 12px 22px;
  background: rgba(242, 229, 210, .18);
  font-size: 13px;
  font-weight: 800;
  letter-spacing:0;
  text-transform:none;
  transition: background .18s ease, transform .18s ease;
}
.mplx-stage-link-txt, .mplx-hero-plus-txt{ color: var(--vanilla); }
.mplx-stage-link:hover, .mplx-hero-plus:hover{ background: rgba(242, 229, 210, .32); transform: scale(1.03); }
.mplx-stage-comp{ color: rgba(242, 229, 210, .8); }
.mplx-modal{ position: fixed; inset: 0; z-index: 10000; display: flex; align-items: flex-start; justify-content: center; padding: 34px 24px; overflow-y: auto; overscroll-behavior: contain; }
.mplx-modal-fond{ position: fixed; inset: 0; background: rgba(var(--mplx-voile), .84); }
.mplx-modal-boite{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  max-height: calc(100vh - 68px);
  margin: auto;
  background: var(--teal);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .5);
  animation: mplx-monte .28s cubic-bezier(.2, .7, .3, 1) backwards;
}
.mplx-modal-fermer{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 3;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: rgba(var(--mplx-voile), .74);
  color: var(--vanilla);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: background .15s ease;
}
.mplx-modal-fermer:hover{ background: rgba(var(--mplx-voile), .95); }
.mplx-modal-hero{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: clamp(280px, 40vh, 420px); overflow: hidden; background: var(--teal-dk); }
.mplx-modal-hero-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mplx-modal-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(28, 61, 52, .38);
  pointer-events: none;
}
.mplx-modal-hero-score{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(38px, 7vw, 76px);
  font-weight: 800;
  letter-spacing: -2px;
  color: rgba(242, 229, 210, .13);
  font-variant-numeric: tabular-nums;
}
.mplx-modal-hero-bas{
  position: relative;
  z-index: 1;
  padding: 52px 30px 26px;
  background: linear-gradient(to top,
    rgba(var(--mplx-voile), .97) 0%,
    rgba(var(--mplx-voile), .88) 32%,
    rgba(var(--mplx-voile), .50) 64%,
    rgba(var(--mplx-voile), 0) 100%);
}
.mplx-modal-comp{ margin: 0; font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--sage); }
.mplx .mplx-modal p.mplx-modal-titre{ margin: 6px 0 0; font-size: clamp(22px, 3.4vw, 36px); font-weight: 800; line-height: 1.08; letter-spacing: -.8px; color: var(--vanilla); }
.mplx-modal-actes{ display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.mplx-modal-play, .mplx-modal-lien{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 20px;
  border: 0;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 800;
  letter-spacing:0;
  text-transform:none;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}
.mplx-modal-play{ background: var(--vanilla); }
.mplx-modal-play-txt{ color: var(--teal-dk); }
.mplx-modal-play::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent var(--teal-dk);
}
.mplx-modal-play:hover{ background: var(--sage); transform: scale(1.03); }
.mplx-modal-lien{ background: rgba(242, 229, 210, .22); }
.mplx-modal-lien-txt{ color: var(--vanilla); }
.mplx-modal-lien:hover{ background: rgba(242, 229, 210, .34); transform: scale(1.03); }
.mplx-modal-hero{ flex: 0 0 auto; }
.mplx-modal-corps{ flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 0 30px 30px; }
.mplx-modal-meta{ margin: 10px 0 0; font-size: 15px; font-weight: 700; color: var(--vanilla); font-variant-numeric: tabular-nums; }
.mplx-modal-tv{ margin: 5px 0 0; font-size: 13px; color: rgba(242, 229, 210, .78); }
.mplx-modal-onglets{
  display: flex;
  gap: 22px;
  margin: 0 -30px 6px;
  padding: 14px 30px 0;
  background: var(--teal);
  border-bottom: 1px solid rgba(242, 229, 210, .16);
}
.mplx-modal-onglet{
  position: relative;
  padding: 0 0 11px;
  border: 0;
  background: none;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 800;
  letter-spacing:0;
  text-transform:none;
  cursor: pointer;
}
.mplx-modal-onglet-txt{ color: rgba(242, 229, 210, .6); }
.mplx-modal-onglet.is-on .mplx-modal-onglet-txt{ color: var(--vanilla); }
.mplx-modal-onglet.is-on::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--vanilla);
}
.mplx-modal-onglet:hover .mplx-modal-onglet-txt{ color: var(--vanilla); }
.mplx-modal-vue > .mplx-modal-bloc:first-child{ margin-top: 20px; }
.mplx-modal-bloc{ margin: 26px 0 0; }
.mplx .mplx-modal h3.mplx-modal-soustitre{ margin: 0 0 12px; font-size: 12px; font-weight: 800; letter-spacing:0; text-transform:none; }
.mplx-modal-soustitre-txt{ color: var(--sage); }
.mplx-modal-events{ list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.mplx-modal-grille{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)); gap: 16px 14px; }
@media (max-width: 680px){
.mplx-modal{ padding: 0; align-items: flex-start; top: var(--mplx-top-offset, 0px); }
.mplx-modal-boite{ max-width: none; margin: 0; height: 100%; max-height: 100%; display: flex; flex-direction: column; }
.mplx-modal-fermer{ top: calc(16px + env(safe-area-inset-top, 0px)); right: 12px; width: 40px; height: 40px; font-size: 17px; }
html.is-app .mplx-modal-boite{ border-top: env(safe-area-inset-top, 0px) solid var(--teal-dk); }
.mplx-modal-hero{ flex: 0 0 auto; min-height: 200px; }
.mplx-modal-hero-bas{ padding: 56px 18px 18px; }
.mplx-modal-corps{ flex: 1 1 auto; overflow-y: auto; padding: 18px 18px 26px; }
.mplx-modal-onglets{ margin-inline: -18px; padding-inline: 18px; }
.mplx-modal-grille{ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 14px 10px; }
}
@media (prefers-reduced-motion: reduce){
.mplx-modal-boite{ animation: none; }
.mplx-stage-details, .mplx-stage-link, .mplx-hero-cta, .mplx-hero-plus{ transition: none; }
.mplx-stage-details:hover, .mplx-hero-cta:hover,
  .mplx-stage-link:hover, .mplx-hero-plus:hover{ transform: none; }
}
@media (min-width: 900px){
.mplx-stage::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,
      rgba(var(--mplx-voile), .92) 0%,
      rgba(var(--mplx-voile), .78) 20%,
      rgba(var(--mplx-voile), .46) 44%,
      rgba(var(--mplx-voile), .14) 70%,
      rgba(var(--mplx-voile), 0) 100%);
  }
}
.mplx-card--video .mplx-card-main{ display: block; color: inherit; }
.mplx-card--video .mplx-card-media{ background: var(--teal-dk); }
.mplx-card--video .mplx-card-img{ opacity: .86; }
.mplx-card--video:hover .mplx-card-img,
.mplx-card--video:focus-within .mplx-card-img{ opacity: 1; }
.mplx-stage-chapo{
  margin: 12px 0 0;
  max-width: 620px;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(242, 229, 210, .86);
}
@media (max-width: 899px){
.mplx-stage-chapo{ font-size: 14px; color: var(--sage); }
}
.mplx-stage-media iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 899px){
.mplx-stage:not(.is-lecture) .mplx-stage-info{
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    z-index: 2;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 62%;
    max-width: 320px;
    padding: 0 12px;
    background: none;
    pointer-events: none;
  }
.mplx-stage:not(.is-lecture) .mplx-stage-info > *{ margin: 0; max-width: 100%; pointer-events: none; }
.mplx-stage:not(.is-lecture) .mplx-stage-info > .mplx-stage-actes{
    flex-wrap: nowrap;
    gap: 8px;
    width: max-content;
    max-width: calc(100vw - 24px);
    margin-top: 4px;
    pointer-events: auto;
  }
.mplx-stage:not(.is-lecture) .mplx-stage-actes .mplx-stage-reprendre,
  .mplx-stage:not(.is-lecture) .mplx-stage-actes .mplx-stage-details{ padding: 10px 14px; font-size: 11px; }
.mplx-stage:not(.is-lecture) .mplx-stage-actes .mplx-pouce{ height: 37px; padding: 0 10px; }
.mplx-stage .mplx-stage-events,
  .mplx-stage .mplx-stage-tv,
  .mplx-stage .mplx-stage-chapo,
  .mplx-stage:not(.is-lecture) .mplx-stage-actes .mplx-stage-link{ display: none; }
.mplx-stage:not(.is-lecture)::after{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg,
      rgba(var(--mplx-voile), .93) 0%,
      rgba(var(--mplx-voile), .82) 30%,
      rgba(var(--mplx-voile), .50) 56%,
      rgba(var(--mplx-voile), .16) 82%,
      rgba(var(--mplx-voile), 0) 100%);
  }
}
.mplx-row--cats .mplx-row-titre{ margin-bottom: 14px; }
.mplx-cats{ display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px 16px; }
.mplx-cat{ display: block; width: 100%; padding: 0; border: 0; background: none; font-family: var(--sans); cursor: pointer; }
.mplx-cat-media{
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--teal-dk);
  transition: transform .2s ease, box-shadow .2s ease;
}
.mplx-cat-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mplx-cat-voile{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
    rgba(var(--mplx-voile), .94) 0%,
    rgba(var(--mplx-voile), .72) 42%,
    rgba(var(--mplx-voile), .34) 72%,
    rgba(var(--mplx-voile), .14) 100%);
}
.mplx-cat-txt{ position: absolute; left: 18px; right: 18px; bottom: 16px; display: block; }
.mplx-cat-nom{ display: block; font-size: 20px; font-weight: 800; line-height: 1.12; letter-spacing: -.4px; color: var(--vanilla); }
.mplx-cat-n{ display: block; margin-top: 5px; font-size: 11px; font-weight: 800; letter-spacing:0; text-transform:none; color: var(--sage); }
.mplx-cat:hover .mplx-cat-media,
.mplx-cat:focus-visible .mplx-cat-media{ transform: scale(1.03); box-shadow: 0 16px 34px rgba(var(--mplx-voile), .34); }
@media (max-width: 720px){
.mplx-cats{ grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px 12px; }
.mplx-cat-nom{ font-size: 16px; }
}
@media (prefers-reduced-motion: reduce){
.mplx-cat-media{ transition: none; }
.mplx-cat:hover .mplx-cat-media{ transform: none; }
}
.mplx-hero-lecteur{ position: absolute; inset: 0; z-index: 3; background: #000; }
.mplx-hero-lecteur iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mplx-row--court .mplx-row-piste{ --mplx-n: 7; }
.mplx-row--court .mplx-card-media{ aspect-ratio: 9 / 16; }
@media (max-width: 1199px){
.mplx-row--court .mplx-row-piste{ --mplx-n: 6; }
}
@media (max-width: 899px){
.mplx-row--court .mplx-row-piste{ --mplx-n: 4; }
}
@media (max-width: 720px){
.mplx-row--court .mplx-row-piste{ --mplx-n: 3; }
}
.mplx-stage-board{ display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 6px 14px; }
@media (min-width: 900px){
.mplx-stage-board{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 14px; }
}
.mplx-h2h{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; }
.mplx #mplx-modal-bloc-h2h h3.mplx-modal-soustitre{ text-align: center; }
@media (max-width: 560px){
.mplx-h2h{ gap: 8px 12px; }
}
.mplx-modal-bloc--nu{ margin-top: 18px; }
.mplx-fiche{ display: grid; gap: 12px; }
@media (max-width: 720px){
.mplx-card-cam{ right: 6px; top: 6px; padding: 3px 6px; font-size: 9px; letter-spacing: .3px; }
}
.mplx-card:hover .mplx-card-media,
.mplx-card:focus-within .mplx-card-media{
  transform: none;
  transition: outline-color .15s ease, box-shadow .2s ease;
}
.mplx-card:hover .mplx-card-img,
.mplx-card:focus-within .mplx-card-img{ transform: none; transition-delay: 0s; }
.mplx-stage-media:fullscreen{ max-height: none; aspect-ratio: auto; background: #000; }
.mplx-stage-media:fullscreen iframe{ width: 100%; height: 100%; }
.mplx-stage-regarder{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 22px;
  border: 0;
  background: var(--vanilla);
  color: var(--teal-dk);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 800;
  letter-spacing:0;
  text-transform:none;
  cursor: pointer;
}
.mplx-stage-regarder[hidden],
.mplx-stage.is-playing .mplx-stage-regarder{ display: none; }
.mplx-stage .mplx-stage-events{ display: none; }
.mplx-stage-media{ container-type: inline-size; }
@keyframes mplx-ov-defile{ from { transform: translateX(100%); } to { transform: translateX(-100%); } }
.mplx.has-hero .mplx-bar,
.mplx[data-vue="lecteur"] .mplx-bar{
  background: linear-gradient(to bottom,
    rgba(var(--mplx-voile), .45) 0%,
    rgba(var(--mplx-voile), .25) 50%,
    rgba(var(--mplx-voile), .08) 82%,
    rgba(var(--mplx-voile), 0) 100%);
}
.mplx.has-hero .mplx-bar .mplx-nav-txt,
.mplx[data-vue="lecteur"] .mplx-bar .mplx-nav-txt,
.mplx[data-vue="lecteur"] .mplx-bar .mplx-bar-right{ text-shadow: 0 1px 6px rgba(0, 0, 0, .55); }
@keyframes mplx-ov-chat-in{ from { opacity: 0; transform: translateY(1.2em); } to { opacity: 1; transform: none; } }
@keyframes mplx-ov-chat-out{ to { opacity: 0; transform: translateY(-.6em); } }
.mplx-load{
  min-height: min(56.25vw, 78vh);
  padding: 0;
  background: var(--teal-dk);
  
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.mplx-load-spin{ border-color: rgba(242, 229, 210, .18); border-top-color: var(--vanilla); }
@media (max-width: 430px){
.mplx-nav-lien--direct{ gap: 5px; }
.mplx-nav-lien--direct .mplx-nav-txt{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}