/* ══════════════════════════════════════════
   Terrain des compositions (vue v2, « md-t2 ») — partagé par la fiche match
   refondue et la fiche équipe (XV type, 12/10/2026). Règles extraites telles
   quelles de itsrugby-match-d.css, ordre conservé : c'est la seule source.
══════════════════════════════════════════ */
#md-vue-l:checked ~ .md-t2 { display: none; }
#md-vue-t:checked ~ .md-t2 ~ .lineups-grid .md-lu-liste { display: none; }
.md-t2 { margin: 0 0 16px; }
.md-t2-champ { position: relative; aspect-ratio: 2.2 / 1; overflow: hidden;
  background: repeating-linear-gradient(to right, #A6C39C 0, #A6C39C 5%, #ABC8A2 5%, #ABC8A2 10%); }
.md-t2-l { position: absolute; top: 0; bottom: 0; width: 0; border-left: 2px solid rgba(242, 229, 210, .85); }
.md-t2-l--mil { left: 50%; }
.md-t2-l--10h { left: 42%; border-left-style: dashed; border-left-color: rgba(242, 229, 210, .6); }
.md-t2-l--10a { left: 58%; border-left-style: dashed; border-left-color: rgba(242, 229, 210, .6); }
.md-t2-l--22h { left: 24.8%; }
.md-t2-l--22a { left: 75.2%; }
.md-t2-eb { position: absolute; top: 0; bottom: 0; width: 5%; background: rgba(28, 61, 52, .1); }
.md-t2-eb--h { left: 0; border-right: 2px solid rgba(242, 229, 210, .9); }
.md-t2-eb--a { right: 0; border-left: 2px solid rgba(242, 229, 210, .9); }
.md-t2-pot { position: absolute; top: 50%; width: 30px; height: 40px; margin-top: -20px; border-top: 3px solid var(--vanilla); border-bottom: 3px solid var(--vanilla); }
.md-t2-pot::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 3px solid var(--vanilla); }
.md-t2-pot--h { left: calc(5% - 15px); }
.md-t2-pot--a { left: calc(95% - 15px); }
.md-t2-eq { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.md-j { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 2px; width: 104px; margin-left: -52px; margin-top: -24px; text-align: center; }
.md-j-maillot { display: flex; align-items: center; justify-content: center; width: 36px; height: 32px;
  clip-path: polygon(28% 0, 72% 0, 100% 18%, 88% 40%, 80% 34%, 80% 100%, 20% 100%, 20% 34%, 12% 40%, 0 18%); }
.md-j-maillot span { margin-top: 4px; font-size: 13px; font-weight: 800; }
.md-j--h-1 .md-j-maillot, .md-t2-eq--h .md-j-maillot { background: var(--teal); color: var(--vanilla); }
.md-t2-eq--a .md-j-maillot { background: var(--vanilla); color: var(--teal); }
.md-j-nom { max-width: 100%; font-size: 12px; font-weight: 800; line-height: 1.15; color: var(--teal); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-j-nom a { color: var(--teal); }
.md-j-ev { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
#sec-indiv .md-j-ev span.md-ev { padding: 0 4px; font-size: 10px; }
#sec-indiv .md-j-ev span.md-ev--pied { background: rgba(28, 61, 52, .12); }
#sec-indiv .md-j-ev span.md-ev--rempl { padding: 0; color: var(--teal); }
@media (max-width: 760px) {
  .md-t2-champ { aspect-ratio: 3 / 5;
    background: repeating-linear-gradient(to bottom, #A6C39C 0, #A6C39C 5%, #ABC8A2 5%, #ABC8A2 10%); }
  .md-t2-l { left: 0; right: 0; bottom: auto; width: auto; height: 0; border-left: 0; border-top: 2px solid rgba(242, 229, 210, .85); }
  .md-t2-l--mil { top: 50%; }
  .md-t2-l--10h { top: 42%; border-top-style: dashed; border-top-color: rgba(242, 229, 210, .6); }
  .md-t2-l--10a { top: 58%; border-top-style: dashed; border-top-color: rgba(242, 229, 210, .6); }
  .md-t2-l--22h { top: 24.8%; }
  .md-t2-l--22a { top: 75.2%; }
  .md-t2-eb { left: 0; right: 0; width: auto; height: 5%; }
  .md-t2-eb--h { top: 0; bottom: auto; border-right: 0; border-bottom: 2px solid rgba(242, 229, 210, .9); }
  .md-t2-eb--a { top: auto; bottom: 0; border-left: 0; border-top: 2px solid rgba(242, 229, 210, .9); }
  .md-t2-pot { top: auto; left: 50%; width: 40px; height: 30px; margin: 0 0 0 -20px; border: 0; border-left: 3px solid var(--vanilla); border-right: 3px solid var(--vanilla); }
  .md-t2-pot::before { top: 50%; bottom: auto; left: 0; right: 0; border-left: 0; border-top: 3px solid var(--vanilla); }
  .md-t2-pot--h { top: calc(5% - 15px); }
  .md-t2-pot--a { top: calc(95% - 15px); }
  .md-j { width: 84px; margin-left: -42px; margin-top: -20px; }
  .md-j-maillot { width: 30px; height: 27px; }
  .md-j-maillot span { font-size: 12px; }
  .md-j-nom { font-size: 11px; }
}
.md-j--h-1 { left: 46%; top: 35%; }
.md-j--a-1 { left: 54%; top: 65%; }
.md-j--h-2 { left: 46%; top: 50%; }
.md-j--a-2 { left: 54%; top: 50%; }
.md-j--h-3 { left: 46%; top: 65%; }
.md-j--a-3 { left: 54%; top: 35%; }
.md-j--h-4 { left: 40%; top: 42%; }
.md-j--a-4 { left: 60%; top: 58%; }
.md-j--h-5 { left: 40%; top: 58%; }
.md-j--a-5 { left: 60%; top: 42%; }
.md-j--h-6 { left: 34%; top: 22%; }
.md-j--a-6 { left: 66%; top: 78%; }
.md-j--h-7 { left: 34%; top: 78%; }
.md-j--a-7 { left: 66%; top: 22%; }
.md-j--h-8 { left: 34%; top: 50%; }
.md-j--a-8 { left: 66%; top: 50%; }
.md-j--h-9 { left: 27%; top: 40%; }
.md-j--a-9 { left: 73%; top: 60%; }
.md-j--h-10 { left: 22%; top: 56%; }
.md-j--a-10 { left: 78%; top: 44%; }
.md-j--h-11 { left: 10%; top: 10%; }
.md-j--a-11 { left: 90%; top: 90%; }
.md-j--h-12 { left: 18%; top: 70%; }
.md-j--a-12 { left: 82%; top: 30%; }
.md-j--h-13 { left: 14%; top: 83%; }
.md-j--a-13 { left: 86%; top: 17%; }
.md-j--h-14 { left: 8%; top: 94%; }
.md-j--a-14 { left: 92%; top: 6%; }
.md-j--h-15 { left: 5%; top: 50%; }
.md-j--a-15 { left: 95%; top: 50%; }
@media (max-width: 760px) {
  .md-j--h-1 { left: 35%; top: 46%; }
  .md-j--a-1 { left: 65%; top: 54%; }
  .md-j--h-2 { left: 50%; top: 46%; }
  .md-j--a-2 { left: 50%; top: 54%; }
  .md-j--h-3 { left: 65%; top: 46%; }
  .md-j--a-3 { left: 35%; top: 54%; }
  .md-j--h-4 { left: 42%; top: 40%; }
  .md-j--a-4 { left: 58%; top: 60%; }
  .md-j--h-5 { left: 58%; top: 40%; }
  .md-j--a-5 { left: 42%; top: 60%; }
  .md-j--h-6 { left: 22%; top: 34%; }
  .md-j--a-6 { left: 78%; top: 66%; }
  .md-j--h-7 { left: 78%; top: 34%; }
  .md-j--a-7 { left: 22%; top: 66%; }
  .md-j--h-8 { left: 50%; top: 34%; }
  .md-j--a-8 { left: 50%; top: 66%; }
  .md-j--h-9 { left: 40%; top: 27%; }
  .md-j--a-9 { left: 60%; top: 73%; }
  .md-j--h-10 { left: 56%; top: 22%; }
  .md-j--a-10 { left: 44%; top: 78%; }
  .md-j--h-11 { left: 10%; top: 10%; }
  .md-j--a-11 { left: 90%; top: 90%; }
  .md-j--h-12 { left: 70%; top: 18%; }
  .md-j--a-12 { left: 30%; top: 82%; }
  .md-j--h-13 { left: 83%; top: 14%; }
  .md-j--a-13 { left: 17%; top: 86%; }
  .md-j--h-14 { left: 94%; top: 8%; }
  .md-j--a-14 { left: 6%; top: 92%; }
  .md-j--h-15 { left: 50%; top: 5%; }
  .md-j--a-15 { left: 50%; top: 95%; }
}
@media (max-width: 760px) {
  .md-t2-champ { aspect-ratio: 3 / 4; }
  #md-lu-r1:checked ~ .md-t2 .md-t2-eq--a,
  #md-lu-r2:checked ~ .md-t2 .md-t2-eq--h { display: none; }
  .md-t2-l--10a, .md-t2-l--22a, .md-t2-eb--a, .md-t2-pot--a { display: none; }
  .md-t2-eb--h { height: 10%; }
  .md-t2-pot--h { top: calc(10% - 15px); }
  .md-t2-l--22h { top: 49.6%; }
  .md-t2-l--10h { top: 84%; }
  .md-t2-l--mil { top: auto; bottom: 0; }
  .md-j { width: 80px; margin-left: -40px; }
  .md-j--h-1, .md-j--a-1 { left: 25%; top: 92%; }
  .md-j--h-2, .md-j--a-2 { left: 50%; top: 92%; }
  .md-j--h-3, .md-j--a-3 { left: 75%; top: 92%; }
  .md-j--h-4, .md-j--a-4 { left: 36%; top: 80%; }
  .md-j--h-5, .md-j--a-5 { left: 64%; top: 80%; }
  .md-j--h-6, .md-j--a-6 { left: 14%; top: 68%; }
  .md-j--h-7, .md-j--a-7 { left: 86%; top: 68%; }
  .md-j--h-8, .md-j--a-8 { left: 50%; top: 70%; }
  .md-j--h-9, .md-j--a-9 { left: 50%; top: 57%; }
  .md-j--h-10, .md-j--a-10 { left: 32%; top: 47%; }
  .md-j--h-11, .md-j--a-11 { left: 14%; top: 24%; }
  .md-j--h-12, .md-j--a-12 { left: 52%; top: 38%; }
  .md-j--h-13, .md-j--a-13 { left: 72%; top: 30%; }
  .md-j--h-14, .md-j--a-14 { left: 86%; top: 24%; }
  .md-j--h-15, .md-j--a-15 { left: 50%; top: 15%; }
}
#md-vue-t:checked ~ .md-t2 ~ .lineups-grid { display: none; }
.md-t2-tete { display: grid; grid-template-columns: 1fr 1fr; }
.md-t2-club { display: flex; align-items: center; gap: 10px; padding: 10px 16px; font-size: 16px; font-weight: 800; }
.md-t2-club--h { background: var(--teal); color: var(--vanilla); }
.md-t2-club--a { justify-content: flex-end; background: var(--vanilla); color: var(--teal); box-shadow: inset 0 0 0 1px rgba(28, 61, 52, .15); }
.md-t2-logo { display: inline-flex; width: 26px; height: 26px; flex: 0 0 26px; }
.md-t2-logo picture { display: contents; }
.md-t2-logo img { width: 100%; height: 100%; object-fit: contain; }
.md-t2-club--h .md-t2-logo img { filter: drop-shadow(0 0 1px rgba(242, 229, 210, .9)); }
.md-t2-banc { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #8FAE86; border-top: 3px solid rgba(242, 229, 210, .9); }
.md-t2-banc-eq { padding: 10px 12px 12px; }
.md-t2-banc-eq--h { border-right: 2px solid rgba(242, 229, 210, .9); }
.md-t2-banc-t { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 800; color: var(--teal); }
.md-t2-banc-eq--a .md-t2-banc-t { text-align: right; }
.md-t2-banc-eq ol { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; list-style: none; }
.md-b { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; text-align: center; }
.md-b .md-j-maillot { width: 28px; height: 25px; }
.md-b .md-j-maillot span { font-size: 11px; }
.md-t2-banc-eq--h .md-j-maillot { background: var(--teal); color: var(--vanilla); }
.md-t2-banc-eq--a .md-j-maillot { background: var(--vanilla); color: var(--teal); }
.md-b:not(.md-b--entre) .md-j-maillot { opacity: .55; }
.md-b .md-j-nom { font-size: 11px; }
@media (max-width: 760px) {
  .md-t2-tete { display: none; }
  .md-t2-banc { grid-template-columns: 1fr; }
  .md-t2-banc-eq--h { border-right: 0; }
  #md-lu-r1:checked ~ .md-t2 .md-t2-banc-eq--a,
  #md-lu-r2:checked ~ .md-t2 .md-t2-banc-eq--h { display: none; }
  .md-t2-banc-eq--a .md-t2-banc-t { text-align: left; }
  .md-t2-banc-eq ol { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 10px; }
}
@media (min-width: 761px) {
  .md-t2-champ { aspect-ratio: 2.7 / 1; }
  .md-j--h-11 { top: 13%; }
  .md-j--a-11 { top: 87%; }
  .md-j--h-14 { top: 87%; }
  .md-j--a-14 { top: 13%; }
  .md-j--h-6 { top: 24%; }
  .md-j--a-6 { top: 76%; }
  .md-j--h-7 { top: 76%; }
  .md-j--a-7 { top: 24%; }
  .md-j--h-13 { top: 78%; }
  .md-j--a-13 { top: 22%; }
}
.md-t2-club--a { background: var(--sage); color: var(--teal); box-shadow: none; }
.md-t2-club--a .md-t2-logo img { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .9)); }
@media (max-width: 760px) {
  .md-j--h-11, .md-j--a-11 { top: 21%; }
  .md-j--h-14, .md-j--a-14 { top: 21%; }
  .md-j--h-13, .md-j--a-13 { left: 70%; top: 34%; }
}
.md-j-ev { flex-direction: column; align-items: center; gap: 2px; }
#sec-indiv .md-j-ev span.md-ev { white-space: nowrap; }
#sec-indiv .md-j-ev span.md-ev--rempl { order: -1; }
.md-t2 [class*="md-c-"] .md-j-maillot { box-shadow: none; }
.md-t2 .md-c-noir .md-j-maillot { background: #1a1a1a; }
.md-t2 .md-c-blanc .md-j-maillot { background: #f5f5f5; }
.md-t2 .md-c-gris .md-j-maillot { background: #8c8c8c; }
.md-t2 .md-c-rouge .md-j-maillot { background: #d52b1e; }
.md-t2 .md-c-bordeaux .md-j-maillot { background: #7a1f2b; }
.md-t2 .md-c-rose .md-j-maillot { background: #e0569b; }
.md-t2 .md-c-orange .md-j-maillot { background: #ef7d1a; }
.md-t2 .md-c-jaune .md-j-maillot { background: #f5c518; }
.md-t2 .md-c-or .md-j-maillot { background: #c9a227; }
.md-t2 .md-c-vert .md-j-maillot { background: #2e8b3e; }
.md-t2 .md-c-vertfonce .md-j-maillot { background: #1f5130; }
.md-t2 .md-c-ciel .md-j-maillot { background: #6cb4e4; }
.md-t2 .md-c-bleu .md-j-maillot { background: #1f5fbf; }
.md-t2 .md-c-marine .md-j-maillot { background: #13294b; }
.md-t2 .md-c-violet .md-j-maillot { background: #5b2a86; }
.md-t2 .md-c-marron .md-j-maillot { background: #6b4226; }
.md-t2 .md-n-noir .md-j-maillot { color: #1a1a1a; }
.md-t2 .md-n-blanc .md-j-maillot { color: #f5f5f5; }
.md-t2 .md-n-gris .md-j-maillot { color: #8c8c8c; }
.md-t2 .md-n-rouge .md-j-maillot { color: #d52b1e; }
.md-t2 .md-n-bordeaux .md-j-maillot { color: #7a1f2b; }
.md-t2 .md-n-rose .md-j-maillot { color: #e0569b; }
.md-t2 .md-n-orange .md-j-maillot { color: #ef7d1a; }
.md-t2 .md-n-jaune .md-j-maillot { color: #f5c518; }
.md-t2 .md-n-or .md-j-maillot { color: #c9a227; }
.md-t2 .md-n-vert .md-j-maillot { color: #2e8b3e; }
.md-t2 .md-n-vertfonce .md-j-maillot { color: #1f5130; }
.md-t2 .md-n-ciel .md-j-maillot { color: #6cb4e4; }
.md-t2 .md-n-bleu .md-j-maillot { color: #1f5fbf; }
.md-t2 .md-n-marine .md-j-maillot { color: #13294b; }
.md-t2 .md-n-violet .md-j-maillot { color: #5b2a86; }
.md-t2 .md-n-marron .md-j-maillot { color: #6b4226; }
.md-t2-champ { background: repeating-linear-gradient(to right, #C4D8BD 0, #C4D8BD 5%, #CADDC3 5%, #CADDC3 10%); }
.md-t2-l, .md-t2-eb--h, .md-t2-eb--a { border-color: rgba(255, 255, 255, .95); }
.md-t2-l--10h, .md-t2-l--10a { border-color: rgba(255, 255, 255, .8); }
.md-t2-eb { background: rgba(28, 61, 52, .06); }
.md-t2-pot, .md-t2-pot::before { border-color: #fff; }
.md-t2-banc { background: #B7CFAF; border-top-color: #fff; }
.md-t2-banc-eq--h { border-right-color: #fff; }
@media (max-width: 760px) {
  .md-t2-champ { background: repeating-linear-gradient(to bottom, #C4D8BD 0, #C4D8BD 5%, #CADDC3 5%, #CADDC3 10%); }
}
.md-j, .md-b { pointer-events: none; }
.md-j-nom a { pointer-events: auto; }
.md-j-nom a:hover, .md-j-nom a:focus-visible { text-decoration: underline; text-underline-offset: 2px; }
.md-t2-eq { pointer-events: none; }
.md-t2-pot, .md-t2-pot::before { border-color: rgba(28, 61, 52, .55); }
@media (min-width: 761px) {
  .md-j { width: 120px; margin-left: -60px; }
  .md-j--h-1 { left: 46%; top: 32%; }
  .md-j--a-1 { left: 54%; top: 68%; }
  .md-j--h-2 { left: 46%; top: 50%; }
  .md-j--a-2 { left: 54%; top: 50%; }
  .md-j--h-3 { left: 46%; top: 68%; }
  .md-j--a-3 { left: 54%; top: 32%; }
  .md-j--h-4 { left: 39%; top: 41%; }
  .md-j--a-4 { left: 61%; top: 59%; }
  .md-j--h-5 { left: 39%; top: 59%; }
  .md-j--a-5 { left: 61%; top: 41%; }
  .md-j--h-6 { left: 32%; top: 19%; }
  .md-j--a-6 { left: 68%; top: 81%; }
  .md-j--h-7 { left: 32%; top: 81%; }
  .md-j--a-7 { left: 68%; top: 19%; }
  .md-j--h-8 { left: 31%; top: 50%; }
  .md-j--a-8 { left: 69%; top: 50%; }
  .md-j--h-9 { left: 25%; top: 38%; }
  .md-j--a-9 { left: 75%; top: 62%; }
  .md-j--h-10 { left: 20%; top: 57%; }
  .md-j--a-10 { left: 80%; top: 43%; }
  .md-j--h-11 { left: 10%; top: 12%; }
  .md-j--a-11 { left: 90%; top: 88%; }
  .md-j--h-12 { left: 16%; top: 70%; }
  .md-j--a-12 { left: 84%; top: 30%; }
  .md-j--h-13 { left: 12%; top: 83%; }
  .md-j--a-13 { left: 88%; top: 17%; }
  .md-j--h-14 { left: 6%; top: 90%; }
  .md-j--a-14 { left: 94%; top: 10%; }
  .md-j--h-15 { left: 6%; top: 50%; }
  .md-j--a-15 { left: 94%; top: 50%; }
}
@media (min-width: 761px) {
  .md-j--h-15 { left: 13%; top: 50%; }
  .md-j--a-15 { left: 87%; top: 50%; }
}
.md-t2-pot { z-index: 1; }
.md-t2-touche, .md-t2-d, .md-t2-n, .md-t2-fond { display: none; }
@media (min-width: 761px) {
  .md-t2-l, .md-t2-eb { top: 4%; bottom: 4%; }
  .md-t2-pot { z-index: 1; }
  .md-t2-touche { display: block; position: absolute; left: 0; right: 0; top: 4%; bottom: 4%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; pointer-events: none; }
  .md-t2-d { display: block; position: absolute; left: 5%; right: 5%; height: 0; border-top: 2px dashed rgba(255, 255, 255, .55); pointer-events: none; }
  .md-t2-d--5h { top: 10.6%; }
  .md-t2-d--15h { top: 23.7%; }
  .md-t2-d--15b { top: 76.3%; }
  .md-t2-d--5b { top: 89.4%; }
  .md-t2-n { display: block; position: absolute; top: 6%; width: 40px; margin-left: -20px; text-align: center; font-size: 18px; font-weight: 800; letter-spacing: 1px; color: rgba(255, 255, 255, .85); pointer-events: none; }
  .md-t2-n--22h { left: calc(24.8% - 26px); }
  .md-t2-n--10h { left: calc(42% - 26px); }
  .md-t2-n--10a { left: calc(58% + 26px); }
  .md-t2-n--22a { left: calc(75.2% + 26px); }
  .md-t2-fond { display: block; position: absolute; top: 50%; width: 22%; aspect-ratio: 1; transform: translate(-50%, -50%); opacity: .13; mix-blend-mode: multiply; pointer-events: none; }
  .md-t2-fond--h { left: 27%; }
  .md-t2-fond--a { left: 73%; }
  .md-t2-fond picture { display: contents; }
  .md-t2-fond img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); }
}
.md-j::before { content: ""; position: absolute; top: 24px; left: 50%; width: 44px; height: 12px; margin-left: -22px; background: radial-gradient(closest-side, rgba(28, 61, 52, .28), rgba(28, 61, 52, 0)); z-index: -1; }
.md-j { z-index: 2; }
.md-j-maillot { position: relative; }
.md-j-nom { padding: 1px 5px; background: rgba(255, 255, 255, .55); }
@media (min-width: 761px) {
  .md-j--h-11 { top: 15%; }
  .md-j--a-11 { top: 85%; }
  .md-j--h-14 { top: 85%; }
  .md-j--a-14 { top: 15%; }
  .md-j--h-13 { top: 78%; }
  .md-j--a-13 { top: 22%; }
  .md-j--h-6 { top: 21%; }
  .md-j--a-6 { top: 79%; }
  .md-j--h-7 { top: 79%; }
  .md-j--a-7 { top: 21%; }
}
@media (max-width: 760px) {
  #md-vue-t:checked ~ .md-t2 ~ .lineups-grid { display: grid; }
  #md-vue-t:checked ~ .md-t2 ~ .lineups-grid .md-lu-liste { display: block; }
}
.md-j-ev .md-ev-qui { font-size: 10px; }
.md-j { z-index: auto; }
.md-j::before { z-index: 1; }
.md-j-maillot { z-index: 2; }
.md-j-nom, .md-j-ev { position: relative; z-index: 3; }
@media (min-width: 761px) {
  .md-j--h-12 { left: 17%; top: 67%; }
  .md-j--a-12 { left: 83%; top: 33%; }
  .md-j--h-13 { left: 12%; top: 81%; }
  .md-j--a-13 { left: 88%; top: 19%; }
}
@media (min-width: 761px) {
  .md-j--h-10 { left: 22%; top: 54%; }
  .md-j--a-10 { left: 78%; top: 46%; }
  .md-j--h-12 { left: 16%; top: 70%; }
  .md-j--a-12 { left: 84%; top: 30%; }
  .md-j--h-13 { left: 11%; top: 84%; }
  .md-j--a-13 { left: 89%; top: 16%; }
}
@media (min-width: 761px) {
  .md-j { width: 7.6%; margin-left: -3.8%; }
  .md-j-nom { font-size: 11px; }
  .md-j--h-1 { left: 46%; top: 30%; }
  .md-j--a-1 { left: 54%; top: 70%; }
  .md-j--h-2 { left: 46%; top: 50%; }
  .md-j--a-2 { left: 54%; top: 50%; }
  .md-j--h-3 { left: 46%; top: 70%; }
  .md-j--a-3 { left: 54%; top: 30%; }
  .md-j--h-4 { left: 38%; top: 40%; }
  .md-j--a-4 { left: 62%; top: 60%; }
  .md-j--h-5 { left: 38%; top: 60%; }
  .md-j--a-5 { left: 62%; top: 40%; }
  .md-j--h-6 { left: 30%; top: 15%; }
  .md-j--a-6 { left: 70%; top: 85%; }
  .md-j--h-7 { left: 30%; top: 85%; }
  .md-j--a-7 { left: 70%; top: 15%; }
  .md-j--h-8 { left: 30%; top: 50%; }
  .md-j--a-8 { left: 70%; top: 50%; }
  .md-j--h-9 { left: 22%; top: 32%; }
  .md-j--a-9 { left: 78%; top: 68%; }
  .md-j--h-10 { left: 22%; top: 68%; }
  .md-j--a-10 { left: 78%; top: 32%; }
  .md-j--h-11 { left: 14%; top: 9%; }
  .md-j--a-11 { left: 86%; top: 91%; }
  .md-j--h-12 { left: 14%; top: 32%; }
  .md-j--a-12 { left: 86%; top: 68%; }
  .md-j--h-13 { left: 14%; top: 68%; }
  .md-j--a-13 { left: 86%; top: 32%; }
  .md-j--h-14 { left: 14%; top: 91%; }
  .md-j--a-14 { left: 86%; top: 9%; }
  .md-j--h-15 { left: 8%; top: 50%; }
  .md-j--a-15 { left: 92%; top: 50%; }
  .md-t2-pot--h { top: 22%; }
  .md-t2-pot--a { top: 78%; }
}
@media (min-width: 761px) {
  .md-t2-pot--h, .md-t2-pot--a { top: 50%; }
  .md-j--h-15 { left: 11%; top: 50%; }
  .md-j--a-15 { left: 89%; top: 50%; }
}
@media (min-width: 761px) {
  .md-j--h-1 { left: 46%; top: 34%; }
  .md-j--a-1 { left: 54%; top: 66%; }
  .md-j--h-2 { left: 46%; top: 50%; }
  .md-j--a-2 { left: 54%; top: 50%; }
  .md-j--h-3 { left: 46%; top: 66%; }
  .md-j--a-3 { left: 54%; top: 34%; }
  .md-j--h-4 { left: 38%; top: 42%; }
  .md-j--a-4 { left: 62%; top: 58%; }
  .md-j--h-5 { left: 38%; top: 58%; }
  .md-j--a-5 { left: 62%; top: 42%; }
  .md-j--h-6 { left: 30%; top: 22%; }
  .md-j--a-6 { left: 70%; top: 78%; }
  .md-j--h-7 { left: 30%; top: 78%; }
  .md-j--a-7 { left: 70%; top: 22%; }
  .md-j--h-8 { left: 30%; top: 50%; }
  .md-j--a-8 { left: 70%; top: 50%; }
  .md-j--h-9 { left: 22%; top: 62%; }
  .md-j--a-9 { left: 78%; top: 38%; }
  .md-j--h-10 { left: 18%; top: 46%; }
  .md-j--a-10 { left: 82%; top: 54%; }
  .md-j--h-11 { left: 13%; top: 90%; }
  .md-j--a-11 { left: 87%; top: 10%; }
  .md-j--h-12 { left: 14%; top: 30%; }
  .md-j--a-12 { left: 86%; top: 70%; }
  .md-j--h-13 { left: 10%; top: 14%; }
  .md-j--a-13 { left: 90%; top: 86%; }
  .md-j--h-14 { left: 22%; top: 8%; }
  .md-j--a-14 { left: 78%; top: 92%; }
  .md-j--h-15 { left: 7%; top: 72%; }
  .md-j--a-15 { left: 93%; top: 28%; }
}
@media (min-width: 761px) {
  .md-j--h-1 { left: 47%; top: 32%; }
  .md-j--a-1 { left: 53%; top: 68%; }
  .md-j--h-2 { left: 47%; top: 50%; }
  .md-j--a-2 { left: 53%; top: 50%; }
  .md-j--h-3 { left: 47%; top: 68%; }
  .md-j--a-3 { left: 53%; top: 32%; }
  .md-j--h-4 { left: 39%; top: 41%; }
  .md-j--a-4 { left: 61%; top: 59%; }
  .md-j--h-5 { left: 39%; top: 59%; }
  .md-j--a-5 { left: 61%; top: 41%; }
  .md-j--h-6 { left: 31%; top: 20%; }
  .md-j--a-6 { left: 69%; top: 80%; }
  .md-j--h-7 { left: 31%; top: 45%; }
  .md-j--a-7 { left: 69%; top: 55%; }
  .md-j--h-8 { left: 31%; top: 70%; }
  .md-j--a-8 { left: 69%; top: 30%; }
  .md-j--h-9 { left: 23%; top: 40%; }
  .md-j--a-9 { left: 77%; top: 60%; }
  .md-j--h-10 { left: 19%; top: 56%; }
  .md-j--a-10 { left: 81%; top: 44%; }
  .md-j--h-11 { left: 17%; top: 9%; }
  .md-j--a-11 { left: 83%; top: 91%; }
  .md-j--h-12 { left: 15%; top: 70%; }
  .md-j--a-12 { left: 85%; top: 30%; }
  .md-j--h-13 { left: 11%; top: 84%; }
  .md-j--a-13 { left: 89%; top: 16%; }
  .md-j--h-14 { left: 19%; top: 93%; }
  .md-j--a-14 { left: 81%; top: 7%; }
  .md-j--h-15 { left: 10%; top: 52%; }
  .md-j--a-15 { left: 90%; top: 48%; }
}
@media (min-width: 761px) {
  .md-j--h-1 { left: 46%; top: 32%; }
  .md-j--a-1 { left: 54%; top: 68%; }
  .md-j--h-2 { left: 46%; top: 50%; }
  .md-j--a-2 { left: 54%; top: 50%; }
  .md-j--h-3 { left: 46%; top: 68%; }
  .md-j--a-3 { left: 54%; top: 32%; }
  .md-j--h-4 { left: 38%; top: 41%; }
  .md-j--a-4 { left: 62%; top: 59%; }
  .md-j--h-5 { left: 38%; top: 59%; }
  .md-j--a-5 { left: 62%; top: 41%; }
  .md-j--h-6 { left: 30%; top: 20%; }
  .md-j--a-6 { left: 70%; top: 80%; }
  .md-j--h-7 { left: 30%; top: 45%; }
  .md-j--a-7 { left: 70%; top: 55%; }
  .md-j--h-8 { left: 30%; top: 70%; }
  .md-j--a-8 { left: 70%; top: 30%; }
  .md-j--h-9 { left: 22%; top: 40%; }
  .md-j--a-9 { left: 78%; top: 60%; }
  .md-j--h-10 { left: 18%; top: 56%; }
  .md-j--a-10 { left: 82%; top: 44%; }
  .md-j--h-11 { left: 16%; top: 9%; }
  .md-j--a-11 { left: 84%; top: 91%; }
  .md-j--h-12 { left: 14%; top: 70%; }
  .md-j--a-12 { left: 86%; top: 30%; }
  .md-j--h-13 { left: 10%; top: 84%; }
  .md-j--a-13 { left: 90%; top: 16%; }
  .md-j--h-14 { left: 18%; top: 93%; }
  .md-j--a-14 { left: 82%; top: 7%; }
  .md-j--h-15 { left: 11%; top: 52%; }
  .md-j--a-15 { left: 89%; top: 48%; }
}
@media (min-width: 761px) {
  .md-t2-pot { height: 26px; margin-top: -13px; }
  .md-j--h-1 { left: 46%; top: 22%; }
  .md-j--a-1 { left: 54%; top: 78%; }
  .md-j--h-2 { left: 46%; top: 46%; }
  .md-j--a-2 { left: 54%; top: 54%; }
  .md-j--h-3 { left: 46%; top: 70%; }
  .md-j--a-3 { left: 54%; top: 30%; }
  .md-j--h-4 { left: 38%; top: 34%; }
  .md-j--a-4 { left: 62%; top: 66%; }
  .md-j--h-5 { left: 38%; top: 58%; }
  .md-j--a-5 { left: 62%; top: 42%; }
  .md-j--h-6 { left: 30%; top: 24%; }
  .md-j--a-6 { left: 70%; top: 76%; }
  .md-j--h-7 { left: 30%; top: 68%; }
  .md-j--a-7 { left: 70%; top: 32%; }
  .md-j--h-8 { left: 30%; top: 46%; }
  .md-j--a-8 { left: 70%; top: 54%; }
  .md-j--h-9 { left: 22%; top: 40%; }
  .md-j--a-9 { left: 78%; top: 60%; }
  .md-j--h-10 { left: 18%; top: 56%; }
  .md-j--a-10 { left: 82%; top: 44%; }
  .md-j--h-11 { left: 12%; top: 9%; }
  .md-j--a-11 { left: 88%; top: 91%; }
  .md-j--h-12 { left: 12%; top: 33%; }
  .md-j--a-12 { left: 88%; top: 67%; }
  .md-j--h-13 { left: 12%; top: 62%; }
  .md-j--a-13 { left: 88%; top: 38%; }
  .md-j--h-14 { left: 12%; top: 88%; }
  .md-j--a-14 { left: 88%; top: 12%; }
  .md-j--h-15 { left: 6%; top: 40%; }
  .md-j--a-15 { left: 94%; top: 60%; }
}
.md-t2-tete { position: relative; }
.md-t2-chrono { position: absolute; top: 50%; left: 50%; padding: 3px 12px; background: var(--vanilla); color: var(--teal); font-size: 18px; font-weight: 900; transform: translate(-50%, -50%); }
.md-t2-chrono:empty { display: none; }
.md-t2-temps { display: flex; align-items: center; gap: 14px; padding: 10px 16px; background: var(--teal); color: var(--vanilla); }
.md-t2-lecture { display: grid; place-items: center; flex: none; width: 34px; height: 34px; padding: 0; border: 0; background: var(--vanilla); cursor: pointer; }
.md-t2-lecture:focus-visible, .md-t2-curseur:focus-visible { outline: 2px solid var(--sage); outline-offset: 2px; }
.md-t2-lecture-ico { width: 0; height: 0; margin-left: 3px; border-left: 11px solid var(--teal); border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.md-t2-lecture.is-lecture .md-t2-lecture-ico { width: 11px; height: 13px; margin-left: 0; border: 0; border-left: 4px solid var(--teal); border-right: 4px solid var(--teal); }
.md-t2-curseur { flex: 1; min-width: 0; accent-color: var(--sage); cursor: pointer; }
.md-t2-minute { flex: none; min-width: 34px; font-size: 15px; font-weight: 800; text-align: right; }
.md-j.is-sorti, .md-j.is-exclu { opacity: .3; }
.md-j.is-rempl .md-j-maillot { outline: 2px solid var(--vanilla); outline-offset: 1px; }
.md-j.is-exclu { opacity: 1; }
.md-j.is-exclu .md-j-maillot, .md-j.is-exclu .md-j-nom { opacity: .3; }
.md-j[class*="is-carton--"] { z-index: 6; }
.md-j[class*="is-carton--"]::after { content: ""; position: absolute; top: -6px; left: 50%; width: 10px; height: 14px; margin-left: 12px; box-shadow: 0 0 0 1px var(--white); transform: rotate(12deg); }
.md-j.is-carton--y::after { background: #E5B300; }
.md-j.is-carton--o::after { background: #ef7d1a; }
.md-j.is-carton--r::after { background: #c62828; }
.md-t2-a14 { display: block; font-size: 11px; font-weight: 700; text-align: center; }
.md-j.is-exclu { visibility: hidden; }
.md-t2-chrono .md-t2-a14 { margin-top: 2px; color: #8a6a00; }
.md-j.is-exclu { visibility: visible; }
.md-j.is-exclu .md-j-maillot, .md-j.is-exclu .md-j-nom { opacity: .6; }
.md-j.is-carton--y .md-j-maillot { background: #E5B300; color: #1a1a1a; }
.md-j.is-carton--o .md-j-maillot { background: #ef7d1a; color: #1a1a1a; }
.md-j.is-carton--r .md-j-maillot { background: #c62828; color: #fff; }
.md-j[class*="is-carton--"]::after { content: none; }
.md-t2 .md-t2-eq .md-j.is-carton--y .md-j-maillot, .md-t2 .md-t2-eq .md-j.is-carton--o .md-j-maillot { background: #E5B300; color: #1a1a1a; }
.md-t2 .md-t2-eq .md-j.is-carton--o .md-j-maillot { background: #ef7d1a; }
.md-t2 .md-t2-eq .md-j.is-carton--r .md-j-maillot { background: #c62828; color: #fff; }
.md-t2 .md-t2-eq .md-j[class*="is-carton--"] .md-j-maillot span { color: inherit; }
.md-t2-chrono { top: 0; bottom: 0; display: flex; align-items: center; gap: 12px; padding: 0 16px; background: #142E27; color: var(--vanilla); font-size: 22px; line-height: 1; transform: translateX(-50%); box-shadow: 0 0 0 2px var(--vanilla); z-index: 3; }
.md-t2-chrono-min { padding: 3px 6px; background: var(--sage); color: var(--teal); font-size: 13px; font-weight: 800; }
.md-t2-chrono-sc { display: flex; align-items: center; gap: 8px; font-weight: 900; font-variant-numeric: tabular-nums; }
.md-t2-chrono-sep { color: rgba(242, 229, 210, .45); font-weight: 700; }
.md-t2-chrono .md-t2-a14 { position: absolute; top: 100%; left: 50%; margin-top: 2px; padding: 3px 8px; background: #E5B300; color: #1a1a1a; font-size: 11px; font-weight: 700; white-space: nowrap; transform: translateX(-50%); }
.md-t2-bandeau { position: absolute; left: 50%; bottom: 14px; z-index: 8; display: flex; flex-direction: column; gap: 2px; min-width: 280px; max-width: 70%; padding: 8px 16px; background: #142E27; color: var(--vanilla); font-size: 14px; font-weight: 600; text-align: center; transform: translateX(-50%); box-shadow: 0 6px 18px rgba(20, 46, 39, .35); pointer-events: none; }
.md-t2-bandeau[hidden] { display: none; }
.md-t2-bandeau b { margin-right: 6px; color: var(--sage); font-weight: 800; }
.md-t2-bandeau span { margin-left: 4px; color: rgba(242, 229, 210, .6); font-size: 12px; }
.md-t2-bandeau { top: 0; bottom: auto; box-shadow: 0 6px 14px rgba(20, 46, 39, .25); }
.md-t2-bandeau.is-sous-a14 { top: 24px; }