.jf{--ressort: cubic-bezier(.34, 1.32, .52, 1);--or: #ebc47a;--or-vif: #ffc52b}.jf-grille{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.jf-colle{position:sticky;top:96px;scroll-margin-top:80px;display:flex;flex-direction:column;align-items:center}@media (max-width: 860px){.jf-grille{grid-template-columns:minmax(0,1fr)}.jf-colle{order:-1;position:static}}.jf-frise{list-style:none;margin:0;padding:0;position:relative}.jf-frise:before{content:"";position:absolute;left:58px;top:6px;bottom:6px;width:2px;background:#e6e8ee}.jf-moment{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:0 0 22px}.jf-heure{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.875rem;font-weight:500;padding-top:16px;text-align:right;color:#5b6475;font-variant-numeric:tabular-nums}.jf-bloc{position:relative;background:#fff;border:1px solid #e0e3ea;border-radius:18px;padding:16px 18px;transition:border-color .2s,box-shadow .2s}.jf-bloc:before{content:"";position:absolute;left:-17px;top:20px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #b9bfcc}.jf-moment.actif .jf-bloc{border-color:#8a5a1c;box-shadow:0 0 0 1px #8a5a1c}.jf-moment.actif .jf-bloc:before{background:var(--or);border-color:var(--or)}@media (max-width: 480px){.jf-frise:before{left:50px}.jf-moment{grid-template-columns:40px minmax(0,1fr);gap:18px}.jf-bloc:before{left:-15px}.jf-bloc{padding:14px}}.jf-menu{font-size:.8rem;font-weight:700;color:#8a5a1c;text-transform:uppercase;letter-spacing:.06em}.jf-bloc h3{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:4px 0 6px}.jf-bloc p{color:#5b6475;line-height:1.55}.jf-voir{margin-top:12px;border:1px solid #cfd4de;background:#f6f7f9;border-radius:999px;padding:8px 16px;font-weight:700;font-size:.875rem;min-height:2.75rem;display:inline-flex;align-items:center;gap:8px;color:#0b1220}.jf-voir:hover{border-color:#0b1220}.jf-moment.actif .jf-voir{background:#0b1220;border-color:#0b1220;color:#fff}.jf-mini{margin-top:12px;border:1px solid #e6e8ee;border-radius:12px;background:#f6f7f9;padding:10px 12px;font-size:.875rem}.jf-mini .r{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid #e6e8ee}.jf-mini .r:first-child{border-top:0}.jf-mini .r span{color:#5b6475}.jf-mini .r b{text-align:right;font-variant-numeric:tabular-nums}.jf-etapes{display:flex;gap:4px;margin-top:8px}.jf-etapes i{flex:1;height:5px;border-radius:3px;background:#e0e3ea}.jf-etapes i.f{background:var(--or)}.jf-conf{display:inline-flex;gap:2px;margin-left:6px;vertical-align:middle}.jf-conf i{width:12px;height:5px;border-radius:2px;background:#8a5a1c}.jf-conf i.vide{background:#e0e3ea}.jf-segment{display:inline-flex;background:#eef0f4;border-radius:999px;padding:4px;gap:4px;margin-top:18px}.jf-segment button{border:0;background:transparent;border-radius:999px;padding:8px 16px;font-weight:700;font-size:.875rem;min-height:2.75rem;display:inline-flex;align-items:center;gap:8px;color:#3b4457}.jf-segment button[aria-pressed=true]{background:#0b1220;color:#fff}.jf-segment svg{width:14px;height:18px}.jf-lecture{display:flex;gap:8px;margin-top:10px;justify-content:center}.jf-lecture button{border:1px solid #cfd4de;background:#fff;border-radius:999px;padding:6px 14px;font-weight:700;font-size:.875rem;min-height:2.75rem;color:#0b1220}.jf-legende{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f6f7f9;border:1px solid #e6e8ee;max-width:300px;font-size:.875rem;color:#5b6475;line-height:1.5}.jf-legende b{color:#0b1220}.jf .tel{position:relative;width:272px;height:566px;max-width:100%;border-radius:48px;padding:10px;background:linear-gradient(145deg,#2b3a42,#0b1419);box-shadow:0 0 0 1.5px #3c4d57 inset,0 30px 60px -25px #0000008c;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.8rem;line-height:1.35}.jf .tel[data-os=android]{border-radius:34px;background:linear-gradient(145deg,#26323a,#10181d)}.jf .tel:before,.jf .tel:after{content:"";position:absolute;width:3px;background:#3c4d57;border-radius:2px;right:-2px}.jf .tel:before{top:120px;height:56px}.jf .tel:after{top:190px;height:34px}.jf .ecran{position:relative;height:100%;border-radius:38px;overflow:hidden;color:#fff;background:radial-gradient(120% 70% at 20% 0%,#1c5a66 0%,transparent 60%),radial-gradient(100% 60% at 100% 100%,#3a2e10 0%,transparent 55%),linear-gradient(170deg,#0e2a35,#071117 70%)}.jf .tel[data-os=android] .ecran{border-radius:26px;background:radial-gradient(110% 60% at 80% 0%,#20444f 0%,transparent 60%),linear-gradient(190deg,#14262e,#06090c 75%)}.jf .ecran:after{content:"";position:absolute;left:50%;bottom:7px;width:96px;height:4px;border-radius:3px;background:#ffffffbf;transform:translate(-50%)}.jf .chiffre-t{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.jf .barre-etat{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-weight:600;z-index:4;transition:opacity .2s}.jf .tel[data-os=android] .barre-etat{height:30px;padding:0 16px;font-size:1em}.jf .tel[data-os=ios]:not([data-ile=b]) .barre-etat{opacity:0}.jf .icones{display:flex;gap:5px;align-items:center}.jf .reseau{display:flex;gap:1.5px;align-items:flex-end;height:10px}.jf .reseau i{width:3px;background:#fff;border-radius:1px}.jf .reseau i:nth-child(1){height:4px}.jf .reseau i:nth-child(2){height:6px}.jf .reseau i:nth-child(3){height:8px}.jf .reseau i:nth-child(4){height:10px}.jf .batterie{width:22px;height:11px;border:1.5px solid rgba(255,255,255,.8);border-radius:3px;padding:1px}.jf .batterie:before{content:"";display:block;height:100%;width:72%;background:#fff;border-radius:1px}.jf .camera{position:absolute;top:10px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#000;box-shadow:0 0 0 1.5px #1a2329;z-index:7}.jf .horloge{position:absolute;left:0;right:0;top:52px;text-align:center}.jf .horloge .date{font-size:1.1667em;font-weight:600;opacity:.9}.jf .horloge .h{font-size:5.6667em;font-weight:600;line-height:1;letter-spacing:-.03em}.jf .tel[data-os=android] .horloge{text-align:left;left:22px;top:44px}.jf .tel[data-os=android] .horloge .h{font-size:4.8333em;line-height:.92;font-weight:500}.jf .tel[data-os=android] .horloge .h span{display:block}.jf .tel[data-os=android] .horloge .date{margin-top:8px;font-size:1em}.jf .notifs{position:absolute;left:10px;right:10px;top:200px;display:flex;flex-direction:column;gap:8px}.jf .carte{border-radius:20px;padding:11px 12px;background:#ffffff24;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 .5px #ffffff1f inset}.jf .tel[data-os=android] .carte{border-radius:22px;background:#162229f0}.jf .carte-tete{display:flex;align-items:center;gap:6px;font-size:1em;opacity:.85;margin-bottom:4px}.jf .app{width:16px;height:16px;border-radius:5px;background:#0b1220;display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff2e;flex:none}.jf .app svg{width:10px;height:8px}.jf .quand{margin-left:auto}.jf .carte .t{font-weight:700;font-size:1.0833em}.jf .epingle{font-size:1em;font-weight:700;letter-spacing:.04em;color:#071117;background:#43dfa5;border-radius:6px;padding:1px 6px;white-space:nowrap}.jf .arrive{transition:opacity .4s,transform .45s var(--ressort)}.jf .tel:not([data-p="3"]) .arrive{opacity:0;transform:translateY(-14px)}.jf .tel .ap{display:none}.jf .tel[data-p="2"] .ap,.jf .tel[data-p="3"] .ap{display:inline}.jf .tel[data-p="2"] .av,.jf .tel[data-p="3"] .av{display:none}.jf .ec{display:inline-block;width:14px;height:16px;clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);flex:none;vertical-align:middle}.jf .ec.g{width:26px;height:30px}.jf .ec-rives{background:linear-gradient(90deg,#18d4ce 50%,#0d3b4a 50%)}.jf .ec-port{background:linear-gradient(180deg,#f17b83 0,#f17b83 40%,#fff 40%,#fff 60%,#f17b83 60%)}.jf .ec-valmont{background:linear-gradient(135deg,#ffc52b 50%,#5a4300 50%)}.jf .ec-lenvaux{background:linear-gradient(180deg,#43dfa5 50%,#0b3a2a 50%)}.jf .ile{position:absolute;top:10px;left:50%;transform:translate(-50%);width:84px;height:26px;border-radius:14px;background:#000;overflow:hidden;z-index:6;transition:width .55s var(--ressort),height .55s var(--ressort),border-radius .5s,top .5s}.jf .tel[data-ile=c] .ile{width:186px}.jf .tel[data-ile=e] .ile{width:calc(100% - 12px);height:178px;border-radius:40px;top:6px}.jf .ile-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 11px;font-weight:700;opacity:0;transition:opacity .2s}.jf .ile-c>span{display:inline-flex;align-items:center;gap:6px}.jf .tel[data-ile=c] .ile-c{opacity:1;transition-delay:.25s}.jf .ile-e{position:absolute;top:0;right:0;bottom:0;left:0;padding:14px 16px 12px;opacity:0;transition:opacity .15s}.jf .tel[data-ile=e] .ile-e{opacity:1;transition-delay:.28s}.jf .pt-live{width:7px;height:7px;border-radius:50%;background:#f17b83;animation:jf-clignote 1.4s infinite}@keyframes jf-clignote{50%{opacity:.25}}.jf .puce{display:inline-flex;align-items:center;gap:5px;background:#43dfa5;color:#071117;font-weight:700;border-radius:999px;padding:2px 8px;margin-left:6px}.jf .etat-g{display:flex;align-items:center}.jf .hu{position:absolute;top:34px;left:8px;right:8px;border-radius:22px;background:#17252d;box-shadow:0 12px 30px #00000080,0 0 0 1px #ffffff14 inset;padding:11px 13px 13px;z-index:6;transform:translateY(-150%);transition:transform .5s var(--ressort)}.jf .tel[data-hu="1"] .hu{transform:none}.jf .ph1,.jf .ph2{display:none}.jf .tel[data-p="1"] .ph1,.jf .tel[data-p="2"] .ph2{display:block}.jf .scene-but{position:relative;height:100px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#0b2430,#0d3a2c 62%,#13502f 62%,#0f4427)}.jf .hu .scene-but{height:96px}.jf .scene-but .ligne{position:absolute;left:0;right:0;top:62%;height:1px;background:#ffffff59}.jf .but-cage{position:absolute;right:10px;bottom:30%;width:58px;height:44px}.jf .but-cage svg{width:100%;height:100%;overflow:visible}.jf .filet{transform-origin:0 50%;transform-box:fill-box}.jf .balle-x{position:absolute;left:8%;bottom:30%;width:13px;height:13px}.jf .balle-y{width:100%;height:100%}.jf .balle{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1b2a33 0 22%,transparent 23%),radial-gradient(circle at 35% 30%,#fff 0,#fff 55%,#cfd8dc);box-shadow:0 2px 4px #0006}.jf .mot-but{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:3.1667em;font-weight:800;letter-spacing:.02em;color:var(--or-vif);text-shadow:0 2px 0 #5a4300,0 0 24px rgba(255,197,43,.6);opacity:0;transform:scale(.3);white-space:nowrap}.jf .eclair{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 75% 45%,rgba(255,240,190,.75),transparent 60%);opacity:0}.jf .feux{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.jf .feux i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c);opacity:0}.jf .tel[data-p="1"] .balle-x{animation:jf-balleX .95s .4s linear forwards}.jf .tel[data-p="1"] .balle-y{animation:jf-balleY .95s .4s cubic-bezier(.3,.6,.6,1) forwards}.jf .tel[data-p="1"] .balle{animation:jf-tourne .95s .4s linear forwards}.jf .tel[data-p="1"] .filet{animation:jf-filet .7s 1.3s ease-out}.jf .tel[data-p="1"] .eclair{animation:jf-eclair .7s 1.3s ease-out}.jf .tel[data-p="1"] .mot-but{animation:jf-motBut .6s 1.35s var(--ressort) forwards}.jf .tel[data-p="1"] .feux i{animation:jf-feu 1s var(--d) ease-out forwards}@keyframes jf-balleX{to{left:calc(100% - 46px)}}@keyframes jf-balleY{0%{transform:translateY(0)}45%{transform:translateY(-38px)}to{transform:translateY(-12px)}}@keyframes jf-tourne{to{transform:rotate(540deg)}}@keyframes jf-filet{0%{transform:scaleX(1)}35%{transform:scaleX(1.35) skewY(-4deg)}70%{transform:scaleX(.92)}to{transform:scaleX(1)}}@keyframes jf-eclair{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes jf-motBut{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes jf-feu{0%{opacity:1;transform:translate(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}.jf .res-haut{display:flex;align-items:center;gap:10px}.jf .res-titre{font-size:1.4167em;font-weight:700;line-height:1.15}.jf .res-sous{opacity:.82;margin-top:2px}.jf .res-sous em{font-style:normal;color:var(--or-vif);font-weight:700}.jf .res-score{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-weight:600}.jf .res-score b{font-size:2.1667em;font-weight:700;line-height:1;white-space:nowrap}.jf .nouveau{display:inline-block;color:var(--or-vif)}.jf .tel[data-p="2"] .nouveau{animation:jf-bascule .55s .15s var(--ressort) backwards}@keyframes jf-bascule{0%{transform:translateY(-70%) rotateX(80deg);opacity:0}}.jf .res-score .eq{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:1em}.jf .la-score{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.jf .la-eq{display:flex;flex-direction:column;align-items:center;gap:4px;width:70px;font-size:1em;font-weight:600}.jf .la-score b{font-size:2.6667em;font-weight:700;line-height:1;white-space:nowrap}.jf .la-temps{height:4px;background:#fff3;border-radius:3px;margin-top:9px;overflow:hidden}.jf .la-temps i{display:block;height:100%;background:#43dfa5;border-radius:3px;width:70%;transition:width .6s}.jf .tel[data-p="2"] .la-temps i,.jf .tel[data-p="3"] .la-temps i{width:71%}.jf .la-pied{display:flex;justify-content:space-between;font-size:1em;opacity:.8;margin-top:6px}.jf .ag{display:flex;gap:12px;align-items:center}.jf .anneau{width:62px;height:62px;flex:none;position:relative}.jf .anneau svg{width:100%;height:100%;transform:rotate(-90deg)}.jf .anneau .fond{stroke:#ffffff29}.jf .anneau .val{stroke:var(--or-vif);transition:stroke-dashoffset .9s linear}.jf .anneau span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.0833em;font-weight:700}.jf .ag-t{font-size:1.25em;font-weight:700;line-height:1.2}.jf .ag-s{opacity:.82;margin-top:3px;display:flex;align-items:center;gap:6px}.jf .boutons-n{display:flex;gap:8px;margin-top:10px}.jf .boutons-n span{flex:1;text-align:center;font-weight:700;border-radius:999px;padding:6px;background:#ffffff24;line-height:1.2}.jf .boutons-n span.or{background:var(--or-vif);color:#071117}.jf .tel[data-p="1"] .ag{animation:jf-monte .5s .3s var(--ressort) backwards}@keyframes jf-monte{0%{opacity:0;transform:translateY(10px)}}.jf .radar-sc{display:flex;gap:14px;align-items:center}.jf .radar{width:84px;height:84px;border-radius:50%;position:relative;flex:none;background:radial-gradient(circle,transparent 0 31%,rgba(24,212,206,.35) 32% 33%,transparent 34% 63%,rgba(24,212,206,.35) 64% 65%,transparent 66%),#06242a;box-shadow:0 0 0 1px #18d4ce80}.jf .radar .balai{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(24,212,206,.55),transparent 28%);animation:jf-balai 1.6s linear infinite}.jf .radar .point{position:absolute;left:62%;top:28%;width:9px;height:9px;border-radius:50%;background:var(--or-vif);opacity:0}.jf .tel[data-p="1"] .radar .point{animation:jf-point 1.4s 1.1s ease-out forwards}@keyframes jf-balai{to{transform:rotate(360deg)}}@keyframes jf-point{0%{opacity:1;box-shadow:0 0 #ffc52bcc}60%{box-shadow:0 0 0 14px #ffc52b00}to{opacity:1;box-shadow:0 0 #ffc52b00}}.jf .l1{opacity:.8}.jf .l2{font-size:1.3333em;font-weight:700;line-height:1.2;margin-top:2px}.jf .tel[data-p="1"] .radar-sc .l2{animation:jf-monte .4s 1.4s var(--ressort) backwards}.jf .corresp{display:flex;align-items:center;gap:6px;margin-top:4px;font-weight:600}.jf .corresp i{width:18px;height:5px;border-radius:2px;background:#18d4ce}.jf .ct{display:flex;gap:14px;align-items:center}.jf .compteur{height:58px;overflow:hidden;font-size:4.5em;font-weight:700;line-height:58px;color:var(--or-vif);border-bottom:3px solid var(--or-vif);min-width:40px;text-align:center}.jf .tel[data-p="1"] .compteur div{animation:jf-decompte .6s 1s var(--ressort) forwards}.jf .tel[data-p="2"] .compteur div{transform:translateY(-58px)}@keyframes jf-decompte{to{transform:translateY(-58px)}}.jf .ct .l2{font-size:1em;font-weight:400;opacity:.82;margin-top:3px}.jf .ct .l1{font-size:1.3333em;font-weight:700;line-height:1.2;opacity:1}@media (prefers-reduced-motion: reduce){.jf *,.jf *:before,.jf *:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.jf .balle-x,.jf .feux,.jf .eclair{display:none}.jf .tel[data-p="1"] .compteur div{transform:translateY(-58px)}.jf .tel[data-p="1"] .radar .point{opacity:1}}.jf .tel[data-pause="1"] *,.jf .tel[data-pause="1"] *:before{animation-play-state:paused!important}