input[type=number] {-moz-appearance: textfield;}
* {margin: 0; padding: 0;}


body {background-image :url(RTF_06_UT.png); background-repeat: no-repeat; position : relative;}
#tout {position : relative;}
#form1 {position : relative; top : 20px;}

#vg {font-family: Arial; font-size: 20px; color: #515400; margin-left: 20px; margin-right: 30px; }

#amp_gene {font-family: Arial; font-size: 20px; color: #515400; margin-left: 60px;}

#phase_gene {font-family: Arial; font-size: 20px; color: #515400; margin-left: 150px;}

p.amp_phase {margin-left: 10px; margin-bottom: 0px; margin-top: 0px; line-height: 1em; padding: 0px;}

input.nb_1 {background-color: #e1ff73; color: #5a700f; width: 80px;}

input.r_1 {width :110px;}

input.nb_2 {background-color: #e1ff73; color: #5a700f; width: 80px;}

label.ng { font-family: Arial; font-size:20px; color: #b0605a; margin-left: 5px; margin-right: 5px;}

label.nd { font-family: Arial; font-size:20px; color: #b0605a; margin-left: 5px; margin-right: 5px;}

label.comma { font-family: Arial; font-size:13px; color: #515400; }

#syntonique { position: absolute;  top: 70px; left: 930px;} 
#egal { position: absolute;  top: 90px; left: 930px;} 
#pythagore { position: absolute;  top: 110px; left: 930px;} 


#dessin {position: absolute; top : 165px; left: 630px;}

#but_des_1 {position: absolute; top: 85px; left: 650px;}

#but_des_2 {position: absolute; top: 110px; left: 650px;}


p#gene_2 {position: absolute; top: 50px; left: 650px; font-family: Arial; font-size: 20px; color: #515400;}

#posit {margin-left: 50px;}

#zoom {margin-left: 70px;}

label.pos {font-family: Arial; font-size: 20px; color: #515400;}

#x_reset  {background-color: #b0c45a;}

#y_reset  {background-color: #b0c45a;}

#q1_1 {position: absolute; top: 65px; left: 815px;}

#q1_2 {position: absolute; top: 85px; left: 815px;}

#q1_3 {position: absolute; top: 105px; left: 815px;}

#q2_1 {position: absolute; top: 140px; left: 960px;}

#q2_2 {position: absolute; top: 160px; left: 960px;}

#q2_3 {position: absolute; top: 180px; left: 960px;}

#q3_1 {position: absolute; top: 260px; left: 980px;}

#q3_2 {position: absolute; top: 280px; left: 980px;}

#q3_3 {position: absolute; top: 300px; left: 980px;}

#q4_1 {position: absolute; top: 370px; left: 980px;}

#q4_2 {position: absolute; top: 390px; left: 980px;}

#q4_3 {position: absolute; top: 410px; left: 980px;}

#q5_1 {position: absolute; top: 490px; left: 970px;}

#q5_2 {position: absolute; top: 510px; left: 970px;}

#q5_3 {position: absolute; top: 530px; left: 970px;}

#q6_1 {position: absolute; top: 570px; left: 830px;}

#q6_2 {position: absolute; top: 590px; left: 830px;}

#q6_3 {position: absolute; top: 610px; left: 830px;}

#q7_1 {position: absolute; top: 570px; left: 682px;}

#q7_2 {position: absolute; top: 590px; left: 682px;}

#q7_3 {position: absolute; top: 610px; left: 682px;}

#q8_1 {position: absolute; top: 500px; left: 550px;}

#q8_2 {position: absolute; top: 520px; left: 550px;}

#q8_3 {position: absolute; top: 540px; left: 550px;}

#q9_1 {position: absolute; top: 370px; left: 495px;}

#q9_2 {position: absolute; top: 390px; left: 495px;}

#q9_3 {position: absolute; top: 410px; left: 495px;}

#q10_1 {position: absolute; top: 260px; left: 495px;}

#q10_2 {position: absolute; top: 280px; left: 495px;}

#q10_3 {position: absolute; top: 300px; left: 495px;}

#q11_1 {position: absolute; top: 130px; left: 550px;}

#q11_2 {position: absolute; top: 150px; left: 550px;}

#q11_3 {position: absolute; top: 170px; left: 550px;}

#q12_1 {position: absolute; top: 65px; left: 680px;}

#q12_2 {position: absolute; top: 85px; left: 680px;}

#q12_3 {position: absolute; top: 105px; left: 680px;}
 
#r1_1 {position: absolute; top: 184px; left: 837px;}

#r1_2 {position: absolute; top: 226px; left: 911px;}

#r1_3 {position: absolute; top: 300px; left: 953px;}

#r1_4 {position: absolute; top: 386px; left: 953px;}

#r1_5 {position: absolute; top: 460px; left: 911px;}

#r1_6 {position: absolute; top: 502px; left: 837px;}

#r1_7 {position: absolute; top: 502px; left: 751px;}

#r1_8 {position: absolute; top: 460px; left: 677px;}

#r1_9 {position: absolute; top: 386px; left: 635px;}

#r1_10 {position: absolute; top: 300px; left: 635px;}

#r1_11 {position: absolute; top: 226px; left: 677px;}

#r1_12 {position: absolute; top: 184px; left: 751px;}

#r2_1 {position: absolute; top: 203px; left: 832px;}

#r2_2 {position: absolute; top: 240px; left: 897px;}

#r2_3 {position: absolute; top: 305px; left: 934px;}

#r2_4 {position: absolute; top: 381px; left: 934px;}

#r2_5 {position: absolute; top: 446px; left: 897px;}

#r2_6 {position: absolute; top: 483px; left: 832px;}

#r2_7 {position: absolute; top: 483px; left: 756px;}

#r2_8 {position: absolute; top: 445px; left: 691px;}

#r2_9 {position: absolute; top: 381px; left: 654px;}

#r2_10 {position: absolute; top: 305px; left: 654px;}

#r2_11 {position: absolute; top: 240px; left: 691px;}

#r2_12 {position: absolute; top: 203px; left: 756px;}

/* zoom de l'accord   */

p#gene_2z {position: absolute; top: 500px; left: 50px; font-family: Arial; font-size: 20px; color: #515400;}

p#but_des_1z {position: absolute; top: 500px; left: 35px;}



#positz {position: absolute; left: 90px; top: 20px; width:100px; display: block;}

#positz_val {position: absolute; left:185px; top: 20px; width:100px; display: block;}  


#zoomz {position: absolute; top: 20px; left: 280px; width: 100px; display: block;}

#zoomz_val  {position: absolute; top: 20px; left: 350px; width: 100px; display: block;}

label.pos2z {font-family: Arial; font-size: 20px; color: #515400;}

/* p.but_des_1z {position: absolute; top: 500px; left: 35px;}  */


#x_resetz  {background-color: #b0c45a; position: relative; top: 40px;left: 140px;}

#y_resetz  {background-color: #b0c45a; position: relative; top : 40px; left: 300px;}  

#dessin {position : absolute; top : 652px; left : 10px; cursor : Pointer}
#id_but_des {position : absolute; top:884px;}

#midiIn2{position: absolute; top:50px; left: 1150px; color : #FFFFFF; background-color: #000080; padding: 3px;}

#options_midi {position: absolute; top: 500px; left: 1135px; color : #FFFFFF; background-color: #000080; padding: 3px;}
.inner {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
select {width:15em;}
div#piano_soft{position: absolute; top: 620px; left:1110px; color : #000080; background-color: #000080; padding: 3px;}
/*#piano {position: absolute; top: 700px; left: 1150px;}  */
div#piano_jj {position: relative; top: 20px; left: 0px;} 

textarea.text_d{position: absolute; left:950px; width : 220px}
textarea.concentr{width : 125px; height : 17px;}
div#harmoniques {position: absolute; top:900px; left:50px; color : #FFFFFF; background-color: #008000; padding: 3px;}