/* parallaxe intro */
@media screen and (max-width: 960px) {

#corps .introParallaxe{
display:block;
margin-top:0px;
position: relative;
overflow: hidden;
height:500px;
}
#corps .introParallaxe .txt {
position: absolute;
z-index: 10;
top:0px;
left:0px;
width:100%;
border:1px dashed var(--debug); /* debug */
padding:30px;
opacity: 0;
animation: fadeIn 1s ease-out 1s forwards;
text-align:left;
}
#corps .introParallaxe .txt *{
color:var(--text);
}
#corps .introParallaxe .txt h5 a{
border:2px solid var(--text);
background:var(--text);
color:white;
}
#corps .introParallaxe .txt h5 a:hover{
border:2px solid var(--blanc);
background:var(--blanc);
color:var(--text);
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.parallax-intro-1k5p02{
  z-index:1;
  position:relative;
  width:100%;
  aspect-ratio:auto;
  height:500px;
  background:#000;
  overflow:visible
}
.parallax-intro-1k5p02 .layer{
  position:absolute;
  height:auto;
  transform-origin:center;
  will-change:auto;
  animation-duration:5s;
  animation-timing-function:ease;
  animation-fill-mode:both
}

.parallax-intro-1k5p02 .layer-1{
  z-index:3;
  animation-name:parallax-intro-1k5p02-1;
  animation-iteration-count:infinite;
  width:300px;
}

@keyframes parallax-intro-1k5p02-1 {
  0% { left:25%; top:20%;  opacity:0; transform:rotate(0deg) }
  50% { left:25%; top:20%; opacity:1; transform:rotate(180deg) }
  100% { left:25%; top:20%; opacity:0; transform:rotate(360deg) }
}

.parallax-intro-1k5p02 .layer-2 {
    z-index: 2;
    animation-name: parallax-intro-1k5p02-2;
    animation-iteration-count: 1;
    height: 400px;
    left: -20px!important;
    width: auto;
    max-width: none;
}
@keyframes parallax-intro-1k5p02-2 {
  0%   { top:30%; opacity:1; transform:rotate(0deg) scale(1.01); }
  100% { top:25%; opacity:1; transform:rotate(0deg) scale(1.01); }
}

.parallax-intro-1k5p02 .layer-3{
  z-index:1;
  animation-name:parallax-intro-1k5p02-3;
  animation-iteration-count:1;
  height:500px;
  left: -20px!important;
  width: auto;
  max-width: none;
}
@keyframes parallax-intro-1k5p02-3 {
  0% { top:-30%; opacity:1; transform:rotate(0deg) scale(1.05);}
  100% { top:-20.36%; opacity:1; transform:rotate(0deg) scale(1.05);}
}
.parallax-intro-1k5p02 .layer{
  transition: translate .3s ease-out;
}
.parallax-intro-1k5p02 .layer-1{ translate: calc(var(--mx,0) * 20px) calc(var(--my,0) * 20px); }
.parallax-intro-1k5p02 .layer-2{ translate: calc(var(--mx,0) * 12px) calc(var(--my,0) * 12px); }
.parallax-intro-1k5p02 .layer-3{ translate: calc(var(--mx,0) * 5px)  calc(var(--my,0) * 5px); }

}