:root {
	--jaune: yellow;
}
.tests {
	display:none;
}
@font-face {
    font-family: Symbola;
    src: url("./Symbola.ttf");
}
tr.musique button {
font-family: "Symbola";
	font-size: 24pt;
	/* font-weight: 600; */
	width: 0.95em;
	height: 1.8em;
	color: rgb(0,0,128);
	}
tr.musique-raccourcis td {
	text-align: center;
	background-color: lightgray;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:600;
}
.button-link {
    color:yellow;
	background-color:brown;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	font-family: "Symbola";
	font-size:20pt;
}
body {
	font-family: "Verdana", "Helvetica", "Arial", "Symbola";
	font-size: 10pt;
	width: 1037px;
	background-color: #E3EBBC;
	}
TD {
	vertical-align:top;
	padding:0;
	}
table.clavier {
	border:0; 
	border-spacing:0;
	border-style:none;
	}
table.larg00 {
	width:1035px;
	}
table.options {
	padding:0;
	border:0; 
	border-style:none;
	}
TD.touche1 { height:30px; text-align:center;}
TD.touche2 { height:60px;}
TD.coul1 {background-color:#FFFFCC;}
TD.coul2 {background-color:#E0EEEE;}
TD.coul3 {background-color:#EFD0EE;}

TD.coul9 {background-color:#222222; color:#ABCDEF;}
TD.coul7 {background-color:#9999AA; color:#FFFFFF; font-weight:700}
TD.coul8 {background-color:#BBBBCC; color:#FFFFFF; font-weight:700}
TD.larg1 {width:7px;}
TD.larg2 {width:14px;}
TD.larg3 {width:21px;}
TD.larg4 {width:5px;}
TD.larg5 {width:10px;}
TD.larg6 {width:15px;}
TD.larg7 {width:20px;}
TD.larg1a {width:6px;}
TD.larg2a {width:13px;}
TD.larg3a {width:20px;}
TD.larg4a {width:4px;}
TD.larg5a {width:9px;}
TD.larg6a {width:14px;}
TD.larg7a {width:19px;}
TD.larg8a {width:34px;}
TD.bord {width:10px; background-color:#999900}

.droite {float:right;}
</style>

tr.musique button {
	font-family: "Symbola";
	font-size: 24pt;
	/* font-weight: 600; */
	width: 0.95em;
	height: 1.8em;
	color: rgb(0,0,128);
	}
.button-link {
    color:yellow;
	background-color:brown;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	font-family: "Symbola";
	font-size:20pt;
}
body {
	font-family: "Verdana", "Helvetica", "Arial", "Symbola";
	font-size: 10pt;
	width: 1037px;
	background-color: #E3EBBC;
	}
TD {
	vertical-align:top;
	padding:0;
	}
table.clavier {
	border:0; 
	border-spacing:0;
	border-style:none;
	}
table.larg00 {
	width:1035px;
	}
table.options {
	padding:0;
	border:0; 
	border-style:none;
	}
TD.touche1 { height:30px; text-align:center;}
TD.touche2 { height:60px;}
TD.coul1 {background-color:#FFFFCC;}
TD.coul2 {background-color:#E0EEEE;}
TD.coul3 {background-color:#EFD0EE;}

TD.coul9 {background-color:#222222; color:#ABCDEF;}
TD.coul7 {background-color:#9999AA; color:#FFFFFF; font-weight:700}
TD.coul8 {background-color:#BBBBCC; color:#FFFFFF; font-weight:700}
TD.larg1 {width:7px;}
TD.larg2 {width:14px;}
TD.larg3 {width:21px;}
TD.larg4 {width:5px;}
TD.larg5 {width:10px;}
TD.larg6 {width:15px;}
TD.larg7 {width:20px;}
TD.larg1a {width:6px;}
TD.larg2a {width:13px;}
TD.larg3a {width:20px;}
TD.larg4a {width:4px;}
TD.larg5a {width:9px;}
TD.larg6a {width:14px;}
TD.larg7a {width:19px;}
TD.larg8a {width:34px;}
TD.bord {width:10px; background-color:#999900}

.droite {float:right;}