html, body 
{
  	height:100%;
  	margin: 0;
}
body
{
	background-color: white;
	color: black;
	font-family: verdana, sans-serif;
	font-size: 1em;	
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*MENU-NAV*/

nav
{   
	background-color: white;
	display:flex;
	margin:0;
	padding:1.5em 0 0.7em 0;
	position:sticky;
	top:0;
	z-index: 99;
}
nav p
{
	margin:0 0 0 3%;
	font-size: 2em;
	font-weight: bold;
	flex: 0 0 auto;	
}
nav p a:link {text-decoration: none; color:black;}
nav p a:visited {text-decoration: none; color:black;}
nav p a:focus {text-decoration: none; color:black;}
nav p a:hover {text-decoration: none; color:black;}
nav p a:active {text-decoration: none; color:black;}

nav ul
{
	flex:0 0 auto;
	list-style-type: none;
	display:flex;
	margin-left:auto;
	margin-right:5%;	
}
nav ul li
{
	padding-left:1.3em;
}
nav ul li .page::after
{
	content:"";
	display:block;
	height:0.13em;
	background-color: black;
	transform: translateY(0.3em);
	opacity:0;
	transition:transform 300ms, opacity 300ms;
}
nav ul li .page:hover::after
{
    transform: translateY(0);
    opacity:1;
}

nav ul li .page:link {text-decoration: none; color:black;}
nav ul li .page:visited {text-decoration: none; color:black;}
nav ul li .page:focus {text-decoration: none; color:black;}
nav ul li .page:hover {text-decoration: none; color:black;}
nav ul li .page:active {text-decoration: none; color:black;}


/*----------------------------------------------------------------------------------------------------------------------------------*/
/*BANDEAU-HEADER*/

#bandeau_out 
{
    width: 100%;
}
#bandeau_in 
{
	position: relative;
	height: 0;
	padding-bottom: 30%;
}
header
{
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
    height:100%;
}


/*----------------------------------------------------------------------------------------------------------------------------------*/
/*SECTION PRINCIPALE*/


section h1
{
	font-size: 2.5em;
	font-weight: bold;
	text-align:center;
	color: rgb(47, 49, 55);
	margin-bottom: 10vh;
}


/*----------------------------------------------------------------------------------------------------------------------------------*/
/*PIED DE PAGE - FOOTER*/

footer
{
	background-color: rgb(47, 49, 55);
	display:flex;
	justify-content: space-between;
	margin: 50vh 0 0 0;
	padding: 0.9em 0em 0.9em 0em;	
}

footer p
{
	color:rgb(227, 227, 227);
	font-size: 0.8em;	
}
footer p:first-child
{
	flex:0 0 auto;
	margin-left: 6.25em;
	margin-right: 6.25em;
}
footer p:last-child
{
	margin-right: 6.25em;
	flex:0 0 auto;
}