#keyboard {
margin: auto;
padding: 0;
list-style: none;
text-align: center;
display:inline-block;
border:0;

}
#keyboard li {
display:inline-block;
margin: 0 2px 5px 0;
width: 70px;
height: 50px;
line-height: 25px;
text-align: center;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

padding-top:20px;
color:#e4312c; text-shadow: 1px 1px 2px #000;  font-size:25px;

text-transform:uppercase;

}


.capslock, .tab, .left-shift{
clear: left;
}

#keyboard .effacer {
width: 90px;
}
#keyboard .delete {
width: 120px;
}
#keyboard .tab {
width: 90px;
}
#keyboard .capslock {
width: 108px;
}
#keyboard .return {
width: 123px;
}
#keyboard .left-shift {
width: 70px;
}
#keyboard .right-shift {
width: 70px;
}

	
.lastitem {
margin-right: 0;
}

.uppercase {
text-transform: uppercase;
}

#keyboard .space {
clear: left;
width: 500px;
}

.on {
display: none;
}

#keyboard li:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}



#keyboard_num {
margin: 0;
padding: 0;
list-style: none;
width:295px;
}

#keyboard_num li {
float: left;
margin: 0 5px 5px 0;
width: 90px;
height: 65px;
line-height: 50px;
text-align: center;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

padding-top:20px;
color:#e4312c; text-shadow: 1px 1px 2px #000;  font-size:30px;
}



.newline {
clear: left;
}

#keyboard_num .erase {
font-size:25px;
}
	
.lastitem {
margin-right: 0;
}

.on {
display: none;
}

#keyboard_num li:hover {
position: relative;
top: 1px;
left: 1px;
border-color: #e5e5e5;
cursor: pointer;
}