@media only screen and (max-height: 700px) 
{
	  body 
	  {
		background-color: lightgrey;
	  }
	  
	  .editeurTiny { height: 300px; } 
	  
	  .img_motiv 
		{
			max-width:100%;
			height:auto;
			max-height: 400px
			
		}
	
		.icones {
			padding:5px;
			width :3vw;
			height:3vw;
			border-radius: 50%;
		}
	
	/* The Modal (background) */
	.modal {
	  display: none; /* Hidden by default */
	  position: sticky; /* Stay in place */
	  z-index: 100; /* Sit on top */
	  padding-top: 0.5vw; /* Location of the box */
	  top: 1%;
	  width: 100%; /* Full width */
	  bottom:1%;
	  height: 610px; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  border-radius: .5vw 1.5vw;
	  background-color: #B8CBD0; /* Black w/ opacity */
	  opacity:1;
	}

	/* Modal Content */
	.modal-content {
	  background-color: #fefefe;
	  margin: auto;
	  padding: .5vw;
	  border: 1px solid #888;
	  width: 98%;
	  height: 600px; /* Full height */
	  border-radius: .5vw 1.5vw;
	  
	}
	
	.container {

		display: flex;
		  flex-wrap:wrap;
		  justify-content : space-around;
		  align-content:stretch;
		  gap :10px 10px;
		  width: 100%;		  
		  text-align: center;
		  line-height: 1vw;
		  font-size: 1vw;
		  padding :10px
		}
		
		.containerV {

		display: flex;
		  flex-direction: column;
		  justify-content : center;
		  width: 100%;		  
		  text-align: center;
		  line-height: 1vw;
		  font-size: 1vw;
		  padding :.5vw
		}
		
		.containerV > div { padding :.5vw }
	
		 button { font-size: 3vw; }
		.button1 {font-size: 3vw; }
		.button2 {font-size: 3vw;}
		
	object {height: 700px}	
}