@media (orientation: portrait) {
    body {
        overflow: hidden; 
        flex-direction: column;
    }

	.zonephotoWikipedia{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 5%;
		overflow: auto;
	  }
	
	  .zonephotoWikipedia img{
		width: 200%;
		height: auto;
	  }

    .mario-cadre {
        position: absolute;
        width: 100%;
        height: 70%;  
        overflow: hidden;
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

	  .fill-img {
		display: flex;
		max-width: 100vw;
		min-height: 100vh;
		overflow: hidden;
		left: 50%;
	}


      .fill-img img {
        object-fit: fill; 
        flex-shrink: 0;
    }
      

	  .dishes{
		height: 30px;
	  }

	  .italia{
		width: 25%;
		height: 15%;
        bottom: 0%;
	  }

	  .suisse{
		width: 30%;
		height: 15%;
        bottom: 0%;
        right: 0%;
		z-index: 5;
	  }

	  .fleches-fleches{
		top: 96%;
		width: 50%;
	  }

      .avion {
        position: absolute;
        width: 20%;
        height: 20%;
        top: 85%;
        left: 15%;
        z-index: 10;
        transition: transform 1s ease;
        animation: fly 4s linear infinite; 
    }

	  .lasagna1{
		width: 30%;
		height: 15%;
		top:20px
	  }

	  .lasagna2{
		width: 20%;
		height: 10%;
		top:70px;
		left: 130px;
	  }

	  .pasta{
		width: 20%;
		top: 55px;
		left: 10px;
	  }

	  .pizza1{
		width: 20%;
		height: 20%;
		top: 90px;
		left: 85px;
	  }

	  .pizza2{
		left: 35px;
	  }

	  .pizza-box{
		width: 35%;
		height: 25%;
		top: 5%;
		left: 60%;
	  }

	  .cadre-1{
		width: 50%;
		height: 25%;
		top: 65%;
        left: -5%;
	  }

	  .cadre-2{
		width: 50%;
		height: 25%;
		top: 65%;
        right: -5%;
	  }

      .message {
        position: absolute;
        width: 60%;
        height: 35%;
        display: flex;
        top: 15%;
        z-index: 20;
        left: 20%;
      }

	  .popupMessage {
		display: none;
		position: fixed;
		width: 100%;
		padding-bottom: 70%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		z-index: 30;
		border: 1px solid #000000;
	  }

	   .zonephotoMessage{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 15%;
		overflow: hidden;
	  } 

	  .zonephotoMessage img{
		top: 60%;
		object-fit: fill;
	  }  

	  .popupWikipedia{
		display: none;
		position: fixed;
		width: 100vw;
		padding-bottom: 100vh;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: white;
		text-align: center;
		z-index: 30;
		border: 1px solid #000000;
	  }

	  /* .zonephotoWikipediaResponsive{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 10%;	
		overflow: auto;
		background-color: blue;
		z-index: 10000;
	  }

	  .zonephotoWikipediaResponsive img{
		object-fit: contain;
	  } */

	  .barre-grise-popup{
        position: absolute;
        width: 100vw;
        padding-top: 5%;
        left: -1px;
        top: -1px;
        background-color: #666666;
        z-index: 7;
        border: 1px solid #000000;
      }

      .fermer-popup{
        position: absolute;
        width: 10%;
        padding-bottom: 10%;
        right: 0%;
        top: 1%;
        z-index: 7;
        opacity: 0.5;
      }
	
}