.page-ouverture,.page-ouverture *{box-sizing:border-box}body:has(.page-ouverture),html:has(.page-ouverture){min-height:100%;margin:0}.page-ouverture{overflow:hidden;color:#fff;background:linear-gradient(145deg,#009fd4,#00aadf 40%,#09c);font-family:sans-serif;text-align:center}.contenu-page,.page-ouverture{position:relative;min-height:100svh}.contenu-page{z-index:2;width:min(920px,100%);margin:0 auto;padding:34px 20px 24px}.cercle{position:absolute;z-index:1;top:145px;left:50%;border:1px solid hsla(0,0%,100%,.08);border-radius:50%;transform:translate(-50%,-50%)}.cercle-un{width:250px;height:250px}.cercle-deux{width:390px;height:390px}.cercle-trois{width:560px;height:560px}.bloc-logo{display:flex;align-items:center;justify-content:center;width:326px;height:136px;margin:0 auto;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(22,105,149,.12)}.icon-kioon{display:block;width:215px;max-width:76%;height:auto}.label-maintenance{display:inline-block;margin-top:28px;padding:10px 24px;border:1px solid hsla(0,0%,100%,.34);border-radius:30px;background:hsla(0,0%,100%,.14);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.titre-page{margin:30px 0 0;color:#fff;font-size:44px;font-weight:800;letter-spacing:-1.5px;line-height:1.05}.texte-page{margin-top:18px;color:hsla(0,0%,100%,.9);font-size:17px;line-height:1.6}.bloc-progression{width:min(520px,100%);margin:25px auto 0}.info-progression{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;min-height:58px}.heure-progression{padding-bottom:4px;color:hsla(0,0%,100%,.62);font-size:12px;font-weight:700}.heure-debut{text-align:left}.heure-fin{text-align:right}.pourcentage-progression span,.pourcentage-progression strong{display:block}.pourcentage-progression strong{font-size:34px;line-height:1}.pourcentage-progression span{margin-top:4px;color:hsla(0,0%,100%,.65);font-size:11px}.barre-de-progression{position:relative;width:100%;height:16px;margin-top:10px;border-radius:20px;background:hsla(0,0%,100%,.32);box-shadow:inset 0 1px 3px rgba(31,112,154,.2)}.bdp-remplissage{position:relative;height:100%;border-radius:20px;background:#fff;transition:width .5s ease}.bdp-lumiere{position:absolute;top:50%;right:-9px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 15px 5px hsla(0,0%,100%,.72);transform:translateY(-50%)}.bdp-marque{position:absolute;top:2px;width:3px;height:12px;border-radius:2px;background:hsla(0,0%,100%,.58)}.bdp-marque-25{left:25%}.bdp-marque-50{left:50%}.bdp-marque-75{left:75%}.labels-progression{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 12.5% 0;color:hsla(0,0%,100%,.67);font-size:10px;font-weight:700}.petite-ligne{width:48px;height:2px;margin:29px auto 25px;background:hsla(0,0%,100%,.2)}.label-reseau{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.liste-reseaux{flex-wrap:wrap;gap:10px;margin:18px auto 0}.liste-reseaux,.reseau{display:flex;justify-content:center}.reseau{align-items:center;min-width:138px;height:42px;padding:0 18px;border:1px solid hsla(0,0%,100%,.34);border-radius:30px;color:#fff;background:hsla(0,0%,100%,.08);font-size:13px;font-weight:700;text-decoration:none}.reseau:hover{background:hsla(0,0%,100%,.18)}.lr-icon{display:flex;align-items:center;justify-content:center;width:19px;height:19px;margin-right:8px;font-size:19px;font-weight:700}.lr-icon svg{width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lr-icon .plein,.lr-icon svg .plein{fill:currentColor;stroke:none}.lr-threads{font-family:sans-serif}.email-kioon{display:inline-block;margin-top:20px;color:hsla(0,0%,100%,.82);font-size:12px;text-decoration:none}.copyright{margin-top:15px;color:hsla(0,0%,100%,.48);font-size:10px}@media (max-width:600px){.contenu-page{padding:32px 16px 22px}.cercle{top:150px}.cercle-un{width:230px;height:230px}.cercle-deux{width:340px;height:340px}.cercle-trois{width:470px;height:470px}.bloc-logo{width:216px;height:96px;border-radius:15px}.icon-kioon{width:145px}.label-maintenance{margin-top:44px;padding:10px 19px;font-size:10px;letter-spacing:2.5px}.titre-page{margin-top:33px;font-size:29px;letter-spacing:-1px}.texte-page{margin-top:16px;font-size:14px;line-height:1.55}.desktop-seulement{display:none}.bloc-progression{margin-top:25px}.info-progression{min-height:55px}.pourcentage-progression strong{font-size:30px}.pourcentage-progression span{font-size:10px}.petite-ligne{margin-top:31px}.liste-reseaux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(330px,100%)}.reseau{min-width:0;padding:0 12px}.reseau:last-child{width:calc(50% - 5px);grid-column:1/-1;justify-self:center}}@media (max-width:340px){.liste-reseaux{grid-template-columns:1fr}.reseau:last-child{width:100%;grid-column:auto}}@media (min-width:601px) and (max-height:760px){.contenu-page{padding-top:22px}.bloc-logo{width:260px;height:104px}.icon-kioon{width:175px}.label-maintenance{margin-top:19px;padding:8px 20px}.titre-page{margin-top:21px;font-size:39px}.texte-page{margin-top:12px;font-size:15px;line-height:1.45}.bloc-progression{margin-top:15px}.info-progression{min-height:49px}.pourcentage-progression strong{font-size:30px}.petite-ligne{margin:19px auto 17px}.liste-reseaux{margin-top:13px}.reseau{height:38px}.email-kioon{margin-top:13px}.copyright{margin-top:7px}}