/* --- HEADER GLOBAL --- */
#site-header {
    width: 1000px;
    height: 135px;
    top: 5px;
    left: 0;
    transform: none;
    background-color: #800000;
    background-image: url("/graph/header.jpg");
    background-size: 1000px 135px;
    background-repeat: no-repeat;
    border: 1px solid #000;
    box-sizing: border-box;
    z-index: 9999;
    margin: 0 auto;
    position: relative;
}

/* --- CONTENEUR INTERNE --- */
.header-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

/* --- PUB (GARDÉ + STABILISÉ) --- */
#pub {
    width: 468px;
    height: 60px;

    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);

    overflow: hidden;

    z-index: 5; /* important pour passer au-dessus du lien header */
}

/* --- IFRAME PUB (CONSERVÉ) --- */
.pub-iframe {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);

    width: 468px;
    height: 60px;

    border: none;
    display: block;
}

/* --- ANIMATION FADE (CONSERVÉE) --- */
#pub .fade {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

#pub .visible {
    opacity: 1;
}

/* --- LIEN HOME (IMPORTANT FIX SÉCURITÉ CLICK) --- */
#site-header a {
    position: absolute;
    left: 0;
    top: 0;

    width: 200px;   /* IMPORTANT : pas full screen */
    height: 135px;

    z-index: 2;
}