input[type="range"] {
    /* filter: grayscale(1); */
    /* -webkit-appearance: none; */
    writing-mode: vertical-lr;
    direction: rtl;
    margin: 10px;
    /* accent-color: blue; */
    
}

button {
    font-size: 5em;
    color: black;
    background-color: lightgrey ;
    margin: 0.5em;
}

.blocBoutons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.blocGaucheDroite {
    display: flex;
    justify-content: center;
}

.btnHaut {
    color: black;
    background-color: lightgrey ;
}

.btnGauche {
    color: black;
    background-color: lightgrey ;
}

.btnDroit {
    color: black;
    background-color: lightgrey ;
}

.btnBas {
    color: black;
    background-color: lightgrey ;
}


.recommencer {
    display: flex;
    justify-content: center;
    font-size: 1em;
    display: none;
}


.red {
    accent-color: red;
    
}

/* .curseur label,
.curseur input {
    display: flex;
    flex-direction: column;
    align-items: center;

} */

.divCurseur {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.blocCurseurs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* width: 80%; */
    /* margin: auto; */
}


.cercle {
    background:blue;
    border-radius:50%;
    width:30px;
    height:30px;
    border:2px solid blue;
}