.col_3.anim .img{opacity:0;}
.col_3.animDone .img{animation-name: ImgPicto_Anim;animation-duration: 0.5s; animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes ImgPicto_Anim{
	0%{opacity:0;transform: scale(2);} 25%{transform: scale(1);opacity:1;} 50%{transform: scale(1.5);} 75%{transform: scale(1);} 100%{transform: translateX(0);opacity: 1}
}
.col_3.anim .bloc3:nth-child(1) h3::after{transition-delay: 0.7s;}
.col_3.anim .bloc3:nth-child(1) p{transition-delay: 1.5s;}
.col_3.anim .bloc3:nth-child(2) .img{animation-delay: 2.5s;}
.col_3.anim .bloc3:nth-child(2) h3::after{transition-delay: 3.2s;}
.col_3.anim .bloc3:nth-child(2) p{transition-delay: 3.9s;}
.col_3.anim .bloc3:nth-child(3) .img{animation-delay: 4.6s;}
.col_3.anim .bloc3:nth-child(3) h3::after{transition-delay: 5.2s;}
.col_3.anim .bloc3:nth-child(3) p{transition-delay: 5.9s;}
.col_3.anim h3:after{width: 0; transition-duration: 0.7s;transition-property:width;}
.col_3.animDone h3::after{width: 100%;}

h1.anim, h2.anim{margin-top: -50px; opacity: 0; transition: all 0.7s}
h1.animDone, h2.animDone{margin-top: 0; opacity: 1; }
img.anim{opacity: 0; margin-top: 50px; transition: all 0.4s}
img.animDone{opacity: 1; margin-top: 0;}

h1 + p.anim, h2 + p.anim{ transition-property:all;transition-delay:1s;transition-duration: .5s; transform: translateX(-25%) ; -ms-transform: translateX(-25%); opacity: 0;}
h1 + p.animDone, h2 + p.animDone{ -ms-transform:translateX(0); transform: translateX(0);  opacity: 1;}

.coteDroit img.anim{transform: translateX(-25%);}
.coteDroit img.animDone{transform: translateX(0);}
.coteGauche img.anim{transform: translateX(25%);}
.coteGauche img.animDone{transform: translateX(0);}

.col_3.anim p, p.anim{opacity: 0; transition-duration: 0.7s;transition-property: opacity }
.col_3.animDone p, p.animDone{opacity: 1}


#shareSocial.fixed{ z-index:5;position: fixed; bottom: -40px; left: 0 ;transition: bottom 0.4s; width: 100%; background: #FFF}
#shareSocial.fixed.show{bottom: 0;}
header.fixedMobile{top:calc(-9.2vw + 2px);}
header.fixedMobile.show{top:0px;}

.bloc-fleche.anim .text-fleche *:not(img){ opacity: 0;transition-property:opacity; transition-duration: 0.3s;}
.bloc-fleche1.anim .text-fleche img{animation-delay: 0.3s;position: relative; opacity:0; left:-250px;  width: 0px;}
.bloc-fleche2.anim .text-fleche img{animation-delay: 0.3s;position: relative; opacity:0; left:250px; width: 0px;}
.bloc-fleche.animDone .text-fleche *:not(img){ opacity: 1; left:0; }
.bloc-fleche.animDone .text-fleche img{animation-name: Fleche_Anim; animation-duration: 0.5s; animation-fill-mode: forwards;}
.bloc-fleche2.animDone .text-fleche img{animation-name: Fleche2_Anim;}
@keyframes Fleche_Anim{
	0%{width: 20%}
	80%{opacity: 1; width: 70%;left: 40px;}
	100%{width: 70%;opacity: 1;left: 0;}
}
@keyframes Fleche2_Anim{
	0%{width: 20%}
	80%{opacity: 1; width: 70%;left: -40px;}
	100%{width: 70%;opacity: 1;left: 0;}
}
@media screen and (max-width: 600px) {
	@keyframes Fleche_Anim{
		0%{width: 10%}
		80%{opacity: 1; width: 40%;left: 40px;}
		100%{width: 40%;opacity: 1;left: 0;}
	}
	@keyframes Fleche2_Anim{
		0%{width: 10%}
		80%{opacity: 1; width: 40%;left: -40px;}
		100%{width: 40%;opacity: 1;left: 0;}
	}
}
.bloc-fleche.anim .text-fleche-picto .img{opacity:0;}
.bloc-fleche.animDone .text-fleche-picto .img{animation-name: ImgPicto_Anim;animation-duration: 0.5s; animation-iteration-count: 1;animation-fill-mode: forwards;}


.bloc-fleche.anim .text-fleche-picto > .bloc .bloc3:nth-child(1) .img{animation-delay: 0.8s;}
.bloc-fleche.anim .text-fleche-picto > .bloc .bloc3:nth-child(2) .img{animation-delay: 1.5s;}
.bloc-fleche.anim .text-fleche-picto > .bloc .bloc3:nth-child(3) .img{animation-delay: 2.5s;}
.bloc-fleche.anim .text-fleche-picto > .bloc:last-child .bloc3:nth-child(1) .img{animation-delay: 3.2s;}
.bloc-fleche.anim .text-fleche-picto > .bloc:last-child .bloc3:nth-child(2) .img{animation-delay: 3.9s;}
.bloc-fleche.anim .text-fleche-picto > .bloc:last-child .bloc3:nth-child(3) .img{animation-delay: 4.6s;}