/* Variables CSS */
:root {
    --white: #FFFFFF;
    --gray-light: #F9F9F9;
    --gray-text: #707070;
    --gray-link: #8B8A8A;
    --gray-hover: #555555;
    --gray-border: #d0d0d0;
    --shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

/* Réinitialisation */
html, body { min-height: 100vh; }
body { overflow-x: hidden; }
a { text-decoration: none; }

/* Classes communes */
.flex-column {
    display: flex;
    flex-direction: column;
}

.grid {
    display: grid;
}

.shadow-box {
    box-shadow: var(--shadow);
}

.text-color {
    color: var(--gray-text);
}

/* Styles existants optimisés */
#ban_content {
    background: #F6F6F6;
    font-family: Helvetica, Arial, sans-serif;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    font-size: 12px;
    padding: 4px 8px;
    color: #AAA;
}

/* ... Reste du CSS optimisé ... */