body{width:100%;height:100%;color:#000;font-size:16px;font-family:Montserrat,sans-serif;text-align:center;background-color:#fff;user-select:none}img{margin:0;padding:0;border:none}p{margin:20px;color:#000;font-size:16px;text-align:center}a,a:hover{color:#fff;text-decoration:none}em,i{font-style:italic}b,strong{font-weight:700}sup{font-size:12px;position:relative;top:-8px}#site{display:none;width:1280px;height:720px;position:absolute;left:0;top:0;overflow:hidden;transform-origin:left top;background-color:#cddb2b}.chargement{width:100%;height:100%;position:absolute;left:0;top:0;z-index:100}.chargement p{line-height:720px;margin:0 auto;color:#000;font-size:40px;font-weight:700}.accueil{display:none;z-index:1;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.accueil div{position:absolute;opacity:0;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;transform-origin:left top}.accueil .maison{width:298px;height:195px;left:297.7px;top:343.5px}.accueil .appartement:hover,.accueil .maison:hover{opacity:1}.accueil .appartement{width:317px;height:354px;left:641.3px;top:184.2px}.accueil div p{opacity:0;position:relative;left:58px;top:0;text-transform:uppercase;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.accueil div.appartement p{left:30px}.accueil div:hover p{opacity:1;top:30px}.plan{opacity:0;z-index:0;width:982px;height:590px;position:absolute;left:145px;top:30px;background-color:#cddb2b;box-shadow:10px 10px 0 0 rgba(0,0,0,.5);border:4px solid #fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.plan.show{opacity:1;z-index:2;top:60px}.plan .picto{width:73px;height:73px;position:absolute;left:-43px;top:-43px;background-color:#000;background-image:url(../img/picto-plan.png);background-repeat:no-repeat;background-position:center 16px;background-size:36px 35px;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #cddb2b;border-radius:100px}.plan>.titre{display:inline-block;padding:16px 30px;margin:0 auto;position:relative;top:-43px;color:#cddb2b;font-size:40px;font-weight:700;text-align:center;text-transform:uppercase;background-color:#000;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #cddb2b;border-radius:100px}.plan .fermer{width:20px;height:20px;position:absolute;right:10px;top:10px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;z-index:2}.plan .instruction{width:200px;position:absolute;left:50px;top:30px;color:#000;font-size:16px;font-weight:700;text-align:left}.plan .habitation{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:bottom center;background-size:contain}.plan .habitation div{position:absolute;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer}.plan .habitation div p{display:inline-block;max-width:110px;margin:auto;position:relative;top:60px;color:#000;font-size:16px;font-weight:700;text-transform:uppercase}.plan .habitation div.explore:after{content:"";display:block;width:30px;height:24px;position:absolute;bottom:2px;right:4px;background-repeat:no-repeat;background-position:center;background-size:contain}.plan .habitation div.cave.explore:after{bottom:8px}.plan .habitation div.check p{color:#fff}.plan .habitation div.explore.check:after{display:none}.plan .habitation div:hover p{color:#cddb2b}.plan .habitation div.check:hover p{color:#fff}.plan .habitation div.bureau p{left:10px;top:55px}.plan .habitation div.cuisine p,.plan .habitation div.salon p{top:30px}.plan .habitation div.entree p{top:17px}.plan .habitation div.cave p{max-width:none;left:50px;top:22px}.plan .habitation div.chambre-parents-appt p,.plan .habitation div.salle-de-bain-appt p{top:25px}.plan .habitation div.salon-appt p{top:100px}.plan .habitation div.chambre-enfant p{top:13px}.plan .habitation div.box p{max-width:160px;top:18px}.plan .habitation div.bureau-appt p{top:32px}.plan .habitation div.cuisine_appt p{top:75px}.plan .habitation div span{width:40px;display:inline-block;padding-right:10px;position:absolute;left:50px;top:68px;color:#000;font-size:26px;font-weight:700;text-align:right}.plan .habitation div.check span{color:#fff}.plan .habitation div.bureau span.pile{left:6px;top:93px}.plan .habitation div.bureau span.batterie{left:79px;top:93px}.plan .habitation div.chambre-parents span.pile{left:31px;top:110px}.plan .habitation div.chambre-parents span.batterie{left:31px;top:151px}.plan .habitation div.salle-de-bain span.pile{left:20px;top:113px}.plan .habitation div.salle-de-bain span.batterie{left:20px;top:154px}.plan .habitation div.chambre-ado span.pile{left:27px;top:110px}.plan .habitation div.chambre-ado span.batterie{left:27px;top:151px}.plan .habitation div.salon span.pile{left:56px;top:69px}.plan .habitation div.salon span.batterie{left:140px;top:69px}.plan .habitation div.cuisine span.pile{left:33px;top:69px}.plan .habitation div.cuisine span.batterie{left:117px;top:69px}.plan .habitation div.entree span.pile{left:6px;top:50px}.plan .habitation div.entree span.batterie{left:6px;top:91px}.plan .habitation div.cave span.pile{left:305px;top:63px}.plan .habitation div.cave span.batterie{left:389px;top:63px}.plan .habitation div.bureau-appt span.pile{left:25px;top:81px}.plan .habitation div.bureau-appt span.batterie{left:25px;top:123px}.plan .habitation div.chambre-parents-appt span.pile{left:57px;top:74px}.plan .habitation div.chambre-parents-appt span.batterie{left:141px;top:74px}.plan .habitation div.salle-de-bain-appt span.pile{left:9px;top:81px}.plan .habitation div.salle-de-bain-appt span.batterie{left:9px;top:123px}.plan .habitation div.chambre-enfant span.pile{left:17px;top:60px}.plan .habitation div.chambre-enfant span.batterie{left:102px;top:60px}.plan .habitation div.salon-appt span.pile{left:116px;top:141px}.plan .habitation div.salon-appt span.batterie{left:200px;top:141px}.plan .habitation div.cuisine-appt span.pile{left:22px;top:114px}.plan .habitation div.cuisine-appt span.batterie{left:22px;top:156px}.plan .habitation div.box span.pile{left:0;top:51px}.plan .habitation div.box span.batterie{left:85px;top:51px}.piece{z-index:3;opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:left center;background-size:contain;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-ms-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}.piece.show{opacity:1}.piece .objet{position:absolute;background-repeat:no-repeat;background-position:top center;background-size:cover;cursor:pointer;transform:scale(.3333);transform-origin:left top}.piece .objet.check,.piece .objet:hover{background-position:bottom center}.piece .objet.check:before{content:"";display:block;width:26px;height:21px;margin:auto;position:absolute;left:0;right:0;bottom:0;top:0;background-image:url(../img/menu-check.png);background-repeat:no-repeat;background-position:center bottom;background-size:cover;transform:scale(3)}.infos{z-index:19;width:780px;height:166px;position:absolute;left:250px;bottom:-260px;-webkit-transition:bottom .5s ease-in-out;-moz-transition:bottom .5s ease-in-out;-ms-transition:bottom .5s ease-in-out;-o-transition:bottom .5s ease-in-out;transition:bottom .5s ease-in-out}.infos.show{bottom:17px}.infos .nom_piece{width:auto;height:auto;padding:6px 20px;position:absolute;left:-8px;top:-8px;color:#cddb2b;font-size:24px;font-weight:700;text-transform:uppercase;background-color:#000;box-shadow:2px 2px 0 0 rgba(0,0,0,.5);border:2px solid #cddb2b;border-radius:100px;z-index:10}.infos .fermer{width:20px;height:20px;position:absolute;right:15px;top:32px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;z-index:10}.infos .progression{width:36px;height:137px;position:absolute;left:13px;top:18px;background-color:#ef7d00;border:4px solid #fff;z-index:9}.infos .progression .barre{width:22px;height:10px;margin-bottom:1px;position:relative;left:7px;top:19px;background-color:#f4a44d}.infos .progression .barre.on{background-color:#cddb2b}.infos .compteur{width:160px;height:137px;position:absolute;left:53px;top:18px;background-color:#ef7d00;border:4px solid #fff;z-index:9;background-repeat:no-repeat;background-position:10px 30px;background-size:39px 87px}.infos .compteur div{line-height:12px;position:absolute;left:60px;top:38px;color:#fff;font-size:30px;font-weight:700;text-align:left}.infos .compteur div.batteries{top:86px}.infos .compteur div span.small{font-size:10px;font-weight:400}.infos .objet{width:757px;height:137px;position:absolute;left:13px;top:18px;background-color:#cddb2b;box-shadow:10px 10px 0 0 rgba(0,0,0,.5);border:4px solid #fff}.infos .objet .nom{width:330px;height:60px;position:absolute;left:242px;top:16px;font-size:28px;font-weight:700;text-align:left}.infos .objet .nom span{display:inline-block;line-height:30px}.infos .objet .type{width:163px;height:36px;padding-left:25px;padding-top:2px;position:absolute;left:242px;top:86px;font-size:14px;text-align:left;background-repeat:no-repeat;background-position:left bottom;background-size:188px 38px}.infos .objet .type.pile{background-image:url(../img/infos-objet-pile.png)}.infos .objet .type.batterie{background-image:url(../img/infos-objet-batterie.png)}.infos .objet .type span{font-size:10px}.infos .objet .image{width:250px;height:110px;position:absolute;left:480px;top:14px;background-repeat:no-repeat;background-position:center bottom;background-size:contain}.popin{opacity:0;z-index:0;width:757px;padding-bottom:10px;position:absolute;left:258px;top:40px;background-color:#cddb2b;box-shadow:10px 10px 0 0 rgba(0,0,0,.5);border:4px solid #fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.popin.fini,.popin.premiere{top:170px;padding-bottom:20px}.popin.show{opacity:1;z-index:9;top:70px}.popin.fini.show,.popin.premiere.show{top:200px}.popin .picto{width:73px;height:73px;position:absolute;left:-43px;top:-43px;background-color:#ef7d00;background-repeat:no-repeat;background-position:center 16px;background-size:36px 35px;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #fff;border-radius:100px}.popin>.titre{display:inline-block;padding:16px 30px;margin:0 auto;position:relative;top:-43px;color:#fff;font-size:40px;font-weight:700;text-align:center;text-transform:uppercase;background-color:#ef7d00;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #fff;border-radius:100px}.popin .fermer{width:20px;height:20px;position:absolute;right:10px;top:10px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.popin>p{width:670px;margin:-20px auto 20px;line-height:36px;font-size:38px;font-weight:700}.popin .info{width:auto;margin:10px 50px;padding:0 25px;background-color:#ef7d00;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #fff;border-radius:35px}.popin .info .titre{margin:20px auto 15px;color:#fff;font-size:28px;font-weight:700;text-transform:uppercase}.popin .info p{margin:15px auto 20px;color:#fff;font-size:24px}.popin.concours .info p{line-height:32px;font-size:26px}.popin.concours .info p b{color:#000}.popin .bouton{display:inline-block;width:170px;margin:20px;padding:10px 0;color:#cddb2b;font-size:16px;font-weight:700;background-color:#000;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);cursor:pointer}.popin .bouton.continuer,.popin .bouton.inscription{width:200px;margin:15px 15px 20px;font-size:22px;vertical-align:middle}.popin .bouton.inscription{color:#000;background-color:#ef7d00}.popin .bouton:hover{color:#fff;background-color:#ef7d00}.formulaire{width:840px;height:450px;left:218px;top:10px;background-repeat:no-repeat;background-position:top;background-size:contain}.popin.formulaire.show{top:40px}.formulaire form{width:500px;position:absolute;left:280px;top:130px;text-align:left}.formulaire input[type=email],.formulaire input[type=text]{display:inline-block;width:calc(50% - 26px);padding:3px 5px;margin:0 12px 12px 0;font-family:Montserrat,sans-serif;font-size:14px;border:2px solid #fff;outline:0}.formulaire input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;width:20px;height:20px;margin:0;position:relative;top:5px;background-color:#fff;border:none;outline:0;cursor:pointer}.formulaire input[type=checkbox]:checked{background-image:url(../img/picto-check-noir.png);background-repeat:no-repeat;background-position:center;background-size:15px}.formulaire input.erreur{border:2px solid red}#form_adresse,#form_email{width:calc(100% - 26px)}.formulaire .checkbox{position:relative}.formulaire label{position:absolute;left:30px;top:0;line-height:normal;font-size:9px}.formulaire input[type=submit]{width:auto;margin:34px 0 0 0;padding:8px 20px;color:#fff;font-family:Montserrat,sans-serif;font-size:26px;border:none;outline:0}.formulaire input[type=submit]:disabled{opacity:.2}.formulaire .message{width:270px;margin:0;position:absolute;left:220px;top:225px;font-size:14px;font-weight:700}.formulaire .reglement{width:120px;padding:0;position:absolute;left:60px;bottom:52px;font-size:14px}.formulaire .reglement a{display:block;padding:7px 0}.formulaire .reglementation{display:block;width:calc(100% - 20px);height:auto;margin:10px;position:absolute;bottom:0;left:0;line-height:normal;text-align:justify;font-weight:400;font-size:7px}.score{opacity:0;z-index:0;width:717px;height:auto;padding:0 20px 10px 20px;position:absolute;left:258px;top:35px;background-color:#ef7d00;box-shadow:10px 10px 0 0 rgba(0,0,0,.5);border:4px solid #fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.score.show{opacity:1;z-index:9;top:65px}.score .picto{width:73px;height:73px;position:absolute;left:-43px;top:-43px;background-color:#ef7d00;background-repeat:no-repeat;background-position:center 16px;background-size:36px 35px;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #fff;border-radius:100px}.score>.titre{display:inline-block;padding:16px 30px;margin:0 auto;position:relative;top:-43px;color:#000;font-size:40px;font-weight:700;text-align:center;text-transform:uppercase;background-color:#cddb2b;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #fff;border-radius:100px}.score .fermer{width:20px;height:20px;position:absolute;right:10px;top:10px;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.score>p{margin:10px auto;color:#fff;font-size:28px;font-weight:700}.score p.first{margin-top:-25px}.score .pourcent{font-size:60px;font-weight:700}.score .batteries,.score .piles{display:inline-block;margin:0 20px;color:#fff;font-size:40px;font-weight:700}.score .info{width:auto;max-width:600px;margin:20px auto 10px;padding:0 30px;background-color:#cddb2b;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);border:4px solid #fff;border-radius:35px}.score .info p{margin:18px auto 18px;color:#000;font-size:24px;font-weight:700}.score .info p.trois{margin:10px auto 10px}.score .bouton{display:inline-block;width:152px;margin:20px;padding:10px 0;color:#cddb2b;font-size:16px;font-weight:700;background-color:#000;box-shadow:4px 4px 0 0 rgba(0,0,0,.5);cursor:pointer}.score .bouton:hover{color:#000;background-color:#cddb2b}.score .bouton.facebook{width:238px;padding:0;color:#fff;background-color:#4267b2}.score .bouton.facebook a{display:block;padding:10px 0}.menu{z-index:20;position:absolute;left:-200px;top:588px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.menu.show{left:0}.menu ul li{margin-bottom:10px;padding:7px 10px 7px 45px;position:relative;font-size:14px;font-weight:700;text-align:left;background-color:#cddb2b;box-shadow:2px 2px 0 0 rgba(0,0,0,.5);cursor:pointer}.menu ul li:hover{color:#cddb2b;background-color:#000}.menu ul li span{text-transform:capitalize}.menu ul li .picto{width:36px;height:36px;position:absolute;left:5px;top:-4px;background-repeat:no-repeat;background-position:center;background-size:contain}.menu ul li.menu_accueil .picto{background-image:url(../img/menu-picto-accueil.png)}.menu ul li.menu_plan .picto{background-image:url(../img/menu-picto-plan.png)}.menu ul li.menu_score .picto{background-image:url(../img/menu-picto-score.png)}.menu ul li ul{display:none;padding:5px;position:absolute;right:-165px;bottom:-7px}.menu ul li ul li{width:120px;margin-bottom:2px;padding:5px 10px 5px 25px;font-size:12px}.menu ul li ul li.check:before{content:"";display:inline-block;width:16px;height:13px;position:absolute;left:5px;background-image:url(../img/menu-check.png);background-repeat:no-repeat;background-position:center top;background-size:cover}.menu ul li ul li.check:hover:before{background-position:center bottom}.menu ul li:hover ul{display:block}.menu ul li:hover ul li{color:#000}.menu ul li ul li:hover{color:#cddb2b}.fleche{display:none}