body {width:100%;
		font-size:16px;
		line-height:16px;
		overflow: hidden;}

		
.letters{
	position:relative;
	z-index:4;
	margin-left:20px;	-moz-animation: enlarge cubic-bezier(.42, .00, 1, 1) 4s 1 forwards;
	animation-delay: 10s;
	}
	
.letters11, .letters14, .letters15  { -moz-animation: enlarge2 cubic-bezier(.42, .00, 1, 1) 4s 1 forwards;
	animation-delay: 10s;	}
.letters16, .letters17 { -moz-animation: enlarge2 cubic-bezier(.42, .00, 1, 1) 4s 1 forwards;
	animation-delay: 10s;	}
	
#letters1-1, #letters1-4, #letters1-6, /** 6 **/
#letters2-1, #letters2-3, #letters2-8,  
#letters3-2, #letters3-5, #letters3-10,
#letters3-11,  
#letters4-27, 
#letters4-1, 
#letters5-13, 
#letters5-4, 
#letters6-12
{ margin:4px; 
	-moz-animation: tryletters cubic-bezier(.42, .00, 1, 1) 2s 1 forwards;
	animation-delay: 16s;	}	
	
	@-moz-keyframes tryletters {
		
		100% {opacity:0;}
	}
	
	@-moz-keyframes enlarge {
		0% {margin-left:20px;opacity:1;}
		30% {opacity:0.4;}
		60% {opacity:0.6;}
		100% {margin-left:8px;opacity:1;}
	}
		@-moz-keyframes enlarge2 {		0% {margin-left:20px;opacity:1;}		30% {opacity:0.4;}		60% {opacity:0.6;}		100% {margin-left:4px;opacity:1;}
	}
	
		@-moz-keyframes enlarge3 {		
		0% {margin-left:20px;opacity:1;}		
		30% {opacity:0.4;}		
		60% {opacity:0.6;}		
		100% {margin-left:3px;opacity:1;}
	}
	
	
	
	
	@-moz-keyframes appear0 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:0.5vh;opacity:1;}	70% {bottom:0.5vh;opacity:1;left:0%;}	100% {bottom:40vh;opacity:0.8;left:14%;}
	}

	@-moz-keyframes appear1 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:3vh;opacity:1;}	70% {bottom:3vh;opacity:1;left:12%;}	100% {bottom:36vh;opacity:0.8;left:13%;}
	}
	
	@-moz-keyframes appear2 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:1vh;opacity:1;}	70% {bottom:1vh;opacity:1;left:20%;}	100% {bottom:32vh;opacity:0.8;left:14%;}
	}

	@-moz-keyframes appear3 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:4vh;opacity:1;}	70% {bottom:4vh;opacity:1;left:3%;}	100% {bottom:60vh;opacity:0.8;left:56%;}
	}
	
	@-moz-keyframes appear4 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:7vh;opacity:1;}	73% {bottom:7vh;opacity:1;left:6%;}	100% {bottom:57vh;opacity:0.8;left:58%;}
	}	
	
	@-moz-keyframes appear5 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:2vh;opacity:1;}	71% {bottom:2vh;opacity:1;left:29%;}	100% {bottom:54vh;opacity:0.8;left:57%;}
	}	
	
	@-moz-keyframes appear6 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:6vh;opacity:1;}	72% {bottom:6vh;opacity:1;left:54%;}	100% {bottom:51vh;opacity:0.8;left:58%;}
	}

	@-moz-keyframes appear7 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:10vh;opacity:1;}
	73% {bottom:10vh;opacity:1;left:1%;}	100% {bottom:47vh;opacity:0.8;left:58%;}
	}
	
	@-moz-keyframes appear8 {    0% {opacity:0;}	2% {opacity:0.2;}	14% {opacity:0.8;}	16% {bottom:8vh;opacity:1;}	75% {bottom:8vh;opacity:1;left:32%;}	100% {bottom:73vh;opacity:0.8;left:5%;}
	}	
	
	@-moz-keyframes appear9 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:13vh;opacity:1;}75% {bottom:13vh;opacity:1;left:18%;}100% {bottom:70vh;opacity:0.8;left:7%;}
	}
	
	@-moz-keyframes appear10 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:14vh;opacity:1;}75% {bottom:14vh;opacity:1;left:0%;}100% {bottom:20vh;opacity:0.8;left:44%;}
	}
	
	@-moz-keyframes appear11 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:15vh;opacity:1;}76% {bottom:15vh;opacity:1;left:20%;}100% {bottom:17vh;opacity:0.8;left:44%;}
	}
	
	@-moz-keyframes appear12 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:16vh;opacity:1;}75% {bottom:16vh;opacity:1;left:15%;}100% {bottom:15vh;opacity:0.8;left:44%;}
	}
	
	@-moz-keyframes appear13 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:17vh;opacity:1;}78% {bottom:17vh;opacity:1;left:45%;}100% {bottom:12vh;opacity:0.8;left:45%;}
	}
	
	@-moz-keyframes appear14 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:18vh;opacity:1;}79% {bottom:18vh;opacity:1;left:50%;}100% {bottom:92vh;opacity:0.8;left:61%;}
	}
	
	@-moz-keyframes appear15 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:19vh;opacity:1;}75% {bottom:19vh;opacity:1;left:5%;}100% {bottom:90vh;opacity:0.8;left:60%;}
	}
		
	@-moz-keyframes appear16 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:20vh;opacity:1;}75% {bottom:20vh;opacity:1;left:18%;}100% {bottom:4vh;opacity:0.8;left:1%;}
	}
		
	@-moz-keyframes appear17 {    0% {opacity:0;}2% {opacity:0.2;}14% {opacity:0.8;}16% {bottom:21vh;opacity:1;}75% {bottom:21vh;opacity:1;left:40%;}100% {bottom:2vh;opacity:0.8;left:1%;}
	}
	
	.cont_cascade{
	position:absolute;
	bottom:110vh;
		opacity:0;
	white-space: nowrap;
}

	#cont_cascade0{	left:0%;
	-webkit-animation: appear0 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear0 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3s;}

	#cont_cascade1{	left:12%; overflow: visible;
	-webkit-animation: appear1 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear1 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.8s;}
	
	#cont_cascade2{	left:20%;
	-webkit-animation: appear2 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear2 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.4s;}
	
	#cont_cascade3{	left:3%;
	-webkit-animation: appear3 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear3 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3s;}
	
	#cont_cascade4{	left:6%;
	-webkit-animation: appear4 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear4 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.4s; }
	
	#cont_cascade5{	left:29%;
	-webkit-animation: appear5 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear5 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.2s;}
	
	#cont_cascade6{	left:54%;
	-webkit-animation: appear6 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear6 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 4s;}
	
	#cont_cascade7{	left:1%;
	-webkit-animation: appear7 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear7 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.9s;}
	
	#cont_cascade8{	font-size:14px;
	left:32%;
	-webkit-animation: appear8 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear8 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.1s;}
	
	#cont_cascade9{font-size:14px;
	left:18%;
	-webkit-animation: appear9 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear9 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 3.6s;}
	
	#cont_cascade10{font-size:14px;
	left:0%;
	-webkit-animation: appear10 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear10 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 4s;}
	
	#cont_cascade11{font-size:14px;
	left:20%;
	-webkit-animation: appear11 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear11 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 4.6s;}
	
	#cont_cascade12{font-size:14px;
	left:15%;
	-webkit-animation: appear12 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear12 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 4.2s;}
	
	#cont_cascade13{font-size:14px;
	left:45%;
	-webkit-animation: appear13 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear13 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 4.1s;}
	
	
	#cont_cascade14{font-size:14px;
	left:50%;
	-webkit-animation: appear14 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear14 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 4.8s;}
	
	#cont_cascade15{font-size:14px; left:5%;
	-webkit-animation: appear15 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear15 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 5s;}
	
	
	#cont_cascade16{left:18%;font-size:13px;
		-webkit-animation: appear16 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear16 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 5.2s;}
	
	#cont_cascade17{left:40%;font-size:13px;
		-webkit-animation: appear17 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	-moz-animation: appear17 cubic-bezier(.42, .00, 1, 1) 8s 1 forwards;
	animation-delay: 5.1s;}
	
	
	#cont_cascade18{left:20%;animation-delay: 5.6s;}
	#cont_cascade19{left:15%;animation-delay: 5.2s;}
	#cont_cascade20{left:45%;animation-delay: 6.1s;}
	#cont_cascade21{left:80%;animation-delay: 5.8s;}
	#cont_cascade22{left:5%;animation-delay: 6s;}
	#cont_cascade23{left:18%;animation-delay: 6.2s;}
	#cont_cascade24{left:40%;animation-delay: 6.1s;}
	
	.cascade{
	display:none;
	visibility:hidden;}
	




/**   AVALANCHES NOIRES  **/
	
.avalanches{
	width:24%;
	left:38%;
	height:auto;
	top:50vh;
	transform: translateY(-50%);
	position:absolute;
	z-index:25; 
	opacity:0;         
	}

@media (max-width: 768px) {
	.avalanches {
		width: 80%;
		left:10%;
		top:45vh;
	}
}
	







#av1{
	-moz-animation: app ease-in-out 4s 1 forwards;animation-delay: 0s; 
	-webkit-animation: app ease-in-out 4s 1 forwards;animation-delay: 0s; 
		}

#av2{
	-moz-animation: app ease-in-out 3.5s 1 forwards;animation-delay: 0.3s;
	-webkit-animation: app ease-in-out 3.5s 1 forwards;animation-delay: 0.3s;
	}

#av3{
	-moz-animation: app ease-in-out 3s 1 forwards;animation-delay: 0.6s;
	-webkit-animation: app ease-in-out 3s 1 forwards;animation-delay: 0.6s;
	}

#av4{
	-moz-animation: app ease-in-out  2.5s 1 forwards;animation-delay: 0.9s; 
	-webkit-animation: app ease-in-out  2.5s 1 forwards;animation-delay: 0.9s; 
	}

#av5{
	-moz-animation: app ease-in-out 2.5s 1 forwards; animation-delay: 1.1s; 
	-webkit-animation: app ease-in-out 2.5s 1 forwards; animation-delay: 1.1s; 
	}

#av6{
	-moz-animation: app ease-in-out  2.5s 1 forwards; animation-delay: 1.4s; 
	-webkit-animation: app ease-in-out  2.5s 1 forwards; animation-delay: 1.4s; 
	}

#av7{
	-moz-animation: app ease-in-out 2.5s 1 forwards; animation-delay: 1.7s; 
	-webkit-animation: app ease-in-out 2.5s 1 forwards; animation-delay: 1.7s; 
	}
	
	#av8{
	-moz-animation: app ease-in-out 2.5s 1 forwards; animation-delay: 2s; 
	-webkit-animation: app ease-in-out 2.5s 1 forwards; animation-delay: 2s; 
	}

#av9{
	-moz-animation: app ease-in-out 2.1s 1 forwards;animation-delay: 2.3s;
	-webkit-animation: app ease-in-out 2.1s 1 forwards;animation-delay: 2.3s;
	}
	
#av10{
	-moz-animation: app ease-in-out 2s 1 forwards;animation-delay: 2.5s;
	-webkit-animation: app ease-in-out 2s 1 forwards;animation-delay: 2.5s;
	}

#av11{
	-moz-animation: app ease-in-out 2.1s 1 forwards;animation-delay: 2.7s;
	-webkit-animation: app ease-in-out 2.1s 1 forwards;animation-delay: 2.7s;
	}
	
#av12{-moz-animation: app ease-in-out 2.2s 1 forwards;animation-delay: 2.9s;
	-webkit-animation: app ease-in-out 2.2s 1 forwards;animation-delay: 2.9s;
	}



@-moz-keyframes app {
    0% {opacity: 0 ;}
	20% {opacity: 1 ;}
	85% {opacity: 1 ;}
	100% {opacity: 0 ;}
	}
	
@-webkit-keyframes app {
    0% {opacity: 0 ;}
	20% {opacity: 1 ;}
	85% {opacity: 1 ;}
	100% {opacity: 0 ;}
	}