@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap');
*
body {
	font-family: 'Poppins', sans-serif;
	color: #000000;
	background:  linear-gradient(#09104b, #000000);


}

/* Page */
#global {
	background:  linear-gradient(#09104b, #000000);
	text-align: center;
}

/* Navigation */
#navigation {

	background: #0a2c75;
	font-family: 'Poppins', sans-serif;
	border-radius: 10px;
	color: #9de9f3;
	background: #500f0600;
	border: solid #0b40b3;

	
}
#navigation a {
	
	font-family: 'Poppins', sans-serif;;
	color: #9de9f3;
}
#navigation a:hover, #navigation a:focus {
	background: #5167c5;
	border-radius: 10px;
}

/* Contenu principal */
#contenu {
	font-family: 'Poppins', sans-serif;;
	margin-top: 2%;
	color: #9de9f3;
	background: #06145000;
	border-radius: 10px;
	border: solid #0b40b3;
	padding: 10px 20px;
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;
	text-decoration: none;
	font-size: 20px;
	
}
label {
	display: block; /* Affiche chaque label sur une nouvelle ligne */
	text-align: center;
}

input {

	display: flex;
	justify-content: center;

}
#contenu a {
	color: #2be47e;
}
#contenu a:hover, #contenu a:focus {
	color: #000000;
}
#contenu strong {
	color: #181A12;
}

/* Pied de page */
#pied {
	color: #E6A948;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}
body {
	padding: 0;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 100%;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}

/* En-tête */
#entete {
	padding: 15px 20px 10px 20px;
	text-align: center;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: center; /* margin: 7px 20px 10px 0; */
	
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
	padding: 12px 15px;
	margin-left: 2%;
	margin-right: 2%;


}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: 18px;
	text-decoration: none;

}

/* Contenu */


#contenu a {
	text-decoration: none;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
}
#copyright {
	text-align: left;
	font-size: 1em;
}
.input{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;

	
	
}
input:focus{
	outline: NONE;
	}
.inputa{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
	border:none;
	border-bottom: 2px solid #0b40b3;
	height: 40px;
	

}

.input input {
	background-color: #3cbc8d00;
	border : 0;
	color: #10c1d8;
	font-size: 16px;
	
}
.input input:focus{
	height: 30px;
	border: 5px solid none;
	
}


#bouttonCo button {
	background:  linear-gradient(90deg, #0f24e0, #00bac7);
	border-radius: 10px;
	width: 50%;
	padding: 2%;
	border: 0;
	transition: all 0.1s ease-in-out;

}

#bouttonCo a {
	color: white;
	list-style-type: none;
	width: 100%;
	font-weight: 700;     
	text-decoration: none;

}

#bouttonCo button:hover {
	scale: 1.04;
	transition: all 0.2s ease-in-out;
	color: rgb(255, 255, 255)
}

.popup-container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	background:  linear-gradient(#09104b, #000000);
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 1000;


	font-family: 'Poppins', sans-serif;
	border-radius: 10px;
	color: #9de9f3;
	border: solid #0b40b3;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
}