html{width:100%;height:100%;position:fixed}body{width:100%;height:100%;color:#fff;font-size:32px;font-family:"Work Sans",sans-serif;text-align:center;background-color:#fe5815;user-select:none;overscroll-behavior:contain;-webkit-touch-callout:none}img{margin:0;padding:0;border:none}p{margin:20px;color:#001a70;font-size:46px;text-align:center}a{color:#fff;text-decoration:none;-webkit-transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out}a:hover{color:#001972}i,em{font-style:italic}b,strong{font-weight:700}sup{font-size:12px;position:relative;top:-8px}input{display:block;margin:auto;font-size:32px;font-family:"Work Sans",sans-serif;box-shadow:none;border:none;outline:none}#site{display:none;width:1080px;height:1920px;position:absolute;left:0;top:0;overflow:hidden;transform-origin:left top;background-color:#fe5815}.ecran{display:none;opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;background-color:#fe5815;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}.show{opacity:1!important}.bt{display:block;width:691px;height:229px;margin:auto;position:absolute;left:0;right:0;background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;-webkit-transition:transform 0.2s ease-in-out;-moz-transition:transform 0.2s ease-in-out;-ms-transition:transform 0.2s ease-in-out;-o-transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out}.bt.orange{background-image:url(../img/bt_orange.png)}.bt.bleu{background-image:url(../img/bt_bleu.png)}.bt.rs{width:180px;height:180px;margin:0 30px}.bt:hover{transform:scale(.9)}.bt p{margin:0;position:absolute;left:0;right:0;top:50px;color:#ffffff!important;font-size:80px;font-weight:700;text-transform:uppercase}.logo{display:block;width:459px;height:88px;position:absolute;left:61px;top:55px;background-image:url(../img/logo_dalkia.png);z-index:100}.logged{display:block;position:absolute;right:50px;top:80px;text-align:right;font-weight:700;cursor:pointer;z-index:100}#footer{display:block;width:100%;position:absolute;left:0;bottom:20px;z-index:100}#footer p{color:#fff;font-size:30px;font-weight:200;line-height:45px}#accueil{background-image:url(../img/bg_accueil.png)}#accueil .titre{display:block;width:912px;height:338px;margin:auto;position:absolute;left:0;right:0;top:170px;background-image:url(../img/logo_waste_challenge.png);background-size:contain;background-repeat:no-repeat;background-position:center}#accueil p.baseline{width:850px;margin:auto;position:absolute;left:0;right:0;top:555px;color:#fff;font-size:70px;font-weight:200}#accueil .jouer{top:1510px}#jeu{background-image:url(../img/bg_jeu.png)}#jeu p.quantitetxt{margin:auto;position:absolute;left:0;right:0;top:255px;color:#fff;font-size:52px;font-weight:700;text-transform:uppercase;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}#jeu p.scoretxt{margin:auto;position:absolute;left:460px;right:60px;bottom:135px;color:#fff;font-size:25px;text-align:right;opacity:0;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}#jeu .regles{background-image:url(../img/bg_regles.png);background-repeat:no-repeat;background-position:center 234px}#jeu .regles,#jeu .fin{display:none;opacity:0;width:1000px;height:1000px;margin:auto;position:absolute;left:0;right:0;top:622px;background-color:#efe1dc;z-index:100;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}#jeu .regles>p,#jeu .fin>p{position:relative;line-height:54px;font-weight:200;color:#001a70}#jeu .regles p.clavier,#jeu .regles p.swipe{margin-top:35px}#jeu .regles p b,#jeu .fin p b{font-weight:600}#jeu .regles p.poids{display:inline-block;margin:170px 40px 0}#jeu .regles p.poids b{font-weight:800}#jeu .regles p.swipe{display:none}#jeu .regles .bt,#jeu .fin .bt{top:756px}#jeu .regles .bt.off{opacity:.2}#jeu .regles input[type=checkbox]{display:inline-block;width:42px;height:42px;margin-top:15px;position:relative;vertical-align:top;border:5px solid #001a70;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;cursor:pointer}#jeu .regles input[type=checkbox]:checked:before{content:"X";display:block;position:absolute;left:5px;top:-3px;color:#001a70;font-size:32px;font-weight:700}#jeu .regles label{display:inline-block;width:730px;margin:10px 0 10px 10px;color:#001a70;line-height:40px;font-size:30px;font-weight:400;text-align:left;vertical-align:middle;cursor:pointer}#jeu .regles label a{color:#001a70;text-decoration:underline;font-weight:700}#jeu #canvas{width:1000px;height:1000px;margin:auto;position:absolute;left:0;right:0;top:622px;background-color:#efe1dc;-webkit-touch-callout:none;z-index:100}#jeu .score span{font-weight:700}#jeu .score.quantite{width:857px;margin:auto;padding:30px 0;position:absolute;top:345px;left:0;right:0;font-size:100px;font-weight:200;text-align:center;background-color:#005bbb;border-radius:100px}#jeu .score.quantite span{font-size:130px;font-weight:700}#jeu .score.total{position:absolute;margin:auto;top:auto;left:60px;right:60px;bottom:200px;font-size:70px;font-weight:200;text-align:right;text-transform:uppercase}#jeu .fin>p:first-child{margin:130px auto 90px;font-size:100px;font-style:italic;text-transform:uppercase}#jeu .fin>p:first-child b{font-weight:700}#jeu .fin .score{width:700px;display:inline-block;margin:0 auto 50px;left:70px;color:#FF5B00;font-size:50px;font-weight:200;text-align:left}#jeu .fin .score::before{content:"";display:block;width:100px;height:100px;position:absolute;left:-100px;top:-25px;background-repeat:no-repeat;background-position:center}#jeu .fin .score.electricite{margin-top:30px}#jeu .fin .score.electricite::before{background-image:url(../img/picto_electricite.png)}#jeu .fin .score.chauffage::before{background-image:url(../img/picto_foyer.png)}#jeu .fin .score.co2::before{background-image:url(../img/picto_co2.png)}#jeu .fin .score.total{display:none;width:auto;position:relative;left:auto;right:auto;bottom:auto;text-align:center;font-size:100px;color:#005bbb}#bilan{background-image:url(../img/bg_bilan.png)}#bilan>p{width:800px;margin:20px auto;line-height:70px;color:#fff;font-size:50px;font-weight:700;text-transform:uppercase}#bilan>p:first-child{margin-top:280px;text-transform:none}#bilan .score.total{width:800px;margin:0 auto 40px;padding:40px 20px;position:relative;top:0;left:0;right:0;font-size:100px;font-weight:700;text-align:center;background-color:#005bbb;border-radius:100px}#bilan .bt{position:relative}#bilan .rejouer{position:relative;margin-top:80px;margin-bottom:30px}#bilan .sinscrire{position:relative;margin-bottom:40px}#bilan .bt.rs{display:inline-block;margin-bottom:60px}#bilan .facebook{background-image:url(../img/bt_facebook.png)}#bilan .twitter{background-image:url(../img/bt_twitter.png)}#bilan .linkedin{background-image:url(../img/bt_linkedin.png)}#bilan .classement{display:none}#bilan.connect .participer,#bilan.connect .sinscrire{display:none}#bilan.connect .classement{display:block}#bilan.connect>p.mon_score{margin-top:320px}#bilan.connect .score.total{margin-bottom:160px}#bilan.connect .rejouer{margin-top:120px}#inscription{background-image:url(../img/bg_bilan.png)}#inscription>p{margin:200px auto 50px;line-height:90px;color:#fff;font-size:70px;font-weight:700}#inscription .formulaire{width:870px;margin:auto}#inscription .formulaire input[type=text],#inscription .formulaire input[type=email]{display:inline-block;width:480px;margin:10px auto;padding:15px 20px;font-size:40px;vertical-align:middle;border:5px solid #fff}#inscription .formulaire input[type=checkbox]{display:inline-block;width:42px;height:42px;margin-top:15px;position:relative;vertical-align:top;border:5px solid #001a70;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;cursor:pointer}#inscription .formulaire input[type=checkbox]:checked:before{content:"X";display:block;position:absolute;left:5px;top:-3px;color:#001a70;font-size:32px;font-weight:700}#inscription .formulaire input.error{background-color:#FF9C9C}#inscription .formulaire label{display:inline-block;width:200px;margin-right:20px;line-height:40px;font-size:40px;font-weight:200;text-align:right;vertical-align:middle}#inscription .formulaire .checkbox{margin-top:20px}#inscription .formulaire .checkbox label{display:inline-block;width:730px;margin:10px 0 10px 10px;color:#fff;line-height:44px;font-size:32px;font-weight:200;text-align:left;vertical-align:middle;cursor:pointer}#inscription .formulaire label a{text-decoration:underline;font-weight:700}#inscription .formulaire .note{width:750px;margin:5px auto 0;color:#fff;font-size:25px;font-weight:400;font-style:italic;text-align:right}#inscription .message{display:none;width:800px;line-height:normal;margin:20px auto 0;font-size:30px}#inscription .valider{margin-top:35px;position:relative}#inscription .valider.off{opacity:.2}#inscription .retour{height:auto;bottom:162px;color:#fff}#inscription>p.note{width:960px;margin:auto;position:absolute;left:0;right:0;bottom:180px;line-height:normal!important;font-size:24px!important;font-weight:400;text-align:left}#inscription .note a{text-decoration:underline}#classement{background-image:url(../img/bg_bilan.png)}#classement>p{margin-bottom:40px;color:#fff;font-size:50px;font-weight:700;text-transform:uppercase}#classement .infos>p{margin-bottom:40px;color:#fff;font-size:50px;font-weight:700;text-transform:uppercase}#classement>p:first-child{margin-top:230px}#classement .liste{width:600px;margin:20px auto 60px}#classement .liste p{margin:20px auto;padding-left:300px;position:relative;color:#fff;font-size:36px;font-weight:200;text-align:left;text-transform:capitalize}#classement .liste p span{display:inline-block;width:200px;position:absolute;left:0;text-align:right;font-weight:600;font-style:italic}#classement .best p{width:300px;display:inline-block;margin:0 auto 40px;padding:20px 60px;position:relative;top:0;left:0;right:0;color:#fff;font-size:60px;font-weight:700;text-align:center;background-color:#005bbb;border-radius:100px}#classement .bt{position:relative}#classement .bt.rs{display:inline-block;margin-bottom:60px}#classement .facebook{background-image:url(../img/bt_facebook.png)}#classement .twitter{background-image:url(../img/bt_twitter.png)}#classement .linkedin{background-image:url(../img/bt_linkedin.png)}