.grid-events {
	  display: grid !important ;
	  gap: 1rem;
	  padding: 1rem;
	}

	/* 1 colonne sur petits écrans */
	@media (max-width: 600px) {
	  .grid-events {
		grid-template-columns: 1fr;
	  }
	}

	/* 2 colonnes sur écrans moyens */
	@media (min-width: 601px) and (max-width: 900px) {
	  .grid-events {
		grid-template-columns: repeat(2, 1fr);
	  }
	}

	/* 3 colonnes sur grands écrans */
	@media (min-width: 901px) {
	  .grid-events {
		grid-template-columns: repeat(3, 1fr);
	  }
	}

	.event-card {
      margin: 2px;
      padding: 15px;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      background: #fff;
      line-height: 1.6;
    }

    .event-header {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 15px;
    }

    .event-image {
      min-width : 250px;
      border-radius: 8px;
      object-fit: cover;
    }

    .event-title {
      font-size: 1.5em;
      font-weight: bold;
      color: #2c3e50;
      margin: 0;
    }

    .event-date {
		display: flex;
		align-items: center; /* aligne verticalement au centre */
		gap: 10px; /* espace entre l'image et le texte */
		font-size: 1.2em;
		font-weight: bold;
		color: #e74c3c;
		margin: 5px 0;
    }

    .event-location {
		display: flex;
		align-items: center; /* aligne verticalement au centre */
		gap: 10px; /* espace entre l'image et le texte */
		font-size: 0.9em;
		color: #3498db;
		margin: 5px 0;
    }

    .event-description {
      margin-top: 5px;
      color: #34495e;
    }

	
	.event_row { width: 98% !important }