@media (max-width: 1080px) {
	box-sizing: border-box;
	}
.table{
	padding: 10px; 
	border: 2px solid white; 
	font-family: arial; 
	font-size: 16px; 
	vertical-align: middle; 
	border-collapse: collapse;
	}
.titre{
	padding-right: 5px; 
	padding-left: 5px; 
	border-right: 2px solid black; 
	border-left: 2px solid black; 
	border-bottom: 2px solid black; 
	border-top: 2px solid black;
	}
.date{
	padding: 5px; 
	border-right: 2px solid black; 
	border-left: 2px solid black; 
	border-top: 2px solid black; 
	border-bottom: 2px solid black; 
	background-color: #139cea; 
	color: white; 
	font-weight: bolder;
	}
.type{
	padding: 5px; 
	border-right: 2px solid black; 
	border-left: 2px solid black; 
	border-top: 2px solid black; 
	border-bottom: 2px solid black; 
	background-color: #33afe9; 
	color: white;
	}
.heure,.moyenne{
	padding: 1px; 
	border: 2px solid black; 
	}
.note{
	font-family: arial;
	}
.periode{
	vertical-align: middle; 
	border-right: 2px solid black; 
	border-left: 2px solid black; 
	border-top: 2px solid black; 
	background-color: #cde8f9; 
	color: blue; font-weight: bold;
	}
.vide{
	border-top:none; 
	border-bottom:none;}
#start{
	color: white; 
	background-color:black;
	}
form{
	font-family: arial; 
	font-size: 16px;
	}
form, table, td, input{
	max-width: 100%;
	}
}