/* Options clavier */

.keyboard-head
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	height: 40px; 
	width: 100%; 
											
	background-image: -webkit-linear-gradient(top, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
												
	background-image: linear-gradient(to bottom, rgb(65, 65, 65) 0%, 
												rgb(40, 40, 40) 100%);
												
	box-shadow: 0px 3px 5px rgb(0, 0, 0); 
	z-index: 10; 
}

.keyboard-head .command-cell, .keyboard-table .command-cell, 
.keyboard-head .description-cell, .keyboard-table .description-cell, 
.keyboard-head .key-cell, .keyboard-table .key-cell 
{
	margin: 0px; 
	padding: 5px; 
	font-size: 0.9em; 
}

.keyboard-head .command-cell, 
.keyboard-head .description-cell, 
.keyboard-head .key-cell 
{
	text-align: center; 
}

.keyboard-table .command-cell, 
.keyboard-table .description-cell, 
.keyboard-table .key-cell 
{
	text-align: left; 
	position: relative; 
	margin: 0px; 
	padding: 4px; 
	box-shadow: inset 0px -1px 0px rgb(0, 0, 0); 
	border-top: 1px solid rgb(65, 65, 65); 
}

.keyboard-head .command-cell, .keyboard-table .command-cell { width: 20%; }

.keyboard-head .description-cell, .keyboard-table .description-cell 
{ 
	max-width: 65%; 
	white-space: normal; 
}

.keyboard-head .key-cell, .keyboard-table .key-cell 
{ 
	width: 15%; 
	text-align: center; 
}

.keyboard-body
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 40px; 
	bottom: 0px; 
	overflow-x: hidden; 
	overflow-y: auto; 
	z-index: 5; 
}

.keyboard-table
{
	max-width: 100%; 
	border-collapse: collapse; 
}

.key-row { background-color: rgb(20, 20, 20); }

.key-row:hover 
{  
	background-color: rgb(50, 50, 50); 
	border-top: 1px solid rgb(90, 90, 90); 
}

.keyboard-table .selected  
{ 
	background-color: rgb(65, 65, 65); 
	border-top: 1px solid rgb(90, 90, 90); 
}

.keyboard-table .selected:hover 
{ 
	background-color: rgb(65, 65, 65); 
	border-top: 1px solid rgb(90, 90, 90); 
}