/*** CSS_ANIMATIONS.css ***/
/**************************/
/*** Doc dans CSS_documentation.css ***/


/*** CURSORS ***/
/***======== ***/
		/*** dans CSS_BOUTONS.css ***/

/***============ ***/
/*** ANIMATIONS ***/
/***============ ***/
	
.clignotant { /* A renommer pas vraiment un clignotement*/
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 4.0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
}
@keyframes blinker { /* https://developer.mozilla.org/fr/docs/Web/CSS/Animations_CSS */
	from {background-color: black;}
	to {background-color: darkRed;}
	from {opacity: 1.0;}
	to {opacity: 0.9;}
}

.illustration { /* Anime des objets qui tombent depuis le haut de la fenêtre */
		/* static relative absolute fixed sticky */
	position: relative; /*relative*/
	margin: 0 ; /* 0 auto */
	width : 1024px; /*716*/
	height: 413px; /*413*/
	/*background-image: url(../Documents/Images/RNimg01.JPG);
	/*background : url("./illustration.jpg") no-repeat top center;*/
}
 
.i-large,
.i-medium,
.i-small {
	position : absolute; /* absolute */
	top: 0; right: 0; bottom: 0; left: 0;
}

.i-large {
	background: url("http://www.lceg.net/Rail_Nation/Documents/Images/autres/particules_large.png") repeat 0px 0px;
	-webkit-animation: dropFlowParticles 2s linear infinite;
	     -o-animation: dropFlowParticles 2s linear infinite;
	        animation: dropFlowParticles 2s linear infinite;
}
.i-medium {
	background: url("http://www.lceg.net/Rail_Nation/Documents/Images/autres/particules_medium.png") repeat 0px 0px;
	-webkit-animation: dropFlowParticles 12s linear infinite;
	     -o-animation: dropFlowParticles 12s linear infinite;
	        animation: dropFlowParticles 12s linear infinite;
}
.i-small {
	background: url("http://www.lceg.net/Rail_Nation/Documents/Images/autres/particules_small.png") repeat 0px 0px;
	-webkit-animation: dropFlowParticles 27s linear infinite;
	     -o-animation: dropFlowParticles 27s linear infinite;
	        animation: dropFlowParticles 27s linear infinite;
}
 
@-webkit-keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; } /*0 413 */
}
@keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; } /* 0 413 */
}