section.module.parallax-1 {/* tire film + auteur */
   /*position: absolute; width: 100vw; height: 100vh;
    background-size:cover;
    background-repeat: no-repeat;*/
  background-image: url('../films/lalignedecouleur/Yumi_Fujimori.jpg');
       
    /* transition: background 5000ms ease-in-out;
-moz-transition: background 5000ms ease-in-out;
-webkit-transition: background 5000ms ease-in-out;
    /* La transition durera 5 secondes. */
}

/*section.module.parallax-1:hover {
/*@media only screen and (max-width : 2000px) {*/
/*    background-image: url('../films/lalignedecouleur/lalignedecouleur-fondbis3.jpg');
   opacity: 1;   
}*/

section.module.parallax-1::before {
  position: absolute; width: 100%; height: 100%;
    background-size:cover;
    background-repeat: no-repeat;
  content:"";
  background-image: url('../films/lalignedecouleur/lalignedecouleur-fondbis3.jpg');
  opacity: 0;
  transition: opacity 3000ms ease-in-out 100ms;
    -moz-transition: opacity 3000ms ease-in-out 100ms;
    -webkit-transition: opacity 3000ms ease-in-out 100ms;
}
section.module.parallax-1:hover::before {
  opacity: 1;
}


section.module.parallax-2 {
  background-image: url('../films/lalignedecouleur/Jean-Michel_Petit-Charles.jpg');
    
}
section.module.parallax-3 {
  background-image: url('../films/lalignedecouleur/Malika_Mansouri.jpg');
}
section.module.parallax-4 {
  background-image: url('../films/lalignedecouleur/Yaya_Moore.jpg');
}
section.module.parallax-5 {
  background-image: url('../films/lalignedecouleur/Mehdi_Bigaderne.jpg');
}
section.module.parallax-6 {
  background-image: url('../films/lalignedecouleur/Rui_Wang.jpg');
}
section.module.parallax-7 {
  background-image: url('../films/lalignedecouleur/Alice_Diop.jpg');
}
section.module.parallax-8 {
  background-image: url('../films/lalignedecouleur/lpj-lalignedecouleur-fondbis.jpg');
}

/*ipad Pro : Résolution de 2732 x 2048 pixels */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    html {  
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

body {  
    height:100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

    section.module.parallax-1 {
        /*width: 100vw;
        background-size: cover;
        background-position: right;*/
        background-image: url('../films/lalignedecouleur/Yumi_Fujimori_Full@2x.jpg');
    }
    
    section.module.parallax-1::before {
        /*width: 100vw; 
        background-size: cover;
        background-position: right;*/
        /*position: absolute; width: 100%; height: 100%;*/
        background-image: url('../films/lalignedecouleur/lalignedecouleur-fondbis3_Full@2x.jpg');
    }
    
 section.module.parallax-2 {
  background-image: url('../films/lalignedecouleur/Jean-Michel_Petit-Charles_Full@2x.jpg'); 
    
}
section.module.parallax-3 {
  background-image: url('../films/lalignedecouleur/Malika_Mansouri_Full@2x.jpg');
}
section.module.parallax-4 {
  background-image: url('../films/lalignedecouleur/Yaya_Moore_Full@2x.jpg');
}
section.module.parallax-5 {
  background-image: url('../films/lalignedecouleur/Mehdi_Bigaderne_Full@2x.jpg');
}
section.module.parallax-6 {
  background-image: url('../films/lalignedecouleur/Rui_Wang_Full@2x.jpg');
}
section.module.parallax-7 {
  background-image: url('../films/lalignedecouleur/Alice_Diop_Full@2x.jpg');
}
section.module.parallax-8 {
  background-image: url('../films/lalignedecouleur/lpj-lalignedecouleur-fondbis_Full@2x.jpg');
}

}


/*@media only screen and (max-width: 767px) {*/
/*@media only screen and (max-width: 1024px) {*/
    @media only screen and (max-width: 1024px) {
    /* For mobile phones: */
    
    section.module.parallax-1 {
        /*width: 100vw;
        background-size: cover;
        background-position: right;*/
        background-image: url('../films/lalignedecouleur/Yumi_Fujimori@2x.jpg');
    }
    
    section.module.parallax-1::before {
        /*width: 100vw; 
        background-size: cover;
        background-position: right;*/
        /*position: absolute; width: 100%; height: 100%;*/
        background-image: url('../films/lalignedecouleur/lalignedecouleur-fondbis3@2x.jpg');
    }
    
    section.module.parallax-2 {
  background-image: url('../films/lalignedecouleur/Jean-Michel_Petit-Charles@2x.jpg');   
}
    section.module.parallax-3 {
  background-image: url('../films/lalignedecouleur/Malika_Mansouri@2x.jpg');
}
section.module.parallax-4 {
  background-image: url('../films/lalignedecouleur/Yaya_Moore@2x.jpg');
}
section.module.parallax-5 {
  background-image: url('../films/lalignedecouleur/Mehdi_Bigaderne@2x.jpg');
}
section.module.parallax-6 {
  background-image: url('../films/lalignedecouleur/Rui_Wang@2x.jpg');
}
section.module.parallax-7 {
  background-image: url('../films/lalignedecouleur/Alice_Diop@2x.jpg');
}
section.module.parallax-8 {
  background-image: url('../films/lalignedecouleur/lpj-lalignedecouleur-fondbis@2x.jpg');
}

}