/* CSS Document */




        body { 
            margin:0; 
            padding:0 0 5vw 0; 
            font-family: sans-serif;
            font-size: 2.2vw; 
            color: black;
        }
        
        img#banniere { width: 100vw; }
        
        div#contenu { 
            padding: 0vw 4vw; 
        
        }
        
        div#musicstore { 
            padding: 8vw; 
            text-align:center; 
        }
        
        h1 { display: none }
        
        h2 { 
            font-size: 2.8vw; 
            text-shadow: 0.5vmin 0.5vmin 1vmin #999;
        }
		h3 { 
            color: red; 
            font-size: 2.5vw; 
            text-align: justify;
            text-shadow: 0.5vmin 0.5vmin 1vmin #999;
        }
        ol {
            list-style-type: lower-alpha;
            font-weight: bold;
            font-family: sans-serif;
        }
        p { 

            text-align: justify;
            font-weight: normal;
            font-family: serif;
        }
        
        strong {
            font-family: sans-serif;
            font-size:2.3vw
        }
        
        button {
            font-size: 3vw;
            font-weight: bold;
            color: white;
            background-color: darkslateblue;
            padding: 3vw;
            border-radius: 8vw;
            box-shadow: 1vmin 1vmin 1vmin #777;
        }





div#menus {
    background-color: brown;
    padding: 1vw;
    color:white;
    font-size:2vw;
}




div#menus table#principal, table#pianoctaves {
    width:100%;
}

div#menus table tr td {
    vertical-align:top;
}

div.menu {
    padding: 0 2vw 0 0;
}


div.menu label {
    display: block;
}

form#form_freq,
form#form_decimales,
form#form_presets,
form#form_nombreCouleurs,
form#form_temperament,
form#form_triton {
background-color: darkred;
padding: 0 1vw 1vw 1vw; 
}

input, select {
    font-size:2vw;
}


div#frequence {

}

div#frequences {
    margin: 0 0 5vw 0;
}

label.freq_step_options {
;
}

input#freqLa {
    width: 10vw;
}

input#decimales {
}

#selPresets {
    width:12vw;
}


table#rapports_naturel, table#rapports_egal {
    margin: 1vw 0;
    background-color: gainsboro;
    padding: 2vw;
}

table#rapports_naturel tr td, table#rapports_egal tr td {
    margin: 0 1vw ;
    min-width: 5vw;
    text-align: center;
}

table#rapports_naturel tr th, table#rapports_egal tr th {

    padding-bottom: 1,5vw;
}



td.pitch {
color:red;
}


.open {
background-color: brown;
color: white;
}


div.sources {
    margin: 0 0 2vw 0;
    font-style: italic;
}

.fondamentale {
    font-weight: bold;
}



div#notes {
    margin: 5vw 0 0 0;
    padding: 1vw;
}

div#div_reset {
}












#pianoctaves {
    padding:0;
    margin:0;
    border: 0.6vw solid brown;
}

#table_modele {
display:none;
}



table.modele tr td {

}

.octaves  {
    
}

.octaves div {
    display: table-cell;
    font-weight: bold;
}

.octaves div.note {
    width:12%;
    padding: 0 0 0 0.5vw;
}

.octaves div.freq {
    width:80%;
    padding: 0 0 0 0.5vw;
}

.octaves div.sum {
    width: 8%;
    padding: 0;
}

.octaves div.contenu {
    display:unset;
    font-weight: normal;
}

#octave5 div.freq,
#octave7 div.freq {
    /*width:80%;*/
}

#octave0, #octave1, #octave2, #octave3, #octave4, #octave5 {
    border-right: 0.6vw solid brown;
}

table.modele {
    margin:0;

}

.rows td{
    padding:0;
}

.rows .note{
    padding: 0 1vw 0 0.5vw;
    text-transform: uppercase;
    background-color: beige;
    font-weight: bold;
    color: brown;
    width: 12%;
    text-align:left;
}

.rows .freq{
    padding: 0 1vw 0 0;
    background-color: bisque;
    width: 80%;
    text-align:left;
}

.rows .sum{
    padding: 0 0.7vw;
    text-align:center;
    width: 8%;
}

#copyright {
  font-size: 1.7vw;
  text-align: center;
  margin: 5vw;

}