body{
padding:0px;
margin:0px;
background:#eae8de;
overflow:hidden;		
}
.up{
position: fixed;
top: -15px;
right:-10px;
z-index:10;
display:block;
outline:0;
padding:32px 13px;
margin:0px 10px;
line-height:0.2;
background:-webkit-linear-gradient(#726454, #564c3f);
background:-o-linear-gradient(#726454, #564c3f);
background:linear-gradient(#726454, #564c3f);
border-radius:25px;border:1px solid black;
color:white !important;
font-size:1.2em;
text-shadow: 0 1px 3px rgba(0,0,0,.2);
text-align:start;
white-space:nowrap;
text-decoration:none !important;
cursor:pointer;
}
.button {
border-top: 1px solid #d6c18d;
background: #736747;
background: -webkit-gradient(linear, left top, left bottom, from(#2b1f11), to(#736747));
background: -webkit-linear-gradient(top, #2b1f11, #736747);
background: -moz-linear-gradient(top, #2b1f11, #736747);
background: -ms-linear-gradient(top, #2b1f11, #736747);
background: -o-linear-gradient(top, #2b1f11, #736747);
padding: 15px 10px;
padding-left:50px;
margin:-40px;
top:50%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #f2e4c9;
font-size: 14px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
position:absolute;
border-radius:20px;
z-index:100;
}
.uk-container{
background:#eae7d0;
padding:20px 20px;
left:47%;
border-radius:20px;
z-index:2;
}
.uk-modal{background: rgba(0,0,0,0);}
.uk-modal-dialog{background:#eae8de;}

.style1{
color:#fff;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
display:block;
padding:20px;
margin:1px auto;
}
.btlog{
color:#fff;
text-shadow: 0 1px 3px rgba(0,0,0,.2);
background:-webkit-linear-gradient(#d45300, #b73a00);background:-o-linear-gradient(#d45300, #b73a00);background:linear-gradient(#d45300, #b73a00);
}
.btlog:hover{
color:#000000;
background:-webkit-linear-gradient(#ede7d2,#e6decb);background:-o-linear-gradient(#ede7d2,#e6decb);background:linear-gradient(#ede7d2,#e6decb);
}
.box{
background-color:rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 0 white, inset 0 1px 7px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 0 white, inset 0 1px 7px rgba(0,0,0,0.4);
box-shadow: 0 1px 0 white, inset 0 1px 7px rgba(0,0,0,0.4);
}

.box1{
padding:15px;
background-color:rgba(206,201,183,0.1);
-webkit-box-shadow: 0 1px 0 white, inset 0 1px 7px rgba(206,201,183,0.4);
-moz-box-shadow: 0 1px 0 white, inset 0 1px 7px rgba(206,201,183,0.4);
box-shadow: 0 1px 0 white, inset 0 1px 7px rgba(206,201,183,0.4);
}


button:clicked{background:#e48800;color:#e48800;}
.uk-button:hover{
background:#e48800;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5);
}
.clavier{}

canvas{z-index:0;}