/* Habillage « 10 ans de l'IUTEA » — or du logo + bordeaux de la charte */
:root { --anniv-or: #C9971C; --anniv-or-clair: #F3D36B; --anniv-or-fonce: #8A6410; }

.anniv-bandeau { position: relative; background: linear-gradient(90deg, #7a0000 0%, #8B0000 50%, #7a0000 100%); color: #fff; border-bottom: 2px solid var(--anniv-or); }
.anniv-bandeau[hidden] { display: none; }
.anniv-bandeau-lien { display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .5rem 2.75rem .5rem 1rem; color: #fff; text-decoration: none; font-size: .88rem; line-height: 1.3; }
.anniv-bandeau-lien i.fa-award { color: var(--anniv-or-clair); font-size: 1.05rem; }
.anniv-bandeau-lien strong { color: var(--anniv-or-clair); }
.anniv-bandeau-cta { margin-left: .5rem; padding: .15rem .65rem; border: 1px solid var(--anniv-or-clair); border-radius: 999px; font-size: .78rem; white-space: nowrap; }
.anniv-bandeau-lien:hover .anniv-bandeau-cta { background: var(--anniv-or-clair); color: #5a0000; }
.anniv-bandeau-fermer { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #fff; opacity: .75; cursor: pointer; padding: .4rem .6rem; }
.anniv-bandeau-fermer:hover { opacity: 1; }
@media (max-width: 720px) { .anniv-bandeau-suite { display: none; } .anniv-bandeau-lien { font-size: .82rem; } }

.anniv-etiquette { display: inline-block; padding: .2rem .75rem; border-radius: 999px; background: rgba(201,151,28,.14); color: var(--anniv-or-fonce); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

/* Accueil */
.anniv-accueil { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2.5rem 0; }
.anniv-accueil-grille { display: grid; grid-template-columns: minmax(220px, 380px) 1fr; gap: 2.5rem; align-items: center; }
.anniv-accueil-logo { width: 100%; height: auto; display: block; }
.anniv-accueil-texte h2 { margin: .6rem 0 .75rem; font-size: 1.75rem; color: #8B0000; }
.anniv-accueil-texte p { margin: 0 0 1.25rem; color: #444; line-height: 1.65; }
@media (max-width: 760px) { .anniv-accueil-grille { grid-template-columns: 1fr; gap: 1.25rem; text-align: center; } .anniv-accueil-logo { max-width: 300px; margin: 0 auto; } }

/* Page dédiée */
.anniv-page { background: linear-gradient(180deg, #fff 0%, #fbf6e8 100%); padding: 3rem 0 4rem; }
.anniv-page-corps { max-width: 760px; text-align: center; }
.anniv-page-logo { width: min(100%, 560px); height: auto; margin: 0 auto 1.25rem; display: block; }
.anniv-page h1 { margin: .75rem 0 1rem; color: #8B0000; }
.anniv-page-message { font-size: 1.1rem; line-height: 1.75; color: #3a3a3a; margin-bottom: 2rem; }
.anniv-page-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; }

/* Logo compact (connexion, pied de page, menus) */
.anniv-logo { display: block; height: auto; }
.anniv-logo-login { width: 190px; margin: 0 auto 1rem; }
.anniv-logo-footer { width: 170px; margin-top: 1rem; background: #fff; border-radius: 10px; padding: .5rem .75rem; }
.anniv-logo-menu { width: 120px; margin: .6rem auto 0; background: #fff; border-radius: 8px; padding: .3rem .5rem; }
.anniv-logo-verrou { width: 170px; margin: .75rem auto 0; background: #fff; border-radius: 10px; padding: .4rem .6rem; }

/* Corrections de lisibilité */
.anniv-bandeau-lien, .anniv-bandeau-lien span { color: #fff; }
.anniv-bandeau-lien strong { color: var(--anniv-or-clair); }
.anniv-bandeau-suite { opacity: .92; }
.anniv-bandeau-lien:hover .anniv-bandeau-cta { color: #5a0000; }
.anniv-page-logo { mix-blend-mode: multiply; }