/* ===== BODY - PAGE STADE =====*/
body { 
    padding-top: 70px;              
}

/* ===== HEADER STADE =====*/
.stade-header { 
    background-color: #004494;    
    color: #fff;                    
    padding-top: 3.5rem;
    padding-right: 1rem;
    padding-bottom: 3.5rem;
    padding-left: 1rem;
    text-align: center;             
    margin-bottom: 2rem;          
}

.stade-header h1 { 
    font-size: 2.2rem;           
    font-weight: 900;               /* Texte gras */
    margin-bottom: 0.5rem;
}         

.stade-header p { 
    color: #ddd;                  
}

/* ===== CONTENU STADE =====*/
.stade-content { 
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.stade-content .container { 
    display: flex;                  
    gap: 1.5rem;                    /* Espace entre image et texte */
    align-items: center;            
}

/* ===== IMAGE DU STADE =====*/
.stade-image img { 
    width: 100%;                    /* Sans ça l'image s'agrandit */
    max-width: 480px;               /* Sans ça l'image s'agrandit */
    height: auto;                   /* Hauteur adaptée */
    border-radius: 8px;            
}

/* ===== TEXTE DU STADE =====*/
.stade-text h2 { 
    color: #004494;                 
    font-size: 1.8rem;              
    margin-bottom: 1rem;            
}

.stade-text p { 
    color: #555;                  
    margin-top: 0.5rem;               
}

/* ===== LOCALISATION =====*/
.stade-location { 
    padding-top: 2rem;         
    text-align: center;                                  
}

/* ===== BOUTON LOCALISATION =====*/
.location-link { 
    display: inline-block;          /* Sans ça le bouton vas sur le texte au dessus */
    background: #FFC52F;            
    color: #004494;                
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-bottom: 0.9rem;
    padding-left: 1.5rem;
    margin-top: 1rem;
    border-radius: 8px;             
    text-decoration: none;          /* Supprime le soulignement */
    font-weight: 700;               /* Texte gras */
}

/* ===== MEDIAQUERIES - TABLETTE =====*/
@media (max-width: 1024px) {
    .stade-content .container { 
        flex-direction: column;     /* Image et texte empilés */
    }
}

/* ===== MEDIAQUERIES - MOBILE =====
   À partir de 480px, texte très réduit */
@media (max-width: 480px) {
    .stade-header h1 { 
        font-size: 1.6rem;          
    }
}