:root{--dark-navy: #001524;--medium-navy: #002946;--light-navy: #003052;--blue: #0064ab;--light-blue: #0090f7}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}body,p,div,button{font-family:apparat,sans-serif;font-weight:300;font-style:normal}h2,p{color:var(--medium-navy)}a{text-decoration:none}.fading-html{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.fading-html.visible{opacity:1;pointer-events:auto}.upBlock-first-section-container{display:flex;flex-direction:column;gap:1rem}.upblock-html{width:23rem}.text-html{font-size:1rem;color:#fff}.btn-wave{padding:.5rem 1rem;background:var(--blue);border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;align-self:start}.btn-wave:hover{background:var(--light-blue)}.btn-cta{padding:.5rem 1rem;background:var(--light-blue);border:none;border-radius:5px;color:#fff;font-weight:700;cursor:pointer}.btn-cta:hover{background:var(--blue)}.btn-lang{font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer}.point-interet{width:7rem;height:7rem;pointer-events:none;transition:opacity .3s ease;cursor:pointer}.point-interet.visible{opacity:1;pointer-events:auto}.point-interet.hidden{opacity:0;pointer-events:none}.popup-container{transition:opacity .3s ease,transform .3s ease;transform-origin:center;justify-content:center;align-items:center;gap:2rem;opacity:0;display:flex;height:100vh}.popup-content-container{display:flex;justify-content:center;align-items:center;gap:4rem;height:50vh;position:relative;background:#0e273e1a;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(6.1px);-webkit-backdrop-filter:blur(6.1px);border:1px solid rgba(83,108,132,.27);padding:2rem 5rem}.popup-texte{width:30rem;font-size:1.4rem}.popup-title{font-size:3rem;width:30rem}.trait{width:4rem;height:2px;background:#fff;border-radius:1rem}.trait:nth-child(1){transform:rotate(90deg)}.btn-close{position:absolute;top:0;right:0;background-color:transparent;width:100%;height:100%}.cross-container{position:absolute;top:3rem;right:20px;transform:rotate(45deg)}.popup-container img{max-width:35rem;border-radius:1rem;max-height:100%}.popup-container.hidden{opacity:0;transform:scale(.95)}.popup-container.visible{opacity:1;transform:scale(1)}@media screen and (max-width: 768px){.btn-wave{padding:1rem 2rem}.popup-container,.popup-content-container{flex-direction:column}.popup-container{width:100%;margin:auto;text-align:center}.popup-content-container{width:100%;height:100%;text-align:center;gap:1rem}.popup-container img{width:90%;margin-top:2rem;max-height:35%;object-fit:cover}.popup-container-text{width:90%}.popup-title{margin:0 auto;font-size:2rem;width:90%}.popup-texte{width:100%;font-size:1rem;text-align:left}.btn-close{right:4.5rem}.text-html{font-size:1.3rem}.upblock-html{width:25rem}}.loadingScreen{position:fixed;top:0;left:0;bottom:0;right:0;background-color:inherit;background-image:inherit;display:flex;align-items:center;justify-content:center;transition:opacity 8s;z-index:1;font-family:Almendra,serif;background-color:var(--medium-navy)}.loadingScreen__board{margin:auto;transition:opacity .4s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loadingScreen__logo{width:30vw;margin:auto}@media screen and (max-width: 768px){.loadingScreen__logo{width:60vw}}.loadingScreen__button{padding:8px 32px;border:2px white solid;color:#fff;font-weight:700;font-size:2rem;border-radius:8px;background:transparent;display:block;margin:auto}.loadingScreen__button:hover{cursor:pointer}.loadingScreen__button:disabled{opacity:.3;cursor:not-allowed}.loadingScreen__progress{position:absolute;bottom:0;left:0;width:100%;height:12px}.loadingScreen__progress__value{position:absolute;left:0;top:0;bottom:0;background-color:#0000007f;transition:width .4s}.loadingScreen--started{opacity:0;pointer-events:none}.loadingScreen--started .loadingScreen__board{opacity:0}.credit{position:absolute;left:50%;bottom:10%;transform:translate(-50%,-10%);color:#fff;width:100%;text-align:center}.credit a{font-weight:700;text-transform:none;text-decoration:none;color:#fff}.link-site{font-size:1rem;margin-top:1rem;text-transform:none;text-decoration:none;color:#ffffff62}.logo-end{width:20rem}.end{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0rem}@media screen and (max-width: 768px){.btn-cta{font-size:1.4rem}.end-sentence{font-size:1.4rem;color:#fff;padding-bottom:1.5rem;width:340px}}