/*
	auteur: niilo rein
	version du : 14 mars 2025
	style commun
*/
* {
	font-family: Arial, sans-serif;
}

header {
	font-size: 4vw;
	text-align: center;
}

body,
html {
	margin: 0;
	height: 100%;
}

body {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

a {
	padding : 4vw;
	padding-bottom: 20px;
	padding-top: 50px;
	font-size: 1.2vw;
	text-decoration: none;
	color: #13b1bf;
}

/* Style for each individual link item */
li {
	list-style-type: none;
}

.links li {
	background-color: lightblue;
	transition: background-color 1s ease, color 1s ease;	
	text-align: center;
	list-style-type: none;
	max-width: 10000px;
	flex-grow: 1;
}


.links a:hover {
	transition: color 1s ease;
	color: lightblue;
}
.links li:hover {
	transition: background-color 1s ease, color 1s ease;
	background-color: #ffffff;
	color: lightblue;
}
.links li:last-child {
	border-bottom: none;
}

a {
	text-decoration: none;
	color: #13b1bf;
}

.links {
	display: flex;
	flex-direction: row;
	text-decoration: none;
	background-color: lightblue;
	height: 3vw;	
	margin-left: 0px;
	margin-top: 0px;
	padding-inline-start: 0px;

}
.normaltext{
	font-size: 1vw;
	text-align: justify;
}
.intro {
	display: flex;
	flex-direction: row;
}

@media (max-width: 600px) {
	.links {
		height: 10vw;
		flex-direction: row;
		width: 100%;
		flex-grow: 0;
		display: block;
		margin-bottom: 20vw;
	}
	a{
		padding: 40vw;
		padding-top: 0px;
		padding-bottom:0px;
		font-size: 10px;
	}
	.normaltext{
		font-size : 3vw;;
	}
}

@media (max-width: 450px) {
	.links {
		margin-bottom: 120px;
	}
	a{
		font-size: 8px;
		padding-left: 3vw;
		padding-right: 3vw;
	}
}
li:has(> a.currentpage) {
	background-color: black;
	color: white;
	pointer-events: none;
}

.links a.currentpage {
	color: white;
	pointer-events: none;
}