#menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

#menu li {
  float: left;
}

#menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#menu li a:hover:not(.active) {
  background-color: #111;
}

#menu .active {
  background-color: #04AA6D;
}
/*
.clavier{
	font-size: 35px;
}
	*/


.princ{
  text-align: center;
}


.tftable {
	font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #a9a9a9;border-collapse: collapse;
	}
.tftable th {
	font-size:12px;background-color:#b8b8b8;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;text-align:center;
	}
.tftable tr {
	background-color:#cdcdcd;
	}
.tftable td {
	font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #a9a9a9;
	}
.tftable tr:hover {
	background-color:#ffffff;
	}
	
article {
  float: left;
  padding: 20px;
  width: 50%;
  background-color: #f1f1f1;
}

aside {
  float: right;
  padding: 120px;
  width: 40%;
  background-color: #f1f1f1;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}