#body-frame {
	display:none;
	background: white;
	color: #444;
	font-family: "PT Sans", "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	width: 100vw;
	height: 100vh;
}

.illustration {
	background: url(./bg/neige/illustration.jpg) center;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	margin: 0 auto;
	opacity: 0;
}
.fadeIn {
	opacity: 1;
	transition: opacity 1s linear;
}
.fadeOut {
	opacity: 0;
	transition: opacity 1s linear;
}

.i-large,
.i-medium,
.i-small{
	position : absolute;
	top : 0; left :0; bottom: 0; right: 0;
}
.i-large {
	background:url(./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(./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(./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; }
}
@keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}

.pageContainer {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	overflow-y: hidden;
}

.msgContainer {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	overflow-y: hidden;
	border-radius: 10px;
	background-color: #444;
	opacity: 0.4;
	z-index: 2;
}
.msgPrincipal {
	position: relative;
	text-align: center;
	font-family: cursive;
	font-weight: bold;
	font-size: xx-large;
	color: aliceblue;
	text-shadow: #444 5px;
	margin: 20px 50px;
	opacity: 1;
}
.msgSlide {
	text-align: center;
	font-family: cursive;
	font-weight: 500;
	font-size: x-large;
	color: aliceblue;
	margin: 10px;
	opacity: 1;
}