html{margin:0;padding:0}body{background:#72a9ba;background:linear-gradient(to bottom, #72a9ba 0%, #9ec9d7 64%);font-family:"Montserrat",sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:0;margin:0;padding:0}a{text-decoration:none;color:inherit}.alter{font-variant-position:super;margin-left:1px}.btn-custom-primary{background-color:#c7e2ea;color:#2a8cab;border-color:#72a9ba;transition:all .2s}.btn-custom-primary:hover{color:#35859d;background-color:#b4d9e4;border-color:#87bdce}.btn-custom-primary.active,.btn-custom-primary:active{background-color:#72a9ba;border-color:#72a9ba;color:#fff}.btn-custom-primary.disable{background-color:#97aeb7;border-color:#72a9ba;cursor:default}.btn-custom-primary.disable.active,.btn-custom-primary.disable:active{background-color:#97aeb7;border-color:#72a9ba}.btn-custom-secondary{color:#c7e2ea;border-color:#c7e2ea;background-color:rgba(0,0,0,0)}.btn-custom-secondary:hover{background-color:#a7ceda;border-color:#87bdce}.btn-custom-secondary:active{background-color:#72a9ba;border-color:#72a9ba}.btn-custom-dark{background-color:rgba(0,0,0,0);color:#fff !important;border-color:#fff;transition:all .2s;opacity:.6 !important}.btn-custom-dark.nav-link{opacity:1 !important}.btn-custom-dark:hover{background-color:#83b3c1 !important;border-color:#eff4f5 !important;color:#eff4f5 !important;opacity:.8 !important}.btn-custom-dark.active,.btn-custom-dark:active,.btn-custom-dark.active:hover,.btn-custom-dark:active:hover{background-color:#518899 !important;opacity:1 !important}form input{background-color:#d0e7ee !important;border-color:#a5c0c8 !important;color:#145f77 !important}.form-range::-webkit-slider-thumb{background:#145f77}.form-range::-moz-range-thumb{background:#145f77}.form-range::-ms-thumb{background:#145f77}.loading{position:fixed;top:0;left:0;right:0;bottom:0;color:rgba(169,208,220,.922);background-color:rgba(0,0,0,.478);z-index:999}.bandeau-placeholder .placeholder{border-radius:5px;background-color:#337387;min-height:clamp(116px,max(10vh,9.1vw),160px)}.hide{display:none !important}.spinner-border{width:20em;height:20em}.default-cursor{cursor:default}.dropdown-menu{cursor:pointer}.simplebar-vertical{background-color:rgba(114,169,186,.188);border-radius:4px}.simplebar-scrollbar::before{background-color:#72a9ba;opacity:1 !important}.collapsing{transition:height .5s ease}header{color:#fff;position:relative}#logo{font-family:"Satisfy",cursive;font-size:2.5rem;display:inline-block;color:#fff !important;margin:0;padding:0;background-color:rgba(0,0,0,0) !important;cursor:pointer}header nav.navbar{padding:0}header .nav-item{margin-left:30px}header .nav-link{font-size:1.3em;color:#fff !important;line-height:1em}header .btn{width:2em}header .icon-volume-mute2{color:#daebf1 !important}header .aide-off{color:#daebf1 !important;position:relative}header .aide-off:after{content:"";height:3px;width:150%;background-color:#daebf1;position:absolute;left:-1px;bottom:-1px;transform:rotate(-45deg);transform-origin:2px 2px}header .btn:hover{color:inherit !important;background-color:inherit !important;border-color:inherit !important}header .btn.show{background-color:inherit;border-color:inherit;color:inherit}#overnav-menu{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;font-size:clamp(1px,min(7vh,3.5vw),45px);background-color:rgba(114,169,186,.639);z-index:0;cursor:pointer;transition:all 1s ease;opacity:0;transition:opacity 1s ease}.menu-panel{background:#72a9ba;background:linear-gradient(to top, #4F8595 0%, #72a9ba 100%);position:absolute;right:0;left:0;top:0;bottom:0;color:#fff;z-index:99}.nav-tabs{border:none}.menu-content-main{min-height:0px}.menu-content .nav-link{font-size:min(4vh,1.5vw);color:#fff !important;border-radius:0px}.nav-link:hover{border-color:#c7e2ea !important;background-color:#c7e2ea;cursor:pointer}#gamme-list .nav-link:hover,.nav-link.selection-degre:hover{color:#72a9ba !important;background-color:rgba(199,226,234,.6901960784)}.nav-link.active,#gamme-list .nav-link.active:hover{color:#72a9ba !important;background-color:#c7e2ea;border-color:#c7e2ea;cursor:default}.menu-content-titre{letter-spacing:1px;font-size:clamp(1px,min(7vh,3.5vw),45px)}.menu-content .partie-titre{border-bottom:1px solid #fff}#add-gamme-mode .btn{width:4.5vw;height:4.5vw;font-size:min(1.5vw,25px);max-width:80px;max-height:80px}.drapeau{min-width:25px !important;opacity:.7;height:100%}#param-nomnotes .drapeau{height:50px}.btn-tri span{font-size:1.3em;position:relative;top:2px;left:-4px}.btn-filtre .nb-notes{font-size:1.4em}.btn-filtre .icon-note{position:relative;top:2px;left:-6px}.bandeau{border-radius:5px;box-shadow:-8px 8px 20px -8px #257086}.bandeau-bgcolor{background-color:#a8cdd9}.bandeau .dropdown-toggle::after{display:none}.bandeau .icon-select-arrows{position:relative;top:5px;color:#72a9ba;padding:0 4px}.bandeau .dropdown-menu{background-color:#c0dee8;border-color:#72a9ba}.bandeau .dropdown-item:hover{background-color:#72a9ba}.text-part{margin:0 0 3px 0;letter-spacing:1px;font-size:1.1em}.text-btn{font-weight:500;font-size:1.2em;margin-left:8px}.text-mode{font-weight:400;font-size:1em;line-height:1.7em}.selection-alter.btn-group{vertical-align:text-bottom}.selection-alter .btn{font-size:.8em}.btn-suppr{color:#a63535}.btn-suppr:active{border:none !important;color:#a63535 !important}.btn-suppr:hover{color:#a63535 !important}.bandeau .vertical-line{border-left:1px solid rgba(114,169,186,.439);box-shadow:inset 3px 0px 3px -4px rgba(43,59,64,.47);padding:0}.bandeau .drag{cursor:grab !important;cursor:-webkit-grab}.bandeau.gu-transit .drag,.bandeau.gu-mirror .drag{cursor:grabbing !important;cursor:-webkit-grabbing}.btn-info{color:#59a0b7;transition:all .2s;cursor:pointer}.btn-info:hover{color:#146e89}.btn-info.active,.btn-info:active{color:#257086 !important;text-shadow:3px 3px 1px #72a9ba}.btn-peda,.btn-peda-panel{color:#59a0b7 !important;font-size:.7em !important;z-index:10}@media screen and (min-width: 768px){.btn-peda,.btn-peda-panel{font-size:1em !important}}.btn-peda-panel.active{color:#def1f8 !important}.btn-peda{color:#fff !important;text-shadow:1px 1px 3px #000}.btn-peda.active{color:#def1f8 !important}.btn-peda-info{color:#def1f8 !important;text-shadow:3px 3px 1px #72a9ba}.btn-peda-info.active{color:#fff !important;text-shadow:2px 2px 3px #204a58;cursor:default}.peda{margin-top:5px;border-radius:5px;font-size:1.2em;font-weight:500;background-color:#c0dee8;text-align:left;color:#257086;font-size:1em}@media screen and (min-width: 1500px){.peda{font-size:1.2em}}.peda-nav-gapend{color:rgba(0,0,0,0)}.peda-nav-gapend:hover{color:rgba(0,0,0,0) !important;cursor:default !important}.peda-menu-item{cursor:pointer;background-color:#b2d5e0;border:2px solid #c0dee8;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:inset 0px -5px 10px -9px #257086;border-bottom:none}.peda-menu-item.active{cursor:default;background-color:#c0dee8;box-shadow:none}.peda-menuitem-caseaccord{max-width:270px}.btn-peda-part{cursor:pointer;border-bottom:1px solid #7bb3c5}.btn-peda-part:hover:not(.active){box-shadow:0px 13px 10px -13px #72a9ba}.btn-peda-part.active{cursor:default;border-bottom:2px solid #257086;text-shadow:1px 1px 0px #257086}.peda-content,.peda-part{display:none}.peda-content.active,.peda-part.active{display:block}.peda-content .p2-inter{font-size:.85em}table{width:auto;background-color:rgba(255,255,255,.168627451);border-collapse:collapse;border-width:2px;border-color:#257086;border-style:solid;margin-top:20px}table td,table th{border-width:2px;border-color:rgba(37,112,134,.2588235294);border-style:solid;padding:5px 15px}table thead{background-color:rgba(37,112,134,.2392156863)}.dico{border-bottom:1px dashed #04323f;color:#4391a8;cursor:help}#dico-canvas{width:90%;font-size:.6em}@media screen and (min-width: 900px){#dico-canvas{font-size:.8em}}@media screen and (min-width: 1200px){#dico-canvas{width:80%;font-size:.9em}}@media screen and (min-width: 1500px){#dico-canvas{width:85%;font-size:1em}}@media screen and (min-width: 1800px){#dico-canvas{width:70%}}#dico-canvas .offcanvas-header{border-bottom:1px solid #257086;background-color:#72a9ba;color:#fff}#dico-canvas .offcanvas-body{background-color:#afd2df;color:#257086;font-size:1.2em;font-weight:500}.offcanvas-body .nav{margin-right:1.5em !important}.offcanvas-body .nav-link{color:#256f86;text-align:left}.offcanvas-body .nav-link.active{background-color:#257086;color:#fff !important}.text-accord-peda-chord,.text-accord-peda-note{font-family:"Sofia Sans Semi Condensed",sans-serif;font-size:1.5em;font-weight:700;color:#294a54}.text-accord-peda-chord .p1{font-size:.8em}.text-accord-peda-note{font-size:1.1em}table .text-accord-peda-note{font-size:1.1em}.accord{cursor:pointer;max-width:270px;min-height:clamp(75px,max(10vh,6.5vw),160px);background-color:#c0dee8}.accord,.bandeau-info{border-radius:5px}.bandeau-info{font-size:clamp(15px,1.1vw,23px);color:#256f86}.bandeau-info .cycles{font-family:"Sofia Sans Semi Condensed"}.bandeau-info .cycle{font-size:1.3em;line-height:1em;color:#59a0b7;cursor:pointer}.bandeau-info .cycle:hover{color:#146e89}.bandeau-info .cycle.active{color:#146e89;text-shadow:1px 1px 1px #146e89}.bandeau-info .mode-name{font-size:.6em;display:none}@media screen and (min-width: 1760px){.bandeau-info .mode-name{display:inline}}.dropdown-item-container{padding:0 30px 0 0}.bandeau-info .degre-num{display:inline-block;width:20%}.bandeau-info .degre-name{display:inline-block}.selnotes-container{display:none;background-color:#a8cdd9;border-radius:5px;z-index:15}.selnotes-container .icon-check{color:#257086}.selnotes-container .icon-close{color:#a63535}.selnotes-container.active{display:block}.bandeau-info .selnotes{border:1px solid #59a0b7;border-radius:5px;color:#59a0b7;background-color:#c0dee8;position:relative}@media screen and (min-width: 1760px){.bandeau-info .selnotes{border:2px solid #59a0b7}}.bandeau-info .selnotes>*{height:100%}@media screen and (min-width: 1760px){.bandeau-info .selnotes>*{height:25%}}.selnotes-label{font-size:.7em}.bandeau-info .degre{background-color:#afd1dc;animation:selnote-flashing 1s ease-in-out infinite}.bandeau-info .fonda{background-color:rgba(0,0,0,0);animation:none;cursor:default;font-size:.65em}.bandeau-info .degre.active{background-color:#fff;animation:none}.bandeau-info .sel-base,.bandeau-info .sel-enrich{border:1px solid #59a0b7;height:70%;border-right:none}@media screen and (min-width: 1760px){.bandeau-info .sel-base,.bandeau-info .sel-enrich{height:100%}}.bandeau-info .sel-base{border-bottom:none}.bandeau-info .sel-enrich{border-top:none}.bandeau-info .sel-base:first-child{border-top-left-radius:5px}.bandeau-info .sel-base:nth-child(4){border-top-right-radius:5px;border-right:1px solid #59a0b7}.bandeau-info .sel-enrich:first-child{border-bottom-left-radius:5px}.bandeau-info .sel-enrich:last-child{border-right:1px solid #59a0b7}@media screen and (min-width: 1760px){.bandeau-info .sel-enrich:last-child{border-right:none}}.btn-selnotes-valid,.btn-selnotes-annul{font-size:1.2em;height:100%}@media screen and (min-width: 1760px){.btn-selnotes-valid,.btn-selnotes-annul{height:35%}}.part-sus{font-size:.8em}.part-add{font-size:.8em;font-variant-position:super}.part-no{font-size:.9em}.part-values{font-size:1.2em}.p3-inter,.p4-inter,.inter{font-size:1.1em}.part-bass{position:relative;top:4px;font-size:.9em}.accord .degre-case{float:left;padding-left:7px;color:#78a5b2;font-size:clamp(12px,max(1.2vh,0.8vw),15px);font-weight:700}.accord .bass-clef{float:left;color:#97aeb7;font-family:"Noto Music",sans-serif;font-size:1em;margin-top:-1em}@media screen and (min-width: 1300px){.accord .bass-clef{font-size:1.2em;margin-top:-1.2em}}@media screen and (min-width: 1600px){.accord .bass-clef{font-size:1.4em;margin-top:-1.4em}}.accord.active .bass-clef{color:#fff}.accord.active .select-bass .bass-clef{animation:bass-clef-flashing 1s ease-in-out infinite}@keyframes bass-clef-flashing{0%{color:#94bcc8}50%{color:#f0f9fc}100%{color:#94bcc8}}.accord .select-bass .degre.active{animation:note-flashing 1s ease-in-out infinite;border-top:2px solid #fff;margin-top:-2px}@keyframes note-flashing{0%{background-color:#94bcc8;color:#fff}50%{background-color:#f0f9fc;color:#4f8595}100%{background-color:#94bcc8;color:#fff}}@keyframes selnote-flashing{0%{background-color:#afd1dc}50%{background-color:#9dc5d2}100%{background-color:#afd1dc}}.accord.active .case-degre{color:#8db9c7}.accord .degre{opacity:.5;font-weight:300}.accord .degre.selnote{animation:note-flashing 1s ease-in-out infinite}.accord .degre.basse{border-top:2px solid #6f8087;margin-top:-2px}.accord.active .degre.basse{border-top-color:#fff}.accord .degre.active{background-color:rgba(148,188,200,.7490196078);font-weight:500}.accord .degre.active.flash{animation:note-flashing .2s 1}.accord .degre-enrich:last-child,.accord .degre-base:last-child{border-top-right-radius:5px}.accord .degre-enrich:first-child{border-bottom-left-radius:5px}.accord .degre-base:nth-child(2){border-top-left-radius:5px}.accord.active{background-color:#257086;color:#fff}.accord.active .degre{opacity:1}.degre{font-weight:300;letter-spacing:1px;font-size:clamp(10px,max(1.2vh,0.8vw),15px);cursor:pointer}.accord.active .degre.active{background-color:#94bcc8;color:#fff;font-weight:550}.text-accord{font-family:"Sofia Sans Semi Condensed",sans-serif;font-weight:500;font-size:clamp(16px,1.5vw,40px);z-index:10}.inter-case-container{position:absolute;z-index:20;pointer-events:none}.inter-case{font-family:"Noto Music",sans-serif;font-size:1.1em;color:#598392;max-width:270px}@media screen and (min-width: 1760px){.inter-case{font-size:1.5em}}.svg-icon{display:inline-block;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.sym-ton{font-size:.9em;position:relative;top:-0.7em;right:-0.1em;margin-left:-2px}.sym-demiton{font-size:.7em;transform:rotate(180deg)}.text-accord-note{font-size:1.2em;margin-right:1px}.text-accord-nom{font-weight:400;font-size:clamp(15px,1em,27px)}.accord.diese .accord-bemol,.accord.bemol .accord-diese,.alter-nom.diese .alter-nom-bemol,.alter-nom.bemol .alter-nom-diese{display:none}.col-1half{width:14.167%}.col-2half{width:21%}.modal-content{background-color:#97c2cf}.modal-header{background-color:#72a9ba !important;color:#fff}.modal-body{font-size:1.3em}.modal-footer{background-color:#72a9ba !important}.confirm-btn{background-color:#afd3de}.msg-erreur p{margin:0;font-size:.8em;color:#bf0012}#welcomeModal .modal-body{background-color:rgba(192,222,232,.4901960784)}.welcome-info{margin-left:2em;line-height:2em}.welcome-info .aide-on{color:#fff;background-color:#73aabb;padding:5px 5px 5px 4px;border-radius:4px;position:relative;font-size:1.1em}.welcome-info .icon-menu{text-shadow:1px 1px 3px #000}.welcome-info .degre-info{font-size:.8em;background-color:rgba(148,188,200,.7490196078);font-weight:500;display:inline-block;width:33px;text-align:center;color:#686868;line-height:1.8em;border-radius:4px}.welcome-info .comment{font-size:.8em;font-style:italic}.tip-header{color:#fff;background-color:#4f8595;border-radius:5px 5px 0 0;padding:4px 0px 8px}.tip-body{text-align:left;border-radius:0 0 5px 5px;padding:3px 14px 7px;background-color:#d1dbdf;color:#39798d}.tooltip-arrow{visibility:hidden}.tooltip-inner{box-shadow:rgba(0,0,0,.15) 0px 8px 26px 10px;position:relative;border:1px solid #39798d;background-color:#d1eaf2;color:#42828f;font-size:.8em;max-width:400px}.tooltip[data-popper-placement=top] .tooltip-arrow::before{border-top-color:#d1eaf2 !important}.tooltip[data-popper-placement=bottom] .tooltip-arrow::before{border-bottom-color:#d1eaf2 !important}.tooltip[data-popper-placement=right] .tooltip-arrow::before{border-right-color:#d1eaf2 !important}.tooltip[data-popper-placement=left] .tooltip-arrow::before{border-left-color:#d1eaf2 !important}/*# sourceMappingURL=main.min.css.map */