/*
 * Custom CSS
 */


        body {
			background-color: #202020;
			color: #f1f1f1;
		}

		.vide {
			height: 120px;
		}

		.navbar-pokenantes {
			height: 120px;
			background: rgba(0, 0, 0, 0.55);
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
			transition: background 0.3s ease;
		}

		/* Logo centré */
		.navbar-logo {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}

		.navbar-logo img {
			height: 100px;
			transition: transform 0.3s ease;
		}

		.navbar-logo img:hover {
			transform: scale(1.05);
		}

		/* Espaces latéraux */
		.navbar-left,
		.navbar-right {
			min-width: 120px;
		}

		/* Mobile */
		@media (max-width: 991px) {
			.navbar-logo img {
				height: 70px;
			}
		}


        .hero {
            min-height: 100vh;
            background: linear-gradient(135deg, #ffcc00, #ff3c00);
            color: white;
            display: flex;
            align-items: center;
            text-align: center;
        }

        

		.img-link {
            max-width: 60px;
        }

        .card-pokemon {
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .card-pokemon:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
        }

        .section-padding {
            padding-top: 20px;
        }

        footer {
            background: #111;
            color: #aaa;
        }

        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s ease;
        }

        .fade-in.show {
            opacity: 1;
            transform: translateY(0);
        }
		
		.gras {
			color: rgb(173 134 96);
		}
		
		.blabla {
			font-size: 1.3rem;
			margin-bottom: .5rem;
		}
		
		#community {
			width:70%;
			margin:auto;
		}
		
		#about {
			width:70%;
			margin:auto;
		}
		
		.titre_section {
			text-align: center;
			font-weight: 700;
			font-size: 2rem;
			line-height: 2rem;
			margin-top: 1.0rem;
			margin-bottom: 1.5rem;
			color: rgb(255 212 61);
		}
		
		.titre_mois {
			font-weight: 700;
			font-size: 2rem;
			line-height: 2rem;
			margin-top: 2rem;
			color: rgb(255 212 61);
		}
		
		.event-card {
			position: relative; /* indispensable pour positionner la pastille */
			padding: 20px;
			border-radius: 8px;
			border: 1px solid #444;
			background: linear-gradient(180deg, #1c1c1c, #111);
			color: #fff;
		}

		.event-badge{
		  position: absolute;
		  top: -45px;     /* permet de faire dépasser légèrement */
		  right: -20px;

		  width: 70px;   /* adapte selon ton image */
		  height: auto;

		  z-index: 2;
		}
		
		.ico_type_event{
		  
		  width: 50px;   /* adapte selon ton image */
		  height: auto;

		}

		/* Haut de la carte */
		.event-day {
			color: rgb(173 134 96);
			font-weight: 700;
			font-size: 1.4rem;
		}

		.event-time {
			color: #ffffff;
			font-weight: 500;
		}

		/* Titre principal */
		.event-title {
			color: #ffcc00;
			font-weight: 700;
			font-size: 1.4rem;
			margin-bottom: 10px;
		}
		.oldevent-title {
			color: #555555;
			font-weight: 600;
			font-size: 1.2rem;
		}
		

		/* Adresse */
		.event-location {
			font-size: 0.9rem;
			line-height: 1.5;
			color: #e0e0e0;
		}

		/* Bouton */
		.event-btn {
			width: 100%;
			border-color: #555;
			color: #aaa;
		}

		.event-btn:hover {
			background-color: #ffcc00;
			color: #000;
			border-color: #ffcc00;
		}
		
		/* Conteneur de la bannière */
		
		.banner {
			width: 100%;
			max-height: 150px;
			overflow: hidden;
			margin-top: 120px;
		}

		/* Image responsive */
		.banner img {
			width: 100%;
			height: 150px;
			object-fit: cover; /* recadre proprement */
			display: block;
		}