@keyframes disparition
{
	0% { opacity : 1; } /* Valeur de propriete css, a 0% de la duree fixee */
	75%	{ opacity : 1; } /* Valeur de propriete css, a 75% de la duree fixee */
	100% { opacity : 0; } /* Valeur de propriete css, a 100% de la duree fixee */
}
.disparition
{
	animation: disparition 3s ease-in-out forwards;
}

@keyframes apparition 
{
	0% { opacity : 0; } /* Valeur de propriete css, a 0% de la duree fixee */
	75% { opacity : 1; } /* Valeur de propriete css, a 75% de la duree fixee */
	100% { opacity : 1;	} /* Valeur de propriete css, a 100% de la duree fixee */
}
.apparition
{
	animation: apparition 3s ease-in-out forwards;
}

@keyframes rotation 
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.rotation_infinie
{
	animation: rotation 2s infinite ease;
}

@keyframes clignotementRouge 
{
	0% {  }
	50% { background-color: red; border-color: red;}
	100% {  }
}
.clignoteRouge 
{
	animation-name : clignotementRouge;
	animation-duration : 0.5s;
	animation-iteration-count : 2;
}

@keyframes clignotementVert
{
	0% {  }
	50% { background-color: green; border-color: green;}
	100% {  }
}
.clignoteVert
{
	animation-name : clignotementVert;
	animation-duration : 0.5s;
	animation-iteration-count : 2;
}

@keyframes fonduVersNoir 
{
	0% { background-color: transparent; opacity: 1; }
	100% { background-color: black; opacity: 0; }
}
.fonduNoirIn
{
	animation-name : fonduVersNoir;
	animation-duration : 0.1s;
	animation-iteration-count : 1;
	animation-fill-mode: forwards;
}

@keyframes fonduDepuisNoir 
{
	0% { background-color: black; opacity: 0; }
	100% { background-color: transparent; opacity: 1; }
}
.fonduNoirOut
{
	animation-name : fonduDepuisNoir;
	animation-duration : 0.1s;
	animation-iteration-count : 1;
	animation-fill-mode: forwards;
}

.transition-dimension 
{
	overflow: hidden;
	transition: height 0.16s, width 0.16s;
}