.aca {
    position: absolute;
        margin: -20em -16em;
    width: 22rem;  
          display: block;   
    }
     .oca {
    position: absolute;
        margin: -19em -19em;
    width: 22rem;  
          display: block;   
    }
     .ica {
    position: absolute;
        margin: -13em -19em;
    width: 22rem;  
          display: block;   
    }
    
       .pile  { 
            width:  15vw;
    }
    
     .pil  { 
            height:  13em;
    }

   .tailla  { 
            width:  6em;
    }
    
    .taillo  { 
            height:  10em;
    }
    
    .typ  { 
            width:  11em;
    }
     .type  { 
            width:  8em;
    }
    
    
       .typo  { 
            width:  0.618rem;
    }
 
   .verte  {
      filter: invert(26%);
    }
     .rot  {
      filter: hue-rotate(180deg);
    }
     .sat  {
      filter: saturate(2);
    }
    
    .tour {
       rotate: 90deg;
       }
              
      .bee  {
            height: 26vh
           width: 48vh;
      	box-shadow: inset 3px 5px 16px rgba(0,0,0,0.62);
      }
    .taille video { padding : 1em; height: 100%; width: 100%; }
     
    .exemple { 
     display: block;   
    }
     
    
    .element {
	border: 0.6rem solid rgba(56,106,39,0.5);
	box-shadow: inset 0px 0px 50px 25px rgba(0,255,79,0.5),
		0px 0px 10px 5px rgba(0,127,255,0.5),
		inset 20px 30px 10px rgba(255,0,0,0.5),
		30px 20px 10px rgba(0,0,0,0.05);
    }
    
    .elea {
	border: 0.6rem solid rgba(156,106,39,0.5);
	box-shadow: inset 0px 0px 50px 25px rgba(200,255,79,0.5),
		0px 0px 10px 5px rgba(200,127,255,0.5),
		inset 20px 30px 10px rgba(255,0,0,0.5),
		30px 20px 10px rgba(200,0,0,0.05);
   }
    
    .eleb {
        border: 0.6rem solid rgba(255,10,39,0.5);
	box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.5),
		0px 0px 10px 5px rgba(0,0,0,0.5),
		inset 2px 3px 1px rgba(0,0,0,0.5),
		3px 2px 10px rgba(0,0,0,0.05);
   }
  .elec {
	border: 0.6rem solid rgba(56,106,239,0.5);
	box-shadow: inset 0px 0px 50px 25px rgba(20,55,249,0.5),
		0px 0px 10px 5px rgba(20,27,255,0.5),
		inset 20px 30px 10px rgba(55,0,0,0.5),
		30px 20px 10px rgba(20,200,160,0.05);
   }
    .eled {
	border: 0.6rem solid rgba(156,206,39,0.5);
	box-shadow: inset 0px 0px 50px 25px rgba(200,255,49,0.5),
		0px 0px 10px 5px rgba(200,127,205,0.5),
		inset 20px 30px 10px rgba(155,200,0,0.5),
		30px 20px 10px rgba(20,200,160,0.05);
   }
    
    
                                     /*    PILOTE     */
       .le {
           position: absolute;
          left: 13em;
        width: 3em;  
            display: block;
            z-index: 6;
       }    
  
    .se  {
       position: absolute;
      left: 8em ;
        z-index: 6;
        width: 5em;  
            display: block;
     }
    .me {
          position: absolute;
          left: 1em;
        width: 3em;  
            display: block;
            z-index: 6;
    }
    .pe {
           position: absolute;
          left: 16em;
        width: 3em;  
            display: block;
            z-index: 6;
    }

 .hero {
  text-align: center;
  position: relative;
  top: 50%;
  color: brown;
 }       
    .heros {
  text-align: center;
  position: relative;
  top: 50%;
  color: purple;
 }      
    
  .FACED {
	box-shadow:  inset 0px 0px 7px 3.5px #cc8eb7,
		0px 0px 8px 4px #616264;
     width: 100vw;  
      display: block;
  }

   @keyframes fade {
      from { opacity: 0; } 
      to { opacity: 1; }     
   }
  .ciblee {
  
        animation: fade 2s;
  }  
 @keyframes rade {
      from { opacity: 0; } 
      to { opacity: 1; }     
   }
  .crible {
  
        animation: rade 4s;
  }