.id {
background-color:#FAC;
border-radius:6px;
padding:1px 3px;
font-family:Arial;
font-size:10px;
max-width:100%;
overflow:hidden;
opacity:0.5;
}

.ZONE_RACCOURCIS
{
border-radius:6px; padding:6px;
font-family:Arial;
font-size:9px;
vertical-align:top;
}

.ZONE_RACCOURCIS td
{
vertical-align:top;
}

.ZONE_RACCOURCIS h2
{
margin:0;
}

.ZONE_RACCOURCIS h3
{
margin:0;
}

._cvW
{
background-color:#44E367;
}

._cwJ ._cvV {
color:#FFF;
}

._cvV
{
background-color:#258AF3;
}

._cvV.L0
{
background-color:#258AF3;
}

._cvV.L1
{
background-color:#85BBF2;
}

.ZONE_MORCEAU
{
background-color:#8530BF;
}

._cvU
{
background-color:#ffDF14;
}

._cvX
{
background-color:#FFA444;
}

._cvY
{
background-color:#C362FF;
}

._cvZ
{
background-color:#C0C0C0;
position:relative;
}

._cvU ._cuW2 h2
{
background-color:#ffDF14;
}

._cvW ._cuW2 h2
{
background-color:#44E367;
}

._cvW ._cuW2 h3
{
border-bottom:solid 3px #44E367;
}

._cvW ._cuW2 h3.parameters
{
background-color:#DFFFBF;
border-radius:12px 12px 0 0;
margin-top:-10px;
margin-left:-10px;
font-weight:bold;
border:none;
padding-bottom:2px;
}

._cvU ._cuW2 h3
{
border-bottom:solid 3px #ffDF14;
}

._cvU ._cuW2 h3.parameters
{
background-color:#DFFFBF;
border-radius:12px 12px 0 0;
margin-top:-10px;
margin-left:-10px;
font-weight:bold;
border:none;
padding-bottom:2px;
}

._cvW ._cuW2 .PARAM-BOX
{
background-color:#DFFFBF;
border:solid 2px #DFFFBF;
padding:10px;
border-radius:12px;
margin-bottom:10px;
}

._cuW2 .PARAM-BOX li
{
margin-left:20px;
}

._cvV ._cuW2 h1
{
color:#258AF3;
border-bottom:solid 3px #258AF3;
}
._cvV ._cuW2 h2
{
color:#FFF;
background-color:#258AF3;
}
.ZONE_MORCEAU ._cuW2 h2
{
background-color:#8530BF;
}
._cvX ._cuW2 h2
{
background-color:#FFA444;
}
._cvY ._cuW2 h2
{
color:#FFF;
background-color:#C362FF;
}

._cvZ ._cuW2 h2
{
background-color:#C0C0C0;
}

body {
background-color:#F0F0F0 !important;
font-family:"Arial";
font-size:12px;
overflow:hidden;
}

#_hS {

background-color:#FFF;
border-radius:16px 16px 0 0;
height:100%;


}

#_Lz {

background-color:#FFF;
border-radius:16px 16px 0 0;

}

@media all and (min-width: 700px) {
#_Lz-AREA {
width:100%;
padding-right:348px !important;
margin-right:-348px !important;
height:100%;
float:left;
}
#_cxS {
width:100%;
padding-right:360px !important;
margin-right:-360px !important;
}
#_cvH {
width:348px;
float:right;
height:100%;
position:relative;

}
._cwL {
padding-right:6px;
}
._cwL ul {
padding-right:6px;
}
#_b7B ._cwI {
height:100%;padding-top:239px;
}
#_b7B ._cuK {
margin-top:-239px;width:100%;
}
#_b7B ._cwL {
height:100%;clear:both;overflow-y:scroll;
margin-right:-6px;
}

#_b8U ._cwI {
height:100%;padding-top:174px;
}
#_b8U ._cuK {
margin-top:-174px;width:100%;
}
#_b8U ._cwL {
height:100%;clear:both;overflow-y:scroll;
margin-right:-6px;
}

}
@media all and (max-width: 700px) {
#_Lz-AREA {
width:100%;
height:100%;
#
#
padding-bottom: 0px !important;
margin-bottom: -0px;
}
#_cxS {
width:100%;
}
#_cvH {
width:100%;
height:370px;
position:relative;
}

#_b7B ._cuK {
width:322px;
}
#_bsj {
#
}
#_bsX, #_bsX2, #_bsX0, #_b2T, #_b2V, #_cMe, #_cMf, #_bcB {
display:none;
}
}

#_hS h1{
font-variant: small-caps slashed-zero;
font-family:Arial;
font-size:18px;
padding:6px 12px;
margin:0;
}

._cwA
{
border:none;
padding:0;
margin:0;
}
._cwA th
{
border:none;
border-radius:12px 12px 0 0;
padding:12px 6px;;
width:16%;
font-variant: small-caps slashed-zero;
font-family:Arial;
font-size:14px;
cursor:pointer;
}

._cwJ div
{
display:inline-block;
margin:1px;
padding:12px 6px;
font-variant: small-caps slashed-zero;
font-family:Arial;
font-size:12px;
cursor:pointer;
border-radius: 6px;
}

._cuW{
padding:6px;
}

._cuW2
{
height:600px;
padding:6px;
box-shadow:1px 1px 15px #FFF;
background-color:#FFF;
overflow-y:auto;
}

._cuW table
{
font-family:Arial;
font-size:12px;
}

._cuW th{
border:none;
background-color:transparent;
}

._cuW input[type=button],
._cuW button
{
border-radius:8px;
width:60px !important;
height:40px !important;
background-color:#FAFAFA;
border:solid 0.5px #CCC;
cursor:pointer;
font-family:Arial;
font-size:12px;
}
._cuW
{
height:100%;
}
._cuW2
{
height:100%;
}
._cuW .spacebutton
{
margin:2px;
padding:2px;
width:72px !important;
height:30px !important;
background-color:transparent;
display:inline-block;
padding:0;
margin:0;
}

._cuW input[type=button].LARGE,
._cuW button.LARGE
{
margin:2px;
padding:2px;
background-color:#F0F0F0;
height:30px !important;
}

._cuW input[type=button].SMALL,
._cuW button.SMALL
{
margin:2px;
padding:2px;
width:40px !important;
height:30px !important;
background-color:#F0F0F0;
}

._cuW input[type=text], ._cuW input[type=number], ._crN
{
margin:2px;
padding:2px 6px;
height:30px !important;
border-radius:8px;
border:solid 0.5px #CCC;
font-family:Arial;
font-size:12px;
background-color:#FFF;
}

._cuW input[type=button]:disabled {
opacity:0.4;
}

._cuW select
{
margin:2px;
padding:2px 6px;
height:30px !important;
border-radius:8px;
border:solid 0.5px #CCC;
font-family:Arial;
font-size:12px;
}

._cuW input[type=button].ALLONGE,
._cuW button.ALLONGE
{
border-radius:8px;
width:132px !important;
height:30px !important;
background-color:#FAFAFA;
border:solid 0.5px #CCC;
}

._cuW input[type=button].ON {
background-color:#DFFFBF;
}

._cuW input[type=button].ON-1-2 {
background-color: linear-gradient(135deg, #DFFFBF, #DFFFBF 50%, transparent 50%, transparent);
}

._cuW input[type=button].ON-2-2 {
background-color: linear-gradient(135deg, transparent, transparent 50%, #DFFFBF 50%, #DFFFBF);
}



._cuW h2
{
margin:0;
padding:3px 8px;
border-radius:12px;
font-variant: small-caps slashed-zero;
font-family:Arial;
font-size:12px;
}

._cuW h3
{
margin:0;
padding:3px 8px;
font-variant: small-caps slashed-zero;
font-family:Arial;
font-size:12px;
}

._cuW ._cxO
{
border:none;
}

.PARAM-BOX {
display:none;
}

.PARAM-BOX.ON {
display:block;
}

.BUTTON-BOX
{
display:inline-block;
margin:0;
padding:0;
border:none;
position:relative;
}

.BUTTON-BOX .ELT {
margin:6px;
border-radius:6px;
height: 40px;
}
.BUTTON-BOX.ON .ELT{
background-color:#DFFFBF;
}

.BUTTON-BOX.ON-0-2 .ELT {
background: linear-gradient(115deg, #FAFAFA, #FAFAFA 49%, #CCC 50%, #FAFAFA 51%, #FAFAFA);
}

.BUTTON-BOX.ON-1-2 .ELT {
background: linear-gradient(115deg, #DFFFBF, #DFFFBF 49%, #CCC 50%, #FAFAFA 51%, #FAFAFA);
}

.BUTTON-BOX.ON-2-2 .ELT {
background: linear-gradient(115deg, #FAFAFA, #FAFAFA 49%, #CCC 50%, #DFFFBF 51%, #DFFFBF);
}

.BUTTON-BOX.ON input[type=button],
.BUTTON-BOX.ON-0-2 input[type=button],.BUTTON-BOX.ON-1-2 input[type=button],.BUTTON-BOX.ON-2-2 input[type=button]
{
margin:0;
background-color:transparent;
}



.SHORTCUT
{
font-family:Arial;
font-size:12px;
display:inline-block;
position:absolute;
top:0;
left:0;

}

.SHORTCUT:hover
{
font-size:16px;
}

.SHORTCUT div
{
padding:0 3px;
border-radius:12px;
background-color:#8BF;
display:inline-block;
margin:0;
min-width:10px;
text-align:center;
}

#_cvD {
min-height:60px;
}

#_cuS
{
width:100%;
text-align:center;
padding-top:10px;
font-size:120%;
}

#_cuT
{
font-family:Arial;
font-size:14px;
}

#_cGF{
position:fixed;
background-color:#FFF;
}

#_cxS
{
position:fixed;
top:140px;
left:0px;
font-family:Arial;
font-size:14px;
width:100%;
}

#_cuQ
{
overflow-y:scroll;
touch-action: none;
}

#_cxS ._cuS
{
font-size:20px;
text-align:center;
}

#_cxS ._Py
{
padding:4px 12px;
border-radius:6px;
display:inline-block;
margin:3px;
cursor:pointer;
}

#_cxS ._Py.ON
{
background-color:#8530BF;
}

#_cxS ._Py.OFF
{
background-color:#DDD;
}

._DC {
border:dotted 0px #ccc;
float:left;
position:relative;
overflow:visible;
margin:0;
}

._cuJ, ._cxM {
z-index:1;
text-align:left;
overflow:visible;
background-color:transparent !important;
}

._cxM {
z-index:2;
display:block;
height:28px;
}

._cxN {
height:24px;
min-width:100%;
border:solid 1px #EEE;
white-space:nowrap;

}
._cxM input, ._cxM select
{
width:100%;
position:absolute;
top:0;
left:0;
color:transparent;
background-color:transparent;
border:solid 1px #EEE;
height:24px;
}
._cxM ._cxN
{
display:block;
overflow:visible;
}


._cvJ, ._cuJ._cvJ, ._cxM._cvJ
{
background-color:rgba(192,255,128,0.5) !important;
border-color:#CCC;
}

._cxM._cvJ ._cxN
{
display:none;
}

._cxM input, ._cxM select
{
}

._cxM._cvJ input, ._cxM._cvJ select
{
display:block;
color:#000;
}

._cxM._cvJ ._cxN
{
display:none;
}

._brh label
{
margin:0;
}

._cvL {
width:100%;
height:12px;
position:absolute;
}

._cvJ ._cvL {
background-color:rgba(179,204,153,0.5) !important;
}

._cuJ._cvJ input, ._cxM._cvJ input {
#background-color:transparent;
background-color:rgba(192,255,128,0.5) !important;
}

._cuJ._cuZ {
border:transparent !important;
}

._cxP {
width:100%;height:24px;position:relative;overflow:hidden;
}

._cxP ._cxQ {
display:inline-block;
color:transparent;
background-color:transparent;
white-space:nowrap;
}
._cxR {
width:100%;
position:absolute;
top:0;
left:0;
}

input._cxR {
border-color:transparent;
}
input._cxR:focus {
border-color:unset;
background-color:#dfffbf;
}

._cxO {
border:dotted 1px #F0F0F0;
}

._brh {
border-radius:12px;
padding:6px;
}

._brh .CURSEUR {
background-color:#FFF;
}
._brh input[type=range] {
background-color:#FFF;
}

.d	 {width:12px;}
.dp	 {width:18px;}
.dpp {width:21px;}

.c	 {width:24px}
.cp	 {width:36px;}
.cpp {width:42px;}

.n	 {width:48px;}
.np	 {width:72px;}
.npp {width:84px;}

.b	 {width:96px;}
.bp	 {width:144px;}
.bpp {width:168px;}

.r {width:192px;}
.rp {width:288px;}
.rpp {width:336px;}

table
{
font-family:Arial;
font-size:11px
}

th
{
background-color:#DDD;
border:outset 2px #CCC;
}

table._cxU
{
background-color:#88C;
}

._cbQ-TITRE
{
background-color:#48F;
padding:6px;
}

._cbQ-CORPS
{
background-color:#FFF;
}

._cbQ
{
background-color:#FFF;
border:solid 1px #888;
box-shadow: 5px 10px #888888;
}

._cwE
{
width: 60px;
}

._cxV {
position:absolute;
}


._cwC {
-moz-appearance: textfield;
-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
-webkit-appearance: none;
-o-appearance: none;
}

._cvM
{
background-color : #F00;
background:linear-gradient(to left, #F00, #CCC 100%);
}

._cvN
{
background-color : #F00;
background:linear-gradient(to right, #F00, #CCC 100%);
}

.btn-options-off
{
cursor:pointer;
}

.btn-options-off::before
{
content:"\25B6 ";
}

btn-options-on
{
cursor:pointer;

}

.btn-options-on::before
{
content:"\25BC ";
}

._cwB {
cursor:pointer;
}

._cwB::after
{
content:"?";
color:#000;
background-color:#FFF;
font-weight:bold;
text-align:center;
width:15px;
border-radius:10px;
float:right;
}

._Yz
{
padding:0 6px;
height:30px;
}

._YA
{
padding:6px 15px 8px 15px;
margin:0 1px;
float:left;
border-radius:0 0 6px 6px;
cursor:pointer;
}

._cvX ._YA.ON
{
background-color:#FFA444;
}

._cvY ._YA.ON
{
background-color:#C362FF;
}

._YA.OFF
{
background-color:#CCC !important;
}

._cvV ._cxA	{background-color:#E3F0FD;}
._cvW ._cxA	{background-color:#E7FBEB;}
._cvX ._cxA	{background-color:#FFF3E7;}
._cvY ._cxA	{background-color:#F3E7FF;}
._cvZ ._cxA	{background-color:#F3F3F3;}

._cvV tr.SELECTED {
background-color:#258AF3;
}

._cuG
{
box-shadow:1px 1px 20px #888;
z-index:1000;
}
._cuG.TOP::after
{
content:"";
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top-width: 15px;
border-top-style:solid;
border-top-color:inherit;
position: absolute;
left:var(--anchor-left,50%);
margin-left:-15px;
}

._WM
{
border:solid 1px #000;
border-bottom:none 0px #FFF;
}

._WO{
border:solid 1px #000;
border-bottom:none 0px #FFF;
border-right:none 0px #FFF;
}

#_Ok {
position:absolute;
top:100%;
left:0;
width:100%;
height:60px;
margin-top:-60px;
overflow:hidden;
background-color:rgba(200,200,200,0.5)
}

#_Ok #_Ov {
width:100%;
height:100%;
background-color:RGBA(255,255,255,0.7);
}

#_Ok.ON
{
padding-top:0px;
transition-property: padding-top;
transition-duration: 0.5s;
transition-delay: 0s;
}

#_Ok.OFF
{
padding-top:0px;
transition-property: padding-top, background-color;
transition-duration: 0.5s;
transition-delay: 0s;
background-color:RGBA(255,255,255,0);
}

._cCF #_Ok.OFF
{
padding-top:60px;
transition-property: padding-top;
transition-duration: 0.7s;
transition-delay: 0.2s;
}

.FULLSCREEN
{
position: fixed !important;
width: 100%;
height: 100% !important;
top: 0;
z-index: 10009;
}

#_Ok input[type=button], #_Ok button{
width:50px;
height:50px;
margin:5px;
border-radius:6px;
border:solid 1px #000;;
background-color:#DDD;
}

._Fx {
background-color:transparent !important;
}

._csv_0 {
border-radius:50%;
}

._FC input[type="radio"]:checked ~ * { padding:4px; }
._FC input[type="radio"]:checked ~ * { background-color:#8BF;border-radius:8px; }

._cHx {
fill:#F0F;
font-family:Arial;
font-weight:normal;
stroke:none;
font-size:11px;
}


.keyboard {
height:120px;
width:100%;
}

#_bsj {
position:absolute;
bottom:0;
background-color:#888;
z-index:100;
border-radius:16px 16px 0 0;
overflow:hidden;
}

.white-key {
position:absolute;
top:0;
background-color : #FFF;
border-radius: 0 0 6px 6px;
border:solid 1px #CCC;
height:100%;
width:1.923%;
}

.white-key div {
position:absolute;
top:100%;
left:0;
width:100%;
text-align:center;
margin:auto;
margin-top:-30px;
}
.black-key {
position:absolute;
top:0;
background-color : #000;
border-radius: 0 0 6px 6px;
border:solid 1px #CCC;
height:67%;
width:1.282%;
color:#FFF;
}

.white-key.KO {
background-color : #DDD;
}

.black-key.KO {
background-color : #888;
}









.white-key.ON0 {background-color : #82e0aa;} .black-key.ON0 {background-color : #2ecc71;}
.white-key.ON1 {background-color : #7dcea0;} .black-key.ON1 {background-color : #27ae60;}
.white-key.ON2 {background-color : #85c1e9;} .black-key.ON2 {background-color : #3498db;}
.white-key.ON3 {background-color : #7fb3d5;} .black-key.ON3 {background-color : #2980b9;}
.white-key.ON4 {background-color : #f7dc6f;} .black-key.ON4 {background-color : #f1c40f;}
.white-key.ON5 {background-color : #f8c471;} .black-key.ON5 {background-color : #f39c12;}
.white-key.ON6 {background-color : #c39bd3;} .black-key.ON6 {background-color : #9b59b6;}

.white-key.ON7 {background-color : #a569bd;} .black-key.ON7 {background-color : #7d3c98;}

.white-key.ON8 {background-color : #f1948a;} .black-key.ON8 {background-color : #e74c3c;}
.white-key.ON9 {background-color : #d98880;} .black-key.ON9 {background-color : #c0392b;}

.white-key.ON10 {background-color : #f0b27a;} .black-key.ON10 {background-color : #e67e22;}
.white-key.ON11 {background-color : #e59866;} .black-key.ON11 {background-color : #d35400;}


.white-key.KO.ON0, .white-key.KO.ON1, .white-key.KO.ON2, .white-key.KO.ON3, .white-key.KO.ON4, .white-key.KO.ON5, .white-key.KO.ON6, .white-key.KO.ON7 {
background-color : #FFBFBF;
}

.black-key.KO.ON0, .black-key.KO.ON1, .black-key.KO.ON2, .black-key.KO.ON3, .black-key.KO.ON4, .black-key.KO.ON5, .black-key.KO.ON6, .black-key.KO.ON7 {
background-color : #EEAEAE;
}

.resizable {
position: relative;
}
.resizer {

position: absolute;
}


.resizer-right {
cursor: col-resize;
height: 100%;
right: 0;
top: 0;
width: 5px;
background-color:#EEE;
}


.resizer-bottom {
bottom: 0;
cursor: row-resize;
height: 5px;
left: 0;
width: 100%;
}


._LR
{
position:relative;
}

._LS svg{
}

._LR ._LS{
display:none;

}

._LR ._LT{
display:block;
}

._LR:hover ._LS{
display:block;
}

._LR:hover ._LT{
display:none;
}

#_Os {
background-color:#FFF;
}

._cvS {
color:#ffbd00;
font-weight:bold;
}

._cvT {
color:#1566ad;
}

._HE {
position:absolute;
top:2%;
left:2%;

background-color:#FFF;
border-radius:16px;
height:32px;
max-height:5%;
min-height:16px;
padding:4px 8px;
}

._ccQ {
position:absolute;
background-color:transparent;
}

._ccT
{
padding-top:38px;
}
._ccU
{
border:solid 1px #000;
background-color:#FFF;
color:#000;
max-height:200px;
overflow-y:auto;
}

._ccU a {
padding:5px 34px 5px 10px;
display:block;
color:#000;
text-decoration:none;
cursor:pointer;
}

._ccS {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background-color:#CCC;
opacity:0.25;
}

._clR {
border:none 0px transparent !important;
background-color:transparent !important;
}

._cmA {
#color:#48F;
color:#832;
white-space:nowrap;
background-color:#efffdf;
padding:6px 12px;
border-radius:6px;
box-shadow: 5px 5px 15px #CCC;
z-index: 1;
opacity:0.95;
}
._cmA h1 {
font-size:115%;
}
._cmA li {
list-style-type:none;
}
li.cmd-mouse {
list-style-image: url('/img/cmd-mouse.png')
}

li.cmd-keyboard {
list-style-image: url('/img/cmd-keyboard.png')
}
li.cmd-finger {
list-style-image: url('/img/cmd-finger.png')
}
li.cmd-piano {
list-style-image: url('/img/cmd-piano.png')
}

._dkx {
height:6px;
overflow:hidden;
}

._dkx:hover {
display:block;
height:unset;
}

._dkw {
clear:both;
padding:12px;
cursor:pointer;
}

._cBO {
background-color:#DDD !important;
padding:3px;
border-radius:6px;
text-align:center;
}

._cDP {
position:relative;
background-color:#444;
color:#FFF;
height:50px;
padding:6px 10px;
border-radius:16px 16px 0 0;
overflow:hidden;
}

._cDP1 {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border-radius:16px 16px 0 0;
background : repeating-linear-gradient(-45deg, #444 1px, #666 3px, #666 5px, #444 5px, #444 8px);
border:solid 8px #444;
}

._cDP2 {
position:absolute;
padding:0 60px;
top:6px;
left:10px;
height:100%;
width:100%;
}

._cDP2 .HP
{
width:54px;
height:54px;
border:solid 8px  #444;
margin-top:-7px;
border-radius:27px;


font-weight:bold;
}

.Octave { position:absolute;top:0;left:0;width:100%;border:solid 4px transparent;min-height:10px;z-Index:2;text-align:center;font-size:11px;
width:1.923%;}

.O1 {	background-color:#FF2E2E;border-color:#FF2E2E;color:#000;}
.O2 {	background-color:#FFA62E;border-color:#FFA62E;color:#000;}
.O3 {	background-color:#FFDB2E;border-color:#FFDB2E;color:#000;}
.O4 {	background-color:#DBFF2E;border-color:#DBFF2E;color:#000;}
.O5 {	background-color:#2EFC2E;border-color:#2EFC2E;color:#000;}
.O6 {	background-color:#3BA7FA;border-color:#3BA7FA;color:#000;}
.O7 {	background-color:#7045FB;border-color:#7045FB;color:#000;}
.O8 {	background-color:#FB2DFB;border-color:#FB2DFB;color:#000;}


._cDT {
overflow-x:hidden;
}

._cFO {
background-color:#888888;
padding:1px 2px;
width:100%;
height:52px;
overflow:hidden;
border-radius:8px;
}

._cFO .SHORTCUT {
display:none;
}

._cFO ._cFP {
padding-left:6px;border-left:solid 2px #BBB;margin-left:6px;
height:100%;
}

._cFQ_ {
background-color:#888888;
position:relative;
}

._cFA li {
margin-bottom:12px;
}

#_cFR {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

._cEh {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

._cGj {
position:absolute;
border:solid 1px #888;
min-height:4px;
}

._cFC {
font-size:90%;
text-decoration:italic;
}

._cHk {
font-family:Arial;
font-size:20px;
font-weight:bold;
}