body {
    font-family: 'Inter', sans-serif;
    /* Couleur de fond du corps pour correspondre aux teintes du bandeau */
    background-color: #FFF8F0; /* Un beige très clair, proche de l'orange pâle */
}
.hero-section {
    background-image: url('../images/bandeau1.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}
.hero-overlay {
    background-color: rgba(0, 0, 0, 0.5); /* Overlay sombre pour le texte */
}
		
/* Styles spécifiques pour les logos des partenaires */
.partner-logo {
    height: 96px; /* Hauteur fixe pour harmoniser les logos (h-24 en Tailwind) */
    width: auto; /* Largeur automatique pour conserver les proportions */
    object-fit: contain; /* Assure que l'image est contenue sans être coupée */
    filter: grayscale(0%); /* Enlève le filtre de gris si appliqué par défaut */
    transition: transform 0.3s ease-in-out;
}
.partner-logo:hover {
    transform: scale(1.05); /* Effet de zoom au survol */
}

/* Styles spécifiques pour les logos des clubs */
.club-logo {
    height: 80px; /* Hauteur fixe pour harmoniser les logos des clubs */
    width: auto; /* Largeur automatique pour conserver les proportions */
    object-fit: contain; /* Assure que l'image est contenue sans être coupée */
    transition: transform 0.3s ease-in-out;
}
.club-logo:hover {
    transform: scale(1.05); /* Effet de zoom au survol */
}