#left{
  display:inline-block;
  float:left;
  margin-right: 300px;
  width: 2000px


}
#middle{
  display:inline-block;
  float:left;
  width: 800px
  margin-right: 400px;
  margin-left: 100px;
}
#right{
  display:inline-block;
  float:left;
  margin-left: 300px;
  width: 2000px


}

input {  font-size : 50px}

textarea { font-size: 50px; }

div {font-size: 50px;}

.grid{
  display:grid; /* le fameux */
  grid-template-columns: repeat(20, 100px);
  grid-template-rows: repeat(20, 100px);
  /* grid-template-columns:100px 100px 100px; /* 3 colonnes de largeur différente */
  /* grid-template-rows:100px 100px 100px; /* 2 rangées */
  grid-gap:10px; /* gouttière   */
  gap:10px; /* gouttière (mettre les deux lignes)*/
  padding:0;
  margin:10px;
}

input[type=checkbox] {
    transform: scale(3);
}

.grid>li{
  padding:10px;
  margin:0;
  color:#fff;
  background:#eee;
  margin:0;
  display:block;
}

body{
  font-family:sans-serif;
  margin:0;
  line-height:1.5;
  background:#aaa;
}