* 
{
  margin: 0;
  padding: 0; 
}

body, html 
{
	background: var(--image-fond);
    background-size: cover;
    height: 100%;
	width: 100%;
    background-repeat: no-repeat;
}

/****************/
/*	En-tête		*/
/****************/

header
{
	text-align: center;
	height: 25%;
	max-height: 25%;
}

	#logo_entreprise
	{
		height: 90%;
	}

/********************/
/*	Corps de page	*/
/********************/

.corps_de_page
{
	height: 50%;
	max-height: 50%;
	display: flex;
	justify-content: center;
}

	#fenetre_identification
	{
		width: 20%;
		max-height: 80%;
		
		margin-top : 2%;
		padding: 2%;
		
		background-color: #FFFFFF;
		opacity: 0.8;
		
		border: black outset;
		border-radius: 10px;
		
		font-family: Arial, Impact, "Arial Black", Verdana, sans-serif;
		color: grey;
		
		overflow: auto;
	}
	
	.corps_de_page h1
	{
		margin-bottom: 10%;
	}

	.corps_de_page p
	{
		margin: 2%;		
	}
	
	#pseudo, #pass
	{
		padding: 1%;
		width: 100%;
		border-radius: 10px;
		border: 1px solid black;
	}
	
	#bouton_connexion
	{
		width: 100%;
		padding: 2%;
		
		margin-top: 10%;
		margin-left: 1%;
		
		cursor: pointer;
		
		background-color: grey;
		
		border-radius: 10px;
		border: 1px solid black;
	}
	
/********************/
/*	Pied de page	*/
/********************/

footer
{
	height: 15%;
	max-height: 15%;
	padding: 2%;
	margin-left: 70%;
}

	#logo_bouba
	{
		height: 80%;
	}