styles.css

/* ---------------------------------------------------
   LOGO NAVBAR
--------------------------------------------------- */
.navbar-brand img[src="images/logo_source.jpeg"] {
  width: 250px;
  height: auto;
}

/* ---------------------------------------------------
   CALLOUT SUBTIL & ÉLÉGANT POUR ABSTRACTS / PROGRAMMES
--------------------------------------------------- */
.callout-note {
  border: 1px solid #e0e0e0 !important;
  background: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 0.8em 1em !important;
}

/* En-tête du callout */
.callout-note .callout-header {
  background-color: transparent !important;
  border-bottom: 1px solid #e9e9e9 !important;
  padding-bottom: 0.4em !important;
  margin-bottom: 0.7em !important;
  align-items: center;
}

/* TITRE des programmes : Quarto utilise .callout-title */
.callout-note .callout-title {
  font-size: 1.35rem;      /* plus gros */
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #444;
}

/* Texte justifié à l'intérieur du callout */
.callout-note p {
  text-align: justify;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

/* ---------------------------------------------------
   FLÈCHES DYNAMIQUES ▶ / ▼ POUR LES PROGRAMMES
   (version robuste)
--------------------------------------------------- */

/* On travaille sur TOUS les callouts, pas seulement note */
.callout .callout-header {
  position: relative;
  cursor: pointer;   /* indique que le header est cliquable */
}

/* Flèche par défaut (callout replié = ▶) */
.callout .callout-header::after {
  content: "▶" !important;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #666;
}

/* Callout OUVERT → flèche ▼
   Quarto retire la classe .callout-collapsed quand c'est ouvert */
.callout:not(.callout-collapsed) .callout-header::after {
  content: "▼" !important;
}

/* ---------------------------------------------------
   ABSTRACT : BOUTON + BLOC COLLAPSIBLE (PUBLICATIONS)
--------------------------------------------------- */

.abstract-toggle {
  font-size: 0.8rem;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;      /* pastille douce */
  display: inline-block;
  margin-top: 0.1rem;        /* proche du texte de la réf */
  margin-bottom: 0.9rem;     /* séparé du titre suivant */
}

/* Couleur au survol – très légère */
.abstract-toggle:hover {
  background-color: #f2f2f2;
}

.abstract-block {
  border-left: 3px solid #cccccc;
  padding: 0.6rem 0.9rem;
  margin-top: 0.2rem;
  margin-bottom: 1.2rem;     /* espace avant le chapitre suivant */
  background-color: #fafafa;
  font-size: 0.95rem;
  text-align: justify !important;
  text-justify: inter-word;
}

/* On force la justification pour les éléments internes
   au cas où Bootstrap ou le thème impose text-align:left */
.abstract-block p,
.abstract-block li,
.abstract-block div {
  text-align: justify !important;
  text-justify: inter-word;
  margin-bottom: 0.4rem;
}

/* Paragraphe qui précède directement un bouton "Abstract" */
p:has(+ button.abstract-toggle) {
  margin-bottom: 0.15rem !important;  /* rapproche le bouton de la référence */
}

/* ---------------------------------------------------
   JUSTIFIER LE TEXTE DU CONTENU PRINCIPAL
--------------------------------------------------- */

/* Paragraphes et listes dans le contenu Quarto principal */
main#quarto-document-content p,
main#quarto-document-content li {
  text-align: justify !important;
  text-justify: inter-word;
}