body{
	background-color: #111;
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    height: 100vh; /* Hauteur totale de la fenêtre de visualisation */
    margin: 0; /* Supprime la marge par défaut */	
    
    cursor: url('/img/cursor.png'), auto;
}

.content-container {
    text-align: center; /* Centre le contenu du conteneur */
    width: 66%; /* Assurez-vous que cela correspond à la largeur de #identite pour un alignement correct */
}

#identite {
	background-color: #000;
	text-align: center;
	padding-bottom: 40px;
	border-radius: 44px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 20px; 
}

h1,h2 {
	color: white;
	font-size: 40px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}

h2 {
	color: #046de3;
	font-size: 28px;
}

.bouton {
	background-color: #000;
	text-align: center;
	padding: 20px;
	border-radius: 22px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: white;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	text-decoration: none;
	transition: background-color 0.7s ease;
	display: inline-block; /* Rend le bouton en ligne mais bloqué pour appliquer la largeur et la hauteur */
    margin-top: 20px;
}

.bouton:hover {
	background-color: #046de3;
}

.bouton-container {
    text-align: center; /* Centre le contenu du conteneur */
    margin-top: 20px; /* Espacement entre #identite et le bouton */
}

a {
    text-decoration: none;
    display: block; 
}

/* Pour être sûr que le style du lien n'est pas affecté par d'autres styles */
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}