@keyframes introduction-div
{
	25%
	{
		width:350px;
	}
	70%
	{
		width:350px;
		background-color: rgba(255, 255, 255, 1);
	}
	80%
	{
		background-color: rgba(255, 255, 255, 0);
	}
	100%
	{
		width:350px;
		background-color:transparent;
	}
}

@keyframes introduction-img
{
	25%
	{
		top:40px;
		height:150px;
	}
	70%
	{
		opacity:1;
		left:0px
	}
	80%
	{
		opacity:0;
		left:-300px
	}
	100%
	{
		opacity:0;
		top:40px;
		height:150px;
	}
}

@keyframes introduction-noir
{
	25%
	{
		background-color:black;
	}
	70%
	{
		background-color:black;
	}
	80%
	{
		background-color:white;
		height : 250px;
	}
	100%
	{
		height : 0px;
		background-color:transparent;
	}
}
@keyframes introduction-blanc
{
	25%
	{
		width: 100px;
	}
	70%
	{
		background-color: rgba(255, 255, 255, 1);
	}
	80%
	{
		background-color: rgba(255, 255, 255, 0);
	}
	100%
	{
		width: 100px;
		background-color:transparent;
	}
}
@keyframes introduction-cache
{
	40%
	{
		width: 0px;
	}
	41%
	{
		width: 680px;
 		box-shadow: -30px 0px 30px black;
	}
	42%
	{
		width: 680px;
		left: 600px;
	}
	55%
	{
		left:1280px;
		width: 0px;
 		box-shadow: -30px 0px 30px black;
 		opacity:1;
	}
	71%
	{
		opacity:0;
	}
	100%
	{
		box-shadow: -30px 0px 30px black;
		opacity:0;
	}
}

@keyframes introduction-body
{
	20%
	{
		background-color:black;
	}
	56%
	{
		background-color:black;
	}
	64%
	{
		background-color:white;
	}
	80%
	{
		background-color:white;
	}
	100%
	{
		background-color:transparent;
	}
}

@keyframes introduction-coupure
{
	20%
	{
		opacity:0;
		top: -12px;
		left: 420px;
	}
	25%
	{
		opacity:1;
		top: -12px;
		left: 420px;
	}
	30%
	{
		top : 240px;
		left : 350px;
	}
	70%
	{
		opacity:1;
		left : 350px;
	}
	80%
	{
		opacity:0;
		left : -150px;
	}
	100%
	{
		top : 240px;
		left : -150px;
		opacity:0;
	}
}
@keyframes introduction-texte
{
	41%
	{
		width:600px;
		opacity:0;
	}
	45%
	{
		opacity:1;
	}
	80%
	{
		width:600px;
	}
	100%
	{
		opacity:1;
		width:700px;
	}
}
@keyframes introduction-div-texte
{
	41%
	{
		opacity:0;
	}
	45%
	{
		opacity:1;
	}
	80%
	{
		top : 320px;
		left : 520px;
		width:600px;
	}
	100%
	{
		opacity:1;
		top : 30px;
		left : 0px;
		width:100%;
	}
}

@keyframes introduction-triangle
{
	24%
	{
		opacity:0;
	}
	25%
	{
		opacity:1;
		border-bottom: 244px solid white; 
	}
	40%
	{
		border-bottom: 244px solid black; 
	}
	70%
	{
		border-bottom: 244px solid black; 
	}
	75%
	{
		border-bottom: 244px solid white;
		opacity:1;
	}
	80%
	{
		opacity:0;
	}
}

@keyframes introduction-bande
{
	25%
	{
		background-color:white;
	}
	40%
	{
		background-color:black;
	}
	70%
	{
		background-color:black; 
	}
	75%
	{
		background-color:white;
		height:244px;
	}
	80%
	{
		height:244px;
	}
	100%
	{
		height:0px;
		background-color:transparent;
	}
}

@keyframes introduction-ruban_centre
{
	50%
	{
		background-color: rgba(44, 44, 44, 1);
	}
	100%
	{
		background-color: rgba(44, 44, 44, 1);
		width:78%;
	}
}

@keyframes introduction-ruban_bords
{
	100%
	{
		background-color: rgba(56, 56, 56, 1);
		width:11%;
	}
}

@keyframes introduction-plis
{
	100%
	{
		opacity:1;
	}
}

@keyframes section
{
	0%
	{
		transform: scale(0); /* Chrome, Safari, Opera */
	}
	100%
	{
		opacity:1;
		transform: scale(1); /* Chrome, Safari, Opera */
	}
}
@keyframes header
{
	100%
	{
		height:250px;
	}
}