.bouton {
 border: none;
 color: #090909;
 padding: 0.5em 0.7em;
 font-size: 18px;
 border-radius: 0.5em;
 background: #e8e8e8;
 border: 1px solid #e8e8e8;
 transition: all .3s;
 /*box-shadow: 6px 6px 12px #c5c5c5,
             -6px -6px 12px #ffffff;*/
 cursor:pointer;
}


#clavier {width:100%}
#texte_clavier {width:100%; height:80px; font-size:14pt;}
.texte_saisi {font-size:14pt;}

.lettres_clavier {float:right; width:10%; background-color:#219ae0; color:#fff; font-size:14pt; text-align:center;}
.lettres_clavier:hover {
background: #fff; color:#219ae0;
}

.lettres_clavier2 {float:left; width:10%; background-color:#219ae0; color:#fff; font-size:14pt; text-align:center;}
.lettres_clavier2:hover {
background: #fff; color:#219ae0;
}

.chiffres {
    width:8%;
}

.touches {float:right; font-size:14pt;}
.touches:hover {
background: #b7e0f9;
}

.touches2 {float:left; font-size:14pt;}
.touches2:hover {
background: #b7e0f9;
}

.calcul {color:#fff;}
.outil_clavier {width:25%; background-color:#87b1ca;}
/*.espace {width:50%;}*/
.back {width:17%; text-align:center;}
.nbspr {clear:right; width:100%;}
.nbspr2 {clear:left; width:100%;}

.ecarteur {float:left; width:10%; padding-left:5%;}