@charset "UTF-8";

@media (orientation: landscape) {
  .feuillage {
    min-width: 120%;
    width: auto;
    height: auto;
  }
}

@media (orientation: portrait) {
  .feuillage {
    min-height: 120%;
    height: auto;
    width: auto;
  }
}

@keyframes mouvementFeuillage {
 0% {
        transform-origin: 0% 0%;
        transform: translate(0px, 0px) rotate(0deg);
    }
 100% {
        transform-origin: 0% 0%;
        transform: translate(4px, 8px) rotate(1deg);
    }
}

.feuillage {
	filter: blur(6px);
	-webkit-filter: blur(6px);
	position: fixed;
	object-fit: cover;
	top: -10%;
	left: -10%;
	margin: auto;
	z-index: 1035;
	pointer-events: none;
	animation: mouvementFeuillage 5s cubic-bezier(0.6, -0.28, 0.74, 1) 0s infinite alternate;
}

.branche {
	opacity: 0.40;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}

.feuilles1 {
    opacity: 0.30;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}

.feuilles2 {
    opacity: 0.10;
	filter: alpha(opacity=10); /* For IE8 and earlier */
}