/*#notif-box {
	display: none; position: fixed; bottom: 30px; right: 20px; 
	background-color: #2E7D32; color: #ffffff; padding: 25px 20px 20px 20px; 
	border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.4); 
	z-index: 10000; max-width: 300px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
	border: 3px solid #f1f8e9; text-align: center;
}*/

#notif-box {
	display: block !important; /* Force l'affichage immédiat pour le test */
	position: fixed; bottom: 30px; right: 20px; 
	background-color: #2E7D32; color: #ffffff; padding: 25px 20px; 
	border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.4); 
	z-index: 2147483647; /* Au-dessus de tout, même des menus */
	max-width: 300px; text-align: center; border: 3px solid #f1f8e9;
}
/* Style pour nos mascottes */
.mascottes { font-size: 30px; margin-bottom: 10px; display: block; }

#notif-box p { margin: 0 0 20px 0; line-height: 1.5; font-size: 16px; }
#btn-subscribe { 
	background-color: #ffffff; color: #2E7D32; border: none; 
	padding: 12px 20px; border-radius: 50px; cursor: pointer; 
	font-weight: bold; font-size: 15px; transition: 0.3s;
}
#btn-subscribe:hover { background-color: #f1f8e9; transform: scale(1.05); }
#btn-close { 
	display: block; margin-top: 15px; background: transparent; color: #c8e6c9; 
	border: none; font-size: 13px; cursor: pointer; text-decoration: underline; width: 100%;
}