h1, h2 {
	font-size: 17px;
	margin: 20px 0;
	color: #1E6CA0;
	padding: 10px 0;
	border: 1px solid #D4D0D0;
	text-align: center;
	border-radius: 10px;
}

h3 {
	/*border-bottom: 1px solid;*/
	color: #102D7D;
	font-weight: bold;
	margin: 10px 0 5px 0;
	font-size: 15px;
}

h4 {
	/*border-bottom: 1px solid;*/
	color: #102D7D;
	font-weight: bold;
	margin: 10px 0 5px 0;
	font-size: 15px;
}

h1 iconify-icon, h2 iconify-icon, h3 iconify-icon, h4 iconify-icon {
	font-size: 200%;
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	h1 {
		margin-top: 15px;
	}
}

/*********************
Popup de dons - Adaptée
*********************/
	.modal_popup {
		display: none; 
		position: fixed;
		z-index: 1000;
		left: 0; 
		top: 0;
		width: 100%; 
		height: 100%;
		background-color: rgba(0,0,0,0.6); /* Fond légèrement plus sombre pour le contraste */
		overflow-y: auto; /* Permet de scroller si le contenu est trop long sur petit écran */
	}

	.modal_content {
		background-color: #FFFFFF;
		/* Positionnement en haut : 20px du bord supérieur, centré horizontalement */
		margin: 20px auto; 
		padding: 20px;
		width: 90%;          /* Largeur fluide pour mobile */
		max-width: 350px;    /* Largeur maximale fixe pour ordinateur */
		text-align: center;
		border-radius: 12px;
		box-shadow: 0 4px 15px rgba(0,0,0,0.2);
		position: relative;  /* Pour positionner la croix de fermeture précisément */
	}

	#qr_image {
		width: 100%;
		height: auto;        /* Garde les proportions du QR Code */
		display: block;
		margin: 10px 0;
	}

	.legende_qr {
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #333333;
		line-height: 1.4;
	}

	.close_modal {
		position: absolute;  /* Plus précis que le float */
		right: 10px;
		top: 0;
		cursor: pointer;
		font-size: 28px;
		font-weight: bold;
		color: #666666;
	}

	.close_modal:hover {
		color: #000000;
	}
/*********************
**********************
*********************/