body, html {
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	/*	color: #24292e;*/
}

.button {
	display: inline-block;
	background-color: white; /* Fond blanc */
	color: black; /* Texte noir */
	padding: 10px 10px; /* Espace intérieur */
	border: 1px solid black; /* Bord noir solide */
	border-radius: 0; /* Pas d'arrondi */
	/*     font-size: 16px;            Taille du texte */
	cursor: pointer; /* Curseur main au survol */
	transition: background-color 0.3s ease, color 0.3s ease;
	/* Animation douce */
	text-decoration: none;
}

/* Effet au survol */
.button:hover {
	background-color: black; /* Fond devient noir */
	color: white; /* Texte devient blanc */
}

button {
	font-family: 'Quicksand', sans-serif;
	border: 1px solid black;
	background-color: white;
	color: black;
	padding: 10px 10px;
	cursor: pointer;
	font-size: 16px;
	transition: all 0.3s ease;
}

button:hover {
	background-color: black;
	color: white;
}

h1 {
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 30px;
}

a {
  color: black;
  text-decoration: none; /* optionnel, enlève le soulignement */
}

a:visited {
  color: black;
}

a:hover {
  color: black;
  text-decoration: underline; /* optionnel, souligne au survol */
}

a:active {
  color: black;
}