/* BASIQUES */
body{
	background-color: #000;
	margin: auto;
	width: 100%;
}
blockquote{
	font-style: italic;
}
blockquote.mev{
	font-size: 1.5em;
	font-weight: 500;
}
h2{
	text-align: center;
	font-family: montserrat;
	font-size: 2em;
}

/* HEADER */
	#header {
		background-color: purple;
		color: #ffffef;
		cursor: default;
		height: 6em;
		position: fixed;
		width: 100%;
		z-index: 100;
		border-bottom: solid 1px #ffffef;
	}
		#header .logo {
			display: block;
		}
		#header .title{
			text-align: center;
			font-size: 1.6em;
			display: inline-block;
			width: 70%;
		}
		#header h1 {
			font-size: 1.9em;
			margin:0;
		}
		#header .sub{
			font-style: italic;
		}
		#header a{
			color:inherit;
			text-decoration: none;
		}
	#performance{
		background-color: green;
		width: 15%;
		text-align: center;
		padding: 1%;
		display: inline-block;
		border-radius: 10px;
	}
	#performance .perf{
		font-size: 2em;
		font-weight: 600;
	}
	#performance span{
		font-size: 0.9em;
		font-style: oblique;
	}

/* ASIDE */

	#aside{
		position: relative;
		float: left;
		width: 20%;
		padding-top: 10%;
	}
	nav{
		font-family: roboto;
		font-weight: bold;
		font-size: 1.5em;
		background-color: green;
		margin: 3%;
	}
	#aside ul li{
		list-style: none;
		line-height: 3em;
		border-radius: 10px;
		text-align: center;
	}
	#aside ul li:hover{
		background-image: url(.jpg);
		background-color: #ffffef;
	}
	#aside a{
		color: #ffffef;
	}
	#aside a:hover{
		color: green;
	}
	.active li{
		color:#000;
	}
	@media screen and (max-width: 480px){
	
	#aside{
		display: block;
	}
}

/* MAIN */

#main{	
	color: #ffffef;
	float: right;
	width: 80%;
	padding-top: 10%;
}
video{
	width: 70%;
}
.boxmain{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: stretch;
}
.box{
	width: 50%;
	display: block;
	text-align: center;
}
.boxlarge{
	margin-top: 5%;
	margin-bottom: 15%;
	width: 50%;
	display: block;
	text-align: center;
	border-bottom: solid 1px #ffffef;
}
.boxfooter{
	width: 100%;
	display: inline-block;
}

/* FOOTER */

#footer {
		background-color: #ffffef;
		color: #000;
		text-align: center;
		position: relative;
		clear: both;
		font-family: montserrat;
		font-size: 0.8em;
		padding: 1%;
	}
	#footer .col1{
		width: 50%;
		display: block;
	}
	#footer .col2{
		width: 50%;
		display: block;
	}
	.col2 li{
		list-style: none;
	}
	.titreliste{
		line-height: 150%;
	}