body{width:100%;height:100%;position:absolute;color:#000;font-size:34px;font-family:"Roboto",sans-serif;text-align:center;background-color:#fff;user-select:none}img{margin:0;padding:0;border:none}p{margin:0;color:#323065;font-size:34px;text-align:center}p span{color:#F0C131}a,a:hover{color:#fff;text-decoration:none}a:hover{color:#F0C131}i,em{font-style:italic}b,strong{font-weight:700}h1,h2{display:none}h3{margin:50px auto 50px;color:#fff;font-size:40px}h4,h5{margin:20px auto}a:focus,div:focus{outline:#000 solid 5px}body.using-mouse a:focus,body.using-mouse div:focus{outline:none}body a:focus,body div:focus{outline:2px solid #fff}#bg{display:block;width:100%;height:100%;position:relative;background-image:url(../img/gozo-vagues.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;opacity:.25}#site{display:none;width:1080px;height:1920px;position:absolute;left:0;top:0;overflow:hidden;transform-origin:left top}.ecran{display:none;opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.show{opacity:1!important}.bouton{position:absolute;cursor:pointer;user-select:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.bouton.principal{width:580px;padding:35px 0;position:absolute;color:#fff;background-color:#323065;border-radius:100px;box-shadow:7px 13px 4px #000;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.logo-malte{position:absolute;left:432px;top:52px;z-index:11}.titre{width:708px;height:227px;position:absolute;left:186px;top:220px;background-position:center;background-repeat:no-repeat;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#chargement{display:block;z-index:1}#chargement p{line-height:55px;margin:800px auto 0;font-size:80px;font-weight:700}#chargement .message{padding:0 50px;font-size:42px;line-height:90px}#menu{display:none;z-index:90;opacity:0;width:690px;height:847px;position:absolute;left:195px;top:500px;background-color:#323065;border-radius:38px;box-shadow:0 4px 11px rgba(0,0,0,.5);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#menu.show{top:536px}#menu p{font-size:43px;color:#fff;margin:20px}#menu .liens{position:absolute;top:290px;left:100px;display:flex;flex-direction:column;align-items:flex-start}#menu .petit{width:100%;margin:0;position:absolute;bottom:80px;font-size:22px}.bouton.fermer{width:60px;height:60px;position:absolute;right:40px;top:40px;background-color:#323065;background-image:url(../img/gozo-bouton-fermer.svg);background-position:center;background-repeat:no-repeat;border:1px solid #fff;border-radius:100%;z-index:2}.bouton.fermer:hover{transform:rotate(360deg)}#fond{background-color:rgba(0,0,0,.5);z-index:12}.popin{display:none;z-index:90;opacity:0;width:846px;height:1182px;position:absolute;left:117px;top:480px;background-color:#5D5B84;border:1px solid #323065;border-radius:38px;box-shadow:13px 14px 0 #323065;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.popin .contenu{height:980px;margin:0 60px;padding:0 20px 0 0;color:#fff;text-align:left;overflow-y:scroll}.popin .contenu p{margin:20px auto;color:#fff;font-size:20px;text-align:left}#footer{z-index:11;width:100%;height:192px;margin:auto;position:absolute;bottom:20px;left:0;right:0;font-size:60px;font-weight:700;color:#fff;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#footer .bouton{display:none;width:190px;height:192px;position:absolute;left:20px;bottom:-250px;background-image:url(../img/gozo-bouton-burger.png);border-radius:100%;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}#footer .bouton.show{bottom:0}#footer .logo-hotel{position:absolute;left:442px;top:0}#accueil{z-index:10;background-position:bottom right;background-size:auto}#accueil .introduction{position:absolute;top:487px;left:0;right:0}#accueil .bouton{top:1240px;left:250px}#accueil .bouton:hover{top:1253px;left:257px;box-shadow:0 0 4px #000}#accueil .texte{position:absolute;top:1400px;left:0;right:0}#gozo{z-index:10;background-position:right center;background-size:auto}#gozo .introduction{position:absolute;top:487px;left:0;right:0}#gozo .bouton.quiz{top:1380px;left:250px}#gozo .bouton.quiz:hover{top:1393px;left:257px;box-shadow:0 0 4px #000}#gozo .lieu{width:115px;height:115px;position:absolute;background-repeat:no-repeat;background-position:center;background-size:95px;border-radius:100%;cursor:pointer;border:6px solid #FFF;filter:drop-shadow(0 4px 27px rgba(255,255,255,.86));-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;animation:0.5s linear 0s infinite alternate pulse}#gozo .lieu:hover{border:6px solid #323065}#gozo .lieu.anim{animation:0.5s linear 0s infinite alternate pulse}@keyframes pulse{from{transform:scale(1)}to{transform:scale(.8)}}.fiche{top:300px;background-color:#fff;box-shadow:13px 14px 0 #323065,inset 0 4px 180px rgba(223,242,250,.7)}.fiche.show{top:480px}.fiche h3{color:#323065}.fiche .photos{width:716px;height:420px;position:absolute;left:65px;top:140px;background-color:#5D5B84;background-position:center;background-repeat:no-repeat;background-size:cover}.fiche .photos .nav{width:60px;height:59px;position:absolute;top:184px;left:20px;background-image:url(../img/gozo-bouton-photo-precedente.svg);background-position:left 20px center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.fiche .photos .nav:hover{background-position:left center}.fiche .photos .nav.next{left:auto;right:20px;background-image:url(../img/gozo-bouton-photo-suivante.svg);background-position:left center}.fiche .photos .nav.next:hover{background-position:left 20px center}.fiche .categorie{width:716px;padding-left:40px;position:absolute;left:65px;top:580px;text-align:left;font-weight:700;background-image:url(../img/gozo-picto-categorie-culture.svg);background-position:left center;background-repeat:no-repeat}.fiche .categorie.nature{background-image:url(../img/gozo-picto-categorie-nature.svg)}.fiche .categorie.nature span{color:#95CFAE}.fiche .categorie.mer{background-image:url(../img/gozo-picto-categorie-mer.svg)}.fiche .categorie.mer span{color:#1F8ACA}.fiche .info{width:716px;position:absolute;left:65px;top:660px;text-align:left;color:#000}.fiche-0 .info{line-height:50px}.fiche .bouton.suivant{width:180px;padding:20px 0 20px 40px;position:absolute;right:50px;bottom:50px;color:#323065;font-size:24px;font-weight:700;text-transform:uppercase;box-shadow:inset 0 0 24px #DFF2FA;border:2px solid #DFF2FA;border-radius:38px;background:#f5f5f5;background-image:url(../img/gozo-bouton-suivant.svg);background-position:left 30px center;background-repeat:no-repeat}.fiche .bouton.suivant:hover{background-position:left 40px center}.fiche h3.numero{padding:3px 0;background-image:url(../img/gozo-picto-question.svg);background-position:left 250px center;background-repeat:no-repeat;background-size:contain}.fiche .intitule{width:616px;position:absolute;left:115px;top:620px;font-size:40px;font-weight:700}.fiche .reponse{width:684px;height:91px;margin:0 auto 20px;position:relative;top:620px;display:flex;justify-content:center;align-items:center;color:#323065;font-size:36px;font-weight:700;background:#f5f5f5;box-shadow:inset 0 0 24px #DFF2FA;border:2px solid #DFF2FA;border-radius:60px;cursor:pointer;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.fiche .reponse:hover{color:#F0C131}.fiche .reponse span{width:65px;height:65px;display:flex;position:absolute;left:13px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:30px;background-color:#F0C131;border-radius:100%}.fiche .reponse.bravo{color:#fff;background-color:#34991A;box-shadow:0 4px 4px rgba(0,0,0,.25),inset 4px 5px 38px rgba(0,0,0,.25)}.fiche .reponse.bravo span{color:#34991A;background-color:#fff}.fiche .reponse.dommage{color:#fff;background-color:#C00505;box-shadow:0 4px 4px rgba(0,0,0,.25),inset 4px 5px 38px rgba(0,0,0,.25)}.fiche .reponse.dommage span{color:#C00505;background-color:#fff}.fiche .reponse.hide{display:none;opacity:0}.fiche .ok{position:absolute;top:890px;left:0;right:0;font-size:42px;font-weight:700;color:#34991A}.fiche .ko{position:absolute;top:890px;left:0;right:0;font-size:42px;font-weight:700;color:#C00505}.fiche .solution{padding:0 20px;position:absolute;top:960px;left:0;right:0;font-size:32px}.fiche .score{position:absolute;top:1095px;left:0;right:0;color:#F0C131;font-size:28px;font-style:italic;font-weight:700}.fiche .bouton.prochain{width:82px;height:82px;position:absolute;right:40px;bottom:30px;border-radius:100%;background:#323065;background-image:url(../img/gozo-bouton-photo-suivante.svg);background-position:center;background-repeat:no-repeat;background-size:25px}.formulaire{height:1030px}.formulaire .titre2,.fin .titre2{width:533px;height:93px;position:absolute;left:156px;top:148px;background-position:center;background-repeat:no-repeat}.formulaire .bouton.envoyer,.fin .bouton.retour{width:240px;padding:20px 0 20px 40px;position:absolute;left:80px;bottom:100px;color:#323065;font-size:24px;font-weight:700;text-transform:uppercase;box-shadow:inset 0 0 24px #DFF2FA;border:2px solid #DFF2FA;border-radius:38px;background:#f5f5f5;background-image:url(../img/gozo-bouton-suivant.svg);background-position:left 30px center;background-repeat:no-repeat;opacity:.5}.fin .bouton.retour{width:260px;left:273px;opacity:1}.formulaire .bouton.envoyer.on:hover,.fin .bouton.retour:hover{background-position:left 40px center}.formulaire .bouton.envoyer.on,.fin .bouton.retour.on{opacity:1;cursor:pointer}.formulaire p{padding:0 100px;text-align:left}.formulaire a,.fin a{color:#000;text-decoration:underline}.fin a{line-height:50px}.formulaire .score{top:90px;color:#F0C131;font-size:40px;font-weight:700}.formulaire .top,.fin .top{margin:300px 0 10px}.fin .top{margin:350px 0 100px}.fin .bas{margin-bottom:50px}.fin img{margin:20px}.formulaire input{width:550px;margin:50px auto;padding:30px 50px;font-size:28px;color:#000;border-radius:50px;border:1px solid #A8A8A8}.formulaire input.erreur{border:1px solid red}.formulaire .check{margin-bottom:20px;padding:0 100px 0 150px;text-align:left;color:#000;background-image:url(../img/gozo-bouton-check-off.png);background-position:left 80px center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.formulaire .check.on{background-image:url(../img/gozo-bouton-check-on.png)}.formulaire .check.erreur{color:red}.formulaire .message{margin-top:164px;padding:0 100px;text-align:left;font-size:30px;color:red;font-style:italic}