.transitionPerso01 .diapoEntranteGBM {
  opacity:1;
  transition-duration:1s;
  transition-delay:1s;
}
.transitionPerso01 .diapoSortanteGBM {
  opacity:0;
  transition-duration:1s;
}
.transitionPerso01.blocAffichageGBM {
  background-color: transparent;
}

.transitionPerso02 .diapoEntranteGBM {
  transition-duration: 1s;
  transform:scale(1) rotate(360deg);
  transform-origin: 20% 60%;
  transition-delay:1s;
}
.transitionPerso02 .diapoSortanteGBM {
  transition-duration: 1s;
  transform:scale(0) rotate(-360deg);
  transform-origin: 20% 60%;
}
.transitionPerso02.blocAffichageGBM {
  background-color: rgb(255, 136, 0);
}

.transitionPerso03 .diapoEntranteGBM {
  transition-duration: 1s;
  transform: translate(0%, 0%);
  transition-property: all;
  transition-timing-function: cubic-bezier(1,1 , 1.5, 0);
  transition-delay:1s;
}
.transitionPerso03 .diapoSortanteGBM {
  transition-duration: 1s;
  transform: translate(0, 100%);
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1.5, 1, 1);
}
.transitionPerso03.blocAffichageGBM {
  background-color: rgb(141, 110, 137);
}

@keyframes animSortante04 {
	from {
		opacity:1;
		transform: scale(2) rotate(0);
	}
	to {
		opacity:0;
		transform: scale(10) rotate(10000deg);
	}
} 
.transitionPerso04 .diapoSortanteGBM {
	opacity:0;
	animation-name:animSortante04;
	animation-duration:2s;
}
@keyframes animEntrante04 {
	from {
		opacity: 0;
		transform: scale(0) rotate(-10000deg);
	}
	to {
		opacity: 1;
		transform: scale(1) rotate(0);
	}
} 
.transitionPerso04 .diapoEntranteGBM {
	opacity: 1;
	animation-name: animEntrante04;
	animation-duration: 3s;
}


@keyframes animSortante05 {
	0% {
		opacity:1;
		transform: scale(1);
  }
  20%{
    opacity:.5;
		transform: scale(10);
  }
	100%{
		opacity:0;
		transform: scale(0);
	}
} 
.transitionPerso05 .diapoSortanteGBM {
  opacity:0;
  animation-fill-mode: both;
	animation-name:animSortante05;
  animation-duration:2s;
}
@keyframes animEntrante05 {
	0% {
		opacity: 0;
		transform: scale(10);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
} 
.transitionPerso05 .diapoEntranteGBM {
  opacity: 1;
  animation-fill-mode: both;
  animation-delay:.5s;
	animation-name: animEntrante05;
  animation-duration: 2s;
}


.blocAffichageGBM.transitionPerso06 {
	overflow: visible;
}
@keyframes animSortante06 {
	0% {
		opacity:1;
		transform: scale(1);
  }
	100%{
		opacity:0;
		transform: scale(0);
	}
} 
.transitionPerso06 .diapoSortanteGBM {
  opacity:0;
  animation-fill-mode: both;
	animation-name:animSortante06;
  animation-duration:2s;
}
@keyframes animEntrante06 {
	0% {
		opacity: 0;
		transform: scale(0);
		filter: blur(50px);
		border-radius: 10px;
	}
	 85%{
    opacity:.5;
		transform: scale(1.1);
		filter: blur(20px);
		border-radius: 20px;
  }
	100% {
		opacity: 1;
		transform: scale(1);
	}
} 
.transitionPerso06 .diapoEntranteGBM {
	opacity: 1;
  animation-fill-mode: both;
  animation-delay:1.2s;
	animation-name: animEntrante06;
  animation-duration: 2s;
}


@keyframes animSortante07 {
	0% {
		opacity:1;
		transform: scale(1);
	}
	85%{
    opacity:.5;
		transform: scale();
		filter: blur(20px);
		border-radius: 50%;
  }
	100%{
		opacity:0;
		filter: blur(20px);
		border-radius: 50%;
		transform: scale(0);
	}
} 
.transitionPerso07 .diapoSortanteGBM {
  animation-fill-mode: both;
	animation-name:animSortante07;
  animation-duration:1.5s;
}
@keyframes animEntrante07 {
	0% {
		opacity: 0;
		transform: scale(0);
		filter: blur(20px);
		border-radius:50%;
	}
	 85%{
    opacity:.5;
		transform: scale();
		filter: blur(10px);
		border-radius: 40%;
  }
	100% {
		opacity: 1;
		transform: scale(1);
	}
} 
.transitionPerso07 .diapoEntranteGBM {
  animation-fill-mode: both;
  animation-delay:1.5s;
	animation-name: animEntrante07;
  animation-duration: 2s;
}