main{
  display: grid;
  grid-template-columns: 1fr, 1fr;
}
.Liste{
  grid-column-start: 1;
  grid-row-start:1;
  background-color: rgba(226, 180, 127, 0.3);
  border:solid;
  border-color: brown;
  border-width:15px;
  width:100%;
  height:100vh;
  overflow: scroll;
}

.Product{
  float:left;
  margin : 3%;
  width:25%;
}
.Product p, .Product h3{
  margin-top: -5px;
  width:150px;
}
#panier1{
  grid-column-start: 2;
  grid-row-start:1;
  width:80%;
  margin:auto;
}

#panier2{
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start:1;
  width:80%;
  height: 100%;
  margin:auto;
}
#panier2 form div{
  margin:4%;
  margin-left: 35%;
}
#panier2 button{
  margin:4%;
  margin-left: 35%;
}
#panier2 form{
  border:solid;
  border-color:tan;
  margin:4%;
}

#panier3{
  height:100vh;
}

.panier h1{
  text-align: center;
  font-weight: bold;
}
.panier p{
  font-weight: bold;
}
.panier li{
  margin-left:15%;
}
.panier h1{
  text-align: center;
}
.panier button{
  position: center;
  width:20%;
}



.Ariane{
  margin:auto;
  margin-left: 25%;
}
.ligne{
  width:21%;
  height: 2px;
  background-color: black;
  float:left;
  margin-left:2%;
  margin-right:2%;
  margin-bottom: 10%;
  margin-top: 10%;
}
.point{
  width:10px;
  height:10px;
  background-color: white;
  border:solid;
  border-color: black;
  border-width:1px;
  border-radius: 50%;
  float: left;
  margin-bottom: 10%;
  margin-top: 10%;
}
#active{
  background-color: crimson;
}