CSS Bullet — Version stable

Head (Bullet dashboard → Head)

<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Spectral:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600&display=swap" rel="stylesheet">
<script async src="https://tally.so/widgets/embed.js"></script>
<script>
  (function() {
    function tag() {
      var el = document.querySelector('[data-view-id*="714726a4"]') ||
      document.querySelector('[data-collection-id*="84b33cbc"]');
      if (el) {
        el.classList.add('cebtg-prochains-cours'); return true;
      }
      return false;
    }
    if (!tag()) {
      var obs = new MutationObserver(function() {
        if (tag())obs.disconnect();
      });
      obs.observe(document.body,
        {
          childList: true,
          subtree: true
        });
    }
  })();
</script>

CSS (Bullet dashboard → CSS)

/* ═══════════════════════════════════════════
   CEBTG — tibetain.cebtg.ch
   CSS consolidé — Bullet.so / Simplicity
   Version v5 — correction contrôles YouTube
   ═══════════════════════════════════════════ */

/* ── Polices ── */
@font-face {
  font-family: 'Monlam Uni OuChan2';
  src: local('NO_MATCH'),
  url('https://cebtg.ch/fonts/MonlamUniOuChan2.woff2') format('woff2'),
  url('https://cebtg.ch/fonts/MonlamUniOuChan2.woff') format('woff');
  unicode-range: U+0F00-0FFF;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Spectral:ital,wght@0,400;0,600;1,400&display=swap');

/* ── Variables CEBTG ── */
:root {
  --cebtg-bordeaux: #8C1A11;
  --cebtg-or: #C8973A;
  --font-titre: 'Spectral', 'Monlam Uni OuChan2', Georgia, serif;
  --font-corps: 'Lora', 'Monlam Uni OuChan2', Georgia, serif;
  --brand-color-h: 4.4;
  --brand-color-s: 78%;
  --brand-color-l: 31%;
  --cover-height: 50vh;
}

/* ══════════════════════════════════════════
   POLICES GLOBALES
   !important nécessaire pour écraser Bullet
   ══════════════════════════════════════════ */
* {
  font-family: var(--font-corps) !important;
}

/* ══════════════════════════════════════════
   TITRES
   ══════════════════════════════════════════ */
.notion-h1,
.notion-h2,
.notion-h3 {
  font-family: var(--font-titre) !important;
  color: var(--cebtg-bordeaux) !important;
}
.notion-h1 {
  font-size: 2.8rem !important;
  line-height: 1.2 !important;
}
.notion-h2 {
  font-size: 2rem  !important;
  line-height: 1.3 !important;
}
.notion-h3 {
  font-size: 1.5rem !important;
  line-height: 1.4 !important;
}

.notion-title {
  font-family: var(--font-corps) !important;
  color: var(--cebtg-bordeaux) !important;
}

/* ══════════════════════════════════════════
   MISE EN PAGE
   ══════════════════════════════════════════ */
.notion-page {
  --notion-max-width: calc(min(1920px, 98vw)) !important;
  padding-left: clamp(2rem, 6vw, 8rem) !important;
  padding-right: clamp(2rem, 6vw, 8rem) !important;
}

.notion-page-content .notion-text,
.notion-page-content p,
.notion-page-content li {
  font-size: 1rem;
  line-height: 1.75;
}

/* ══════════════════════════════════════════
   LIENS ET BOUTONS
   ══════════════════════════════════════════ */
.notion-link:not(.bullet-btn) {
  color: var(--cebtg-bordeaux) !important;
  text-decoration-color: var(--cebtg-or) !important;
}
.bullet-btn {
  background: var(--cebtg-bordeaux) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════════
   CITATIONS ET SÉPARATEURS
   ══════════════════════════════════════════ */
.notion-quote {
  font-size: 1rem;
  padding-left: 1.2rem;
  font-style: normal;
  line-height: 1.8;
}
.notion-divider {
  opacity: 0.25;
  border-color: var(--cebtg-or);
}

/* ══════════════════════════════════════════
   CALLOUTS
   ══════════════════════════════════════════ */
.notion-brown_background_co {
  background: linear-gradient(160deg, #f8f6f2 0%, #ede8df 100%);
  border: none;
  padding: 2rem 2.5rem;
}
.notion-brown_background_co .notion-page-icon-inline {
  display: none;
}
.bullet-3-column .notion-callout {
  background: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07);
}
.notion-callout .notion-h1,
.notion-callout .notion-h2,
.notion-callout .notion-h3 {
  display: block;
  width: 100%;
}

/* ══════════════════════════════════════════
   TABLEAUX SIMPLES
   ══════════════════════════════════════════ */
.notion-simple-table-cell {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* ══════════════════════════════════════════
   NAVBAR
   ══════════════════════════════════════════ */
.navbar-item.bullet-navbar-cta {
  display: none;
}

nav.navbar {
  border-bottom: 1px solid rgba(200,151,58,0.3) !important;
  background-color: rgba(255,252,248,0.98) !important;
  box-shadow: 0 2px 12px rgba(140,26,17,0.06) !important;
}
.navbar-item,
a.navbar-item,
.navbar-link {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #3a3a3a !important;
  transition: color 0.2s ease !important;
  background: transparent !important;
}
.navbar-item:hover,
a.navbar-item:hover,
.navbar-link:hover {
  color: var(--cebtg-bordeaux) !important;
  background: transparent !important;
}
.navbar-brand a.navbar-item,
.navbar-brand .navbar-item {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--cebtg-bordeaux) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* ══════════════════════════════════════════
   COVER DE PAGE
   ══════════════════════════════════════════ */
html body .notion-page-cover-wrapper {
  display: block !important;
  visibility: visible !important;
  height: 55vh !important;
  max-height: 55vh !important;
  min-height: 340px !important;
  overflow: hidden !important;
  position: relative !important;
}
html body .notion-page-cover-wrapper img {
  display: block !important;
  visibility: visible !important;
  height: 55vh !important;
  max-height: 55vh !important;
  min-height: 340px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center 30% !important;
}
.notion-page-cover-wrapper::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 80px !important;
  background: linear-gradient(to bottom, transparent, #fff) !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════════
   BLOC PDF INLINE
   ══════════════════════════════════════════ */
.notion-asset-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
/* PDFs — conserve la grande hauteur */
.notion-asset-wrapper iframe:not([src*="youtube"]) {
  width: 100% !important;
  min-height: 85vh !important;
  border: none !important;
  display: block !important;
}
/* Vidéos YouTube — ratio 16:9, contrôles visibles */
.notion-asset-wrapper iframe[src*="youtube"] {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: unset !important;
  border: none !important;
  display: block !important;
}
.notion-asset-wrapper > div,
.notion-asset-wrapper > div > div {
  background: transparent !important;
  width: 100% !important;
}

/* ══════════════════════════════════════════
   VUE GALERIE
   ══════════════════════════════════════════ */
.notion-collection-card {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: none;
}
.notion-collection-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(140,26,17,0.18);
}
.notion-collection-card-cover {
  height: 200px;
  object-fit: cover;
  object-position: center 20%;
}
.notion-collection-card-body {
  padding: 10px 14px 12px;
  background: #fff;
}
.notion-collection-card-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--cebtg-bordeaux);
  line-height: 1.3;
}

/* ══════════════════════════════════════════
   VUE TABLE (cours à venir)
   ══════════════════════════════════════════ */
/* ── En-têtes de bases de données ── */

/* Masque les en-têtes de colonnes dans les vues tableau uniquement */
.notion-table-view .notion-collection-header,
.notion-table-header-inner,
.notion-table-header,
.notion-table-header-placeholder {
  display: none !important;
}
.notion-table-view .notion-page-icon {
  display: none !important;
}
.notion-table-view-body {
  overflow-x: hidden;
}
.notion-table-view-row:last-child {
  border-bottom: none;
}

.notion-table-view .notion-page-title-text {
  font-family: var(--font-titre) !important;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--cebtg-bordeaux);
}
.notion-table-view .notion-page-title a {
  text-decoration: none;
}
.notion-table-view .notion-property-rich_text span,
.notion-table-view .notion-property-text span {
  font-size: 0.85rem;
  color: #555;
  font-style: italic;
}
.notion-table-view .notion-property-select .notion-item {
  font-size: 0.72rem;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 8px;
}

/* ══════════════════════════════════════════
   BLOCS CODE bullet:HTML
   ══════════════════════════════════════════ */
.notion-custom-code {
  overflow: visible;
  height: auto;
}
.notion-custom-code > div {
  overflow: visible;
  height: auto;
}
.notion-custom-code iframe {
  display: block;
  width: 100%;
  min-height: 400px;
  border: 0;
}

/* ══════════════════════════════════════════
   BOOKMARKS YOUTUBE
   ══════════════════════════════════════════ */
.notion-bookmark {
  border: 1px solid rgba(140,26,17,0.15);
  border-radius: 8px;
  padding: 12px 16px;
  transition: box-shadow 0.2s ease;
  margin-bottom: 8px;
}
.notion-bookmark:hover {
  box-shadow: 0 4px 16px rgba(140,26,17,0.12);
  border-color: var(--cebtg-bordeaux);
}
.notion-bookmark-title {
  font-family: var(--font-titre) !important;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--cebtg-bordeaux) !important;
}
.notion-bookmark-description {
  font-size: 0.85rem;
  color: #666;
}
.notion-bookmark-link-text {
  font-size: 0.75rem;
  color: var(--cebtg-or);
}
.notion-bookmark-image {
  height: 160px;
  object-fit: cover;
}

/* ══════════════════════════════════════════
   COLONNES — page Replays
   ══════════════════════════════════════════ */
.notion-row {
  gap: 0 !important;
}

.notion-column {
  padding: 0 2rem !important;
  border-right: 1px solid rgba(140,26,17,0.12);
}
.notion-column:first-child {
  padding-left: 0 !important;
}
.notion-column:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}

/* Titre de niveau dans les colonnes */
.notion-column .notion-h2 {
  font-size: 1.3rem !important;
  margin-bottom: 0.5rem !important;
  padding-bottom: 0.4rem !important;
  border-bottom: 2px solid var(--cebtg-or) !important;
}

/* Lien cliquable (titre replay) */
.notion-column .notion-text a,
.notion-column a.notion-link {
  font-family: var(--font-titre) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: var(--cebtg-bordeaux) !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}
.notion-column .notion-text a:hover,
.notion-column a.notion-link:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--cebtg-or) !important;
}

/* Espacement des blocs texte dans les colonnes */
.notion-column .notion-text {
  margin: 0 !important;
  padding: 1px 2px !important;
  line-height: 1.4 !important;
}

/* Ligne sujet • date • durée */
.notion-column .notion-gray,
.notion-column .notion-gray_co,
.notion-column span.notion-gray {
  color: #999 !important;
  font-size: 0.76rem !important;
}

/* Séparateurs dans les colonnes */
.notion-column .notion-hr {
  margin: 4px 0 !important;
  opacity: 0.15 !important;
}
/* ── Force colonnes Replays — frontend ── */
.notion-column .notion-text {
  margin: 0 !important;
  padding: 1px 2px !important;
  line-height: 1.4 !important;
  min-height: 0 !important;
}
.notion-column .notion-blank {
  min-height: 0 !important;
  display: none !important;
}
.notion-column .notion-gray_co,
.notion-column .notion-gray {
  color: #666 !important;
  font-size: 0.76rem !important;
  opacity: 1 !important;
}
/* ══════════════════════════════════════════
   AGENDA — Cours à venir (ciblé uniquement)
   ══════════════════════════════════════════ */

/* Masque header et icône — inchangé */
.notion-table-view .notion-collection-header,
.notion-table-header-inner,
.notion-table-header,
.notion-table-header-placeholder {
  display: none !important;
}
.notion-table-view .notion-page-icon {
  display: none !important;
}
.notion-table-view-body {
  overflow-x: hidden;
}

/* ── Lignes agenda ── */
.coll-📅-cours-à-venir .notion-table-row {
  display: flex !important;
  align-items: center !important;
  border: none !important;
  border-left: 4px solid #c8b89a !important;
  border-bottom: none !important;
  border-radius: 8px !important;
  margin-bottom: 6px !important;
  background: #fdfaf7 !important;
  transition: box-shadow 0.2s ease, background 0.2s ease !important;
  overflow: hidden !important;
  padding: 8px 14px !important;
  gap: 12px !important;
}
.coll-📅-cours-à-venir .notion-table-row:hover {
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(140,26,17,0.08) !important;
}

/* Couleur bordure gauche par niveau */
.coll-📅-cours-à-venir .notion-table-row:has(.notion-item-green) {
  border-left-color: #7ab88a !important;
}
.coll-📅-cours-à-venir .notion-table-row:has(.notion-item-purple) {
  border-left-color: #a090cc !important;
}
.coll-📅-cours-à-venir .notion-table-row:has(.notion-item-red) {
  border-left-color: #c88080 !important;
}
.coll-📅-cours-à-venir .notion-table-row:has(.notion-item-blue) {
  border-left-color: #80a8cc !important;
}

/* Titre du cours */
.coll-📅-cours-à-venir .notion-page-title-text {
  font-family: var(--font-titre) !important;
  font-size: 0.90rem !important;
  font-weight: 600 !important;
  color: var(--cebtg-bordeaux) !important;
}
.coll-📅-cours-à-venir .notion-page-title a {
  text-decoration: none !important;
}

/* Date lisible */
.coll-📅-cours-à-venir .notion-property-text span {
  font-size: 0.82rem !important;
  color: #666 !important;
  font-style: italic !important;
}

/* Badge niveau */
.coll-📅-cours-à-venir .notion-property-select .notion-item {
  font-size: 0.70rem !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  letter-spacing: 0.03em !important;
}

/* ── Largeur et marge — Cours à venir ── */
.coll-📅-cours-à-venir .notion-collection-header {
  display: none !important;
}
.coll-📅-cours-à-venir .notion-table {
  width: auto !important;
  max-width: min(760px, 70vw) !important;
  margin-left: 4rem !important;
  margin-right: auto !important;
}
.coll-📅-cours-à-venir .notion-table-view {
  width: auto !important;
}
.coll-📅-cours-à-venir .notion-table-row,
.coll-📅-cours-à-venir .notion-table-cell {
  width: auto !important;
}
.coll-📅-cours-à-venir .notion-table-cell-title {
  min-width: 180px !important;
  max-width: 220px !important;
}
.coll-📅-cours-à-venir .notion-table-cell-text {
  min-width: 200px !important;
  max-width: 300px !important;
}
.coll-📅-cours-à-venir .notion-table-cell-select {
  min-width: 80px !important;
  max-width: 100px !important;
}
.coll-📅-cours-à-venir .notion-table-row:last-child {
  margin-bottom: 0 !important;
}

/* ══════════════════════════════════════════
   ÉLÉMENTS GLOBAUX
   ══════════════════════════════════════════ */

/* Fil d'ariane — cache le 2e élément (nom de la base de données) */
.notion-breadcrumb a:nth-of-type(2) {
  display: none !important;
}

/* ══════════════════════════════════════════
   PAGES SPÉCIFIQUES
   ══════════════════════════════════════════ */

/* /ressources — liens de la colonne, taille équilibrée */
.bullet-2-column .notion-column .notion-link {
  font-size: 1rem !important;
  line-height: 1.9 !important;
}