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


/* body {background-image :url(RTF_06_UT.png); background-repeat: no-repeat; position : relative;}  */
body { 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;}
span#reglages {position : relative;}
span.octave {position : relative;}
/* span#oct_1_2 {float : left;}
span#oct_3_4 {float : left;}
span#oct_5_6 {float : left;}  */

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:14px; color: #b0605a; margin-left: 2px; margin-right: 2px; width:200px;} 
label.vg_titre { font-family: Arial; font-size:20px; color: #515400; margin-left: 100px; margin-right: 20px;} 
th {font-family: Arial; font-size:14px; color: #b0605a; margin-left: 2px; margin-right: 2px;}
span.nd { font-family: Arial; font-size:14px; color: #b0605a; margin-left: 2px; margin-right: 2px; width:200px;}

span#span_dessin{position:relative;}
#dessin {position: relative;}  

#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;}

p#gene_2z {position : relative; left : 50px; font-family: Arial; font-size: 20px; color: #515400;}
#positz {position: relative; left: 60px; width:100px; display: block; float : left;}
#zoomz {position: relative;  left: 60px; width:100px; display: block; float : left;}
#positz_val {position: relative; left:90px; width:100px; display: block; float : left;}
#zoomz_val  {position: relative; left: 80px; width: 100px; display: block; float: left;} 

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} */
#dessin {position : relative; top : 50px; left : 10px; cursor : Pointer;}

#id_but_des {position : relative; top:884px;}

#midiIn2{position: relative; top:0px; left: 10px; color : #FFFFFF; background-color: #000080; padding: 3px; width: 400px;}

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

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