/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 
#testeurtessiturevoix .octave .note {
     background: #131313bf;
     margin: 4px;
     text-align: center;
     font-size: ;
     padding: 20px 0px;
     border-radius: 4px;
     transition: all 450ms;
     cursor: pointer;
     position: relative;
 }
 #testeurtessiturevoix .octave .note:hover {
    background: #131313e4;  
 }
 
#testeurtessiturevoix .octave .note:hover .nom {
    padding: 10px 0px 10px;
}
 
#testeurtessiturevoix .octave .note .nom {
     font-size: 3em;
     padding: 20px 0px 0px;
     transition: all 1050ms;
 }
 
#testeurtessiturevoix .nomfr {
     opacity: 0.4;
 }
 
 #testeurtessiturevoix .title {
     font-size: 3em;
     padding: 50px;
 }
 
#testeurtessiturevoix .play {
     font-size: 30px;
     opacity: 0.2;
     transition: all 350ms;
     
 }
#testeurtessiturevoix .note:hover .play {
     opacity: 0.4
 }
#testeurtessiturevoix .play:hover {
    opacity: 0.8 !important
}
 
 #testeurtessiturevoix .slick-next, #testeurtessiturevoix .slick-prev{
     top:75% !important;
 }
 
 #testeurtessiturevoix .intervalle{
     display: none;
     width: 45px;
     height: 45px;
     background-size: 160%;
     background-position: center;
     background-repeat: no-repeat;
     padding:10px 0px;
 }
 
 
 
/* CONTORLLER */

#testeurtessiturevoix .arrows {
    position: absolute;
    top: 60px;
    left: 20%;
    font-size: 2em;
    z-index: 555;
    cursor: pointer;
}

#testeurtessiturevoix .arrows.next {
    right:20%;
    left:auto;
}

#testeurtessiturevoix .slick-disabled{
    opacity: 0.2
}

#testeurtessiturevoix.gammedomajeur .note { display: none; }
#testeurtessiturevoix.gammedomajeur .note.indomajeur,
#testeurtessiturevoix.gammedomajeur .note.indomajeur .intervalle { display: inline-block !important; }

#testeurtessiturevoix .dots_octaves .octave_dot{
    margin: 10px;
    opacity: 0.6;
    cursor: pointer; 
    transition: all 250ms;
}

#testeurtessiturevoix .dots_octaves .octave_dot:hover{
    opacity: 0.9;    
}