.flx{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.conteneurclavier{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin:3rem 0}.clavierbloc{--largeurtoucheblanche:30px;padding:calc(var(--largeurtoucheblanche)) calc(var(--largeurtoucheblanche) * 2);border:1px solid #ced4da;background-color:#FDFDFD;position:relative;transition:.5s}.clavierbloc.expand:hover{transform:scale3d(1.25,1.25,1.25);box-shadow:0 0 12px -5px;z-index:900}.clavierbloc .btnhelpclavier{position:absolute;top:5px;right:5px;font-size:1.2rem;cursor:pointer;opacity:50%}.pianokeyboard{display:flex;border-top:5px solid #000}.pianokeyboard .toucheblanche{height:calc(var(--largeurtoucheblanche) * 31.4 / 6.1);width:var(--largeurtoucheblanche);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 1px 1px 0;background-color:#FFF;position:relative;display:flex;flex-direction:column;align-content:center;justify-content:flex-end}.pianokeyboard .touchenoire{height:calc((var(--largeurtoucheblanche) / 6.1) * 18.7);width:calc(((var(--largeurtoucheblanche) / 6.1) * 3.6) + 2px);background-color:#000;position:absolute;top:0;border-left:1px solid #FFF;border-right:1px solid #FFF;border-bottom:1px solid #FFF;display:flex;flex-direction:column;align-content:center;justify-content:flex-end}div.labeltouche,div.labelnote{font-size:7px;width:100%;text-align:center;margin-bottom:2px}div.labelnote{display:none}.toucheblanche>.labelnote{color:#000}.touchenoire>.labelnote{color:#FFF}.toucheblanche.actived>.labelnote,.touchenoire.actived>.labelnote{color:var(--col-on3)}.toucheblanche.activeg>.labelnote,.touchenoire.activeg>.labelnote{color:var(--col-on5)}.clavierbloc.withlabelnote .actived>.labelnote,.clavierbloc.withlabelnote .activeg>.labelnote{display:block}.touchenoire div.labeltouche{color:#FFF}.touchenoire.decaleleft{margin-left:calc((((var(--largeurtoucheblanche) / 6.1) * 3.6) + 2px) * -.65)}.touchenoire.decalemiddle{margin-left:calc((((var(--largeurtoucheblanche) / 6.1) * 3.6) + 2px) * -.5)}.touchenoire.decaleright{margin-left:calc((((var(--largeurtoucheblanche) / 6.1) * 3.6) + 2px) * -.35)}.toucheblanche.actived{background:rgba(0,165,171,1);background:linear-gradient(0deg,rgba(0,165,171,1) 0,rgba(255,255,255,1) 60%)}.toucheblanche.activeg{background:rgba(189,0,85,1);background:linear-gradient(0deg,rgba(189,0,85,1) 0,rgba(255,255,255,1) 60%)}.touchenoire.actived{background:rgba(0,165,171,1);background:linear-gradient(0deg,rgba(0,165,171,1) 20%,rgba(0,0,0,1) 100%)}.touchenoire.activeg{background:rgba(189,0,85,1);background:linear-gradient(0deg,rgba(189,0,85,1) 20%,rgba(0,0,0,1) 100%)}.toucheblanche.actived1{background:rgba(67,243,249,1);background:linear-gradient(0deg,rgba(67,243,249,1) 0,rgba(255,255,255,1) 60%)}.toucheblanche.activeg1{background:rgba(251,135,187,1);background:linear-gradient(0deg,rgba(251,135,187,1) 0,rgba(255,255,255,1) 60%)}.touchenoire.actived1{background:rgba(67,243,249,1);background:linear-gradient(0deg,rgba(67,243,249,1) 20%,rgba(0,0,0,1) 100%)}.touchenoire.activeg1{background:rgba(251,135,187,1);background:linear-gradient(0deg,rgba(251,135,187,1) 20%,rgba(0,0,0,1) 100%)}.toucheblanche.actived2{background:rgba(55,193,255,1);background:linear-gradient(0deg,rgba(55,193,255,1) 0,rgba(255,255,255,1) 60%)}.toucheblanche.activeg2{background:rgba(185,48,223,1);background:linear-gradient(0deg,rgba(185,48,223,1) 0,rgba(255,255,255,1) 60%)}.touchenoire.actived2{background:rgba(55,193,255,1);background:linear-gradient(0deg,rgba(55,193,255,1) 20%,rgba(0,0,0,1) 100%)}.touchenoire.activeg2{background:rgba(185,48,223,1);background:linear-gradient(0deg,rgba(185,48,223,1) 20%,rgba(0,0,0,1) 100%)}.toucheblanche.actived3{background:rgba(54,226,183,1);background:linear-gradient(0deg,rgba(54,226,183,1) 0,rgba(255,255,255,1) 60%)}.toucheblanche.activeg3{background:rgba(240,55,41,1);background:linear-gradient(0deg,rgba(240,55,41,1) 0,rgba(255,255,255,1) 60%)}.touchenoire.actived3{background:rgba(54,226,183,1);background:linear-gradient(0deg,rgba(54,226,183,1) 20%,rgba(0,0,0,1) 100%)}.touchenoire.activeg3{background:rgba(240,55,41,1);background:linear-gradient(0deg,rgba(240,55,41,1) 20%,rgba(0,0,0,1) 100%)}.toucheblanche.actived4{background:rgba(82,242,38,1);background:linear-gradient(0deg,rgba(82,242,38,1) 0,rgba(255,255,255,1) 60%)}.toucheblanche.activeg4{background:rgba(255,143,51,1);background:linear-gradient(0deg,rgba(255,143,51,1) 0,rgba(255,255,255,1) 60%)}.touchenoire.actived4{background:rgba(82,242,38,1);background:linear-gradient(0deg,rgba(82,242,38,1) 20%,rgba(0,0,0,1) 100%)}.touchenoire.activeg4{background:rgba(255,143,51,1);background:linear-gradient(0deg,rgba(255,143,51,1) 20%,rgba(0,0,0,1) 100%)}.playtitle{text-align:center;margin-bottom:calc(var(--largeurtoucheblanche) / 2);font-size:.9rem}.playtitle span.chordother{font-weight:bold;font-size:1.3rem}.playtitle span.chordnote{font-size:2.2rem;font-weight:bold;color:var(--col-3)}.mesureschema{--sizenotemesure:20px;--ratiolh:2;padding:10px;border:1px solid #ced4da;background-color:#FDFDFD}.mesureschema .titreschema{margin-bottom:1rem;text-align:center}.mesureschema .mesuresbloc{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:2rem calc(var(--sizenotemesure) / 4);margin-bottom:10px}.mesureschema .iconemesuresbloc{font-size:calc(var(--sizenotemesure) * var(--ratiolh) * .75);margin-right:1rem}.mesureschema .mesure{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.3rem}.mesureschema .notesinmesurebloc{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:0 calc(var(--sizenotemesure) / 4);border-left:2px solid #000;padding-left:calc(var(--sizenotemesure) / 4);padding-right:calc(var(--sizenotemesure) / 4)}.mesureschema .mesure .notesinmesurebloc.first{border-left-style:double;border-left-width:6px}.mesureschema .mesure .notesinmesurebloc.last{border-right-style:double;border-right-width:6px}.mesureschema .notebloc{width:var(--sizenotemesure)}.mesureschema .notemesure{width:100%;background-color:var(--col-3);border-bottom:3px solid var(--col-3)}.mesureschema .notemesure.continu{border-bottom-color:var(--col-3)}.mesureschema .notemesure.coul1,.mesureschema .notemesure.coul1.continu{background-color:#43f3f9;border-bottom-color:#43f3f9}.mesureschema .notemesure.coul2,.mesureschema .notemesure.coul2.continu{background-color:#37c1ff;border-bottom-color:#37c1ff}.mesureschema .notemesure.coul3,.mesureschema .notemesure.coul3.continu{background-color:#36e2b7;border-bottom-color:#36e2b7}.mesureschema .notemesure.coul4,.mesureschema .notemesure.coul4.continu{background-color:#52f226;border-bottom-color:#52f226}.mesureschema .notemesure.coul5,.mesureschema .notemesure.coul5.continu{background-color:#BD0055;border-bottom-color:#BD0055}.mesureschema .notemesure.coul6,.mesureschema .notemesure.coul6.continu{background-color:#fb87bb;border-bottom-color:#fb87bb}.mesureschema .notemesure.coul7,.mesureschema .notemesure.coul7.continu{background-color:#b930df;border-bottom-color:#b930df}.mesureschema .notemesure.coul8,.mesureschema .notemesure.coul8.continu{background-color:#f03729;border-bottom-color:#f03729}.mesureschema .notemesure.coul9,.mesureschema .notemesure.coul9.continu{background-color:#ff8f33;border-bottom-color:#ff8f33}.mesureschema .libellemesure{font-size:.8rem}.mesureschema .libellemesure .nummesure{font-size:.5rem}.mesureschema .notemesurelibelle{text-align:center;font-size:calc(var(--sizenotemesure) / 2.5);height:calc((var(--sizenotemesure) / 2.5) + 5px);overflow-wrap:break-word}.mesureschema .notemesuretps{text-align:center;font-size:calc(var(--sizenotemesure) /3);height:0}.mesureschema .notemesuretps.secondaire{opacity:50%;font-size:calc(var(--sizenotemesure) /3.3)}.mesureschema .notemesure.velo-1{height:calc(0.2 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-2{height:calc(0.3 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-3{height:calc(0.4 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-4{height:calc(0.5 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-5{height:calc(0.6 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-6{height:calc(0.7 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-7{height:calc(0.8 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-8{height:calc(0.9 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.mesureschema .notemesure.velo-9{height:calc(1 * var(--sizenotemesure) * var(--ratiolh))}.mesureschema .notemesure.velo-0{height:0;border-bottom-color:#CCC}.soundconteneur{margin:3rem;display:flex;flex-direction:column;align-items:center;padding:20px 30px;border:1px solid #ced4da;background-color:#FDFDFD}.soundconteneur audio{width:100%}.soundconteneur .titreaudio{font-size:.85rem}.conteneurmesure{display:flex;flex-direction:column;align-content:center;align-items:center;margin:3rem 0}.qcm{margin:1rem 1rem 3rem 1rem;border:1px solid #ced4da;background-color:#FDFDFD}.qcm-reponses{padding:1.2rem;display:flex;flex-direction:column;gap:.85rem}.qcmprogressbar{height:1px;width:0;background-color:var(--col-3);transition:.1s}.qcm input[type=radio]{appearance:none;border-radius:50%;width:20px;height:20px;border:2px solid var(--col-3);transition:.2s all linear;margin-right:5px;margin-top:-1px;cursor:pointer}.qcm input[type=radio]:checked{border:8px solid var(--col-3)}.qcm .reponse{display:flex;flex-direction:row;align-items:center}.qcm .reponse.qcmgood input[type=radio]{border:8px solid var(--col-msggood)}.qcm .reponse.qcmgood label{color:var(--col-msggood)}.qcm .reponse.qcmerror input[type=radio]{border:8px solid var(--col-msgbad)}.qcm .reponse.qcmerror label{color:var(--col-msgbad)}.questionqcm{margin-top:1.5rem;margin-left:1rem;font-weight:500}.conteneurguitare{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin:3rem 0}.guitarebloc{--sizeCase:30px;padding:calc(var(--sizeCase)) calc(var(--sizeCase) * 2);border:1px solid #ced4da;background-color:#FDFDFD;position:relative;transition:.5s}.guitarebloc circle.doigt{fill:var(--col-3)}.guitarebloc circle.doigt{fill:var(--col-3)}.guitarebloc text.txtDoigt{fill:var(--col-on3)}.blocgamme{display:flex;--gammewidth:60px;gap:calc(var(--gammewidth) / 3)}.blocgamme.center{justify-content:center}.gammedegre{width:var(--gammewidth);height:var(--gammewidth);background-color:var(--col-4);color:var(--col-on4);border-radius:99px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gammedegre.actif{background-color:var(--col-3);color:var(--col-on3)}.gammechord{font-size:1rem;font-weight:600}.gammedeg{font-size:.75rem}.blocpaiement{width:100%;border:1px solid var(--col-2);margin-bottom:2rem;display:flex;align-items:flex-start}.blocpaimontant{padding:.5rem;min-width:130px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%}.blocpaimontant.cours{background-color:var(--col-ex-cours)}.blocpaimontant.good{background-color:var(--col-ex-acquis)}.blocpaidesc{padding:.5rem}.blocpaimontant .paidate{font-size:.85rem}.blocpaimontant .paimontant{font-size:1.3rem;font-weight:600}.blocpaidesc .paititre{font-size:1.2rem}.blocpaidesc .paidetailtitre{font-size:.9rem;opacity:70%;margin-top:.2rem}.paidetail{margin-left:1rem;font-size:.85rem;margin-top:.2rem}.paidetail .important{font-weight:500}