/* Style isolé pour le centre d'aide - Position GAUCHE */ #helpButton { position: fixed; bottom: 25px; left: 25px; /* Changé de right à left pour libérer le bouton de session */ width: 55px; height: 55px; background: #004a99; color: #fff; border: none; border-radius: 50%; font-size: 26px; font-weight: bold; cursor: pointer; z-index: 9999; box-shadow: 0 5px 15px rgba(0,0,0,0.3); transition: 0.2s; } #helpButton:hover { transform: scale(1.1); background: #003366; /* Un bleu un peu plus foncé au survol */ } /* Le reste du modal reste inchangé mais bien isolé */ #helpModal.help-modal-container { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); backdrop-filter: blur(3px); } #helpModal .help-modal-content { background: #fff; margin: 12% auto; padding: 30px; border-radius: 15px; width: 450px; position: relative; box-shadow: 0 15px 40px rgba(0,0,0,0.5); font-family: sans-serif; } #helpModal .help-close-button { position: absolute; top: 15px; right: 20px; font-size: 30px; cursor: pointer; color: #888; line-height: 1; } #helpModal .help-grid { display: flex; gap: 20px; margin-top: 25px; } #helpModal .help-card { flex: 1; text-decoration: none; color: #333; padding: 20px; border: 2px solid #f0f0f0; border-radius: 10px; text-align: center; transition: 0.3s; } #helpModal .help-card:hover { border-color: #004a99; background: #f9fcff; } #helpModal .help-icon { font-size: 35px; display: block; margin-bottom: 10px; } #helpModal .help-title { color: #004a99; margin: 0 0 10px 0; font-size: 22px; } #helpModal .help-modal-footer { margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; text-align: center; font-size: 12px; color: #999; }