/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
*/
 
#twelve-transpose .select-emp{
    
    Font-size:2em;
    font-weight: bold;
    text-align: center;
    padding:20px;
    
}

#twelve-transpose .colonne-accords{
    display: none;   
}

#twelve-transpose.colonne-1 .colonne-accords.colonne-1{
    display: block;
}
#twelve-transpose.colonne-2 .colonne-accords.colonne-1,
#twelve-transpose.colonne-2 .colonne-accords.colonne-2{
    display: block;
}

#twelve-transpose.colonne-3 .colonne-accords.colonne-1,
#twelve-transpose.colonne-3 .colonne-accords.colonne-2,
#twelve-transpose.colonne-3 .colonne-accords.colonne-3{
    display: block;
}

#twelve-transpose.colonne-4 .colonne-accords.colonne-1,
#twelve-transpose.colonne-4 .colonne-accords.colonne-2,
#twelve-transpose.colonne-4 .colonne-accords.colonne-3,
#twelve-transpose.colonne-4 .colonne-accords.colonne-4{
    display: block;
}

#twelve-transpose .nameAccord {
    text-align: center;
    padding: 20px 10px 0px;
    font-size: 4em;
    height: 130px;
}

#twelve-transpose #formTranspose {
    width: 60%;
    margin: 60px auto;
    padding: 20px;
    font-size: 5em;
    text-align: center;
    background: #1a1818cc;
    border-radius: 20px;
}

#twelve-transpose #formTranspose .btnTranspose{
    cursor: pointer;
}

/* SETTING FORMS */

#twelve-transpose .settings_form{
    margin-bottom:60px;
}