.splashscreen
{
	display: table;
	width: 100%;
	height: 100vh;
	
	background-image: url('../../img/splashscreen/background.jpg');
	background-size: cover;
	overflow: hidden;
}


.splashscreen.close-site, .splashscreen.closed
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}



.splashscreen > .container
{
	display: table-cell;
	color: white;
	
	vertical-align: middle;
	text-align: center;
}




.splashscreen > .container .discover
{
	width: 200px;
	margin: 50px auto 0 auto;
	font-size: 20px;
	
	cursor: pointer;
}

.splashscreen > .container .discover img
{
	display: block;
	margin: 20px auto;
}




/* Fermeture du splashscreen
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.splashscreen.closed
{
	opacity: 0;
	-webkit-transform: translateY(-100%) scale(0.9);
	transform: translateY(-100%) scale(0.9);
	
	
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}




/* Ouverture du site
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site
{
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
}


div.splashscreen.close-site ~ div.site
{
	-webkit-transform: translateY(400px);
	transform: translateY(400px);
	opacity: 0;
}


div.splashscreen:not(.close-site) ~ div.site
{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}






/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Plus grand que 1000
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1000px)
{
	.slider > .arrow-left, .slider > .arrow-right
	{
		display: block;
	}
}






/* Retina
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx)
{
	.splashscreen
	{
		background-image: url('../../img/splashscreen/background@2x.jpg');
	}
}