:root {
	--main-bg-color : #0F2C67;
	--body-bg-color : #2C4E80;
	--link-color : #F3950D;
	--secondary-bg-color : #F4E185;
	--white : #D5DAEB;
}

#maps{
	display: flex;
	margin: auto;
}

body{
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: var(--body-bg-color);
	background-image: url('../img/background.png');
	background-repeat: repeat;
	color: #cccccc;
	font-size: 1.3rem;
	font-family: arial;

	height: 100%;
	margin: auto;
	padding: 0;
	padding-top: 10vh;
}

main {
	margin: auto;
	margin-bottom: 2%;
	width: 80%;
	background-color: var(--main-bg-color);
	padding: 1%;
	border: var(--white) 1px solid;
	border-radius: 10px;
	box-shadow: 11px 10px 14px 0px rgba(0,0,0,0.58);
	-webkit-box-shadow: 11px 10px 14px 0px rgba(0,0,0,0.58);
	-moz-box-shadow: 11px 10px 14px 0px rgba(0,0,0,0.58);
}

a {
	color: var(--link-color);
	text-decoration: none;
}

a:hover {
	font-weight: bolder;
}

h1 {
	text-transform: uppercase;
	text-align: center;
}

.dépassé {
	text-decoration: line-through;
}

.idEvenement, .idStage {
	margin: 10px;
	display: none;
}