Karting – Table Ronde 37 Gembloux

<style>
    /* Le conteneur principal qui passe par-dessus le site existant */
    .karting-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 99999; /* S'assure d'être au-dessus du menu WordPress */
        background-image: url('LIEN_IMAGE_KARTING');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: white;
    }
    .karting-header {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px;
        background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);
    }
    .karting-header img {
        height: 160px;
        margin-right: 40px;
        filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.8));
    }
    .karting-header-text {
        display: flex;
        flex-direction: column;
    }
    .karting-header-text h1 {
        font-size: 4.5em;
        text-transform: uppercase;
        text-shadow: 2px 2px 8px rgba(0,0,0,0.9);
        margin: 0;
        letter-spacing: 2px;
        color: white;
        line-height: 1;
    }
    .karting-header-text h2 {
        margin: 0; 
        font-size: 2.5em; 
        text-shadow: 2px 2px 8px rgba(0,0,0,0.9); 
        color: #ffcc00; 
        text-transform: uppercase;
        line-height: 1.2;
    }
    .karting-sponsors-container {
        display: flex; 
        justify-content: center; 
        position: relative;
    }
    .karting-sponsors-title {
        position: absolute;
        top: -40px;
        background: rgba(0, 0, 0, 0.85);
        color: white;
        padding: 10px 40px;
        border-radius: 50px;
        font-size: 1.5em;
        text-transform: uppercase;
        letter-spacing: 1px;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
    }
    .karting-sponsors-bar {
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: rgba(255, 255, 255, 0.95);
        width: 100%;
        padding: 30px 50px;
        box-shadow: 0px -5px 25px rgba(0,0,0,0.7);
    }
    .karting-sponsor-logo {
        max-height: 110px;
        max-width: 250px;
        object-fit: contain;
    }
</style>

<div class="karting-fullscreen">
    <div class="karting-header">
        <img src="LIEN_LOGO_RT38" alt="Logo Table Ronde">
        <div class="karting-header-text">
            <h1>Table Ronde 37 Gembloux</h1>
            <h2>Grand Prix Karting</h2>
        </div>
    </div>

    <div class="karting-sponsors-container">
        <div class="karting-sponsors-title">Un immense merci à nos sponsors</div>
        <div class="karting-sponsors-bar">
            <img class="karting-sponsor-logo" src="LIEN_LOGO_IFAPME" alt="IFAPME">
            <img class="karting-sponsor-logo" src="LIEN_LOGO_ROLLAND" alt="Frédéric ROLLAND">
            <img class="karting-sponsor-logo" src="LIEN_LOGO_AL_RACING" alt="AL Racing" style="background: black; padding: 10px; border-radius: 10px;">
            <img class="karting-sponsor-logo" src="LIEN_LOGO_GILMONT" alt="Gilmont Immobilier">
        </div>
    </div>
</div>