html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%;position:fixed;cursor:grab;background-color:#75cde3;font-family:SegoePro;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
div,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#home{width:100%;height:100%;position:absolute;background-size:100% 100%;z-index:13;opacity:0;transition:opacity .3s;}
#roomTitles{position:absolute;left:0px;top:0px;transform-origin:0% 0%;z-index:15;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .3s;}
#popin{width:100%;height:100%;position:fixed;z-index:0;overflow:hidden;}
#bubbles{position:fixed;z-index:12;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .3s;}
#bubble1{display:none;}
#light{width:100%;height:100%;position:fixed;z-index:11;background-image:url(../img/gradient.png);background-size:100% 100%;opacity:0;}
#background{z-index:9;}
#logoContainer{position:absolute;width:140px;height:62px;margin-left:-70px;margin-top:-80px;left:50%;top:50%;transform-origin:50% 100%;}
#logoContainer div{position:absolute;z-index:15;}
#logoContainer .typo{width:140px;height:28px;top:7px;}
#logoContainer .eamp{width:88px;height:22px;left:26px;top:40px;}
#baseline{top:50%;transform-origin:50% 0%;margin-top:5px;}
.homeContent{position:absolute;width:500px;margin-left:-250px;left:50%;text-align:center;transition:opacity .3s;margin-top:-30px;font-size:20px;}
#ready{top:100%;transform-origin:50% 100%;margin-top:-120px;opacity:0;height:120px;transition-delay:.4s;opacity:0;cursor:pointer;font-size:22px}
#ready img{width:20px;margin-top:10px;animation-delay:.2s;animation-duration:2s;animation-fill-mode:forwards;animation-name:readyImg;animation-iteration-count:infinite;-webkit-animation-delay:.2s;-webkit-animation-duration:2s;-webkit-animation-fill-mode:forwards;-webkit-animation-name:readyImg;-webkit-animation-iteration-count:infinite;}
@keyframes readyImg{0%{margin-top:10px;} 30%{margin-top:30px;} 40%{margin-top:25px;} 50%{margin-top:30px;} 60%{margin-top:25px;} 70%{margin-top:30px;} 100%{margin-top:10px;}}
@-webkit-keyframes readyImg{0%{margin-top:10px;} 30%{margin-top:30px;} 40%{margin-top:25px;} 50%{margin-top:30px;} 60%{margin-top:25px;} 70%{margin-top:30px;} 100%{margin-top:10px;}}
#loader{top:100%;transform-origin:50% 100%;margin-top:-120px;height:120px;opacity:1;}
#loader .loadBar{width:150px;height:5px;margin-left:170px;margin-top:10px;}
#loadProgress{width:0%;background-color:#fff;height:5px;}
#tuto{width:100%;height:100%;position:absolute;z-index:10;top:100%;transition:top 1s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.tutoDesktop{display:block;}
.tutoMobile{display:none;}
.tutoMobile img{transform-origin:80% 80%;animation-name:handAnim;animation-iteration-count:infinite;animation-direction:forwards;animation-duration:1.5s;-webkit-animation-name:handAnim;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:forwards;-webkit-animation-duration:1.5s;}
@keyframes handAnim{0%{transform:rotate(0deg) translate(0px,0px);} 40%{transform:rotate(15deg) translate(6px,-2px);} 70%{transform:rotate(-15deg) translate(-3px,1px);} 100%{transform:rotate(0deg) translate(0px,0px);}}
.tutoDesktop img{position:absolute;}
img.tutoArrow{width:15px!important;height:15px!important;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;left:50%;top:50%;}
@keyframes arrowAnim1{0%{top:20px;left:61px;} 50%{top:23px;left:58px;} 100%{top:20px;left:61px;}}
@keyframes arrowAnim2{0%{top:20px;left:15px;} 50%{top:23px;left:18px;} 100%{top:20px;left:15px;}}
@keyframes arrowAnim3{0%{top:56px;left:61px;} 50%{top:53px;left:58px;} 100%{top:56px;left:61px;}}
@keyframes arrowAnim4{0%{top:56px;left:15px;} 50%{top:53px;left:18px;} 100%{top:56px;left:15px;}}
img.arrow1{top:20px;left:61px;transform:translate(-5.5px,-5.5px) rotate(-45deg)!important;-webkit-transform:translate(-5.5px,-5.5px) rotate(-45deg)!important;animation-name:arrowAnim1;animation-iteration-count:infinite;animation-direction:forwards;animation-duration:.5s;-webkit-animation-name:arrowAnim1;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:forwards;-webkit-animation-duration:.5s;}
img.arrow2{top:20px;left:15px;transform:translate(-5.5px,-5.5px) rotate(-135deg)!important;-webkit-transform:translate(-5.5px,-5.5px) rotate(-135deg)!important;animation-name:arrowAnim2;animation-iteration-count:infinite;animation-direction:forwards;animation-duration:.5s;-webkit-animation-name:arrowAnim2;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:forwards;-webkit-animation-duration:.5s;}
img.arrow3{top:56px;left:61px;transform:translate(-5.5px,-5.5px) rotate(45deg)!important;-webkit-transform:translate(-5.5px,-5.5px) rotate(45deg)!important;animation-name:arrowAnim3;animation-iteration-count:infinite;animation-direction:forwards;animation-duration:.5s;-webkit-animation-name:arrowAnim3;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:forwards;-webkit-animation-duration:.5s;}
img.arrow4{top:56px;left:15px;transform:translate(-5.5px,-5.5px) rotate(135deg)!important;-webkit-transform:translate(-5.5px,-5.5px) rotate(135deg)!important;animation-name:arrowAnim4;animation-iteration-count:infinite;animation-direction:forwards;animation-duration:.5s;-webkit-animation-name:arrowAnim4;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:forwards;-webkit-animation-duration:.5s;}
#tuto div.icon{position:absolute;width:80px;height:80px;margin-top:-230px;margin-left:-40px;top:100%;left:50%;border-radius:50%;border:3px solid #fff;transition:transform 1s ease-out,opacity 1s ease-out;transform:scale(1);}
#tuto div.text{left:50%;margin-left:-100px;position:absolute;transition:opacity .3s ease-out 0s;width:200px;top:100%;margin-top:-140px;text-align:center;line-height:16px;text-shadow:0 0 5px rgba(0,0,0,.6);}
#tuto div img{width:100%;height:100%;transition:transform .5s ease-out,opacity .5s ease-out;transform:scale(1);}
#tuto.mobile div.icon{top:100px;left:50%;}
#tuto.mobile div.text{top:100px;left:50%;}
.roomText .playRoomImg{width:60px;height:60px;vertical-align:middle;margin-left:10px;position:absolute;left:40px;bottom:40px;}
.roomText .playRoomImg img{position:absolute;width:60px;height:60px;}
.roomText .playRoomImg img.turn{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;animation-duration:1s;animation-name:turn;animation-iteration-count:infinite;-webkit-animation-duration:1s;-webkit-animation-name:turn;-webkit-animation-iteration-count:infinite;}
.roomText #roomfield{color:#f00;width:100%;height:100%;position:absolute;top:0px;left:0px;}
@media screen and (max-width:768px){#ready{font-size:12px;}}
#wrapper{background-color:transparent!important;width:100%;padding:0!important;margin:0!important;}
#wrapper #footer{opacity:0;background-color:#fff;width:auto!important;margin-left:auto!important;margin-top:-6px;transition:opacity .3;padding:0em 1.15em .76em!important;}
#wrapper #main-content{padding:0!important;}
#wrapper header{position:absolute!important;z-index:20!important;width:100%!important;padding:0!important;margin:0!important;}
#wrapper header #h-legal{margin-left:0!important;width:auto!important;}
#wrapper footer #legal small{margin:0.7em auto auto!important;display:inline-block!important;}
#wrapper footer #legal{margin-top:0!important;}
#museIco{position:absolute;left:20px;top:-100px;width:40px;height:40px;z-index:14;}