/*******
* Navigation menu
* 16/03/2021
********/
nav {
	position: fixed ;
	top: 0 ;
	left: 0 ;
	text-align: left ;
	display: flex ;
	flex-direction: column ;
	align-items: flex-start ;
}
#titre-icone-centrage {
	margin: 20% 0 3% 10% ;
}
#menu-titre {
	/* Typographie */
	/* Caractère */
	font-family: 'source_sans_proextralight' ;
	color: #285b5a ;
	font-weight: normal ;
	/* Composition */
	text-transform: uppercase ;
	font-size: 2rem ;
	letter-spacing: .7rem ;	
	/* Positionnement, espacement */
	margin: 0 ;
	/* Animation */
	transition: opacity 0.7s ;
}
#menu-titre.disparition {
	opacity: 0 ;
}
#menu-liste {
	background-color: rgba(128, 0 , 128, 0.4) ;
	transform: translate( -100% ) ;
	margin: 0 ;
	padding: 3% ;
	transition: transform 0.9s ease ;
	/* Composition */
	display: inline-flex ;
	flex-direction: column ;
	align-items: flex-start ;
}
#menu-liste.apparition {
	transform: translate( 0 ) ;
}
nav ul li {
	list-style-type: none ;
	text-align: left ;
	padding: 2px 0 5px 50px ;
	/* Composition */
	text-transform: uppercase ;
	font-size: 1.6rem ;
	letter-spacing: .5rem ;
}
nav ul a {
	text-decoration: none ;
	color: rgba(255, 255 , 255, 0.4) ;
}
nav ul a:focus , nav ul a:hover , nav ul a:active {
	text-decoration: none ;
	color: rgba(255, 255 , 255, 1) ;
}