*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-width:768px;overflow-x:hidden;scroll-behavior:smooth}#video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#101010;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:1;transition:opacity 0.5s ease-out}#video-overlay.hidden{opacity:0;pointer-events:none}#introVideo{width:100%;height:100%;object-fit:cover}body.video-active{overflow:hidden}#skip-intro-btn{position:absolute;bottom:40px;right:40px;z-index:100000;padding:12px 24px;border:2px solid #EDD60A;background:transparent;color:#EDD60A;font-family:"Arcane";cursor:pointer;border-radius:25px;font-size:1em;transition:0.3s;background-color:rgba(0,0,0,0.3)}#skip-intro-btn:hover{background:rgba(255,255,255,0.197);color:#EDD60A}@font-face{font-family:"Arcane";src:url("Polices/arcane_nine/Arcane\ Nine.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Evil";src:url("Polices/evil_empire/Evil\ Empire.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"Urban";src:url("Polices/urban_shadow_sans_serif/Urban\ Shadow\ Sans\ Serif.otf") format("opentype");font-weight:normal;font-style:normal}body{background-color:#0f0f0f;min-height:100vh;transition:background-color 0.5s ease-in-out}h1{font-family:"Evil";color:white;font-size:7em;position:relative;display:inline-block;margin:0;margin-bottom:-15px}h2{font-family:"Evil";color:white;font-size:3em;position:relative;display:inline-block;margin:0;margin-bottom:-15px}h2 .highlight{font-family:"Urban";color:#EDD60A;letter-spacing:3.5px;font-size:1.3em;margin-left:20px;position:relative}p{font-family:"Archivo Narrow";color:white;font-size:1.5em;margin:0;margin-bottom:20px}button{padding:12px 24px;border:2px solid white;background:transparent;color:white;font-family:"Arcane";cursor:pointer;border-radius:25px;font-size:1em;transition:0.3s}button:hover{background:white;color:black}.side-header{position:fixed;top:50%;right:30px;transform:translateY(-50%) translateX(190%);display:flex;flex-direction:column;align-items:center;gap:35px;transition:transform 0.6s ease;z-index:1000;background:none;border:none}.side-header.visible{transform:translateY(-50%) translateX(-50%)}.side-header ul{list-style:none;display:flex;flex-direction:column;align-items:center;gap:20px;margin:0;padding:0;position:relative;--header-bg-bar-color:#333;--header-progress-bar-color:#9C8C00;--header-pill-inactive-color:#555;--header-pill-active-color:#EDD60A}.side-header ul::before{content:'';position:absolute;width:20px;height:100%;background-color:var(--header-bg-bar-color);border-radius:4px;left:50%;transform:translateX(-50%);z-index:1;transition:background-color 0.4s ease}.side-header ul::after{content:'';position:absolute;width:20px;height:var(--scroll-progress,0%);background-color:var(--header-progress-bar-color);border-radius:4px;left:50%;top:0;transform:translateX(-50%);z-index:2;transition:height 0.4s ease,background-color 0.4s ease}.side-header ul li a{display:block;width:34px;height:20px;border-radius:15px;background-color:var(--header-pill-inactive-color);position:relative;z-index:3;text-indent:-9999px;overflow:hidden;font-size:1px;line-height:0;color:transparent;font-family:"Archivo Narrow";text-decoration:none;letter-spacing:0;transition:background-color 0.4s ease}.side-header ul li a:hover,.side-header ul li a.active,.side-header ul li a.is-past{background-color:var(--header-pill-active-color)}.scroll-up{position:fixed;bottom:30px;right:80px;color:white;font-size:3.5rem;text-decoration:none;transition:color 0.3s,transform 0.3s;z-index:1001}.scroll-up:hover{color:#EDD60A;transform:translateY(-5px)}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}h1 .mercato{letter-spacing:3px;display:inline-block;margin-right:-20px;position:relative}h1 .mercato .img-left{position:absolute;top:-133px;left:-38px}h1 .mercato .img-left img{width:130px}h1 .mercato .img-central{position:absolute;top:-155px;left:200px}h1 .mercato .img-central img{width:120px}h1 .viz{font-family:"Urban";color:#EDD60A;letter-spacing:3.5px;font-size:1.3em;position:relative}h1 .viz .img-right{position:absolute;top:-120px;left:-18px}h1 .viz .img-right img{width:230px}#main-title,#main-subtitle,#main-button{opacity:0}.contexte{margin-top:200px;margin-bottom:200px}.contexte-container{max-width:1140px;margin-left:auto;margin-right:auto;display:flex;gap:40px;align-items:flex-start}.contexte-video-wrapper{margin-top:100px;flex:1;position:relative;overflow:hidden;align-self:stretch}.video-embed-container{position:relative;width:100%;padding-top:56.25%}.video-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.contexte-text-wrapper{flex:1}.contexte-container p{font-size:1.2rem}.paragraphe p{margin-top:100px;margin-bottom:30px}.contexte h2{margin-left:92px}h2 .unpeu{letter-spacing:3px;display:inline-block;margin-right:-20px;position:relative}h2 .unpeu .img-context-left{position:absolute;top:-80px;left:-34px}h2 .unpeu .img-context-left img{width:100px}h2 .highlight .img-context-right{position:absolute;top:-64px;left:206px}h2 .highlight .img-context-right img{width:80px}.records{margin-top:320px;margin-bottom:150px}.records-container,.depenses-container{max-width:1140px;margin-left:auto;margin-right:auto}.records-content{display:flex;align-items:flex-start;justify-content:space-between;gap:80px;max-width:1140px;margin:60px auto 200px auto}.records-text{flex:1;color:white;line-height:1.5;text-align:justify;margin-top:30px}.records-content p{font-size:1.1rem}.SHOW{font-size:1.2rem;font-family:'Arcane';color:#EDD60A}.swiper-area{position:relative;width:450px;flex-shrink:0}.img-swiper-left{position:absolute;width:160px;top:-68px;left:-48px;z-index:10}.img-swiper-left img{width:80px}.records-swiper{flex-shrink:0;width:450px;height:390px;padding-left:20px;position:relative;overflow:hidden}.records-swiper .swiper-slide{height:250px;display:flex;align-items:center;justify-content:center}.records-swiper img{width:100%;height:100%;object-fit:cover;border-radius:10px}h2 .rec{display:inline-block;letter-spacing:2px;margin-right:-20px;position:relative}h2 .rec .img-records-left{position:absolute;top:-99px;left:175px}h2 .rec .img-records-left img{width:100px}.depenses{margin-top:280px;margin-bottom:150px}.depenses-container{max-width:1140px;margin-left:auto;margin-right:auto}.depenses-container p{font-size:1.2rem}.texte_dep{margin-top:60px;margin-bottom:60px;font-size:1.1rem}.roi{font-weight:bold;font-size:1.3rem;font-family:'Arcane';color:#EDD60A}.chart-section-container{display:flex;flex-direction:row;align-items:center;gap:40px;width:100%;max-width:2000px;height:50vh;margin-top:80px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(40px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}.chart-section-container.is-visible{opacity:1;transform:translateY(0)}#display-area{width:450px;min-width:350px;min-height:350px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;flex-shrink:0;font-family:"Archivo Narrow";border-radius:10px}#display-area img{max-width:100%;height:auto;display:block;border-radius:5px;margin-bottom:15px}#display-area .transfer-description{color:#FFFFFF;font-size:1em;text-align:justify;line-height:1.4;margin:0}#display-area .loader-container{width:100%;height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;transition:all 0.3s ease}#display-area .loader{border:6px solid #f3f3f3;border-top:6px solid #EDD60A;border-radius:50%;width:50px;height:50px;animation:spin 1.5s linear infinite}#display-area .loader-error{color:#FF4B44;font-family:"Archivo Narrow";font-size:1.1em;margin:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.individual-chart-container{flex-grow:1;height:100%;min-width:0}h2 .plus{display:inline-block;letter-spacing:2px;margin-right:-20px;position:relative}h2 .highlight .img-depenses-right{position:absolute;top:-88px;left:131px}h2 .highlight .img-depenses-right img{width:90px}h2 .plus .img-depenses-left{position:absolute;top:-103px;left:115px}h2 .plus .img-depenses-left img{width:120px}.joueur{margin-top:200px;margin-bottom:150px}.joueur-container{max-width:1140px;margin-left:auto;margin-right:auto}.joueur-container p{font-size:1.2rem}.group{display:flex;flex-wrap:wrap;gap:40px;margin-top:80px;justify-content:center}.group img{width:350px;height:300px}.joueur .pjoueur{font-size:1.1rem;margin-top:30px}.member{text-align:center}.un{color:#EDD60A;font-family:'Evil';font-size:2em}.deux{color:#A3A3A3;font-family:'Evil';font-size:2em}.trois{color:#8d6000;font-family:'Evil';font-size:2em}.prenom{margin-top:10px;font-family:'Evil';letter-spacing:1px;font-size:3em;color:white}.nom{font-family:'Urban';font-size:1.5em;letter-spacing:1px;color:#EDD60A}.compteur{margin-top:15px;font-family:'Archivo Narrow';font-size:2em;color:#EDD60A}h2 .top3{letter-spacing:3px;display:inline-block;margin-right:-20px;position:relative}h2 .top3 .img-context-left{position:absolute;top:-53px;left:285px}h2 .top3 .img-context-left img{width:150px}h2 .highlight .img-joueur-right{position:absolute;top:-71px;left:118px}h2 .highlight .img-joueur-right img{width:100px}.evolution{margin-top:200px;margin-bottom:150px}.evolution-container{max-width:1140px;margin-left:auto;margin-right:auto}.evolution-container p{font-size:1.2rem}:root{--default-bg:#101010;--font-color:#EFEFEF;--highlight-color:#E63946}.evolution-section{padding-bottom:80px}.dashboard-container{max-width:1400px;margin:80px auto;padding:0 2rem}.content{display:flex;align-items:center;gap:2rem;margin-top:2rem}.map-container{flex:1;max-width:500px;min-height:500px;position:relative;left:-50px}.country{position:absolute;cursor:pointer;filter:grayscale(100%) opacity(0.6);transition:filter 0.3s ease-in-out}.country:hover{filter:grayscale(50%) opacity(0.8)}.country.active{filter:grayscale(0%) opacity(1)}#gb{width:100px;top:-10px;left:75px}#fr{width:180px;top:160px;left:100px}#es{width:180px;top:280px;left:17px}#de{width:130px;top:60px;left:240px}#it{width:160px;top:237px;left:250px}.chart-wrapper{margin-top:50px;flex:2;display:flex;flex-direction:column;gap:1.5rem}.logo-container{display:flex;justify-content:flex-end;align-items:center;gap:2.5rem;padding:0.5rem 0;height:60px}.league-logo{opacity:0.2;transition:opacity 0.4s ease-in-out;height:100%;width:auto;cursor:pointer}.league-logo.active{opacity:1}.evolution-chart-container{height:50vh}h2 .evo{display:inline-block;letter-spacing:2px;margin-right:-20px;position:relative}h2 .evo .img-evolution-left{position:absolute;top:-65px;left:530px}h2 .evo .img-evolution-left img{width:120px}.puissances{margin-top:200px;margin-bottom:150px}.puissances-container{max-width:1140px;margin-left:auto;margin-right:auto}.puissances-container p{font-size:1.2rem}h2 .empire{display:inline-block;letter-spacing:2px;margin-right:-20px;position:relative}h2 .empire .img-puissance-left{position:absolute;top:-56px;left:205px}h2 .empire .img-puissance-left img{width:90px}.intro{display:flex;align-items:center;margin-bottom:60px;margin-top:80px}.logo{width:200px;height:auto;margin-right:-55px;flex-shrink:0;position:relative;z-index:1;left:-30px}.description-box{flex-grow:1;padding:5px;background:linear-gradient(to right,#001f5b,#d90000);border-radius:4px;font-size:1rem;position:relative}.tour-eiffel-img{position:absolute;top:-117px;right:2px;width:550px;height:auto;z-index:0}.description-box p{margin-left:25px;margin-top:15px}.intro2{display:flex;align-items:center;margin-bottom:60px;margin-top:180px;flex-direction:row-reverse}.intro2 .logo{margin-right:0;margin-left:-55px;left:auto;right:-30px}.description-box2{flex-grow:1;padding:5px;background:linear-gradient(to right,#00285E,#D4A11E);border-radius:4px;font-size:1rem;position:relative}.bateau-img{position:absolute;top:-109px;left:2px;width:600px;height:auto;z-index:0}.description-box2 p{margin-left:30px;margin-top:15px;margin-right:25px}.timeline-section{position:relative}.timeline-events .img-city-right{position:absolute;top:79px;right:300px;z-index:9999}.timeline-events .img-city-right img{width:80px}.timeline-events .img-psg-right{position:absolute;top:90px;right:470px;z-index:9999}.timeline-events .img-psg-right img{width:120px}.timeline-events{display:flex;justify-content:space-between;position:relative;padding-top:20px}.timeline-events::before{content:'';position:absolute;top:190px;width:100%;height:2px;background-color:white;z-index:0}.timeline-event{width:15%;text-align:center;position:relative;z-index:1}.timeline-date{font-size:0.9rem;font-family:"Arcane";font-weight:bold;color:#EDD60A;margin-bottom:15px}.timeline-event img{width:100%;height:100px;object-fit:cover;margin-bottom:10px;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease}.timeline-caption{margin-top:20px;font-family:"Archivo Narrow";font-size:0.85rem;color:white;line-height:1.4}.timeline-bar{width:2px;height:25px;background-color:white;margin:0 auto}.conclusion{margin-top:310px;margin-bottom:250px}.conclusion-container{max-width:1140px;margin-left:auto;margin-right:auto;text-align:center}.conclusion-container p{font-size:1.3rem;margin-bottom:20px}.conclusion-container p:first-of-type{margin-top:60px}.conclusion-texte{margin-top:110px}h2 .highlights{font-family:"Urban";font-size:4rem;color:#EDD60A}h2 .highlights .img-conclusion-left{position:absolute;top:-126px;left:-45px}h2 .highlights .img-conclusion-left img{width:120px}footer{width:100%;padding-top:50px;margin-top:150px}.footer-container{margin-left:20px;margin-right:60px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.footer-logo{font-family:"Evil";color:white;font-size:2.5em;position:relative;display:inline-block}.footer-logo .mercato{letter-spacing:2px}.footer-logo .viz{font-family:"Urban";color:#EDD60A;letter-spacing:2px;font-size:1.3em}.footer-links{display:flex;gap:10px}.footer-links a{font-family:"Arcane";color:white;text-decoration:none;font-size:0.9rem;letter-spacing:1px;transition:color 0.3s}.footer-links a:hover{color:#EDD60A}.timeline-event img:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(237,214,10,0.3)}.lightbox{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);justify-content:center;align-items:center;cursor:pointer;animation:lightboxFadeIn 0.3s ease-out}.lightbox.visible{display:flex}.lightbox-content{width:650px;object-fit:contain;border:3px solid white;border-radius:5px;cursor:default;animation:lightboxScaleIn 0.3s ease-out}.lightbox-close{position:absolute;top:20px;right:30px;color:white;font-size:3rem;font-weight:bold;cursor:pointer;line-height:1;transition:color 0.2s}.lightbox-close:hover{color:#EDD60A}@keyframes lightboxFadeIn{from{opacity:0}to{opacity:1}}@keyframes lightboxScaleIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1200px){.chart-section-container{flex-direction:column;height:auto;gap:20px}#display-area{width:100%;max-width:350px}.individual-chart-container{width:100%;height:500px}.conclusion{margin-top:310px;margin-bottom:250px}.conclusion-container{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}}@media (max-width: 900px){.content{flex-direction:column}.map-container{transform:scale(0.8);min-height:400px;margin-bottom:-50px}.logo-container{gap:1rem}}#gb{--bg-color:#0F0120;--line-color:#C17AFF;--header-bg-bar:#333;--header-progress-bar:#8052A7;--header-pill-inactive:#555;--header-pill-active:#C17AFF}#fr{--bg-color:#031F38;--line-color:#6495ED;--header-bg-bar:#333;--header-progress-bar:#576BAC;--header-pill-inactive:#555;--header-pill-active:#83A0FF}#es{--bg-color:#212121;--line-color:#FF4B44;--header-bg-bar:#333;--header-progress-bar:#A23530;--header-pill-inactive:#555;--header-pill-active:#FF4B44}#de{--bg-color:#29070A;--line-color:#DE3163;--header-bg-bar:#333;--header-progress-bar:#960D18;--header-pill-inactive:#555;--header-pill-active:#DD0D1D}#it{--bg-color:#00391B;--line-color:#5DFFA1;--header-bg-bar:#333;--header-progress-bar:#34935C;--header-pill-inactive:#555;--header-pill-active:#5DFFA1}

/* on a minimisé le css afin que ça prenne moins de place */