.footer {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px;
    background: transparent;
    color: var(--color-text);
    font-family: Arial, sans-serif;
}


/* Bas du footer */
.footer-bottom {
    margin-top: 35px;
    text-align: center;
    font-size: 12px;
    color: var(--color-text);
}

.footer a {
    color: var(--color-accent);
}



  :root {
    --orange: #e87684;
    --orange-light: #FFF3ED;
    --orange-dark: #e87684;
    --blue: #3A5FA0;
    --blue-light: #EEF3FB;
    --green: #2E7D32;
    --green-light: #EDF7ED;
    --purple: #6A1B9A;
    --purple-light: #F5EEF8;
    --gold: #B8860B;
    --gold-light: #FFFBEA;
    --red: #C0392B;
    --red-light: #FDEDEC;
    --gray-50: #F8F8F6;
    --gray-100: #EFEFED;
    --gray-200: #DDDDD9;
    --gray-400: #AEADA8;
    --gray-600: #707070;
    --gray-800: #3D3D3D;
    --gray-900: #1A1A1A;
    --white: #FFFFFF;
    --radius: 8px;
    --radius-lg: 12px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow: 0 2px 8px rgba(0,0,0,0.10);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
  }

  /* Info/warning notices */
  .notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: var(--radius);
    padding: 12px 14px;
    font-size: 13px;
    margin-top: 18px;
    border: 1px solid;
  }
  .notice-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
  .notice.info { background: var(--red-light); border-color: #f0bdbd; color: var(--red); }
  .notice.warn { background: var(--gold-light); border-color: #F0D88A; color: var(--gold); }