.centerbox {
  margin: auto;
  width: 20%;
  padding: 10px;
}

.accueil {
	text-align: center;
  	margin: auto;
 	width: 80%;
 	padding: 10px;
}

.formCenter {
  text-align:center;
  margin: auto;
  width: 80%;
}

.formCenter div {
  display:inline-block; 
  width:5%;
  text-align:center;
}

.formCenter select, input, button {
  height: 30px;
}

.buttonCenter {
  margin: auto;
  width: 100%;
  text-align:center;
}

.buttonCenter div {
  display:inline-block; 
  width:15%;
  text-align:center;
}

.buttonCenter input {
	font-weight: bold;
}

.divTables {
  margin: auto;
  width: 80%;
  overflow: auto;
  text-align: left; 
}

.divTables select, input, button {
  height: 30px;
}

.divTables a{
  font-size: 75%;
  font-style: italic;  
}

.tableHeures {
  border-collapse: collapse;
  width: 90%;
  margin: auto;
  margin-top:15px;
}

.tableHeures td, .tableHeures th {
  border: 1px solid #ddd;
  padding: 8px;
}

.tableHeures tr:nth-child(odd){background-color: white;}

.tableHeures tr:hover {background-color: #ddd;}

.tableHeures th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

.tableHeures a{
  font-size: 75%;
  font-style: italic; 
  text-decoration: none;
}

.table-hover tbody tr td:nth-last-child(-n+2) {
    color: #4d4d4d;
    text-decoration:none;
    visibility: hidden;
}
.table-hover tbody tr:hover td:nth-last-child(-n+2) {
      visibility: visible;
}  

.boutonNote {
  font-size: 75%;
  font-style: italic; 
  color: blue;
  height: 20px;
  border: 4px || solid || blue;
}