@media screen and (min-width:1000px) {
	/************************* ANIMATIONS *************************/
	#boite {
		position: right;
		animation-name: box;
		animation-duration: 5s;
	}
	@keyframes box {
		0% {
			left: 150px;
		}
		50% {
			left: 0px;
		}
	}
	.rollIn { 
		margin-top: 5%;
		animation: fadein 2s;
		-moz-animation: fadein 2s;
		/* Firefox */
		-webkit-animation: rollIn 2s;
		/* Safari et Chrome */
		-o-animation: rollIn 2s;
		/* Opera */
	}
	@keyframes rollIn {
		0% {
			opacity: 0;
			transform: translateX(-100%) rotate(-120deg);
		}
		100% {
			opacity: 1;
			transform: translateX(0px) rotate(0deg);
		}
	}
	.animation-element {
		opacity: 0;
		position: relative;
	}
	/********** LEFT **********/
	.animation-element.slide-left {
		-webkit-transition: all 550ms ease;
		-moz-transition: all 550ms ease;
		-o-transition: all 550ms ease;
		transition: all 550ms ease;
		opacity: 0;
		-moz-transform: translate3d(-100px, 0px, 0px);
		-webkit-transform: translate3d(-100px, 0px, 0px);
		-o-transform: translate(-100px, 0px);
		-ms-transform: translate(-100px, 0px);
		transform: translate3d(-100px, 0px, 0px);
	}
	.animation-element.slide-left.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	/********** LEFT2 **********/
	.animation-element.slide-left2 {
		-webkit-transition: all 600ms ease;
		-moz-transition: all 600ms ease;
		-o-transition: all 600ms ease;
		transition: all 600ms ease;
		transition-delay: 0.2s;
		opacity: 0;
		-moz-transform: translate3d(-90px, 0px, 0px);
		-webkit-transform: translate3d(-90px, 0px, 0px);
		-o-transform: translate(-90px, 0px);
		-ms-transform: translate(-90, 0px);
		transform: translate3d(-90px, 0px, 0px);
	}
	.animation-element.slide-left2.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	.animation-element.slide-left3 {
		-webkit-transition: all 800ms ease;
		-moz-transition: all 800ms ease;
		-o-transition: all 800ms ease;
		transition: all 800ms ease;
		transition-delay: 0.5s;
		opacity: 0;
		-moz-transform: translate3d(-80px, 0px, 0px);
		-webkit-transform: translate3d(-80px, 0px, 0px);
		-o-transform: translate(-80px, 0px);
		-ms-transform: translate(-80px, 0px);
		transform: translate3d(-80px, 0px, 0px);
	}
	.animation-element.slide-left3.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	/********** RIGHT **********/
	.animation-element.slide-right {
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		opacity: 0;
		-moz-transform: translate3d(+100px, 0px, 5px);
		-webkit-transform: translate3d(+100px, 0px, 5px);
		-o-transform: translate(+100px, 0px);
		-ms-transform: translate(+100px, 0px);
		transform: translate3d(+100px, 0px, 0px);
	}
	.animation-element.slide-right.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	/********** TOP **********/
	.animation-element.slide-top {
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		opacity: 0;
		-moz-transform: translate3d(0px, -150px, 5px);
		-webkit-transform: translate3d(0px, -150px, 5px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, -150px, 0px);
	}
	.animation-element.slide-top.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	/********** BOTTOM **********/
	.animation-element.slide-bottom {
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		opacity: 0;
		-moz-transform: translate3d(0px, +150px, 5px);
		-webkit-transform: translate3d(0px, +150px, 5px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, +150px, 0px);
	}
	.animation-element.slide-bottom.in-view {
		opacity: 1;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}
	.fadeInLeftBig {
		-webkit-animation-name: fadeInLeftBig;
		animation-name: fadeInLeftBig;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	@-webkit-keyframes fadeInLeftBig {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-2000px, 0, 0);
			transform: translate3d(-2000px, 0, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInLeftBig {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-2000px, 0, 0);
			transform: translate3d(-2000px, 0, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	/**************** EFFET FONDU *****************/
  	/**************** FADE EFFECT *****************/
	.fadeInRight {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	@-webkit-keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(+2000px, 0, 0);
			transform: translate3d(+2000px, 0, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(+2000px, 0, 0);
			transform: translate3d(+2000px, 0, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	.fadeInTopBig {
		-webkit-animation-name: fadeInTopBig;
		animation-name: fadeInTopBig;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	@-webkit-keyframes fadeInTopBig {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100px, 0);
			transform: translate3d(0, -100px, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInTopBig {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -100px, 0);
			transform: translate3d(0, -100px, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	.fadeInBottom {
		-webkit-animation-name: fadeInBottom;
		animation-name: fadeInBottom;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	@-webkit-keyframes fadeInBottom {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, +100px, 0);
			transform: translate3d(0, +100px, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fadeInBottom {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, +100px, 0);
			transform: translate3d(0, +100px, 0);
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	/*************** ROTATION *****************/
	.Rotate {
		-webkit-animation-name: Rotate;
		animation-name: Rotate;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		transition-delay: 1s;
	}
	@-webkit-keyframes Rotate {
		0% {
			-webkit-transform-origin: center;
			transform-origin: center;
			-webkit-transform: rotate3d(0, 0, 1, -200deg);
			-webkit-animation-delay: 1s;
			transform: rotate3d(0, 0, 1, -200deg);
			opacity: 0;
		}
		100% {
			-webkit-transform-origin: center;
			transform-origin: center;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			opacity: 1;
		}
	}
	@keyframes Rotate {
		0% {
			-webkit-transform-origin: center;
			transform-origin: center;
			-webkit-animation-delay: 1s;
			-webkit-transform: rotate3d(0, 0, 1, -200deg);
			transform: rotate3d(0, 0, 1, -200deg);
			opacity: 0;
		}
		100% {
			-webkit-transform-origin: center;
			transform-origin: center;
			-webkit-animation-delay: 1s;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			opacity: 1;
		}
	}
	.bloc {
		animation: fadein 2s;
		-moz-animation: fadein 2s;
		/* Firefox */
		-webkit-animation: fadein 2s;
		/* Safari et Chrome */
		-o-animation: fadein 2s;
		/* Opera */
	}
	@keyframes fadein {
		/* sur Safari et Chrome */
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
}