/*

html:not(.mobile) img:hover {
  cursor: zoom-in;
  transition: .5s;
  transition-delay: 90s; 
  transition-property: -webkit-transform;
  -webkit-transform: scale(1); 
  z-index: 999; 
  position: sticky; 
}

html:not(.mobile) img:active { 
 cursor: zoom-out;
 -overflow: auto;
 transition: 0s;
 transition-delay: 0.05s;
 transition-property: -webkit-transform;
 -webkit-transform: scale(2.5);
 -webkit-transform-origin: 0% 0%; 
 z-index: 1000; 
}

*/




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.extended_gif{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


/* largeur totale de l'ecran */
.extended_gif_width{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}


/* espace en largeur du premier block (gif + audio) */
.extended_gif_width .gif_audio1{
  width: 50%;
}

/* espace en largeur du deuxième block (gif + audio) */
.extended_gif_width .gif_audio2{
  width: 50%;
}

/* taille de la premiere image */
.extended_gif_width .gif_audio1 .cl_gif1{
  width: 12%;
}

#myAudio1{
  display: none;
}

/* taille de la deuxième image */
.extended_gif_width .gif_audio2 .cl_gif2{
  width: 20%;
}

#myAudio2{
  display: none;
}

#myAudio3{
  display: none;
}


#myAudio1_1{
  display: none;
}

#myAudio2_2{
  display: none;
}

#myAudio11{
  display: none;
}

#myAudio22{
  display: none;
}

#myAudio33{
  display: none;
}

#myAudio44{
  display: none;
}


}





























/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


.extended_gif{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


/* largeur totale de l'ecran */
.extended_gif_width{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}


/* espace en largeur du premier block (gif + audio) */
.extended_gif_width .gif_audio1{
  width: 50%;
}

/* espace en largeur du deuxième block (gif + audio) */
.extended_gif_width .gif_audio2{
  width: 50%;
}

/* taille de la premiere image */
.extended_gif_width .gif_audio1 .cl_gif1{
  width: 10%;
}

#myAudio1{
  display: none;
}

/* taille de la deuxième image */
.extended_gif_width .gif_audio2 .cl_gif2{
  width: 20%;
}

#myAudio2{
  display: none;
}

#myAudio3{
  display: none;
}


#myAudio1_1{
  display: none;
}

#myAudio2_2{
  display: none;
}

#myAudio11{
  display: none;
}

#myAudio22{
  display: none;
}

#myAudio33{
  display: none;
}

#myAudio44{
  display: none;
}






}





















/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


.extended_gif{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


/* largeur totale de l'ecran */
.extended_gif_width{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}


/* espace en largeur du premier block (gif + audio) */
.extended_gif_width .gif_audio1{
  width: 50%;
}

/* espace en largeur du deuxième block (gif + audio) */
.extended_gif_width .gif_audio2{
  width: 50%;
}

/* taille de la premiere image */
.extended_gif_width .gif_audio1 .cl_gif1{
  width: 10%;
}

#myAudio1{
  display: none;
}

/* taille de la deuxième image */
.extended_gif_width .gif_audio2 .cl_gif2{
  width: 20%;
}

#myAudio2{
  display: none;
}

#myAudio3{
  display: none;
}


#myAudio1_1{
  display: none;
}

#myAudio2_2{
  display: none;
}

#myAudio11{
  display: none;
}

#myAudio22{
  display: none;
}

#myAudio33{
  display: none;
}

#myAudio44{
  display: none;
}


}























/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {


.extended_gif{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


/* largeur totale de l'ecran */
.extended_gif_width{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}


/* espace en largeur du premier block (gif + audio) */
.extended_gif_width .gif_audio1{
  width: 50%;
}

/* espace en largeur du deuxième block (gif + audio) */
.extended_gif_width .gif_audio2{
  width: 50%;
}

/* taille de la premiere image */
.extended_gif_width .gif_audio1 .cl_gif1{
  width: 10%;
}

#myAudio1{
  display: none;
}

/* taille de la deuxième image */
.extended_gif_width .gif_audio2 .cl_gif2{
  width: 20%;
}

#myAudio2{
  display: none;
}

#myAudio3{
  display: none;
}


#myAudio1_1{
  display: none;
}

#myAudio2_2{
  display: none;
}

#myAudio11{
  display: none;
}

#myAudio22{
  display: none;
}

#myAudio33{
  display: none;
}

#myAudio44{
  display: none;
}


}





















/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

.extended_gif{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }


/* largeur totale de l'ecran */
.extended_gif_width{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}


/* espace en largeur du premier block (gif + audio) */
.extended_gif_width .gif_audio1{
  width: 50%;
}

/* espace en largeur du deuxième block (gif + audio) */
.extended_gif_width .gif_audio2{
  width: 50%;
}

/* taille de la premiere image */
.extended_gif_width .gif_audio1 .cl_gif1{
  width: 10%;
}

#myAudio1{
  display: none;
}

/* taille de la deuxième image */
.extended_gif_width .gif_audio2 .cl_gif2{
  width: 20%;
}

#myAudio2{
  display: none;
}

#myAudio3{
  display: none;
}


#myAudio1_1{
  display: none;
}

#myAudio2_2{
  display: none;
}

#myAudio11{
  display: none;
}

#myAudio22{
  display: none;
}

#myAudio33{
  display: none;
}

#myAudio44{
  display: none;
}



}