/* Bandeau Paganini V3 : largeur du cadre central Musiclic (960 px).
   Centré dans la page, directement sous le menu ; jamais pleine largeur d'écran.
   Pas de changement nécessaire dans les deux menus. */
html.ml-evenement-deja-masque #ml-evenement { display:none !important; }
#ml-evenement[hidden] { display:none !important; }

#ml-evenement,
#ml-evenement * {
  box-sizing:border-box;
}
#ml-evenement {
  clear:both;
  display:block;
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:11px 15px;
  border:1px solid #d8dce0;
  border-top:0;
  border-radius:0;
  background:#f7f7f7;
  box-shadow:none;
  color:#333;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  line-height:1.45;
}
#ml-evenement .ml-evenement-contenu {
  display:flex;
  align-items:center;
  gap:12px;
}
#ml-evenement .ml-evenement-texte {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
#ml-evenement .ml-evenement-texte strong {
  display:block;
  color:#793a4b;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
}
#ml-evenement .ml-evenement-texte span {
  display:block;
  color:#343434;
}
#ml-evenement .ml-evenement-cta {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #8e4b5d;
  border-radius:4px;
  background:#8e4b5d;
  color:#fff !important;
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-align:center;
  text-decoration:none !important;
}
#ml-evenement .ml-evenement-cta:hover,
#ml-evenement .ml-evenement-cta:focus {
  background:#713c4b;
  border-color:#713c4b;
  color:#fff !important;
}
#ml-evenement .ml-evenement-ne-plus {
  flex:0 0 auto;
  min-height:38px;
  padding:5px 1px;
  border:0;
  background:transparent;
  color:#654753;
  cursor:pointer;
  font-family:inherit;
  font-size:12px;
  text-decoration:underline;
}
#ml-evenement .ml-evenement-fermer {
  flex:0 0 auto;
  min-width:30px;
  min-height:38px;
  padding:2px 5px;
  border:0;
  background:transparent;
  color:#713c4b;
  cursor:pointer;
  font-family:inherit;
  font-size:22px;
  line-height:1;
}
#ml-evenement button:focus-visible,
#ml-evenement a:focus-visible {
  outline:2px solid #336699;
  outline-offset:2px;
}
@media screen and (max-width:760px) {
  #ml-evenement {
    padding:10px 12px;
    font-size:13px;
  }
  #ml-evenement .ml-evenement-contenu {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 8px;
    align-items:start;
  }
  #ml-evenement .ml-evenement-texte {
    grid-column:1;
    grid-row:1;
    min-width:0;
  }
  #ml-evenement .ml-evenement-fermer {
    grid-column:2;
    grid-row:1;
    min-width:38px;
    min-height:38px;
    margin:0;
  }
  #ml-evenement .ml-evenement-cta {
    grid-column:1;
    grid-row:2;
    min-height:40px;
  }
  #ml-evenement .ml-evenement-ne-plus {
    grid-column:2;
    grid-row:2;
    min-height:40px;
    text-align:right;
  }
}
@media screen and (max-width:360px) {
  #ml-evenement .ml-evenement-contenu {
    grid-template-columns:minmax(0,1fr) 86px;
  }
  #ml-evenement .ml-evenement-cta {
    padding:8px;
    font-size:12px;
  }
  #ml-evenement .ml-evenement-ne-plus {
    font-size:11px;
  }
}