#animation-wrapper {
	background: #aabfda;
	background: -moz-radial-gradient(center, ellipse cover, #edf2f7 0%, #aabfda 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #edf2f7 0%, #aabfda 100%);
	background: radial-gradient(ellipse at center, #edf2f7 0%, #aabfda 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2f7', endColorstr='#aabfda',GradientType=1 );
}
#animation {
	width: 900px;
	height: 400px;
	margin: auto;
	position: relative;
}
#accroche {
	padding: 25px 0 0 70px;
	color: #3a4b5f;
	font-weight: 300;
	font-size: 36px;
	line-height: 1em;
}
#accroche strong {
	font-weight: 600;
}
#logo {
	position: absolute;
	top: 25px;
	right: 70px;
}
#machine {
	position: absolute;
	left: 59px;
	top: 152px;
	width: 782px;
	height: 220px;
	background: url(/Content/img/machine.png) no-repeat center center;
}
.serveur {
	position: absolute;
}
#serveur1 {
	left: 118px;
	top: 47px;
}
#serveur2 {
	left: 118px;
	top: 70px;
}
#serveur3 {
	left: 118px;
	top: 93px;
}
#serveur4 {
	left: 726px;
	top: 47px;
}
#serveur5 {
	left: 726px;
	top: 70px;
}
#serveur6 {
	left: 726px;
	top: 93px;
}
#masque-serveur {
	position: absolute;
	left: 726px;
	top: 47px;
	-webkit-animation-name: serveur;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: step-start;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay: 10s;
	-moz-animation-name: serveur;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: step-start;
	-moz-animation-fill-mode: forwards;
	-moz-animation-delay: 10s;
	-o-animation-name: serveur;
	-o-animation-duration: 0.5s;
	-o-animation-timing-function: step-start;
	-o-animation-fill-mode: forwards;
	-o-animation-delay: 10s;
	animation-name: serveur;
	animation-duration: 0.5s;
	animation-timing-function: step-start;
	animation-fill-mode: forwards;
	animation-delay: 10s;
}
#serveur7 {
	left: 0;
	top: 0;
}
#serveur8 {
	left: 0;
	top: 23px;
}
#serveur9 {
	left: 0;
	top: 46px;
}
#lumiere {
	position: absolute;
	left: 381px;
	top: 127px;
	width: 40px;
	height: 25px;
	background: rgba(250, 250, 250, 0.8);
	border-radius: 20px 20px 0 0;
	box-shadow: 0 0 6px transparent;
	-webkit-animation-name: lumiere;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 4.6s;
	-moz-animation-name: lumiere;
	-moz-animation-duration: 12s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 4.6s;
	-o-animation-name: lumiere;
	-o-animation-duration: 12s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-o-animation-delay: 4.6s;
	animation-name: lumiere;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 4.6s;
}
#ecran {
	position: absolute;
	left: 365px;
	top: 272px;
	height: 12px;
	width: 72px;
	background-image: url(/Content/img/ecran.gif);
	background-repeat: no-repeat;
	background-position: 0 16px;
	-webkit-animation-name: ecran;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: step-start;
	-webkit-animation-delay: 4.6s;
	-moz-animation-name: ecran;
	-moz-animation-duration: 12s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: step-start;
	-moz-animation-delay: 4.6s;
	-o-animation-name: ecran;
	-o-animation-duration: 12s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: step-start;
	-o-animation-delay: 4.6s;
	animation-name: ecran;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: step-start;
	animation-delay: 4.6s;
}
#enveloppes {
	position: absolute;
	left: 120px;
	top: 0;
	width: 600px;
	height: 279px;
}
.enveloppe {
	width: 60px;
	height: 34px;
	background-image: url(/Content/img/enveloppes.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-animation-name: enveloppe;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: enveloppe;
	-moz-animation-duration: 12s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-o-animation-name: enveloppe;
	-o-animation-duration: 12s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: enveloppe;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.enveloppe.npai {
	-webkit-animation-name: npai;
	-moz-animation-name: npai;
	-o-animation-name: npai;
	animation-name: npai;
}
.enveloppe.corrigee {
	-webkit-animation-name: corrigee;
	-moz-animation-name: corrigee;
	-o-animation-name: corrigee;
	animation-name: corrigee;
}
#env2 { 
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
#env3 { 
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
#env4 { 
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	-o-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
#env5 { 
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;
}
#env6 { 
	-webkit-animation-delay: 7.5s;
	-moz-animation-delay: 7.5s;
	-o-animation-delay: 7.5s;
	animation-delay: 7.5s;
}
#env7 { 
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-o-animation-delay: 9s;
	animation-delay: 9s;
}
#env8 { 
	-webkit-animation-delay: 10.5s;
	-moz-animation-delay: 10.5s;
	-o-animation-delay: 10.5s;
	animation-delay: 10.5s;
}

#bras {
	position: absolute;
	left: 408px;
	top: -100px;;
	width: 181px;
	height: 305px;
	background: url(/Content/img/bras.png) no-repeat center center;
	-webkit-animation-name: bras;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 4.5s;
	-moz-animation-name: bras;
	-moz-animation-duration: 12s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 4.5s;
	-o-animation-name: bras;
	-o-animation-duration: 12s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	-o-animation-delay: 4.5s;
	animation-name: bras;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 4.5s;
}

/* COMPATIBILITE MOZILLA FIREFOX */
@-moz-keyframes enveloppe {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -120px 0;
	}
	100% {
		left: 100%;
		background-position: -120px 0;
	}
}
@-moz-keyframes npai {
	0% {
		left: 0%;
		bottom: 0;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -180px 0;
	}
	65% {
		left: 65%;
		bottom: 0;
	}
	66% {
		left: 65%;
		bottom: 0;
	}
	80% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
	100% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
}

@-moz-keyframes corrigee {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -60px 0;
	}
	100% {
		left: 100%;
		background-position: -60px 0;
	}
}

@-moz-keyframes bras {
	0% {
		top: -100px;
	}
	10% {
		top: -100px;
	}
	30% {
		top: -100px;
	}
	50% {
		top: -100px;
	}
	65% {
		top: -40px;
	}
	66% {
		top: -40px;
	}
	80% {
		top: -315px;
	}
	85% {
		top: -315px;
	}
	100% {
		top: -100px;
	}
}

@-moz-keyframes lumiere {
	0% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12.5% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	17.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	24.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	25% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	30% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37.5% {
		background: rgba(218, 61, 54, 1);
		box-shadow: 0 0 6px rgb(218, 61, 54);
	}
	42.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	49.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	50% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	55% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	67.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	74.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	75% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	80% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	92.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	99.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	100% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
}

@-moz-keyframes ecran {
	0% { background-position: 0 0; }
	12.5% { background-position: 0 0; }
	25% { background-position: 0 -16px; }
	37.5% { background-position: 0 0; }
	50% { background-position: 0 -32px; }
	62.5% { background-position: 0 0; }
	75% { background-position: 0 0; }
	87.5% { background-position: 0 -16px; }
	100% { background-position: 0 0; }
}
@-moz-keyframes serveur {
	0% {
		top: -300px;
	}
	100% {
		top: -300px;
	}
}

/* COMPATIBILITE WEBKIT */
@-webkit-keyframes enveloppe {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -120px 0;
	}
	100% {
		left: 100%;
		background-position: -120px 0;
	}
}
@-webkit-keyframes npai {
	0% {
		left: 0%;
		bottom: 0;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -180px 0;
	}
	65% {
		left: 65%;
		bottom: 0;
	}
	66% {
		left: 65%;
		bottom: 0;
	}
	80% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
	100% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
}

@-webkit-keyframes corrigee {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -60px 0;
	}
	100% {
		left: 100%;
		background-position: -60px 0;
	}
}

@-webkit-keyframes bras {
	0% {
		top: -100px;
	}
	10% {
		top: -100px;
	}
	30% {
		top: -100px;
	}
	50% {
		top: -100px;
	}
	65% {
		top: -40px;
	}
	66% {
		top: -40px;
	}
	80% {
		top: -315px;
	}
	85% {
		top: -315px;
	}
	100% {
		top: -100px;
	}
}

@-webkit-keyframes lumiere {
	0% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12.5% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	17.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	24.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	25% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	30% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37.5% {
		background: rgba(218, 61, 54, 1);
		box-shadow: 0 0 6px rgb(218, 61, 54);
	}
	42.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	49.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	50% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	55% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	67.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	74.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	75% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	80% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	92.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	99.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	100% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
}

@-webkit-keyframes ecran {
	0% { background-position: 0 0; }
	12.5% { background-position: 0 0; }
	25% { background-position: 0 -16px; }
	37.5% { background-position: 0 0; }
	50% { background-position: 0 -32px; }
	62.5% { background-position: 0 0; }
	75% { background-position: 0 0; }
	87.5% { background-position: 0 -16px; }
	100% { background-position: 0 0; }
}
@-webkit-keyframes serveur {
	0% {
		top: -300px;
	}
	100% {
		top: -300px;
	}
}

/* COMPATIBILITE OPERA */
@-o-keyframes enveloppe {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -120px 0;
	}
	100% {
		left: 100%;
		background-position: -120px 0;
	}
}
@-o-keyframes npai {
	0% {
		left: 0%;
		bottom: 0;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -180px 0;
	}
	65% {
		left: 65%;
		bottom: 0;
	}
	66% {
		left: 65%;
		bottom: 0;
	}
	80% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
	100% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
}

@-o-keyframes corrigee {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -60px 0;
	}
	100% {
		left: 100%;
		background-position: -60px 0;
	}
}

@-o-keyframes bras {
	0% {
		top: -100px;
	}
	10% {
		top: -100px;
	}
	30% {
		top: -100px;
	}
	50% {
		top: -100px;
	}
	65% {
		top: -40px;
	}
	66% {
		top: -40px;
	}
	80% {
		top: -315px;
	}
	85% {
		top: -315px;
	}
	100% {
		top: -100px;
	}
}

@-o-keyframes lumiere {
	0% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12.5% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	17.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	24.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	25% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	30% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37.5% {
		background: rgba(218, 61, 54, 1);
		box-shadow: 0 0 6px rgb(218, 61, 54);
	}
	42.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	49.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	50% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	55% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	67.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	74.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	75% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	80% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	92.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	99.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	100% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
}

@-o-keyframes ecran {
	0% { background-position: 0 0; }
	12.5% { background-position: 0 0; }
	25% { background-position: 0 -16px; }
	37.5% { background-position: 0 0; }
	50% { background-position: 0 -32px; }
	62.5% { background-position: 0 0; }
	75% { background-position: 0 0; }
	87.5% { background-position: 0 -16px; }
	100% { background-position: 0 0; }
}
@-o-keyframes serveur {
	0% {
		top: -300px;
	}
	100% {
		top: -300px;
	}
}

/* COMPATIBILITE GENERIQUE */
@keyframes enveloppe {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -120px 0;
	}
	100% {
		left: 100%;
		background-position: -120px 0;
	}
}
@keyframes npai {
	0% {
		left: 0%;
		bottom: 0;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -180px 0;
	}
	65% {
		left: 65%;
		bottom: 0;
	}
	66% {
		left: 65%;
		bottom: 0;
	}
	80% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
	100% {
		left: 65%;
		bottom: 100%;
		background-position: -180px 0;
	}
}

@keyframes corrigee {
	0% {
		left: 0%;
		background-position: 0 0;
	}
	39% {
		background-position: 0 0;
	}
	40% {
		background-position: -60px 0;
	}
	100% {
		left: 100%;
		background-position: -60px 0;
	}
}

@keyframes bras {
	0% {
		top: -100px;
	}
	10% {
		top: -100px;
	}
	30% {
		top: -100px;
	}
	50% {
		top: -100px;
	}
	65% {
		top: -40px;
	}
	66% {
		top: -40px;
	}
	80% {
		top: -315px;
	}
	85% {
		top: -315px;
	}
	100% {
		top: -100px;
	}
}

@keyframes lumiere {
	0% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	12.5% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	17.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	24.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	25% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	30% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	37.5% {
		background: rgba(218, 61, 54, 1);
		box-shadow: 0 0 6px rgb(218, 61, 54);
	}
	42.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	49.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	50% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	55% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	62.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	67.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	74.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	75% {
		background: rgba(108, 169, 223, 1);
		box-shadow: 0 0 6px rgb(108, 169, 223);
	}
	80% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	87.5% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
	92.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	99.5% {
		background: rgba(250, 250, 250, 0.8);
		box-shadow: 0 0 6px transparent;
	}
	100% {
		background: rgba(61, 176, 98, 1);
		box-shadow: 0 0 6px rgb(61, 176, 98);
	}
}

@keyframes ecran {
	0% { background-position: 0 0; }
	12.5% { background-position: 0 0; }
	25% { background-position: 0 -16px; }
	37.5% { background-position: 0 0; }
	50% { background-position: 0 -32px; }
	62.5% { background-position: 0 0; }
	75% { background-position: 0 0; }
	87.5% { background-position: 0 -16px; }
	100% { background-position: 0 0; }
}
@keyframes serveur {
	0% {
		top: -300px;
	}
	100% {
		top: -300px;
	}
}

@media (max-width: 991px) {
	#scale {
		-moz-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
		margin: -60px -75px;
	}
}