/* Importation de la police Crimson Text */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&display=swap');

/* Application de la police à l'ensemble du site */
body {
	font-family: 'Crimson Text', serif;
	padding-top: 3.25rem; /* Ajoute un espace en haut pour ne pas masquer le contenu sous la barre fixe */
	color: black; /* Définit la couleur du texte par défaut en noir */
	background-color: floralwhite;
}

/* Styles pour la barre de navigation */
.navbar {
	position: fixed; /* Fixer la barre de navigation en haut */
	top: 0; /* Fixer en haut de la page */
	left: 0;
	right: 0;
	background-color: black; /* Fond noir pour la barre de menu */
	z-index: 1000; /* Assurer que la barre de menu est au-dessus du contenu */
	width: 100%; /* S'assurer que la barre prend toute la largeur */
}

/* Styles pour les éléments de la barre de navigation */
.navbar-item,
.navbar-burger {
	color: white !important; /* Texte en blanc pour les éléments de la barre */
	padding-left: 20px; /* Ajoute un padding à gauche */
	padding-right: 20px; /* Ajoute un padding à droite */
}

/* Couleur des barres du menu burger en blanc */
.navbar-burger span {
	background-color: white !important; /* Barres du menu burger en blanc */
}

/* Couleur des barres au survol */
.navbar-burger:hover span {
	background-color: #f0f0f0; /* Couleur des barres au survol */
}

/* Couleur des barres lorsqu'actif */
.navbar-burger.is-active span {
	background-color: white;
}

/* Styles personnalisés pour l'accordéon */
.accordion .toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
}

.accordion .content {
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}

.accordion .content.expanded {
	/* La hauteur est gérée dynamiquement par JavaScript */
}

/* Styles pour le symbole de l'accordéon */
.toggle .arrow {
	font-size: 1.2em;
	display: inline-block;
	margin-right: 0.5em;
	transition: transform 0.3s ease;
}

.toggle .arrow.expanded {
	transform: rotate(90deg);
}

/* Styles pour les boutons */
.buttons.is-flex.is-justify-content-space-between {
	display: flex;
	justify-content: space-between;
}

/* Styles pour les titres */
h1, h2, .title, .subtitle {
	font-weight: 700;
	color: black; /* Couleur des titres en noir */
}

/* Styles pour le contenu du texte */
p, .content {
	line-height: 1.6;
	color: black; /* Couleur du texte en noir */
}

/* Optionnel : Styles supplémentaires pour le menu */
.navbar-item {
	font-family: 'Crimson Text', serif;
}