.verte  {
      filter: invert(100%);
    }
     .rot  {
      filter: hue-rotate(180deg);
    }
     .sat  {
      filter: saturate(6);
    }
    .tour {
       rotate: 90deg;
       }
    
            
    .sous {
          position: absolute;
        margin: -3.14rem -1rem;
         height: 111%;  
            display: block;
        opacity: 0.23;
            z-index: -6;
  }
    .haut {
          position: relative;
    inset: 40vh 0vw;
      
     display: block;
      
    }
    
    
    .ici {
       position: absolute;
          z-index: 5;
        width: 1.6vh;  
            display: block;
    }
    
    .bas {
          position: relative;
     inset: 80vh 0vw;
          z-index: 5;
             display: block;
    }
     
     .tailla  { 
            height:  100vh;
    }    
    
      
    .pointe { 
        width:  100%;
      }
    
        
.elemente {
     background:  url("bullema.png") no-repeat;
    background-size:  100% , 100%;
	box-shadow:  3px 5px 8px rgba(0,0,0,0.62);
}
    .elemante {
        background:  url("pale.png") no-repeat;
    background-size:  100% , 100%;
	box-shadow:  3px 5px 8px rgba(0,0,0,0.62);
}
     .eleminte {
         width: calc(162rem + 16vw);
    background:  url("fon.png") no-repeat;
    background-size:  cover;
	box-shadow:  3px 5px 8px rgba(0,0,0,0.62);
}
    .elemonte {
    background:  url("bullema.png") repeat;
    background-size:  3% , 100%;
  box-shadow:  inset 0px 0px 62px 16vh rgba(0,0,0,0.62);
}
   
 @keyframes fade {
      from { opacity: 0; } 
      to { opacity: 0.23; }     
   }
  .ciblee {
  
        animation: fade 3.14s;
  }      
   @keyframes rade {
      from { opacity: 0; } 
      to { opacity: 1; }     
   }
  .crible {
  
        animation: rade 6.18s;
  }