@font-face{font-family:IMfeelEnglish;src:url(/fonts/IMFellEnglish-Regular.woff) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Alegreya;src:url(/fonts/AlegreyaSans-Regular.woff) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background-color:#272727;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}#root{overflow:auto}body{position:fixed;overflow:hidden;overscroll-behavior-y:none;font-family:Alegreya,helvetica,arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased}.fullscreen-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;min-width:100%;min-height:100%;z-index:-1}.startButton{cursor:pointer;font-family:IMfeelEnglish;text-transform:uppercase;border:none;background-color:transparent;background-position:center;background-image:url(/ui/icons/cta_background_defaut.png);background-size:contain;background-repeat:no-repeat;display:flex;color:beige;flex-direction:column;justify-content:center;font-size:40px;margin-top:60px;width:300px;height:80px}@media screen and (max-width: 1200px){.startButton{font-size:32px;margin-top:30px}}@media screen and (max-width: 900px){.startButton{font-size:24px;margin-top:10px;width:280px;height:60px}}@media screen and (max-width: 600px){.startButton{font-size:20px;text-transform:none;height:71px;width:254px;margin-bottom:10px}}.startButton:hover{background-image:url(/ui/icons/cta_background_hover.png);background-size:contain;background-repeat:no-repeat}.uiLayer{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999}.uiLayer button{pointer-events:all}.uiLayer div.soundIntro{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.uiLayer div.soundIntro img{max-width:90px;max-height:90px;padding:5px}.uiLayer div.titre{position:absolute;z-index:1000;background-color:transparent;background-position:center;background-image:url(/intro_background.png);background-size:cover;background-repeat:no-repeat;top:0;left:0;width:100%;height:100%;display:flex;text-align:end;flex-direction:column;justify-content:center;align-items:center;font-size:2em}.uiLayer div.titre p{width:40vw;font-weight:700;text-align:center;font-family:Alegreya;font-size:24px}@media screen and (max-width: 600px){.uiLayer div.titre p{font-size:18px;width:80vw;margin:3%}}@media screen and (max-width: 900px){.uiLayer .logo_Gobelins,.uiLayer .logo_CCI,.uiLayer .logo_Rempart{width:80px!important}.uiLayer .logo_CCI{left:11%!important}}@media screen and (max-width: 640px){.uiLayer .logo_Gobelins,.uiLayer .logo_CCI,.uiLayer .logo_Rempart{width:65px!important}.uiLayer .logo_CCI{left:16%!important}.uiLayer .logo{width:150px!important}}.uiLayer div.sound{border:none;background-color:transparent;cursor:pointer;margin:2%;position:absolute;display:flex;bottom:0;right:0}.uiLayer div.sound button{border:none;background-color:transparent;cursor:pointer}.uiLayer div.sound img{padding:5px;max-width:50px;max-height:50px}.uiLayer .mobileDiv{display:flex;margin:20px 0;flex-direction:column;align-items:center;background-color:transparent;background-position:center;background-image:url(/ui/cadre_horizontal.png);background-size:contain;background-repeat:no-repeat;width:calc(100% - 50px);padding-top:20px}.uiLayer .mobileDiv p{width:100%!important;font-size:24px!important;font-weight:400!important;text-align:start!important}@media screen and (max-width: 700px){.uiLayer .mobileDiv p{padding:0 8px;font-size:20px!important;margin:1%!important}}.uiLayer .video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:#000000b3}.uiLayer .video-container video{max-width:100%;max-height:100%;object-fit:contain}.popUpTitre{display:flex;align-items:center}.popUpTitre p{margin:0 0 0 5px;font-family:ImfeelEnglish;font-size:8px}.popUpContainer{z-index:20;position:absolute;top:5px;left:0;transform:translate(15px,10px);width:80px;height:50px}.popUpContainer .cadreOrnement{position:absolute;width:30%;left:0}.popUpInfo{position:absolute;left:4px;top:2px;width:80px;height:50px}.popUpInfo.medievalBulle{width:86px!important}.popUpInfo.warBulle{width:77px!important}.popUpInfo h2{margin:0 0 3px;font-size:5px;font-weight:700}.popUpInfo p{margin:0;font-family:Alegreya;font-size:4px}.popUpInfo div{padding:3px;border-radius:3px;background-color:transparent;background-position:center;background-image:url(/ui/cadre_horizontal.png);background-size:contain;background-repeat:no-repeat;max-width:100px;max-height:70px}.fade-in{opacity:0;animation:fadeIn .5s forwards}.fade-out{opacity:1;animation:fadeOut .5s forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}@keyframes fadeIn{to{opacity:1}}html,body,*{cursor:none!important}#cursor,#follower{position:fixed;pointer-events:none;z-index:9999999;border-radius:999px}
