/* --- Base et Reset --- */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { 
    margin: 0; 
    font-family: Verdana, sans-serif; 
    font-size: 15px; 
    line-height: 1.5; 
    background-color: #262b35; /* Ta couleur de fond */
}
h1, h2, h3, h4, h5, h6 { font-family: "Segoe UI", Arial, sans-serif; font-weight: 400; margin: 10px 0; }
a { color: inherit; text-decoration: none; }

/* --- Règle d'or pour le Mobile --- */
/* Toutes les images s'adapteront automatiquement à la taille de l'écran */
img, iframe { max-width: 100%; height: auto; }

/* --- Les seules classes W3.CSS réellement utilisées par ton site --- */
.w3-center { text-align: center !important; }
.w3-hover-text-amber:hover { color: #ffc107 !important; }
.w3-content { max-width: 1007px; margin-left: auto; margin-right: auto; }
.w3-display-container { position: relative; }
.w3-button { border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; text-align: center; cursor: pointer; white-space: nowrap; }
.w3-black { color: #fff !important; background-color: #000 !important; }
.w3-button:hover { color: #000 !important; background-color: #ccc !important; }
.w3-circle { border-radius: 50%; }
.w3-opacity { opacity: 0.60; transition: 0.3s; }
.w3-hover-opacity-off:hover { opacity: 1; }