body{
	height: 100vh;
	margin : 0;
	position: relative;
	background: #637180;
}

input[type="text"]{
	margin : 20px;
	width : 550px;
	height : 20px;
	border-radius: 3px;
	border : 1px solid #d2d2d2;
	padding : 2px 10px;
}

input, select{
	border-radius: 3px;
	border : 1px solid #d2d2d2;
}

select{
	margin-bottom : 10px;
}

.clavier{
	width : 700px;
	height : auto;
	text-align : center;
	padding : 20px;
	background-color: #FbFbFb;
	border-radius: 6px;
	position: absolute;
	bottom : 0;
	transition : all linear 0.3s !important;
	-webkit-transition : all linear 0.3s !important;
}

.clavier.ng-hide{
	height : 0px;
}

.touche{
	display : inline-block;
	width : 40px;
	height : 40px;
	margin : 2px;
	background-color: #F1F1F1;
	text-align : center;
	line-height: 40px;
	cursor : pointer;
	border-radius : 6px;
	vertical-align: top;
	border : none;
}

.touche.active{
	background-color: #F7BD51;
	color : white;
}

button.touche:focus, button.touche:active{
	outline-color: #e1e1e1;
}

.touche-espace{
	width : 380px;
}