* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: white;
  font-family: 'Quicksand-VariableFont_wght';
}


/* IMPORTATION */
@font-face {
  font-family: 'CalSans-Regular';
  src: url('../polices/CalSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Quicksand-VariableFont_wght';
  src: url('../polices/Quicksand-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

button, input, textarea, select {
  font-family: 'Quicksand-VariableFont_wght';
}

/* STYLE DU BOUTON D'AIDE FLOTTANT */
	.help-float { 
        position: fixed; bottom: 30px; right: 30px; 
        width: 50px; height: 50px; 
        background: var(--dark); color: white; 
        border-radius: 50%; 
        display: flex; align-items: center; justify-content: center; 
        font-size: 20px; cursor: pointer; 
        box-shadow: 0 5px 20px rgba(0,0,0,0.3); 
        z-index: 999; transition: 0.3s; 
    }
    .help-float:hover { background: var(--gold); transform: scale(1.1) rotate(10deg); }

    /* STYLE DE LA MODALE */
    .help-modal-overlay {
        display: none; /* Caché par défaut */
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 2000;
        align-items: center; justify-content: center;
        backdrop-filter: blur(3px);
    }

    .help-modal-box {
        background: white; width: 90%; max-width: 500px;
        border-radius: 15px; position: relative;
        box-shadow: 0 20px 60px rgba(0,0,0,0.4);
        animation: helpPopIn 0.3s ease-out;
        overflow: hidden;
    }

    .help-close-btn {
        position: absolute; top: 15px; right: 15px;
        background: none; border: none; font-size: 24px; color: #999;
        cursor: pointer; transition: 0.2s; z-index: 2;
    }
    .help-close-btn:hover { color: var(--dark); }

    .help-header {
        background: #fffcf0; padding: 20px 25px;
        border-bottom: 1px solid #f0e6cc;
        display: flex; align-items: center; gap: 10px;
    }
    .help-header i { color: var(--gold); font-size: 24px; }
    .help-header h3 { margin: 0; color: var(--dark); font-size: 18px; }

    .help-body { padding: 25px; max-height: 70vh; overflow-y: auto; }
    .help-body p { margin-bottom: 20px; font-size: 14px; color: #555; line-height: 1.5; }

    .help-item { display: flex; gap: 15px; margin-bottom: 20px; }
    .help-icon { 
        width: 30px; height: 30px; background: var(--dark); color: white; 
        border-radius: 50%; display: flex; align-items: center; justify-content: center; 
        font-size: 12px; flex-shrink: 0; margin-top: 2px;
    }
    .help-item strong { display: block; color: var(--gold); font-size: 14px; margin-bottom: 3px; }
    .help-item ul { margin: 5px 0 0 0; padding-left: 20px; font-size: 13px; color: #666; }
    .help-item ul li { margin-bottom: 3px; }

    @keyframes helpPopIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }