/* HPM 2.0.5 (ÉCRAN 595) — la mise en page « Bandeau » de la page d'un projet. D'un bord à l'autre de la fenêtre, comme
   HEvM ; fond : la couleur du projet en dégradé, ou sa photo assombrie. Charte : Arial, angles droits (les cases du
   compte ont une bordure). */
.hpm-bd{position:relative;overflow:hidden;color:#fff;font-family:Arial,sans-serif;background:var(--hpm-bd-deg,#1a56db);
  width:calc(100vw - var(--hpm-sb,0px));max-width:none!important;margin-left:calc(50% - 50vw + var(--hpm-sb,0px) / 2)!important;margin-right:0!important;margin-top:0;margin-bottom:22px;
  min-height:calc(var(--hpm-bd-h,420px) + var(--hpm-bd-haut,0px));display:flex;align-items:flex-end;box-sizing:border-box;padding-top:var(--hpm-bd-haut,0px)}
.hpm-bd *{box-sizing:border-box}
/* plus lourd que les mises en page des thèmes (« margin-left:auto !important » sur les enfants d'une colonne) */
.hpm-bd.hpm-bd.hpm-bd{width:calc(100vw - var(--hpm-sb,0px))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--hpm-sb,0px) / 2)!important;margin-right:0!important;margin-top:0!important;margin-bottom:22px!important}
.hpm-bd-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;max-width:none!important;border:0!important;border-radius:0!important;margin:0!important}
.hpm-bd-voile{position:absolute;inset:0;z-index:1;pointer-events:none}
.hpm-bd-couleur .hpm-bd-voile{background:radial-gradient(circle at 80% 28%,rgba(255,255,255,.13) 0 130px,transparent 131px),radial-gradient(circle at 94% 95%,rgba(255,255,255,.09) 0 170px,transparent 171px)}
.hpm-bd-photo .hpm-bd-voile{background:linear-gradient(90deg,rgba(15,12,35,.86) 0%,rgba(15,12,35,.62) 55%,rgba(15,12,35,.38) 100%),linear-gradient(0deg,rgba(15,12,35,.45),transparent 45%)}
.hpm-bd-in{position:relative;z-index:2;width:100%;max-width:var(--hpm-bd-l,none);margin:0 auto;padding:40px var(--hpm-bd-g,72px) 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end}
.hpm-bd-ariane{font-size:12.5px;opacity:.88;margin-bottom:14px}
.hpm-bd-ariane a,.hpm-bd-ariane nav,.hpm-bd-ariane span{color:#fff!important;font-size:inherit!important;text-decoration:none}
.hpm-bd-ariane a:hover{text-decoration:underline}
.hpm-bd-ariane nav{margin:0!important;padding:0!important;background:none!important}
.hpm-bd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.hpm-bd-tags>*{display:inline-flex!important;align-items:center;gap:6px;height:24px!important;padding:0 9px!important;margin:0!important;border:0!important;border-radius:3px!important;
  background:rgba(255,255,255,.2)!important;color:#fff!important;font:700 11px/1 Arial,sans-serif!important;letter-spacing:.4px;text-transform:uppercase;box-shadow:none!important}
.hpm-bd-tags>:first-child{background:#fff!important;color:var(--hpm-bd-c,#1a56db)!important}
.hpm-bd-tags>.hpm-ds-pastille--rouge,.hpm-bd-tags>.est-alerte{background:#B45309!important;color:#fff!important}
.hpm-bd-tags>*::before{display:none!important}
.hpm-bd-titre{margin:0!important;padding:0!important;color:#fff!important;font:700 clamp(26px,3vw,40px)/1.15 Arial,sans-serif!important;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.hpm-bd-sous{margin:10px 0 0!important;max-width:760px;font-size:15.5px;line-height:1.45;color:#fff!important;opacity:.93}
.hpm-bd-infos{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;font-size:13.5px;color:#fff}
.hpm-bd-infos>span{display:inline-flex;align-items:center;gap:7px}
.hpm-bd-infos b{font-weight:700;color:#fff}
.hpm-bd-infos svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.hpm-bd-d{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:280px}
.hpm-bd-cpt{background:rgba(255,255,255,.12);padding:14px 16px;backdrop-filter:blur(2px)}
.hpm-bd-photo .hpm-bd-cpt{background:rgba(255,255,255,.1)}
.hpm-bd-cpt .t{display:block;text-align:right;font-size:12.5px;opacity:.92;margin-bottom:8px}
.hpm-bd-cpt .bx{display:flex;gap:8px;justify-content:flex-end}
.hpm-bd-cpt .bx>div{min-width:74px;height:70px;padding:0 8px;border:1px solid rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center}
.hpm-bd-cpt .bx>div.large{min-width:120px}
.hpm-bd-cpt .bx b{font:700 26px/1.1 Arial,sans-serif;color:#fff}
.hpm-bd-cpt .bx small{font-size:10.5px;opacity:.88;color:#fff}
.hpm-bd-cpt.est-retard .bx>div:not(:last-child){border-color:#fbbf77;background:rgba(180,83,9,.35)}
.hpm-bd-cpt .pg{margin-top:12px;height:6px;background:rgba(255,255,255,.25)}
.hpm-bd-cpt .pg span{display:block;height:100%;background:#fff}
.hpm-bd-bas{margin-top:8px;font-size:12px;opacity:.9;text-align:right}
.hpm-bd-apres{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.hpm-bd-apres>*{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#fff!important}
.hpm-bd-apres a,.hpm-bd-apres button{width:100%;justify-content:center}
.hpm-bd-apres p,.hpm-bd-apres small,.hpm-bd-apres .hpm-vp-note{color:#fff!important;opacity:.85;font-size:12px!important;text-align:center;margin:6px 0 0!important}
@media (max-width:860px){
  .hpm-bd{min-height:0}
  .hpm-bd-in{grid-template-columns:1fr;gap:18px;padding:28px 18px 22px}
  .hpm-bd-d{min-width:0}
  .hpm-bd-cpt .t{text-align:left}.hpm-bd-cpt .bx{justify-content:flex-start}
  .hpm-bd-cpt .bx>div{min-width:0;flex:1}
}
/* Le titre que le thème imprime au-dessus du contenu (s'il en imprime un) : le bandeau le remplace. */
body.hpm-mise-bandeau .entry-header:has(.entry-title:empty),body.hpm-mise-bandeau .entry-title:empty,body.hpm-mise-bandeau .wp-block-post-title:empty{display:none!important}
/* Thème Essentials (relevé chez Kad, 8/11, 17 h 33) : le menu passe déjà par-dessus le contenu ; la page d'un projet
   porte en plus l'« intro » du thème (le grand titre sur la photo), que la page d'un événement n'a pas. En mise en page
   « Bandeau », l'intro s'efface : le bandeau prend sa place, sous le menu, comme sur les pages d'événement. La marge du
   haut (sous le menu) est mesurée par hpm-bandeau.js. */
body.hpm-mise-bandeau .pix-main-intro,body.hpm-mise-bandeau .pix-main-intro-placeholder{display:none!important}
body.hpm-mise-bandeau .hpm-bd{min-height:calc(var(--hpm-bd-h,420px) + var(--hpm-bd-haut,0px))}
.hpm-bd-apres .hpm-vp-btn{display:flex!important;align-items:center;justify-content:center;min-height:44px;border-radius:6px!important;border:0!important;font:700 15px Arial,sans-serif!important}
.hpm-bd-apres .hpm-vp-btn.est-primaire,.hpm-bd-apres .hpm-vp-btn.est-turquoise{background:#fff!important;color:var(--hpm-bd-c,#1a56db)!important}
.hpm-bd-apres .hpm-vp-btn.est-contour,.hpm-bd-apres .hpm-vp-btn.est-gris{background:rgba(255,255,255,.18)!important;color:#fff!important}

/* Kad, 11/11 : « décaler les éléments vers les bords comme dans HEvM » — le titre à gauche et le compte à droite, à 72 px des bords
   (HEvM : la marge de la page + 22 px), sans largeur maximale. */
/* 2.0.7 (ÉCRAN 597) : « Photo + couleur du projet » — la photo reste visible sous un voile du dégradé du projet (sa force :
   Réglages › « Force du voile », --hpm-bd-op) ; un léger assombrissement en bas garde le texte lisible. */
.hpm-bd-photo.hpm-bd-pcoul .hpm-bd-voile{background:none}
.hpm-bd-pcoul .hpm-bd-voile::before,.hpm-bd-pcoul .hpm-bd-voile::after{content:"";position:absolute;inset:0;pointer-events:none}
.hpm-bd-pcoul .hpm-bd-voile::before{background:var(--hpm-bd-deg);opacity:var(--hpm-bd-op,.7)}
.hpm-bd-pcoul .hpm-bd-voile::after{background:linear-gradient(0deg,rgba(15,12,35,.5),transparent 55%),linear-gradient(90deg,rgba(15,12,35,.2),transparent 60%)}
/* 2.0.7 : sur téléphone, la hauteur suit le contenu (la règle de hauteur des pages « Bandeau » passait devant). */
@media (max-width:860px){body.hpm-mise-bandeau .hpm-bd{min-height:0}}