th{
text-align: center;
	border: groove;
	background-color:#616161;
	color: white;
	font-weight: normal;
	font-size: 20px;
	padding: 3px;
   	margin: 3px;
}

.boutton {

	width: 60px;
	font-weight: bold;
}

table input {
	font-size: 15px;
	font-weight: bold;
	max-width: 120px;
	margin: 3px;
	text-align: center;
}

table select {
	font-size: 15px;
	font-weight: bold;
	max-width: 120px;
	margin: 3px;
	text-align: center;
}



table{
	cellpadding:10px;
	border-collapse: collapse;
	margin: 10px;

}
table td{
	border: groove;
	min-width:170px;
	text-align: center;
    height: 25px;
}

canvas {
	border: groove;
	margin: 10px;
	width: 90%;
}

.images {
	width: 120px;
	margin: 3px;
}

table tr:nth-child(odd){
  background-color:#D3E0FF;
}

table tr:nth-child(odd){
  background-color:#D3E0FF;
}

table tr:nth-child(odd){
  background-color:#D3E0FF;
}

@media screen and (min-width: 780px) {
    
	
	
	.images {
	width: 120px;
	margin: 3px;
}


#canvas1 {
    background-color: White;
	border: groove;
	border-color : black;
    width: 80%;
    
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(70px, auto);
}

.zero {
  grid-column: 1/4;
  grid-row: 1;
}
.one {
  grid-column: 1;
  grid-row: 2;
}
.two { 
  grid-column: 2;
  grid-row: 2 ;
}
.three {
  grid-column: 3;
  grid-row: 2 ;
}

}