/* Le svg présent dans la page est invisible (il ne contient ni tracé ni forme) */
    .svg { position: fixed; z-index: -1; }
    /* L’élément main est “filtré” grâce au filtre SVG */
    main { filter: url(#svgfilter); }

 

    .logo {
 font-size: 20px;
 line-height: 1.6;
 text-align: left;
 padding-left: 35px;
 padding-top: 35px;
 position: sticky;
 left: 0.1%;
 top: -21px;
 width: 20%;
 float: left;

 
 
}

 .maintext {

    font-size: 25px;
    line-height: 1.6;
    text-align: justify;
    padding-left: 20%;
    padding-right: 35px;
    padding-bottom: 35px;
    position: static;
   
    
 }
  .studiotext {

    font-size: 25px;
    line-height: 1.6;
    text-align: justify;
    padding-left: 20%;
    padding-right: 35px;
    padding-bottom: 35px;
    position: static;
    padding-top: 15%;
   ;
    
    
 }
 .studiohours {

    font-size: 20px;
    line-height: 1.6;
    text-align: justify;
    padding-left: 80%;
    padding-right: 35px;
    position: static;
   
   
    
    
 }
 .studionotes {

    font-size: 25px;
    line-height: 1.6;
    text-align: justify;
    padding-left: 20%;
    padding-right: 35px;
    padding-bottom: 35px;
    position: static;
   
    
    
 }
 
 .memberstitle {

    font-size: 23px;
    line-height: 1.6;
    text-align: justify;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 20%;
    position: static;
    
    
   
    
 }

 .footers {

  font-size: 20px;
  line-height: 1.01;
  text-align:center;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 35px;
  color: blue;
  column-count: 3;
  column-gap: 40px;
  
 }

 * { box-sizing: border-box;}
body{ margin:0}

html, body{
  height:100%;
}
.video {
  position:fixed;
  top: 20px;
  width: 950px;
  padding: 5vw;
  float: left;
  left: 18%;
  z-index: -1;

  
}
video{
  width:950px;
  object-fit:contain;
  float: left;
  left: 18%;
  z-index: -1;
}

.studioimg {
  position: fixed;
  object-fit: fill;
  align-items: center;
  padding-top: 5%;
  z-index: -1;
  padding-left: 200px;
  padding-right: 200px;
  
}

.pile {
    height: 100%;
    /* pour centrer les images */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 130px;
    padding-top: 40px;
    
}

img { 
    display: block;
    max-width: 100%; 
    mix-blend-mode: multiply; 
    object-fit: cover; 
    /* hauteur / largeur qui tient compte de la rotation */
    width: 100%; 
    height: 100%;
}

figure { 
    margin: 0;
    /* les images sont positionnés en absolu */
    position:absolute; 
    cursor: pointer; 
   
    filter: contrast(.99) brightness(.99); 
    
}

img:last-child { 
    
    filter: contrast(1) brightness(1); 
}