.entry-title {
	display: none;
}

.entry-title {
	display: none;
}

.entry-title {
	display: none;
}

.entry-title {
	display: none;
}

.entry-title {
	display: none;
}

/* Masque le bloc mobile sur ordinateur */
.mobile-only {
	display: none;
}

/* Affiche le bloc sur mobile */
@media (max-width: 768px) {
	.mobile-only {
		display: block;
	}
}

/* Masque par défaut le bloc desktop sur mobile */
.desktop-only {
	display: none !important;
}

/* Affiche le bloc sur tablette et ordinateur */
@media (min-width: 769px) {
	.desktop-only {
		display: block !important;
	}
}

/* Assure un affichage en ligne pour les colonnes sur grand écran */
.colonnes {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
/* Espacement entre les colonnes */
	justify-content: space-between !important;
}

/* Chaque colonne prend un tiers de la largeur */
.colonne {
	flex: 1 !important;
	min-width: 30% !important;
/* Empêche les colonnes de devenir trop petites */
	max-width: 30% !important;
}

/* Sur mobile (moins de 768px), les colonnes s’empilent */
@media (max-width: 768px) {
	.colonnes {
		flex-direction: column !important;
	}
	
	.colonne {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Assure l'affichage en ligne des colonnes sur grand écran */
.colonnes.desktop-only {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 20px !important;
/* Espacement entre les colonnes */
	justify-content: space-between !important;
}

/* Chaque colonne prend un tiers de la largeur */
.colonnes.desktop-only .colonne {
	flex: 1 !important;
	min-width: 30% !important;
/* Empêche les colonnes de devenir trop petites */
	max-width: 30% !important;
}

/* Masque le bloc desktop-only sur mobile */
@media (max-width: 768px) {
	.colonnes.desktop-only {
		display: none !important;
	}
}

.bloc-fixe {
	position: fixed !important;
/* Bloque le bloc en haut */
	top: 0 !important;
/* Le colle tout en haut */
	left: 0;
	width: 100%;
/* Prend toute la largeur */
	height: auto;
/* Adapte la hauteur */
	background-color: red !important;
/* Applique bien le fond rouge */
	color: white !important;
/* Assure que le texte soit lisible */
	z-index: 9999 !important;
/* S'assure qu'il passe au-dessus des autres éléments */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
/* Ombre pour distinguer le bloc */
	display: flex !important;
/* Assure un affichage correct */
	align-items: center;
/* Centre le contenu verticalement */
	justify-content: center;
/* Centre le contenu horizontalement */
	padding: 10px 20px;
/* Ajoute un peu d’espace intérieur */
}

/* Ajoute un espace en haut du site pour ne pas cacher le contenu sous le bloc */
body {
	padding-top: 60px;
/* Ajuste selon la hauteur du bloc */
}

/* Bloc épinglé seulement sur desktop */
.bloc-fixe.desktop-only {
	position: fixed !important;
/* Bloque le bloc en haut */
	top: 0 !important;
	left: 0;
	width: 100%;
	height: auto;
	background-color: red !important;
/* Applique bien le fond rouge */
	color: white !important;
/* Assure que le texte soit lisible */
	z-index: 9999 !important;
/* S'assure qu'il passe au-dessus des autres éléments */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
}

/* Ajoute un espace en haut pour ne pas cacher le contenu */
body {
	padding-top: 60px;
/* Ajuste selon la hauteur du bloc */
}

/* Masquer sur mobile */
@media (max-width: 768px) {
	.bloc-fixe.desktop-only {
		display: none !important;
	}
}

/* Bloc fixé en haut, mais uniquement sur mobile */
@media (max-width: 768px) {
	.bloc-fixe.mobile-only {
		position: fixed !important;
	/* Fixe en haut */
		top: 0 !important;
		left: 0;
		width: 100%;
		background-color: red !important;
	/* Applique le fond rouge */
		color: white !important;
	/* Texte blanc pour la lisibilité */
		z-index: 9999 !important;
	/* Assure qu'il passe au-dessus */
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		display: flex !important;
		align-items: center;
		justify-content: center;
		padding: 10px 20px;
	}
	
	/* Ajoute un espace en haut pour éviter que le contenu soit caché sous le bloc */
	body {
		padding-top: 60px;
	/* Ajuste selon la hauteur du bloc */
	}
}

/* Masque ce bloc sur les écrans plus grands */
@media (min-width: 769px) {
	.bloc-fixe.mobile-only {
		display: none !important;
	}
}

header {
	margin-top: 60px;
}

.site-header,
#masthead,
.main-header {
	top: 55px !important;
}

.bandeau-promo {
	position: fixed;
	top: 70px !important;
/* décale sous le menu */
	left: 0;
	width: 100%;
	background: #e60023;
	color: #ffffff;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	text-align: center;
}

.bloc-cache {
	display: none;
}