/* SIE Groupe – Thème de la semaine – niveau « Visible ». Seules ces règles s'ajoutent au thème Divi, qui n'est pas modifié.
   Les variables sont remplies par sie-semaine.js selon la semaine en cours. */
:root{--sie-accent:#FFB020;--sie-accent-ink:#1a1200;--sie-hero-img:none}
#sie-semaine-bandeau{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;background:var(--sie-accent);color:var(--sie-accent-ink);font:600 14px/1.3 "Open Sans",Arial,sans-serif;padding:9px 16px;text-align:center;position:relative;z-index:1}
#sie-semaine-bandeau a{color:var(--sie-accent-ink);font-weight:700;text-decoration:underline}
body.sie-avec-photo .sie-accueil{background-image:linear-gradient(rgba(0,0,0,var(--sie-voile,.45)) 0%,rgba(0,0,0,calc(var(--sie-voile,.45) + .1)) 55%,#000 100%),var(--sie-hero-img)!important;background-size:cover!important;background-position:center!important;position:relative}
body.sie-semaine .sie-accueil h4{color:var(--sie-accent)!important}
body.sie-semaine .sie-accueil .et_pb_button{border:2px solid var(--sie-accent)!important}
body.sie-semaine .sie-accueil .et_pb_button:hover{background:var(--sie-accent)!important;color:var(--sie-accent-ink)!important}
#sie-semaine-picto{position:absolute;right:4%;bottom:14%;width:150px;height:150px;z-index:5;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}
.sie-court{display:none}
@media(max-width:980px){#sie-semaine-picto{width:56px;height:56px;right:16px;bottom:12px;top:auto}#sie-semaine-bandeau{font-size:13px;padding:10px 150px 10px 14px;justify-content:flex-start;text-align:left;min-height:48px}.sie-long{display:none}.sie-court{display:inline}}
/* Fête du jour : étiquette séparée, coin haut-gauche de la zone d'accueil */
#sie-fete{position:absolute;left:4%;top:120px;z-index:5;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.35);color:#fff;font:600 13px/1 "Open Sans",Arial,sans-serif;padding:8px 14px;border-radius:999px;backdrop-filter:blur(4px)}
#sie-fete b{color:var(--sie-accent);font-weight:700}
@media(max-width:980px){.sie-accueil{padding-bottom:84px!important}#sie-fete{left:16px;top:auto;bottom:26px;font-size:12px;padding:7px 12px}}

/* Style « institutionnel » : charte SIE, sobriété inspirée des sites publics de cybersécurité (angles droits, bandeau d'information, pictos au trait) */
body.sie-style-institutionnel #sie-semaine-bandeau{background:#0f0f10;color:#fff;border-top:3px solid transparent;border-image:linear-gradient(90deg,#2A8FE6 0%,#A84BD6 40%,#D63A3A 86%,#F5A623 100%) 1;border-bottom:1px solid #262626;font-weight:400;gap:10px}
body.sie-style-institutionnel #sie-semaine-bandeau a{color:#fff;font-weight:600;text-underline-offset:3px}
body.sie-style-institutionnel #sie-semaine-bandeau .sie-ico{width:18px;height:18px;color:#2A8FE6;flex:none}
body.sie-style-institutionnel #sie-semaine-bandeau .sie-label{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:800;letter-spacing:.02em}
body.sie-style-institutionnel #sie-fete{border-radius:0;border-color:#3a3a3a;background:rgba(0,0,0,.6)}
body.sie-style-institutionnel #sie-fete b{color:#fff}
.sie-tuile{position:absolute;right:4%;bottom:14%;z-index:5;width:150px;padding:20px 16px 16px;background:#0b0b0c;border:1px solid #2e2e2e;text-align:center}
.sie-tuile:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2A8FE6 0%,#A84BD6 40%,#D63A3A 86%,#F5A623 100%)}
.sie-tuile svg{width:72px;height:72px;display:block;margin:0 auto 10px}
.sie-tuile span{display:block;color:#fff;font:800 12px/1.2 "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:980px){.sie-tuile{width:auto;padding:10px 10px 8px;right:16px;bottom:12px}.sie-tuile svg{width:36px;height:36px;margin-bottom:0}.sie-tuile span{display:none}body.sie-style-institutionnel #sie-semaine-bandeau .sie-label{display:none}}