.timeline_animee{position: relative;
	--colorTimeline: pink;
}
.timeline_animee>div::before{content:""; width:3px; height:100%; background:var(--colorTimeline); position:absolute; left:50%;transform: translateX(-50%);}
.timeline_animee .bloc2:nth-child(2n+1){margin-right:5%; width:40%; position:relative;}
.timeline_animee .bloc2:nth-child(2n){margin-left:5%; width:40%;}
.timeline_animee .txt{border-radius:5px; padding:15px}
.timeline_animee .txt h3{ margin-bottom: 0.5em}
.timeline_animee>div>.bloc,.timeline_animee>.bloc{position: relative;}
.timeline_animee>div>.bloc::after,
.timeline_animee>.bloc::after{content:""; display: block;width: 15px; height:15px; border-radius:15px; background:var(--colorTimeline); position:absolute; top:50%; left: 50%;transform:translate(-50%, -50%); z-index:99;}
.timeline_animee .bloc2 .left.anim{position: relative; transform: translateY(40%); left:-50%;}
.timeline_animee .bloc2 .right.anim{position: relative; transform: translateY(40%); left:50%;}

.timeline_animee .bloc2.anim:not(.notmoove){opacity: 0;transform: translateY(25%); transition: all 0.8s ease-out; animation-fill-mode:both;}
.timeline_animee .bloc2.animDone:not(.notmoove){opacity: 1; transform: translateY(0);}

/*.timeline_animee .bloc2 .left.animDone{animation: ImgVisaVisLeft 1s cubic-bezier(0.34, 1.56, 0.64, 1); animation-fill-mode:both;}
.timeline_animee .bloc2 .right.animDone{animation: ImgVisaVisRight 1s cubic-bezier(0.34, 1.56, 0.64, 1); animation-fill-mode:both;}*/

.timeline_animee .bloc2:not(.txt):nth-child(2n+1) .backgroundWrapper.anim{left:-50%; transform: translateY(40%)}
.timeline_animee .bloc2:not(.txt):nth-child(2n+1) .backgroundWrapper.animDone{animation: ImgVisaVisLeft 1s cubic-bezier(0.34, 1.56, 0.64, 1); animation-fill-mode:both;}
.timeline_animee .bloc2:not(.txt):nth-child(2n) .backgroundWrapper.anim{left:50%; transform: translateY(40%)}
.timeline_animee .bloc2:not(.txt):nth-child(2n) .backgroundWrapper.animDone{animation: ImgVisaVisRight 1s cubic-bezier(0.34, 1.56, 0.64, 1); animation-fill-mode:both;}
 @keyframes ImgVisaVisLeft {
   0% {left:-50%; transform: translateY(40%)}
   100% {left:0; transform: translateY(0)}
 }

 @keyframes ImgVisaVisRight {
   0% {left:50%; transform: translateY(40%)}
   100% {left:0; transform: translateY(0)}
 }

.editableZone .timeline_animee.bloc.hover::after{content:"Timeline animée";}
#addElem .timeline_animee::before{display: none;}
 /*Responsive*/

@media screen and (max-width: 600px) {

	.timeline_animee h2, .timeline_animee h3{display: inline-block; width: auto;}
	.timeline_animee p, .timeline_animee h2, .timeline_animee h3{padding-bottom: 2px; padding-top: 2px;}
	.timeline_animee > div::before, .timeline_animee .txt > :last-child::after,
	body .timeline_animee > div > .bloc::after,
	body .timeline_animee > .bloc::after{display: none;}
	.timeline_animee .txt>*:last-child::after{content:""; width: 15px; height:15px; border-radius:15px; background:var(--colorTimeline); position:absolute; bottom:0%; left: 50%;transform:translateX(-50%); z-index:99;}

	.timeline_animee{overflow:hidden;}
	.timeline_animee::before{left: 5%;content:""; width:3px; height:100%; background:var(--colorTimeline); position:absolute; transform: none;}
	.timeline_animee .txt{order:-1;}
	.timeline_animee .bloc{display:flex; flex-wrap:wrap;}
	.timeline_animee .bloc2{display:block; width:80% !important; margin-right:0; margin-left:10% !important;position: relative	}
	.timeline_animee .bloc2 .left.anim{left:50%;}
	.timeline_animee .bloc2 .left.animDone,.timeline_animee .bloc2 .right.animDone{animation: ImgVisaVisRight 1s cubic-bezier(0.34, 1.56, 0.64, 1); animation-fill-mode:both;}

	body .timeline_animee .bloc2.txt::before{content:""; width: 15px; height:15px; border-radius:15px; background:var(--colorTimeline); position:absolute; top:50%;left: 0;transform:translateX(-50%); z-index:99; margin-left:-7.2%}
	body .bg_choice .timeline_animee .bloc2.txt::before{margin-left:calc(-5% - (7.5px + 3px)); transform: translateY(-50%)}
	.timeline_animee .txt h2, .timeline_animee .txt h3, .timeline_animee .txt p{text-align:left !important; padding-left:0 !important; padding-right:0 !important;}
}

