*{text-decoration:none;margin:0;font-family:Inter,"Gill Sans";scroll-behavior:smooth}body{background-color:#131522;color:#fff;letter-spacing:.15em;text-align:justify;display:flex;align-items:center;flex-direction:column;row-gap:75px;overflow-x:hidden}body p{font-weight:lighter;line-height:150%}body h2{margin-bottom:1rem}body h3{margin-bottom:.5rem}.halo{position:absolute;width:0px;height:0px;border-radius:50%;z-index:-1}.halo.pink{box-shadow:0 0 300px 150px #97279b}.halo.blue{box-shadow:0 0 300px 150px rgba(98,142,209,.8196078431)}.halo.yellow{box-shadow:0 0 300px 150px #947b3c}.halo.green{box-shadow:0 0 300px 150px #62943c}.halo.white{box-shadow:0 0 300px 150px rgba(255,255,255,.6352941176)}header{display:flex;justify-content:space-between;align-items:center;padding-block:1em;width:90%;max-width:1500px}header .logo.melody{align-items:center;display:flex;gap:1em}header .logo.melody img{background-color:#fff;border-radius:50%;height:3em}header .logo.melody .text{text-transform:uppercase}header .logo.melody .text .defi{font-weight:bold;letter-spacing:.6em;font-size:large}header .logo.melody .text .author{font-weight:lighter;font-size:small;letter-spacing:.2em}header .logo.centrale img{height:4em}section{margin-top:1em;padding-bottom:2em;display:flex;justify-content:center;align-items:center}section.accueil .hero-banner{flex-direction:column;justify-content:space-between;min-height:80vh;align-items:center}section.accueil .hero-banner .centrale-moto{display:flex;justify-content:space-evenly;width:100%;text-transform:uppercase;font-weight:lighter;letter-spacing:.5em}section.accueil .hero-banner .main-hero{display:flex;justify-content:space-between;min-width:100%}section.accueil .hero-banner .main-hero .text-left{display:block;text-align:justify}section.accueil .hero-banner .main-hero .text-left .title{text-transform:uppercase;font-weight:bolder;font-size:min(20vw,150px);letter-spacing:.4em}section.accueil .hero-banner .main-hero .text-left .description{max-width:510px}section.accueil .hero-banner .main-hero .image{display:flex;justify-content:center;flex-direction:column}section.accueil .hero-banner .main-hero .image svg{stroke:#fff;width:400px}section.accueil .hero-banner .see-more{display:flex;justify-content:center}section.accueil .hero-banner .see-more a{border-radius:2em;padding:1em;background-color:#79499e;color:#fff;width:10em;text-align:center;font-size:small;transition:.25s}section.accueil .hero-banner .see-more a:hover{background-color:#8757ac}.halos .header-halos .hero1{left:50%;top:500px}.halos .header-halos .hero2{left:70%;top:600px}.halos .header-halos .hero3{left:70%;top:350px}.halos .page-halos .objectifs{left:-10%;top:2050px}.halos .page-halos .justification{left:5%;top:2350px}.halos .page-halos .justification-left1{right:-5%;top:3250px}.halos .page-halos .justification-left2{right:5%;top:3550px}.halos .page-halos .photos1{left:-5%;top:4000px}.halos .page-halos .photos1bis{left:5%;top:4250px}.halos .page-halos .score1{right:-5%;top:5100px}.halos .page-halos .score2{right:-10%;top:5450px}.halos .page-halos .bottom-scores{left:0}.halos .mentions-legales1{right:0;top:100px}.halos .mentions-legales2{right:-5%;top:500px}.halos .mentions-legales3{right:10%;top:350px}section.generalites{display:flex;justify-content:center}section.generalites .timeline{display:flex;flex-direction:column;align-items:center;position:relative;row-gap:3em}@media screen and (min-width: 585px){section.generalites .timeline::before{content:"";position:absolute;width:0px;height:100%;border-right:2px dashed #666a86;left:-40px;top:5px}section.generalites .timeline h2::before{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;left:-50px;top:10%}}section.generalites div.timeline-element{max-width:450px}section.generalites div.timeline-element h2{position:relative;text-transform:uppercase}section.generalites div.timeline-element p{font-weight:lighter}section.objectifs{display:flex;align-items:center;justify-content:center}section.objectifs h2{margin-bottom:2rem}section.objectifs p.presentation-defi{border-left:5px solid #57dd9d;padding-left:1.5rem;margin-bottom:3rem}section.objectifs div.detail-objectifs{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));row-gap:2rem;column-gap:7rem}section.objectifs h3{margin-bottom:.5rem}section.justification{display:flex;justify-content:center;flex-direction:column;align-items:center;overflow-x:hidden;scroll-behavior:smooth}section.justification div.carousel{max-width:1000px;max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:2em;padding-top:2em;padding-inline:2em}section.justification div.carousel .card{display:flex;flex-direction:column;justify-content:center;background-color:rgba(132,125,208,.128);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border-radius:2em;padding:1em 2em}section.justification div.carousel .card h3{text-transform:uppercase;letter-spacing:1em;font-weight:lighter;text-align:center;margin-bottom:1em}@media screen and (max-width: 650px){section.justification div.carousel .card h3{font-size:small;overflow-wrap:break-word}section.justification div.carousel .card .content{flex-direction:column}section.justification div.carousel .card .content .image{margin-bottom:1em}section.justification div.carousel .card .content .image img{width:100%}}section.justification div.carousel .card .content{display:flex;column-gap:2em}section.justification div.carousel .card .content h4{margin-bottom:.5em}section.justification div.carousel .card .content p{font-size:small}section.justification div.carousel .card .content .image{display:flex;flex-direction:column;justify-content:center;align-items:center}section.justification div.carousel .card .content img{border-radius:1em;object-fit:cover;width:125px;height:125px}section.justification .nav-buttons{margin-top:1em;display:flex;justify-content:center;column-gap:.5em}section.justification .nav-buttons span{width:10px;height:10px;border-radius:50%;background-color:#666a86}section.justification .nav-buttons span.active{background-color:#fff}section.scores{display:flex;justify-content:center;align-items:center;justify-content:center}section.scores div.kpi-scores{max-width:1000px}section.scores div.kpi-scores .kpis{margin-top:3em;display:flex;flex-direction:column;align-items:center;row-gap:4em}section.scores div.kpi-scores .kpis .kpi{display:flex;position:relative}section.scores div.kpi-scores .kpis .kpi .text{display:block;width:300px;padding-left:2rem}section.scores div.kpi-scores .kpis .kpi .text h3{text-transform:uppercase}section.scores div.kpi-scores .kpis .kpi .text p{font-size:small}@media only screen and (min-width: 1050px){section.scores div.kpi-scores .kpis .kpi .text{position:absolute;padding-left:0}section.scores div.kpi-scores .kpis .kpi:nth-child(odd) .text{left:175px}section.scores div.kpi-scores .kpis .kpi:nth-child(even) .text{left:-350px}section.scores div.kpi-scores .kpis .kpi:nth-child(even) .text h3{text-align:right}}.score-div{width:6em;height:6em;border-radius:50%;border:15px solid #666a86;display:flex;align-items:center;text-align:center;justify-content:center}.score-div .score-text{display:inline}.score-div .score-text .score-title{color:#666a86;font-size:x-small}.score-div .score-text .score-numerical{font-size:xx-large;font-weight:bold}.score-div .score-text .score-percentage-sign{display:inline-block;color:#666a86}.green-score{border-color:#57dd9d}.orange-score{border-color:#ddc857}.red-score{border-color:#dd7057}footer{display:flex;justify-content:center;align-items:center;font-size:small;color:#666a86}footer .container{border-top:1px solid #666a86;padding-top:1rem;display:flex;column-gap:5em}footer .container h4{margin-bottom:.5rem;text-transform:uppercase}footer .container a{color:#666a86;transition:.15s ease}footer .container a:hover{color:#fff}footer .container ul li{text-decoration:none;list-style:none;line-height:1.75em}footer .container .contact{display:flex;flex-direction:column;row-gap:.5rem}footer .container .contact .social-networks{display:flex;justify-content:space-evenly;margin-top:1rem}footer .container .contact .social-networks a.logo{height:20px;width:20px;border-radius:.5em}.container{max-width:1000px;padding-inline:2rem;justify-content:center;align-items:center;display:block}section.deroule{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}section.deroule .container{max-width:1000px;overflow-x:hidden}section.deroule .container h2{text-align:left}section.deroule .frise-chronologique{margin-top:2rem;display:flex;column-gap:5rem;overflow-x:scroll;overflow-y:hidden;padding:20px 0;width:100%;min-width:100%;scroll-snap-type:x mandatory;position:relative}section.deroule .frise-chronologique::after{content:"";position:absolute;width:362%;height:0;border-top:2px dashed #666a86;bottom:20px}section.deroule .frise-chronologique .card{width:300px;min-width:300px;position:relative;padding-bottom:3rem;padding-left:1rem;border-left:1px solid #fff}section.deroule .frise-chronologique .card::before{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;left:-0.7rem;bottom:-10px;z-index:2}section.deroule .frise-chronologique .card h4{margin-bottom:.5em}section.deroule .frise-chronologique .card p{font-size:small;padding-bottom:1em}section.deroule .frise-chronologique .card .date{position:absolute;left:-20px;top:-10px;color:#666a86;transform-origin:bottom left;transform:rotate(90deg);font-size:x-small;font-weight:lighter}section.deroule .frise-chronologique .card .labels{margin-top:1em;display:inline}section.deroule .frise-chronologique .card .labels span{color:#fff;font-size:x-small;padding:.2em .5em;background-color:#666a86;border-radius:.75em;line-height:2em}section.deroule .frise-chronologique .card:first-child{margin-left:calc((100% - 1000px)/2)}section.deroule .frise-chronologique .card:last-child{margin-right:calc((100% - 1000px)/2)}.photos{display:flex;justify-content:center}.photos .images{margin-top:2em;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-auto-rows:400px;gap:2em}.photos .images .image{position:relative}.photos .images .image img{object-fit:cover;width:100%;height:100%}.photos .images .image .description{position:absolute;bottom:0;left:0;background-color:rgba(31,34,48,.76);width:100%;opacity:0;transition:.3s ease}.photos .images .image .description .image-title{padding:1em}.photos .images .image .description .image-description{padding-inline:1em;margin-bottom:1em;font-weight:lighter;font-size:small}.photos .images .image .description .image-description .credits-photo{margin-top:.5rem;text-align:right;font-size:xx-small}.photos .images .image:hover .description{opacity:1}@media only screen and (max-width: 1050px){body .centrale-moto{display:flex;flex-direction:column;row-gap:1em;font-size:small;justify-content:center;align-items:center;margin-top:-5em}body section.hero-banner .main-hero{display:flex;flex-direction:column-reverse;align-items:center}body section.hero-banner .main-hero .image{margin-top:2rem;padding-block:2em;background-color:red;width:0px;align-items:center}body section.hero-banner .main-hero .image svg{height:25vw}body section.hero-banner .see-more{margin-top:2em}body footer{width:100%}body footer .container{display:flex;flex-direction:column;align-items:baseline;row-gap:2em}}section.mentions-legales .container{display:flex;flex-direction:column;align-items:baseline;text-align:left;row-gap:2em}section.mentions-legales .container p{text-align:justify}section.mentions-legales .container a{color:#fff}