/*BASES*/

body {
	background-color:rgb(0, 0, 0, 0);
	font-family: "Parkinsans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-decoration: none;
	margin:0px;
}

a {
	transition: all 0.3s ease-in-out;
	font-weight: 500;
	color:#E0DFDC;
	text-decoration: none;
}

a:hover {
	letter-spacing:3px;
}


/*****ACCUEIL******/

.ecran {
	background-image:url(images/general/imageaccueil.png);
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background-size: auto 130%; 
    background-position: center;
    background-repeat: no-repeat;
}

.image {
	position:absolute;
	width:calc(300px + 4vw);
	height:30%;
	left:40%;
	top:15vh;
}

.image img {
	width:100%;
}

.menu {
	position: absolute;
	top:74vh;
	left:34vw;
	z-index: 99;
}

.boutonmenu {
	display:inline-block;
	text-align:center;
	margin:1.3vw;
	width:130px;
}

@media screen and (min-width:600px) and (max-width : 1200px) {

.image {
	position:absolute;
	width:calc(170px + 20vw);
	height:30%;
	left:37vw;
	top:12vh;
}

.menu {
	position: absolute;
	top:74vh;
	left:30vw;
	z-index: 99;
}

.boutonmenu {
	display:inline-block;
	text-align:center;
	margin:3vw;
	width:100px;
}

}

@media screen and (min-width:0px) and (max-width : 600px) {


.ecran {
	background-image:url(images/general/imageaccueil.png);
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background-size: auto 100%; 
    background-position: center;
    background-repeat: no-repeat;
}

.image {
	position:absolute;
	width:70vw;
	height:30%;
	left:20vw;
	top:14vh;
}

.image img {
	width:100%;
}

.menu {
	position: absolute;
	top:67vh;
	left:24vw;
	z-index: 99;
}

.boutonmenu {
	display:block;
	text-align:center;
	margin:25px;
	width:40vw;
	font-size:19px;
}


}