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


    .cadre1{
        /* bienvenue en suisse */
        position: absolute;
        width: 90%;
        padding-bottom: 10%;
        left: 5%;
        top: 2%;
        z-index: 2;
      }
    
      .cadre2{
       display: none;
      }
    
      .cadre3{
        display: none;
      }
    
      .cadre4{
        display: none;
      }
    
      .cadre5{
       display: none;
      }
    
      .cadre6{
        display: none;
      }
    
      .cadre7{

        /* la vache */
        position: absolute;
        width: 50%;
        padding-bottom: 15%;
        left: 5%;
        top: 27%;
        z-index: 3;
      }
    
      .cadre8{
        display: none;
      }
    
      .cadre9{
        display: none;
      }
    
      .cadre10{

        /* jet d'eau de genève */

        position: absolute;
        width: 35%;
        padding-bottom: 22%;
        left: 55%;
        top:60%;
        z-index: 3;
      }
    
      .cadre11{
        /* secret suisse */
        position: absolute;
        width: 45%;
        padding-bottom: 12%;
        left: 5%;
        top: 63%;
        z-index: 3;
      }
    
      .cadre12{
        /* meule de parmesan */
        position: absolute;
        width: 35%;
        padding-bottom: 10%;
        left:59%;
        top: 42%;
        z-index: 3;
      }
    
      .cadre13{
        /* le parmesan 100% */
        position: absolute;
        width: 90%;
        height: 12%;
        left:5%;
        top: 85%;
        z-index: 3;
      }
    
      .cadre14{
          /* paysage suisse */
          position: absolute;
          width: 30%;
          height: 12%;
          left:60%;
          top: 27%;
          z-index: 3;
      }
    
      .cadre15{
        display: none;
      }
    
      .cadre16{
        display: none;
      }
    
      .cadre17{
        display: none;
      }
    
      .cadre18{
        display: none;
      }
    
      .cadre19{
        display: none;
      }

      .bouton-exclamation{
        position: absolute;
        width: 30%;
        right: 0%;
       bottom: 0%;
        z-index: 2;  
    }

    .bouton-exclamation img{
      width: 100%;
      height: 100%;
      object-fit:contain; 
    }

    .cuisto-outre{
      display: none;
      position: absolute;
      width: 100%;
      height: 100%;
      /* left: 0%; */
      bottom: 0;
      z-index: 3;
    }

    .cuisto-outre img{
      object-fit: cover;
    }
}