/* Couleur de fond de la page */
body {
    background-color: #000000; /* noir */
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Style des images qui sont dans un lien */
a img {
    transition: transform 0.3s ease, filter 0.3s ease; /* transition douce pour zoom et filtre */
    display: block; /* pour éviter les petits problèmes d'espacement */
}

/* Effet au survol */
a img:hover {
    transform: scale(1.1); /* zoom légèrement */
    filter: grayscale(100%); /* devient en nuance de gris */
    cursor: pointer; /* montre que c'est cliquable */
}
/* Tous les boutons de type input avec class btn ou btn-primary */
input.btn,
input.btn-primary,
input[type="submit"].btn,
input[type="submit"].btn-primary {
    background-color: #e7aa51 !important; /* fond orange */
    color: #ffffff !important;           /* texte blanc */
    border: none !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font: 400 16px Open Sans Bold, Arial, Helvetica, sans-serif;
    padding: 12px 20px;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Au survol */
input.btn:hover,
input.btn-primary:hover,
input[type="submit"].btn:hover,
input[type="submit"].btn-primary:hover {
    background-color: #ffffff !important; /* fond blanc au survol */
    color: #e7aa51 !important;           /* texte orange au survol */
}
/* Lien "Mot de passe oublié / Première connexion" */
a.reset-password#reset_password {
    color: #e7aa51 !important;       /* texte orange */
    text-decoration: none;            /* supprime le soulignement par défaut */
    font-weight: bold;                /* optionnel, pour mettre en valeur */
    transition: color 0.3s ease;     /* effet de transition */
}

/* Au survol */
a.reset-password#reset_password:hover {
    color: #ffffff !important;       /* texte blanc au survol */
    text-decoration: underline;      /* optionnel : on souligne au survol */
    cursor: pointer;

/* Couleur de texte pour tout, même inline, dans Yapla */
body, body * {
    color: #e7aa51 !important;
}
/* Cible les conteneurs Yapla pour supprimer tout espacement */
.yapla-section,
.yapla-row,
.yapla-column,
.yapla-block,
.yapla-container,
section,
div {
    margin: 0 !important;
    padding: 0 !important;
}

/* Supprime les marges/paddings sur titres, paragraphes et images */
h1, h2, h3, h4, h5, h6,
p, span,
a, a img,
ul, li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Supprime espacement des formulaires et boutons */
form, input, button {
    margin: 0 !important;
    padding: 0 !important;
}
/* 🎨 Bannière Yapla discrète sur fond noir */
div[id*="yapla-banner"],
a[href*="yapla.com"] {
    background: transparent !important; /* pas de fond ajouté */
    opacity: 0.4;                      /* légère transparence */
    filter: grayscale(100%) brightness(0%); /* logo noir */
    transition: opacity 0.3s ease, filter 0.3s ease;
}

/* Lorsqu'on passe la souris dessus : on la rend visible */
div[id*="yapla-banner"]:hover,
a[href*="yapla.com"]:hover {
    opacity: 1;
    filter: none; /* couleurs normales au survol */
}