.boite {
    color:black;
    display:flex;
    justify-content: center;
    align-content: center;
    border-radius: 5px;
	background-color: rgb(0 0 0 / 0.55);
  }
  
  .logos {
    border: none;
	border-radius: 5px;
	margin: 5px auto;
  }



/* Configuration pour écrans de type PC (horizontal) */
@media(min-width: 1001px)  and (max-width: 10000px){
.vignettes{
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
 /*   border: 1px solid white;*/
    border-radius :20px;
    padding: 10px;
  }
  .vignette{
    width: 20%;
    text-align: center;
    margin: 5px;
  }
  .img-vignette-stream{
    height: 40px;
    text-align: center;
    border-radius: 5px;
  }    

  .vignette a {
    text-decoration: none;
    color: white;
  }  

}



/* Configuration pour écrans de type smartphone (verticaux) */
@media(max-width: 1000px){
.vignettes{
    width: 95%;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    /*border: 1px solid white;*/
    border-radius :20px;
  }
  .vignette{
    width: 45%;
    text-align: center;
    margin: 15px;    
  }

  .vignette a {
    text-decoration: none;
    color: white;
  } 
  .img-vignette-stream{
    height: 30px;
    text-align: center;
    border-radius: 5px;
  }     
}