@media(min-width: 1600px)  and (max-width: 10000px){
  
  #medias-pc{
    margin: 20px auto;
    color: white;
  }
  
  #medias-smart, #medias-tab{
    display:none;
  }
  
  .boite-media{
	margin: 30px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    border: 1px solid white;*/
    border-radius :20px;
    padding: 10px;
	background-color: rgb(0 0 0 / 0.55);  
	  
  }
    
  .media{
	  
  }
  
  .video-yt{
	  border-radius:20px;
  }
  
  .media-text{
    text-align: justify;
    padding: 20px;
    font-size: 20px;
	color: white;
  }
 
}


/*------------------*/
/* Configuration pour écrans de type PC etroits */
@media(min-width: 1001px)  and (max-width: 1599px){
  
  #medias-tab{
    margin: 20px auto;
    color: white;
  }
  
  #medias-smart, #medias-pc{
    display:none;
  }
  
  .boite-media{
	margin: 30px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    border: 1px solid white;*/
    border-radius :20px;
    padding: 10px;
	background-color: rgb(0 0 0 / 0.55);  
	  
  }
    
  .media{
	  
  }
  
  .video-yt{
	  border-radius:20px;
  }
  
  .media-text{
    text-align: justify;
    padding: 20px;
    font-size: 20px;
  }
 
}

/*------------------*/
/* Configuration pour écrans de type smartphone (verticaux) */
@media(max-width: 1000px){
 
#medias-smart{
    width: 95%;
    margin: 20px auto;
    color: white;
  }

#medias-pc, #medias-tab{
    display:none;
  }
 
   .boite-media{
	margin: 30px auto;
    border-radius :20px;
    padding: 10px;
	background-color: rgb(0 0 0 / 0.55);   
  }
 
 
 
   .video-yt{
	  border-radius:20px;
  }
 
   .media-text{
    text-align: justify;
    padding: 5px;
    font-size: 16px;

	
  }
 
 
 
 
 
 
 
 
 
 
 
}