html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

body {
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	font-family: 'Montserrat', Arial, sans-serif;
	margin:0;
	padding:0;
	}
	
body a {
	color:inherit;
	}
	
body a:hover {
	text-decoration:none;
	}

.zone_construct {
	width:650px;
	max-height:calc(100% - 150px);
	background-color:#FFFFFF;
	text-align:center;
	padding:50px;
	margin:auto;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
	overflow:auto;
	}

.zone_construct .logo {
	width:300px;
	}

.zone_construct p {
	font-size:1.1em;
	font-style:italic;
	}

.zone_construct p:last-child {
	margin-bottom:0;
	}

.zone_construct .lien_marketplace {
	width:150px;
	border-radius:10px;
	margin:0 10px;
	}

.zone_construct .lien_marketplace:hover {
	opacity:0.9;
	}
	
.mentions_legales a,
.mentions_legales .separator {
	font-size:0.8em !important;
	opacity:0.7;
	font-style:normal;
	text-decoration:none;
	}
	
.mentions_legales a:hover {
	text-decoration:underline;
	}
	
@media screen and (max-width: 800px) {
	.zone_construct {
		width:calc(100% - 150px);
		height:calc(100% - 150px);
		}
		
	.mentions_legales a {
		margin-top:10px;
		display:block;
		}
		
	.mentions_legales .separator {
		display:none;
		}
	}
	
@media screen and (max-width: 500px) {
	.zone_construct {
		width:calc(100% - 90px);
		padding:50px 20px;
		}
	}
	
@media screen and (max-width: 400px) {
	.zone_construct  .logo {
		width:100%;
		}
	}