@charset "UTF-8";input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-o-inner-spin-button{-o-appearance:none;margin:0}.title{margin:0;color:#d9d7d7;font-size:24px}header#home{display:none}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;display:flex;justify-content:center;flex-direction:column}.site-content{background:url(/wp-content/images/accueileleve/bg.svg) no-repeat;background-size:cover;min-height:100vh}.clickedMonster{background-size:95%!important;background-repeat:no-repeat!important;background-position:center!important;color:transparent!important;border:none!important;box-shadow:none!important}.number{display:flex;flex-direction:column;align-items:center}.number i:before{margin:10px 78px 10px 0;font-weight:900;color:#78d5f9}.fa-caret-down:hover,.fa-caret-up:hover{cursor:pointer;opacity:.8}.lettreNumber{display:flex;align-items:center}.lettreNumber p{margin-left:15px}.game{background-color:#fff;border-radius:20px;padding:1rem;max-width:90%;min-width:750px;min-height:487px;margin:auto}.buttonSound{margin-left:15px;padding:10px;background-color:#78d5f9;cursor:pointer;border-radius:18px;border-bottom:4px solid #4ec6f7;color:#fff}.buttonSound:hover{opacity:.8}#play-button{width:45px;height:40px}#word button{width:5%;height:50px;margin:.3%}.progress-container{display:flex;margin:20px 20%;width:60%;height:20px;border-radius:10px;background-color:#eaeaea}#myBar{background-color:#7d7dff;border-radius:10px}#inputValidationWord{text-transform:uppercase;line-height:44px;border:2px solid #eaeaea;padding:2px 10px;font-weight:700;border-radius:15px;border-bottom:4px solid #eaeaea;font-size:24px;margin:0 25%}.hiddenLetter{padding:0!important;margin:0 2px;max-width:6%;border-radius:15px;background-color:#fff;border:solid 2px #eaeaea}input.hiddenLetter:focus{color:#78d5f9}input.hiddenLetter{height:54px;font-weight:700;font-size:40px;color:#78d5f9;text-align:center;border-radius:15px;max-width:54px}#letterNumber{border:solid 3px #eaeaea;border-radius:9px;width:60px;height:60px;border-bottom:6px solid #e6e6e6;font-size:30px;font-weight:700;text-align:center;color:#78d5f9}.lettreNumber p{margin-left:15px;color:#cecece;font-size:20px;font-weight:700;letter-spacing:1px}.btnImportantLetter{background-color:#fff;border:none;width:6%!important;height:65px!important;font-size:50px!important;color:#78d5f9;line-height:65px}a.btnRetour{margin:0 15px;padding:10px;cursor:pointer}.btnRetour i.fas.fa-arrow-left{font-weight:900!important;font-size:20px;color:#78d5f9}#word{display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:50px;font-weight:900;color:#78d5f9}.word{margin:50px 0;min-height:180px;display:flex;justify-content:center;flex-direction:column}#button{position:relative;background-color:#78d5f9;border-radius:15px;border-color:transparent;border-bottom:4px solid #4ec6f7}.clicked{background-color:#78d5f9;font-size:xx-large;border:2px solid #4ec6f7;color:#fff}.goodAnswer,.rightAnswer{color:#00f49e!important}.badAnswer,.wrongAnswer{color:#ff7478!important}.header{display:flex;align-items:center;justify-content:space-around;min-height:76px;margin-top:-10px}.fa-volume{font-size:40px;font-weight:900!important}.fa-caret-down,.fa-caret-up{font-size:60px}.hidden{display:none}.cacher{visibility:hidden}.validationInput{display:flex}p.letter{height:54px;line-height:54px}.keyboard{margin:20px 2%}.keyboard span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard .base{border-radius:10px;background:#272b2c;display:flex;width:100%;height:auto;flex-direction:column;padding:30px 15px;font:28px arial;max-width:750px;margin:auto;border-radius:20px;border:2px solid #232323;border-bottom:4px solid #232323}.keyboard div[class*=line]{display:flex;justify-content:space-around}.keyboard div[class*=line]+div[class*=line]{margin-top:15px}.keyboard .line1,.keyboard .line2,.keyboard .line3{padding:0 15px}.keyboard div[class*=line] span{color:#979797;padding:8px;background:#2f3336;border-radius:12px;width:50px;text-align:center;border:1px solid #232323;border-bottom:4px solid #232323;font-family:nunito;line-height:30px;font-weight:700}.keyboard .space{width:74%!important;height:50px}.keyboard div[class*=line] span:hover{opacity:.8;background-color:#373b3d;color:#78d5f9;cursor:pointer}.keyboard div[class*=line] span.classique{width:25%}.keyboard div[class*=line] span.accent{width:72%}.keyboard div[class*=line] span:active{transform:scale(.9)}@media (max-width:1000px){.hiddenLetter{max-width:7%}.game{min-width:0;min-height:407px}.word{margin:10px 0}#word button{width:6%}#inputValidationWord{margin:0 18%}}@media (max-width:991px){div[class*=line] span.classique{width:28%!important}}@media (max-width:797px){.header{flex-direction:column}.buttonSound,.title{margin:10px 0}#word{font-size:40px}.title{font-size:25px}.hiddenLetter{padding:0!important}.game{margin-top:6vh}.btnImportantLetter{font-size:33px!important;padding:0}#inputValidationWord{margin:0 15%}}@media (max-width:700px){#word button{width:8%;max-width:15%}.hiddenLetter{max-width:8%}}@media (max-width:500px){.btnImportantLetter{width:26px!important;max-width:none!important;font-size:30px!important;height:auto!important;padding:0}.badAnswer,.goodAnswer,.letter{font-size:28px}#word .caractere{font-size:26px}input.hiddenLetter{font-size:20px;height:40px;max-width:7%}div[class*=line] span.classique{font-size:22px}div[class*=line] span.accent{font-size:22px}}@media (max-width:425px){#word{font-size:30px}.title{font-size:20px}input.hiddenLetter{font-size:20px;height:40px;max-width:7%}#word button{width:15%;max-width:15%}}