<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tanais, auteur/autrice sur Bastide Blanche</title>
	<atom:link href="https://www.bastide-blanche.fr/author/communication/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bastide-blanche.fr/author/communication/</link>
	<description>AOC BANDOL</description>
	<lastBuildDate>Wed, 13 May 2026 13:11:50 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.bastide-blanche.fr/wp-content/uploads/2021/06/cropped-favicon-BB_Plan-de-travail-1-32x32.png</url>
	<title>Tanais, auteur/autrice sur Bastide Blanche</title>
	<link>https://www.bastide-blanche.fr/author/communication/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Les tisanes</title>
		<link>https://www.bastide-blanche.fr/2026/05/13/les-tisanes/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 13 May 2026 09:01:23 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1680</guid>

					<description><![CDATA[<p>Toujours dans cette recherche d’équilibre, le domaine poursuit ses pratiques en<br />
biodynamie avec la préparation et l’application de tisanes végétales. Élaborées à<br />
partir de plantes soigneusement sélectionnées, ces préparations naturelles<br />
accompagnent la vigne dans son développement et renforcent sa résistance face aux<br />
aléas climatiques du printemps.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/les-tisanes/">Les tisanes</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LES TISANES
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Les tisanes",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "13 mai 2026",
  lecture:     "3 min",
  lien_retour: "/journal",

  chapeau: "Toujours dans cette recherche d'équilibre, le domaine poursuit ses pratiques en biodynamie avec la préparation et l'application de tisanes végétales. Élaborées à partir de plantes soigneusement sélectionnées, ces préparations naturelles accompagnent la vigne dans son développement et renforcent sa résistance face aux aléas climatiques du printemps.",

  contenu: `
Prêle, ortie ou encore saule peuvent ainsi être utilisées selon les besoins de la plante et les conditions du moment. Ces tisanes s'intègrent dans une approche globale qui vise à stimuler les défenses naturelles de la vigne tout en respectant pleinement la vie des sols et l'écosystème du vignoble.

Chaque intervention est guidée par l'observation attentive de la plante, du sol et des rythmes naturels, afin d'accompagner au mieux l'expression du terroir.
  `,

  seo_titre:       "Les tisanes végétales — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez comment Bastide Blanche utilise les tisanes végétales en biodynamie — prêle, ortie, saule — pour renforcer la vigne et respecter l'écosystème du vignoble à Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">←</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">← Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">→</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/les-tisanes/">Les tisanes</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Le déchaussage</title>
		<link>https://www.bastide-blanche.fr/2026/05/13/le-dechaussage/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 13 May 2026 08:56:31 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1673</guid>

					<description><![CDATA[<p>Dans la continuité du travail réalisé cet<br />
hiver grâce au pâturage des moutons,<br />
Guillaume et Nathan procèdent<br />
actuellement au déchaussage des<br />
vignes. Cette opération consiste à<br />
retirer délicatement la terre accumulée<br />
au pied des ceps afin d’aérer la zone du<br />
tronc, favoriser le réchauffement du sol</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/le-dechaussage/">Le déchaussage</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_1 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_1">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LE DÉCHAUSSAGE
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Le déchaussage",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "Avril",
  lecture:     "2 min",
  lien_retour: "/journal",

  chapeau: "Avec le retour des températures plus douces, la vigne reprend progressivement son activité végétative. Avril est un mois particulièrement important pour accompagner ce redémarrage tout en veillant à l'équilibre naturel de chaque parcelle.",

  contenu: `
Dans la continuité du travail réalisé cet hiver grâce au pâturage des moutons, Guillaume et Nathan procèdent actuellement au déchaussage des vignes. Cette opération consiste à retirer délicatement la terre accumulée au pied des ceps afin d'aérer la zone du tronc, favoriser le réchauffement du sol et préparer les futurs travaux mécaniques de la saison.

Ce travail permet également de contrôler l'état sanitaire des pieds après l'hiver et d'observer la vigueur du départ végétatif.
  `,

  seo_titre:       "Le déchaussage de la vigne — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez le déchaussage des vignes au domaine Bastide Blanche en avril : une opération essentielle pour aérer le sol, favoriser le réchauffement et préparer la saison.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/le-dechaussage/">Le déchaussage</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les foudres : préparer les vins de demain</title>
		<link>https://www.bastide-blanche.fr/2026/05/13/les-foudres-preparer-les-vins-de-demain/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 13 May 2026 08:44:54 +0000</pubDate>
				<category><![CDATA[La cave]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1656</guid>

					<description><![CDATA[<p>Au chai, le printemps est une période clé où se croisent fin d’élevage et préparation<br />
des futures cuvées.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/les-foudres-preparer-les-vins-de-demain/">Les foudres : préparer les vins de demain</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_2">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LES FOUDRES
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Les foudres : préparer les vins de demain",
  categorie:   "la-cave",
  cat_label:   "La cave",
  date:        "13 mai 2026",
  lecture:     "2 min",
  lien_retour: "/journal",

  chapeau: "Au chai, le printemps est une période clé où se croisent fin d'élevage et préparation des futures cuvées. Avant d'accueillir les prochains vins, Sylvain nettoie rigoureusement les foudres — une étape essentielle qui peut s'étendre sur plusieurs jours.",

  contenu: `
## Le nettoyage des foudres, une étape essentielle

Cette étape suit un protocole précis : rinçage, passage à la vapeur, nettoyage haute pression, puis contrôle final. La vapeur joue un rôle central : elle permet de décoller les dépôts naturellement formés au fil de l'élevage tout en assurant une désinfection en profondeur du bois. Ce procédé garantit un environnement sain pour les futurs vins, sans altérer l'équilibre naturel du matériau.

## Des foudres chargés d'histoire

Au fil du temps, les foudres évoluent et se patinent. Les teintes plus foncées témoignent de leur ancienneté et des nombreux millésimes qu'ils ont accompagnés. Certains d'entre eux ont connu plusieurs vies : autrefois utilisés dans d'autres univers, notamment la brasserie, ils ont été réadaptés au monde du vin.

> Entièrement conçus en bois, assemblés sans artifice, ils peuvent traverser les décennies tout en conservant leur rôle essentiel dans l'élevage.
  `,

  seo_titre:       "Les foudres : préparer les vins de demain — Journal du Domaine | Bastide Blanche",
  seo_description: "Au chai de Bastide Blanche, le nettoyage des foudres marque le printemps : une étape rigoureuse pour accueillir les futurs vins dans les meilleures conditions à Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/les-foudres-preparer-les-vins-de-demain/">Les foudres : préparer les vins de demain</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les cuves Inox</title>
		<link>https://www.bastide-blanche.fr/2026/05/13/les-cuves-inox/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 13 May 2026 08:44:36 +0000</pubDate>
				<category><![CDATA[La cave]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1662</guid>

					<description><![CDATA[<p>Une fois les vins rouges soutirés des foudres, ils sont réunis en cuves inox afin de réaliser les assemblages. Ce choix permet de travailler dans un environnement neutre, sans influence du bois, afin d'affiner précisément l'équilibre des cuvées.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/les-cuves-inox/">Les cuves Inox</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="et_pb_section et_pb_section_3 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_3">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LES CUVES INOX
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Les cuves Inox",
  categorie:   "la-cave",
  cat_label:   "La cave",
  date:        "13 mai 2026",
  lecture:     "1 min",
  lien_retour: "/journal",

  chapeau: "Une fois les vins rouges soutirés des foudres, ils sont réunis en cuves inox afin de réaliser les assemblages. Ce choix permet de travailler dans un environnement neutre, sans influence du bois, afin d'affiner précisément l'équilibre des cuvées.",

  contenu: `
## L'assemblage en cuves inox

Chaque lot, issu de parcelles différentes, apporte sa propre identité. L'assemblage permet ainsi de construire des vins harmonieux, fidèles à l'expression du domaine.

Ces cuvées sont actuellement en préparation en vue des mises en bouteille des mois à venir, notamment pour l'été.
  `,

  seo_titre:       "Les cuves Inox — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez comment Bastide Blanche réalise ses assemblages en cuves inox : un environnement neutre pour affiner l'équilibre des cuvées de Bandol avant la mise en bouteille.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">←</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">← Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">→</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/05/13/les-cuves-inox/">Les cuves Inox</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les moutons</title>
		<link>https://www.bastide-blanche.fr/2026/04/01/les-moutons/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 01 Apr 2026 09:03:57 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<category><![CDATA[lesmoutons]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1417</guid>

					<description><![CDATA[<p>Pendant que certaines parcelles accueillent de jeunes vignes, d’autres profitent d’une<br />
présence un peu particulière : un troupeau de moutons qui parcourt les rangs du<br />
vignoble.<br />
Leur passage permet de désherber naturellement les parcelles en se nourrissant<br />
de l’herbe qui pousse entre les rangs. Cette méthode limite le recours aux<br />
interventions mécaniques tout en préservant la structure du sol.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/04/01/les-moutons/">Les moutons</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_4 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_4">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LES MOUTONS
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Les moutons",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "1 avril 2026",
  lecture:     "3 min",
  lien_retour: "/journal",

  chapeau: "Les parcelles de vignes profitent d'une présence un peu particulière : un troupeau de moutons qui parcourt les rangs du vignoble. Leur passage permet de désherber naturellement les parcelles en se nourrissant de l'herbe qui pousse entre les rangs.",

  contenu: `
Cette méthode limite le recours aux interventions mécaniques tout en préservant la structure du sol. En circulant dans les vignes, les moutons contribuent également à fertiliser naturellement les sols, participant ainsi à l'équilibre biologique du vignoble.

## Un geste pour la biodiversité

Cette pratique s'inscrit dans l'attention que nous portons à la vie du sol et à l'écosystème qui entoure chaque parcelle. À la Bastide Blanche, chaque décision culturale est pensée pour accompagner la vigne de la manière la plus naturelle possible.

> La vigne se porte mieux quand elle vit en harmonie avec ce qui l'entoure.

En complément du travail mécanique et manuel, la présence des moutons représente une solution douce, efficace et respectueuse de l'environnement — pleinement cohérente avec notre engagement en agriculture biologique certifiée Biodyvin.
  `,

  seo_titre:       "Les moutons dans les vignes — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez comment le troupeau de moutons de Bastide Blanche contribue au désherbage naturel, à la fertilisation des sols et à la biodiversité du vignoble de Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/04/01/les-moutons/">Les moutons</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Le porte-greffe</title>
		<link>https://www.bastide-blanche.fr/2026/04/01/le-porte-greffe/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 01 Apr 2026 08:03:05 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1411</guid>

					<description><![CDATA[<p>À la Bastide Blanche, l’hiver et le<br />
début du printemps sont des périodes<br />
essentielles pour préparer les vignes de<br />
demain. Dans certaines parcelles, nous<br />
renouvelons ainsi quelques pieds afin<br />
de maintenir l’équilibre et la vitalité du<br />
vignoble.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/04/01/le-porte-greffe/">Le porte-greffe</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_5 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_5">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LE PORTE-GREFFE
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Le porte-greffe",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "Janvier / Février",
  lecture:     "2 min",
  lien_retour: "/journal",

  chapeau: "À la Bastide Blanche, l'hiver et le début du printemps sont des périodes essentielles pour préparer les vignes de demain. Dans certaines parcelles, nous renouvelons ainsi quelques pieds afin de maintenir l'équilibre et la vitalité du vignoble.",

  contenu: `
Chaque jeune plant de vigne est issu d'une greffe, une technique devenue indispensable depuis l'apparition du Phylloxéra. Le plant est constitué de deux parties : le porte-greffe, qui forme la partie racinaire et apporte résistance et adaptation au sol, et le greffon, qui correspond au cépage cultivé au domaine et qui produira les raisins.

## Maîtriser la vigueur du jeune plant

Dans les premières années, le porte-greffe possède naturellement beaucoup de vigueur. Les équipes interviennent donc pour maîtriser cette énergie et favoriser le développement du greffon. Certaines pousses sont supprimées afin que toute la sève profite à la future vigne.

Au niveau de la greffe, un bourrelet naturel de cicatrisation se forme progressivement autour du point d'union. Cette zone reste fragile au début et demande une attention particulière. Afin d'équilibrer la circulation de la sève et de protéger la greffe, de petites interventions peuvent être réalisées sur le bois pour réguler la montée de sève.

## Former le futur cep

Au fil des saisons, la jeune vigne est ensuite formée : on sélectionne la pousse la plus droite pour constituer le futur tronc du cep.

> Il faudra ensuite trois à quatre années de patience avant que ces jeunes vignes donnent leurs premières récoltes.
  `,

  seo_titre:       "Le porte-greffe — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez la technique du porte-greffe à Bastide Blanche : comment chaque jeune plant est greffé, formé et accompagné saison après saison pour préparer les vignes de demain à Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/04/01/le-porte-greffe/">Le porte-greffe</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>La véraison</title>
		<link>https://www.bastide-blanche.fr/2026/01/14/travaux-vigne/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 14 Jan 2026 15:30:29 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1146</guid>

					<description><![CDATA[<p>Le mois de juillet, synonyme de vacances scolaires, n'a malheureusement pas été de tout repos pour l'équipe de La Bastide Blanche. Toutefois, juillet rime aussi, ou pas, avec véraison, ce moment clé où la vigne et le raisin changent de couleur.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/travaux-vigne/">La véraison</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="et_pb_section et_pb_section_6 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_6">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LA VÉRAISON
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "La véraison",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "Juin / Juillet 2025",
  lecture:     "2 min",
  lien_retour: "/journal",

  chapeau: "Le mois de juillet, synonyme de vacances scolaires, n'a malheureusement pas été de tout repos pour l'équipe de La Bastide Blanche. Toutefois, juillet rime aussi, ou pas, avec véraison, ce moment clé où la vigne et le raisin changent de couleur.",

  contenu: `
Comme chaque année est différente, la fin juin et le début juillet ont été particulièrement éprouvants : une vague de chaleur a obligé la vigne à se replier sur elle-même pour mieux résister aux températures extrêmes. En réponse à ces fortes chaleurs, une tisane de camomille a été pulvérisée sur les ceps afin de les apaiser, mais aussi dans l'objectif d'homogénéiser la véraison et la maturité des baies.

Les travaux en vert ont été réduits pendant cette période pour éviter l'échaudage : c'est-à-dire la brûlure ou le dessèchement des grappes. L'équipe s'est également affairée à arroser les jeunes plants mis en terre en début d'année.

## Optimiser la maturité des blancs

Par ailleurs, pour optimiser la maturité des raisins blancs sur les parcelles d'Ugni blanc et de Clairette blanche (qui donnent La Bastide Blanche Blanc), les grappes et les rameaux ont été repositionnés pour assurer une exposition idéale au soleil tout en limitant les risques sanitaires.

Cette année, le nombre de grappes par souche étant réduit, aucun effeuillage (vendange en vert) n'a été réalisé. Classiquement pratiqué au début de la véraison, l'effeuillage permet de réguler les rendements en supprimant certaines grappes, afin de mieux maîtriser la concentration et la maturité de celles qui restent.

## Du côté des oliviers

Avec les travaux en vigne restreints, nous avons concentré nos efforts sur nos chers oliviers. Afin de limiter la ponte de la mouche de l'olive, les oliviers fruitiers ont été badigeonnés d'argile blanche, ce qui rend l'olive moins repérable et protège ainsi le fruit.

> Cette fin de mois de juillet a également marqué la fin de l'ébourgeonnage, clôturée par un barbecue convivial pour remercier une équipe formidable, appliquée et rigoureuse.
  `,

  seo_titre:       "La véraison — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez la véraison 2025 à Bastide Blanche : gestion de la canicule, tisanes de camomille, travaux sur les blancs et protection des oliviers dans le vignoble de Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/travaux-vigne/">La véraison</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Les sagattes</title>
		<link>https://www.bastide-blanche.fr/2026/01/14/la-croissance-de-la-vigne/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 14 Jan 2026 15:29:57 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<category><![CDATA[travaux]]></category>
		<category><![CDATA[vigne]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1142</guid>

					<description><![CDATA[<p>Avec les jours qui s'allongent et les températures qui montent, la vigne entre dans une phase de forte activité végétative. Les bourgeons ouverts en avril se transforment rapidement en rameaux, feuilles, futures grappes.</p>
<p>C'est une période clé où tout se joue pour la qualité de la récolte à venir. Et pour cela, un geste ancestral revient chaque année entre nos mains : les sagattes.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/la-croissance-de-la-vigne/">Les sagattes</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="et_pb_section et_pb_section_7 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_7">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LES SAGATTES
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Les sagattes",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "Avril",
  lecture:     "1 min",
  lien_retour: "/journal",

  chapeau: "Avec les jours qui s'allongent et les températures qui montent, la vigne entre dans une phase de forte activité végétative. Les bourgeons ouverts en avril se transforment rapidement en rameaux, feuilles, futures grappes.",

  contenu: `
C'est une période clé où tout se joue pour la qualité de la récolte à venir. Et pour cela, un geste ancestral revient chaque année entre nos mains : les sagattes.

## L'ébourgeonnage, un geste ancestral

En Provence, le mot "sagattes" désigne une opération cruciale du printemps : l'ébourgeonnage. Elle consiste à supprimer les gourmands, ces jeunes pousses qui ne donneront pas de fruit, mais qui consomment inutilement la sève.

> En les éliminant à la main, nous aidons la vigne à canaliser son énergie sur les rameaux porteurs de grappes, assurant ainsi une meilleure concentration des raisins.

C'est un travail manuel, lent et précis, qui demande de connaître chaque pied, chaque parcelle. Ce geste doux s'inscrit dans notre approche respectueuse et vivante du végétal.
  `,

  seo_titre:       "Les sagattes — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez les sagattes, l'ébourgeonnage printanier à Bastide Blanche : un geste ancestral provençal pour canaliser l'énergie de la vigne et concentrer la qualité des raisins à Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/la-croissance-de-la-vigne/">Les sagattes</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Le débourrement</title>
		<link>https://www.bastide-blanche.fr/2026/01/14/les-premiers-bourgeons/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 14 Jan 2026 15:29:23 +0000</pubDate>
				<category><![CDATA[Les travaux de la vigne]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1138</guid>

					<description><![CDATA[<p>En mars, la vigne sort doucement de sa dormance hivernale et entame son cycle végétatif annuel avec le débourrement. Les bourgeons gonflent et laissent apparaître de jeunes pousses fragiles. Cette étape est déterminante, car elle influence directement la qualité et la quantité de la future récolte.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/les-premiers-bourgeons/">Le débourrement</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="et_pb_section et_pb_section_8 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_8">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : LE DÉBOURREMENT
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "Le débourrement",
  categorie:   "la-vigne",
  cat_label:   "Les travaux de la vigne",
  date:        "Mars",
  lecture:     "1 min",
  lien_retour: "/journal",

  chapeau: "En mars, la vigne sort doucement de sa dormance hivernale et entame son cycle végétatif annuel avec le débourrement. Les bourgeons gonflent et laissent apparaître de jeunes pousses fragiles. Cette étape est déterminante, car elle influence directement la qualité et la quantité de la future récolte.",

  contenu: `
## Un moment clé pour nos équipes

La croissance reprend : la sève circule de nouveau dans les ceps. Vigilance maximale — nous surveillons attentivement les vignes pour assurer le bon démarrage de la saison.

## Côté sol : place aux premiers labours

Mars marque aussi le début des travaux du sol. Aérer la terre pour dynamiser la vie microbienne et favoriser l'infiltration de l'eau. Déchausser les ceps, pour éviter la concurrence avec l'herbe.
  `,

  seo_titre:       "Le débourrement — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez le débourrement de la vigne en mars à Bastide Blanche : les premiers bourgeons, la reprise de la sève et les travaux du sol qui lancent la nouvelle saison à Bandol.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">&#8592;</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">&#8592; Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">&#8594;</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/les-premiers-bourgeons/">Le débourrement</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>L&#8217;assemblage</title>
		<link>https://www.bastide-blanche.fr/2026/01/14/assemblage-et-elevage-vin-bandol/</link>
		
		<dc:creator><![CDATA[Tanais]]></dc:creator>
		<pubDate>Wed, 14 Jan 2026 15:28:47 +0000</pubDate>
				<category><![CDATA[La cave]]></category>
		<guid isPermaLink="false">https://www.bastide-blanche.fr/?p=1130</guid>

					<description><![CDATA[<p>L'assemblage consiste à marier différents cépages afin de créer un vin à la fois riche et harmonieux. En combinant des cépages aux caractéristiques complémentaires, notre objectif est d'atteindre un équilibre optimal.</p>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/assemblage-et-elevage-vin-bandol/">L&rsquo;assemblage</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="et_pb_section et_pb_section_9 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_9">
				
				
				
				
				<div class="et_pb_code_inner"><!-- ============================================================
     BASTIDE BLANCHE — ARTICLE : L'ASSEMBLAGE
     À coller dans un bloc HTML personnalisé dans WordPress
     ============================================================ -->

<div id="bb-article-root"></div>

<script>
const BB = {
  titre:       "L'assemblage",
  categorie:   "la-cave",
  cat_label:   "La cave",
  date:        "14 janvier 2026",
  lecture:     "1 min",
  lien_retour: "/journal",

  chapeau: "L'assemblage consiste à marier différents cépages afin de créer un vin à la fois riche et harmonieux. En combinant des cépages aux caractéristiques complémentaires, notre objectif est d'atteindre un équilibre optimal.",

  contenu: `
Chaque cépage apporte des arômes et des saveurs uniques, et certains gagnent à être associés à d'autres pour révéler pleinement leur potentiel. Cette alliance permet d'enrichir la palette aromatique et d'harmoniser la vivacité du vin.

Notre approche de l'assemblage repose sur l'adaptabilité : rien n'est figé, nous nous ajustons en fonction de l'évolution de chaque cépage et de la qualité des grappes. Ainsi, nous sublimons le haut potentiel de chaque cépage pour révéler une identité singulière et créer un vin unique.

> Pour le Bandol rosé de la Bastide, les principaux cépages utilisés sont le Mourvèdre, le Grenache noir, et le Cinsault.
  `,

  seo_titre:       "L'assemblage — Journal du Domaine | Bastide Blanche",
  seo_description: "Découvrez l'assemblage des vins à Bastide Blanche : comment Mourvèdre, Grenache noir et Cinsault sont mariés pour créer des Bandol rosés riches, harmonieux et uniques.",
};

const WP_URL = 'https://www.bastide-blanche.fr';

function parseContenu(texte) {
  const lignes = texte.trim().split('\n');
  let html = '', buf = [];
  const flush = () => { const t = buf.join(' ').trim(); if (t) html += `<p>${t}</p> `; buf = []; };
  lignes.forEach(l => {
    const t = l.trim();
    if (!t)                       { flush(); }
    else if (t.startsWith('## ')) { flush(); html += `<h2>${t.slice(3)}</h2>`; }
    else if (t.startsWith('> '))  { flush(); html += `<blockquote><p>${t.slice(2)}</p> </blockquote>`; }
    else buf.push(t);
  });
  flush();
  return html;
}

if (BB.seo_titre) document.title = BB.seo_titre;
[
  ['name',     'description',         BB.seo_description],
  ['property', 'og:title',            BB.seo_titre || BB.titre],
  ['property', 'og:description',      BB.seo_description],
  ['property', 'og:type',             'article'],
  ['name',     'twitter:card',        'summary_large_image'],
  ['name',     'twitter:title',       BB.seo_titre || BB.titre],
  ['name',     'twitter:description', BB.seo_description],
].forEach(([attr, name, content]) => {
  if (!content) return;
  let el = document.querySelector(`meta[${attr}="${name}"]`);
  if (!el) { el = document.createElement('meta'); el.setAttribute(attr, name); document.head.appendChild(el); }
  el.setAttribute('content', content);
});

document.getElementById('bb-article-root').innerHTML = `
<div class="bbs">

  <!-- HERO TYPOGRAPHIQUE SANS PHOTO -->
  <div class="bbs-hero">
    <div class="bbs-hero-inner">
      ${BB.cat_label ? `<span class="bbs-cat">${BB.cat_label}</span>` : ''}
      <h1 class="bbs-titre">${BB.titre}</h1>
    </div>
  </div>

  <!-- META BAR -->
  <div class="bbs-metabar">
    <div class="bbs-meta-left">
      <span class="bbs-meta">${BB.date}</span>
      <span class="bbs-sep"></span>
      <span class="bbs-meta">${BB.lecture} de lecture</span>
    </div>
    <a href="${BB.lien_retour}" class="bbs-retour">
      <span class="bbs-retour-arrow">←</span>
      Retour au journal
    </a>
  </div>

  <!-- CORPS -->
  <div class="bbs-body">
    <p class="bbs-chapeau">${BB.chapeau}</p> 
    <div class="bbs-content">${parseContenu(BB.contenu)}</div>

    <!-- PIED -->
    <div class="bbs-footer">
      <div class="bbs-footer-line"></div>
      <div class="bbs-footer-inner">
        <span class="bbs-footer-label">Domaine Bastide Blanche</span>
        <a href="${BB.lien_retour}" class="bbs-footer-btn">← Tous les articles</a>
      </div>
    </div>
  </div>

  <!-- ARTICLES SIMILAIRES -->
  <div class="bbs-sim-wrap">
    <div class="bbs-sim-header">
      <span class="bbs-sim-label">Dans la même catégorie</span>
    </div>
    <div id="bbs-sim-grid" class="bbs-sim-grid">
      <div class="bbs-loading">
        <span class="bbs-dot"></span><span class="bbs-dot"></span><span class="bbs-dot"></span>
      </div>
    </div>
  </div>

</div>
`;

async function loadSimilaires() {
  const grid = document.getElementById('bbs-sim-grid');
  try {
    const catRes  = await fetch(`${WP_URL}/wp-json/wp/v2/categories?slug=${BB.categorie}`);
    const catData = await catRes.json();
    if (!catData.length) { grid.innerHTML = ''; return; }

    const posts = await (await fetch(
      `${WP_URL}/wp-json/wp/v2/posts?categories=${catData[0].id}&per_page=4&_embed&orderby=date&order=desc`
    )).json();

    const filtered = posts
      .filter(p => (p.title?.rendered || '').replace(/<[^>]+>/g,'').trim() !== BB.titre)
      .slice(0, 3);

    if (!filtered.length) { grid.innerHTML = ''; return; }

    grid.innerHTML = filtered.map(post => {
      const title   = (post.title?.rendered || '').replace(/<[^>]+>/g, '');
      const raw     = (post.excerpt?.rendered || '').replace(/<[^>]+>/g, '').trim();
      const excerpt = raw.split(/\s+/).slice(0, 20).join(' ') + '\u2026';
      const media   = (post._embedded?.['wp:featuredmedia'] || [])[0];
      const img     = media?.source_url || '';
      const alt     = media?.alt_text   || title;
      return `
        <a href="${post.link}" class="bbs-sim-card">
          <div class="bbs-sim-img">
            ${img ? `<img decoding="async" src="${img}" alt="${alt}" loading="lazy">` : '<div class="bbs-sim-ph"></div>'}
          </div>
          <div class="bbs-sim-body">
            <h3 class="bbs-sim-titre">${title}</h3>
            <p class="bbs-sim-excerpt">${excerpt}</p> 
          </div>
          <div class="bbs-sim-foot">
            <span class="bbs-sim-arrow">→</span>
          </div>
        </a>`;
    }).join('');
  } catch(e) {
    grid.innerHTML = '';
    console.error(e);
  }
}

loadSimilaires();
</script>

<style>
  .bbs * { box-sizing: border-box; margin: 0; padding: 0; }
  .bbs { font-family: 'Jost', sans-serif; font-weight: 300; color: #2A2218; background: #fff; }

  /* ── HERO TYPOGRAPHIQUE (sans photo) ── */
  .bbs-hero {
    width: 100%;
    background: #1C2B1A;
    padding: 72px 80px 64px;
  }
  .bbs-hero-inner { max-width: 800px; }
  .bbs-cat {
    display: inline-block; margin-bottom: 20px;
    font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase;
    color: rgba(255,255,255,0.70); border: 1px solid rgba(255,255,255,0.30); padding: 6px 14px;
  }
  .bbs-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05;
    letter-spacing: -0.02em; color: #fff;
  }

  /* ── META BAR ── */
  .bbs-metabar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 80px; border-bottom: 1px solid #E8E2D8;
    background: #fff; flex-wrap: wrap; gap: 16px;
  }
  .bbs-meta-left { display: flex; align-items: center; gap: 24px; }
  .bbs-meta { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #9A9080; }
  .bbs-sep { display: inline-block; width: 1px; height: 16px; background: #E8E2D8; flex-shrink: 0; }
  .bbs-retour {
    font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
    color: #9A9080; text-decoration: none; display: flex; align-items: center; gap: 10px;
    transition: color 0.2s;
  }
  .bbs-retour:hover { color: #1C2B1A; }
  .bbs-retour-arrow {
    width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-retour:hover .bbs-retour-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── CORPS ── */
  .bbs-body { max-width: 720px; margin: 0 auto; padding: 64px 24px 80px; }
  .bbs-chapeau {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.35rem; line-height: 1.72; color: #1C2B1A;
    margin-bottom: 48px; padding-bottom: 40px; border-bottom: 1px solid #E8E2D8;
  }
  .bbs-content p { font-size: 16px; line-height: 1.92; color: #3A3228; margin-bottom: 28px; }
  .bbs-content h2 {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.85rem; line-height: 1.15; color: #1C2B1A;
    margin: 52px 0 18px; letter-spacing: -0.01em;
  }
  .bbs-content blockquote { margin: 44px 0; padding: 28px 36px; border-left: 2px solid #7B6585; background: #faf8f5; }
  .bbs-content blockquote p {
    font-family: 'Cormorant Garamond', serif; font-style: italic;
    font-size: 1.2rem; line-height: 1.65; color: #1C2B1A; margin: 0;
  }
  .bbs-content img { width: 100%; height: auto; display: block; margin: 40px 0; border-radius: 2px; }

  /* ── PIED ── */
  .bbs-footer { margin-top: 72px; }
  .bbs-footer-line { height: 1px; background: #E8E2D8; margin-bottom: 32px; }
  .bbs-footer-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .bbs-footer-label { font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #9A9080; }
  .bbs-footer-btn {
    font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
    color: #1C2B1A; text-decoration: none; border: 1px solid #E8E2D8; padding: 12px 24px;
    transition: background 0.25s, color 0.25s, border-color 0.25s;
  }
  .bbs-footer-btn:hover { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── ARTICLES SIMILAIRES ── */
  .bbs-sim-wrap { background: #fff; padding: 64px 80px; border-top: 1px solid #E8E2D8; }
  .bbs-sim-header { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
  .bbs-sim-header::after { content: ''; flex: 1; height: 1px; background: #E8E2D8; }
  .bbs-sim-label { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: #9A9080; white-space: nowrap; }
  .bbs-sim-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }

  .bbs-sim-card {
    background: #fff; border: 1px solid #E8E2D8; border-radius: 2px;
    overflow: hidden; display: flex; flex-direction: column;
    text-decoration: none; color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .bbs-sim-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(28,43,26,0.09); }
  .bbs-sim-img { position: relative; aspect-ratio: 16/11; overflow: hidden; background: #E8E2D8; flex-shrink: 0; }
  .bbs-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.55s ease; }
  .bbs-sim-card:hover .bbs-sim-img img { transform: scale(1.05); }
  .bbs-sim-ph { width: 100%; height: 100%; background: #1C2B1A; opacity: 0.15; }
  .bbs-sim-body { padding: 22px 24px 0; flex: 1; display: flex; flex-direction: column; }
  .bbs-sim-titre {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.25rem; line-height: 1.2; color: #1C2B1A; margin-bottom: 10px;
  }
  .bbs-sim-excerpt { font-size: 13px; line-height: 1.65; color: #9A9080; flex: 1; }
  .bbs-sim-foot {
    padding: 16px 24px 20px; display: flex; align-items: center;
    justify-content: flex-end; border-top: 1px solid #E8E2D8; margin-top: 20px;
  }
  .bbs-sim-arrow {
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid #E8E2D8;
    display: flex; align-items: center; justify-content: center; font-size: 15px; color: #2A2218;
    transition: background 0.25s, border-color 0.25s, color 0.25s;
  }
  .bbs-sim-card:hover .bbs-sim-arrow { background: #1C2B1A; border-color: #1C2B1A; color: #fff; }

  /* ── LOADING ── */
  .bbs-loading { text-align: center; padding: 40px 0; grid-column: 1/-1; }
  .bbs-dot {
    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #7B6585; margin: 0 3px; animation: bbs-pulse 1.2s ease-in-out infinite;
  }
  .bbs-dot:nth-child(2) { animation-delay: 0.2s; }
  .bbs-dot:nth-child(3) { animation-delay: 0.4s; }
  @keyframes bbs-pulse {
    0%, 80%, 100% { opacity: 0.2; transform: scale(0.8); }
    40%            { opacity: 1;   transform: scale(1); }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 980px) {
    .bbs-hero { padding: 48px 32px 40px; }
    .bbs-metabar, .bbs-sim-wrap { padding-left: 32px; padding-right: 32px; }
    .bbs-sim-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  }
  @media (max-width: 600px) {
    .bbs-hero { padding: 36px 20px 32px; }
    .bbs-metabar { padding: 14px 20px; }
    .bbs-body { padding: 40px 20px 60px; }
    .bbs-sim-wrap { padding: 40px 20px; }
    .bbs-sim-grid { grid-template-columns: 1fr; }
  }
</style></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>L’article <a href="https://www.bastide-blanche.fr/2026/01/14/assemblage-et-elevage-vin-bandol/">L&rsquo;assemblage</a> est apparu en premier sur <a href="https://www.bastide-blanche.fr">Bastide Blanche </a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
