@charset "utf-8";


/*                          specification pour sport                */
.banner_s {
    background-image: url('https://cdn.pixabay.com/photo/2017/08/07/22/24/hobbies-2608561_1280.jpg'); 
    height: 40vh; 
    background-size: cover; 
    background-position: center; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: white; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 
    text-align: center; 
}
/*                    Css Des deux pages de loisirs(sport/activite)
                               (sa = sport/activite)                        */
main section h1 {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}



.main_sa {
    padding: 1rem; 
}

.sa-liste {
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 1rem; 
}

main article {
    width: 100%;
    background-color: rgba(0, 0, 0, .237);
    padding: 1em; 
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center; 
}

main article h2 {
    margin-bottom: 0.5em; 
}

main article p {
    margin-bottom: 1em;
}

.btn {
    display: inline-block; 
    padding: 0.5em 1em; 
    color: #fff; 
    border-radius: 5px; 
    text-decoration: none; 
    transition: background-color 0.3s; 
}

.btn:hover {
    background-color: #0056b3; 
}
/*                             specifique a activite                            */
.banner_a {
    background-image: url('../images/activite/bowling.jpg'); 
    height: 40vh; 
    background-size: cover; 
    background-position: center; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: white; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 
    text-align: center; 
}