/*//////////////////////*/
/*IMAGE*/
#main {
	position: relative;
	height: 100vh;
	width: 100vw;
}
img {
	width: 100%;
	height: 100%;
}
.contain {
	object-fit: contain;
}
.cover {
	object-fit: cover;
}


/*//////////////////////////*/
/*MENU*/
/*wrapper rectangle qui imite la taille de l'image*/
.container-link {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 880px;
	max-width: 100vw;
	height: 600px;
	/* border: 1px solid red; */
}
/*contain le text et le point (general)*/
.link-index {
	position: absolute;
	display: flex;
}
.dot-link {
	width: 30px;
	min-width: 30px;
	height: 30px;
	margin: auto 10px;
	border-radius: 50%;
}
.menu-link {
	margin: auto;
}
/*contain le text et le point (specifique)*/
.container-link-asso {
	top: 1%;
	left: 1%;
}
.dot-link-asso {
	background-color: var(--color-purple);
}
/*contain le text et le point (specifique)*/
.container-link-litterall {
	bottom: 1%;
	left: 70%;
}
.dot-link-litterall {
	background-color: var(--color-green);
}
/*contain le text et le point (specifique)*/
.container-link-lettredeeda {
	top: 53%;
	right: 6%;
}
.dot-link-lettredeeda {
	background-color: var(--color-water);
}
.link-lettredeeda {
	width: 50px;
}