#scroll-content .overflowscroll {
	width: 60px; height: 60px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

/* STYLE D'ANIMATION 01
   ====================================== */

/*#scroll-content span {
	cursor: pointer;
	line-height: 80px;
	font-size: 40px;
	color: #111;

	animation-name: animcontent;
	animation-duration: 1.3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode:both;

	-webkit-animation-name: animcontent;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:both;

	-moz-animation-name: animcontent;
	-moz-animation-duration: 1.3s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode:both;

	-o-animation-name: animcontent;
	-o-animation-duration: 1.3s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode:both;
}
*/


/* STYLE D'ANIMATION 02
   ====================================== */
#scroll-content { height: 70px; }

#scroll-content .overflowscroll { 
	height: 50px ;
	margin-top: 10px; 
	position: relative;}

#scroll-content span {
	cursor: pointer;
	font-size: 12px;
	color: #FFF;
}

#scroll-content span.one {
	position: absolute;
	top: 10px;

	animation-name: animgotocontentone;
	animation-duration: 1.3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode:both;

	-webkit-animation-name: animgotocontentone;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:both;

	-moz-animation-name: animgotocontentone;
	-moz-animation-duration: 1.3s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode:both;

	-o-animation-name: animgotocontentone;
	-o-animation-duration: 1.3s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode:both;
}

#scroll-content span.two {
	position: absolute;
	top: 20px;

	animation-name: animgotocontentone;
	animation-duration: 1.3s;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode:both;

	-webkit-animation-name: animgotocontentone;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:both;

	-moz-animation-name: animgotocontentone;
	-moz-animation-duration: 1.3s;
	-moz-animation-delay: 0.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode:both;

	-o-animation-name: animgotocontentone;
	-o-animation-duration: 1.3s;
	-o-animation-delay: 0.5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode:both;
}

#scroll-content span.three {
	position: absolute;
	top: 30px;

	animation-name: animgotocontentone;
	animation-duration: 1.3s;
	animation-delay: 0.8s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode:both;

	-webkit-animation-name: animgotocontentone;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-delay: 0.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode:both;

	-moz-animation-name: animgotocontentone;
	-moz-animation-duration: 1.3s;
	-moz-animation-delay: 0.8s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode:both;

	-o-animation-name: animgotocontentone;
	-o-animation-duration: 1.3s;
	-o-animation-delay: 0.8s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode:both;
}


/* ------------------------------------- 
	ANIMATION CSS3 - @KEYFRAMES
--------------------------------------- */

	/* ANIMATION N°1 - GO TO Content
	------------------------------------ */

	/* Image clé de l'animation */
	@keyframes animcontent {
		0% {}
		50% {transform:translateY(0px); font-size: 25px; color:#555;}
		100% {}
	}

		/* Fix par navigateur */
		@-webkit-keyframes animcontent {
			0% {}
			50% {transform:translateY(0px); font-size: 25px; color:#555;}
			100% {}
		}

		@-moz-keyframes animcontent {
			0% {}
			50% {transform:translateY(0px); font-size: 25px; color:#555;}
			100% {}
		}

		@-o-keyframes animcontent {
			0% {}
			50% {transform:translateY(0px); font-size: 25px; color:#555;}
			100% {}
		}

	/* ANIMATION N°2 - GO TO Content
	------------------------------------ */

	/* Image clé de l'animation */
	@keyframes animgotocontentone {
		0% {}
		50% {color:#CCC;}
		100% {}
	}

		/* Fix par navigateur */
		@-webkit-keyframes animgotocontentone {
			0% {}
			50% {color:#CCC;}
			100% {}
		}

		@-moz-keyframes animgotocontentone {
			0% {}
			50% {color:#CCC;}
			100% {}
		}

		@-o-keyframes animgotocontentone {
			0% {}
			50% { color:#CCC;}
			100% {}
		}