*
{
    font-family : Arial, Helvetica, sans-serif;
}
tr{
    vertical-align: middle;
}
.article1{
    border: 1px solid black;
}
.article2{
    border: 1px solid black;
}
.article3{
    border: 1px solid black;
}
.article1 img{
    height: 150px;
    width: 150px;
    border: 3px solid black;
}
.article2 img{
    height: 150px;
    width: 150px;
    border: 3px solid black;
    
}
.article3 img{
    height: 150px;
    width: 150px;
    border: 3px solid black
}
.article1 a:link{
    color: white;
    
    }
.article1 a:visited{
    color: white;
    
}
.article2 a:link{
    color: white;
    
    }
.article2 a:visited{
    color: white;
    
}
.article3 a:link{
    color: white;
    
    }
.article3 a:visited{
    color: white;
    
}
body{
    background-color: rgb(211, 208, 208);
}
footer{
    background-color: rgb(211, 208, 208);
}
h1{
    display: flex;
    justify-content: center;
    align-items: center;
}
.rouge:hover{
    background-color: red;
}
.vert:hover{
    background-color: green;
}
.yellow:hover{
    background-color: yellow;
}
.menu{
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
button{
  background-color: #757575;
  padding: 15px;
  border: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
#texte-panier{
  margin: 80px;
  font-size: 26px;
  font-weight: 600;
}
#details-panier img{
  width: 75px;
}
#details-panier > table{
    text-align: center;
}
table{
    margin: auto;
}
#tablepadding
{
    padding-left: 75px;
}
th, td{
    padding: 10px;
}
@media screen and (max-width: 1052px){
button{
  background-color: #757575;
  padding: 2%;
  border: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
}